@font-face{font-family:Paperlogy;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2)format("woff2");font-weight:500}@font-face{font-family:Paperlogy;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2)format("woff2");font-weight:600}@font-face{font-family:Paperlogy;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2)format("woff2");font-weight:700}@font-face{font-family:Paperlogy;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2)format("woff2");font-weight:800}@font-face{font-family:NexonLv1Gothic;src:url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff")format("woff");font-weight:400}@font-face{font-family:NexonLv1Gothic;src:url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff")format("woff");font-weight:700}:root{--history:#c62828;--history-bg:#fff5f5;--history-light:#ffebee;--history-line:#e57373;--science:#1565c0;--science-bg:#eff6ff;--science-light:#e3f2fd;--science-line:#64b5f6;--aesthetics:#7b1fa2;--aesthetics-bg:#fbf0ff;--aesthetics-light:#f3e5f5;--aesthetics-line:#ba68c8;--economy:#2e7d32;--economy-bg:#f0fff4;--economy-light:#e8f5e9;--economy-line:#81c784;--warm:#e65100;--warm-bg:#fff8f0;--bg:#fafaf8;--card:#fff;--sidebar-w:92px;--nav-h:83px}html{scroll-behavior:smooth;background:var(--bg)}#root{background:var(--bg);min-height:100%}.progress{z-index:400;background:linear-gradient(90deg,#ff6b35,#e53935,#ff6b35) 0 0/200% 100%;width:0%;height:3px;transition:width 80ms linear;animation:2s linear infinite shimmerProgress;position:fixed;top:0;left:0}@keyframes shimmerProgress{0%{background-position:200% 0}to{background-position:-200% 0}}.top-nav{z-index:200;height:var(--nav-h);-webkit-backdrop-filter:blur(23px);background:#ffffffe0;border-bottom:1px solid #0000000f;justify-content:center;align-items:center;transition:box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav-logo{text-decoration:none}.nav-right-cluster{flex-wrap:nowrap;flex:1;justify-content:flex-end;align-items:center;gap:18px;min-width:0;margin-left:auto;display:flex}.nav-qr-share-btn{border:2px solid var(--science);width:46px;height:46px;color:var(--science);cursor:pointer;background:#fff;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;padding:0;transition:background .2s,color .2s,box-shadow .2s,transform .15s;display:flex}.nav-qr-share-btn:hover{color:#0d47a1;background:#eff6ff;box-shadow:0 2px 10px #0000000f}.nav-qr-share-btn:active{transform:scale(.96)}.nav-qr-share-btn .material-symbols-outlined{font-size:22px;line-height:1}.nav-right{flex-wrap:nowrap;justify-content:flex-end;align-items:center;gap:18px;min-width:0;display:flex}.nav-qr-modal-overlay{z-index:9999;-webkit-backdrop-filter:blur(10px);background:#0000008c;justify-content:center;align-items:center;padding:4vh 4vw;display:flex;position:fixed;inset:0}.nav-qr-modal-shell{box-sizing:border-box;flex-direction:column;gap:16px;width:min(880px,80vw);min-height:0;max-height:min(880px,80vh);display:flex;overflow-y:auto}.nav-qr-modal-class-sheet{box-sizing:border-box;background:#fff;border:2px solid #fff9;border-radius:28px;flex-shrink:0;padding:20px;box-shadow:0 28px 80px #00000059}.nav-qr-modal-class-head{justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.nav-qr-modal-class-head-main{align-items:center;gap:10px;min-width:0;display:flex}.nav-qr-modal-class-body{width:100%}.nav-qr-class-select{color:#1a1a2e;box-sizing:border-box;cursor:pointer;background:#fff;border:2px solid #e2e8f0;border-radius:16px;outline:none;width:100%;padding:12px 14px;font-family:inherit;font-size:14px;font-weight:800}.nav-qr-class-select:focus{border-color:#a78bfa;box-shadow:0 0 0 3px #7c3aed26}.nav-qr-modal-class-hint{color:#94a3b8;text-align:center;margin:8px 0;font-size:14px;font-weight:700;line-height:1.45}.nav-qr-modal-class-hint-warn{color:#c62828}.nav-qr-modal-class-picked{color:#7c3aed;word-break:break-all;margin-top:6px;font-size:12px;font-weight:900;line-height:1.35}.nav-qr-modal-body-placeholder{color:#94a3b8;text-align:center;max-width:400px;margin:0;padding:24px 12px;font-size:15px;font-weight:700;line-height:1.6}.nav-qr-modal-sheet{box-sizing:border-box;background:#fff;border:2px solid #fff9;border-radius:28px;flex-direction:column;flex:1;min-height:0;padding:20px;display:flex;overflow:auto;box-shadow:0 28px 80px #00000059}.nav-qr-modal-head{flex-shrink:0;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.nav-qr-modal-head-main{align-items:center;gap:10px;min-width:0;display:flex}.nav-qr-modal-icon{background:#7c3aed1a;border:1px solid #7c3aed2e;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.nav-qr-modal-icon .material-symbols-outlined{color:#7c3aed;font-size:22px;line-height:1}.nav-qr-modal-head-text{min-width:0}.nav-qr-modal-head-title{color:#1a1a2e;font-size:16px;font-weight:900;line-height:1.2}.nav-qr-modal-head-sub{color:#94a3b8;margin-top:2px;font-size:12px;font-weight:800;line-height:1.3}.nav-qr-modal-head-close{color:#475569;cursor:pointer;background:#fff;border:1px solid #0f172a1a;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:42px;height:42px;padding:0;transition:background .2s,box-shadow .2s;display:flex}.nav-qr-modal-head-close:hover{background:#f8fafc;box-shadow:0 2px 10px #0000000f}.nav-qr-modal-head-close .material-symbols-outlined{font-size:22px;line-height:1}.nav-qr-modal-body{flex-direction:column;flex:1;justify-content:center;align-items:center;gap:14px;min-height:0;display:flex}.nav-qr-modal-qr-frame{box-sizing:border-box;background:#fafaf8;border:2px solid #e2e8f0;border-radius:20px;justify-content:center;align-items:center;width:min(62vmin,560px);max-width:100%;height:min(62vmin,560px);max-height:100%;display:flex;overflow:hidden}.nav-qr-modal-qr-link{width:100%;height:100%;color:inherit;cursor:pointer;justify-content:center;align-items:center;text-decoration:none;display:flex}.nav-qr-modal-qr-inner{box-sizing:border-box;justify-content:center;align-items:center;width:100%;height:100%;padding:8px;display:flex}.nav-qr-modal-qr-inner img,.nav-qr-modal-qr-inner canvas{object-fit:contain;max-width:100%;max-height:100%;image-rendering:pixelated;display:block}.nav-qr-modal-url-text{color:#94a3b8;text-align:center;word-break:break-all;width:100%;font-size:14px;font-weight:800;line-height:1.5}.nav-qr-modal-copy{cursor:pointer;color:#5b21b6;background:#7c3aed1f;border:none;border-radius:14px;padding:10px 20px;font-family:inherit;font-size:13px;font-weight:800;transition:background .2s}.nav-qr-modal-copy:hover{background:#7c3aed33}.nav-info{background:#f8fafc;border:1px solid #0f172a14;border-radius:1149px;align-items:center;gap:14px;padding:7px 14px;display:flex}.nav-info-item{align-items:center;gap:7px;display:flex}.nav-info-label{color:#94a3b8;letter-spacing:.06em;text-transform:uppercase;font-size:13px;font-weight:700}.nav-info-value{color:#5d4037;font-size:15px;font-weight:800}.nav-role-badge{letter-spacing:.04em;text-transform:uppercase;border:1px solid #0000;border-radius:1149px;padding:5px 12px;font-size:12px;font-weight:800}.nav-role-badge.teacher{color:#5d4037;background:#efebe9;border-color:#d7ccc8}.nav-role-badge.student{color:#1565c0;background:#e3f2fd;border-color:#bbdefb}.nav-user-name{color:#0d47a1;font-size:15px;font-weight:800}.nav-logout{color:#475569;cursor:pointer;background:#fff;border:1px solid #0f172a1a;border-radius:1149px;padding:7px 14px;font-size:14px;font-weight:700;transition:all .2s}.nav-logout:hover{color:#1e293b;background:#f1f5f9}.sidebar{z-index:180;-webkit-backdrop-filter:blur(23px);background:#ffffffd9;border-radius:25px;flex-direction:column;align-items:center;gap:0;padding:9px;display:flex;position:fixed;top:50%;left:14px;transform:translateY(-50%);box-shadow:0 5px 28px #0000000f,0 0 0 1px #0000000a}.side-item{cursor:pointer;border-radius:18px;flex-direction:column;align-items:center;gap:5px;width:83px;padding:18px 16px 15px;text-decoration:none;transition:all .3s cubic-bezier(.22,1,.36,1);display:flex;position:relative}.side-item .side-icon{border-radius:15px;justify-content:center;align-items:center;width:48px;height:48px;transition:all .3s;display:flex}.side-item .side-icon .material-symbols-outlined{font-size:28px;transition:all .3s}.side-item .side-label{letter-spacing:.02em;font-size:13px;font-weight:700;transition:all .3s}.side-item[data-page=story] .side-icon{color:#e6510066}.side-item[data-page=story] .side-label{color:#bf5b0059}.side-item[data-page=game] .side-icon{color:#1565c066}.side-item[data-page=game] .side-label{color:#0d47a159}.side-item[data-page=report] .side-icon{color:#2e7d3266}.side-item[data-page=report] .side-label{color:#1b5e2059}.side-item.active[data-page=story]{background:linear-gradient(145deg,#fff5ee,#ffe8d0)}.side-item.active[data-page=story] .side-icon{color:#e65100}.side-item.active[data-page=story] .side-label{color:#bf5b00}.side-item.active[data-page=game]{background:linear-gradient(145deg,#eff6ff,#dae8ff)}.side-item.active[data-page=game] .side-icon{color:#1565c0}.side-item.active[data-page=game] .side-label{color:#0d47a1}.side-item.active[data-page=report]{background:linear-gradient(145deg,#f0fff4,#dceee0)}.side-item.active[data-page=report] .side-icon{color:#2e7d32}.side-item.active[data-page=report] .side-label{color:#1b5e20}.teacher-fab{z-index:250;position:fixed;bottom:41px;right:55px}.teacher-fab-btn{cursor:pointer;color:#fff;background:linear-gradient(135deg,#6d4c41,#5d4037);border:none;border-radius:22px;justify-content:center;align-items:center;width:71px;height:71px;transition:all .35s cubic-bezier(.22,1,.36,1);display:flex;position:relative;box-shadow:0 5px 23px #5d40374d,0 2px #0000001a}.teacher-fab-btn .material-symbols-outlined{font-size:32px}.teacher-fab-btn:hover{transform:translateY(-3px)scale(1.05);box-shadow:0 9px 32px #5d403759}.teacher-fab-btn .fab-dot{background:#ef5350;border:2px solid #fff;border-radius:50%;width:13px;height:13px;animation:2s infinite fabPulse;position:absolute;top:-3px;right:-3px}@keyframes fabPulse{0%,to{transform:scale(1)}50%{transform:scale(1.2)}}.teacher-popup{z-index:260;opacity:0;pointer-events:none;background:#fff;border-radius:23px;width:368px;transition:all .35s cubic-bezier(.22,1,.36,1);position:fixed;bottom:126px;right:51px;overflow:hidden;transform:translateY(14px)scale(.96);box-shadow:0 23px 69px #00000026,0 0 0 1px #0000000a}.teacher-popup.open{opacity:1;pointer-events:auto;transform:translateY(0)scale(1)}.teacher-popup-header{background:linear-gradient(135deg,#efebe9,#f5f0eb);border-bottom:1px solid #0000000a;padding:28px 23px 21px}.tp-title-label{letter-spacing:.15em;text-transform:uppercase;color:#bcaaa4;margin-bottom:5px;font-family:Inter,sans-serif;font-size:12px;font-weight:800}.tp-title-name{color:#3e2723;font-family:Paperlogy,sans-serif;font-size:21px;font-weight:800;line-height:1.4}.tp-title-name span{color:var(--warm)}.tp-code{background:#fff;border:1px solid #e6510014;border-radius:16px;align-items:center;gap:12px;margin-top:16px;padding:14px 18px;display:flex}.tp-code-left{flex:1}.tp-code-label{color:#bcaaa4;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.tp-code-value{color:var(--warm);letter-spacing:.15em;font-family:Inter,monospace;font-size:30px;font-weight:800}.tp-link{background:#fff;border:1px dashed #e651002e;border-radius:14px;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;display:flex}.tp-link-left{flex:1;min-width:0}.tp-link-label{color:#bcaaa4;letter-spacing:.08em;text-transform:uppercase;font-size:12px;font-weight:700}.tp-link-value{color:#795548;white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.tp-link-copy{cursor:pointer;color:var(--warm);background:#e6510014;border:none;border-radius:12px;align-items:center;gap:5px;padding:7px 12px;font-size:13px;font-weight:700;display:flex}.tp-link-copy:hover{background:#e6510024}.tp-link-copy .material-symbols-outlined{font-size:16px}.tp-qr{justify-content:center;align-items:center;margin:16px 0 5px;display:flex}.tp-qr-box{background:#fff;border:1px solid #e6510014;border-radius:18px;justify-content:center;align-items:center;width:152px;height:152px;display:flex}.tp-stats{grid-template-columns:1fr 1fr 1fr;gap:12px;padding:18px 23px;display:grid}.tp-stat{text-align:center;border-radius:16px;padding:16px 9px}.tp-stat.total{background:linear-gradient(135deg,#eff6ff,#e3f2fd)}.tp-stat.submitted{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.tp-stat.pending{background:linear-gradient(135deg,#ffebee,#ffcdd2)}.tp-stat-num{font-family:Paperlogy,sans-serif;font-size:30px;font-weight:800;line-height:1}.tp-stat.total .tp-stat-num{color:#1565c0}.tp-stat.submitted .tp-stat-num{color:#2e7d32}.tp-stat.pending .tp-stat-num{color:#c62828}.tp-stat-label{margin-top:5px;font-size:12px;font-weight:700}.tp-stat.total .tp-stat-label{color:#42a5f5}.tp-stat.submitted .tp-stat-label{color:#4caf50}.tp-stat.pending .tp-stat-label{color:#ef5350}.tp-actions{gap:9px;padding:0 23px 18px;display:flex}.tp-action-btn{cursor:pointer;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:7px;padding:12px;font-family:inherit;font-size:14px;font-weight:700;transition:all .25s;display:flex}.tp-action-btn.primary{color:#5d4037;background:linear-gradient(#efebe9,#e0d5ca);box-shadow:0 2px #d7ccc8}.tp-action-btn.primary:hover{transform:translateY(-1px);box-shadow:0 3px #d7ccc8,0 5px 12px #8d6e631a}.tp-action-btn .material-symbols-outlined{font-size:18px}.act-content{animation:.5s cubic-bezier(.22,1,.36,1) fadeSlideIn;display:none}.act-content.active{display:block}#tabGame.active{min-height:calc(100vh - var(--nav-h));flex-direction:column;flex:1;display:flex}@keyframes fadeSlideIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.main-area{padding-top:var(--nav-h);background:var(--bg);flex-direction:column;min-height:100vh;display:flex}.act-wrapper{background:var(--bg);flex:1;width:100%;min-height:0}.hero-section{text-align:center;padding:69px 55px 0;transition:background .8s;position:relative;overflow:hidden}.hero-section[data-active-theme=history]{background:linear-gradient(#fff5f0 0%,#ffe8d4 50%,#ffddc4 100%)}.hero-section[data-active-theme=science]{background:linear-gradient(#f0f7ff 0%,#dbeafe 50%,#c8dffc 100%)}.hero-section[data-active-theme=aesthetics]{background:linear-gradient(#faf0ff 0%,#f3e5f5 50%,#e8d0f0 100%)}.hero-section[data-active-theme=economy]{background:linear-gradient(#f0fff5 0%,#e0f2e4 50%,#c8e6c9 100%)}.hero-section:before{content:"";opacity:.02;pointer-events:none;background-image:radial-gradient(circle at 1px 1px,#0000004d 1px,#0000 0);background-size:37px 37px;position:absolute;inset:0}.hero-section:after{content:"";pointer-events:none;opacity:.15;z-index:1;background:url(../images/hero_bg.png) 50%/cover no-repeat;position:absolute;inset:0}.hero-inner{z-index:10;max-width:805px;margin:0 auto;padding-bottom:46px;position:relative}.hero-title{color:#2d2d2d;margin-bottom:18px;font-family:Paperlogy,sans-serif;font-size:clamp(37px,5.75vw,64px);font-weight:800;line-height:1.2}.hero-title .accent{background:linear-gradient(120deg,#ff6b35,#e53935);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-desc{color:#5d4037;opacity:.8;margin-bottom:0;font-size:18px;font-weight:500;line-height:1.6}.before-class{flex-direction:column;gap:18px;max-width:736px;margin:41px auto 0;display:flex}.bc-box{text-align:center;background:#fff;border:1px solid #0000000d;border-radius:23px;flex-direction:column;height:345px;padding:28px 32px 21px;display:flex;overflow:hidden;box-shadow:0 9px 35px #0000000f}.bc-label{color:#bcaaa4;letter-spacing:2px;text-transform:uppercase;margin-bottom:7px;font-size:13px;font-weight:800}.bc-quiz-title{color:#3e2723;margin-bottom:5px;font-family:Paperlogy,sans-serif;font-size:23px;font-weight:700}.bc-quiz-sub{color:#94a3b8;margin-bottom:16px;font-size:14px;font-weight:500}.bc-progress{justify-content:center;gap:9px;margin-top:auto;padding-top:14px;display:flex}.bc-dot{background:#00000014;border-radius:50%;width:10px;height:10px;transition:all .4s}.bc-dot.active{background:#3e2723;transform:scale(1.25)}.bc-dot.done{background:#bcaaa4}.bc-quiz-area{flex:1;position:relative;overflow:hidden}.bc-start{text-align:center;padding:23px 0 9px;display:none}.bc-start.active{display:block}.bc-start-emoji{margin-bottom:12px;font-size:60px}.bc-start-text{color:#64748b;margin-bottom:18px;font-size:18px;font-weight:700;line-height:1.5}.bc-start-btn{color:#fff;cursor:pointer;background:#3e2723;border:none;border-radius:14px;align-items:center;gap:9px;padding:14px 37px;font-family:inherit;font-size:16px;font-weight:800;transition:all .3s;display:inline-flex}.bc-start-btn:hover{background:#1a1a2e;transform:translateY(-2px);box-shadow:0 5px 18px #0000001f}.bc-start-btn .material-symbols-outlined{font-size:21px}.bc-q{animation:.3s both bcFadeIn;display:none}.bc-q.active{display:block}.bc-q.leaving{animation:.25s both bcFadeOut;display:block}@keyframes bcFadeIn{0%{opacity:0}to{opacity:1}}@keyframes bcFadeOut{0%{opacity:1}to{opacity:0}}.bc-q-num{color:#bcaaa4;letter-spacing:.1em;margin-bottom:5px;font-family:Inter,sans-serif;font-size:16px;font-weight:900}.bc-q-text{color:#1a1a2e;margin-bottom:16px;font-family:Paperlogy,sans-serif;font-size:24px;font-weight:800}.bc-opts{grid-template-columns:1fr 1fr;gap:9px;display:grid}.bc-opt{color:#3e2723;cursor:pointer;text-align:left;background:#fff;border:2px solid #e8e8e8;border-radius:14px;align-items:center;gap:9px;padding:14px 16px;font-family:inherit;font-size:16px;font-weight:700;line-height:1.35;transition:all .2s;display:flex}.bc-opt:hover{background:#fafafa;border-color:#d7ccc8}.bc-opt:active{transform:scale(.98)}.bc-opt span{flex-shrink:0;font-size:21px}.bc-opt .bc-opt-sub{color:#bcaaa4;margin-top:1px;font-size:13px;font-weight:500}.bc-opt.picked{background:#f5f0eb;border-color:#3e2723}.bc-result-card{padding:14px 0;display:none}.bc-result-card.active{animation:.5s cubic-bezier(.22,1,.36,1) both bcResultIn;display:block}@keyframes bcResultIn{0%{opacity:0;transform:scale(.9)translateY(14px)}to{opacity:1;transform:scale(1)translateY(0)}}.bc-result-emoji{margin-bottom:14px;font-size:60px;animation:.5s cubic-bezier(.22,1,.36,1) .15s both bcEmojiBounce}@keyframes bcEmojiBounce{0%{opacity:0;transform:scale(.2)}to{opacity:1;transform:scale(1)}}.bc-result-type{color:#1a1a2e;margin-bottom:9px;font-family:Paperlogy,sans-serif;font-size:23px;font-weight:800;animation:.4s .3s both bcFade}.bc-result-msg{color:#8d7b6e;white-space:pre-line;margin-bottom:7px;font-size:16px;font-weight:600;line-height:1.55;animation:.4s .45s both bcFade}.bc-result-bonus{color:#e65100;margin-bottom:18px;font-size:15px;font-weight:700;animation:.4s .6s both bcFade}@keyframes bcFade{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}.bc-retry{color:#94a3b8;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:12px;align-items:center;gap:7px;padding:13px 32px;font-family:inherit;font-size:16px;font-weight:700;transition:all .25s;animation:.4s .75s both bcFade;display:inline-flex}.bc-retry:hover{color:#3e2723;border-color:#3e2723}.bc-retry .material-symbols-outlined{font-size:20px}.bc-poll-options{grid-template-columns:1fr 1fr;gap:12px;display:grid}.bc-poll-btn{cursor:pointer;background:#fff;border:1px solid #e0e0e0;border-radius:16px;flex-direction:column;align-items:center;gap:7px;padding:18px;font-family:inherit;transition:all .25s;display:flex}.bc-poll-btn:hover{background:#fff8f0;border-color:#ffb74d;transform:translateY(-2px)}.bc-poll-btn.voted{background:#fff3e0;border-color:#ff8a65}.bc-poll-btn .bp-emoji{font-size:37px}.bc-poll-btn .bp-name{color:#3e2723;font-family:Paperlogy,sans-serif;font-size:18px;font-weight:700}.bc-poll-btn .bp-hint{color:#a1887f;font-size:13px}.bc-poll-result{margin-top:16px;display:none}.bc-poll-result.show{display:block}.bp-bar-row{align-items:center;gap:12px;margin-bottom:9px;display:flex}.bp-bar-label{color:#5d4037;text-align:right;width:41px;font-size:14px;font-weight:700}.bp-bar-track{background:#00000008;border-radius:12px;flex:1;height:37px;overflow:hidden}.bp-bar-fill{color:#fff;border-radius:12px;align-items:center;height:100%;padding-left:14px;font-size:15px;font-weight:800;transition:width 1s cubic-bezier(.22,1,.36,1);display:flex}.bp-bar-fill.rice{background:linear-gradient(90deg,#ff6b35,#e53935)}.bp-bar-fill.wheat{background:linear-gradient(90deg,#ffb300,#ff8f00)}.bp-total{color:#a1887f;text-align:center;margin-top:5px;font-size:13px}.bp-revote{color:#bcaaa4;cursor:pointer;text-underline-offset:2px;background:0 0;border:none;margin-top:12px;font-family:inherit;font-size:14px;font-weight:700;text-decoration:underline;transition:color .2s}.bp-revote:hover{color:var(--warm)}.theme-tabs-wrapper{z-index:20;width:100%;position:relative}.theme-tabs{max-width:1472px;margin:0 auto;display:flex}.theme-tab{cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(7px);background:#ffffff80;border:none;flex:1;align-items:center;gap:21px;padding:25px 32px 23px;font-family:inherit;transition:all .4s;display:flex;position:relative}.theme-tab:not(:last-child){border-right:1px solid #ffffff40}.theme-tab:hover{background:#ffffffa6}.theme-tab.active{background:#ffffffd1;box-shadow:0 -2px 18px #00000008}.ttab-icon{border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:53px;height:53px;transition:all .3s;display:flex}.theme-tab:first-child .ttab-icon{color:#c62828;background:#c6282814}.theme-tab:nth-child(2) .ttab-icon{color:#1565c0;background:#1565c014}.theme-tab:nth-child(3) .ttab-icon{color:#7b1fa2;background:#7b1fa214}.theme-tab:nth-child(4) .ttab-icon{color:#2e7d32;background:#2e7d3214}.ttab-icon .material-symbols-outlined{font-size:28px}.ttab-text{min-width:0}.ttab-cat{letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;font-family:NexonLv1Gothic,sans-serif;font-size:15px;font-weight:400}.theme-tab:first-child .ttab-cat{color:var(--history)}.theme-tab:nth-child(2) .ttab-cat{color:var(--science)}.theme-tab:nth-child(3) .ttab-cat{color:var(--aesthetics)}.theme-tab:nth-child(4) .ttab-cat{color:var(--economy)}.ttab-title{color:#1a1a2e;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-family:NexonLv1Gothic,sans-serif;font-size:21px;font-weight:700;overflow:hidden}.ttab-progress{height:3px;position:absolute;bottom:0;left:0;right:0}.ttab-progress-fill{border-radius:2px;width:0%;height:100%}.theme-tab:first-child .ttab-progress-fill{background:linear-gradient(90deg,var(--history-line),var(--history))}.theme-tab:nth-child(2) .ttab-progress-fill{background:linear-gradient(90deg,var(--science-line),var(--science))}.theme-tab:nth-child(3) .ttab-progress-fill{background:linear-gradient(90deg,var(--aesthetics-line),var(--aesthetics))}.theme-tab:nth-child(4) .ttab-progress-fill{background:linear-gradient(90deg,var(--economy-line),var(--economy))}.theme-tab.active .ttab-progress-fill{width:100%;transition:width .4s}.story-wrapper{max-width:1265px;margin:0 auto;padding:0 32px 92px;position:relative}.theme-content{animation:.5s cubic-bezier(.22,1,.36,1) themeIn;display:none;position:relative}.theme-content.active{display:block}@keyframes themeIn{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}.theme-header{padding:74px 0 23px;position:relative}.theme-header-inner{align-items:flex-end;gap:23px;display:flex}.th-act{letter-spacing:-.04em;opacity:.07;font-family:Inter,sans-serif;font-size:83px;font-weight:900;line-height:.85}.th-label{letter-spacing:.15em;text-transform:uppercase;margin-bottom:9px;font-family:Inter,sans-serif;font-size:15px;font-weight:800}.theme-content[data-theme=history] .th-label{color:var(--history)}.theme-content[data-theme=science] .th-label{color:var(--science)}.theme-content[data-theme=aesthetics] .th-label{color:var(--aesthetics)}.theme-content[data-theme=economy] .th-label{color:var(--economy)}.th-title{color:#1a1a2e;letter-spacing:-.02em;font-family:Paperlogy,sans-serif;font-size:clamp(32px,4.6vw,44px);font-weight:800;line-height:1.3}.th-divider{border-radius:2px;width:55px;height:3px;margin-top:23px}.theme-content[data-theme=history] .th-divider{background:var(--history)}.theme-content[data-theme=science] .th-divider{background:var(--science)}.theme-content[data-theme=aesthetics] .th-divider{background:var(--aesthetics)}.theme-content[data-theme=economy] .th-divider{background:var(--economy)}.today-q{border:1px dashed;border-radius:18px;align-items:center;gap:16px;margin:23px 0 46px;padding:23px 28px;display:flex}.today-q .tq-icon{flex-shrink:0;font-size:32px}.today-q .tq-text{font-family:Paperlogy,sans-serif;font-size:20px;font-weight:700;line-height:1.5}.theme-content[data-theme=history] .today-q{background:var(--history-bg);border-color:var(--history-line)}.theme-content[data-theme=history] .today-q .tq-text{color:var(--history)}.theme-content[data-theme=science] .today-q{background:var(--science-bg);border-color:var(--science-line)}.theme-content[data-theme=science] .today-q .tq-text{color:var(--science)}.theme-content[data-theme=aesthetics] .today-q{background:var(--aesthetics-bg);border-color:var(--aesthetics-line)}.theme-content[data-theme=aesthetics] .today-q .tq-text{color:var(--aesthetics)}.theme-content[data-theme=economy] .today-q{background:var(--economy-bg);border-color:var(--economy-line)}.theme-content[data-theme=economy] .today-q .tq-text{color:var(--economy)}.summary-a{color:#3e2723;margin-top:23px;font-size:17px;font-weight:700;line-height:1.65}.summary-a .hl{padding:0 2px}.theme-content[data-theme=history] .summary-a .hl{background:linear-gradient(#0000 60%,#c628281f 60%)}.theme-content[data-theme=science] .summary-a .hl{background:linear-gradient(#0000 60%,#1565c01f 60%)}.theme-content[data-theme=aesthetics] .summary-a .hl{background:linear-gradient(#0000 60%,#7b1fa21f 60%)}.theme-content[data-theme=economy] .summary-a .hl{background:linear-gradient(#0000 60%,#2e7d321f 60%)}.card-container{gap:28px;display:grid;position:relative}.food-deco{object-fit:contain;opacity:.45;pointer-events:none;z-index:0;filter:drop-shadow(0 5px 14px #0000000f);width:126px;height:126px;position:absolute}.food-deco.deco-l{left:-161px}.food-deco.deco-r{right:-161px}.food-deco:nth-child(odd){transform:rotate(-8deg)}.food-deco:nth-child(2n){transform:rotate(6deg)}.timeline-item{gap:23px;margin-bottom:46px;display:flex;position:relative}.tl-marker{flex-direction:column;align-items:center;min-width:46px;display:flex}.tl-dot{z-index:2;border:5px solid #fff;border-radius:50%;width:18px;height:18px}.tl-line{border-radius:2px;flex:1;width:2px;margin-top:5px}.timeline-item:last-child .tl-line{display:none}.tl-content{flex:1;padding-top:0}.tl-year{margin-bottom:9px;font-family:Inter,sans-serif;font-size:28px;font-weight:900}.theme-content[data-theme=history] .tl-dot{background:var(--history);box-shadow:0 0 0 2px var(--history)}.theme-content[data-theme=history] .tl-line{background:var(--history-line)}.theme-content[data-theme=history] .tl-year{color:var(--history)}.theme-content[data-theme=science] .tl-dot{background:var(--science);box-shadow:0 0 0 2px var(--science)}.theme-content[data-theme=science] .tl-line{background:var(--science-line)}.theme-content[data-theme=science] .tl-year{color:var(--science)}.theme-content[data-theme=aesthetics] .tl-dot{background:var(--aesthetics);box-shadow:0 0 0 2px var(--aesthetics)}.theme-content[data-theme=aesthetics] .tl-line{background:var(--aesthetics-line)}.theme-content[data-theme=aesthetics] .tl-year{color:var(--aesthetics)}.theme-content[data-theme=economy] .tl-dot{background:var(--economy);box-shadow:0 0 0 2px var(--economy)}.theme-content[data-theme=economy] .tl-line{background:var(--economy-line)}.theme-content[data-theme=economy] .tl-year{color:var(--economy)}.s-card{background:#fff;border:1px solid #0000000d;border-radius:23px;margin-bottom:16px;padding:37px 39px 32px}.s-tags{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;margin-bottom:18px;display:flex}.s-keyword{letter-spacing:.02em;color:#e65100;background:#fff8e1;border:1px solid #e651001a;border-radius:115px;padding:6px 16px;font-size:14px;font-weight:700}.s-subject{color:#a1887f;letter-spacing:.02em;background:#00000008;border-radius:9px;padding:5px 12px;font-size:12px;font-weight:600}.s-card h3{color:#1a1a2e;margin-bottom:18px;font-family:Paperlogy,sans-serif;font-size:25px;font-weight:800;line-height:1.45}.s-card p{color:#5c5252;font-size:18px;font-weight:450;line-height:1.9}.s-card p+p{margin-top:14px}.s-card p strong{color:#222;background:linear-gradient(#0000 65%,#ffeb3b59 65%)}.theme-tok{border-radius:5px 21px 21px;margin-top:28px;padding:30px 30px 25px;position:relative}.theme-tok-badge{color:#fff;border-radius:12px;align-items:center;gap:7px;padding:7px 18px;font-family:Paperlogy,sans-serif;font-size:14px;font-weight:700;display:inline-flex;position:absolute;top:-15px;left:18px}.theme-tok-badge .material-symbols-outlined{font-size:17px}.theme-tok p{margin-top:5px;font-size:17px;font-weight:600;line-height:1.85}.theme-tok p strong{background:0 0;font-weight:800}.theme-tok.history{background:linear-gradient(135deg,var(--history-bg),var(--history-light));box-shadow:5px 5px #c628280f}.theme-tok.history .theme-tok-badge{background:linear-gradient(135deg,#e53935,var(--history));box-shadow:0 5px 16px #c628284d}.theme-tok.history p{color:var(--history)}.theme-tok.history p strong{color:#b71c1c}.theme-tok.science{background:linear-gradient(135deg,#eff6ff,#e3f2fd,#dbeafe);box-shadow:5px 5px #1565c00f}.theme-tok.science .theme-tok-badge{background:linear-gradient(135deg,#1e88e5,#1565c0);box-shadow:0 5px 16px #1565c04d}.theme-tok.science p{color:#1565c0}.theme-tok.science p strong{color:#0d47a1}.theme-tok.design{background:linear-gradient(135deg,var(--aesthetics-bg),var(--aesthetics-light));box-shadow:5px 5px #7b1fa20f}.theme-tok.design .theme-tok-badge{background:linear-gradient(135deg,#ab47bc,var(--aesthetics));box-shadow:0 5px 16px #7b1fa24d}.theme-tok.design p{color:var(--aesthetics)}.theme-tok.design p strong{color:#6a1b9a}.theme-tok.economy{background:linear-gradient(135deg,var(--economy-bg),var(--economy-light));box-shadow:5px 5px #2e7d320f}.theme-tok.economy .theme-tok-badge{background:linear-gradient(135deg,#43a047,var(--economy));box-shadow:0 5px 16px #2e7d324d}.theme-tok.economy p{color:var(--economy)}.theme-tok.economy p strong{color:#1b5e20}.video-wrap{background:#000;border-radius:18px;margin:23px 0;overflow:hidden}.video-wrap video{border-radius:18px;width:100%;display:block}.video-caption{color:#8d7b6e;text-align:center;margin-top:-11px;margin-bottom:23px;font-size:14px}.game-dark-area{height:calc(100vh - var(--nav-h));background:#1a1a2e;justify-content:center;align-items:center;padding:0;display:flex}.game-intro{border-radius:18px;width:100%;max-width:1610px;position:relative;overflow:hidden;box-shadow:0 14px 46px #0006}.game-intro video{cursor:pointer;width:100%;display:block}.intro-skip{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:#fff;cursor:pointer;z-index:10;background:#0009;border:none;border-radius:12px;align-items:center;gap:7px;padding:12px 25px;font-family:inherit;font-size:15px;font-weight:700;transition:all .25s;display:inline-flex;position:absolute;bottom:28px;right:28px}.intro-skip:hover{background:#000c}.intro-skip .material-symbols-outlined{font-size:21px}.game-stage{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.game-stage .game-frame-wrap{border-radius:0;width:100%;height:100%}.game-info-area{background:#f8f6f3;border-top:1px solid #0000000f;padding:55px 28px 69px}.game-info-inner{text-align:center;max-width:1035px;margin:0 auto}.gi-header{margin-bottom:41px}.gi-label{color:#bcaaa4;letter-spacing:2px;text-transform:uppercase;margin-bottom:9px;font-size:14px;font-weight:800}.gi-title{color:#1a1a2e;margin-bottom:14px;font-family:Paperlogy,sans-serif;font-size:30px;font-weight:800}.gi-desc{color:#8d7b6e;font-size:16px;line-height:1.7}.gi-tips{justify-content:center;gap:28px;margin-bottom:37px;display:flex}.gi-tip{text-align:center;background:#fff;border:1px solid #0000000d;border-radius:18px;flex:1;max-width:299px;padding:28px 23px;box-shadow:0 2px 14px #00000008}.gi-tip-icon{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:16px;justify-content:center;align-items:center;width:55px;height:55px;margin:0 auto 14px;display:flex}.gi-tip-icon .material-symbols-outlined{color:#43a047;font-size:25px}.gi-tip-title{color:#1a1a2e;margin-bottom:5px;font-size:16px;font-weight:700}.gi-tip-desc{color:#8d99ae;font-size:14px;line-height:1.5}.gi-replay-btn{color:#8d7b6e;cursor:pointer;background:#fff;border:2px solid #e0e0e0;border-radius:14px;align-items:center;gap:9px;padding:14px 32px;font-family:inherit;font-size:16px;font-weight:700;transition:all .25s;display:inline-flex}.gi-replay-btn:hover{background:#f5f5f5;border-color:#bdbdbd;transform:translateY(-2px)}.gi-replay-btn .material-symbols-outlined{font-size:21px}@media (width<=700px){.gi-tips{flex-direction:column;align-items:center}.gi-tip{width:100%;max-width:100%}.game-dark-area{padding:18px 14px 0}}.palette-demo{text-align:center;background:#fafafa;border:1px solid #eee;border-radius:28px;margin-bottom:23px;padding:35px}.tteok-plate{background:linear-gradient(145deg,#e8e8e8,silver,#d8d8d8);border:3px solid #a0a0a0;border-radius:50%;justify-content:center;align-items:center;width:253px;height:253px;margin:0 auto 28px;transition:background .5s;display:flex;position:relative;overflow:hidden;box-shadow:0 14px 41px #00000026,0 2px 9px #00000014,inset 0 2px 5px #fff9}.tteok-plate:before{content:"";z-index:0;pointer-events:none;border:2px solid #b4b4b480;border-radius:50%;position:absolute;inset:12px;box-shadow:inset 0 5px 14px #0000001f}.tteok-plate:after{content:"";z-index:5;pointer-events:none;background:linear-gradient(#ffffff80,#0000);border-radius:50%;width:40%;height:9px;position:absolute;top:5px;left:30%}.sauce-overlay{opacity:.88;z-index:1;background:#3e2723;border-radius:50%;transition:background .5s;position:absolute;inset:14px}.tteok-visual{z-index:2;background:linear-gradient(#fff,#f5f0ea);border-radius:13px;position:absolute;box-shadow:0 3px 7px #0000002e,inset 0 2px 3px #fff,inset 0 -2px 3px #00000014}.tteok-1{width:69px;height:23px;top:51px;left:71px;transform:rotate(-22deg)}.tteok-2{width:62px;height:22px;top:55px;left:140px;transform:rotate(32deg)}.tteok-3{width:74px;height:24px;top:83px;left:44px;transform:rotate(15deg)}.tteok-4{width:64px;height:22px;top:90px;left:124px;transform:rotate(-38deg)}.tteok-5{width:57px;height:21px;top:81px;left:170px;transform:rotate(10deg)}.tteok-6{width:67px;height:23px;top:117px;left:63px;transform:rotate(45deg)}.tteok-7{width:71px;height:23px;top:122px;left:136px;transform:rotate(-15deg)}.tteok-8{width:60px;height:22px;top:152px;left:46px;transform:rotate(-30deg)}.tteok-9{width:64px;height:22px;top:156px;left:113px;transform:rotate(25deg)}.tteok-10{width:55px;height:21px;top:182px;left:83px;transform:rotate(-5deg)}.palette-controls{flex-wrap:wrap;justify-content:center;gap:14px;display:flex}.p-btn{cursor:pointer;border:3px solid #fff;border-radius:50%;width:46px;height:46px;transition:all .2s;box-shadow:0 5px 12px #0000001f}.p-btn:hover{transform:scale(1.2);box-shadow:0 7px 18px #0000002e}.p-btn[data-color=red]{background:#d32f2f}.p-btn[data-color=rose]{background:#ff8a65}.p-btn[data-color=black]{background:#3e2723}.p-btn[data-color=white]{background:#f5f5f5;border:2px solid #ddd}.palette-desc{color:#666;min-height:23px;margin-top:18px;font-size:16px;font-weight:600}.next-chapter{text-align:center;border-top:1px dashed #00000014;margin-top:64px;padding:46px 28px}.next-btn{cursor:pointer;color:#fff;border:none;border-radius:23px;align-items:center;gap:14px;padding:25px 55px;font-family:inherit;font-size:20px;font-weight:800;transition:all .35s cubic-bezier(.22,1,.36,1);display:inline-flex;box-shadow:0 9px 28px #0000001f}.next-btn:hover{transform:translateY(-5px);box-shadow:0 16px 41px #0000002e}.next-btn .material-symbols-outlined{font-size:25px}.next-btn .nb-hint{opacity:.8;margin-top:2px;font-size:14px;font-weight:500;display:block}.next-btn.to-science{background:linear-gradient(135deg,#1e88e5,#1565c0)}.next-btn.to-aesthetics{background:linear-gradient(135deg,#ab47bc,#7b1fa2)}.next-btn.to-economy{background:linear-gradient(135deg,#43a047,#2e7d32)}.story-ending{background:linear-gradient(135deg,#fafaf8,#f5f0eb);border:1px solid #0000000a;border-radius:28px;margin-top:55px;padding:46px}.se-title{color:#3e2723;text-align:center;margin-bottom:9px;font-family:Paperlogy,sans-serif;font-size:23px;font-weight:800}.se-subtitle{color:#a1887f;text-align:center;margin-bottom:28px;font-size:15px}.se-items{flex-direction:column;gap:16px;display:flex}.se-item{background:#fff;border:1px solid #0000000a;border-radius:16px;align-items:flex-start;gap:16px;padding:18px 23px;display:flex}.se-item .se-num{width:37px;height:37px;color:var(--warm);background:linear-gradient(135deg,#ffe8d4,#ffddc4);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;margin-top:2px;font-family:Inter;font-size:16px;font-weight:800;display:flex}.se-item .se-text{color:#5d4037;font-size:17px;font-weight:600;line-height:1.5}.se-input{color:#3e2723;resize:none;background:#fdfcfa;border:2px dashed #e0d5cc;border-radius:12px;outline:none;width:100%;min-height:46px;margin-top:12px;padding:12px 16px;font-family:inherit;font-size:16px;transition:border-color .2s}.se-input:focus{border-color:var(--warm)}.se-input::placeholder{color:#c4b8ad}.se-tags{flex-wrap:wrap;gap:7px;margin-top:12px;display:flex}.se-tag{cursor:pointer;color:#8d7b6e;background:#fff;border:1px solid #e0d5cc;border-radius:9px;padding:6px 14px;font-size:14px;font-weight:600;transition:all .2s}.se-tag:hover{background:#fff3e0;border-color:#ffb74d}.se-tag.selected{color:#fff;background:#ff6b35;border-color:#ff6b35}.se-result{color:var(--warm);background:#fff8f0;border:1px solid #ff6b351a;border-radius:12px;margin-top:14px;padding:14px 18px;font-size:16px;font-weight:600;line-height:1.6;display:none}.se-result.show{display:block}.theme-cta{text-align:center;background:linear-gradient(135deg,#fffaf5,#ffe8d4);border:1px solid #ff6b3514;border-radius:28px;margin-top:37px;padding:60px 51px;position:relative;overflow:hidden}.theme-cta:before{content:"";background:#ff6b350d;border-radius:50%;width:230px;height:230px;position:absolute;top:-92px;right:-92px}.theme-cta .cta-emoji{margin-bottom:23px;font-size:64px;display:block}.theme-cta h2{color:#1a1a2e;margin-bottom:14px;font-family:Paperlogy,sans-serif;font-size:clamp(25px,3.45vw,37px);font-weight:800;line-height:1.4}.theme-cta p{color:#8d7b6e;margin-bottom:28px;font-size:17px;font-weight:500;line-height:1.9}.theme-cta-btn{color:#fff;cursor:pointer;background:linear-gradient(#ff8a65,#ff6b35);border:none;border-radius:16px;align-items:center;gap:12px;padding:16px 37px;font-family:inherit;font-size:17px;font-weight:700;transition:all .3s;display:inline-flex;box-shadow:0 5px #e64a19,0 7px 23px #e6510033}.theme-cta-btn:hover{transform:translateY(-2px);box-shadow:0 7px #e64a19,0 12px 32px #e6510040}.theme-cta-btn .material-symbols-outlined{font-size:23px}.data-note{color:#f57f17;background:#fff8e1;border-radius:12px;align-items:center;gap:9px;margin-bottom:18px;padding:14px 18px;font-size:14px;font-weight:600;line-height:1.5;display:flex}.data-note .material-symbols-outlined{flex-shrink:0;font-size:18px}.franchise-grid{grid-template-columns:repeat(auto-fill,minmax(276px,1fr));gap:16px;margin:28px 0;display:grid}.fr-card{background:#00000004;border:1px solid #0000000a;border-radius:18px;padding:25px}.fr-name{color:#1a1a2e;margin-bottom:12px;font-family:Paperlogy,sans-serif;font-size:18px;font-weight:700}.fr-meta{color:#94a3b8;margin-bottom:16px;font-size:14px}.fr-bar{align-items:center;gap:9px;margin-bottom:9px;display:flex}.fr-bar-label{color:#8d7b6e;width:55px;font-size:13px;font-weight:700}.fr-bar-track{background:#0000000a;border-radius:5px;flex:1;height:9px;overflow:hidden}.fr-bar-fill{border-radius:5px;height:100%;transition:width 1s}.fr-bar-fill.spice{background:linear-gradient(90deg,#ffa726,#e53935)}.fr-bar-fill.price{background:linear-gradient(90deg,#66bb6a,#2e7d32)}.fr-bar-val{color:#94a3b8;text-align:right;width:51px;font-size:13px;font-weight:700}.chart-wrap{background:#00000004;border:1px solid #00000008;border-radius:21px;margin:28px 0;padding:28px}.chart-title{color:#8d7b6e;margin-bottom:18px;font-size:15px;font-weight:700}.bar-chart{border-bottom:1px solid #0000000f;align-items:flex-end;gap:14px;height:207px;padding-bottom:32px;display:flex;position:relative}.bar-col{flex-direction:column;flex:1;align-items:center;gap:7px;display:flex}.bar-val{color:var(--warm);font-family:Inter,sans-serif;font-size:13px;font-weight:800}.bar-fill{border-radius:12px 12px 0 0;width:100%;min-height:5px;transition:height 1s cubic-bezier(.25,1,.5,1)}.bar-fill.rising{background:linear-gradient(#ff6b35,#ffab91)}.bar-label{color:#94a3b8;white-space:nowrap;padding-top:7px;font-size:13px;font-weight:600;position:absolute;bottom:0;transform:translateY(100%)}.ht-accent{background:linear-gradient(120deg,#1565c0,#1e88e5);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}@media (hover:hover){.side-item:hover{background:#00000008}.hub-card:hover{transform:translateY(-7px);box-shadow:0 18px 46px #00000014}.theme-tab:hover{background:#ffffffa6}}@media (hover:none){.side-item:active{opacity:.8;transform:scale(.95)}.theme-tab:active{background:#ffffffbf}.s-card:active{transform:scale(.99)}.next-btn:active{transform:scale(.97)}.bc-btn:active,.bc-poll-btn:active{transform:scale(.96)}.teacher-fab-btn:active{transform:scale(.92)}.theme-cta-btn:active{transform:scale(.96)}}.game-frame-wrap{background:#000;border:3px solid #2c2c3a;position:relative;overflow:hidden;box-shadow:0 9px 46px #0000001f}#gameBody{width:100%;height:100%}.game-frame-wrap:before{content:"";pointer-events:none;z-index:2;border:2px solid #ffffff0f;position:absolute;inset:0}.game-frame-wrap:after{content:"";pointer-events:none;z-index:2;border:1px solid #ffffff08;position:absolute;inset:-1px}.game-frame-inner{width:100%;height:100%;position:relative}.game-frame-inner iframe{border:none;width:100%;height:100%;position:absolute;top:0;left:0}.placeholder-tab{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:18px;min-height:50vh;padding:92px 28px;display:flex}.ph-icon{border-radius:28px;justify-content:center;align-items:center;width:92px;height:92px;display:flex}.ph-icon .material-symbols-outlined{font-size:46px}.ph-title{color:#1a1a2e;font-family:Paperlogy,sans-serif;font-size:28px;font-weight:800}.ph-desc{color:#94a3b8;font-size:16px;line-height:1.7}.panel-overlay{z-index:300;pointer-events:none;background:0 0;transition:background .35s;position:fixed;inset:0}.panel-overlay.open{pointer-events:auto;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#00000040}.slide-panel{z-index:310;background:#fff;flex-direction:column;width:552px;max-width:108.1vw;height:100vh;transition:transform .4s;display:flex;position:fixed;top:0;right:0;transform:translate(100%);box-shadow:-9px 0 46px #00000014}.slide-panel.open{transform:translate(0)}.sp-header{border-bottom:1px solid #0000000f;flex-shrink:0;justify-content:space-between;align-items:center;padding:23px 28px 18px;display:flex}.sp-header-left{align-items:center;gap:14px;display:flex}.sp-header-icon{background:linear-gradient(135deg,#6d4c411a,#6d4c410d);border-radius:14px;justify-content:center;align-items:center;width:46px;height:46px;display:flex}.sp-header-icon .material-symbols-outlined{color:#5d4037;font-size:23px}.sp-header-title{color:#1a1a2e;font-family:Paperlogy,sans-serif;font-size:21px;font-weight:700}.sp-header-code{background:linear-gradient(135deg,#fff8f0,#fff0e0);border:1px solid #e6510014;border-radius:9px;align-items:center;gap:9px;margin-left:9px;padding:7px 14px;display:flex}.sp-header-code .code-val{color:var(--warm);letter-spacing:.12em;font-family:Inter,monospace;font-size:16px;font-weight:800}.sp-link-bar{background:#fff7f0;border-bottom:1px solid #0000000a;align-items:center;gap:12px;padding:12px 21px;display:flex}.sp-link-label{color:#bcaaa4;letter-spacing:.08em;text-transform:uppercase;font-size:13px;font-weight:700}.sp-link-value{color:#6d4c41;white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-size:14px;font-weight:600;overflow:hidden}.sp-link-copy{color:var(--warm);cursor:pointer;background:#e6510014;border:none;border-radius:12px;align-items:center;gap:5px;padding:7px 12px;font-size:13px;font-weight:700;display:flex}.sp-link-copy:hover{background:#e6510024}.sp-link-copy .material-symbols-outlined{font-size:16px}.sp-close-btn{cursor:pointer;color:#94a3b8;background:#fff;border:1px solid #00000014;border-radius:12px;justify-content:center;align-items:center;width:39px;height:39px;transition:all .2s;display:flex}.sp-close-btn:hover{color:#1a1a2e;background:#f8f9fa}.sp-close-btn .material-symbols-outlined{font-size:21px}.sp-tabs{border-bottom:1px solid #0000000f;flex-shrink:0;padding:0 28px;display:flex}.sp-tab{text-align:center;cursor:pointer;color:#94a3b8;border-bottom:3px solid #0000;flex:1;padding:16px 0;font-size:16px;font-weight:700;transition:all .25s}.sp-tab:hover{color:#64748b}.sp-tab.active{color:#5d4037;border-bottom-color:#5d4037}.sp-tab .tab-count{color:#94a3b8;background:#0000000f;border-radius:12px;justify-content:center;align-items:center;min-width:23px;height:23px;margin-left:7px;padding:0 7px;font-size:13px;font-weight:800;display:inline-flex}.sp-tab.active .tab-count{color:#5d4037;background:#6d4c411a}.sp-body{flex:1;overflow-y:auto}.sp-body::-webkit-scrollbar{width:5px}.sp-body::-webkit-scrollbar-thumb{background:#0000001a;border-radius:2px}.tab-content{display:none}.tab-content.active{display:block}.section-header{z-index:5;background:#fff;justify-content:space-between;align-items:center;padding:23px 28px 12px;display:flex;position:sticky;top:0}.section-title{color:#3e2723;font-family:Paperlogy,sans-serif;font-size:18px;font-weight:800}.section-sub{color:#b0a89f;font-size:14px;font-weight:600}.st-table{padding:0 23px 23px}.st-thead{background:linear-gradient(135deg,#fafaf8,#f5f0eb);border-radius:14px;align-items:center;margin-bottom:2px;padding:14px 18px;display:flex}.st-thead span{color:#a1887f;text-transform:uppercase;letter-spacing:.08em;font-family:Paperlogy,sans-serif;font-size:14px;font-weight:700}.st-th-num{text-align:center;width:41px}.st-th-name{flex:1;padding-left:14px}.st-th-report{text-align:center;width:103px}.st-th-delete{text-align:center;width:62px}.st-row{cursor:pointer;border-bottom:1px solid #00000006;border-radius:14px;align-items:center;padding:15px 18px;transition:all .2s;display:flex}.st-row:last-child{border-bottom:none}.st-num{text-align:center;color:#bcaaa4;width:41px;font-family:Inter,sans-serif;font-size:15px;font-weight:800}.st-avatar{color:#fff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:37px;height:37px;font-size:14px;font-weight:800;display:flex}.st-name{color:#1a1a2e;flex:1;padding-left:12px;font-size:16px;font-weight:700}.st-report{justify-content:center;align-items:center;gap:8px;width:103px;display:flex}.st-delete{justify-content:center;align-items:center;width:62px;display:flex}.st-delete-btn{cursor:pointer;color:#e53935;background:#ef535014;border:1px solid #ef535059;border-radius:12px;justify-content:center;align-items:center;width:37px;height:37px;transition:all .2s;display:flex}.st-delete-btn:hover{background:#ef535029;box-shadow:0 5px 14px #ef535033}.st-delete-btn .material-symbols-outlined{font-size:21px}.r-dot{border-radius:50%;width:12px;height:12px}.r-dot.yes{background:#4caf50}.r-dot.no{background:#ef5350}.r-label{font-size:14px;font-weight:700}.r-label.yes{color:#2e7d32}.r-label.no{color:#c62828}.gr-row{border-radius:14px;align-items:center;gap:14px;padding:14px;display:flex}.gr-rank{color:#94a3b8;background:#00000008;border-radius:10px;justify-content:center;align-items:center;width:32px;height:32px;font-size:15px;font-weight:800;display:flex}.gr-rank.gold{color:#f57f17;background:linear-gradient(135deg,#fff8e1,#ffe082)}.gr-rank.silver{color:#616161;background:linear-gradient(135deg,#f5f5f5,#e0e0e0)}.gr-rank.bronze{color:#e65100;background:linear-gradient(135deg,#fff3e0,#ffcc80)}.gr-info{flex:1;min-width:0}.gr-name{color:#1a1a2e;font-size:16px;font-weight:700}.gr-detail{color:#b0a89f;margin-top:2px;font-size:13px}.gr-score{color:#1565c0;background:#1565c014;border-radius:12px;padding:7px 18px;font-size:16px;font-weight:800}.sp-footer{border-top:1px solid #0000000f;flex-shrink:0;gap:12px;padding:16px 28px;display:flex}.sp-footer-btn{cursor:pointer;border:none;border-radius:14px;flex:1;justify-content:center;align-items:center;gap:7px;padding:14px;font-family:inherit;font-size:15px;font-weight:700;transition:all .25s;display:flex}.sp-footer-btn.primary{color:#5d4037;background:linear-gradient(#f5ede6,#eae0d5);box-shadow:0 2px #d7ccc8}.sp-footer-btn.primary:hover{transform:translateY(-1px);box-shadow:0 3px #d7ccc8,0 5px 14px #8d6e631a}.sp-footer-btn.secondary{color:#64748b;background:#0000000a}.sp-footer-btn .material-symbols-outlined{font-size:18px}.copy-toast{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:#fff;opacity:0;pointer-events:none;z-index:400;background:#1a1a2ee6;border-radius:14px;padding:14px 32px;font-size:15px;font-weight:700;transition:all .3s;position:fixed;bottom:46px;left:50%;transform:translate(-50%)translateY(23px)}.copy-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.kick-toast{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:#fff;opacity:0;pointer-events:none;z-index:401;background:#c62828eb;border-radius:14px;padding:14px 32px;font-size:15px;font-weight:800;transition:all .3s;position:fixed;bottom:99px;left:50%;transform:translate(-50%)translateY(23px)}.kick-toast.show{opacity:1;transform:translate(-50%)translateY(0)}.reveal{opacity:0;transition:opacity .7s cubic-bezier(.25,1,.5,1),transform .7s cubic-bezier(.25,1,.5,1);transform:translateY(35px)}.reveal.vis{opacity:1;transform:translateY(0)}@media (width<=1140px){.sidebar{padding:7px;left:9px}.side-item{width:74px;padding:16px 12px 13px}.side-item .side-icon{border-radius:13px;width:44px;height:44px}.side-item .side-icon .material-symbols-outlined{font-size:25px}.side-item .side-label{font-size:12px}.nav-inner{padding:0 37px}.hero-section{padding:55px 41px 0}.hero-title{font-size:clamp(32px,4.83vw,55px)}.theme-tab{gap:16px;padding:21px 25px}.ttab-icon{width:46px;height:46px}.ttab-title{font-size:18px}.story-wrapper{padding:0 28px 69px}.teacher-fab{bottom:32px;right:37px}.teacher-popup{bottom:115px;right:32px}.slide-panel{width:483px}}@media (width<=900px){:root{--nav-h:64px}.sidebar{display:none}.nav-inner{padding:0 28px}.theme-tabs{flex-direction:column}.theme-tab:not(:last-child){border-bottom:1px solid #ffffff26;border-right:none}.tl-marker{min-width:28px}.tl-year{font-size:21px}.timeline-item{gap:14px}.th-act{font-size:55px}.bottom-nav{display:flex}.main-area{padding-bottom:83px}.teacher-fab{bottom:92px}}@media (width<=700px){.top-nav{height:60px}:root{--nav-h:60px}.nav-logo img{height:46px}.nav-class-label{font-size:14px}.hero-section{padding:32px 18px 0}.hero-inner{padding-bottom:32px}.hero-title{font-size:41px}.hero-desc{font-size:16px}.theme-tab{gap:14px;min-height:60px;padding:16px 18px}.ttab-icon{width:44px;height:44px}.ttab-icon .material-symbols-outlined{font-size:23px}.ttab-title{font-size:16px}.ttab-cat{font-size:13px}.story-wrapper{padding:0 18px 69px}.s-card{border-radius:21px;padding:28px 23px 23px}.food-deco{display:none}.s-card h3{font-size:22px}.slide-panel{width:115vw;max-width:115vw}.franchise-grid{grid-template-columns:1fr}.bc-options{flex-direction:column;gap:9px}.bc-poll-options{grid-template-columns:1fr}.tl-year{font-size:18px}.timeline-item{gap:12px}.before-class{margin:28px auto 0}.bc-box{border-radius:18px;height:368px;padding:23px 25px 18px}.bc-quiz-title{font-size:21px}.bc-q-text{font-size:17px}.bc-opts{grid-template-columns:1fr}.bc-opt{padding:13px 16px;font-size:14px}.next-btn{border-radius:18px;padding:21px 41px;font-size:17px}.theme-cta{border-radius:23px;padding:41px 32px}.teacher-fab{bottom:83px;right:23px}.teacher-fab-btn{border-radius:18px;width:62px;height:62px}.teacher-popup{width:calc(115vw - 37px);bottom:156px;right:18px}.se-input,input,textarea,select{font-size:18px}}.bottom-nav{z-index:190;-webkit-backdrop-filter:blur(23px);height:74px;padding:0 9px;padding-bottom:env(safe-area-inset-bottom,0px);background:#ffffffeb;border-top:1px solid #0000000f;justify-content:center;align-items:center;gap:0;display:none;position:fixed;bottom:0;left:0;right:0}.bottom-nav .bnav-item{cursor:pointer;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:3px;padding:12px 0;text-decoration:none;transition:all .25s;display:flex}.bottom-nav .bnav-item .bnav-icon{border-radius:12px;justify-content:center;align-items:center;width:41px;height:41px;transition:all .25s;display:flex}.bottom-nav .bnav-item .material-symbols-outlined{color:#00000059;font-size:25px;transition:color .25s}.bottom-nav .bnav-item .bnav-label{color:#0000004d;font-size:12px;font-weight:700;transition:color .25s}.bottom-nav .bnav-item.active .bnav-icon{background:#e6510014}.bottom-nav .bnav-item.active .material-symbols-outlined{color:#e65100}.bottom-nav .bnav-item.active .bnav-label{color:#bf5b00}.bottom-nav .bnav-item:active{transform:scale(.92)}.cert-overlay{z-index:1000;opacity:0;pointer-events:none;box-sizing:border-box;justify-content:center;align-items:center;padding:24px;transition:opacity .5s;display:flex;position:fixed;inset:0;overflow:hidden auto}.cert-overlay.active{opacity:1;pointer-events:auto}.cert-backdrop{-webkit-backdrop-filter:blur(14px);background:#0f172a80;position:absolute;inset:0}.cert-modal{z-index:10;flex-shrink:0;width:100%;max-width:598px;margin:auto 0;padding:0 23px;transition:transform .6s cubic-bezier(.22,1,.36,1);position:relative;transform:translateY(35px)scale(.95)}.cert-overlay.active .cert-modal{transform:translateY(0)scale(1)}.cert-card{background:#fffdf8;border-radius:28px;position:relative;overflow:hidden;box-shadow:0 46px 115px -23px #0003}.cert-deco{border:3px solid #ff6b351f;width:69px;height:69px;position:absolute}.cert-deco-tl{border-bottom:none;border-right:none;border-radius:9px 0 0;top:18px;left:18px}.cert-deco-tr{border-bottom:none;border-left:none;border-radius:0 9px 0 0;top:18px;right:18px}.cert-deco-bl{border-top:none;border-right:none;border-radius:0 0 0 9px;bottom:18px;left:18px}.cert-deco-br{border-top:none;border-left:none;border-radius:0 0 9px;bottom:18px;right:18px}.cert-inner{text-align:center;padding:60px 46px 51px}.cert-badge{letter-spacing:.25em;text-transform:uppercase;color:#bcaaa4;margin-bottom:23px;font-family:Inter,sans-serif;font-size:13px;font-weight:900}.cert-title{color:#1a1a2e;margin-bottom:18px;font-family:Paperlogy,sans-serif;font-size:32px;font-weight:800;line-height:1.35}.cert-divider{background:linear-gradient(90deg,#ff6b35,#e53935);border-radius:2px;width:55px;height:3px;margin:0 auto 23px}.cert-desc{color:#8d7b6e;margin-bottom:32px;font-size:16px;font-weight:500;line-height:1.8}.cert-quote-wrap{background:linear-gradient(135deg,#fff8f0,#fff0e0);border:1px solid #ff6b351a;border-radius:18px;margin-bottom:32px;padding:23px 28px}.cert-quote-label{color:#bcaaa4;letter-spacing:.1em;text-transform:uppercase;margin-bottom:9px;font-size:13px;font-weight:800}.cert-quote{color:#e65100;font-family:Paperlogy,sans-serif;font-size:21px;font-weight:700;line-height:1.5}.cert-info{margin-bottom:23px}.cert-name{color:#1a1a2e;margin-bottom:5px;font-family:Paperlogy,sans-serif;font-size:25px;font-weight:800}.cert-date{color:#bcaaa4;font-size:15px;font-weight:500}.cert-stamp{color:#e65100;letter-spacing:.04em;border:2px solid #ff6b3526;border-radius:115px;align-items:center;gap:7px;padding:9px 23px;font-size:14px;font-weight:800;display:inline-flex}.cert-stamp .material-symbols-outlined{font-size:21px}.cert-actions{justify-content:center;margin-top:23px;display:flex}.cert-btn{cursor:pointer;border:none;border-radius:16px;align-items:center;gap:7px;padding:14px 32px;font-family:inherit;font-size:16px;font-weight:700;transition:all .3s;display:flex}.cert-btn-close{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:#fff;background:#fff3}.cert-btn-close:hover{background:#ffffff59}.cert-btn-close .material-symbols-outlined{font-size:21px}@keyframes certReveal{0%{opacity:0;transform:translateY(23px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.cert-overlay.active .cert-card{animation:.6s cubic-bezier(.22,1,.36,1) forwards certReveal}.report-overlay{z-index:1100;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .4s;display:flex;position:fixed;inset:0}.report-overlay.active{opacity:1;pointer-events:auto}.report-backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0f172a80;position:absolute;inset:0}.report-modal{z-index:10;width:100%;max-width:989px;padding:0 23px;transition:transform .5s cubic-bezier(.22,1,.36,1);position:relative;transform:translateY(35px)scale(.96)}.report-overlay.active .report-modal{transform:translateY(0)scale(1)}.report-card{background:#fffdf8;border-radius:23px;max-height:80vh;overflow:auto;box-shadow:0 35px 92px -23px #00000040}.report-detail-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:23px 28px;display:flex}.report-detail-title{color:#1a1a2e;font-family:Paperlogy,sans-serif;font-size:23px;font-weight:800}.report-detail-close{cursor:pointer;background:0 0;border:none;padding:5px}.report-detail-close .material-symbols-outlined{color:#1a1a2e;font-size:25px}.report-detail-meta{border-bottom:1px dashed #eee;flex-wrap:wrap;gap:18px;padding:18px 28px;display:flex}.report-meta-item{color:#5d4037;align-items:center;gap:7px;font-size:15px;font-weight:600;display:flex}.report-meta-item .material-symbols-outlined{color:#bcaaa4;font-size:17px}.report-detail-body{padding:28px}.report-detail-section{border-bottom:1px solid #eee;padding:18px 0}.report-detail-section:last-child{border-bottom:none}.report-detail-section h4{color:#1a1a2e;margin-bottom:7px;font-size:17px;font-weight:800}.report-detail-section p{color:#64748b;white-space:pre-wrap;font-size:16px;font-weight:500;line-height:1.7}.report-detail-evals{gap:9px;margin-top:12px;display:grid}.report-detail-eval{color:#5d4037;justify-content:space-between;gap:9px;font-size:15px;display:flex}.report-detail-actions{border-top:1px solid #eee;justify-content:flex-end;padding:18px 28px;display:flex}@media (width<=700px){.cert-inner{padding:46px 28px 41px}.cert-title{font-size:28px}.cert-quote{font-size:18px}}.site-footer p{color:#ffffff2e;letter-spacing:.06em;font-family:Inter,sans-serif;font-size:13px;font-weight:600;line-height:2.2}.landing-nav-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center}#landingNavSession.nav-info{max-width:min(100%,560px)}.landing-nav-class-token{text-overflow:ellipsis;white-space:nowrap;vertical-align:bottom;max-width:min(42vw,220px);overflow:hidden}@media (width<=700px){#landingNavSession.nav-info{flex-wrap:wrap;justify-content:flex-end;row-gap:8px;padding:8px 12px}.landing-nav-class-token{max-width:min(55vw,180px)}}.act-section-inner{max-width:1380px;margin:0 auto;padding:0 23px}.act-section-header{text-align:center;margin-bottom:69px}.act-label{color:#ff6b35;letter-spacing:.15em;text-transform:uppercase;margin-bottom:16px;font-size:16px;font-weight:700}.act-title{color:#1a1a2e;letter-spacing:-.02em;font-size:clamp(35px,5.18vw,55px);font-weight:800;line-height:1.3}.act-grid{grid-template-columns:repeat(3,1fr);gap:37px;display:grid}.act-card-story{transition-delay:.1s}.act-card-game{transition-delay:.2s}.act-card-report{transition-delay:.3s}.act-card-story .card-glow{background:#ff9800}.act-card-game .card-glow{background:#e53935}.act-card-report .card-glow{background:#43a047}.act-card-story .icon-wrap{color:#e65100;background:linear-gradient(135deg,#fff3e0,#ffe0b2)}.act-card-game .icon-wrap{color:#c62828;background:linear-gradient(135deg,#ffebee,#ffcdd2)}.act-card-report .icon-wrap{color:#2e7d32;background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.tag-story{color:#e65100;background:#fff3e0}.tag-game-ai{color:#c62828;background:#ffebee;margin:0}.tag-game-multi{color:#1565c0;background:#e3f2fd;margin:0}.tag-report{color:#2e7d32;background:#e8f5e9}.tag .material-symbols-outlined{font-size:18px}.act-card-game-tags{flex-wrap:wrap;gap:9px;margin-top:21px;display:flex}.cta-section-label{color:#94a3b8;letter-spacing:.1em;text-transform:uppercase;margin-bottom:14px;font-size:16px;font-weight:700}.cta-section-title{color:#1a1a2e;letter-spacing:-.02em;font-size:clamp(30px,4.6vw,46px);font-weight:800}@media (width<=700px){.act-grid{grid-template-columns:1fr;max-width:530px;margin:0 auto}}@keyframes landingLicSpin{to{transform:rotate(360deg)}}.landing-lic-check-overlay{z-index:400;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#fafaf8d1;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex;position:fixed;inset:0}.landing-lic-check-spinner{border:3px solid #2563eb;border-top-color:#0000;border-radius:50%;width:2.5rem;height:2.5rem;animation:1s linear infinite landingLicSpin}.landing-lic-check-label{color:#475569;margin:0;font-size:15px;font-weight:600}.landing-lic-dialog-root{z-index:430;box-sizing:border-box;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.landing-lic-dialog-backdrop{cursor:pointer;background:#0f172a73;border:none;margin:0;padding:0;position:absolute;inset:0}.landing-lic-dialog{z-index:1;text-align:center;box-sizing:border-box;background:#fff;border-radius:16px;width:100%;max-width:400px;padding:28px 28px 26px;position:relative;box-shadow:0 25px 50px -12px #0003,0 0 0 1px #0000000f}.landing-lic-dialog-title{color:#1a1a2e;margin:0 0 12px;font-family:Paperlogy,sans-serif;font-size:20px;font-weight:800;line-height:1.35}.landing-lic-dialog-desc{color:#64748b;text-align:left;white-space:pre-line;word-break:keep-all;overflow-wrap:break-word;max-width:300px;margin:0 auto 14px;font-size:14px;font-weight:500;line-height:1.65}.landing-lic-dialog-console{color:#64748b;text-align:left;word-break:keep-all;overflow-wrap:break-word;max-width:300px;margin:0 auto 22px;font-size:13px;font-weight:500;line-height:1.65}.landing-lic-dialog-link{color:#2563eb;text-underline-offset:2px;font-weight:700;text-decoration:underline}.landing-lic-dialog-link:hover{color:#1d4ed8}.landing-lic-dialog-actions{width:100%;max-width:300px;margin:0 auto}.landing-lic-dialog-btn{font:inherit;cursor:pointer;box-sizing:border-box;color:#fff;background:#1a1a2e;border:none;border-radius:10px;width:100%;max-width:280px;min-height:46px;padding:12px 16px;font-size:15px;font-weight:700;transition:opacity .2s}.landing-lic-dialog-btn:hover{opacity:.92}@font-face{font-family:Paperlogy;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-5Medium.woff2)format("woff2");font-weight:500}@font-face{font-family:Paperlogy;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-6SemiBold.woff2)format("woff2");font-weight:600}@font-face{font-family:Paperlogy;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-7Bold.woff2)format("woff2");font-weight:700}@font-face{font-family:Paperlogy;src:url(https://fastly.jsdelivr.net/gh/projectnoonnu/2408-3@1.0/Paperlogy-8ExtraBold.woff2)format("woff2");font-weight:800}@font-face{font-family:NexonLv1Gothic;src:url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF.woff")format("woff");font-weight:400}@font-face{font-family:NexonLv1Gothic;src:url("https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_20-04@2.1/NEXON Lv1 Gothic OTF Bold.woff")format("woff");font-weight:700}*{box-sizing:border-box;margin:0;padding:0}body{color:#1a1a2e;background:#f8f9fa;font-family:Pretendard Variable,Pretendard,-apple-system,sans-serif;overflow-x:hidden}.font-paperlogy{font-family:Paperlogy,sans-serif}.font-suit{font-family:SUIT Variable,SUIT,sans-serif}.font-inter{font-family:Inter,sans-serif}.text-gradient-warm{background:linear-gradient(135deg,#ff6b35 0%,#e53935 50%,#d32f2f 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.top-nav{z-index:100;-webkit-backdrop-filter:blur(23px);background:#ffffffe0;border-bottom:1px solid #0000000f;justify-content:center;align-items:center;height:83px;transition:box-shadow .3s;display:flex;position:fixed;top:0;left:0;right:0}.top-nav.scrolled{box-shadow:0 2px 23px #0000000f}.nav-inner{justify-content:space-between;align-items:center;width:100%;max-width:1518px;padding:0 55px;display:flex}.nav-logo img{height:64px}.nav-buttons{gap:14px;display:flex}.nav-btn{cursor:pointer;letter-spacing:-.01em;border:none;border-radius:15px;padding:15px 32px;font-family:inherit;font-size:17px;font-weight:700;transition:all .3s}.nav-btn-story{color:#2e7d32;background:linear-gradient(#e8f5e9,#c8e6c9);box-shadow:0 2px #a5d6a7,inset 0 1px #ffffffb3}.nav-btn-story:hover{transform:translateY(-2px);box-shadow:0 5px #a5d6a7,0 7px 18px #2e7d321f}.nav-btn-teacher{color:#5d4037;background:linear-gradient(#f5ede6,#eae0d5);box-shadow:0 2px #d7ccc8,inset 0 1px #ffffffb3}.nav-btn-teacher:hover{transform:translateY(-2px);box-shadow:0 5px #d7ccc8,0 7px 18px #8d6e631f}.nav-btn-student{color:#c62828;background:linear-gradient(#ffdfda,#ffcec6);box-shadow:0 2px #ffab91,inset 0 1px #fff9}.nav-btn-student:hover{transform:translateY(-2px);box-shadow:0 5px #ffab91,0 7px 18px #e539351a}.hero-slider{margin-top:83px;transition:background .8s;position:relative;overflow:hidden}.hero-slider.hero-bg-0{background:linear-gradient(135deg,#fff2e0 0%,#ffd9a8 25%,#ffca8a 50%,#ffb86c 75%,#ffa54c 100%)}.hero-slider.hero-bg-1{background:linear-gradient(135deg,#e3f0ff 0%,#c2dbff 25%,#a8ccff 50%,#8fbdff 75%,#7ab0f5 100%)}.hero-slider.hero-bg-2{background:linear-gradient(135deg,#e8ffe8 0%,#c0edc0 25%,#a5dfa5 50%,#8bd48b 75%,#72c872 100%)}.slide{opacity:0;pointer-events:none;align-items:flex-start;transition:opacity .8s;display:flex;position:absolute;inset:0}.slide:first-child{position:relative}.slide.active{opacity:1;pointer-events:auto}.slide-bg{z-index:0;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.slide-deco{opacity:.12;pointer-events:none;border-radius:50%;position:absolute}.slide-1 .deco-1{filter:blur(115px);background:#ff9800;width:460px;height:460px;top:-138px;right:15%}.slide-1 .deco-2{filter:blur(81px);background:#ff5722;width:288px;height:288px;bottom:5%;right:5%}.slide-2 .deco-1{filter:blur(115px);background:#2196f3;width:460px;height:460px;top:-138px;right:10%}.slide-2 .deco-2{filter:blur(92px);background:#1976d2;width:345px;height:345px;bottom:0;left:10%}.slide-3 .deco-1{filter:blur(115px);background:#4caf50;width:402px;height:402px;top:-92px;left:15%}.slide-3 .deco-2{filter:blur(81px);background:#388e3c;width:288px;height:288px;bottom:10%;right:8%}.slide-content{z-index:10;align-items:flex-start;gap:55px;width:100%;max-width:1472px;margin:0 auto;padding:92px 69px 115px;display:flex;position:relative}.slide-text{flex:1.1;min-width:0}.slide-tag{letter-spacing:.06em;border-radius:115px;align-items:center;gap:7px;margin-bottom:32px;padding:8px 21px;font-size:15px;font-weight:700;display:inline-flex}.slide-1 .slide-tag{color:#e65100;background:#ff6b351a}.slide-2 .slide-tag{color:#1565c0;background:#2196f31a}.slide-3 .slide-tag{color:#2e7d32;background:#4caf501a}.slide-title{letter-spacing:-.03em;color:#1a1a2e;min-height:2.7em;margin-bottom:25px;font-size:clamp(37px,4.83vw,57px);font-weight:800;line-height:1.35}.slide-desc{color:#475569;max-width:575px;margin-bottom:41px;font-size:21px;font-weight:500;line-height:1.8}.slide-btn{color:#1a1a2e;cursor:pointer;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background:#ffffff80;border:2px solid #1a1a2e26;border-radius:16px;align-items:center;gap:12px;padding:17px 37px;font-family:inherit;font-size:17px;font-weight:700;transition:all .35s cubic-bezier(.22,1,.36,1);display:inline-flex}.slide-btn:hover{color:#fff;background:#1a1a2e;border-color:#1a1a2e;transform:translateY(-2px);box-shadow:0 9px 28px #0000001f}.slide-btn .material-symbols-outlined{font-size:21px;transition:transform .3s}.slide-btn:hover .material-symbols-outlined{transform:translate(3px)}.slide-visual{flex:1;justify-content:center;align-items:center;min-width:0;display:flex}.slide-visual img{object-fit:contain;filter:drop-shadow(0 28px 69px #0000001a);max-width:100%;max-height:598px}.slider-tabs-wrapper{z-index:20;background:0 0;width:100%;position:relative}.slider-tabs{background:0 0;max-width:1472px;margin:0 auto;display:flex}.slider-tab{cursor:pointer;text-align:left;-webkit-backdrop-filter:blur(7px);background:#ffffff80;border:none;flex:1;align-items:center;gap:21px;padding:25px 32px 23px;font-family:inherit;transition:all .4s;display:flex;position:relative}.slider-tab:not(:last-child){border-right:1px solid #ffffff40}.slider-tab:hover{background:#ffffffa6}.slider-tab.active{background:#ffffffd1;box-shadow:0 -2px 18px #00000008}.tab-icon{border-radius:15px;flex-shrink:0;justify-content:center;align-items:center;width:53px;height:53px;transition:all .3s;display:flex}.slider-tab:first-child .tab-icon{color:#e65100;background:#ff6b351a}.slider-tab:nth-child(2) .tab-icon{color:#1565c0;background:#2196f31a}.slider-tab:nth-child(3) .tab-icon{color:#2e7d32;background:#4caf501a}.tab-icon .material-symbols-outlined{font-size:28px}.tab-text{min-width:0}.tab-category{letter-spacing:.1em;text-transform:uppercase;margin-bottom:5px;font-family:NexonLv1Gothic,sans-serif;font-size:15px;font-weight:400}.slider-tab:first-child .tab-category{color:#e65100}.slider-tab:nth-child(2) .tab-category{color:#1565c0}.slider-tab:nth-child(3) .tab-category{color:#2e7d32}.tab-title{color:#1a1a2e;letter-spacing:-.01em;white-space:nowrap;text-overflow:ellipsis;font-family:NexonLv1Gothic,sans-serif;font-size:21px;font-weight:700;overflow:hidden}.tab-progress{background:0 0;height:3px;position:absolute;bottom:0;left:0;right:0}.tab-progress-fill{border-radius:2px;width:0%;height:100%;transition:none}.slider-tab:first-child .tab-progress-fill{background:linear-gradient(90deg,#ff6b35,#ff9800)}.slider-tab:nth-child(2) .tab-progress-fill{background:linear-gradient(90deg,#1976d2,#42a5f5)}.slider-tab:nth-child(3) .tab-progress-fill{background:linear-gradient(90deg,#388e3c,#66bb6a)}.slider-tab.active .tab-progress-fill{animation:progressFill var(--slide-duration) linear forwards}@keyframes progressFill{0%{width:0%}to{width:100%}}.activities-section{background:#fff;padding:115px 28px 69px}.activity-card{background:linear-gradient(168deg,#fff,#fafbff);border:1px solid #0000000a;border-radius:32px;padding:55px 44px 48px;transition:all .5s cubic-bezier(.25,1,.5,1);position:relative;overflow:hidden;box-shadow:0 1px 3px #00000005,0 9px 28px -5px #0000000a}.activity-card:hover{border-color:#ff6b351a;transform:translateY(-11px);box-shadow:0 5px 9px #00000005,0 32px 74px -9px #ff6b351a}.activity-card .card-glow{opacity:.05;border-radius:50%;width:150px;height:150px;transition:opacity .5s;position:absolute;top:-46px;right:-46px}.activity-card:hover .card-glow{opacity:.1}.activity-card .icon-wrap{border-radius:21px;justify-content:center;align-items:center;width:74px;height:74px;margin-bottom:25px;display:flex}.activity-card .icon-wrap .material-symbols-outlined{font-size:37px}.activity-card h3{color:#1a1a2e;margin-bottom:14px;font-size:28px;font-weight:800}.activity-card p{color:#64748b;font-size:18px;font-weight:500;line-height:1.75}.activity-card .tag{border-radius:12px;align-items:center;gap:6px;margin-top:21px;padding:7px 16px;font-size:15px;font-weight:700;display:inline-flex}.reveal-item{opacity:0;transition:opacity 1s cubic-bezier(.25,1,.5,1),transform 1s cubic-bezier(.25,1,.5,1);transform:translateY(46px)}.reveal-item.visible{opacity:1;transform:translateY(0)}.cta-section{background:linear-gradient(#fff9f5 0%,#fff3eb 100%);border-top:1px solid #ff6b350f;padding:92px 28px 115px}.cta-inner{text-align:center;max-width:920px;margin:0 auto}.cta-buttons{justify-content:center;gap:23px;margin-top:46px;display:flex}.cta-btn{cursor:pointer;border:none;border-radius:28px;align-items:center;gap:25px;min-width:368px;padding:37px 55px;font-family:inherit;transition:all .35s cubic-bezier(.22,1,.36,1);display:flex}.cta-btn .cta-icon{border-radius:23px;flex-shrink:0;justify-content:center;align-items:center;width:83px;height:83px;transition:transform .35s;display:flex}.cta-btn .cta-icon .material-symbols-outlined{font-size:41px}.cta-btn:hover .cta-icon{transform:scale(1.08)}.cta-btn .cta-text{text-align:left}.cta-btn .cta-label{font-size:28px;font-weight:800}.cta-btn .cta-sub{opacity:.5;margin-top:5px;font-size:17px;font-weight:500}.cta-btn-teacher{color:#4e342e;background:linear-gradient(#f5ede6,#e8ddd0);box-shadow:0 5px #d7ccc8,0 9px 28px #8d6e631f,inset 0 1px #ffffffb3}.cta-btn-teacher:hover{transform:translateY(-6px);box-shadow:0 9px #d7ccc8,0 18px 46px #8d6e632e}.cta-btn-teacher .cta-icon{color:#6d4c41;background:#8d6e631f}.cta-btn-student{color:#b71c1c;background:linear-gradient(#ffdfda,#ffcec6);box-shadow:0 5px #ffab91,0 9px 28px #e539351a,inset 0 1px #fff9}.cta-btn-student:hover{transform:translateY(-6px);box-shadow:0 9px #ffab91,0 18px 46px #e5393529}.cta-btn-student .cta-icon{color:#e53935;background:#e539351a}.site-footer{text-align:center;background:linear-gradient(#0f172a,#1e293b);padding:32px 28px 37px}.footer-copy{color:#fff3;letter-spacing:.06em;font-size:14px;font-weight:600;line-height:1.9}.footer-copy span{display:block}html{scrollbar-gutter:stable}#landingPage{transition:opacity .6s}body.modal-open #landingPage{opacity:.5;pointer-events:none}.blur-overlay{z-index:999;-webkit-backdrop-filter:blur();pointer-events:none;transition:-webkit-backdrop-filter .6s,backdrop-filter .6s;position:fixed;inset:0}body.modal-open .blur-overlay{-webkit-backdrop-filter:blur(14px)}.modal-overlay{z-index:1000;opacity:0;pointer-events:none;justify-content:center;align-items:center;transition:opacity .6s;display:flex;position:fixed;inset:0}.modal-overlay.active{opacity:1;pointer-events:auto}.modal-backdrop{background:0 0;transition:background .6s;position:absolute;inset:0}.modal-overlay.teacher-modal.active .modal-backdrop{background:#5d403733}.modal-overlay.student-modal.active .modal-backdrop{background:#e539351a}.modal-content{z-index:10;opacity:0;width:100%;max-width:644px;padding:0 23px;transition:transform .6s cubic-bezier(.22,1,.36,1),opacity .5s;position:relative;transform:translateY(23px)scale(.97)}.modal-overlay.active .modal-content{opacity:1;transform:translateY(0)scale(1)}.auth-card{-webkit-backdrop-filter:blur(28px);backdrop-filter:blur(28px);background:#fffffff5;border-radius:32px;padding:60px 55px 55px;box-shadow:0 35px 92px -17px #0000001f,0 0 0 1px #fffc}.card-header{text-align:center;margin-bottom:39px}.card-header .card-icon{border-radius:25px;justify-content:center;align-items:center;width:83px;height:83px;margin:0 auto 21px;display:flex}.card-header .card-icon .material-symbols-outlined{font-size:39px}.teacher-modal .card-icon{color:#6d4c41;background:linear-gradient(135deg,#f5ede6,#eae0d5)}.student-modal .card-icon{color:#e53935;background:linear-gradient(135deg,#ffe8e5,#ffcec6)}.card-header h2{letter-spacing:-.02em;font-size:32px;font-weight:800}.teacher-modal .card-header h2{color:#4e342e}.student-modal .card-header h2{color:#c62828}.card-header p{margin-top:9px;font-size:17px;font-weight:500}.teacher-modal .card-header p{color:#a1887f}.student-modal .card-header p{color:#ef9a9a}.input-wrap{border:2px solid;border-radius:18px;margin-bottom:16px;padding:5px;transition:all .25s}.teacher-modal .input-wrap{background:#f5ede64d;border-color:#e8ddd0}.teacher-modal .input-wrap:focus-within{background:#f5ede680;border-color:#a1887f;box-shadow:0 0 0 5px #8d6e630f}.student-modal .input-wrap{background:#ffebee4d;border-color:#ffcdd2}.student-modal .input-wrap:focus-within{background:#ffebee80;border-color:#ef9a9a;box-shadow:0 0 0 5px #ef53500f}.input-wrap label{text-transform:uppercase;letter-spacing:.1em;padding:12px 16px 0;font-size:13px;font-weight:700;display:block}.teacher-modal .input-wrap label{color:#8d6e63}.student-modal .input-wrap label{color:#e57373}.input-wrap input{background:0 0;border:none;outline:none;width:100%;padding:9px 16px 14px;font-family:inherit;font-size:21px;font-weight:600}.teacher-modal .input-wrap input{color:#3e2723}.teacher-modal .input-wrap input::placeholder{color:#bcaaa4}.student-modal .input-wrap input{color:#b71c1c}.student-modal .input-wrap input::placeholder{color:#ef9a9a}.form-buttons{gap:14px;margin-top:30px;display:flex}.form-btn{cursor:pointer;border:none;border-radius:16px;padding:20px 28px;font-family:inherit;font-size:18px;font-weight:700;transition:all .3s cubic-bezier(.22,1,.36,1)}.form-btn-secondary{flex:1}.form-btn-primary{flex:2}.teacher-modal .form-btn-secondary{color:#6d4c41;background:linear-gradient(#f5ede6,#eae0d5);box-shadow:0 2px #d7ccc8,inset 0 1px #fffc}.teacher-modal .form-btn-secondary:hover{transform:translateY(-2px);box-shadow:0 3px #d7ccc8,0 7px 18px #8d6e631f}.teacher-modal .form-btn-primary{color:#fff;background:linear-gradient(#bcaaa4,#a1887f);box-shadow:0 2px #8d6e63,0 5px 14px #8d6e6326,inset 0 1px #ffffff40}.teacher-modal .form-btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px #8d6e63,0 9px 28px #8d6e6338}.student-modal .form-btn-secondary{color:#c62828;background:linear-gradient(#ffe8e5,#ffddd8);box-shadow:0 2px #ffccbc,inset 0 1px #ffffffb3}.student-modal .form-btn-secondary:hover{transform:translateY(-2px);box-shadow:0 3px #ffccbc,0 7px 18px #e539351a}.student-modal .form-btn-primary{color:#fff;background:linear-gradient(#ff8a80,#ef5350);box-shadow:0 2px #e53935,0 5px 14px #e5393526,inset 0 1px #fff3}.student-modal .form-btn-primary:hover{transform:translateY(-2px);box-shadow:0 5px #e53935,0 9px 28px #e5393538}.card-help{text-align:center;margin-top:21px;font-size:15px;font-weight:600}.teacher-modal .card-help{color:#a1887f}.teacher-modal .card-help span{color:#6d4c41;text-underline-offset:2px;cursor:pointer;text-decoration:underline}.student-modal .card-help{color:#ef9a9a}.student-modal .card-help span{color:#ef5350;text-underline-offset:2px;cursor:pointer;text-decoration:underline}.guide-modal .modal-backdrop{background:#0f172a59}.guide-card{background:#fffffffa;border-radius:30px;padding:41px 39px 32px;box-shadow:0 35px 92px -17px #0f172a40,0 0 0 1px #ffffffe6}.guide-header{text-align:center;margin-bottom:25px}.guide-icon{color:#e65100;background:linear-gradient(135deg,#fff3e0,#ffe0b2);border-radius:21px;justify-content:center;align-items:center;width:74px;height:74px;margin:0 auto 16px;display:flex}.guide-icon .material-symbols-outlined{font-size:37px}.guide-title{color:#1e293b;font-size:25px;font-weight:800}.guide-sub{color:#64748b;margin-top:7px;font-size:15px;font-weight:600}.guide-steps{flex-direction:column;gap:14px;margin-top:21px;display:flex}.guide-step{background:#f8fafc;border:1px solid #0f172a0f;border-radius:16px;align-items:flex-start;gap:14px;padding:14px 16px;display:flex}.step-num{color:#c2410c;background:#ffe8d5;border-radius:1149px;flex-shrink:0;justify-content:center;align-items:center;width:30px;height:30px;margin-top:1px;font-size:14px;font-weight:800;display:flex}.step-text{color:#334155;font-size:16px;font-weight:600;line-height:1.5}.guide-actions{justify-content:center;margin-top:25px;display:flex}.guide-btn{color:#fff;cursor:pointer;background:#1e293b;border:none;border-radius:14px;padding:14px 32px;font-size:16px;font-weight:700;transition:all .25s}.guide-btn:hover{transform:translateY(-1px);box-shadow:0 9px 21px #0f172a33}.back-btn{-webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);color:#503c2899;cursor:pointer;background:#ffffff40;border:none;border-radius:115px;justify-content:center;align-items:center;gap:9px;margin:28px auto 0;padding:14px 32px;font-family:inherit;font-size:15px;font-weight:700;transition:all .3s;display:flex}.back-btn:hover{color:#1a1a2e;background:#ffffff73}.student-modal .back-btn{color:#b4282880}.student-modal .back-btn:hover{color:#c62828}.hub-container{z-index:10;flex-direction:column;min-height:100vh;display:none;position:relative}.hub-container.active{display:flex}.hub-header{z-index:50;background:#fff;border-bottom:1px solid #f0e6dc;justify-content:space-between;align-items:center;padding:18px 28px;display:flex;position:sticky;top:0}.hub-header img{height:41px}.hub-user-info{align-items:center;gap:12px;display:flex}.hub-badge{border-radius:115px;align-items:center;gap:7px;padding:7px 16px;font-size:14px;font-weight:700;display:flex}.hub-badge-code{color:#8b7355;background:#f5f0eb}.hub-badge-teacher{color:#5d4037;background:#efebe9}.hub-badge-student{color:#e65100;background:#fff3e0}.hub-main{flex:1;width:100%;max-width:1104px;margin:0 auto;padding:46px 28px 69px}.hub-welcome{margin-bottom:41px}.hub-welcome h1{color:#1a1a2e;margin-bottom:7px;font-size:32px;font-weight:800}.hub-welcome p{color:#94a3b8;font-size:17px;font-weight:500}.hub-grid{grid-template-columns:repeat(3,1fr);gap:23px;display:grid}.hub-card{cursor:pointer;background:#fff;border:1px solid #f0e6dc;border-radius:25px;padding:37px 28px 32px;transition:all .4s cubic-bezier(.22,1,.5,1);position:relative;overflow:hidden}.hub-card:after{content:"";border-radius:0 0 25px 25px;height:5px;transition:height .4s;position:absolute;bottom:0;left:0;right:0}.hub-card:first-child:after{background:linear-gradient(90deg,#ff9800,#ffb74d)}.hub-card:nth-child(2):after{background:linear-gradient(90deg,#ef5350,#ff8a65)}.hub-card:nth-child(3):after{background:linear-gradient(90deg,#43a047,#81c784)}.hub-card:hover{border-color:#0000;transform:translateY(-7px);box-shadow:0 18px 46px #00000014}.hub-card:hover:after{height:7px}.hub-card-icon{border-radius:18px;justify-content:center;align-items:center;width:64px;height:64px;margin-bottom:21px;display:flex}.hub-card:first-child .hub-card-icon{background:linear-gradient(135deg,#fff3e0,#ffe0b2)}.hub-card:nth-child(2) .hub-card-icon{background:linear-gradient(135deg,#ffebee,#ffcdd2)}.hub-card:nth-child(3) .hub-card-icon{background:linear-gradient(135deg,#e8f5e9,#c8e6c9)}.hub-card h3{color:#1a1a2e;margin-bottom:9px;font-size:21px;font-weight:800}.hub-card p{color:#94a3b8;font-size:15px;font-weight:500;line-height:1.6}.hub-card-arrow{color:#d0c4b8;transition:all .3s;position:absolute;top:32px;right:28px}.hub-card:hover .hub-card-arrow{color:#ff8a65;transform:translate(5px)}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-9px)}50%{transform:translate(9px)}75%{transform:translate(-5px)}}@media (hover:hover){.activity-card:hover{border-color:#ff6b351a;transform:translateY(-11px);box-shadow:0 5px 9px #00000005,0 32px 74px -9px #ff6b351a}.hub-card:hover{border-color:#0000;transform:translateY(-7px);box-shadow:0 18px 46px #00000014}.hub-card:hover:after{height:7px}.hub-card:hover .hub-card-arrow{color:#ff8a65;transform:translate(5px)}.cta-btn-teacher:hover{transform:translateY(-6px);box-shadow:0 9px #d7ccc8,0 18px 46px #8d6e632e}.cta-btn-student:hover{transform:translateY(-6px);box-shadow:0 9px #ffab91,0 18px 46px #e5393529}}@media (hover:none){.activity-card:active{transform:scale(.98);box-shadow:0 2px 9px #0000000f}.hub-card:active{transform:scale(.97);box-shadow:0 5px 18px #00000014}.hub-card:active:after{height:7px}.cta-btn:active{transform:translateY(-2px)}.slider-tab:active{background:#ffffffbf}.nav-btn:active,.slide-btn:active{transform:scale(.96)}}@media (width<=1140px){.nav-inner{padding:0 37px}.slide-content{gap:41px;padding:69px 46px 92px}.slide-title{font-size:clamp(32px,4.37vw,51px)}.slide-desc{font-size:18px}.slide-visual img{max-height:483px}.tab-icon{width:46px;height:46px}.tab-title{font-size:18px}.slider-tab{gap:16px;padding:21px 25px}.cta-btn{min-width:322px;padding:32px 41px}.cta-btn .cta-label{font-size:24px}.hub-grid{gap:18px}.hub-card{padding:32px 25px 28px}}@media (width<=900px){.slide-content{text-align:center;flex-direction:column;gap:37px;padding:55px 37px 69px}.slide-desc{max-width:100%;margin-left:auto;margin-right:auto}.slide-visual img{max-height:345px}.cta-buttons{flex-direction:column;max-width:483px;margin-left:auto;margin-right:auto}.cta-btn{width:100%;min-width:auto;padding:28px 37px}.nav-inner{padding:0 28px}.slider-tabs{flex-direction:column}.slider-tab:not(:last-child){border-bottom:1px solid #0000000a;border-right:none}.hub-grid{grid-template-columns:repeat(3,1fr)}}@media (width<=700px){.top-nav{height:69px}.nav-logo img{height:46px}.nav-btn{border-radius:13px;min-height:51px;padding:12px 21px;font-size:15px}.slide-title{font-size:32px}.slide-content{padding:41px 28px 55px}.act-grid{max-width:529px;margin:0 auto;grid-template-columns:1fr!important}.hub-grid{grid-template-columns:1fr;max-width:460px;margin:0 auto}.hub-card{border-radius:21px;padding:28px 23px 25px}.hub-card h3{font-size:20px}.auth-card{padding:46px 32px 41px}.hub-header{flex-direction:column;align-items:flex-start;gap:12px}.tab-title{font-size:16px}.tab-category{font-size:13px}.tab-icon{width:44px;height:44px}.slider-tab{gap:14px;min-height:64px;padding:18px 21px}.cta-btn{border-radius:23px;padding:25px 32px}.cta-btn .cta-icon{width:69px;height:69px}.cta-btn .cta-label{font-size:23px}.activities-section{padding:69px 23px 46px}.form-btn{min-height:55px}.input-wrap input{font-size:18px}}@media (width<=480px){.modal-content{padding:0 14px}.auth-card{padding:37px 25px 32px}}