@import "https://fonts.googleapis.com/css2?family=Fredoka:wght@500;600;700&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";*,:before,:after{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}:root{--blue:#5b8def;--blue2:#3d6fd4;--blue3:#2952c3;--orange:#ff7043;--orange2:#ff5722;--yellow:#ffca28;--yellow2:#ffb300;--green:#66bb6a;--green2:#43a047;--purple:#9c6fe4;--purple2:#7b4fcc;--pink:#ff7043;--cyan:#26c6da;--bg:#f4f6fb;--white:#fff;--text:#1a1f36;--text2:#3d4468;--muted:#8a94a6;--border:#e8ecf4;--nav-border:#eef1f8;--nav-muted:#c5cde3;--promo-orange-1:#ff8a50;--promo-orange-2:#ff5722;--home-promo-bridge:min(12vw, 48px);--card-shadow:0 8px 32px #5b8def21;--card-shadow-hover:0 16px 44px #5b8def38;--max-width:430px;--safe-bottom:env(safe-area-inset-bottom,0px);--fs-caption:.875rem;--fs-small:.9375rem;--fs-body:1rem;--fs-nav:.8125rem}html{scroll-behavior:smooth;font-size:17px}body{color:var(--text);overscroll-behavior:none;background:#e8edf8;justify-content:center;align-items:flex-start;min-height:100vh;font-family:Noto Sans KR,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex}#root{width:100%;max-width:var(--max-width);background:var(--bg);min-height:100vh;position:relative;overflow:hidden;box-shadow:0 0 60px #1e32782e}@media (width>=470px){body{align-items:flex-start;padding:24px 0}#root{border-radius:44px;min-height:calc(100vh - 48px);overflow:hidden}}::-webkit-scrollbar{width:0;height:0}button{cursor:pointer;-webkit-user-select:none;user-select:none;background:0 0;border:none;outline:none;font-family:inherit}.no-select{-webkit-user-select:none;user-select:none}.page-enter{animation:.35s cubic-bezier(.25,.46,.45,.94) both pageEnter}@keyframes pageEnter{0%{opacity:0;transform:translateY(24px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}.slide-up{animation:.4s cubic-bezier(.25,.46,.45,.94) both slideUp}@keyframes slideUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.overlay{z-index:100;background:#00000073;justify-content:center;align-items:flex-end;animation:.2s both fadeIn;display:flex;position:fixed;inset:0}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.card{background:var(--white);box-shadow:var(--card-shadow);border-radius:22px;transition:transform .2s,box-shadow .2s}.card:active{transform:scale(.97)}.btn{border-radius:16px;justify-content:center;align-items:center;gap:8px;padding:15px 26px;font-size:17px;font-weight:800;transition:transform .15s,box-shadow .15s,opacity .15s;display:inline-flex}.btn:active{transform:scale(.96)}.btn-primary{color:#fff;background:linear-gradient(135deg,#6b9ef5,#4a7be8);box-shadow:0 6px 20px #5b8def66}.btn-primary:active{box-shadow:0 2px 8px #5b8def4d}.btn-primary:disabled{color:#f7f9fc;box-shadow:none;cursor:not-allowed;background:#c5cdd9}.btn-kakao{color:#3b1f00;background:#fee500;box-shadow:0 8px 28px #b48c0047,0 2px 8px #00000014}.btn-orange{color:#fff;background:linear-gradient(135deg,#ff8a50,#ff5722);box-shadow:0 6px 20px #ff572259}.btn-green{color:#fff;background:linear-gradient(135deg,#81d488,#43a047);box-shadow:0 6px 20px #4caf5059}.btn-ghost{color:var(--muted);border:2px solid var(--border);background:0 0}.btn-full{width:100%}.gradient-text{background:linear-gradient(135deg,#6b9ef5,#4a7be8);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.06)}}.pulse{animation:1.8s ease-in-out infinite pulse}.character-learn-watch-badge{flex-shrink:0;justify-content:center;align-items:center;font-size:40px;line-height:1;display:inline-flex}@keyframes shake{0%,to{transform:translate(0)}20%,60%{transform:translate(-6px)}40%,80%{transform:translate(6px)}}.shake{animation:.4s both shake}@keyframes bounce{0%,to{transform:translateY(0)}40%{transform:translateY(-12px)}60%{transform:translateY(-6px)}}.bounce-in{animation:.5s cubic-bezier(.34,1.56,.64,1) both bounceIn}@keyframes bounceIn{0%{opacity:0;transform:scale(.5)}to{opacity:1;transform:scale(1)}}@keyframes starPop{0%{opacity:0;transform:scale(0)rotate(-30deg)}60%{opacity:1;transform:scale(1.3)rotate(10deg)}to{opacity:1;transform:scale(1)rotate(0)}}.star-pop{animation:.5s cubic-bezier(.34,1.56,.64,1) both starPop}.progress-bar{background:var(--border);border-radius:99px;height:8px;overflow:hidden}.progress-fill{border-radius:99px;height:100%;transition:width .6s cubic-bezier(.25,.46,.45,.94)}.safe-bottom{padding-bottom:calc(100px + var(--safe-bottom))}.home-page-root{background:var(--bg);flex-direction:column;flex:auto;min-height:0;display:flex;overflow-x:hidden}.home-page-root>.home-hero-wrap{flex-shrink:0}.home-hero-wrap{z-index:0;position:relative;overflow:visible}.home-hero-gradient{background:linear-gradient(145deg,#74a8f8 0%,#4278e8 45%,#2b58cc 100%);padding:18px 22px 32px;position:relative;overflow:hidden}.home-hero-deco-char{color:#fff1;pointer-events:none;-webkit-user-select:none;user-select:none;z-index:1;font-family:Noto Sans KR,sans-serif;font-size:130px;font-weight:900;line-height:1;position:absolute;bottom:52px;right:-14px;transform:rotate(-12deg)}.home-hero-blob1{opacity:.45;pointer-events:none;background:radial-gradient(circle at 30% 30%,#92c0ff,#4278e8);border-radius:50%;width:180px;height:180px;position:absolute;top:-36px;right:-36px}.home-hero-blob2{opacity:.22;pointer-events:none;background:radial-gradient(circle,#b4d2ff,#5b8def);border-radius:50%;width:110px;height:110px;position:absolute;bottom:88px;left:-12px}@keyframes fireWobble{0%,to{transform:rotate(-6deg)scale(1)}50%{transform:rotate(6deg)scale(1.15)}}@keyframes pillPulse{0%,to{box-shadow:0 4px 12px #ffca2873}50%{box-shadow:0 4px 22px #ffca28cc,0 0 0 3px #ffca282e}}.home-promo-card{z-index:6;width:calc(100% - 36px);max-width:100%;margin:calc(-1 * var(--home-promo-bridge) - 24px) auto calc(-1 * var(--home-promo-bridge));cursor:pointer;text-align:left;background:linear-gradient(120deg, var(--promo-orange-1) 0%, var(--promo-orange-2) 100%);border:none;border-radius:22px;padding:12px 16px 11px;font-family:inherit;transition:transform .15s,box-shadow .2s;display:block;position:relative;overflow:hidden;box-shadow:0 12px 36px #ff572259}.home-promo-card-inner{z-index:1;flex-direction:column;gap:8px;display:flex;position:relative}.home-promo-top-row{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.home-promo-left{flex-direction:column;flex:1;align-items:flex-start;min-width:0;display:flex}.home-promo-fire{filter:drop-shadow(0 3px 8px #00000038);transform-origin:bottom;margin-bottom:2px;font-size:28px;line-height:1;animation:1.4s ease-in-out infinite fireWobble;display:inline-block}.home-promo-card:before{content:"";pointer-events:none;background:#ffffff1a;border-radius:50%;width:100px;height:100px;position:absolute;top:-22px;right:-22px}.home-promo-card:active{transform:scale(.985)}.home-promo-title{color:#fff;letter-spacing:-.03em;text-shadow:0 2px 8px #0000001f;font-size:clamp(1.2rem,3.8vw,1.45rem);font-weight:900;line-height:1.1}.home-promo-subtitle{color:#ffffffeb;margin-top:3px;font-size:12.5px;font-weight:700;line-height:1.3}.home-promo-hint{color:#ffffffd1;margin-top:4px;font-size:11px;font-weight:600;line-height:1.4}.home-promo-pill{background:var(--yellow);color:#4a2d00;letter-spacing:-.02em;white-space:nowrap;border-radius:12px;flex-shrink:0;align-items:center;margin-top:0;padding:7px 13px;font-size:12px;font-weight:800;animation:2.2s ease-in-out infinite pillPulse;display:inline-flex}.home-promo-week{justify-content:space-between;gap:4px;display:flex}.home-promo-chip{border-radius:9px;flex:1;justify-content:center;align-items:center;max-width:42px;height:28px;font-size:10.5px;font-weight:800;line-height:1;display:flex}.home-promo-chip--done{color:#1a1f36;background:#ffd523;box-shadow:0 2px 6px #0000001f}.home-promo-chip--today{color:var(--blue2);background:#fff;box-shadow:0 0 0 2px #ffffff8c,0 4px 14px #ffffff73}.home-promo-chip--future{color:#ffffffeb;background:#ffffff38}.home-promo-chip--missed{color:#ffffff80;background:#0000001f}.home-body-pad{min-height:0;padding:calc(var(--home-promo-bridge) + 16px) 18px 20px;background:var(--bg);flex-direction:column;flex:auto;display:flex}.home-body-pad--slim{padding-top:20px}.home-today-char-card{cursor:pointer;text-align:left;border:2px solid #0000;border-radius:24px;width:100%;padding:18px;font-family:inherit;transition:transform .15s,box-shadow .2s;box-shadow:0 6px 24px #5b8def1f}.home-today-char-card:active{transform:scale(.98)}.home-today-char-label{color:var(--muted);letter-spacing:.05em;text-transform:uppercase;margin-bottom:12px;font-size:11px;font-weight:800}.home-today-char-box{border-radius:20px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-family:Noto Sans KR,sans-serif;font-size:34px;font-weight:900;display:flex}.home-today-char-cta{color:var(--blue2);white-space:nowrap;background:#5b8def1a;border-radius:14px;flex-shrink:0;padding:8px 14px;font-size:13px;font-weight:800}.home-chartype-card{border:1.5px solid var(--border);box-shadow:var(--card-shadow);cursor:pointer;background:#fff;border-radius:20px;flex-direction:column;align-items:flex-start;padding:16px 16px 14px;font-family:inherit;transition:transform .15s;display:flex}.home-chartype-card:active{transform:scale(.97)}.home-chartype-char{border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;font-family:Noto Sans KR,sans-serif;font-size:26px;font-weight:900;display:flex}.home-site-footer{flex-shrink:0;margin-top:auto;padding:16px 2px 4px}.home-site-footer__inner{background:linear-gradient(165deg,#fffffff2 0%,#f4f8ffe0 100%);border:1px solid #5b8def24;border-radius:20px;padding:20px 18px 22px;box-shadow:0 4px 24px #5b8def12,inset 0 1px #ffffffe6}.home-site-footer__brand-row{flex-direction:column;gap:2px;margin-bottom:10px;display:flex}.home-site-footer__brand-en{letter-spacing:-.02em;color:var(--blue2);font-family:Fredoka,Noto Sans KR,sans-serif;font-size:1.05rem;font-weight:700;line-height:1.2}.home-site-footer__brand-kr{color:var(--text2);letter-spacing:-.03em;font-size:.82rem;font-weight:800}.home-site-footer__copy{color:var(--muted);letter-spacing:.02em;margin-bottom:14px;font-size:.7rem;font-weight:600;line-height:1.4}.home-site-footer__address{color:var(--text2);border-bottom:1px dashed var(--border);margin:0 0 16px;padding-bottom:16px;font-size:.76rem;font-style:normal;font-weight:600;line-height:1.55}.home-site-footer__meta{grid-template-columns:1fr;gap:10px 12px;margin:0;display:grid}@media (width>=360px){.home-site-footer__meta{grid-template-columns:repeat(2,minmax(0,1fr))}}.home-site-footer__meta-item{flex-direction:column;gap:3px;min-width:0;display:flex}.home-site-footer__meta-item dt{color:var(--muted);letter-spacing:.04em;text-transform:uppercase;font-size:.65rem;font-weight:800}.home-site-footer__meta-item dd{color:var(--text);word-break:keep-all;margin:0;font-size:.78rem;font-weight:700;line-height:1.35}.home-site-footer__meta-item--contact dd{font-variant-numeric:tabular-nums}a.home-site-footer__tel{color:var(--blue2);border-bottom:1px solid #0000;font-weight:800;text-decoration:none;transition:color .15s,border-color .15s}a.home-site-footer__tel:hover{color:var(--blue3);border-bottom-color:#3d6fd459}a.home-site-footer__tel:active{color:var(--blue)}.bottom-nav-shell{width:100%;max-width:var(--max-width);background:var(--white);border-top:1.5px solid var(--nav-border);padding:8px 4px calc(10px + env(safe-area-inset-bottom,0px));z-index:50;justify-content:stretch;align-items:flex-end;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%);box-shadow:0 -4px 20px #5b8def14}.bottom-nav-side{cursor:pointer;background:0 0;border:none;border-radius:14px;flex-direction:column;flex:1;justify-content:flex-end;align-items:center;gap:4px;min-height:52px;padding:4px 2px 2px;font-family:inherit;display:flex}.bottom-nav-side-label{color:var(--nav-muted);letter-spacing:-.02em;font-size:13px;font-weight:700}.bottom-nav-side.on{background:#5b8def1a}.bottom-nav-side.on .bottom-nav-side-label{color:var(--blue);font-weight:800}.bottom-nav-fab-col{flex-direction:column;flex:1;justify-content:flex-end;align-items:center;padding-bottom:1px;display:flex}.bottom-nav-fab{cursor:pointer;background:linear-gradient(135deg,#6b9ef5,#4a7be8);border:none;border-radius:18px;justify-content:center;align-items:center;width:52px;height:52px;margin-top:-18px;font-family:inherit;font-size:26px;line-height:1;transition:transform .15s,box-shadow .2s;display:flex;box-shadow:0 8px 24px #5b8def7a}@media (hover:hover){.bottom-nav-fab:hover{transform:translateY(-2px);box-shadow:0 12px 28px #5b8def8c}}.bottom-nav-fab:active{transform:scale(.96)}.bottom-nav-fab.on{box-shadow:0 10px 28px #5b8def8c,0 0 0 3px #ffca2873}.bottom-nav-fab-label{color:var(--blue);letter-spacing:-.03em;margin-top:4px;font-size:13px;font-weight:700}