:root{--color-mint:#3fdd90;--color-mint-dark:#45d38e;--color-teal:#41c99a;--glow-mint:0 0 20px rgba(63,221,144,0.4);--glow-mint-strong:0 0 30px rgba(63,221,144,0.6)}html{scroll-behavior:smooth}body,html{overflow-x:hidden;overflow-y:auto;max-width:100vw;height:100%}body{margin:0;font-family:var(--font-body);background:var(--color-black);color:var(--color-white);line-height:1.6;-webkit-text-size-adjust:100%;scrollbar-width:thin;scrollbar-color:rgba(63,221,144,.3) transparent}body::-webkit-scrollbar{width:8px}body::-webkit-scrollbar-track{background:transparent}body::-webkit-scrollbar-thumb{background:rgba(63,221,144,.3);border-radius:4px}body::-webkit-scrollbar-thumb:hover{background:rgba(63,221,144,.5)}.stars{position:absolute;inset:0;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 50px 160px,#fff,transparent),radial-gradient(2px 2px at 90px 40px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 130px 80px,#fff,transparent);background-size:200px 200px;animation:twinkle 8s ease-in-out infinite;pointer-events:none}@keyframes twinkle{0%,to{opacity:1}50%{opacity:.6}}.hero{position:relative;height:100vh;min-height:100vh;max-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1.5rem 2.5rem;box-sizing:border-box;overflow:hidden}.hero-bg{position:absolute;top:0;left:0;right:0;bottom:0;height:100%;z-index:0}.hero-bg-image{position:absolute;inset:0;z-index:1;background-image:url(/image/hero-bg.png);background-size:cover;background-position:center 75%;pointer-events:none}.hero-bg .planet-bottom{position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:180%;max-width:1200px;height:32vh;background:radial-gradient(ellipse at center,#1a2332 0,#0d1520 40%,transparent 70%);border-radius:50%;pointer-events:none}.hero-bg .sun-corner{position:absolute;top:0;right:0;width:30%;max-width:250px;height:30vh;margin-right:-10px;background-image:url(/image/hero-sun.png);background-size:contain;background-position:100% 0;background-repeat:no-repeat;pointer-events:none;z-index:2}.header{position:fixed;top:0;left:0;right:0;z-index:100;justify-content:space-between;padding:max(.75rem,env(safe-area-inset-top)) max(1.5rem,env(safe-area-inset-right)) .75rem max(1.5rem,env(safe-area-inset-left))}.header,.logo{display:flex;align-items:center}.logo{text-decoration:none;color:var(--color-white);font-family:var(--font-display);font-size:2.5rem}.logo-img{height:2.5rem;width:auto;display:block}.logo-fallback{display:flex;align-items:center;gap:.5rem}.logo:has(.logo-img:not([style*="display: none"])) .logo-fallback{display:none}.logo-icon{width:3rem;height:3rem;background:var(--color-mint);color:var(--color-black);border-radius:6px;font-weight:700;font-size:1.5rem;box-shadow:var(--glow-mint)}.btn-login,.logo-icon{display:inline-flex;align-items:center;justify-content:center}.btn-login{padding:.65rem 1.4rem;min-height:44px;line-height:1.2;border-radius:999px;border:1px solid rgba(255,255,255,.95);background:transparent;color:var(--color-white);font-family:var(--font-body);font-size:.95rem;font-weight:600;text-decoration:none;cursor:pointer;box-shadow:0 0 12px rgba(255,255,255,.25);transition:background .2s,box-shadow .2s;margin-right:-.5rem;margin-bottom:0}.btn-login:hover{background:rgba(255,255,255,.08);box-shadow:0 0 16px rgba(255,255,255,.35)}.hero-main{z-index:1;justify-content:center;max-width:520px;max-height:85vh;overflow:visible;flex-shrink:0;margin-top:4rem}.hero-content,.hero-main{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center}.hero-content{margin-top:2.5rem}.hero-greeting{font-family:"Galmuri9",var(--font-body);font-size:1.05rem;line-height:1.7;color:var(--color-gray);margin:0 0 1.25rem;min-height:3.6rem;text-align:center;box-sizing:border-box}.typewriter-cursor{display:inline-block;color:var(--color-mint);animation:blink .8s step-end infinite}.hero-cta{position:relative;display:flex;flex-direction:column;align-items:center;gap:0;margin-top:2rem}.hero-mascot{position:relative;margin:1.5rem auto 1.25rem;width:380px;height:380px}.mascot-img{width:100%;height:100%;object-fit:contain;animation:mascot-float 3s ease-in-out 0s infinite}.hero.hero-play .mascot-img{animation:mascot-grow .7s ease-out forwards,mascot-float 3s ease-in-out .7s infinite}@keyframes mascot-grow{0%{transform:scale(.06) translateY(0)}to{transform:scale(1) translateY(0)}}@keyframes mascot-float{0%,to{transform:scale(1) translateY(0)}50%{transform:scale(1) translateY(-12px)}}.btn-start{position:relative;min-width:240px;min-height:48px;padding:.85rem 2.8rem;border:2px solid var(--color-mint);border-radius:999px;background:rgba(63,221,144,.08);color:var(--color-white);font-family:var(--font-body);font-size:.95rem;font-weight:600;text-decoration:none;margin-bottom:0;text-align:center;box-shadow:var(--glow-mint);transition:background .2s,box-shadow .2s;box-sizing:border-box}.btn-start,.btn-start-text{display:inline-block}.btn-start-arrow{position:absolute;right:1.25rem;top:50%;transform:translateY(-50%)}.btn-start:hover{background:rgba(63,221,144,.2);box-shadow:var(--glow-mint-strong)}.hero .link-learn{display:flex;flex-direction:column;align-items:center;gap:.25rem;margin-top:7.5rem;color:var(--color-gray-dim);font-size:.9rem;text-decoration:none;transition:color .2s}.hero .link-learn:hover{color:var(--color-mint)}.chevron-down{border-top:8px solid}.chevron-down,.chevron-up{display:block;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent}.chevron-up{border-bottom:8px solid}.about{position:relative;padding:2.5rem 1.5rem;min-height:100vh}.about-bg{position:absolute;inset:0;z-index:0}.about-bg-image{position:absolute;inset:0;z-index:1;background-image:url(/image/about-bg.png);background-size:cover;background-position:center 20%;pointer-events:none}.about-bg .planet-top{position:absolute;top:-15%;left:50%;transform:translateX(-50%);width:120%;max-width:900px;height:40vh;background:radial-gradient(ellipse at center,#1a2332 0,transparent 70%);border-radius:50%}.about-label{font-size:.9rem;font-weight:500;color:var(--color-gray);margin:0 0 2rem;letter-spacing:.1em}.about-label,.about-title{position:relative;z-index:1;text-align:center;font-family:Galmuri9,sans-serif}.about-title{font-size:clamp(2.5rem,6vw,4rem);color:var(--color-mint);margin:0 0 .5rem;text-shadow:var(--glow-mint)}.about-tagline{text-align:center;font-family:var(--font-body);font-size:1rem;color:#45d38e;margin:0 0 2rem}.about-tagline,.steps{position:relative;z-index:1}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:1.5rem;max-width:1200px;margin:4rem auto 1.5rem}@media (max-width:1024px){.steps{grid-template-columns:repeat(2,1fr)}}@media (max-width:600px){.steps{grid-template-columns:1fr}}.step-card{padding:0 1.5rem 1.5rem;border:2px solid var(--color-mint);border-radius:12px;background:rgba(0,0,0,.4);box-shadow:var(--glow-mint);display:flex;flex-direction:column;align-items:center;text-align:center;overflow:visible;min-width:0;opacity:0;transform:translateY(14px);transition:transform .25s ease,border-color .25s ease,box-shadow .25s ease,background .25s ease;transform-origin:center}@keyframes step-card-in{to{opacity:1;transform:translateY(0)}}.about.in-view .step-card:first-child{animation:step-card-in .32s ease-out forwards;animation-delay:0s}.about.in-view .step-card:nth-child(2){animation:step-card-in .32s ease-out forwards;animation-delay:.1s}.about.in-view .step-card:nth-child(3){animation:step-card-in .32s ease-out forwards;animation-delay:.2s}.about.in-view .step-card:nth-child(4){animation:step-card-in .32s ease-out forwards;animation-delay:.3s}.step-card:hover .step-illust img{transform:scale(1.08);filter:drop-shadow(0 0 16px rgba(63,221,144,.4)) drop-shadow(0 0 24px rgba(255,255,255,.15))}.step-num{display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--color-mint);color:var(--color-black);font-weight:700;font-size:1.1rem;margin-top:-1.25rem;margin-bottom:1rem;box-shadow:var(--glow-mint)}.step-num,.step-title{font-family:var(--font-body)}.step-title{font-size:1rem;color:var(--color-mint);margin:0 0 .75rem;line-height:1.3}.step-desc{font-family:var(--font-body);font-size:.85rem;color:var(--color-gray);margin:0 0 1rem;flex-grow:1}.step-illust{width:100%;min-height:260px;display:flex;align-items:center;justify-content:center}.step-illust img{max-width:100%;max-height:320px;width:auto;height:auto;object-fit:contain;transition:transform .25s ease,filter .25s ease;transform-origin:center center}.step-illust.step-2 img,.step-illust.step-4 img{max-height:320px}.step-illust.placeholder{background:rgba(63,221,144,.1);border-radius:8px;border:1px dashed var(--color-mint)}.link-app-down{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:.25rem;color:var(--color-gray-dim);font-size:.9rem;text-decoration:none;margin:6rem auto 0;width:fit-content;transition:color .2s}.link-app-down:hover{color:var(--color-mint)}.app-section{position:relative;padding:0 1.5rem;height:100vh;min-height:100vh;max-height:100vh;display:flex;align-items:stretch;box-sizing:border-box;overflow:hidden;transition:padding .35s ease,min-height .35s ease,height .35s ease}.app-bg{position:absolute;inset:0;z-index:0}.app-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:3rem;max-width:1100px;margin:0 auto;align-items:end;align-content:end;width:100%;padding-bottom:0;padding-top:20px;transition:gap .35s ease,grid-template-columns .35s ease}@media (max-width:900px){.app-section{min-height:100vh;height:100vh;padding:.75rem 1rem 0;overflow:hidden;box-sizing:border-box;display:flex;flex-direction:column;align-items:center;justify-content:center;transition:padding .35s ease}.app-section .app-inner{flex-direction:column;text-align:center;gap:1rem;padding-top:12vh;padding-bottom:0;flex:1 1 auto;min-height:0}.app-section .app-inner,.app-section .app-inner .app-left{display:flex;align-items:center;justify-content:center;width:100%;max-width:100%}.app-section .app-inner .app-left{order:1;align-self:center;padding:0;margin:0;flex-shrink:0}.app-section .app-inner .app-left .app-left-img{max-height:360px;width:auto;max-width:min(400px,92vw);object-fit:contain;margin:0 auto;display:block}.app-section .app-inner .app-copy{order:2;display:flex;flex-direction:column;align-items:center;text-align:center;padding-bottom:0;min-height:0;width:100%;max-width:100%;flex:1 1 auto;justify-content:flex-start}.app-section .app-copy .app-star--top{display:none}.app-section .app-copy .app-headline{text-align:center;font-size:1.05rem;margin:0 0 .2rem;line-height:1.35}.app-section .app-copy .app-headline.app-headline-accent{text-align:center;font-size:1.05rem}.app-section .app-copy .app-slogan{text-align:center;font-size:.8rem;margin:0 0 .1rem}.app-section .app-copy .app-desc{text-align:center;font-size:.75rem;margin:0 0 .4rem}.app-section .app-copy .app-buttons{justify-content:center;margin:0;gap:.5rem}.app-section .app-copy .app-buttons .app-store-link img,.app-section .app-copy .app-buttons .google-play-link img{height:42px;width:auto;object-fit:contain}.app-section .app-copy .app-star--mascot{margin:0 auto;height:20px}.app-section .app-copy .app-mascot{position:static;transform:translateY(80px);opacity:0;transition:transform .9s ease-out,opacity .7s ease-out;justify-content:center;align-items:flex-end;margin:auto auto 0;padding-bottom:0;flex-shrink:0}.app-section .app-copy .app-mascot img{max-width:220px;width:auto;max-height:50vh;height:auto;object-fit:contain;object-position:bottom;display:block;vertical-align:bottom}.app-section.in-view .app-copy .app-mascot{transform:translateY(0);opacity:1}}.app-left{display:flex;align-items:flex-start;justify-content:center;padding-top:0;overflow:visible;align-self:flex-start;margin-left:-6rem;margin-top:-3rem;transition:margin .35s ease,justify-content .35s ease,align-self .35s ease}.app-left.placeholder{min-height:320px;border:2px dashed var(--color-mint);border-radius:16px;background:rgba(63,221,144,.05)}.app-left-img{max-width:100%;max-height:580px;width:auto;height:auto;object-fit:contain;filter:drop-shadow(0 20px 40px rgba(0,0,0,.4))}.app-headline{font-family:Galmuri9,sans-serif;font-size:clamp(1.5rem,3vw,2rem);color:var(--color-white);margin:0 0 .5rem;line-height:1.3;position:relative;z-index:1}.app-section .app-copy .app-headline{opacity:0}.app-section.in-view .app-copy .app-headline{animation:headline-blink-twice 1.2s ease-out forwards}@keyframes headline-blink-twice{0%{opacity:0}20%{opacity:1}40%{opacity:0}60%{opacity:1}80%{opacity:0}to{opacity:1}}.app-headline-accent{color:#41c99a;white-space:nowrap}.app-slogan{margin:0 0 .25rem}.app-desc,.app-slogan{font-family:var(--font-body);font-size:1rem;color:var(--color-gray);position:relative;z-index:1}.app-desc{margin:0 0 1rem}.app-buttons{display:flex;flex-wrap:wrap;gap:1rem;margin-top:.75rem;justify-content:flex-end;position:relative;z-index:1}.app-store-link,.google-play-link{display:inline-block;text-decoration:none;transition:opacity .2s}.app-store-link:hover,.google-play-link:hover{opacity:.9}.app-store-link img,.google-play-link img{display:block;height:72px;width:auto;object-fit:contain}.app-copy{display:flex;flex-direction:column;position:relative;padding-bottom:320px;text-align:right;align-items:flex-end}.app-star{position:absolute;width:auto;height:48px;max-height:6vw;object-fit:contain;pointer-events:none;z-index:1}.app-star--top{top:-4.5rem;right:0;transform:scale(1)}.app-star--mascot{bottom:120px;left:3rem;transform:scaleX(-1)}.app-mascot{position:absolute;bottom:0;right:0;margin:0;width:auto;max-width:100%;display:flex;justify-content:flex-end;align-items:flex-end;padding:0;line-height:0;pointer-events:none;z-index:1;transform:translateY(80px);opacity:0;transition:transform .9s ease-out,opacity .7s ease-out}.app-section.in-view .app-mascot{transform:translateY(0);opacity:1}.app-mascot img{max-width:360px;width:auto;height:auto;max-height:55vh;object-fit:contain;object-position:bottom;vertical-align:bottom;display:block;margin-bottom:0}.btn-to-footer{position:absolute;bottom:1rem;left:50%;transform:translateX(-50%);z-index:2;width:1.5rem;height:1.5rem;border:none;border-radius:0;background:transparent;color:rgba(255,255,255,.5);cursor:pointer;display:flex;align-items:center;justify-content:center;text-decoration:none;transition:color .2s}.btn-to-footer:focus,.btn-to-footer:hover{color:rgba(255,255,255,.75)}.btn-to-footer:focus{outline:none}.btn-to-footer .chevron-down{color:currentColor}.footer{background:var(--color-black);padding:3rem 2rem 2rem;border-top:1px solid rgba(63,221,144,.2)}.footer-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr auto;gap:3rem}@media (max-width:700px){.footer-inner{grid-template-columns:1fr;text-align:center}.footer-nav{flex-direction:column;align-items:center}}@media (max-width:900px){.footer-inner{display:flex;flex-direction:column;gap:2rem;text-align:center}.footer-left{order:-1}.footer .copyright{margin-top:3rem;margin-bottom:0}.footer-nav{order:1;margin-top:2.5rem;flex-direction:row;flex-wrap:wrap;justify-content:center;align-items:flex-start;gap:2rem 3rem}.footer .nav-col{text-align:center}.footer .nav-col h4{margin-bottom:.5rem}.footer .nav-col ul{margin:0;padding:0;list-style:none}.footer .nav-col li{margin-bottom:.5rem}.footer .nav-col li:last-child{margin-bottom:0}}.footer-logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-mint);font-family:var(--font-display);font-size:1.5rem;margin-bottom:.5rem}.footer-logo-img{height:2.5rem;width:auto}.footer-logo .logo-icon{background:var(--color-mint);color:var(--color-black)}.footer-tagline{margin:0 0 1.5rem}.footer-contact p,.footer-tagline{font-size:.9rem;color:var(--color-gray)}.footer-contact p{margin:0 0 .35rem}.footer-contact a{color:var(--color-mint);text-decoration:none}.footer-contact a:hover{text-decoration:underline}.contact-note{font-size:.8rem!important;color:var(--color-gray-dim)!important}.copyright{margin-top:2rem;font-size:.85rem;color:var(--color-gray-dim)}.btn-top{position:fixed;bottom:2rem;right:2rem;z-index:999;width:2.25rem;height:2.25rem;border:1.5px solid var(--color-mint);border-radius:50%;background:rgba(0,0,0,.7);color:var(--color-mint);cursor:pointer;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;transform:translateY(.5rem);transition:opacity .25s,visibility .25s,transform .25s,border-color .2s,color .2s;pointer-events:none;backdrop-filter:blur(4px)}.btn-top.is-visible{pointer-events:auto;opacity:1;visibility:visible;transform:translateY(0)}.btn-top:focus,.btn-top:hover{color:#5ae8a8;border-color:#5ae8a8}.btn-top:focus{outline:none}.btn-top-chevron{color:currentColor}.footer-nav{display:flex;gap:3rem}.nav-col h4{font-family:var(--font-body);font-size:.9rem;font-weight:600;color:var(--color-white);margin:0 0 .75rem}.nav-col ul{list-style:none;margin:0;padding:0}.nav-col li{margin-bottom:.5rem}.nav-col a{color:var(--color-gray);text-decoration:none;font-size:.9rem;transition:color .2s}.nav-col a:hover{color:var(--color-mint)}@media (max-width:900px){.header{padding:1rem 1.25rem}.logo{font-size:2rem}.logo-img{height:2.75rem}.logo-icon{width:2.5rem;height:2.5rem;font-size:1.25rem}.btn-login{padding:.5rem .85rem;min-height:36px;font-size:.85rem;line-height:1.2}.hero-main{margin-top:3rem;max-width:100%;padding:0 .5rem}.hero-content{margin-top:1.5rem}.hero-greeting{font-size:.95rem;min-height:3.2rem}.hero-mascot{width:280px;height:280px;margin-bottom:1rem}.hero-cta{margin-top:-1.5rem}.btn-start{min-width:200px;padding:.75rem 2rem;font-size:.9rem}.btn-start-arrow{right:1rem}.hero .link-learn{margin-top:5rem;font-size:.85rem}.about{padding:2rem 1.25rem}.about-title{font-size:clamp(2rem,5vw,3rem)}.about-tagline{font-size:.95rem}.steps{gap:1.5rem;margin:3rem auto 1.25rem;padding:0 .5rem}.step-card{padding:0 1.25rem 1.25rem}.step-title{font-size:.95rem}.step-desc{font-size:.8rem}.step-illust{min-height:180px}.step-illust img,.step-illust.step-2 img,.step-illust.step-4 img{max-height:220px}.link-app-down{margin:1.5rem auto 0;font-size:.85rem}.footer{padding:2rem 1.25rem}.footer-inner{gap:2rem}}@media (max-width:600px){.header{padding:.75rem 1rem}.logo{font-size:1.75rem}.logo-img{height:2.25rem}.logo-icon{width:2rem;height:2rem;font-size:1rem}.btn-login{padding:.4rem .7rem;min-height:32px;font-size:.8rem;line-height:1.2}.hero{padding:1.5rem 1rem 2rem}.hero-main{margin-top:2.5rem}.hero-content{margin-top:1rem}.hero-greeting{font-size:.875rem;line-height:1.6;min-height:2.8rem}.hero-mascot{width:220px;height:220px;margin-bottom:.75rem}.hero-cta{margin-top:-1rem}.btn-start{min-width:100%;max-width:280px;padding:.7rem 1.5rem;font-size:.875rem}.btn-start-arrow{right:1rem}.hero .link-learn{margin-top:3.5rem;font-size:.8rem}.hero-bg .sun-corner{width:40%;max-width:140px;height:22vh}.about{padding:1.5rem 1rem}.about-label{font-size:.8rem}.about-title{font-size:clamp(1.75rem,8vw,2.5rem)}.about-tagline{font-size:.875rem;margin:0 0 1rem}.steps{margin:2rem auto 1rem;gap:2rem;padding:0 1rem;max-width:360px;width:100%;box-sizing:border-box}.step-card{padding:0 1rem 1rem}.step-num{width:2.25rem;height:2.25rem;font-size:1rem;margin-top:-1.125rem;margin-bottom:.75rem}.step-title{font-size:.9rem;margin:0 0 .5rem}.step-desc{font-size:.75rem;margin:0 0 .75rem}.step-illust{min-height:120px}.step-illust img,.step-illust.step-2 img,.step-illust.step-4 img{max-height:160px}.step-illust.step-4 img{max-height:120px}.link-app-down{margin:1.25rem auto 0;font-size:.8rem}.app-section{padding:.875rem .75rem 1.25rem}.app-inner{gap:.45rem;padding-bottom:.5rem}.app-section .app-inner .app-left .app-left-img{max-height:300px;max-width:360px}.app-left.placeholder{min-height:120px}.app-copy .app-headline,.app-copy .app-headline.app-headline-accent{font-size:.98rem}.app-copy .app-slogan{font-size:.72rem}.app-copy .app-desc{font-size:.68rem}.app-section .app-copy .app-buttons .app-store-link img,.app-section .app-copy .app-buttons .google-play-link img{height:38px}.app-section .app-copy .app-mascot img{max-width:180px;max-height:42vh}.footer{padding:1.5rem 1rem}.footer-inner{gap:1.5rem}.footer-logo{font-size:1.25rem}.footer-contact p,.footer-tagline{font-size:.85rem}.footer-nav{gap:2rem}.nav-col a,.nav-col h4{font-size:.85rem}.copyright{margin-top:1.5rem;font-size:.8rem}}.service-intro-overlay{position:fixed;inset:0;background:rgba(10,10,10,.85);backdrop-filter:blur(4px);z-index:1000;animation:fadeIn .2s ease-out}.service-intro-modal{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:800px;max-height:90vh;background:var(--color-black);border:1px solid rgba(63,221,144,.3);border-radius:12px;box-shadow:0 8px 32px rgba(0,0,0,.5),var(--glow-mint);z-index:1001;display:flex;flex-direction:column;animation:slideUp .3s ease-out;overflow:hidden}.service-intro-close{position:absolute;top:1rem;right:1rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:rgba(63,221,144,.1);border:1px solid rgba(63,221,144,.3);border-radius:8px;color:var(--color-mint);cursor:pointer;transition:all .2s;z-index:10}.service-intro-close:hover{background:rgba(63,221,144,.2);border-color:var(--color-mint);box-shadow:var(--glow-mint)}.service-intro-close:active{transform:scale(.95)}.service-intro-content{padding:2.5rem 2rem 2rem;overflow-y:auto;scrollbar-width:thin;scrollbar-color:rgba(63,221,144,.3) transparent}.service-intro-content::-webkit-scrollbar{width:8px}.service-intro-content::-webkit-scrollbar-track{background:transparent}.service-intro-content::-webkit-scrollbar-thumb{background:rgba(63,221,144,.3);border-radius:4px}.service-intro-content::-webkit-scrollbar-thumb:hover{background:rgba(63,221,144,.5)}.service-intro-title{font-family:var(--font-display);font-size:2rem;color:var(--color-mint);margin:0 0 2rem;line-height:1.3;text-align:center}.service-intro-section{margin-bottom:2rem}.service-intro-section:last-child{margin-bottom:0}.service-intro-quote{font-size:1.2rem;color:var(--color-mint);font-weight:600;margin:0 0 1.5rem;text-align:center;font-style:italic}.service-intro-subtitle{font-size:1.3rem;color:var(--color-white);margin:0 0 1rem;font-weight:600;border-bottom:1px solid rgba(63,221,144,.2);padding-bottom:.5rem}.service-intro-text{font-size:1rem;color:var(--color-gray);line-height:1.8;margin:0 0 1rem}.service-intro-text:last-child{margin-bottom:0}.service-intro-list{list-style:none;padding:0;margin:0 0 1rem}.service-intro-list li{font-size:1rem;color:var(--color-gray);line-height:1.8;margin-bottom:1rem;padding-left:1.5rem;position:relative}.service-intro-list li:last-child{margin-bottom:0}.service-intro-list li:before{content:"•";position:absolute;left:0;color:var(--color-mint);font-weight:700;font-size:1.2rem}.service-intro-list--numbered{counter-reset:item}.service-intro-list--numbered li{counter-increment:item;padding-left:2rem}.service-intro-list--numbered li:before{content:counter(item) ".";position:absolute;left:0;color:var(--color-mint);font-weight:700;font-size:1rem}.service-intro-list strong{color:var(--color-white);font-weight:600}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translate(-50%,-40%)}to{opacity:1;transform:translate(-50%,-50%)}}.privacy-agree-wrap{padding:1.5rem 2rem 2rem;text-align:center;border-top:1px solid rgba(63,221,144,.15)}.privacy-agree-btn{width:100%;padding:.875rem 2rem;border:1px solid rgba(255,255,255,.15);border-radius:12px;background:rgba(255,255,255,.06);color:rgba(255,255,255,.3);font-size:1rem;font-weight:600;cursor:not-allowed;transition:all .3s ease}.privacy-agree-btn--active{background:var(--color-mint);color:#0a0a0a;border-color:var(--color-mint);cursor:pointer;box-shadow:var(--glow-mint)}.privacy-agree-btn--active:hover{filter:brightness(1.1);transform:translateY(-1px)}.privacy-agree-hint{margin-top:.5rem;font-size:.8rem;color:rgba(255,255,255,.4)}@media (max-width:900px){.service-intro-modal{width:92%;max-width:700px;max-height:92vh}.service-intro-content{padding:2rem 1.75rem 1.75rem}.service-intro-title{font-size:1.75rem;margin-bottom:1.75rem}.service-intro-subtitle{font-size:1.2rem}.service-intro-text{font-size:.95rem}}@media (max-width:600px){.service-intro-modal{width:95%;max-height:92vh;border-radius:8px}.service-intro-content{padding:1.5rem 1.25rem 1.25rem}.service-intro-close{top:.75rem;right:.75rem;width:32px;height:32px}.service-intro-title{font-size:1.3rem;margin-bottom:1.25rem}.service-intro-quote{font-size:.9rem;margin-bottom:.875rem}.service-intro-subtitle{font-size:1rem;margin-bottom:.625rem}.service-intro-list li,.service-intro-text{font-size:.85rem;line-height:1.6;margin-bottom:.75rem}.service-intro-list li{padding-left:1.125rem}.service-intro-list--numbered li{padding-left:1.5rem}.service-intro-section{margin-bottom:1.25rem}}@media (max-width:400px){.service-intro-modal{width:96%;max-height:90vh;border-radius:6px}.service-intro-content{padding:1.25rem 1rem 1rem}.service-intro-close{top:.625rem;right:.625rem;width:28px;height:28px}.service-intro-title{font-size:1.15rem;margin-bottom:1rem}.service-intro-quote{font-size:.85rem;margin-bottom:.75rem}.service-intro-subtitle{font-size:.95rem;margin-bottom:.5rem}.service-intro-list li,.service-intro-text{font-size:.8rem;line-height:1.5;margin-bottom:.625rem}.service-intro-list li{padding-left:1rem}.service-intro-list--numbered li{padding-left:1.25rem}.service-intro-section{margin-bottom:1rem}.hero-mascot{width:180px;height:180px}.hero-greeting{font-size:.8rem;min-height:2.6rem}.about-title{font-size:1.5rem}.steps{max-width:340px;gap:1.75rem}.step-illust{min-height:100px}.step-illust img,.step-illust.step-2 img,.step-illust.step-4 img{max-height:140px}.step-illust.step-4 img{max-height:100px}.app-section .app-inner .app-left .app-left-img{max-height:260px;max-width:320px}.app-copy .app-headline,.app-copy .app-headline.app-headline-accent{font-size:.9rem}.app-copy .app-slogan{font-size:.68rem}.app-copy .app-desc{font-size:.65rem}.app-section .app-copy .app-buttons .app-store-link img,.app-section .app-copy .app-buttons .google-play-link img{height:34px}.app-section .app-copy .app-mascot img{max-width:150px;max-height:36vh}}.mouse-sparkle{position:fixed;inset:0;z-index:1;pointer-events:none;width:100vw;height:100vh;transition:opacity .5s ease}:root{--color-black:#0a0a0a;--color-mint:#3FDD90;--color-teal:#41C99A;--color-white:#ffffff;--color-gray:rgba(255,255,255,0.7);--color-gray-dim:rgba(255,255,255,0.5);--font-display:"Audiowide",sans-serif;--font-body:"Pretendard",-apple-system,BlinkMacSystemFont,sans-serif}*,:after,:before{box-sizing:border-box}body.login-page,html{margin:0;padding:0;min-height:100vh;min-height:100dvh;font-family:var(--font-body);background:var(--color-black);color:var(--color-white);overflow-x:hidden}.login-bg{position:fixed;inset:0;z-index:0;background-color:var(--color-black);background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 50px 160px,#fff,transparent),radial-gradient(2px 2px at 90px 40px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 130px 80px,#fff,transparent);background-size:200px 200px;animation:login-twinkle 8s ease-in-out infinite;pointer-events:none}@keyframes login-twinkle{0%,to{opacity:1}50%{opacity:.6}}.login-back{position:fixed;top:max(1.5rem,env(safe-area-inset-top));left:max(1.5rem,env(safe-area-inset-left));z-index:10;display:inline-flex;align-items:center;gap:.25rem;padding:.35rem 0;font-family:var(--font-body);font-size:.9rem;line-height:1.4;color:var(--color-gray);text-decoration:none;transition:color .2s;box-sizing:border-box}.login-back:hover{color:var(--color-white)}.login-character{position:fixed;left:12%;bottom:0;z-index:1;width:48%;max-width:520px;display:flex;align-items:flex-end;justify-content:flex-start;pointer-events:none}.login-character img{width:100%;height:auto;max-height:90vh;object-fit:contain;object-position:left bottom;animation:login-character-rise 2s ease-out both}@keyframes login-character-rise{0%{transform:translateY(80px);opacity:0}to{transform:translateY(0);opacity:1}}.login-main{position:relative;z-index:2;min-height:100vh;min-height:100dvh;display:flex;align-items:center;justify-content:flex-end;padding:max(2rem,env(safe-area-inset-top)) max(18%,env(safe-area-inset-right)) max(2rem,env(safe-area-inset-bottom)) max(2rem,env(safe-area-inset-left))}.login-panel{width:100%;max-width:400px;text-align:center}.login-logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-white);font-family:var(--font-display);font-size:2rem;margin-bottom:.75rem}.login-logo-img{height:11rem;width:auto;display:block}.login-logo.fallback .login-logo-img{display:none}.login-logo-fallback{display:none;align-items:center;gap:.5rem}.login-logo.fallback .login-logo-fallback{display:flex}.login-logo .logo-icon{display:inline-flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;background:var(--color-mint);color:var(--color-black);border-radius:6px;font-weight:700;font-size:1.25rem}.login-tagline{font-size:.85rem;color:var(--color-gray);margin:0 0 1rem;line-height:1.4}.login-email-link-btn{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;text-decoration:none}.login-email-link-btn:hover{text-decoration:underline}.login-social{display:flex;flex-direction:column;gap:.6rem;max-width:320px;margin:1rem auto 1.5rem}.login-email-form{width:100%;max-width:320px;margin:1rem auto 0;text-align:left}.login-input-wrap{position:relative;margin-bottom:.6rem}.login-input{width:100%;padding:.75rem 1rem;font-family:var(--font-body);font-size:.95rem;color:var(--color-white);background:var(--color-black);border:1px solid rgba(255,255,255,.4);border-radius:6px;outline:none;box-sizing:border-box;transition:border-color .2s}.login-input::placeholder{color:var(--color-gray-dim)}.login-input:focus{border-color:var(--color-white)}.login-input-wrap--password .login-input{padding-right:2.75rem}.login-password-inner{position:relative;display:flex;align-items:stretch}.login-password-toggle{position:absolute;right:.75rem;top:0;bottom:0;width:28px;height:28px;margin:auto 0;padding:0;border:none;background:none;color:var(--color-gray);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:color .2s;z-index:1}.login-password-toggle:hover{color:var(--color-white)}.login-form-options{display:flex;align-items:center;justify-content:space-between;margin-bottom:1rem;flex-wrap:wrap;gap:.5rem}.login-check-wrap{display:inline-flex;align-items:center;gap:.4rem;cursor:pointer;font-size:.85rem;color:var(--color-gray);user-select:none}.login-check{appearance:none;width:1rem;height:1rem;margin:0;border:1px solid rgba(255,255,255,.6);border-radius:3px;background:var(--color-white);cursor:pointer;flex-shrink:0;transition:border-color .2s,background .2s}.login-check:hover{border-color:rgba(255,255,255,.9)}.login-check:checked{border-color:var(--color-mint);background:var(--color-mint) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 10'%3E%3Cpath fill='none' stroke='%23ffffff' stroke-width='2' stroke-linecap='round' stroke-linejoin='round' d='M1 5l3 3 7-6'/%3E%3C/svg%3E") center /10px 8px no-repeat}.login-check-text{white-space:nowrap}.login-forgot{font-size:.85rem;color:var(--color-white);text-decoration:none}.login-forgot:hover{text-decoration:underline}.login-panel--forgot{text-align:left}.login-forgot-title{font-family:var(--font-body);font-size:1.5rem;font-weight:600;color:var(--color-mint);margin:0 0 .5rem}.login-forgot-desc{font-size:.9rem;color:var(--color-white);margin:0 0 1.5rem;line-height:1.5}.login-forgot-form{text-align:left}.login-label{display:block;font-size:.9rem;color:var(--color-white);margin-bottom:.4rem}.login-forgot-code-head{display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;margin-bottom:1.25rem}.login-forgot-desc--code{margin:0;flex:1}.login-forgot-timer{font-size:1rem;font-weight:600;color:var(--color-white);flex-shrink:0}.login-forgot-code-inputs{display:flex;gap:.5rem;margin-bottom:1.25rem;width:100%}.login-forgot-code-input{flex:1 1 0;min-width:0;width:0;height:2.75rem;padding:0;font-family:var(--font-body);font-size:1.25rem;font-weight:600;text-align:center;color:var(--color-white);background:var(--color-black);border:1px solid rgba(255,255,255,.4);border-radius:6px;outline:none;box-sizing:border-box;transition:border-color .2s}.login-forgot-code-input:focus{border-color:var(--color-mint)}.login-forgot-code-buttons{display:flex;gap:.6rem;width:100%}.login-forgot-btn-complete,.login-forgot-btn-resend{flex:1 1 0;min-width:0;margin-bottom:0;min-height:2.75rem;height:2.75rem;padding:0 1rem;display:inline-flex;align-items:center;justify-content:center}.login-btn--disabled,.login-btn--disabled:hover{background:rgba(255,255,255,.2);color:var(--color-gray);cursor:not-allowed;opacity:1}.login-forgot-resend-msg{font-size:.85rem;color:var(--color-gray-dim);margin:.5rem 0 0}.login-btn{display:block;width:100%;padding:.85rem 1rem;font-family:var(--font-body);font-size:1rem;font-weight:500;text-align:center;text-decoration:none;border-radius:6px;border:none;cursor:pointer;transition:opacity .2s,transform .15s;box-sizing:border-box;margin-bottom:.6rem}.login-btn:last-child{margin-bottom:0}.login-btn:hover{opacity:.95}.login-btn:active{transform:scale(.98)}.login-btn--primary{background:rgba(255,255,255,.9);color:var(--color-black);cursor:not-allowed}.login-btn--primary:not(:disabled){background:var(--color-mint);color:var(--color-white);cursor:pointer}.login-btn--primary:hover:not(:disabled){background:var(--color-teal)}.login-btn--primary:disabled{opacity:1}.login-input.login-input--error{border-color:#e74c3c}.login-input-error-msg{font-size:.8rem;color:#e74c3c;margin-top:.35rem;margin-bottom:.25rem;min-height:1.2em}.login-btn--secondary{background:transparent;color:var(--color-white);border:1px solid rgba(255,255,255,.5)}.login-btn--secondary:hover{border-color:var(--color-white)}.login-social-btn{display:block;width:100%;text-decoration:none;transition:opacity .2s,transform .15s;border:none;background:none;padding:0;cursor:pointer}.login-social-btn:hover{opacity:.9}.login-social-btn:active{transform:scale(.98)}.login-social-btn img{display:block;width:100%;height:auto;max-height:44px;object-fit:contain;object-position:center}.login-agreement{font-size:.75rem;color:var(--color-gray-dim);line-height:1.6;margin:0 0 1.25rem;padding:0 .5rem}.login-agreement .login-link{color:#45D38E;text-decoration:none}.login-agreement .login-link:hover{text-decoration:underline}.login-email-links{font-size:.8rem;font-family:var(--font-body);color:var(--color-gray);margin-top:4rem}.login-email-links a{color:var(--color-gray);text-decoration:none}.login-email-links a:hover{text-decoration:underline}.login-email-links .sep{margin:0 .5rem;color:var(--color-gray-dim)}@media (max-width:900px){body.login-page{display:flex;flex-direction:column;min-height:100dvh}.login-main{order:1;flex:1 1 auto;min-height:0;justify-content:center;padding:max(1rem,env(safe-area-inset-top)) max(1rem,env(safe-area-inset-right)) max(1rem,env(safe-area-inset-bottom)) max(1rem,env(safe-area-inset-left))}.login-character{order:2;position:relative;flex-shrink:0;width:100%;max-width:none;left:auto;bottom:auto;display:flex;justify-content:center;align-items:flex-end;padding-bottom:max(.75rem,env(safe-area-inset-bottom))}.login-character img{max-height:28vh;width:auto;max-width:320px}}@media (max-width:768px){.login-character img{max-height:26vh;max-width:280px}.login-logo-img{height:8rem}.login-email-form,.login-social{max-width:280px}.login-social-btn img{max-height:40px}}@media (max-width:480px){.login-character img{max-height:24vh;max-width:240px}.login-logo-img{height:6.5rem}}.signup-content{max-width:320px;margin:0 auto;text-align:left}.signup-title{font-family:var(--font-body);font-size:1.5rem;font-weight:600;color:var(--color-white);margin:0 0 1.5rem;text-align:left}.signup-form{width:100%;text-align:left}.signup-input-wrap{position:relative;margin-bottom:1rem}.signup-input-wrap--password .login-input{padding-right:2.75rem}.signup-password-inner{position:relative}.signup-label{display:block;font-size:.9rem;color:var(--color-white);margin-bottom:.4rem}.signup-email-row{display:flex;gap:.5rem;align-items:flex-start}.signup-email-row .login-input{flex:1;min-width:0}.signup-dup-btn{flex-shrink:0;padding:.75rem 1rem;font-family:var(--font-body);font-size:.9rem;color:var(--color-mint);background:transparent;border:1px solid var(--color-mint);border-radius:6px;cursor:pointer;transition:color .2s,border-color .2s}.signup-dup-btn:hover{color:var(--color-teal);border-color:var(--color-teal)}.signup-dup-btn--error{background:transparent}.signup-dup-btn--error,.signup-dup-btn--error:hover{border-color:#e74c3c;color:#e74c3c}.signup-hint{font-size:.8rem;color:var(--color-mint);margin-top:.35rem;margin-bottom:0}.signup-terms-wrap{display:flex;align-items:center;gap:.4rem;margin-bottom:1rem;cursor:pointer;font-size:.9rem;color:var(--color-white);user-select:none}.signup-terms-text{flex:1}.signup-terms-link{font-size:.85rem;color:var(--color-gray-dim);text-decoration:none}.signup-terms-link:hover{color:var(--color-gray);text-decoration:underline}.signup-submit-btn{margin-top:.5rem}.signup-success-toast{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);z-index:100;padding:1rem 2rem;font-family:var(--font-body);font-size:1rem;color:var(--color-white);background:rgba(0,0,0,.85);border:1px solid rgba(255,255,255,.3);border-radius:8px;box-shadow:0 4px 24px rgba(0,0,0,.5)}@media (max-width:900px){.signup-content{max-width:300px}.signup-title{font-size:1.35rem;margin-bottom:1.25rem}.signup-label{font-size:.85rem;margin-bottom:.35rem}.signup-input-wrap{margin-bottom:.875rem}.signup-dup-btn{padding:.65rem .85rem;font-size:.85rem}.signup-terms-wrap{font-size:.85rem;margin-bottom:.875rem}.signup-terms-link{font-size:.8rem}}@media (max-width:600px){.signup-content{max-width:280px}.signup-title{font-size:1.25rem;margin-bottom:1rem}.signup-label{font-size:.8rem;margin-bottom:.3rem}.signup-input-wrap{margin-bottom:.75rem}.signup-email-row{gap:.4rem}.signup-dup-btn{padding:.6rem .75rem;font-size:.8rem}.signup-hint{font-size:.75rem;margin-top:.3rem}.signup-terms-wrap{font-size:.8rem;gap:.35rem;margin-bottom:.75rem}.signup-terms-link{font-size:.75rem}.signup-submit-btn{margin-top:.4rem}}@media (max-width:400px){.signup-content{max-width:260px}.signup-title{font-size:1.15rem;margin-bottom:.875rem}.signup-label{font-size:.75rem;margin-bottom:.25rem}.signup-input-wrap{margin-bottom:.625rem}.signup-email-row{gap:.35rem;flex-direction:column}.signup-email-row .login-input{width:100%}.signup-dup-btn{width:100%;padding:.55rem .7rem;font-size:.75rem}.signup-hint{font-size:.7rem;margin-top:.25rem}.signup-terms-wrap{font-size:.75rem;gap:.3rem;margin-bottom:.625rem}.signup-terms-link{font-size:.7rem}.signup-submit-btn{margin-top:.3rem}}body.onboarding-page,html{margin:0;padding:0;height:100%;min-height:100vh;min-height:100dvh;font-family:var(--font-body);background:var(--color-black);color:var(--color-white);overflow:hidden}.onboarding-bg{position:fixed;inset:0;z-index:0;background-color:var(--color-black);background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 50px 160px,#fff,transparent),radial-gradient(2px 2px at 90px 40px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 130px 80px,#fff,transparent);background-size:200px 200px;background-position:0 1.5rem;animation:login-twinkle 8s ease-in-out infinite;pointer-events:none}.onboarding-header{position:fixed;top:max(1rem,env(safe-area-inset-top));left:max(1.5rem,env(safe-area-inset-left));z-index:10}.onboarding-logo{display:inline-flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--color-white);font-family:var(--font-display);font-size:1.5rem}.onboarding-logo-img{height:3rem;width:auto;display:block}.onboarding-logo.fallback .onboarding-logo-img{display:none}.onboarding-logo-fallback{display:none;align-items:center;gap:.5rem}.onboarding-logo.fallback .onboarding-logo-fallback{display:flex}.onboarding-logo .logo-icon{display:inline-flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:var(--color-mint);color:var(--color-black);border-radius:6px;font-weight:700;font-size:1rem}.onboarding-layout{position:relative;z-index:2;display:flex;height:100vh;height:100dvh;max-height:100%;padding:max(4rem,env(safe-area-inset-top)) 0 max(2rem,env(safe-area-inset-bottom));gap:0;overflow:hidden}.onboarding-left{flex:0 0 50%;width:50%;max-width:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding-top:2rem;padding-left:max(2rem,env(safe-area-inset-left));padding-right:1rem}.onboarding-character-wrap{position:relative;width:100%;max-width:400px;margin-bottom:1.5rem}.onboarding-character{position:relative;width:100%;display:flex;align-items:center;justify-content:center}.onboarding-character img{width:100%;height:auto;max-height:400px;object-fit:contain}.onboarding-intro{font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-size:1rem;line-height:1.7;color:var(--color-white);text-align:center;margin:0 0 2rem;min-height:3.4em}.onboarding-intro .typewriter-cursor{color:var(--color-mint);animation:blink 1s step-end infinite}@keyframes blink{50%{opacity:0}}.onboarding-skip-btn{display:inline-flex;align-items:center;gap:.5rem;padding:0;font-family:Galmuri9,sans-serif;font-size:.9rem;color:var(--color-white);background:transparent;border:none;cursor:pointer;transition:opacity .2s}.onboarding-skip-btn:hover{opacity:.8}.onboarding-skip-icon-img{width:20px;height:20px;flex-shrink:0;object-fit:contain}.onboarding-skip-text{white-space:nowrap;color:var(--color-white)}.onboarding-skip-arrow{color:var(--color-white);font-size:1rem}.onboarding-right{flex:0 0 50%;width:50%;max-width:50%;min-width:0;min-height:0;display:flex;flex-direction:column;background:transparent;padding:1.25rem 4rem 1.25rem 2rem;overflow:visible}.onboarding-right-top{position:relative;display:flex;flex-direction:column;gap:.5rem;margin-bottom:.5rem;margin-top:-4.25rem}.onboarding-user-box{display:flex;align-items:center;gap:.6rem;margin-top:1rem;padding:.5rem 1rem .5rem .75rem;background:#000000;border:1px solid rgba(63,221,144,.6);border-radius:999px;align-self:flex-end;box-shadow:0 0 8px rgba(63,221,144,.4),0 0 20px rgba(63,221,144,.25)}.onboarding-user-icon{width:20px;height:20px;flex-shrink:0;object-fit:contain;mix-blend-mode:lighten}.onboarding-user-name{font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.75rem;color:var(--color-white)}.onboarding-gauge-wrap{position:relative;width:100%;display:flex;justify-content:center;margin-bottom:.25rem}.onboarding-gauge-img{width:min(90%,326px);height:auto}.onboarding-chat-wrap{position:relative;flex:1;min-height:200px;display:flex;flex-direction:column;border:2px solid rgba(63,221,144,.65);border-radius:0;overflow:hidden;margin-bottom:1rem;box-shadow:0 0 12px rgba(63,221,144,.2)}.onboarding-chat-bg{position:absolute;inset:0;z-index:0;background:url(/image/chat-bg-matrix.png) center 0 repeat-y;background-size:100% auto;animation:onboarding-chat-bg-scroll 20s linear infinite}.onboarding-chat-bg:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.5),transparent 25%,transparent 75%,rgba(0,0,0,.5));pointer-events:none}@keyframes onboarding-chat-bg-scroll{0%{background-position:center 0}to{background-position:center 100%}}.onboarding-chat{position:relative;z-index:1;flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;display:flex;flex-direction:column;gap:0;padding:2.75rem 1.25rem 1.25rem;scrollbar-width:thin;scrollbar-color:rgba(63,221,144,.3) transparent}.onboarding-chat::-webkit-scrollbar{width:8px}.onboarding-chat::-webkit-scrollbar-track{background:transparent}.onboarding-chat::-webkit-scrollbar-thumb{background:rgba(63,221,144,.3);border-radius:4px}.onboarding-chat::-webkit-scrollbar-thumb:hover{background:rgba(63,221,144,.5)}.onboarding-msg{display:flex;gap:.75rem;align-items:flex-start;margin-bottom:.75rem;animation:onboarding-msg-appear .4s ease-out}.onboarding-msg:last-child{margin-bottom:0}.onboarding-msg--user{flex-direction:row-reverse}.onboarding-msg--ai:not(.onboarding-msg--ai-continuation){position:relative;padding-left:calc(44px + .75rem)}.onboarding-msg--ai:not(.onboarding-msg--ai-continuation) .onboarding-msg-avatar{position:absolute;left:0;top:-8px}.onboarding-msg--ai-continuation{padding-left:calc(44px + .75rem)}@keyframes onboarding-msg-appear{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.onboarding-msg--slide-up{animation:onboarding-msg-slide-up .6s ease-out forwards;pointer-events:none}@keyframes onboarding-msg-slide-up{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-100%)}}.onboarding-msg-avatar{flex-shrink:0;width:44px;height:44px;border-radius:50%;overflow:hidden;background:rgba(63,221,144,.2)}.onboarding-msg-avatar img{width:100%;height:100%;object-fit:cover}.onboarding-msg-bubble{font-family:Galmuri9,sans-serif;color:var(--color-white);text-align:center;background-color:#000000;border:1px solid rgba(63,221,144,.7);border-radius:0 14px 14px 14px;box-shadow:0 0 4px rgba(63,221,144,.35),0 0 10px rgba(63,221,144,.2),0 0 20px rgba(63,221,144,.15),0 0 32px rgba(63,221,144,.1)}.onboarding-msg-bubble,.onboarding-msg-bubble--user{display:inline-block;width:fit-content;max-width:85%;padding:.45rem .75rem;font-size:.78rem;line-height:1.45;align-self:flex-start}.onboarding-msg-bubble--user{font-family:Pretendard,-apple-system,BlinkMacSystemFont,sans-serif;color:var(--color-black);font-weight:700;background:#45d38e;border:none;border-radius:22.4px 0 22.4px 22.4px;box-shadow:0 0 12px rgba(63,221,144,.45),0 0 28px rgba(63,221,144,.35),0 0 44px rgba(63,221,144,.25),0 0 60px rgba(63,221,144,.15)}.onboarding-choices{display:flex;gap:16px;margin-top:24px;width:100%}.onboarding-choices .onboarding-choice-btn{flex:1}.onboarding-choice-btn{width:100%;padding:1rem 1.5rem;border-radius:999px;border:none;background:#f2f2f2;color:#000;font-family:Pretendard,sans-serif;font-size:.95rem;font-weight:600;cursor:pointer;transition:transform .15s ease,box-shadow .15s ease,opacity .2s ease;box-shadow:0 6px 24px rgba(63,221,144,.18)}.onboarding-choice-btn:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 32px rgba(63,221,144,.25)}.onboarding-choice-btn:disabled{opacity:.6;cursor:default}@media (max-width:900px){.onboarding-layout{flex-direction:column;align-items:center;padding-left:1rem;padding-right:1rem}.onboarding-left{flex:none;width:100%;max-width:100%;padding-left:0;padding-right:0}.onboarding-character-wrap{max-width:200px}.onboarding-right{flex:none;width:100%;max-width:100%;padding-left:1rem;padding-right:1rem}}.onboarding-landing-effect{position:fixed;inset:0;z-index:100;pointer-events:none;overflow:hidden;background:#000000;background-image:radial-gradient(2px 2px at 20px 30px,#fff,transparent),radial-gradient(2px 2px at 40px 70px,rgba(255,255,255,.8),transparent),radial-gradient(2px 2px at 50px 160px,#fff,transparent),radial-gradient(2px 2px at 90px 40px,rgba(255,255,255,.6),transparent),radial-gradient(2px 2px at 130px 80px,#fff,transparent);background-size:200px 200px;animation:login-twinkle 8s ease-in-out infinite}.onboarding-spaceship{position:absolute;top:20%;left:-200px;width:140px;height:100px;background:linear-gradient(135deg,#3fdd90,#29c99a 50%,#1fb88a);clip-path:polygon(10% 20%,25% 5%,40% 0,60% 0,75% 5%,90% 20%,95% 40%,90% 60%,75% 75%,60% 80%,40% 80%,25% 75%,10% 60%,5% 40%);box-shadow:0 0 40px rgba(63,221,144,1),0 0 80px rgba(63,221,144,.7),0 0 120px rgba(63,221,144,.4),inset 0 0 30px rgba(255,255,255,.4),inset -20px 0 20px rgba(0,0,0,.3);animation:spaceship-fly 2s ease-out forwards}.onboarding-spaceship:before{content:"";position:absolute;top:20%;left:15%;width:30%;height:60%;background:rgba(255,255,255,.6);clip-path:polygon(0 0,100% 20%,100% 80%,0 100%);border-radius:2px}.onboarding-spaceship:after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:60%;height:20px;background:linear-gradient(180deg,rgba(63,221,144,.8),transparent);clip-path:polygon(20% 0,80% 0,100% 100%,0 100%)}@keyframes spaceship-fly{0%{left:-200px;transform:translateY(0) rotate(0deg);opacity:0}10%{opacity:1}50%{left:50%;transform:translateX(-50%) translateY(0) rotate(-3deg)}to{left:50%;transform:translateX(-50%) translateY(0) rotate(0deg)}}.onboarding-tractor-beam{top:20%;width:12px;height:0;background:linear-gradient(180deg,rgba(63,221,144,1) 0,rgba(63,221,144,.9) 10%,rgba(63,221,144,.7) 30%,rgba(63,221,144,.5) 50%,rgba(63,221,144,.3) 70%,rgba(63,221,144,.1) 90%,transparent);box-shadow:0 0 30px rgba(63,221,144,1),0 0 60px rgba(63,221,144,.8),0 0 100px rgba(63,221,144,.6),0 0 150px rgba(63,221,144,.4);border-radius:6px}.onboarding-tractor-beam,.onboarding-tractor-beam:before{position:absolute;left:50%;transform:translateX(-50%);animation:tractor-beam-descend 1.5s ease-out 1.5s forwards}.onboarding-tractor-beam:before{content:"";width:200px;height:100%;background:linear-gradient(90deg,transparent 0,rgba(63,221,144,.15) 20%,rgba(63,221,144,.3) 50%,rgba(63,221,144,.15) 80%,transparent);filter:blur(40px)}@keyframes tractor-beam-descend{0%{height:0;top:20%;opacity:0}20%{opacity:1}to{height:100vh;top:20%;opacity:.9}}.onboarding-landing-effect~*{opacity:0;pointer-events:none}.onboarding-landing-effect{animation:screen-split .8s ease-out 2.8s forwards}@keyframes screen-split{0%{clip-path:inset(0 0 0 0);opacity:1}50%{clip-path:inset(0 20% 0 20%);opacity:.7}to{clip-path:inset(0 50% 0 50%);opacity:0}}.onboarding-choices--introInChat{position:relative;z-index:2;display:flex;flex-direction:row;gap:16px;width:100%;padding:0 24px 22px}.onboarding-choice-btn--intro{flex:1;padding:16px 20px;border-radius:999px;font-weight:600}.onboarding-choice-btn--primary{background:rgba(63,221,144,.85);border:1px solid rgba(63,221,144,.9);color:#0b0b0b;box-shadow:0 0 10px rgba(63,221,144,.55),0 0 22px rgba(63,221,144,.35)}.onboarding-choice-btn--secondary{background:rgba(255,255,255,.95);border:1px solid rgba(63,221,144,.8);color:#0b0b0b;box-shadow:0 0 10px rgba(63,221,144,.35),0 0 18px rgba(63,221,144,.22)}