@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+KR:wght@400;500;600;700;800&display=swap";:root{--page-gutter:clamp(20px,3vw,38px);color:#2c2016;font-synthesis:none;background:#f5efe3;font-family:DM Sans,Noto Sans KR,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}a{color:inherit}button:focus-visible,a:focus-visible{outline-offset:4px;outline:3px solid #e7af37}.visually-hidden{clip:rect(0,0,0,0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.app-hero{color:#f8eddb;background:#241911;position:relative;overflow:hidden}.site-nav{z-index:4;max-width:1360px;padding:23px var(--page-gutter);border-bottom:1px solid #e4c89b29;justify-content:space-between;align-items:center;margin:auto;display:flex;position:relative}.brand{letter-spacing:-.075em;white-space:nowrap;align-items:center;gap:8px;font-size:22px;font-weight:800;text-decoration:none;display:inline-flex}.bee-mark{flex:none;width:39px;height:39px;display:block}.nav-links{gap:33px;display:flex}.nav-links a{color:#d4bfa0;font-size:13px;text-decoration:none}.nav-links a:hover,.method-link:hover{color:#f8c75c}.hero-layout{z-index:1;max-width:1360px;padding:40px var(--page-gutter) 54px;grid-template-columns:minmax(0,1fr) minmax(440px,530px);align-items:center;gap:34px;margin:auto;display:grid;position:relative}.hero-copy{max-width:650px;padding-bottom:15px}.hero-kicker{color:#d4ae6c;letter-spacing:.13em;margin:0 0 25px;font-size:11px;font-weight:700}.hero-declaration{color:#f0bd4c;letter-spacing:-.06em;margin:0 0 14px;font-size:clamp(24px,2.35vw,33px);font-weight:800}.hero-copy h1{letter-spacing:-.065em;word-break:keep-all;margin:0;font-size:clamp(57px,5.2vw,78px);font-weight:700;line-height:1.18}.hero-subhead{letter-spacing:-.055em;margin:27px 0 8px;font-size:clamp(17px,1.7vw,23px);font-weight:700}.hero-lead{color:#d0bca1;word-break:keep-all;max-width:475px;margin:0;font-size:15px;line-height:1.8}.hero-actions{flex-wrap:wrap;align-items:center;gap:25px;margin-top:29px;display:flex}.primary-action{color:#2b1a0b;background:linear-gradient(110deg,#f2c865,#e8b44b);border:1px solid #f3c76d;border-radius:3px;justify-content:space-between;align-items:center;gap:22px;min-width:258px;min-height:56px;padding:0 20px;font-size:15px;font-weight:700;transition:background .2s,transform .2s;display:inline-flex}.primary-action:hover:not(:disabled){background:linear-gradient(110deg,#f8d98a,#efc263);transform:translateY(-2px)}.primary-action span{font-size:20px;font-weight:500}.method-link{color:#e5d5bb;text-underline-offset:5px;font-size:13px}.hero-helper{color:#c5ae8e;margin:20px 0 0;font-size:12px;line-height:1.6}.machine-area{align-self:center;min-width:0;position:relative}.machine-caption{color:#deb96f;letter-spacing:0;justify-content:space-between;width:100%;max-width:500px;margin:0 auto;font-size:11px;font-weight:700;display:flex}.machine-caption span:last-child{letter-spacing:0}.machine{width:min(100%,500px);margin:auto;position:relative}.machine-stage{width:500px;height:630px;transform:translateX(-50%) scale(var(--machine-scale,.84));transform-origin:top;position:absolute;left:50%}.machine-legs{z-index:1;width:308px;height:180px;position:absolute;top:315px;left:96px}.machine-legs i{background:linear-gradient(90deg,#38210f,#7d5028 55%,#2b170e);width:78px;height:160px;position:absolute;bottom:0;box-shadow:8px 12px 15px #0006}.machine-legs i:first-child{left:24px;transform:skew(-21deg)}.machine-legs i:last-child{right:24px;transform:skew(21deg)}.drum{z-index:2;background:radial-gradient(circle at 42% 28%,#fffbee,#f5e1b6 50%,#bc905a);border:7px solid #d2ae74;border-radius:50%;width:430px;height:430px;position:absolute;top:5px;left:35px;overflow:hidden;box-shadow:inset 10px 10px 17px #fff,inset -16px -16px 26px #71451b55,0 17px 34px #0007}.drum-axle{opacity:.64;background:linear-gradient(90deg,#5c391c,#ad7d45,#50301a);border-radius:43px;width:82px;height:311px;position:absolute;top:103px;left:175px;transform:rotate(-22deg)}.drum.is-spinning .drum-axle{animation:.72s linear infinite axle}.globe-ball{z-index:2;color:#432714;background:radial-gradient(circle at 28% 22%,#fff5cd,#efbe61 55%,#a76b2d);border:1px solid #ad7639;border-radius:50%;place-items:center;width:67px;height:67px;font-size:17px;font-weight:800;display:grid;position:absolute;transform:translate(-50%,-50%);box-shadow:inset -9px -10px 13px #7341124d,inset 7px 6px 9px #fff7,3px 7px 9px #5a391a4d}.globe-ball:nth-of-type(4n){background:radial-gradient(circle at 28% 22%,#ffe2bd,#df8e56 60%,#9a4b31)}.globe-ball:nth-of-type(4n+1){background:radial-gradient(circle at 28% 22%,#f0eebf,#a8bb78 60%,#62783f)}.globe-ball:nth-of-type(7n){background:radial-gradient(circle at 28% 22%,#d9e9da,#8fbcb7 60%,#4c807b)}.drum.is-idle .globe-ball{animation:tumble var(--idle-duration) ease-in-out var(--offset) infinite alternate}.drum.is-spinning .globe-ball{animation:tumble var(--duration) linear var(--offset) infinite alternate}.drum-reflection{z-index:4;pointer-events:none;background:linear-gradient(130deg,#fff8 0,#fff3 23%,#0000 42%);border-radius:50%;position:absolute;inset:0}.machine-chute{z-index:3;background:linear-gradient(90deg,#ffe8b4,#af8145,#ffefd0);border:5px solid #d1ac70;border-radius:11px 11px 25px 25px;width:82px;height:107px;position:absolute;top:383px;left:209px}.machine-chute i{background:#d49c4c;border-radius:50%;width:52px;height:52px;position:absolute;top:13px;left:10px}.machine-chute i:last-child{background:#f0cb69;top:46px}.machine-base{z-index:5;color:#f8ddaa;background:#472c18;border:1px solid #a27946;width:496px;padding:15px 22px 17px;position:absolute;top:480px;left:2px;box-shadow:inset 0 2px #ffffff1a,0 12px #2b1a10,0 22px 28px #0007}.machine-label{letter-spacing:.13em;justify-content:space-between;align-items:center;font-size:12px;font-weight:800;display:flex}.machine-label small{color:#dbc39b;font-size:10px}.machine-display{background:#24170f;border:1px solid #84603b;justify-content:center;gap:11px;margin-top:13px;padding:10px;display:flex}.number-ball{color:#382309;border-radius:50%;place-items:center;width:43px;height:43px;font-size:15px;font-weight:800;display:grid;box-shadow:inset -5px -6px 8px #30200f38,inset 3px 4px 5px #fff7}.number-ball.empty{color:#bea278;background:#54402b}.number-ball.reveal{z-index:6;animation:.62s cubic-bezier(.18,.7,.22,1) both ball-emerge;position:relative}.tone-1{background:#f4d878}.tone-2{background:#f0bd7d}.tone-3{background:#d9ab7e}.tone-4{background:#b9956f}.tone-5{background:#e9d7a3}.machine-cta{color:#2e1c0e;background:linear-gradient(110deg,#f2c865,#e8b44b);border:1px solid #e7b957;border-radius:2px;width:100%;min-height:49px;margin-top:11px;padding:0 15px;font-size:14px;font-weight:700;transition:background .2s;display:block}.machine-cta:hover:not(:disabled){background:#f8d98a}.result-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:17px;min-height:41px;margin:1px auto 0;display:flex}.result-actions button,.result-actions a{color:#ecd4a2;background:0 0;border:0;border-bottom:1px solid #c49d5a;padding:7px 0;font-size:12px;text-decoration:none}.result-actions button:hover,.result-actions a:hover{color:#fff3d4}.draw-progress{color:#edc971;margin:0;font-size:11px;position:absolute;bottom:0;right:0}.story-section{padding:78px max(var(--page-gutter),calc((100vw - 1284px)/2)) 82px;background:#f5efe3}.section-kicker{color:#9e6a2c;letter-spacing:.13em;margin:0;font-size:11px;font-weight:800}.story-intro{grid-template-columns:1fr minmax(330px,450px);align-items:end;gap:40px;display:grid}.story-intro .section-kicker{grid-column:1/-1}.story-intro h2{letter-spacing:-.065em;word-break:keep-all;margin:0;font-size:clamp(50px,5.1vw,73px);font-weight:700;line-height:1.2}.story-intro h2 em{color:#be832b;font-style:normal}.story-intro>p:last-child{color:#6d5a45;word-break:keep-all;max-width:410px;margin:0 0 8px;font-size:15px;line-height:1.8}.method-steps{border-top:1px solid #6c5540;grid-template-columns:repeat(3,1fr);gap:30px;margin-top:51px;display:grid}.method-steps article{padding-top:20px}.method-steps article>span{color:#a36e2c;font-size:12px;font-weight:800}.method-steps h3{letter-spacing:-.045em;margin:23px 0 10px;font-size:23px;font-weight:700}.method-steps p{color:#6d5a45;max-width:295px;margin:0;font-size:14px;line-height:1.75}.source-link{color:#6e451d;border-bottom:1px solid #9b6c37;margin-top:38px;padding-bottom:5px;font-size:13px;font-weight:700;text-decoration:none;display:inline-block}.faq-section{padding:70px max(var(--page-gutter),calc((100vw - 1284px)/2)) 76px;background:#efe5d4;grid-template-columns:minmax(280px,.8fr) minmax(0,1.2fr);gap:72px;display:grid}.faq-heading h2{letter-spacing:-.055em;word-break:keep-all;margin:20px 0 0;font-size:clamp(34px,3.5vw,50px);line-height:1.25}.faq-list article{border-top:1px solid #b8a88e;padding:20px 0 23px}.faq-list article:last-child{border-bottom:1px solid #b8a88e}.faq-list h3{letter-spacing:-.035em;word-break:keep-all;margin:0 0 9px;font-size:18px}.faq-list p{color:#6d5a45;word-break:keep-all;max-width:650px;margin:0;font-size:14px;line-height:1.8}.recent-section{padding:67px max(var(--page-gutter),calc((100vw - 1284px)/2)) 78px;background:#e9dbc4}.recent-heading{border-bottom:2px solid #3e2b1b;justify-content:space-between;align-items:end;gap:25px;padding-bottom:26px;display:flex}.recent-heading h2{letter-spacing:-.06em;margin:0;font-size:clamp(38px,4.2vw,58px);font-weight:700}.recent-heading>p{color:#775f42;margin:0 0 5px;font-size:12px}.saved-list article{border-bottom:1px solid #b9a68b;justify-content:space-between;align-items:center;gap:18px;padding:18px 6px;display:flex}.saved-list article.is-active{background:#f6ecda88}.saved-line{align-items:center;gap:35px;display:flex}.line-index{color:#9b7038;min-width:22px;font-size:12px;font-weight:800}.saved-balls{gap:9px;display:flex}.saved-balls .number-ball{width:41px;height:41px;font-size:14px}.saved-actions{gap:8px;display:flex}.saved-actions button{color:#563a1d;background:0 0;border:1px solid #9d7c52;border-radius:2px;min-height:37px;padding:6px 13px;font-size:12px;font-weight:700;transition:background .2s}.saved-actions button:hover{background:#e1c99e}.criteria-note{color:#644a2b;border-top:1px solid #b9a68b;grid-template-columns:190px 1fr;gap:25px;margin-top:35px;padding:25px 0;font-size:13px;display:grid}.criteria-note strong{color:#3d2a18}.criteria-note ul{gap:7px;margin:0;padding-left:18px;line-height:1.6;display:grid}.site-footer{padding:45px max(var(--page-gutter),calc((100vw - 1284px)/2));color:#f4e4c6;background:#1e150f;grid-template-columns:1fr 1.1fr auto;gap:30px;display:grid}.site-footer>div>p{color:#ad987d;font-size:12px}.footer-notice strong{font-size:12px}.footer-notice p{color:#aa9477;max-width:500px;font-size:12px;line-height:1.8}.copyright{color:#9c866c;white-space:nowrap;align-self:end;font-size:11px}.privacy-setting{color:#cdb694;background:0 0;border:0;border-bottom:1px solid #9c866c;margin-top:7px;padding:0;font-size:12px}.footer-privacy{flex-wrap:wrap;align-items:center;gap:18px;display:flex}.footer-privacy>a{color:#cdb694;border-bottom:1px solid #9c866c;margin-top:7px;padding-bottom:1px;font-size:12px;text-decoration:none}.footer-privacy>a:hover,.privacy-setting:hover{color:#f2c865}.analytics-consent{z-index:40;color:#f5e7cf;background:#281c13;border:1px solid #bb955c;justify-content:space-between;align-items:center;gap:28px;max-width:960px;margin:auto;padding:19px 22px;display:flex;position:fixed;bottom:20px;left:20px;right:20px;box-shadow:0 12px 38px #0007}.analytics-consent p{word-break:keep-all;max-width:610px;margin:0;font-size:12px;line-height:1.75}.analytics-consent strong{font-size:14px}.analytics-consent a{color:#f2c865;text-underline-offset:3px}.analytics-consent>div{flex:none;gap:8px;display:flex}.analytics-consent button{color:#f2e6d3;background:0 0;border:1px solid #a98d65;border-radius:2px;min-height:39px;padding:8px 12px;font-size:12px;font-weight:700}.analytics-consent .consent-accept{color:#2b1a0b;background:#f2c865;border-color:#f3c76d}.error-panel{z-index:30;color:#862c16;background:#fff6e7;border:1px solid #bb8662;max-width:360px;padding:18px 21px;position:fixed;bottom:20px;right:20px;box-shadow:0 12px 35px #0005}.error-panel p{margin:5px 0 8px;font-size:13px}.error-panel button{color:inherit;background:0 0;border:0;padding:0;text-decoration:underline}@keyframes tumble{0%{transform:translate(-50%,-50%) translate(var(--dx-neg),var(--dy-neg)) rotate(-11deg)}50%{transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) rotate(12deg)}to{transform:translate(-50%,-50%) translate(var(--dx-neg),var(--dy)) rotate(-5deg)}}@keyframes axle{to{transform:rotate(338deg)}}@keyframes ball-emerge{0%{opacity:0;transform:translate(var(--from-x),-95px) scale(.72)}18%{opacity:1}72%{transform:translateY(5px)scale(1.06)}to{opacity:1;transform:translate(0)scale(1)}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media (width<=1050px){.hero-layout{grid-template-columns:minmax(0,1fr) minmax(360px,450px)}.hero-copy h1{font-size:59px}.story-intro{grid-template-columns:1fr minmax(280px,390px)}}@media (width<=800px){.nav-links{display:none}.site-nav,.hero-layout,.story-section,.faq-section,.recent-section,.site-footer{padding-left:var(--page-gutter);padding-right:var(--page-gutter)}.hero-layout{flex-direction:column;align-items:stretch;gap:17px;display:flex}.hero-copy{padding:0}.hero-copy h1{font-size:clamp(52px,7.7vw,66px)}.machine-area{width:100%;max-width:530px;margin:auto}.story-intro{display:block}.story-intro h2{margin-top:24px}.story-intro>p:last-child{margin-top:20px}.method-steps{margin-top:42px}.faq-section{display:block}.faq-list{margin-top:30px}.site-footer{grid-template-columns:1fr 1fr}.draw-progress{text-align:center;position:static}}@media (width<=560px){.analytics-consent{padding:16px;display:block;bottom:12px;left:12px;right:12px}.analytics-consent>div{justify-content:flex-end;margin-top:13px}:root{--page-gutter:20px}.site-nav{padding-top:16px;padding-bottom:16px}.brand{font-size:19px}.bee-mark{width:34px;height:34px}.hero-layout{gap:20px;padding-top:30px;padding-bottom:35px}.hero-kicker{margin-bottom:22px}.hero-declaration{font-size:23px}.hero-copy h1{font-size:clamp(43px,11vw,58px)}.hero-subhead{margin-top:21px;font-size:18px}.hero-lead{font-size:14px}.hero-actions{margin-top:25px;display:block}.primary-action{width:100%;min-height:54px}.method-link{margin-top:18px;display:inline-block}.machine-caption{padding:0}.result-actions{gap:14px}.result-actions button,.result-actions a{font-size:11px}.story-section{padding-top:62px;padding-bottom:65px}.story-intro h2{font-size:clamp(42px,10vw,55px)}.story-intro>p:last-child{font-size:14px}.method-steps{margin-top:36px;display:block}.method-steps article{border-bottom:1px solid #c9b79d;grid-template-columns:77px 1fr;gap:0 10px;padding:21px 0;display:grid}.method-steps h3{margin:0 0 8px;font-size:20px}.method-steps p{grid-column:2;font-size:13px}.source-link{margin-top:28px}.faq-section{padding-top:58px;padding-bottom:62px}.faq-heading h2{font-size:37px}.faq-list h3{font-size:17px}.faq-list p{font-size:13px}.recent-section{padding-top:57px;padding-bottom:65px}.recent-heading{display:block}.recent-heading h2{font-size:38px}.recent-heading>p{margin-top:12px}.saved-list article{display:block}.saved-line{gap:10px}.saved-balls{gap:4px}.saved-balls .number-ball{width:36px;height:36px;font-size:12px}.saved-actions{justify-content:flex-end;margin-top:11px}.criteria-note{display:block}.criteria-note ul{margin-top:15px}.site-footer{padding-top:38px;padding-bottom:42px;display:block}.footer-notice{margin-top:32px}.copyright{margin-top:30px;display:block}}@media (width<=380px){.saved-balls .number-ball{width:31px;height:31px;font-size:11px}.saved-line{gap:6px}}