:root{color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{width:100%;height:100%;scrollbar-gutter:stable}body{width:100%;min-height:100%;margin:0;background:#edf2f8;color:#162133;line-height:1.5;font-size:16px;overflow-x:hidden;overflow-y:scroll;font-family:Pretendard Variable,Pretendard,SUIT Variable,SUIT,-apple-system,BlinkMacSystemFont,Apple SD Gothic Neo,Noto Sans KR,Malgun Gothic,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{min-height:100vh;width:100%}button,input,textarea,select{font:inherit;line-height:1.2}:root{--bg: #edf2f8;--card: #ffffff;--space-1: 8px;--space-2: 12px;--space-3: 16px;--space-4: 24px;--space-5: 32px;--quiz-bank-row-reserved-height: 540px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--text: #162133;--sub: #5f6e83;--muted: #8b97aa;--border: rgba(17, 29, 49, .14);--border-strong: rgba(17, 29, 49, .24);--border-soft: rgba(17, 29, 49, .1);--border-frame: rgba(17, 29, 49, .28);--border-panel: rgba(17, 29, 49, .18);--border-item: rgba(17, 29, 49, .12);--border-control: rgba(17, 29, 49, .16);--border-a-width: 2px;--border-a-color: rgba(17, 29, 49, .24);--brand: #3558d6;--brand-weak: rgba(53, 88, 214, .1);--brand-border: rgba(53, 88, 214, .3);--brand-deep: #2744ab;--action: #ffd52b;--action-hover: #ffdc45;--action-bright: #ffe27a;--action-deep: #ddb000;--action-weak: rgba(255, 213, 43, .18);--action-border: #efc200;--action-border-hover: #d9ad00;--action-edge: inset 0 0 0 1px rgba(255, 255, 255, .34);--action-text: #3a2b00;--accent: #0f766e;--accent-weak: rgba(15, 118, 110, .1);--accent-border: rgba(15, 118, 110, .3);--card-border-soft: rgba(17, 29, 49, .16);--card-surface: linear-gradient(180deg, rgba(255,255,255,.99), rgba(247,250,253,.96));--card-surface-quiet: linear-gradient(180deg, rgba(255,255,255,.98), rgba(249,251,254,.97));--card-shadow-soft: 0 18px 36px rgba(15, 24, 42, .05), 0 5px 14px rgba(15, 24, 42, .03);--card-inset-highlight: inset 0 1px 0 rgba(255, 255, 255, .82);--warn: #f59e0b;--warn-weak: rgba(245, 158, 11, .12);--warn-border: rgba(245, 158, 11, .26);--danger: #ef4444;--danger-weak: rgba(239, 68, 68, .1);--danger-border: rgba(239, 68, 68, .31);--shadow-soft: 0 14px 30px rgba(15, 24, 42, .07), 0 4px 10px rgba(15, 24, 42, .04);--shadow-raise: 0 22px 44px rgba(15, 24, 42, .1), 0 8px 20px rgba(15, 24, 42, .06);--weight-title: 800;--weight-ui: 700;--weight-label: 700;--r-lg: var(--radius-lg);--r-md: var(--radius-md)}.landing-page{position:relative;width:min(1480px,100%);margin:0 auto;padding:0 clamp(24px,4.2vw,64px) 48px;overflow:hidden}.landing-page:before{content:"";position:absolute;z-index:0;top:-280px;right:-210px;width:780px;height:780px;border-radius:50%;background:radial-gradient(circle,#4c6fe61f,#4c6fe600 68%);pointer-events:none}.landing-hero,.landing-steps{position:relative;z-index:1}.landing-hero{min-height:670px;padding:clamp(54px,7vw,94px) 0 46px;display:grid;grid-template-columns:minmax(400px,.86fr) minmax(610px,1.14fr);gap:clamp(32px,4vw,68px);align-items:center}.landing-hero-copy{min-width:0}.landing-hero-kicker{display:inline-flex;align-items:center;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(53,88,214,.18);background:#ffffffb8;color:var(--brand-deep);font-size:12px;font-weight:900;letter-spacing:.12em;box-shadow:inset 0 1px #ffffffe0}.landing-hero h1{max-width:720px;margin:20px 0 0;color:#101a2d;font-size:clamp(48px,4.35vw,68px);line-height:1.13;letter-spacing:-.055em;font-weight:900;word-break:keep-all}.landing-hero h1 span{display:block;color:var(--brand)}.landing-hero-description{margin:24px 0 0;color:#536279;font-size:clamp(17px,1.35vw,20px);line-height:1.72;font-weight:650;letter-spacing:-.025em;word-break:keep-all}.landing-hero-actions{margin-top:32px;display:flex;align-items:center;gap:18px;flex-wrap:wrap}.landing-primary-action,.landing-secondary-action{min-height:58px;border-radius:17px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-size:16px;font-weight:900;letter-spacing:-.025em;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease}.landing-primary-action{appearance:none;min-width:206px;padding:0 22px;border:1px solid var(--action-border);background:var(--action);color:var(--action-text);box-shadow:var(--action-edge),0 12px 24px #b68b002e}.landing-primary-action:hover{transform:translateY(-2px);border-color:var(--action-border-hover);background:var(--action-hover);box-shadow:var(--action-edge),0 16px 30px #b68b0038}.landing-primary-action.is-disabled{cursor:wait;opacity:.68;box-shadow:var(--action-edge)}.landing-primary-action.is-disabled:hover{transform:none}.landing-secondary-action{min-width:172px;padding:0 4px;color:#3c4b62}.landing-secondary-action:hover{color:var(--brand-deep);transform:translate(2px)}.landing-primary-action svg,.landing-secondary-action svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.landing-primary-action:focus-visible,.landing-secondary-action:focus-visible,.brand-link:focus-visible,.topnav-link:focus-visible,.header-side-link:focus-visible{outline:3px solid rgba(53,88,214,.32);outline-offset:3px}.landing-app-note{max-width:530px;min-height:78px;margin-top:32px;padding:14px 16px;border:1px solid rgba(53,88,214,.14);border-radius:18px;background:#ffffffb3;display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:13px;align-items:center;box-shadow:inset 0 1px #ffffffe6,0 14px 32px #2132560b;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.landing-app-note-icon,.landing-app-visual-icon{display:inline-flex;align-items:center;justify-content:center;color:var(--brand);background:#3558d61a;flex:0 0 auto}.landing-app-note-icon{width:44px;height:44px;border-radius:14px}.landing-app-note-icon svg,.landing-app-visual-icon svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.landing-app-note-copy{min-width:0;display:grid;gap:3px}.landing-app-note-copy strong{color:#243149;font-size:14px;font-weight:900;letter-spacing:-.025em;word-break:keep-all}.landing-app-note-copy span{color:#6a788c;font-size:12px;line-height:1.45;font-weight:650;word-break:keep-all}.landing-app-note-badge{min-height:28px;padding:0 10px;border-radius:999px;background:#e8edff;color:#3558d6;display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:950;letter-spacing:.08em;white-space:nowrap}.landing-showcase{position:relative;min-width:0;min-height:540px;isolation:isolate}.landing-showcase:before{content:"";position:absolute;z-index:-2;inset:52px 20px 40px 40px;border:1px solid rgba(53,88,214,.07);border-radius:44% 56% 48% 52%/50% 43% 57% 50%;background:linear-gradient(145deg,#ffffff8f,#e2eafc75);transform:rotate(-3deg)}.landing-flow-lines{position:absolute;z-index:-1;inset:8px 0 0;width:100%;height:520px;overflow:hidden}.landing-flow-lines path{fill:none;stroke:#4661ab47;stroke-width:2;stroke-dasharray:7 8}.landing-flow-lines circle{fill:#fff;stroke:#3558d685;stroke-width:2}.landing-flow-card{position:absolute;overflow:hidden;border:1px solid rgba(24,38,64,.12);border-radius:20px;background:#fffffff2;color:#18243a;box-shadow:0 22px 48px #1b2a4b1c,0 6px 16px #1b2a4b0d,inset 0 1px #ffffffe6}.landing-flow-quiz{top:28px;left:0;width:min(290px,43%);padding:18px;transform:rotate(-2deg)}.landing-flow-card-head{display:flex;align-items:center;justify-content:space-between;gap:12px;color:#202c43;font-size:16px;font-weight:900}.landing-flow-pill{min-width:32px;min-height:24px;padding:0 7px;border-radius:8px;background:#3558d61a;color:var(--brand);display:inline-flex;align-items:center;justify-content:center;font-size:10px;font-weight:950}.landing-flow-quiz>p{margin:18px 0 16px;min-height:48px;color:#334159;font-size:14px;line-height:1.55;font-weight:800;letter-spacing:-.025em;word-break:keep-all}.landing-answer-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.landing-answer-list span{min-height:44px;border:1px solid rgba(17,29,49,.11);border-radius:12px;background:#f7f9fc;display:flex;align-items:center;justify-content:center;gap:8px;font-size:15px;font-weight:900}.landing-answer-list span.is-selected{border-color:#3558d647;background:#3558d614;color:var(--brand-deep)}.landing-answer-list i{width:11px;height:11px;border:2px solid #a1acbb;border-radius:50%}.landing-answer-list .is-selected i{border:3px solid var(--brand);box-shadow:0 0 0 2px #3558d61f}.landing-flow-invite{top:8px;right:1%;width:min(210px,32%);padding:16px;display:grid;justify-items:center;gap:9px;transform:rotate(2.5deg)}.landing-flow-card-kicker{color:#66758b;font-size:10px;font-weight:900;letter-spacing:.08em}.landing-qr-pattern{width:90px;height:90px;border:1px solid rgba(17,29,49,.11);border-radius:11px;box-shadow:0 8px 18px #0f182a12}.landing-code-preview{width:100%;min-height:34px;padding:0 8px;border-radius:9px;background:#f0f3f9;display:flex;align-items:center;justify-content:center;color:#273750;font-size:13px;font-weight:950;letter-spacing:.09em}.landing-flow-invite small{color:#8a96a7;font-size:9px;font-weight:700}.landing-flow-stats{left:10%;bottom:20px;width:min(390px,58%);padding:18px 20px 20px;transform:rotate(1deg)}.landing-live-label{display:inline-flex;align-items:center;gap:6px;color:#0f766e;font-size:10px;font-weight:900}.landing-live-label i{width:7px;height:7px;border-radius:50%;background:#20a997;box-shadow:0 0 0 4px #20a9971c}.landing-stat-row{margin-top:17px;display:grid;grid-template-columns:20px minmax(70px,1fr) 38px 34px;gap:9px;align-items:center}.landing-stat-row strong,.landing-stat-row b{font-size:12px;font-weight:900}.landing-stat-row b{text-align:right}.landing-stat-row small{color:#7a8799;font-size:10px;font-weight:750;text-align:right}.landing-stat-track{height:10px;overflow:hidden;border-radius:999px;background:#edf1f6}.landing-stat-track i{height:100%;border-radius:inherit;display:block;background:linear-gradient(90deg,#4e6dde,#6e88e9)}.landing-stat-row:nth-child(3) .landing-stat-track i{background:#b8c3d7}.landing-flow-app{right:0;bottom:2px;width:min(278px,41%);padding:17px;display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;align-items:center;transform:rotate(-2deg)}.landing-app-visual-icon{width:48px;height:48px;border-radius:15px}.landing-flow-app strong{display:block;margin-top:4px;color:#243149;font-size:13px;line-height:1.35;font-weight:900;letter-spacing:-.025em;word-break:keep-all}.landing-flow-app p{margin:5px 0 0;color:#728095;font-size:10px;line-height:1.5;font-weight:650;word-break:keep-all}.landing-steps{min-height:190px;padding:30px 34px;border:1px solid rgba(17,29,49,.1);border-radius:28px;background:#ffffffd1;display:grid;grid-template-columns:minmax(210px,.72fr) minmax(0,2.28fr);gap:40px;align-items:center;box-shadow:0 18px 44px #1a27420e,inset 0 1px #ffffffeb}.landing-steps-heading span{color:var(--brand);font-size:12px;font-weight:900;letter-spacing:.08em}.landing-steps-heading h2{margin:8px 0 0;color:#18243a;font-size:clamp(24px,2vw,30px);line-height:1.3;letter-spacing:-.045em;font-weight:900;word-break:keep-all}.landing-step-list{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:28px}.landing-step-list li{min-width:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:13px;align-items:start}.landing-step-icon{width:46px;height:46px;border-radius:15px;background:#3558d617;color:var(--brand);display:flex;align-items:center;justify-content:center}.landing-step-icon.is-people{background:#0f766e17;color:#0f766e}.landing-step-icon.is-chart{background:#f59e0b1c;color:#b66b02}.landing-step-icon svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.landing-step-list strong{display:block;margin-top:1px;color:#27344a;font-size:15px;font-weight:900;letter-spacing:-.025em}.landing-step-list p{margin:7px 0 0;color:#718095;font-size:12px;line-height:1.58;font-weight:650;letter-spacing:-.015em;word-break:keep-all}@media(max-width:1180px){.landing-page{padding-inline:32px}.landing-hero{grid-template-columns:minmax(360px,.82fr) minmax(540px,1.18fr);gap:24px}.landing-hero h1{font-size:clamp(44px,4.5vw,58px)}.landing-flow-stats{left:3%}.landing-flow-app{width:min(250px,43%)}.landing-steps{grid-template-columns:200px minmax(0,1fr);gap:26px}.landing-step-list{gap:18px}}@media(max-width:1080px){.app-shell-header-inner{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px}.topnav{width:auto;justify-self:center;overflow:visible}.header-right{grid-column:3;justify-self:end;justify-content:flex-end;flex-wrap:nowrap}.landing-page{padding-inline:clamp(24px,5vw,48px)}.landing-hero{min-height:0;padding-top:64px;grid-template-columns:1fr;gap:28px}.landing-hero-copy{max-width:760px}.landing-hero h1{max-width:740px;font-size:clamp(48px,7vw,64px)}.landing-showcase{width:min(760px,100%);min-height:510px;margin:0 auto}.landing-showcase:before{inset:40px 34px 34px}.landing-flow-lines{height:490px}.landing-flow-quiz{left:3%}.landing-flow-invite{right:4%}.landing-flow-stats{left:14%}.landing-flow-app{right:2%}.landing-steps{grid-template-columns:1fr;gap:26px}}@media(max-width:700px){.app-shell-header-inner{min-height:0;padding:11px 18px 10px;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px}.brand-link{grid-column:1;grid-row:1;justify-self:start}.header-right{grid-column:2;grid-row:1}.topnav{grid-column:1 / -1;grid-row:2;width:100%;justify-self:stretch;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.topnav::-webkit-scrollbar{display:none}.topnav-link{min-height:40px}.landing-page{padding-inline:20px;padding-bottom:32px}.landing-page:before{top:-260px;right:-390px}.landing-hero{padding-top:48px;padding-bottom:30px}.landing-hero h1{margin-top:17px;font-size:clamp(39px,10.4vw,52px);line-height:1.14}.landing-hero-description{margin-top:20px;font-size:17px}.landing-hero-actions{margin-top:27px}.landing-app-note{margin-top:26px}.landing-steps{padding:26px}.landing-step-list{grid-template-columns:1fr;gap:22px}}@media(max-width:580px){.landing-hero-description br{display:none}.landing-hero-actions{align-items:stretch;gap:10px}.landing-primary-action{width:100%}.landing-secondary-action{min-height:48px;margin:0 auto}.landing-app-note{grid-template-columns:auto minmax(0,1fr)}.landing-app-note-badge{grid-column:2;justify-self:start}.landing-showcase{min-height:0;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.82fr);gap:12px}.landing-showcase:before,.landing-flow-lines{display:none}.landing-flow-card{position:static;width:auto;min-width:0;transform:none;border-radius:17px;box-shadow:0 12px 28px #1b2a4b14,inset 0 1px #ffffffe6}.landing-flow-quiz{padding:15px}.landing-flow-quiz>p{margin-block:14px;min-height:65px;font-size:12px}.landing-answer-list span{min-height:39px}.landing-flow-invite{padding:14px 12px}.landing-qr-pattern{width:74px;height:74px}.landing-code-preview{font-size:11px;letter-spacing:.04em}.landing-flow-stats,.landing-flow-app{grid-column:1 / -1}.landing-flow-stats{padding:17px}.landing-flow-app{width:auto}}@media(max-width:420px){.brand,.brand-logo-image{width:116px;height:36px}.header-side-link{min-height:40px;padding-inline:11px}.topnav{gap:4px}.topnav-link{padding-inline:9px;font-size:13px}.landing-page{padding-inline:16px}.landing-hero{padding-top:38px}.landing-hero h1{font-size:clamp(34px,10.5vw,44px)}.landing-app-note{padding:13px}.landing-app-note-icon{width:40px;height:40px}.landing-steps{padding:23px 20px;border-radius:22px}}@media(max-width:340px){.landing-showcase{grid-template-columns:1fr}.landing-flow-stats,.landing-flow-app{grid-column:1}}@media(prefers-reduced-motion:reduce){.landing-primary-action,.landing-secondary-action,.brand-link,.topnav-link,.header-side-link{transition:none}}a{color:inherit;text-decoration:none}textarea{resize:vertical}.app-shell{min-height:100vh;display:grid;grid-template-rows:auto 1fr auto;background:var(--bg)}.app-shell-main{width:100%;min-height:0;display:flex;align-items:flex-start;justify-content:center}.app-shell-header{position:sticky;top:0;z-index:20;-webkit-backdrop-filter:none;backdrop-filter:none;background:#fff;border-bottom:1px solid var(--border-soft);box-shadow:0 8px 24px #0f172a09}.app-shell-header-inner{width:min(1480px,100%);margin:0 auto;padding:16px;display:grid;grid-template-columns:auto 1fr auto;gap:24px;align-items:center;position:relative}@media(max-width:980px){.app-shell-header-inner{grid-template-columns:1fr;align-items:start;gap:12px}}.app-shell-footer{width:100%;margin:24px 0 0;padding:14px 16px 16px;background:#fff;border-top:1px solid rgba(17,29,49,.1);box-shadow:inset 0 1px #ffffffd1}.footer-company-summary{width:min(1480px,100%);margin:0 auto;display:grid;gap:2px;color:#64748b;font-size:11.5px;line-height:1.38;font-weight:700;letter-spacing:-.01em}.toast-viewport{position:fixed;right:24px;bottom:24px;z-index:120;pointer-events:none}.toast-card{min-height:46px;max-width:min(360px,calc(100vw - 32px));padding:0 16px 0 14px;border-radius:999px;border:1px solid rgba(17,29,49,.1);background:#fffffff5;color:#0f172a;display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:850;letter-spacing:-.02em;box-shadow:inset 0 1px #ffffffd6,0 18px 42px #0f172a29;animation:toast-slide-up .22s ease both}.toast-dot{width:9px;height:9px;border-radius:999px;background:#64748b;box-shadow:0 0 0 5px #64748b1a;flex:0 0 auto}.toast-card.is-success .toast-dot{background:var(--accent);box-shadow:0 0 0 5px #0f766e1f}.toast-card.is-info .toast-dot{background:var(--brand);box-shadow:0 0 0 5px #3558d61f}@keyframes toast-slide-up{0%{opacity:0;transform:translateY(10px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.brand{display:flex;align-items:center;width:136px;height:42px;min-width:0;overflow:hidden;pointer-events:none;-webkit-user-select:none;user-select:none}.brand-link{display:inline-flex;min-width:0;border-radius:16px;cursor:pointer;transition:transform .16s ease}.brand-link:hover{transform:translateY(-1px)}.brand-logo-image{width:136px;height:42px;object-fit:cover;object-position:center;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.topnav{display:flex;gap:18px;align-items:center;justify-content:center;position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:max-content}@media(max-width:980px){.topnav{position:static;left:auto;top:auto;transform:none;width:100%;gap:14px;overflow-x:auto}}.topnav-link{display:inline-flex;align-items:center;justify-content:center;padding:7px 10px;border-radius:10px;font-size:14px;font-weight:var(--weight-ui);color:#55657a;position:relative;white-space:nowrap;transition:color .15s ease,background .15s ease,box-shadow .15s ease}.topnav-link:after{content:"";position:absolute;left:0;right:0;bottom:-6px;height:3px;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--accent));transform:scaleX(0);transform-origin:center;transition:transform .15s ease}.topnav-link:hover{color:#0f172a;background:#3558d60f}.topnav-link:hover:after,.topnav-link.active:after{transform:scaleX(1)}.topnav-link.active{color:var(--brand-deep);background:#3558d61a;box-shadow:inset 0 0 0 1px #3558d61a}.header-right{display:flex;justify-content:flex-end;align-items:center;gap:10px;grid-column:3;justify-self:end}@media(max-width:980px){.header-right{grid-column:auto;justify-self:start;justify-content:flex-start;flex-wrap:wrap}}.header-side-link{min-height:38px;padding:0 12px;border-radius:12px;border:1px solid rgba(17,29,49,.1);background:#ffffffb8;display:inline-flex;align-items:center;justify-content:center;color:#475569;font-size:13px;font-weight:var(--weight-ui);white-space:nowrap;box-shadow:inset 0 1px #ffffffbd;transition:border-color .15s ease,box-shadow .15s ease,color .15s ease,background .15s ease}.header-side-link:hover{border-color:var(--action-border);background:#ffffffeb;color:#0f172a;box-shadow:0 10px 22px #0f182a0d}.header-home-logo-link{width:148px;height:38px;border-radius:12px;display:inline-flex;align-items:center;justify-content:center;overflow:visible;background:#fff;cursor:pointer;transition:transform .14s ease}.header-home-logo-link:hover{transform:translateY(-1px)}.header-home-logo-image{width:122px;height:auto;object-fit:contain;object-position:center;display:block;pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.page-container{width:min(1520px,calc(100% - 24px));margin-left:auto;margin-right:auto;padding:22px 0 18px;display:grid;grid-template-columns:1fr clamp(320px,28vw,380px);gap:20px;align-items:start}@media(max-width:980px){.page-container{width:min(1520px,calc(100% - 16px));grid-template-columns:1fr;padding:18px 0 16px}}.page-container.no-side{grid-template-columns:minmax(0,1fr);justify-content:center}.page-container.no-side .page-main-card{max-width:1070px;width:100%;margin:0 auto}.page-main-card,.page-side-card{background:radial-gradient(circle at top left,rgba(53,88,214,.07),transparent 52%),linear-gradient(180deg,#fffffffc,#f7fafdf5);border:2px solid var(--border-frame);border-radius:var(--r-lg);box-shadow:var(--shadow-soft);position:relative;overflow:visible}.page-main-card{padding:22px 22px 20px}@media(max-width:980px){.page-main-card{padding:16px 14px 18px}}.page-side-card{padding:16px;position:sticky;top:16px}@media(max-width:980px){.page-side-card{position:static}}.card-header{display:flex;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;gap:var(--space-2);margin-bottom:var(--space-2)}.card-header-side{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap}.text-kicker{font-size:12.5px;line-height:1.35;letter-spacing:.12em;text-transform:uppercase;color:var(--accent);font-weight:var(--weight-label);margin-bottom:4px}.card-title{font-weight:var(--weight-title);font-size:22px;letter-spacing:-.035em;margin-bottom:2px;line-height:1.14}.card-title-lg{font-size:21px}.card-description{margin:0 0 18px;color:var(--sub);font-size:15px;line-height:1.72;max-width:720px}.page-flow-caption{display:inline-flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 18px;padding:8px 12px;border-radius:999px;border:1px solid rgba(17,29,49,.1);background:#f8fbfec2;color:var(--sub);font-size:13px;font-weight:var(--weight-ui)}.page-flow-caption span{display:inline-flex;align-items:center;gap:8px}.page-flow-caption span:not(:last-child):after{content:"→";color:#6b7280b8}.helper-text,.text-muted{color:var(--sub);font-size:13px;line-height:1.55}.text-highlight{font-weight:var(--weight-title);color:var(--brand-deep)}.inline-code{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:12px;background:#11182714;border-radius:8px;padding:2px 6px}strong{font-weight:var(--weight-title)}.card-step-badge{padding:7px 10px;border-radius:999px;border:1px solid rgba(17,29,49,.1);background:#f8fbfec2;font-size:12px;font-weight:var(--weight-ui);color:var(--sub);box-shadow:none;line-height:1}.section-block{border-radius:var(--r-lg);border:1px solid var(--border-panel);background:linear-gradient(180deg,#fffffffa,#f7fafdf5);box-shadow:0 10px 24px #0f182a0a;padding:var(--space-3) 14px;margin-bottom:var(--space-3)}.section-block:last-of-type{margin-bottom:0}.section-soft-blue{background:linear-gradient(180deg,#4f46e51a,#4f46e505);border-color:var(--brand-border)}.section-soft-yellow{background:linear-gradient(180deg,#f59e0b24,#f59e0b05);border-color:var(--warn-border)}.quiz-bank-toggle{padding:10px 14px;border-radius:14px;border:1px solid var(--action-border);background:var(--action);color:var(--action-text);font-size:13px;font-weight:var(--weight-ui);white-space:nowrap;cursor:pointer;box-shadow:var(--action-edge);transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.quiz-bank-toggle:hover{background:var(--action-hover);border-color:var(--action-border-hover);box-shadow:var(--action-edge)}.quiz-bank-toggle.active{background:var(--action-hover);border-color:var(--action-border-hover)}.grade-picker-toggle{border-color:var(--brand-border);background:#f7f9ff;color:var(--brand-deep);box-shadow:none}.grade-picker-toggle:hover{background:#eef3ff;border-color:#4f46e547;box-shadow:none}.grade-picker-toggle.active{background:#eef3ff;color:var(--brand-deep)}.quiz-bank-tree{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.quiz-bank-column{min-width:0;border:1px solid var(--border-strong);border-radius:18px;background:linear-gradient(180deg,#fffffffa,#f7fafdf2);overflow:hidden;box-shadow:var(--shadow-soft)}.quiz-bank-column-head{padding:12px 14px;border-bottom:1px solid var(--border-soft);background:#f6f9fcf5;font-size:14px;font-weight:800;letter-spacing:-.01em;text-transform:none;color:#334155}.quiz-bank-scroll{display:grid;gap:8px;max-height:260px;overflow-y:auto;padding:10px}.quiz-bank-node{width:100%;display:grid;gap:4px;padding:11px 12px;border-radius:12px;border:1px solid var(--border-soft);background:#fffffff0;text-align:left;cursor:pointer;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease}.quiz-bank-node:hover{border-color:#6366f129;background:#f8fafcfa;box-shadow:0 6px 14px #1118270d}.quiz-bank-node.active{border-color:#4f46e538;background:#f4f5ffeb;box-shadow:0 0 0 1px #4f46e508,0 8px 18px #4f46e512}.quiz-bank-node.active .quiz-bank-node-title{color:var(--brand)}.quiz-bank-node.active .quiz-bank-node-meta{color:#4f46e5}.quiz-bank-node-title{min-width:0;font-size:14px;font-weight:900;color:#0f172a}.quiz-bank-node-meta{min-width:0;font-size:12px;font-weight:700;color:#64748b}.quiz-bank-focus{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--brand-border);background:linear-gradient(180deg,#fffffffa,#f5f7fff2);box-shadow:var(--shadow-soft)}.quiz-bank-focus-main{min-width:0;display:flex;align-items:center;gap:10px;flex:1 1 auto}.quiz-bank-focus-kicker{font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase;color:var(--brand)}.quiz-bank-focus-title{min-width:0;flex:1 1 auto;font-size:16px;font-weight:950;letter-spacing:-.02em;color:#0f172a;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.quiz-bank-focus-meta{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:nowrap;flex:0 0 auto;font-size:12px;font-weight:600;color:#64748b;white-space:nowrap}.quiz-bank-count-select{width:auto;min-width:96px;flex:0 0 auto}@media(max-width:720px){.quiz-bank-tree{grid-template-columns:1fr}}.field-caption{font-size:13px;color:var(--muted)}.section-title{margin:0;font-size:15px;font-weight:var(--weight-title)}.session-live-page-card{--live-type-section: 20px;--live-type-subsection: 18px;--live-type-emphasis: 16px;--live-type-body: 15px;--live-type-meta: 14px;--live-type-label: 13px;--live-type-value: 20px;--live-type-metric: 26px}.session-live-page-card .section-title{font-size:var(--live-type-section);line-height:1.16;font-weight:950;letter-spacing:0}.session-live-page-card .section-title .text-muted{font-size:var(--live-type-meta);font-weight:850}.session-live-page-card .page-intro-panel-minimal .text-kicker{font-size:var(--live-type-section)}.session-live-page-card .page-intro-panel-minimal .page-intro-description{font-size:var(--live-type-meta)}.session-live-page-card .table{font-size:var(--live-type-body)}.session-live-page-card .table thead th{font-size:var(--live-type-label)}.session-live-page-card .table td .text-muted{font-size:inherit}.session-live-page-card .confirm-dialog-title{font-size:var(--live-type-subsection)}.session-live-page-card .confirm-dialog-body{font-size:var(--live-type-meta)}.form-grid{display:grid;gap:var(--space-2)}.form-row-horizontal{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.form-field{margin-bottom:12px;display:grid;gap:6px;min-width:0}.form-field label{font-size:13px;color:var(--sub);font-weight:var(--weight-ui)}.form-field>span{font-size:13px;color:var(--sub);font-weight:var(--weight-ui)}input,textarea,select{width:100%;border-radius:10px;border:1px solid var(--border-control);background:#fcfdfff5;color:var(--text);padding:11px 13px;outline:none;transition:border-color .15s ease,box-shadow .15s ease,transform .05s ease;min-height:42px;font-size:14px;box-shadow:inset 0 1px #ffffffb8}textarea{padding-top:10px;min-height:92px}input:focus,textarea:focus,select:focus{border-color:#3558d68f;box-shadow:0 0 0 4px #3558d624,0 10px 22px #3558d614;background:#fff}input::placeholder,textarea::placeholder{color:#6b7280bf}.btn{border:1px solid transparent;border-radius:10px;padding:10px 12px;font-weight:var(--weight-ui);font-size:14px;letter-spacing:-.01em;cursor:pointer;transition:transform .05s ease,box-shadow .15s ease,background .15s ease,border-color .15s ease;-webkit-user-select:none;user-select:none;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap}.btn-sm{padding:8px 10px;font-size:13px}.btn-lg{padding:14px 20px;font-size:16px;border-radius:10px}.btn:active{transform:translateY(1px)}.btn-primary{background:var(--action);border-color:var(--action-border);color:var(--action-text);box-shadow:var(--action-edge)}.btn-primary:hover{background:var(--action-hover);border-color:var(--action-border-hover);box-shadow:var(--action-edge)}.btn-primary:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.btn-outline{background:#ffffffb8;border-color:#111d311f;color:#475569;box-shadow:inset 0 1px #ffffffb8}.btn-outline:hover{box-shadow:var(--action-edge);border-color:var(--action-border);background:#fffbea;color:var(--action-text)}.btn-outline-danger{border-color:var(--danger-border);color:var(--danger);background:#ffffffeb}.btn-outline-danger:hover{border-color:#ef444457;background:#ef44440f;box-shadow:0 8px 18px #ef444414}.btn-ghost{background:transparent;border-color:transparent;color:#64748b;font-size:14px}.btn-ghost:hover{background:#f8fafceb;color:#334155}.text-error{color:var(--danger);background:var(--danger-weak);border:1px solid var(--danger-border);padding:10px 12px;border-radius:var(--r-md);font-size:14px;margin-top:6px}.validation-error-field{border-color:#dc2626!important;box-shadow:0 0 0 3px #dc262624!important}.validation-error-group{border-radius:12px;padding:8px}.quiz-notebook-item[data-invalid=true]{border-color:#dc2626;box-shadow:0 0 0 3px #dc26261f}.quiz-notebook-item.is-newly-added{animation:quiz-notebook-item-added 1.2s ease-out}@keyframes quiz-notebook-item-added{0%,35%{box-shadow:0 0 0 4px #4f46e538}to{box-shadow:none}}.table-wrapper{margin-top:10px;border-radius:var(--r-lg);border:1px solid var(--border-strong);overflow:hidden;background:#fff;box-shadow:var(--shadow-soft)}.table{width:100%;border-collapse:collapse;font-size:14px}.table th,.table td{padding:10px;border-top:1px solid var(--border);text-align:left}.table thead th{background:linear-gradient(180deg,#f5f8fcf5,#f0f4f9f5);font-size:12px;color:var(--sub);font-weight:var(--weight-ui)}.table tbody tr:hover td{background:#4f46e50d}.qr-box-wrapper{display:flex;justify-content:center;margin-top:12px}.qr-box{width:220px;aspect-ratio:1 / 1;border-radius:var(--r-lg);background:#fff;border:1px solid var(--border);box-shadow:var(--shadow-soft);display:grid;place-items:center;padding:14px}.quiz-split{display:grid;grid-template-columns:360px 1fr;gap:14px;align-items:stretch;margin-top:12px}.page-container.no-side .quiz-editor-page-card{max-width:1320px;width:100%;margin:0 auto}.page-container.no-side .session-create-page-card,.page-container.no-side .session-live-page-card{max-width:1320px}@media(max-width:980px){.quiz-split{grid-template-columns:1fr}}.quiz-grid-stack{display:grid;gap:var(--space-3)}.quiz-grid-row-bank{min-height:0}.quiz-setup-combined{padding:0;overflow:visible}.quiz-setup-combined-grid{min-height:inherit;display:grid;grid-template-columns:minmax(342px,444px) minmax(0,1fr);grid-template-rows:auto auto 1fr;align-items:stretch}.quiz-setup-details{display:contents}.quiz-setup-details>.section-panel-head{grid-column:1 / -1;grid-row:1;padding:var(--space-3) 14px 12px;display:flex;align-items:center;justify-content:space-between;gap:16px}.quiz-setup-details>.form-grid{grid-column:1;grid-row:2;margin:0 14px;padding:0 14px 14px;display:grid;gap:10px;align-content:start;min-height:290px;overflow:hidden;border:1px solid rgba(100,116,139,.34);border-radius:14px;background:#ffffffdb;box-shadow:0 6px 16px #1e293b0d}.quiz-setup-details>.form-grid>.form-field{margin-bottom:0}.quiz-setup-details>.form-grid textarea{height:102px;min-height:102px}.quiz-setup-left-actions{grid-column:1;grid-row:3;padding:14px;display:flex;flex-direction:column;align-content:flex-start;align-items:flex-start;gap:9px}.quiz-setup-mode-tabs{width:min(100%,292px);padding:4px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px;border:1px solid rgba(17,29,49,.1);border-radius:14px;background:#ffffff9e;box-shadow:inset 0 1px #ffffffb3}.quiz-setup-mode-tab{min-height:38px;padding:8px 12px;border:0;border-radius:10px;background:transparent;color:var(--sub);font:inherit;font-size:15px;font-weight:var(--weight-ui);cursor:pointer}.quiz-setup-mode-tab.active{border-color:var(--action-border);background:var(--action);color:var(--action-text);box-shadow:var(--action-edge)}.quiz-setup-excel-group{width:min(100%,292px);min-height:0;padding:0;display:block;border:0;border-radius:0;background:transparent;box-shadow:none}.quiz-setup-details>.section-panel-head .quiz-setup-excel-group{width:auto;flex:0 0 auto}.quiz-setup-details>.section-panel-head .quiz-setup-excel-actions{width:auto;grid-template-columns:repeat(2,max-content)}.quiz-setup-excel-actions{width:100%;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:4px}.quiz-excel-utility-button{min-height:39px;padding:9px 14px;border:1px solid rgba(17,29,49,.1);border-radius:10px;background:#ffffff8f;color:var(--sub);font:inherit;font-size:12.5px;font-weight:750;cursor:pointer}.quiz-excel-utility-button+.quiz-excel-utility-button{border-left-color:#111d311a}.quiz-excel-utility-button:hover{border-color:#2f54eb3d;background:#fffffff5;color:var(--brand-deep)}.quiz-extra-settings{grid-column:2;grid-row:2 / span 2;min-width:0;margin:0 14px var(--space-3);overflow:visible}.quiz-extra-settings-body{position:relative;padding:0 14px 14px;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 14px;align-items:start;align-content:start;min-height:290px;overflow:hidden;border:1px solid rgba(100,116,139,.34);border-radius:14px;background:#ffffffdb;box-shadow:0 6px 16px #1e293b0d}.quiz-extra-settings-body>.quiz-setup-group-title{grid-column:1 / -1;grid-row:1}.quiz-extra-settings-body>.grade-picker-field{grid-column:1;grid-row:2;margin-bottom:0;display:flex;flex-direction:column}.quiz-extra-settings-body>.control-grid-3{grid-column:1;grid-row:3}.quiz-extra-settings-body>.quiz-extra-grade-picker-panel{position:absolute;top:72px;right:14px;z-index:3;width:calc(50% - 21px)}.quiz-setup-group-title{min-height:42px;margin:0 -14px 10px;padding:10px 14px;display:flex;align-items:center;border-bottom:1px solid rgba(100,116,139,.26);background:#eef3fafa;color:#24324a;font-size:15px;font-weight:800;line-height:1.3}.quiz-setup-combined .form-field label{color:#7b879a;font-size:11.5px;font-weight:700}.quiz-field-optional{margin-left:4px;color:#9aa5b5;font-size:10px;font-weight:650}.quiz-grade-select-field{width:100%;min-height:48px;padding:10px 13px;display:flex;align-items:center;justify-content:flex-end;gap:12px;border:1px solid var(--border-control);border-radius:10px;background:#fcfdfff5;color:var(--text);font:inherit;text-align:left;cursor:pointer;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.quiz-grade-select-field:hover{border-color:#4f46e547;background:#fff}.quiz-grade-select-field.active{border-color:#4f46e575;background:#fff;box-shadow:0 0 0 3px #4f46e51a}.quiz-grade-select-value{min-width:0;flex:1;color:#334155;font-size:13px;font-weight:750;line-height:1.45}.quiz-grade-select-value.placeholder{color:#98a3b3;font-weight:650}.quiz-grade-select-chevron{width:8px;height:8px;flex:0 0 auto;border-right:2px solid #8c98aa;border-bottom:2px solid #8c98aa;transform:rotate(-45deg);transition:transform .15s ease}.quiz-grade-select-field.active .quiz-grade-select-chevron{transform:rotate(135deg)}.quiz-extra-grade-picker-panel{padding:0 14px;display:grid;gap:0;border:1px solid rgba(91,117,170,.3);border-radius:14px;background:#fff;box-shadow:0 10px 24px #2b3d5e1a}.quiz-grade-picker-panel-head{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 2px;border-bottom:1px solid rgba(126,143,173,.18)}.quiz-grade-picker-panel-head strong{color:#27364f;font-size:13.5px;font-weight:850}.quiz-grade-picker-panel-head span{padding:4px 7px;border-radius:6px;background:#f1f4fa;color:#77849a;font-size:9.5px;font-weight:750}.quiz-extra-grade-picker-panel .grade-picker-group{padding:7px 2px;grid-template-columns:54px minmax(0,1fr);align-items:center;gap:10px;border:0;border-radius:0;background:transparent;box-shadow:none}.quiz-extra-grade-picker-panel .grade-picker-group+.grade-picker-group{border-top:1px solid rgba(126,143,173,.13)}.quiz-extra-grade-picker-panel .grade-picker-groups{gap:0}.quiz-extra-grade-picker-panel .grade-picker-group-label{min-height:32px;padding:0;display:flex;align-items:center;border:0;border-radius:0;background:transparent;color:#50617a;font-size:12.25px;font-weight:850;text-align:left}.quiz-extra-grade-picker-panel .grade-picker-group-label:before{content:none}.quiz-extra-grade-picker-panel .grade-picker-chip-list{gap:0;overflow:hidden;border:1px solid rgba(117,136,170,.24);border-radius:9px;background:#f7f9fc}.quiz-extra-grade-picker-panel .grade-picker-chip-list.is-six{grid-template-columns:repeat(6,minmax(0,1fr))}.quiz-extra-grade-picker-panel .grade-picker-chip-list.is-three{grid-template-columns:repeat(3,minmax(0,1fr))}.quiz-extra-grade-picker-panel .grade-picker-chip{min-height:32px;padding:0 3px;border:0;border-right:1px solid rgba(117,136,170,.18);border-radius:0;background:#fff;color:#41516a;font-size:11.5px;font-weight:800;box-shadow:none}.quiz-extra-grade-picker-panel .grade-picker-chip:last-child{border-right:0}.quiz-extra-grade-picker-panel .grade-picker-chip:hover{border-color:#7588aa2e;background:#eef3ff;color:#294da8;box-shadow:none}.quiz-extra-grade-picker-panel .grade-picker-chip.active{border-color:#3d62da38;background:#e7edff;color:#254bb6;box-shadow:inset 0 -2px #4869d8}.quiz-setup-bank{display:none;grid-column:2;grid-row:2 / span 2;min-width:0;padding:0 14px var(--space-3);background:transparent}.quiz-setup-combined.is-bank-open .quiz-extra-settings{display:none}.quiz-setup-combined.is-bank-open .quiz-setup-bank{display:block}.quiz-grid-row-bank.quiz-setup-combined.is-bank-open{min-height:0}.quiz-grid-row-bank.is-bank-open{min-height:var(--quiz-bank-row-reserved-height);align-items:start}.quiz-grid-row{display:grid;grid-template-columns:minmax(342px,444px) minmax(0,1fr);gap:var(--space-3);align-items:start}@media(max-width:980px){.quiz-grid-row-bank{min-height:0}.quiz-grid-row-bank.is-bank-open,.quiz-grid-row-bank.is-bank-open>.section-block{min-height:0}.quiz-grid-row{grid-template-columns:1fr}.quiz-setup-combined-grid{grid-template-columns:1fr;grid-template-rows:auto auto auto auto}.quiz-extra-settings,.quiz-setup-bank{grid-column:1;grid-row:4}}@media(max-width:720px){.quiz-setup-details>.form-grid,.quiz-extra-settings-body{min-height:0}.quiz-extra-settings-body{grid-template-columns:1fr}.quiz-extra-settings-body>.grade-picker-field,.quiz-extra-settings-body>.control-grid-3,.quiz-extra-settings-body>.quiz-extra-grade-picker-panel{grid-column:1;grid-row:auto}.quiz-extra-settings-body>.quiz-extra-grade-picker-panel{position:static;width:auto}}@media(max-width:560px){.quiz-setup-details>.section-panel-head{align-items:stretch;flex-direction:column}.quiz-setup-details>.section-panel-head .quiz-setup-excel-group,.quiz-setup-details>.section-panel-head .quiz-setup-excel-actions{width:100%}.quiz-setup-details>.section-panel-head .quiz-setup-excel-actions{grid-template-columns:repeat(2,minmax(0,1fr))}.quiz-setup-mode-tabs,.quiz-setup-excel-group,.quiz-setup-excel-actions{width:100%}.quiz-setup-mode-tab,.quiz-excel-utility-button{flex:1 1 0}}.quiz-grid-row>.section-block,.quiz-grid-row>.quiz-editor-panel{margin-bottom:0}.quiz-grid-row-bank.is-bank-open>.section-block:first-child{min-height:var(--quiz-bank-row-reserved-height)}.quiz-grid-row-bank.is-bank-open>.section-block:last-child{min-height:calc(var(--quiz-bank-row-reserved-height) - 24px)}.quiz-grid-row-bank.is-bank-open .quiz-bank-scroll{max-height:306px}.quiz-notebook{border-radius:var(--r-lg);border:1px solid var(--border);background:#fff;box-shadow:var(--shadow-soft);overflow:hidden;display:flex;flex-direction:column;max-height:60vh}.quiz-notebook-header{padding:12px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:10px;background:#11182705}.section-panel-head{display:grid;gap:10px;margin-bottom:2px}.section-panel-head-tight{gap:8px}.section-panel-title{font-size:24px;font-weight:950;letter-spacing:-.035em;line-height:1.1;color:var(--text)}.section-panel-subtitle{font-size:14px;line-height:1.68;color:var(--sub)}.question-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:2px 2px 12px;border-bottom:1px solid rgba(148,163,184,.2)}.question-toolbar-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.question-toolbar-link{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(17,29,49,.1);background:#f8fafceb;box-shadow:inset 0 1px #ffffffd1;color:#334155;font-size:13.5px;font-weight:800;letter-spacing:-.01em;display:inline-flex;align-items:center;justify-content:center;gap:8px;white-space:nowrap;cursor:pointer;transition:color .16s ease,opacity .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.question-toolbar-link:hover{color:#0f172a;border-color:#3558d62e;background:#fffffffa;box-shadow:inset 0 1px #ffffffe6,0 8px 16px #0f172a0d}.question-toolbar-link:active{transform:translateY(1px)}.question-toolbar-icon{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:999px;background:#3558d61f;color:var(--brand);font-size:14px;font-weight:900;line-height:1;flex:0 0 auto}.question-toolbar-clear{min-height:36px;padding:0 12px;border-radius:999px;border:1px solid rgba(239,68,68,.18);background:#fef2f2e6;color:#dc2626;font-size:12.5px;font-weight:800;letter-spacing:-.01em;cursor:pointer;transition:color .16s ease,opacity .16s ease,border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.question-toolbar-clear:hover{color:#b91c1c;border-color:#ef444442;background:#fef2f2fa;box-shadow:0 8px 16px #ef444414}.question-toolbar-clear:active{transform:translateY(1px)}.question-toolbar-clear:disabled,.question-toolbar-link:disabled{opacity:.42;cursor:not-allowed;box-shadow:none}.confirm-dialog-overlay{position:fixed;inset:0;z-index:90;display:flex;align-items:flex-end;justify-content:center;padding:24px}.confirm-dialog-card{width:min(100%,560px);padding:14px 16px;border-radius:18px;border:1px solid rgba(17,29,49,.12);background:#fffffffa;box-shadow:inset 0 1px #ffffffd6,0 18px 40px #0f172a2e;display:flex;align-items:center;justify-content:space-between;gap:16px}.confirm-dialog-copy{min-width:0;display:grid;gap:4px}.confirm-dialog-title{margin:0;font-size:16px;line-height:1.25;letter-spacing:-.02em;color:#0f172a}.confirm-dialog-body{margin:0;color:#475569;font-size:12.5px;line-height:1.5}.confirm-dialog-actions{display:flex;gap:8px;flex-wrap:wrap;flex:0 0 auto}.confirm-dialog-confirm.is-danger{background:linear-gradient(135deg,#ef4444,#dc2626);border-color:#dc26263d;color:#fff;box-shadow:0 16px 30px #dc26262e}.confirm-dialog-confirm.is-danger:hover{box-shadow:0 20px 36px #dc262638}@media(max-width:720px){.confirm-dialog-overlay{padding:16px}.confirm-dialog-card{width:100%;align-items:stretch;flex-direction:column}.confirm-dialog-actions{width:100%;justify-content:stretch}.confirm-dialog-actions .btn{flex:1 1 0}}.quiz-notebook-title{font-weight:950;font-size:16px;color:var(--text)}.quiz-notebook-count{font-size:13px;color:var(--sub);font-weight:900}.quiz-notebook-list{flex:1;overflow-y:auto;overflow-x:hidden;padding:8px;min-height:0}.quiz-notebook-item{width:100%;text-align:left;border:1px solid transparent;background:transparent;padding:10px;border-radius:14px;cursor:pointer;display:grid;gap:6px}.quiz-notebook-item:hover{background:#4f46e50f;border-color:#4f46e51f}.quiz-notebook-item.active{background:#4f46e51a;border-color:#4f46e538;box-shadow:inset 2px 0 0 var(--brand)}.quiz-notebook-item-top{display:flex;align-items:center;justify-content:space-between;gap:10px}.quiz-notebook-item-left{display:inline-flex;align-items:center;gap:8px;min-width:0}.quiz-notebook-no{font-weight:950;font-size:14px}.quiz-notebook-pill{font-size:12px;padding:4px 8px;border-radius:999px;border:1px solid rgba(53,88,214,.16);background:#3558d612;color:var(--brand-deep);font-weight:950;flex:0 0 auto}.quiz-notebook-preview{font-size:13px;color:var(--sub);line-height:1.4;overflow:hidden;line-clamp:2;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;text-overflow:ellipsis}.quiz-editor-panel{border-radius:var(--r-lg);border:1px solid var(--border);background:#fff;box-shadow:var(--shadow-soft);padding:16px 16px 18px;min-height:100%}.quiz-editor-empty{border-radius:var(--r-lg);border:1px dashed rgba(17,24,39,.18);background:#ffffffb3;padding:14px;color:var(--sub);font-size:14px;min-height:280px;display:grid;place-items:center;text-align:center}.question-type-pill{font-size:13px;padding:6px 10px;border-radius:999px;border:1px solid rgba(53,88,214,.16);background:#3558d612;color:var(--brand-deep);font-weight:950}.pill-toggle-group{display:flex;gap:10px;margin-top:8px;flex-wrap:wrap}.pill-toggle{border-radius:999px;padding:9px 12px;font-size:14px;border:1px solid rgba(17,29,49,.1);background:#ffffffc2;cursor:pointer;color:#475569;font-weight:900}.pill-toggle:hover{border-color:#3558d62e;background:#fffffff5;box-shadow:0 8px 18px #0f182a0d}.pill-toggle.active{border-color:#3558d638;background:#3558d614;color:var(--brand-deep);box-shadow:inset 0 1px #ffffff7a}.ox-answer-toggle-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;max-width:280px}.pill-toggle.ox-answer-toggle{min-height:38px;border-radius:12px;padding:7px 10px;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:8px;border-width:1px;background:linear-gradient(180deg,#fffffffa,#f8fafcf0);color:#334155;box-shadow:inset 0 1px #ffffffd1,0 10px 22px #0f182a0b;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease,transform .08s ease}.pill-toggle.ox-answer-toggle:hover{transform:translateY(-1px);background:#fff;box-shadow:inset 0 1px #ffffffd1,0 14px 28px #0f182a12}.ox-answer-mark{width:24px;height:24px;border-radius:8px;display:grid;place-items:center;background:#64748b14;color:#334155;font-size:15px;line-height:1;font-weight:950}.ox-answer-label{min-width:0;font-size:13px;line-height:1.1;font-weight:950;letter-spacing:0;text-align:left}.pill-toggle.ox-answer-toggle-o.active{border-color:#0f766e61;background:linear-gradient(180deg,#ecfdf5f5,#f0fdfaeb);color:#0f766e;box-shadow:inset 0 1px #ffffffc7,0 14px 28px #0f766e1a}.pill-toggle.ox-answer-toggle-o.active .ox-answer-mark{background:#0f766e;color:#fff}.pill-toggle.ox-answer-toggle-x.active{border-color:#e11d4857;background:linear-gradient(180deg,#fff1f2f5,#fff7f8eb);color:#be123c;box-shadow:inset 0 1px #ffffffc7,0 14px 28px #e11d481a}.pill-toggle.ox-answer-toggle-x.active .ox-answer-mark{background:#be123c;color:#fff}.multi-option-line{display:flex;align-items:center;gap:10px;margin-bottom:8px}.multi-option-label{width:26px;font-weight:950}.multi-option-input{flex:1;max-width:420px}.multi-answer-label{display:inline-flex;align-items:center;white-space:nowrap;flex:0 0 auto;line-height:1;gap:8px}.multi-answer-label input[type=radio]{width:16px;height:16px;min-height:0;margin:0;padding:0;flex:0 0 16px;border-radius:50%;box-shadow:none;accent-color:var(--brand);cursor:pointer}.answer-text{min-width:28px;text-align:left;font-size:14px;font-weight:900;line-height:1;opacity:0}.answer-text.on{opacity:1;color:var(--brand)}.grade-picker-field{position:relative;margin-bottom:12px}.grade-picker-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.grade-picker-title-stack{display:grid;gap:4px}.grade-picker-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;position:relative}.grade-picker-toggle{min-height:36px;padding:8px 12px}.grade-picker-summary{display:grid;gap:10px;padding:12px;border-radius:8px;border:1px solid rgba(148,163,184,.18);background:#f8fafceb}.grade-picker-summary-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.grade-picker-summary-label{font-size:12px;font-weight:900;color:var(--sub)}.grade-picker-selected{display:flex;flex-wrap:wrap;gap:8px;min-height:32px}.grade-picker-empty,.grade-picker-tag{display:inline-flex;align-items:center;min-height:28px;padding:0 10px;border-radius:8px;font-size:12px;font-weight:900}.grade-picker-empty{border:1px dashed rgba(148,163,184,.34);color:var(--sub);background:#f8fafceb}.grade-picker-tag{border:1px solid rgba(15,118,110,.2);background:#0f766e14;color:#115e59}.grade-picker-popover{position:absolute;top:50%;left:calc(100% + 16px);transform:translateY(-18%);z-index:12;width:min(520px,calc(100vw - 96px));display:grid;gap:12px;padding:14px;border-radius:8px;border:2px solid rgba(148,163,184,.3);background:#fffffffa;box-shadow:0 20px 40px #0f172a24;max-height:min(60vh,540px);overflow:auto}.grade-picker-popover:before{content:"";position:absolute;top:28px;left:-8px;width:14px;height:14px;border-top:2px solid rgba(148,163,184,.3);border-left:2px solid rgba(148,163,184,.3);background:#fffffffa;transform:rotate(45deg)}.grade-picker-popover-head{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}.grade-picker-groups{display:grid;grid-template-columns:1fr;gap:10px}.grade-picker-group{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:start;gap:12px;padding:12px;border-radius:8px;border:1px solid rgba(148,163,184,.18);background:#fff}.grade-picker-group-label{font-size:12px;font-weight:900;color:var(--sub);padding-top:10px}.grade-picker-chip-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.grade-picker-chip{min-height:38px;padding:0 10px;border-radius:8px;border:1px solid rgba(148,163,184,.22);background:#fff;color:var(--text);font-size:13px;font-weight:900;cursor:pointer;text-align:center;transition:border-color .15s ease,background .15s ease,box-shadow .15s ease}.grade-picker-chip:hover{border-color:#0f766e47;box-shadow:var(--shadow-soft)}.grade-picker-chip.active{border-color:#0f766e57;background:#0f766e1a;color:#115e59}@media(max-width:640px){.grade-picker-actions,.grade-picker-actions .btn,.grade-picker-actions .quiz-bank-toggle,.grade-picker-popover-head .btn{width:100%}.grade-picker-popover{top:calc(100% + 10px);left:0;right:0;width:100%;transform:none}.grade-picker-group{grid-template-columns:1fr;gap:10px}.grade-picker-group-label{padding-top:0}.grade-picker-popover:before{top:-8px;left:auto;right:18px;border-top:1px solid rgba(148,163,184,.22);border-left:1px solid rgba(148,163,184,.22);border-right:none}}.control-grid-3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;align-items:flex-end}@media(max-width:980px){.control-grid-3{grid-template-columns:1fr}}.control-grid-time{margin-top:2px;display:grid;grid-template-columns:repeat(3,minmax(0,110px));gap:10px;align-items:flex-end}@media(max-width:520px){.control-grid-time{grid-template-columns:1fr 1fr}}.setup-split{display:grid;grid-template-columns:minmax(0,1.16fr) minmax(374px,1fr);gap:var(--space-3);align-items:start}@media(max-width:980px){.setup-split{grid-template-columns:1fr}}.setup-stack{display:grid;gap:var(--space-2)}.session-setup-board{width:min(calc(100% - 184px),1060px);margin:0 auto 0 0;display:grid;gap:14px;position:relative}.setup-board-section{border-radius:var(--radius-lg);border:1px solid rgba(17,29,49,.16);background:linear-gradient(180deg,#fffffffa,#f7fafdf5);box-shadow:inset 0 1px #ffffffdb,0 12px 28px #0f182a0d;padding:16px}.setup-section-header{display:flex;align-items:center;gap:10px}.setup-section-number{width:38px;height:38px;border-radius:12px;border:1px solid rgba(53,88,214,.16);background:#3558d614;color:var(--brand-deep);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:950;line-height:1;flex:0 0 auto}.session-setup-board .section-title{font-size:22px;line-height:1.1}.session-setup-board .setup-choice-kicker{font-size:12px}.session-setup-board .setup-choice-title{font-size:17px}.session-setup-board .setup-choice-body{font-size:13px;line-height:1.52}.session-setup-board .form-field label{font-size:14px}.session-setup-board input,.session-setup-board select{font-size:15px}.session-setup-board .timed-preset-button{min-height:36px;font-size:14px}.session-setup-board .setup-preview-label{font-size:12px}.session-setup-board .btn-lg{font-size:17px}.session-setup-board .setup-choice-grid-main{grid-template-columns:repeat(3,minmax(0,1fr))}.session-setup-board .setup-choice-card{min-height:90px;align-content:center}.setup-mode-showcase{margin-top:12px;display:grid;grid-template-columns:minmax(260px,.42fr) minmax(0,1fr);gap:12px;align-items:stretch}.setup-mode-options{display:grid;gap:10px}.setup-mode-option{min-height:84px}.setup-preview-card-showcase{min-height:100%;padding:12px}.setup-preview-card-showcase .setup-preview-stage{min-height:100%}.setup-mode-error{margin:12px 0 0}.session-launch-dock{position:absolute;right:-164px;top:50%;z-index:2;width:142px;min-height:132px;padding:16px 16px 16px 34px;border:0;border-radius:0;background:transparent;color:var(--action-text);filter:drop-shadow(0 18px 24px rgba(165,123,0,.16));transform:translateY(-50%);display:grid;align-content:center;justify-items:center;gap:7px;cursor:pointer;isolation:isolate;overflow:visible;transition:transform .12s ease,filter .16s ease}.session-launch-dock:before{content:"";position:absolute;inset:0;background:var(--action-border-hover);clip-path:polygon(24px 0,100% 0,100% 100%,24px 100%,0 50%);z-index:0}.session-launch-dock:after{content:"";position:absolute;inset:1px;background:linear-gradient(135deg,#fff0a3 0%,var(--action-bright) 34%,var(--action) 100%);clip-path:polygon(23px 0,100% 0,100% 100%,23px 100%,0 50%);z-index:0}.session-launch-dock>span{position:relative;z-index:1}.session-launch-dock:hover{filter:drop-shadow(0 22px 30px rgba(165,123,0,.22));transform:translateY(-50%) translate(2px)}.session-launch-dock:hover:after{background:linear-gradient(135deg,#fff3b6 0%,#ffe891 34%,var(--action-hover) 100%)}.session-launch-dock:active{transform:translateY(-50%) translate(2px) scale(.99)}.session-launch-dock:disabled{opacity:.62;cursor:not-allowed;transform:translateY(-50%);filter:none}.session-launch-dock-kicker{font-size:12px;font-weight:950;letter-spacing:0;line-height:1}.session-launch-dock-title{font-size:19px;font-weight:950;line-height:1.16;letter-spacing:-.02em;text-align:center}.session-launch-dock-arrow{width:36px;height:28px;border-radius:999px;background:#ffffffb8;display:inline-flex;align-items:center;justify-content:center;font-size:20px;font-weight:950;line-height:1}@media(max-width:980px){.session-setup-board{width:100%}.setup-mode-showcase{grid-template-columns:1fr}.session-launch-dock{position:static;width:100%;min-height:58px;padding:12px 16px;grid-template-columns:auto minmax(0,auto) auto;justify-content:center;transform:none}.session-launch-dock:before{clip-path:none;border-radius:18px}.session-launch-dock:after{clip-path:none;border-radius:17px}.session-launch-dock:hover,.session-launch-dock:active,.session-launch-dock:disabled{transform:none}}@media(max-width:720px){.session-setup-board .setup-choice-grid-main{grid-template-columns:1fr}}.setup-choice-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px}.setup-choice-card{width:100%;border:1px solid rgba(17,24,39,.1);border-radius:14px;background:#fff;padding:12px;text-align:left;display:grid;gap:4px;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,transform .05s ease,background .16s ease}.setup-choice-card:hover{border-color:#4f46e538;box-shadow:0 10px 22px #1118270f}.setup-choice-card.active{border-color:#4f46e54d;background:linear-gradient(180deg,#4f46e514,#4f46e508);box-shadow:0 14px 26px #4f46e51a}.setup-choice-kicker{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:var(--sub)}.setup-choice-card.active .setup-choice-kicker{color:#4338ca}.setup-choice-title{font-size:15px;font-weight:950;color:var(--text);letter-spacing:-.02em}.setup-choice-body{font-size:11px;line-height:1.45;color:var(--sub)}.setup-fields-card{display:grid;gap:12px;padding:12px;border-radius:14px;border:1px solid rgba(17,29,49,.1);background:#f8fafcb8}.setup-field-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(max-width:640px){.setup-field-grid{grid-template-columns:1fr}}.timed-presets{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.timed-preset-button{min-width:54px;min-height:34px;padding:0 12px;border-radius:10px;border:1px solid rgba(17,29,49,.14);background:#ffffffeb;color:#334155;display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:850;line-height:1;cursor:pointer;box-shadow:inset 0 1px #ffffffc7;transition:border-color .15s ease,background .15s ease,color .15s ease,box-shadow .15s ease,transform .08s ease}.timed-preset-button:hover{transform:translateY(-1px);border-color:#3558d63d;background:#fff;color:#0f172a;box-shadow:inset 0 1px #ffffffd1,0 8px 16px #0f182a0f}.timed-preset-button.active{border-color:var(--action-border);background:var(--action);color:var(--action-text);box-shadow:var(--action-edge)}.setup-summary-card{border-radius:var(--radius-lg);border:2px solid rgba(79,70,229,.18);background:radial-gradient(circle at top right,rgba(79,70,229,.1),transparent 42%),linear-gradient(180deg,#fffffffa,#f8fafff5);box-shadow:0 18px 36px #11182714;padding:16px;position:sticky;top:16px;display:grid;gap:12px}@media(max-width:980px){.setup-summary-card{position:static}}.setup-summary-header{display:grid;gap:6px}.setup-summary-kicker{font-size:11px;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#4338ca}.setup-summary-title{font-size:18px;font-weight:950;letter-spacing:-.03em;line-height:1.12;color:var(--text)}.setup-summary-copy{font-size:13px;line-height:1.6;color:var(--sub)}.setup-summary-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}@media(max-width:640px){.setup-summary-list{grid-template-columns:1fr}}.setup-summary-item{display:grid;gap:4px;padding:10px;border-radius:12px;border:1px solid var(--border-item);background:#fffc}.setup-summary-label{font-size:12px;font-weight:900;color:var(--sub)}.setup-summary-value{font-size:15px;font-weight:950;color:var(--text);letter-spacing:-.02em}.setup-summary-note{font-size:13px;line-height:1.6;color:var(--sub)}.setup-action-row{display:grid;gap:var(--space-1)}.setup-preview-card{display:grid;gap:8px;padding:10px;border-radius:16px;border:1px solid rgba(17,24,39,.08);background:#ffffffe0}.setup-preview-stage{border-radius:18px;border:1px solid rgba(17,24,39,.08);background:linear-gradient(180deg,#f6f7fbfa,#eef2fff0);overflow:hidden;padding:12px;min-height:0;display:grid;gap:12px}.setup-preview-toolbar{display:flex;justify-content:space-between;align-items:center;gap:8px}.setup-preview-label{font-size:11px;font-weight:900;letter-spacing:.06em;text-transform:uppercase;color:var(--sub)}.setup-preview-chip{padding:5px 8px;border-radius:999px;border:1px solid rgba(53,88,214,.16);background:#3558d612;font-size:11px;font-weight:900;color:var(--brand-deep)}.setup-preview-body{margin-top:12px;display:grid;gap:10px}.setup-preview-image-wrap{display:flex;align-items:center;justify-content:center;border-radius:16px;overflow:hidden;border:1px solid rgba(17,24,39,.08);background:#fffffff5;aspect-ratio:2340 / 1080}.setup-preview-image{display:block;width:100%;height:100%;object-fit:contain}.setup-preview-question{height:52px;border-radius:14px;background:#fffffff0;border:1px solid rgba(17,24,39,.08)}.setup-preview-choice-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.setup-preview-choice{height:72px;border-radius:16px;background:#fffffff0;border:1px solid rgba(17,24,39,.08)}.setup-preview-choice.choice-wide{grid-column:1 / -1}.setup-preview-bars{display:grid;gap:8px}.setup-preview-bar{height:14px;border-radius:999px;background:#11182714;overflow:hidden}.setup-preview-bar>span{display:block;height:100%;border-radius:inherit;background:#4f46e561}.setup-preview-move{position:relative;height:140px;border-radius:18px;border:1px solid rgba(17,24,39,.08);background:linear-gradient(rgba(17,24,39,.04) 1px,transparent 1px),linear-gradient(90deg,rgba(17,24,39,.04) 1px,transparent 1px),#fffffff0;background-size:24px 24px}.setup-preview-avatar{position:absolute;width:22px;height:22px;border-radius:50%;border:2px solid #fff;background:linear-gradient(90deg,#60a5fa 0 50%,#f59e0b 50% 100%);box-shadow:0 6px 14px #11182724}.session-created-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:16px;align-items:center}.session-created-code{display:grid;gap:8px}.session-enter-row{display:flex;gap:12px;flex-wrap:wrap;align-items:flex-end}.session-code-field{width:260px;max-width:100%;margin-bottom:0;flex:1 1 220px}.open-session-list{margin-top:12px;display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:10px}.open-session-card{width:100%;min-width:0;padding:13px;border-radius:16px;border:1px solid rgba(17,29,49,.12);background:#ffffffeb;color:var(--text);display:grid;gap:10px;text-align:left;cursor:pointer;box-shadow:inset 0 1px #ffffffd1,0 10px 22px #0f182a0a;transition:border-color .16s ease,background .16s ease,box-shadow .16s ease,transform .08s ease}.open-session-card:hover,.open-session-card:focus-visible{border-color:#3558d63d;background:#fff;box-shadow:inset 0 1px #ffffffdb,0 14px 28px #0f182a12;transform:translateY(-1px)}.open-session-card.active{border-color:#3558d657;background:linear-gradient(180deg,#fffffffa,#f6fafff5);box-shadow:inset 3px 0 0 var(--brand),0 14px 28px #3558d61a}.open-session-card:disabled{cursor:not-allowed;opacity:.62;transform:none;box-shadow:none}.open-session-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.open-session-kicker{color:var(--brand-deep);font-size:12px;font-weight:900;line-height:1.2}.open-session-title{margin-top:3px;color:#0f172a;font-size:16px;font-weight:950;line-height:1.25;letter-spacing:-.02em}.open-session-date{flex:0 0 auto;color:#64748b;font-size:12px;font-weight:800;white-space:nowrap}.open-session-code{width:fit-content;max-width:100%;min-height:28px;padding:0 10px;border-radius:9px;border:1px solid rgba(53,88,214,.14);background:#3558d612;color:var(--brand-deep);display:inline-flex;align-items:center;font-size:13px;font-weight:950;letter-spacing:.03em;overflow:hidden;text-overflow:ellipsis}.open-session-chip-row{display:flex;flex-wrap:wrap;gap:6px}.open-session-chip-row span{min-height:26px;padding:0 8px;border-radius:8px;border:1px solid rgba(17,29,49,.1);background:#f8fafcdb;color:#475569;display:inline-flex;align-items:center;font-size:12px;font-weight:850;line-height:1}.open-session-count-pill{min-height:30px;padding:0 10px;border-radius:999px;border:1px solid rgba(53,88,214,.14);background:#3558d612;color:var(--brand-deep);display:inline-flex;align-items:center;font-size:13px;font-weight:900;white-space:nowrap}.open-session-empty{margin-top:12px;padding:16px;border-radius:16px;border:1px dashed rgba(17,29,49,.18);background:#ffffffb8;display:grid;justify-items:start;gap:8px}.open-session-empty strong{color:#0f172a;font-size:16px}.open-session-empty span{color:#64748b;font-size:13px;line-height:1.5}.my-quiz-open-session-list{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(max-width:720px){.session-enter-row{flex-direction:column;align-items:stretch}.session-code-field{width:100%}.session-enter-row .btn{width:100%;justify-content:center}}.session-entry-section{overflow:hidden}.session-entry-section-head{align-items:center;flex-wrap:nowrap}.session-entry-head-actions{margin-left:auto;display:inline-flex;align-items:center;gap:10px}.session-entry-collapse-button{width:36px;height:36px;padding:0;border:1px solid rgba(53,88,214,.16);border-radius:50%;background:#ffffffb8;color:var(--brand-deep);display:grid;place-items:center;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .16s ease}.session-entry-collapse-button:hover{background:#fff;border-color:#3558d647}.session-entry-collapse-button svg{width:17px;height:17px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round;transition:transform .18s ease}.session-entry-collapse-button.is-collapsed svg{transform:rotate(180deg)}.session-entry-board{width:100%;margin-top:14px;display:grid;grid-template-columns:minmax(0,3fr) minmax(320px,2fr);align-items:stretch;gap:18px}.session-qr{width:100%;display:flex;justify-content:center;align-items:center;margin-top:0}.session-qr-card{width:min(100%,280px);display:grid;gap:8px;justify-items:center}.session-qr-preview{width:100%;padding:16px;border:1px solid rgba(17,29,49,.1);border-radius:16px;background:#fff;box-shadow:inset 0 1px #ffffffeb,0 18px 38px #0f172a1a;display:grid;place-items:center;cursor:zoom-in;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.session-qr-preview:hover{transform:translateY(-1px);border-color:#3558d638;box-shadow:inset 0 1px #fffffff0,0 22px 46px #0f172a21}.session-qr-expand-button{min-height:32px;padding:0 12px;border:1px solid rgba(53,88,214,.14);border-radius:999px;background:#ffffffc7;color:var(--brand-deep);font-size:13px;font-weight:900;letter-spacing:0;cursor:pointer;transition:background .16s ease,border-color .16s ease,transform .12s ease}.session-qr-expand-button:hover{background:#fff;border-color:#3558d63d;transform:translateY(-1px)}.session-entry-info-grid{width:100%;display:grid;grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr));gap:10px}.session-entry-info-card{min-height:104px;padding:15px 18px;border-radius:12px;border:1px solid rgba(17,29,49,.1);background:#ffffffd6;box-shadow:inset 0 1px #ffffffe0,0 12px 26px #0f172a0d;display:grid;align-content:center;justify-items:start;gap:6px;text-align:left}.session-entry-info-card span{color:#64748b;font-size:var(--live-type-label, 13px);font-weight:900;line-height:1.15}.session-entry-info-card strong{color:#0f172a;font-size:var(--live-type-value, 20px);font-weight:950;line-height:1.12;letter-spacing:0;overflow-wrap:anywhere}.session-entry-info-card em{min-height:26px;padding:0 9px;border-radius:999px;background:#3558d614;color:var(--brand-deep);display:inline-flex;align-items:center;font-size:12px;font-style:normal;font-weight:900;line-height:1}.session-entry-code-card{grid-column:auto;border-color:#3558d62e;background:linear-gradient(180deg,#fffffff5,#f5f9ffeb)}.session-entry-code-card strong{color:var(--brand-deep);font-size:var(--live-type-metric, 26px);letter-spacing:.04em;white-space:nowrap}.session-entry-note,.session-entry-empty{width:min(100%,720px);padding:13px 16px;border-radius:10px;border:1px solid rgba(17,29,49,.1);background:#ffffffb8;color:#475569;font-size:14px;font-weight:750;line-height:1.55;text-align:center}.session-entry-board>.session-entry-note{grid-column:1 / -1;width:100%}@media(max-width:760px){.session-entry-board{grid-template-columns:1fr}.session-entry-info-card{padding:12px 14px}}@media(max-width:560px){.session-qr-preview{width:100%;padding:14px}.session-entry-info-grid{grid-template-columns:1fr;grid-template-rows:repeat(3,minmax(0,1fr))}.session-entry-code-card{grid-column:auto}.session-entry-code-card strong{font-size:24px}.session-entry-info-card strong{font-size:var(--live-type-value, 20px)}}.qr-modal-overlay{position:fixed;inset:0;z-index:95;display:grid;place-items:start center;padding:28px;background:#0f172a7a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);overflow-y:auto}.qr-modal-card{width:min(100%,680px);padding:28px;margin:auto 0;border-radius:16px;border:1px solid rgba(17,29,49,.12);background:radial-gradient(circle at top left,rgba(53,88,214,.08),transparent 44%),#fff;box-shadow:inset 0 1px #ffffffdb,0 26px 70px #0f172a42;display:grid;gap:16px;justify-items:center;text-align:center}.qr-modal-copy{display:grid;gap:6px}.qr-modal-kicker{color:var(--brand);font-size:24px;font-weight:950;line-height:1.2;letter-spacing:-.02em}.qr-modal-code{min-height:34px;padding:0 14px;border-radius:999px;border:1px solid rgba(53,88,214,.14);background:#3558d612;color:var(--brand-deep);display:inline-flex;align-items:center;justify-content:center;font-weight:950;letter-spacing:.04em}.qr-modal-box{width:min(100%,560px);padding:24px;border-radius:14px;border:1px solid rgba(17,29,49,.1);background:#fff;box-shadow:inset 0 1px #ffffffe6,0 16px 34px #0f172a14}@media(max-width:640px){.qr-modal-overlay{padding:16px}.qr-modal-card{padding:20px;border-radius:16px}.qr-modal-box{padding:16px;border-radius:12px}}.qr-modal-close{min-width:120px}.live-summary-head{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.live-progress-actions{margin-top:14px;gap:12px}.live-progress-meta{display:flex;align-items:center;flex-wrap:wrap;gap:10px;font-size:14px}.live-progress-meta .text-muted{font-size:inherit}.live-current-question-card{margin-top:12px;padding:16px 18px;border:1px solid rgba(53,88,214,.14);border-radius:14px;background:linear-gradient(135deg,#3558d60e,#ffffffc2),#fff}.live-current-question-facts{width:50%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid rgba(53,88,214,.11);border-radius:11px;background:#ffffffb8;overflow:hidden}.live-current-question-fact{min-height:66px;padding:11px 16px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:5px}.live-current-question-fact+.live-current-question-fact{border-left:1px solid rgba(53,88,214,.1)}.live-current-question-fact span{color:var(--sub);font-size:var(--live-type-label);font-weight:800}.live-current-question-fact strong{color:var(--text);font-size:var(--live-type-value);line-height:1}.live-current-question-fact.is-primary strong{color:var(--brand-deep);font-size:var(--live-type-value)}.live-current-question-text{margin-top:14px;padding-top:14px;border-top:1px solid rgba(53,88,214,.1);color:var(--text);font-size:var(--live-type-subsection);font-weight:750;line-height:1.55}@media(max-width:640px){.live-current-question-card{padding:13px}.live-current-question-facts{width:100%;grid-template-columns:repeat(3,minmax(0,1fr))}.live-current-question-fact{padding:10px}}.live-progress-action{min-width:150px;min-height:48px;padding:0 24px;font-size:var(--live-type-body)}.live-participant-layout{margin-top:8px;display:grid;grid-template-columns:minmax(0,85fr) minmax(140px,15fr);align-items:start;gap:14px}.live-participant-number-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(36px,1fr));gap:6px}.live-participant-limit-field{min-width:0;width:100%;margin:0}@media(max-width:720px){.live-participant-layout{grid-template-columns:1fr}.live-participant-limit-field{max-width:180px}}.kpi-grid{margin-top:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr))}.stat-card{min-height:88px;padding:15px 16px;border-radius:14px;border:1px solid rgba(17,24,39,.08);display:flex;flex-direction:column;justify-content:center}.stat-title{color:var(--sub);font-size:var(--live-type-meta, 14px);font-weight:800}.stat-value{font-size:var(--live-type-metric, 26px);font-weight:950;margin-top:8px;line-height:1.05}.current-question-card{margin-top:14px}.current-question-label{color:var(--sub);font-weight:950;margin-bottom:6px}.current-question-box{padding:12px;border-radius:16px;border:1px solid var(--border);background:#fffc}.current-question-text{font-weight:950;line-height:1.35}.choicebar-list{display:grid;gap:17px;margin-top:16px}.choicebar{display:grid;gap:7px}.choicebar-top{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.choicebar-top>.text-muted{font-size:var(--live-type-emphasis, 16px);line-height:1.4}.choicebar .choice-chip{min-width:53px;min-height:31px;font-weight:950;padding:0 12px;border-radius:10px;border:1px solid rgba(17,24,39,.1);display:inline-flex;align-items:center;justify-content:center;font-size:var(--live-type-body, 15px)}.choicebar-students{margin-left:auto;max-width:520px;text-align:right;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--sub);font-size:var(--live-type-meta, 14px)}@media(max-width:720px){.choicebar-students{max-width:100%;text-align:left;margin-left:0}}.choicebar-track{height:12px;border-radius:999px;background:#0000000f;overflow:hidden;border:1px solid rgba(17,24,39,.08)}.choicebar-fill{height:100%;border-radius:999px}.section-head-row{display:flex;align-items:baseline;justify-content:space-between;gap:10px;flex-wrap:wrap}.mt-12{margin-top:12px}.mb-8{margin-bottom:8px}.p-12{padding:12px}.row-between{justify-content:space-between}.row-center{align-items:center}.excel-toolbar{display:grid;gap:6px;justify-items:end}.excel-button-row{display:flex;gap:8px;align-items:center;justify-content:flex-end;flex-wrap:nowrap}.excel-import-note{text-align:right;white-space:nowrap}.quiz-draft-inline{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.quiz-draft-inline-bottom{margin-right:2px}.quiz-editor-footer-actions{align-items:center;justify-content:flex-end;flex-wrap:wrap}.quiz-draft-note{margin:0}.quiz-draft-note.is-error{color:var(--danger)}.btn-ghost-sm{padding:8px 10px;border-radius:12px}.edit-header{margin-bottom:18px}.field-sm{min-width:120px}.field-md{min-width:160px}.field-grow{flex:1;min-width:220px}.control-grid-4{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;align-items:end}@media(max-width:980px){.control-grid-4{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.control-grid-4{grid-template-columns:1fr}}.btn-outline:disabled,.btn-ghost:disabled{opacity:.5;cursor:not-allowed;box-shadow:none;border-color:var(--border)}select{-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:28px;background-image:linear-gradient(45deg,transparent 50%,#9ca3af 50%),linear-gradient(135deg,#9ca3af 50%,transparent 50%);background-position:calc(100% - 14px) 50%,calc(100% - 8px) 50%;background-size:6px 6px,6px 6px;background-repeat:no-repeat}.live-summary-graph{margin-top:12px}.live-summary-graph-label{font-size:var(--live-type-emphasis);font-weight:750;color:var(--sub);margin-bottom:8px}.live-summary-graph-label strong{font-size:var(--live-type-subsection);color:var(--text)}.live-summary-graph-label .text-muted{font-size:inherit}.session-live-page-card .live-participant-title{font-size:var(--live-type-subsection)}.session-live-page-card .live-participant-limit-field label{font-size:var(--live-type-label)}.live-summary-graph-track{width:100%;height:10px;border-radius:999px;background:#1118270f;overflow:hidden}.live-summary-graph-fill{height:100%;border-radius:999px;background:var(--brand);transition:width .25s ease-out}.home-page{width:min(1480px,100%);margin:0 auto;padding:20px 0 18px;display:grid;gap:24px}.home-shell-grid{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:24px;align-items:start}.home-shell-grid-full{grid-template-columns:minmax(0,1fr)}.home-carousel{display:grid;gap:14px;width:100%;padding:24px;border:1px solid var(--border-strong);border-radius:20px;background:linear-gradient(180deg,#fffffffa,#f8fafcfa);box-shadow:var(--shadow-soft)}.home-main-stack{display:grid;gap:16px;min-width:0;width:100%}.home-hero-copy{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:20px;align-items:end;padding:10px 0 4px}.home-hero-main{display:grid;gap:12px}.home-hero-kicker{font-size:12px;font-weight:var(--weight-ui);letter-spacing:.12em;color:var(--brand)}.home-hero-title{margin:0;font-size:50px;line-height:1.12;letter-spacing:-.04em;font-weight:var(--weight-title);color:#0f172a}.home-hero-quick{padding:16px;border-radius:18px;border:1px solid rgba(239,194,0,.24);background:linear-gradient(180deg,#fff8d6f0,#fffffffa);box-shadow:0 18px 34px #ddb0001a,0 5px 14px #0f182a08;display:grid;gap:10px}.home-hero-quick-label{font-size:15px;font-weight:var(--weight-ui);letter-spacing:-.01em;color:#8c6500}.home-hero-quick-link{min-height:50px;padding:0 14px;border-radius:14px;border:1px solid var(--action-border);background:linear-gradient(135deg,#ffe27a,var(--action) 58%,#ffc92e);color:#3a2b00;display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:16px;font-weight:var(--weight-title);box-shadow:inset 0 1px #ffffff6b,0 14px 28px #ddb00038;transition:transform .15s ease,box-shadow .15s ease,filter .15s ease,border-color .15s ease}.home-hero-quick-link:hover{transform:translateY(-1px);border-color:var(--action-border-hover);box-shadow:inset 0 1px #ffffff7a,0 18px 32px #ddb00047;filter:saturate(1.03)}.home-hero-quick-chip{min-height:28px;padding:0 10px;border-radius:999px;border:1px solid rgba(255,255,255,.48);background:#ffffff61;color:#6f5200;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:var(--weight-ui);white-space:nowrap}.home-carousel-media{position:relative;border-radius:24px;overflow:hidden;border:1px solid var(--border-strong);background:#eef2f7;box-shadow:var(--shadow-raise);touch-action:pan-y;-webkit-user-select:none;user-select:none;cursor:grab}.home-carousel-media.dragging{cursor:grabbing}.home-carousel-track{display:flex;height:auto;transition:transform .62s cubic-bezier(.22,.61,.36,1);will-change:transform}.home-carousel-track.dragging{transition:none}.home-carousel-slide{position:relative;flex:0 0 auto;border-radius:inherit;overflow:hidden;background:#eef2f7}.home-carousel-visual{position:relative;aspect-ratio:2340 / 1080;border-radius:inherit;background:#eef2f7;overflow:hidden}.home-carousel-image{position:absolute;inset:0;width:100%;height:100%;border-radius:inherit;object-fit:cover;object-position:center center;transform-origin:center center;pointer-events:none;-webkit-user-drag:none}.home-carousel-count{position:absolute;right:16px;bottom:16px;z-index:2;min-width:48px;padding:7px 11px;border-radius:999px;background:#0f172a9e;color:#fff;font-size:12px;font-weight:var(--weight-ui);line-height:1;text-align:center}.home-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-feature-card{width:100%;padding:18px 18px 16px;border-radius:18px;border:1px solid var(--border-strong);background:linear-gradient(180deg,#fcfdfffa,#f6fafdf2);box-shadow:var(--shadow-soft);display:grid;gap:8px;text-align:left;font:inherit;appearance:none;cursor:pointer;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease}.home-feature-card:hover{transform:translateY(-1px);border-color:#4f46e533;box-shadow:0 14px 28px #0f172a14}.home-feature-card.active{border-color:#4f46e547;box-shadow:inset 0 3px #4f46e5,0 16px 30px #4f46e514}.home-feature-kicker{font-size:11px;font-weight:var(--weight-ui);letter-spacing:.12em;text-transform:uppercase;color:var(--brand)}.home-feature-title{font-size:21px;line-height:1.24;letter-spacing:-.03em;font-weight:var(--weight-title);color:#0f172a}.home-feature-body{margin:0;color:#64748b;font-size:14px;line-height:1.7}.home-carousel,.guide-intro-hero,.page-intro-panel{position:relative;overflow:hidden}.home-carousel:before,.guide-intro-hero:before,.page-intro-panel:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:linear-gradient(90deg,var(--brand),var(--accent));pointer-events:none}.page-intro,.subpage-hero{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start;padding:28px;border:1px solid var(--border-strong);border-radius:20px;background:linear-gradient(180deg,#fffffffa,#f6fafdf5);box-shadow:var(--shadow-soft)}.page-intro-copy,.subpage-hero-copy{display:grid;gap:14px}.home-eyebrow,.home-card-label{font-size:12.5px;font-weight:var(--weight-label);letter-spacing:.11em;text-transform:uppercase;color:var(--accent);margin-bottom:4px}.page-intro-title,.subpage-title{margin:0;font-size:clamp(38px,4.6vw,44px);line-height:1.12;letter-spacing:-.045em;font-weight:var(--weight-title);color:#0f172a}.page-intro-title,.guide-page-main-title{padding-bottom:8px}.page-intro-description,.subpage-description{margin:0;max-width:720px;color:#475569;font-size:15.5px;line-height:1.78}.page-intro-actions{display:flex;flex-wrap:wrap;gap:12px}.page-intro-panel{display:grid;grid-template-columns:minmax(0,1fr) 248px;gap:20px;align-items:start;padding:26px 28px 24px;margin-bottom:18px;border:1px solid rgba(53,88,214,.14);border-radius:24px;background:radial-gradient(circle at top left,rgba(53,88,214,.08),transparent 40%),linear-gradient(180deg,#fffffffa,#f7fafdf5);box-shadow:inset 0 1px #ffffffd1,0 18px 34px #0f182a0d}.page-intro-panel-copy{display:grid;gap:12px;min-width:0}.page-intro-panel .text-kicker{margin-bottom:0}.page-intro-title-compact{margin:0;font-size:clamp(32px,4vw,38px);line-height:1.12;letter-spacing:-.045em}.page-intro-panel .page-intro-description{max-width:56ch}.page-intro-panel-side{display:grid;gap:8px;align-content:start;min-height:100%;padding:16px 18px;border-radius:18px;border:1px solid rgba(17,29,49,.1);background:#fbfcfee0;box-shadow:inset 0 1px #ffffffbd}.page-intro-panel-minimal{grid-template-columns:minmax(0,1fr) max-content;gap:16px;padding:18px 20px;margin-bottom:16px;border-radius:8px;border-color:#111d312e;background:linear-gradient(90deg,rgba(53,88,214,.08),transparent 34%),linear-gradient(180deg,#fffffffa,#f7fafdf5)}.page-intro-panel-minimal .page-intro-panel-copy{gap:6px;align-content:center}.page-intro-panel-minimal .text-kicker{position:relative;display:inline-flex;align-items:center;gap:14px;margin-bottom:0;font-size:clamp(19px,2.3vw,22px);line-height:1.2;letter-spacing:-.01em;text-transform:none;color:#0f172a;font-weight:800}.page-intro-panel-minimal .text-kicker:before{content:"";width:5px;height:24px;border-radius:2px;background:var(--brand);box-shadow:none;flex:0 0 auto}.page-intro-panel-minimal .page-intro-description{margin:0;max-width:54ch;color:#64748b;font-size:13px;line-height:1.6}.page-intro-panel-minimal .page-intro-panel-side{justify-self:end;align-self:start;width:max-content;min-height:auto;padding:12px 14px;gap:6px;border-radius:8px}.page-intro-panel-minimal .page-intro-side-kicker{font-size:10px}.page-intro-panel-minimal .page-intro-side-value{font-size:18px}.page-intro-panel-minimal .page-intro-side-text{font-size:13px;line-height:1.55}.page-intro-panel-title-only{grid-template-columns:1fr}.page-intro-panel-side-action{gap:12px}.page-intro-panel-side .btn{width:100%}.page-intro-side-kicker{font-size:10.5px;font-weight:var(--weight-label);letter-spacing:.14em;text-transform:uppercase;color:var(--sub)}.page-intro-side-value{margin:0;color:#0f172a;font-size:20px;line-height:1.18;letter-spacing:-.03em;font-weight:950}.page-intro-side-text{margin:0;color:#64748b;font-size:13.5px;line-height:1.65}.page-intro-panel-centered{grid-template-columns:1fr;justify-items:center;text-align:center}.page-intro-panel-centered .page-intro-description{margin-left:auto;margin-right:auto}.page-intro-side,.subpage-side-card,.home-start-card,.home-guide-card,.home-preview-card,.home-board-item{border:1px solid var(--border-strong);border-radius:18px;background:linear-gradient(180deg,#fffffffa,#f7fafdf2);box-shadow:var(--shadow-soft)}.page-intro-side,.subpage-side-card{padding:20px;display:grid;gap:12px;background:#fbfcfe}.home-access-title,.home-card-title,.home-guide-title,.home-preview-title,.home-board-title{margin:0;font-size:19px;font-weight:950;line-height:1.28;letter-spacing:-.025em;color:#0f172a}.home-access-summary,.home-card-body,.home-guide-body,.home-preview-body,.home-board-summary,.home-board-note{margin:0;color:#64748b;font-size:14.5px;line-height:1.72}.home-access-badge{display:inline-flex;align-items:center;justify-content:center;width:fit-content;min-height:32px;padding:6px 12px;border-radius:999px;border:1px solid rgba(15,118,110,.16);background:#0f766e12;color:#0f766e;font-size:12px;font-weight:900;white-space:nowrap}.home-simple-list{margin:0;padding:0;list-style:none;display:grid;gap:8px}.home-simple-list li{position:relative;padding-left:16px;color:#334155;font-size:14px;line-height:1.65}.home-simple-list li:before{content:"";position:absolute;left:0;top:9px;width:6px;height:6px;border-radius:999px;background:#0ea5e9}.home-section{display:grid;gap:16px}.home-section-box{padding:20px;border:1px solid var(--border-strong);border-radius:18px;background:linear-gradient(180deg,#fffffffa,#f7fafdf2);box-shadow:var(--shadow-soft)}.home-side-panel{padding:20px;border:1px solid var(--border-strong);border-radius:18px;background:linear-gradient(180deg,#fffffffa,#f7fafdf2);box-shadow:var(--shadow-soft);display:grid;gap:14px}.home-side-panel-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.home-side-title{margin:0;font-size:20px;line-height:1.24;font-weight:950;color:#0f172a}.home-side-highlight{background:linear-gradient(180deg,#f0f9ffe0,#fffffffa)}.home-floating-login{position:sticky;top:108px;padding:18px;border:1px solid var(--border-strong);border-radius:18px;background:linear-gradient(180deg,#f8fafcfa,#fffffffa);box-shadow:var(--shadow-soft);display:grid;gap:14px}.home-login-panel,.home-floating-login{background:linear-gradient(180deg,#f8fafcfa,#fffffffa)}.home-login-actions{display:grid;grid-template-columns:1fr;gap:10px}.home-login-greeting{margin:-2px 0 0;color:#334155;font-size:15px;line-height:1.45;font-weight:850;letter-spacing:-.02em}.home-login-state-card{display:grid;gap:12px;padding:15px;border:1px solid rgba(17,29,49,.1);border-radius:20px;background:linear-gradient(180deg,#fffffffc,#f8fafcfa);box-shadow:inset 0 1px #ffffffd1,0 10px 22px #0f172a0a}.home-login-state-card.is-guest,.home-login-state-card.is-member,.home-login-state-card.is-teacher{border-color:#111d311a}.home-login-state-headline{display:grid;gap:9px}.home-login-state-value{font-size:21px;font-weight:950;line-height:1.1;letter-spacing:-.03em;color:#0f172a}.home-login-state-bar{position:relative;height:7px;border-radius:999px;background:#e2e8f0c7;overflow:hidden}.home-login-state-bar-fill{display:block;height:100%;border-radius:inherit;background:#64748b}.home-login-state-card.is-member .home-login-state-bar-fill{background:var(--brand)}.home-login-state-card.is-teacher .home-login-state-bar-fill{background:var(--accent)}.home-login-stage-list{margin:0;padding:0;list-style:none;display:grid;gap:7px}.home-login-stage-item{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:12px;border:1px solid rgba(148,163,184,.14);background:#f8fafcd1;color:#64748b;font-size:12.5px;line-height:1.4;font-weight:700;transition:border-color .16s ease,background .16s ease,color .16s ease,box-shadow .16s ease}.home-login-stage-item.active{color:#0f172a;border-color:#111d311c;background:#fffffffa;box-shadow:inset 0 1px #ffffffdb,0 6px 14px #0f172a0a}.home-login-stage-number{width:22px;height:22px;border-radius:999px;border:1px solid rgba(148,163,184,.22);background:#e2e8f0b8;color:#64748b;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;line-height:1;flex:0 0 auto}.home-login-stage-item.active .home-login-stage-number{color:#fff;border-color:transparent}.home-login-state-card.is-guest .home-login-stage-item.active .home-login-stage-number{background:#475569;box-shadow:0 0 0 4px #4755691a}.home-login-state-card.is-member .home-login-stage-item.active .home-login-stage-number{background:var(--brand);box-shadow:0 0 0 4px #3558d61a}.home-login-state-card.is-teacher .home-login-stage-item.active .home-login-stage-number{background:var(--accent);box-shadow:0 0 0 4px #0f766e1a}.home-login-stage-text{min-width:0}.my-quiz-page{display:grid;gap:18px}.my-quiz-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.my-quiz-section{display:grid;gap:14px}.my-quiz-draft-card{display:grid;gap:12px;padding:18px;border:1px solid rgba(53,88,214,.14);border-radius:20px;background:linear-gradient(180deg,#fffffffa,#f8fbfff5);box-shadow:var(--shadow-soft)}.my-quiz-library-toolbar{display:grid;grid-template-columns:minmax(0,1fr) 180px;gap:10px;align-items:end}.my-quiz-library-search,.my-quiz-library-sort{display:grid;gap:7px;min-width:0}.my-quiz-library-search span,.my-quiz-library-sort span{color:#64748b;font-size:12px;font-weight:var(--weight-label)}.my-quiz-library-search input,.my-quiz-library-sort select{min-height:42px;border-radius:14px;background:#f8fafcf0}.my-quiz-list{display:grid;gap:12px}.my-quiz-card{--my-quiz-accent: #3558d6;display:grid;grid-template-columns:1fr;gap:14px;padding:18px;border:1px solid var(--border-panel);border-radius:18px;background:#fffffffa;box-shadow:inset 0 1px #ffffffd1,0 10px 22px #0f182a0b;position:relative;overflow:hidden;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.my-quiz-card:before{content:"";position:absolute;inset:14px auto 14px 0;width:4px;border-radius:0 999px 999px 0;background:var(--my-quiz-accent);opacity:.92;pointer-events:none}.my-quiz-card>*{position:relative;z-index:1}.my-quiz-card.is-shared{--my-quiz-accent: #0f766e}.my-quiz-card.is-outdated{--my-quiz-accent: #c27a16}.my-quiz-card:hover,.my-quiz-card:focus-within{transform:translateY(-1px);border-color:color-mix(in srgb,var(--my-quiz-accent) 26%,rgba(17,29,49,.15));box-shadow:inset 0 1px #ffffffdb,0 14px 28px #0f182a0f}.my-quiz-card-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.my-quiz-card-copy{display:grid;gap:7px;min-width:0}.my-quiz-card-kicker{color:var(--my-quiz-accent, var(--brand));font-size:11.5px;font-weight:var(--weight-label);letter-spacing:.02em}.my-quiz-card-title{margin:0;color:#0f172a;font-size:22px;line-height:1.18;letter-spacing:-.035em;font-weight:var(--weight-title);transition:color .16s ease,transform .16s ease}.my-quiz-card-summary{margin:0;color:#5f6e83;font-size:14px;line-height:1.62;max-width:60ch}.my-quiz-card-date{color:#64748b;font-size:12px;font-weight:800;white-space:nowrap;transition:color .16s ease;padding-top:2px}.my-quiz-card:hover .my-quiz-card-title{color:#0f172a;transform:none}.my-quiz-card:hover .my-quiz-card-date{color:var(--my-quiz-accent, var(--brand))}.my-quiz-chip-row{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.my-quiz-chip{min-height:26px;max-width:100%;padding:0 9px;border-radius:8px;border:1px solid rgba(100,116,139,.16);background:#f8fafcb8;color:#475569;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:var(--weight-ui);white-space:nowrap;line-height:1;overflow:hidden;text-overflow:ellipsis}.my-quiz-chip.accent{border-color:#3558d62e;background:#3558d612;color:var(--brand-deep)}.my-quiz-chip.is-shared{border-color:#0f766e2e;background:#0f766e12;color:#0f766e}.my-quiz-foot{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:center;justify-content:space-between;gap:12px;padding-top:12px;border-top:1px solid rgba(148,163,184,.16)}.my-quiz-foot-summary{color:#64748b;font-size:13px;font-weight:700;min-width:0}.my-quiz-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex-wrap:nowrap}.my-quiz-actions .btn-sm{min-width:88px;min-height:34px;padding:0 11px;border-radius:10px;box-shadow:none}.my-quiz-empty{margin-top:2px}.my-quiz-empty-panel{display:grid;justify-items:center;gap:8px}.my-quiz-empty-panel strong{color:#0f172a;font-size:16px;font-weight:950;letter-spacing:-.02em}.my-quiz-empty-panel span{color:#64748b;font-size:13.5px;line-height:1.55}.my-quiz-empty-actions{display:flex;justify-content:center;gap:8px;flex-wrap:wrap;margin-top:6px}.home-section-head{display:grid;gap:6px}.home-section-title{margin:0 0 8px;font-size:30px;line-height:1.14;letter-spacing:-.04em;font-weight:950;color:#0f172a}.section-copy-row{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.section-copy-text{margin:0;max-width:460px;color:#64748b;font-size:15px;line-height:1.72}.home-start-grid,.home-role-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-start-card{padding:18px;display:grid;gap:10px}.home-text-link{display:inline-flex;align-items:center;width:fit-content;color:#0f766e;font-size:14px;font-weight:950;transition:color .15s ease}.home-text-link:hover{color:#115e59}.home-guide-grid,.guide-flow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-showcase-stack{display:grid;gap:12px}.guide-showcase-row{--guide-stage-accent: var(--brand);display:grid;grid-template-columns:minmax(0,1fr) minmax(520px,640px);gap:22px;align-items:center;padding:18px;border:1px solid var(--border-strong);border-radius:28px;background:#fffffff5;box-shadow:var(--shadow-soft);position:relative;overflow:hidden;isolation:isolate;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease,background .18s ease}.guide-showcase-row:before{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:var(--guide-stage-accent);opacity:.92;transition:width .18s ease,opacity .18s ease;z-index:0}.guide-showcase-row:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0%,transparent 38%,color-mix(in srgb,var(--guide-stage-accent) 8%,transparent) 50%,transparent 63%,transparent 100%);opacity:0;transform:translate(-18%);transition:opacity .2s ease,transform .24s ease;pointer-events:none;z-index:0}.guide-showcase-row>*{position:relative;z-index:1}.guide-showcase-row:hover,.guide-showcase-row:focus-within{transform:translateY(-2px);border-color:color-mix(in srgb,var(--guide-stage-accent) 32%,rgba(17,29,49,.16));box-shadow:inset 0 1px #ffffffd1,0 18px 38px #0f182a14}.guide-showcase-row:hover:before,.guide-showcase-row:focus-within:before{width:8px;opacity:1}.guide-showcase-row:hover:after,.guide-showcase-row:focus-within:after{opacity:1;transform:translate(0)}.guide-showcase-row:nth-child(1){--guide-stage-accent: #3558d6;background:#fbfcff}.guide-showcase-row:nth-child(2){--guide-stage-accent: #0f766e;background:#f7fcfa}.guide-showcase-row:nth-child(3){--guide-stage-accent: #c27a16;background:#fffaf2}.guide-showcase-row:nth-child(4){--guide-stage-accent: #7c3aed;background:#fbf8ff}.guide-showcase-row.reverse{grid-template-columns:minmax(520px,640px) minmax(0,1fr)}.guide-showcase-row.reverse:before{inset:0 0 0 auto}.guide-showcase-row.reverse .guide-showcase-copy{order:2}.guide-showcase-row.reverse .guide-showcase-media{order:1}.guide-showcase-copy{display:grid;gap:10px}.guide-showcase-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.guide-showcase-index{min-width:46px;min-height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(17,29,49,.1);background:#ffffffeb;color:var(--guide-stage-accent);display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:var(--weight-ui);letter-spacing:.08em;box-shadow:inset 0 1px #ffffffc7;transition:transform .18s ease,color .18s ease,background .18s ease,border-color .18s ease,box-shadow .18s ease}.guide-showcase-row:hover .guide-showcase-index,.guide-showcase-row:focus-within .guide-showcase-index{transform:translateY(-1px);border-color:transparent;background:var(--guide-stage-accent);color:#fff;box-shadow:0 8px 18px color-mix(in srgb,var(--guide-stage-accent) 22%,transparent)}.guide-showcase-title{margin:0;color:#0f172a;font-size:30px;line-height:1.14;letter-spacing:-.04em;font-weight:var(--weight-title)}.guide-showcase-body{margin:0;color:#55657a;font-size:15px;line-height:1.78;max-width:54ch}.guide-showcase-media{padding:8px;border-radius:22px;border:1px solid rgba(17,29,49,.1);background:#ffffffd6;box-shadow:inset 0 1px #ffffffc7,0 12px 24px #0f182a0d;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.guide-showcase-row:hover .guide-showcase-media,.guide-showcase-row:focus-within .guide-showcase-media{transform:translateY(-1px);border-color:color-mix(in srgb,var(--guide-stage-accent) 22%,rgba(17,29,49,.12));box-shadow:inset 0 1px #ffffffd1,0 16px 30px #0f182a14}.guide-shot-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.guide-shot-button{position:relative;width:100%;display:block;padding:0;border:0;border-radius:16px;background:transparent;color:inherit;cursor:pointer;overflow:hidden;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.guide-shot-button:after{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(180deg,transparent 56%,rgba(15,24,42,.08));opacity:0;transition:opacity .18s ease;pointer-events:none}.guide-shot-button:hover,.guide-shot-button:focus-visible{transform:translateY(-2px);box-shadow:0 12px 24px #0f182a1a}.guide-shot-button:focus-visible{outline:3px solid color-mix(in srgb,var(--guide-stage-accent) 28%,transparent);outline-offset:3px}.guide-shot-button:hover:after,.guide-shot-button:focus-visible:after{opacity:1}.guide-shot-image{width:100%;display:block;border-radius:16px;background:#fff;object-fit:contain;transition:transform .22s ease,filter .22s ease}.guide-shot-button:hover .guide-shot-image,.guide-shot-button:focus-visible .guide-shot-image{transform:scale(1.025);filter:saturate(1.04)}.guide-shot-zoom{position:absolute;right:10px;bottom:10px;min-height:30px;padding:0 11px;border-radius:999px;border:1px solid rgba(15,24,42,.14);background:#ffffffeb;color:#0f172a;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:900;box-shadow:0 8px 18px #0f182a1f;opacity:0;transform:translateY(4px);transition:opacity .16s ease,transform .16s ease}.guide-shot-button:hover .guide-shot-zoom,.guide-shot-button:focus-visible .guide-shot-zoom{opacity:1;transform:translateY(0)}.guide-slide-entry{justify-self:center;margin-top:18px;max-width:760px;width:min(100%,760px);padding:16px 20px 18px;border:1px solid rgba(17,29,49,.1);border-radius:28px;background:radial-gradient(circle at 50% 0%,rgba(53,88,214,.1),transparent 46%),#ffffff94;color:#0f172a;display:grid;gap:12px;justify-items:center;cursor:pointer;position:relative;overflow:hidden;box-shadow:inset 0 1px #ffffffd1,0 18px 44px #0f172a14;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease,background .16s ease}.guide-slide-entry:hover,.guide-slide-entry:focus-visible{transform:translateY(-2px);border-color:#3558d638;background:radial-gradient(circle at 50% 0%,rgba(53,88,214,.14),transparent 48%),#ffffffc2;box-shadow:inset 0 1px #ffffffe0,0 24px 54px #0f172a1f}.guide-slide-entry-preview{width:min(600px,100%);height:130px;position:relative}.guide-slide-entry-card{position:absolute;top:13px;width:42%;height:100px;border-radius:15px;border:1px solid rgba(17,29,49,.12);background:#fff;box-shadow:0 14px 30px #0f172a1c;overflow:hidden;transform:var(--entry-card-transform);animation:guide-entry-card-float 4.8s ease-in-out infinite;transition:transform .18s ease,box-shadow .18s ease}.guide-slide-entry:hover .guide-slide-entry-card,.guide-slide-entry:focus-visible .guide-slide-entry-card{box-shadow:0 18px 38px #0f172a29}.guide-slide-entry-card img{width:100%;height:100%;display:block;object-fit:cover}.guide-slide-entry-card.is-first{left:4%;--entry-card-transform: rotate(-4deg)}.guide-slide-entry-card.is-second{left:29%;z-index:2;--entry-card-transform: translateY(-8px);animation-delay:.35s}.guide-slide-entry-card.is-third{right:4%;--entry-card-transform: rotate(4deg);animation-delay:.7s}.guide-slide-entry:hover .guide-slide-entry-card,.guide-slide-entry:focus-visible .guide-slide-entry-card{animation:none}.guide-slide-entry:hover .guide-slide-entry-card.is-first,.guide-slide-entry:focus-visible .guide-slide-entry-card.is-first{transform:translate(-6px) rotate(-5deg)}.guide-slide-entry:hover .guide-slide-entry-card.is-second,.guide-slide-entry:focus-visible .guide-slide-entry-card.is-second{transform:translateY(-12px)}.guide-slide-entry:hover .guide-slide-entry-card.is-third,.guide-slide-entry:focus-visible .guide-slide-entry-card.is-third{transform:translate(6px) rotate(5deg)}.guide-slide-entry-play{position:absolute;left:50%;top:50%;z-index:4;width:52px;height:52px;border-radius:999px;background:#3558d6eb;box-shadow:0 14px 30px #3558d642;transform:translate(-50%,-48%);display:grid;place-items:center}.guide-slide-entry-play:before{content:"";width:0;height:0;margin-left:4px;border-top:10px solid transparent;border-bottom:10px solid transparent;border-left:15px solid #ffffff}.guide-slide-entry-play:after{content:"";position:absolute;inset:-8px;border-radius:inherit;border:1px solid rgba(53,88,214,.28);animation:guide-entry-play-pulse 1.9s ease-out infinite}.guide-slide-entry-flow{width:min(560px,100%);display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.guide-slide-entry-flow span{min-height:28px;border-radius:999px;border:1px solid rgba(17,29,49,.08);background:#ffffffad;color:#475569;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:950;animation:guide-entry-flow-pulse 3.2s ease-in-out infinite}.guide-slide-entry-flow span:nth-child(2){animation-delay:.18s}.guide-slide-entry-flow span:nth-child(3){animation-delay:.36s}.guide-slide-entry-flow span:nth-child(4){animation-delay:.54s}.guide-slide-entry-copy{min-width:0;display:grid;gap:2px;text-align:center}.guide-slide-entry-kicker{color:#64748b;font-size:13px;font-weight:850}.guide-slide-entry-title{color:#0f172a;font-size:20px;line-height:1.18;font-weight:950;letter-spacing:-.02em}@keyframes guide-entry-card-float{0%,to{transform:var(--entry-card-transform) translateY(0)}50%{transform:var(--entry-card-transform) translateY(-5px)}}@keyframes guide-entry-play-pulse{0%{opacity:.75;transform:scale(.92)}to{opacity:0;transform:scale(1.42)}}@keyframes guide-entry-flow-pulse{0%,to{transform:translateY(0);background:#ffffffad}45%{transform:translateY(-2px);background:#ffffffeb}}@media(prefers-reduced-motion:reduce){.guide-slide-entry-card,.guide-slide-entry-play:after,.guide-slide-entry-flow span{animation:none}}.guide-shot-placeholder,.guide-preview-placeholder{aspect-ratio:16 / 9;border-radius:18px;border:1px dashed rgba(99,115,134,.32);background:#f5f8fc;display:grid;align-content:center;gap:10px;padding:22px}.guide-shot-label{color:var(--guide-stage-accent);font-size:12px;font-weight:var(--weight-label);letter-spacing:.12em;text-transform:uppercase}.guide-shot-title{color:#0f172a;font-size:23px;line-height:1.16;letter-spacing:-.03em;font-weight:var(--weight-title)}.guide-shot-note{margin:0;color:#64748b;font-size:14px;line-height:1.7}.guide-flow-card{padding:20px;border:1px solid var(--border-strong);border-radius:18px;background:linear-gradient(180deg,#f8fafcf5,#fffffffa);box-shadow:var(--shadow-soft);display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.guide-flow-copy{display:grid;gap:8px}.home-guide-grid.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.home-guide-card{padding:18px;display:grid;grid-template-columns:auto 1fr;gap:14px;align-items:start}.home-step-number{width:34px;height:34px;border-radius:8px;background:#0f766e1a;color:#0f766e;display:grid;place-items:center;font-size:13px;font-weight:var(--weight-title)}.home-preview-grid,.guide-note-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-note-card{padding:18px;border:1px solid var(--border-strong);border-radius:18px;background:linear-gradient(180deg,#fffffffa,#f7fafdf2);box-shadow:var(--shadow-soft);display:grid;gap:8px}.guide-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.guide-preview-card{overflow:hidden;border:1px solid var(--border-strong);border-radius:18px;background:linear-gradient(180deg,#fffffffa,#f7fafdf2);box-shadow:var(--shadow-soft);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.guide-preview-card:hover,.guide-preview-card:focus-within{transform:translateY(-3px);border-color:color-mix(in srgb,var(--guide-preview-accent, var(--brand)) 28%,rgba(17,29,49,.14));box-shadow:inset 0 1px #ffffffd1,0 18px 34px #0f182a14}.guide-page{gap:16px}.guide-page .page-intro{padding:22px}.guide-page .page-intro-copy,.guide-page .page-intro-actions{gap:8px}.guide-page .subpage-side-card{padding:24px;gap:8px}.home-page.guide-page{width:min(1480px,100%)}.guide-page .home-section{gap:10px}.guide-page .home-section-box{padding:22px}.guide-page .section-copy-row{align-items:flex-start;gap:8px}.guide-page .guide-showcase-row{gap:18px;padding:24px}.guide-page .guide-showcase-copy{gap:8px}.guide-page .home-card-label,.guide-page .guide-shot-label{font-size:14px}.guide-page .guide-showcase-media{padding:10px}.guide-page .guide-shot-placeholder{gap:8px;padding:20px}.guide-page .guide-preview-grid{gap:10px}.guide-page .home-preview-copy{padding:20px;gap:5px}.guide-page .guide-section-intro{gap:12px}.guide-intro-hero{display:grid;gap:10px;width:min(100%,1040px);margin:0 auto;padding:34px 40px 28px;border:1px solid var(--border-strong);border-radius:30px;background:#fffffff5;box-shadow:inset 0 1px #ffffffd1,0 20px 40px #0f182a0f}.guide-section-intro-copy{display:grid;gap:8px;max-width:920px;margin:0 auto;text-align:center;justify-items:center}.guide-page-main-title{font-size:clamp(34px,3.9vw,44px);line-height:1.12;letter-spacing:-.04em;max-width:none;word-break:keep-all;white-space:nowrap}.guide-page .guide-section-intro .page-intro-description{max-width:560px;color:#55657a;font-size:15px;line-height:1.72}.guide-preview-section{gap:10px}.guide-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;flex-wrap:wrap}.guide-section-count{min-height:32px;padding:0 14px;border-radius:999px;border:1px solid rgba(15,118,110,.16);background:#0f766e12;color:var(--accent);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:var(--weight-ui);white-space:nowrap}.guide-page .guide-cta-section{gap:10px}.guide-cta-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px;align-items:stretch}.guide-cta-copy{display:grid;gap:6px;align-content:start}.guide-page .guide-cta-status{height:100%;border-left:4px solid var(--accent);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.guide-page .guide-cta-section{position:relative;overflow:hidden;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.guide-page .guide-cta-section:after{content:"";position:absolute;inset:auto 18px 0;height:3px;border-radius:999px 999px 0 0;background:linear-gradient(90deg,#3558d6,#0f766e,#c27a16);opacity:0;transform:scaleX(.72);transform-origin:center;transition:opacity .18s ease,transform .2s ease;pointer-events:none}.guide-page .guide-cta-section:hover,.guide-page .guide-cta-section:focus-within{transform:translateY(-1px);border-color:#3558d62e;box-shadow:inset 0 1px #ffffffd6,0 18px 34px #0f182a12}.guide-page .guide-cta-section:hover:after,.guide-page .guide-cta-section:focus-within:after{opacity:1;transform:scaleX(1)}.guide-page .guide-cta-section:hover .guide-cta-status,.guide-page .guide-cta-section:focus-within .guide-cta-status{transform:translateY(-1px);border-left-color:var(--brand);box-shadow:inset 0 1px #ffffffd1,0 12px 24px #0f182a0f}.guide-page .guide-cta-copy .section-copy-text{max-width:none}.guide-cta-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px;padding-top:12px;border-top:1px solid var(--border-soft)}.guide-cta-actions .btn-lg{padding:12px 16px;border-radius:12px;font-size:15px}.guide-preview-placeholder-card{display:grid;gap:0}.guide-slide-modal-overlay{position:fixed;inset:0;z-index:80;padding:28px;background:#0f172a94;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:grid;place-items:center}.guide-slide-modal-card{position:relative;width:min(1180px,100%);max-height:min(880px,calc(100vh - 56px));padding:16px;border-radius:22px;border:1px solid rgba(255,255,255,.24);background:#fffffffa;box-shadow:0 30px 70px #0f172a57;display:grid;gap:12px;overflow:auto}.guide-slide-side-button{position:absolute;top:92px;bottom:78px;z-index:2;width:108px;border:0;border-radius:0;background:transparent;color:#0f172a4d;display:grid;place-items:center;font-size:54px;font-weight:950;line-height:1;cursor:pointer;transition:color .16s ease,background .16s ease,opacity .16s ease}.guide-slide-side-button:hover,.guide-slide-side-button:focus-visible{color:#0f172abd}.guide-slide-side-button:disabled{opacity:0;cursor:default}.guide-slide-side-button.is-left{left:0;background:transparent}.guide-slide-side-button.is-right{right:0;background:transparent}.guide-slide-side-mark{width:42px;height:42px;border-radius:999px;background:transparent;display:grid;place-items:center}.guide-slide-modal-head{position:relative;z-index:5;display:flex;align-items:center;justify-content:space-between;gap:14px}.guide-slide-progress{min-height:34px;padding:0 13px;border-radius:999px;border:1px solid rgba(17,29,49,.1);background:#f8fafceb;color:#475569;display:inline-flex;align-items:center;justify-content:center;font-size:14px;font-weight:950}.guide-slide-close-button{min-height:42px;padding:0 17px;border-radius:13px;font-size:15px;font-weight:950}.guide-slide-copy{display:grid;gap:6px;text-align:center;justify-items:center}.guide-slide-kicker{color:var(--brand-deep);font-size:clamp(18px,1.9vw,25px);font-weight:950;line-height:1.1}.guide-slide-title{margin:0;color:#0f172a;font-size:clamp(22px,2.4vw,34px);line-height:1.16;font-weight:var(--weight-title);letter-spacing:-.04em}.guide-slide-body{max-width:760px;margin:0;color:#536176;font-size:15px;line-height:1.64}.guide-slide-image-frame{min-height:min(62vh,560px);padding:12px;border-radius:18px;border:1px solid rgba(17,29,49,.1);background:linear-gradient(180deg,#f8fafcf5,#fffffffa);display:grid;place-items:center;overflow:hidden}.guide-slide-image{max-width:100%;max-height:min(58vh,520px);display:block;border-radius:14px;border:1px solid rgba(17,29,49,.1);background:#fff;object-fit:contain;box-shadow:0 14px 30px #0f172a1a}.guide-slide-cta-actions{min-height:360px;border-radius:18px;border:1px solid rgba(17,29,49,.1);background:radial-gradient(circle at top left,rgba(53,88,214,.11),transparent 46%),linear-gradient(180deg,#f8fafcf5,#fffffffa);display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;padding:26px}.guide-slide-controls{position:relative;z-index:5;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center}.guide-slide-nav-button{min-height:46px;padding:0 18px;border-radius:14px;font-size:15px;font-weight:950}.guide-slide-dots{display:flex;align-items:center;justify-content:center;gap:6px;min-width:0}.guide-slide-dot{width:7px;height:7px;border-radius:999px;background:#64748b47}.guide-slide-dot.active{width:24px;background:var(--brand)}.guide-preview-card{position:relative}.guide-preview-card:before{content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--guide-preview-accent, var(--brand));transition:height .18s ease,opacity .18s ease;z-index:1}.guide-preview-card:hover:before,.guide-preview-card:focus-within:before{height:7px}.guide-preview-card:nth-child(1){--guide-preview-accent: #3558d6}.guide-preview-card:nth-child(2){--guide-preview-accent: #0f766e}.guide-preview-card:nth-child(3){--guide-preview-accent: #c27a16}.home-preview-card{overflow:hidden}.home-preview-image{width:100%;display:block;aspect-ratio:4 / 3;object-fit:cover;transition:transform .24s ease,filter .24s ease}.guide-preview-card:hover .home-preview-image,.guide-preview-card:focus-within .home-preview-image{transform:scale(1.025);filter:saturate(1.05)}.home-preview-copy{padding:14px;display:grid;gap:6px}@media(prefers-reduced-motion:reduce){.guide-showcase-row,.guide-showcase-row:before,.guide-showcase-row:after,.guide-showcase-index,.guide-showcase-media,.guide-shot-button,.guide-shot-button:after,.guide-shot-image,.guide-preview-card,.guide-preview-card:before,.home-preview-image,.guide-page .guide-cta-section,.guide-page .guide-cta-section:after,.guide-page .guide-cta-status{transition:none}.guide-showcase-row:hover,.guide-showcase-row:focus-within,.guide-showcase-row:hover .guide-showcase-media,.guide-showcase-row:focus-within .guide-showcase-media,.guide-showcase-row:hover .guide-showcase-index,.guide-showcase-row:focus-within .guide-showcase-index,.guide-shot-button:hover,.guide-shot-button:focus-visible,.guide-shot-button:hover .guide-shot-image,.guide-shot-button:focus-visible .guide-shot-image,.guide-preview-card:hover,.guide-preview-card:focus-within,.guide-preview-card:hover .home-preview-image,.guide-preview-card:focus-within .home-preview-image,.guide-page .guide-cta-section:hover,.guide-page .guide-cta-section:focus-within,.guide-page .guide-cta-section:hover .guide-cta-status,.guide-page .guide-cta-section:focus-within .guide-cta-status{transform:none}}.home-board-head{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}.home-board-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.board-page-list{grid-template-columns:repeat(3,minmax(0,1fr))}.board-page{gap:16px}.board-page .subpage-hero{padding:22px}.board-page .subpage-hero-copy{gap:8px}.board-page .subpage-side-card{padding:16px;gap:8px}.board-page .board-page-layout{gap:18px}.board-page .board-filter-panel{padding:16px}.board-page .board-page-shell{padding:10px 12px 6px}.board-page .section-copy-row{align-items:flex-start;gap:8px}.home-board-item{padding:18px;display:grid;gap:8px}.home-board-meta{color:var(--accent);font-size:10.5px;font-weight:var(--weight-label);letter-spacing:.14em;text-transform:uppercase}.board-item-actions{display:flex;align-items:center;gap:10px}.board-page-layout{display:grid;grid-template-columns:280px minmax(0,1fr) 312px;width:100%;gap:18px;align-items:start;justify-content:stretch}.board-filter-panel{position:sticky;top:104px;padding:16px;border:1px solid var(--border-strong);border-radius:22px;background:#fffffffa;box-shadow:var(--shadow-soft);display:grid;gap:12px;overflow:hidden;align-self:start}.board-filter-panel>*{position:relative;z-index:1}.board-filter-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.board-filter-reset-top{min-height:30px;padding:0 10px;border-radius:999px}.board-filter-reset-top.is-placeholder{visibility:hidden;pointer-events:none}.board-side-rail{position:sticky;top:104px;display:grid;gap:12px;align-self:start}.board-search-panel,.board-popular-panel{padding:16px;border:1px solid var(--border-strong);border-radius:22px;background:#fffffffa;box-shadow:var(--shadow-soft);display:grid;gap:12px;overflow:hidden}.board-search-panel>*,.board-popular-panel>*{position:relative;z-index:1}.board-popular-panel{background:linear-gradient(180deg,#fffffffa,#fff8faf5)}.board-popular-panel .board-filter-panel-title{font-size:20px}.board-filter-panel-title{color:#0f172a;font-size:22px;line-height:1.18;letter-spacing:-.03em;font-weight:var(--weight-title)}.board-search-field,.board-filter-field{display:grid;gap:8px;min-width:0}.board-search-field span,.board-filter-field span{color:#64748b;font-size:12px;font-weight:var(--weight-label)}.board-filter-card{padding:13px 14px;border:1px solid var(--border-soft);border-radius:18px;background:#f8fafc;box-shadow:inset 0 1px #ffffffb8}.board-filter-panel .board-filter-card{padding:11px 12px}.board-filter-field-grade{padding-bottom:12px}.board-search-field input,.board-search-field select,.board-filter-field select{background:#fffffff5}.board-filter-stack{display:grid;gap:10px}.board-grade-filter{display:grid;gap:10px;padding:0;border-radius:16px;border:none;background:transparent}.board-grade-band-list{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;padding:4px;border-radius:13px;border:1px solid rgba(148,163,184,.16);background:#f1f5f9d1}.board-grade-band{min-width:0;min-height:32px;padding:0 7px;border:1px solid transparent;border-radius:10px;background:transparent;color:#64748b;display:inline-flex;align-items:center;justify-content:center;font:inherit;font-size:12px;font-weight:850;cursor:pointer;white-space:nowrap;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.board-grade-band:hover{color:#0f172a;background:#ffffffb8}.board-grade-band.active{border-color:#3558d633;background:#fff;color:var(--brand-deep);box-shadow:0 6px 14px #0f182a0f}.board-grade-filter-groups{display:grid;gap:10px}.board-grade-filter .grade-picker-group{grid-template-columns:1fr;gap:10px;padding:10px;border-radius:14px;border:1px solid rgba(148,163,184,.16);background:#ffffffc2}.board-grade-filter .grade-picker-group-label{color:#334155;font-size:12px;font-weight:var(--weight-label);padding-top:0}.board-grade-filter .grade-picker-chip-list{grid-template-columns:repeat(3,minmax(0,1fr))}.board-grade-filter .grade-picker-chip{min-height:34px;border-radius:10px;font-size:12px}.board-page-shell{display:grid;gap:12px;width:100%;padding:14px 14px 10px;border:1px solid rgba(17,29,49,.06);border-radius:28px;background:radial-gradient(circle at top left,rgba(53,88,214,.06),transparent 34%),linear-gradient(180deg,#f7fafdc7,#ffffff61);box-shadow:inset 0 1px #ffffffc7;position:relative;overflow:visible;justify-self:stretch;scroll-margin-top:96px}.board-page-shell:before{content:"";position:absolute;inset:0;border-radius:inherit;pointer-events:none;box-shadow:0 18px 36px #0f182a0a}.board-stage-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:0 4px 2px}.board-stage-spacer{flex:1 1 auto;min-height:1px}.board-active-chips{display:flex;gap:8px;flex-wrap:wrap}.board-active-chip{min-height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(15,118,110,.16);background:#0f766e12;color:#0f766e;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:var(--weight-ui);white-space:nowrap;box-shadow:none}.board-share-button{box-shadow:none}.board-table{display:grid;gap:14px;border:none;border-radius:0;overflow:visible;background:transparent;box-shadow:none}.board-table-head,.board-table-row{display:grid}.board-table-head{padding:10px 16px 8px;border:1px solid var(--border-item);border-radius:16px;background:#ffffffb3;color:#475569;font-size:12px;font-weight:var(--weight-label);letter-spacing:.1em;text-transform:uppercase;box-shadow:inset 0 1px #ffffffc2}.board-table-body{display:grid;gap:14px}.board-table-row{position:relative;grid-template-columns:minmax(0,1fr) auto;gap:22px;padding:18px 20px 18px 24px;border:1px solid var(--border-panel);border-radius:18px;background:linear-gradient(90deg,color-mix(in srgb,var(--board-row-accent) 5%,transparent),transparent 34%),#fffffff7;box-shadow:0 10px 22px #0f182a0b;overflow:hidden;transition:border-color .16s ease,background .16s ease,transform .16s ease,box-shadow .16s ease}.board-table-row:before{content:"";position:absolute;inset:14px auto 14px 0;width:4px;border-radius:0 999px 999px 0;background:var(--board-row-accent);opacity:.92;transition:opacity .16s ease,width .16s ease}.board-table-row:nth-child(3n+1){--board-row-accent: #3558d6}.board-table-row:nth-child(3n+2){--board-row-accent: #0f766e}.board-table-row:nth-child(3n+3){--board-row-accent: #c27a16}.board-table-row.is-subject-science{--board-row-accent: #0f766e}.board-table-row.is-subject-korean{--board-row-accent: #be123c}.board-table-row.is-subject-math{--board-row-accent: #3558d6}.board-table-row.is-subject-social{--board-row-accent: #c27a16}.board-table-row.is-subject-english{--board-row-accent: #7c3aed}.board-table-row:hover{border-color:color-mix(in srgb,var(--board-row-accent) 28%,rgba(17,29,49,.14));background:#fff;transform:translateY(-1px);box-shadow:0 14px 28px #0f182a11}.board-table-row:hover:before{width:5px;opacity:1}.board-table-link{color:inherit;text-decoration:none}.board-table-link:focus-visible{outline:3px solid rgba(53,88,214,.22);outline-offset:3px}.board-table-content{display:grid;gap:8px;min-width:0}.board-table-meta-line{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:#64748b;font-size:12.5px;font-weight:750;line-height:1.4}.board-table-meta-line span+span:before{content:"";display:inline-block;width:3px;height:3px;margin:0 8px 2px 0;border-radius:999px;background:#64748b73;vertical-align:middle}.board-table-meta-subject{color:var(--board-row-accent)}.board-table-title-text{margin:0;color:#0f172a;font-size:18px;line-height:1.32;letter-spacing:0;font-weight:var(--weight-title);transition:color .16s ease,transform .16s ease}.board-table-link:hover .board-table-title-text{color:var(--brand-deep);transform:translate(2px)}.board-table-summary{margin:0;color:#5f6e83;font-size:14px;line-height:1.56;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.board-table-side{min-width:108px;display:grid;gap:6px;align-content:space-between;justify-items:end;color:#64748b;font-size:12px;font-weight:700;text-align:right;white-space:nowrap}.board-table-side strong{margin-top:10px;align-self:end}.board-table-side strong{min-height:32px;padding:0 13px;border-radius:999px;border:1px solid color-mix(in srgb,var(--board-row-accent) 24%,rgba(17,29,49,.12));background:color-mix(in srgb,var(--board-row-accent) 10%,white);color:var(--board-row-accent);display:inline-flex;align-items:center;justify-content:center;font-size:13px;font-weight:var(--weight-ui)}.board-table-empty{padding:46px 24px;text-align:center;color:#64748b;font-size:14px;line-height:1.6;border:1px dashed var(--border-strong);border-radius:18px;background:#ffffffad}.board-detail-page{display:grid;gap:18px}.board-detail-back{width:fit-content;color:#64748b;display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:850;letter-spacing:-.01em;text-decoration:none;transition:color .16s ease,transform .16s ease}.board-detail-back:hover{color:var(--brand);transform:translate(-2px)}.board-detail-hero{display:grid;grid-template-columns:minmax(0,1fr);gap:14px;padding:28px 30px;border-radius:28px;border:1px solid rgba(17,29,49,.1);background:radial-gradient(circle at top left,rgba(53,88,214,.14),transparent 42%),radial-gradient(circle at bottom right,rgba(15,118,110,.1),transparent 38%),linear-gradient(180deg,#fffffffc,#f7fafdf5);box-shadow:inset 0 1px #ffffffd6,0 18px 40px #0f172a0f}.board-detail-hero-copy{display:grid;align-content:center;gap:13px;max-width:760px}.board-detail-kicker{width:fit-content;color:var(--brand);font-size:11px;font-weight:900;letter-spacing:.14em;text-transform:uppercase}.board-detail-hero h1{margin:0;color:#0f172a;font-size:clamp(26px,3.2vw,36px);line-height:1.16;letter-spacing:-.04em}.board-detail-hero p{margin:0;max-width:58ch;color:#475569;font-size:15px;line-height:1.7}.board-detail-chip-row{display:flex;flex-wrap:wrap;gap:8px}.board-detail-chip{min-height:30px;padding:0 12px;border-radius:999px;border:1px solid rgba(17,29,49,.1);background:#ffffffc2;color:#475569;display:inline-flex;align-items:center;font-size:12px;font-weight:850}.board-detail-chip.accent{color:#0f766e;border-color:#0f766e26;background:#0f766e12}.board-detail-highlight-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;margin-top:2px}.board-detail-highlight{display:grid;gap:4px;padding:12px;border-radius:18px;border:1px solid rgba(17,29,49,.08);background:#ffffffa8;box-shadow:inset 0 1px #ffffffc2}.board-detail-highlight span{color:#64748b;font-size:11px;font-weight:850}.board-detail-highlight strong{color:#0f172a;font-size:14px;font-weight:950;letter-spacing:-.02em}.board-detail-status,.board-detail-side-card,.board-detail-section{border:1px solid var(--border-panel);background:#ffffffdb;box-shadow:inset 0 1px #ffffffc7}.board-detail-status{display:grid;gap:10px;align-content:start;padding:18px;border-radius:22px}.board-detail-action-card{align-content:center}.board-detail-status-label{color:#64748b;font-size:11px;font-weight:900;letter-spacing:.12em;text-transform:uppercase}.board-detail-status-value{color:#0f172a;font-size:28px;line-height:1.1;letter-spacing:-.04em;font-weight:950}.board-detail-status-note{color:#64748b;font-size:13px;line-height:1.5}.board-detail-action-text{margin:0;color:#475569;font-size:13.5px;line-height:1.6}.board-detail-layout{display:grid;grid-template-columns:minmax(0,1fr) 280px;gap:18px;align-items:start}.board-detail-main,.board-detail-side{display:grid;gap:16px}.board-detail-side{position:sticky;top:92px}.board-detail-section,.board-detail-side-card{border-radius:24px;padding:20px}.board-detail-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;flex-wrap:wrap}.board-detail-question-toggle,.board-detail-question-more{min-height:38px;padding:0 14px;border-radius:999px;border:1px solid rgba(53,88,214,.15);background:#3558d612;color:var(--brand);font-size:13px;font-weight:900;letter-spacing:-.01em;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.board-detail-question-toggle:hover,.board-detail-question-more:hover{border-color:#3558d63d;background:#3558d61a;color:var(--brand-deep)}.board-detail-question-toggle:active,.board-detail-question-more:active{transform:translateY(1px)}.board-detail-question-list{display:grid;gap:12px;margin-top:14px}.board-detail-question-card{position:relative;display:grid;gap:12px;padding:20px 18px 18px;border-radius:20px;border:1px solid rgba(17,29,49,.08);background:linear-gradient(180deg,#fffffffa,#f8fafcf0);overflow:hidden}.board-detail-question-card:before{content:"";position:absolute;inset:0 auto auto 18px;width:44px;height:4px;border-radius:999px;background:linear-gradient(90deg,var(--brand),var(--accent));opacity:.72}.board-detail-question-head{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.board-detail-question-no,.board-detail-question-type{min-height:26px;padding:0 10px;border-radius:999px;display:inline-flex;align-items:center;font-size:12px;font-weight:900}.board-detail-question-no{color:var(--brand);background:#3558d617}.board-detail-question-type{color:#0f766e;background:#0f766e14}.board-detail-question-card h2{margin:0;color:#0f172a;font-size:18px;line-height:1.42;letter-spacing:-.02em}.board-detail-question-card p{margin:0;color:#64748b;font-size:13.5px;line-height:1.6;padding:11px 12px;border-radius:14px;background:#f1f5f9ad}.board-detail-option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.board-detail-option,.board-detail-ox-answer{min-height:38px;padding:0 12px;border-radius:13px;border:1px solid rgba(17,29,49,.08);background:#f8fafcd6;color:#475569;display:inline-flex;align-items:center;font-size:13px;font-weight:800}.board-detail-option.is-answer,.board-detail-ox-answer{color:var(--brand-deep);border-color:#3558d629;background:#3558d614}.board-detail-question-more{width:100%;margin-top:12px;justify-content:center}.board-detail-side-title{color:#0f172a;font-size:16px;font-weight:950;letter-spacing:-.02em}.board-detail-side-title-row{display:flex;align-items:center;justify-content:space-between;gap:10px}.board-detail-compose-card{display:grid;gap:12px}.board-detail-compose-summary{overflow:hidden;border-radius:16px;border:1px solid rgba(17,29,49,.08);background:#f8fafcb8}.board-detail-compose-total{min-height:44px;padding:0 13px;display:flex;align-items:center;justify-content:space-between;gap:12px}.board-detail-compose-total span,.board-detail-compose-breakdown span{color:#64748b;font-size:12px;font-weight:850}.board-detail-compose-total strong{color:#0f172a;font-size:18px;line-height:1.1;font-weight:900;letter-spacing:-.03em}.board-detail-compose-breakdown{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));border-top:1px solid rgba(17,29,49,.07)}.board-detail-compose-breakdown div{min-height:38px;padding:8px 12px;display:flex;align-items:center;justify-content:space-between;gap:8px;background:#ffffff85}.board-detail-compose-breakdown div+div{border-left:1px solid rgba(17,29,49,.07)}.board-detail-compose-breakdown strong{color:#0f172a;font-size:13px;font-weight:900;letter-spacing:-.02em}.board-detail-import-button{width:100%;margin-top:2px}.board-detail-content-section{gap:12px}.board-detail-content-text{margin:0;color:#334155;font-size:14px;font-weight:650;line-height:1.7;white-space:pre-wrap}.board-detail-side-card.is-info{background:#ffffffe0}.board-detail-recommend-toggle{min-height:34px;padding:0 11px;border-radius:999px;border:1px solid rgba(17,29,49,.08);background:#f8fafcd1;color:#64748b;display:inline-flex;align-items:center;gap:7px;white-space:nowrap;font-size:13px;font-weight:900;cursor:pointer;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .16s ease}.board-detail-recommend-toggle:hover{border-color:#3558d629;background:#3558d60f;color:var(--brand);transform:translateY(-1px)}.board-detail-recommend-toggle.active{border-color:#3558d629;background:#3558d61a;color:var(--brand)}.board-detail-recommend-icon{width:17px;height:17px;fill:transparent;stroke:currentColor;stroke-width:1.7;stroke-linejoin:round;transition:fill .16s ease,stroke .16s ease,transform .16s ease}.board-detail-recommend-toggle.active .board-detail-recommend-icon{fill:currentColor;transform:scale(1.04)}.board-detail-info-list{display:grid;gap:0;margin:14px 0 0;border-top:1px solid rgba(17,29,49,.08)}.board-detail-info-list div{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;padding:7px 0;border-bottom:1px solid rgba(17,29,49,.06)}.board-detail-info-list div:last-child{border-bottom:0}.board-detail-info-list dt{color:#64748b;font-size:12px;font-weight:800}.board-detail-info-list dd{margin:0;color:#0f172a;font-size:13px;font-weight:850}.board-detail-manage-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px}.board-detail-edit-card{background:#fffffff0}.board-detail-edit-form{display:grid;gap:12px;margin-top:14px}.board-detail-edit-form .form-field{gap:7px}.board-detail-edit-form textarea{min-height:118px;resize:vertical}.board-detail-edit-actions{display:flex;flex-wrap:wrap;gap:8px}.board-detail-related-list{display:grid;gap:8px;margin-top:14px}.board-detail-related-item{display:grid;gap:5px;padding:12px;border-radius:15px;color:inherit;text-decoration:none;background:#f8fafcc7;border:1px solid rgba(17,29,49,.07)}.board-detail-related-item:hover{background:#fff;border-color:#3558d624}.board-detail-related-item span{color:#0f172a;font-size:13px;font-weight:850;line-height:1.35}.board-detail-related-item strong{color:#0f766e;font-size:12px}.board-detail-empty{display:grid;justify-items:center;gap:14px;padding:60px 20px;text-align:center}.board-detail-empty h1{margin:0;color:#0f172a;font-size:26px;letter-spacing:-.03em}.board-write-page{max-width:1180px;margin:0 auto}.board-write-back{display:flex;width:fit-content;align-items:center;gap:8px;margin-bottom:16px;padding:8px 10px;border:1px solid var(--border-panel);border-radius:8px;background:#fff;color:#334155;font-size:14px;font-weight:900}.board-write-back span{font-size:16px;line-height:1}.board-write-form{margin-top:16px}.board-write-quiz-filters{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(120px,.8fr) minmax(130px,.9fr);gap:10px;align-items:end;margin-top:12px}.board-write-quiz-filters .form-field{margin-bottom:0}.board-write-quiz-list{display:grid;gap:8px;margin-top:12px;max-height:352px;overflow:hidden}.board-write-quiz-empty{min-height:120px;display:grid;place-items:center;border:1px dashed var(--border-strong);border-radius:8px;background:#f8fafc;color:var(--sub);font-size:13px;font-weight:800}.board-write-quiz-option{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;min-height:64px;padding:12px 14px;border:1px solid var(--border-item);border-radius:8px;background:#fff;color:inherit;text-align:left;cursor:pointer;transition:border-color .16s ease,box-shadow .16s ease,background .16s ease}.board-write-quiz-option:hover:not(:disabled){border-color:#2563eb;box-shadow:0 10px 26px #2563eb1f}.board-write-quiz-option span{display:grid;gap:4px;min-width:0}.board-write-quiz-option strong,.board-write-quiz-option small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.board-write-quiz-option strong{color:var(--text);font-size:14px}.board-write-quiz-option small{color:var(--sub);font-size:12px;font-weight:700}.board-write-quiz-option em{flex:0 0 auto;padding:5px 8px;border-radius:999px;background:#ecfdf5;color:#047857;font-size:11px;font-style:normal;font-weight:900}.board-write-quiz-option.is-shared{background:#f1f5f9;color:#94a3b8;cursor:not-allowed;opacity:.82}.board-write-quiz-option.is-shared strong,.board-write-quiz-option.is-shared small{color:#94a3b8}.board-write-quiz-option.is-shared em{background:#e2e8f0;color:#64748b}.board-write-quiz-option.is-picked{border-color:#f59e0b;background:#fffbeb;box-shadow:0 10px 26px #f59e0b29}.board-write-quiz-option.is-picked strong{color:var(--text)}.board-write-quiz-option.is-picked small{color:var(--sub)}.board-write-quiz-option.is-picked em{background:#fef3c7;color:#92400e}.board-write-quiz-pagination{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:12px}.board-write-quiz-pagination span{min-width:52px;text-align:center;color:var(--sub);font-size:12px;font-weight:900}.board-write-compose-stack{align-self:start}.board-write-summary-card{position:static}.board-write-selected{display:grid;gap:6px;margin-top:12px;padding:14px;border:1px solid var(--border);border-radius:8px;background:#fff}.board-write-selected.is-shared{background:#f1f5f9;border-color:#cbd5e1}.board-write-selected strong{color:var(--text);font-size:15px}.board-write-selected span{color:var(--sub);font-size:13px}.board-pagination{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding:2px 4px 4px}.board-pagination-info{color:#64748b;font-size:12px;font-weight:800;letter-spacing:-.01em}.board-pagination-controls{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap}.board-page-button{min-width:38px;min-height:34px;padding:0 12px;border-radius:999px}.board-page-button.active{border-color:var(--action-border);background:var(--action);color:var(--action-text);box-shadow:var(--action-edge)}.board-page-button.active:hover{border-color:var(--action-border-hover);background:var(--action-hover);box-shadow:var(--action-edge)}.board-page-button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.board-page-ellipsis{min-width:18px;color:#94a3b8;font-size:14px;font-weight:900;line-height:1;text-align:center}.board-popular-list{display:grid;gap:8px}.board-popular-item{display:grid;grid-template-columns:26px minmax(0,1fr) auto;align-items:center;gap:10px;padding:11px 12px;border:1px solid rgba(225,29,72,.08);border-radius:14px;background:#ffffffd6;color:inherit;text-decoration:none;transition:background .16s ease,border-color .16s ease,transform .16s ease,box-shadow .16s ease}.board-popular-item:hover{background:#fffffffa;border-color:#e11d4829;transform:translateY(-1px);box-shadow:0 10px 20px #0f182a0a}.board-popular-rank{width:24px;height:24px;border-radius:7px;background:#e11d481a;color:#be123c;display:inline-grid;place-items:center;font-size:12px;font-weight:900;line-height:1}.board-popular-like{min-height:22px;min-width:28px;padding:0 7px;border-radius:999px;border:1px solid rgba(225,29,72,.14);background:#e11d4812;color:#be123c;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:800;white-space:nowrap}.board-popular-title{margin:0;color:#0f172a;font-size:13px;line-height:1.4;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-recent-list{display:grid;gap:0}.home-board-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.home-board-column{--board-accent: #0f766e;display:grid;gap:0;padding:0;border:1px solid var(--border-strong);border-radius:18px;background:#fff;box-shadow:var(--shadow-soft);position:relative;overflow:hidden}.home-board-column:before{content:"";position:absolute;inset:0 auto auto 0;width:100%;height:2px;background:var(--board-accent)}.home-board-column-fresh{--board-accent: #0f766e}.home-board-column-popular{--board-accent: #e11d48}.home-board-column-head{display:grid;gap:4px;padding:16px 16px 14px;border-bottom:1px solid var(--border-soft)}.home-board-column-copy{display:grid;gap:4px}.home-board-column-label{color:var(--board-accent);font-size:12.5px;font-weight:var(--weight-label);letter-spacing:.1em;text-transform:uppercase}.brand-title,.card-title,.section-title,.section-panel-title,.quiz-bank-focus-title,.quiz-notebook-title,.page-intro-title,.subpage-title,.home-section-title,.home-side-title,.home-access-title,.home-card-title,.home-guide-title,.home-preview-title,.home-board-title,.home-feature-title,.guide-showcase-title,.guide-shot-title,.setup-choice-title,.setup-summary-title,.board-filter-panel-title,.board-table-title-text,.home-recent-title,.stat-value,.current-question-text,.home-hero-title{font-weight:var(--weight-title)}.btn,.header-side-link,.topnav-link,.form-field label,.text-kicker,.home-card-label,.quiz-bank-toggle,.quiz-bank-node-title,.quiz-bank-focus-kicker,.quiz-notebook-count,.quiz-notebook-no,.quiz-notebook-pill,.question-type-pill,.pill-toggle,.answer-text,.grade-picker-summary-label,.grade-picker-group-label,.grade-picker-empty,.grade-picker-tag,.grade-picker-chip,.setup-choice-kicker,.home-hero-kicker,.home-hero-quick-label,.home-hero-quick-link,.home-hero-quick-chip,.home-feature-kicker,.guide-shot-label,.home-board-meta,.home-board-column-label,.board-search-field span,.board-filter-field span,.board-grade-filter-head span{font-weight:var(--weight-ui)}.page-main-card,.page-side-card,.page-intro,.subpage-hero,.page-intro-side,.subpage-side-card,.home-carousel,.home-hero-quick,.home-feature-card,.home-start-card,.home-guide-card,.home-preview-card,.home-board-item,.home-section-box,.home-side-panel,.home-floating-login,.home-board-column,.guide-intro-hero,.guide-showcase-row,.guide-flow-card,.guide-note-card,.guide-preview-card,.quiz-notebook,.quiz-editor-panel,.grade-picker-summary,.grade-picker-popover,.grade-picker-group,.setup-choice-card,.setup-summary-card,.setup-preview-card,.board-filter-panel,.board-search-panel,.board-popular-panel,.board-page-shell,.board-table-row,.stat-card,.current-question-box{border-color:var(--card-border-soft);background:var(--card-surface);box-shadow:var(--card-inset-highlight),var(--card-shadow-soft)}.page-main-card,.page-side-card,.board-page-shell{border-width:2px;border-color:var(--border-frame)}.section-block,.board-detail-section,.board-detail-side-card,.board-table-row,.board-filter-panel,.board-search-panel,.board-popular-panel,.quiz-editor-panel,.quiz-notebook,.setup-summary-card{border-color:var(--border-panel)}.setup-choice-card,.setup-preview-card,.home-preview-card,.home-board-item,.guide-flow-card,.guide-note-card,.guide-preview-card,.stat-card,.current-question-box{border-color:var(--border-item)}.page-main-card,.page-side-card,.board-page-shell,.subpage-hero,.guide-intro-hero{border-width:2px;border-style:solid;border-color:var(--border-frame)}.section-block,.page-intro,.page-intro-side,.subpage-side-card,.home-carousel,.home-section-box,.home-side-panel,.home-board-column,.guide-showcase-row,.quiz-editor-panel,.quiz-notebook,.grade-picker-popover,.setup-summary-card,.board-filter-panel,.board-search-panel,.board-popular-panel,.board-detail-section,.board-detail-side-card,.board-table-row{border-width:1px;border-style:solid;border-color:var(--border-panel)}.home-feature-card,.home-start-card,.home-guide-card,.home-preview-card,.home-board-item,.home-hero-quick,.home-floating-login,.guide-flow-card,.guide-note-card,.guide-preview-card,.grade-picker-summary,.grade-picker-group,.setup-choice-card,.setup-preview-card,.setup-summary-item,.board-table-head,.board-detail-chip,.board-write-quiz-option,.board-write-back,.stat-card,.current-question-box{border-width:1px;border-style:solid;border-color:var(--border-item)}input,textarea,select,.quiz-bank-node,.grade-picker-chip,.pill-toggle,.question-type-pill,.quiz-notebook-pill{border-color:var(--border-control)}.home-side-highlight{border-color:#3558d61f;background:linear-gradient(180deg,#f6fafff5,#fffffffc)}.board-popular-panel{border-color:#e11d481f;background:linear-gradient(180deg,#fffffffa,#fff8faf5)}.board-table-row,.board-filter-panel,.board-search-panel,.board-popular-panel,.guide-page .home-section-box,.home-page:not(.guide-page) .home-carousel,.home-page:not(.guide-page) .home-section-box,.home-page:not(.guide-page) .home-floating-login{border-width:var(--border-a-width);border-style:solid;border-color:var(--border-a-color)}.ui-label,.my-quiz-chip,.board-detail-chip,.grade-picker-tag,.grade-picker-empty,.setup-preview-chip,.home-hero-quick-chip,.board-detail-question-no,.board-detail-question-type,.ui-status,.quiz-notebook-pill,.question-type-pill,.home-recent-like,.board-table-side strong,.choice-chip{min-height:26px;max-width:100%;padding:0 9px;border-radius:8px;border:1px solid rgba(100,116,139,.16);background:#f8fafcc7;color:#475569;display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:var(--weight-ui);line-height:1;letter-spacing:0;white-space:nowrap;box-shadow:none;overflow:hidden;text-overflow:ellipsis}.grade-picker-empty{border-style:dashed;color:#64748b}.ui-status,.my-quiz-chip.accent,.board-detail-chip.accent,.quiz-notebook-pill,.question-type-pill,.board-detail-question-no{border-color:#3558d62e;background:#3558d612;color:var(--brand-deep)}.my-quiz-chip.is-shared,.home-recent-like,.board-detail-question-type{border-color:#0f766e2e;background:#0f766e12;color:#0f766e}.my-quiz-chip.is-outdated{border-color:#c27a1638;background:#c27a1614;color:#9a5d0f}.board-table-side strong{border-color:color-mix(in srgb,var(--board-row-accent) 22%,rgba(17,29,49,.12));background:color-mix(in srgb,var(--board-row-accent) 8%,white);color:var(--board-row-accent)}.ui-filter-chip,.board-active-chip,.grade-picker-chip,.board-grade-filter .grade-picker-chip,.pill-toggle,.board-grade-band{min-height:32px;padding:0 10px;border-radius:10px;border:1px solid rgba(100,116,139,.18);background:#ffffffe0;color:#334155;display:inline-flex;align-items:center;justify-content:center;font-size:12.5px;font-weight:850;line-height:1;letter-spacing:0;box-shadow:none}.grade-picker-chip,.board-grade-filter .grade-picker-chip,.pill-toggle,.board-grade-band{cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease,transform .15s ease}.grade-picker-chip:hover,.board-grade-filter .grade-picker-chip:hover,.pill-toggle:hover,.board-grade-band:hover{border-color:#3558d63d;background:#fff;color:#0f172a;box-shadow:0 6px 14px #0f182a0b}.grade-picker-chip.active,.board-grade-filter .grade-picker-chip.active,.pill-toggle.active,.board-grade-band.active,.board-active-chip{border-color:#3558d638;background:#3558d614;color:var(--brand-deep);box-shadow:none}.board-page-shell:before{box-shadow:none}.home-board-column-title{color:#0f172a;font-size:19px;line-height:1.18;letter-spacing:-.025em;font-weight:950}.home-recent-item{padding:14px 16px 15px;border-top:1px solid rgba(148,163,184,.12);background:transparent;display:grid;gap:6px;transition:background .15s ease}.home-recent-list .home-recent-item:first-child{border-top:none}.home-recent-item:hover{background:#f8fafcd1}.home-recent-empty{min-height:118px;display:grid;place-items:center;padding:16px;color:#64748b;font-size:13px;font-weight:800;line-height:1.5;text-align:center}.home-recent-meta{color:#0f766e;font-size:11px;font-weight:900;letter-spacing:.03em}.home-board-column-popular .home-recent-meta{color:#be123c}.home-recent-title-row{display:grid;grid-template-columns:auto minmax(0,1fr);gap:8px;align-items:start}.home-recent-rank{width:24px;height:24px;border-radius:6px;background:#e11d481a;color:#be123c;display:inline-grid;place-items:center;font-size:12px;font-weight:950;line-height:1}.home-recent-like{min-height:22px;padding:0 8px;border-radius:999px;border:1px solid rgba(15,118,110,.16);background:#0f766e12;color:#0f766e;display:inline-flex;align-items:center;justify-content:center;font-size:11px;font-weight:900;white-space:nowrap}.home-recent-title{margin:0;font-size:16px;line-height:1.34;letter-spacing:-.02em;font-weight:900;color:#0f172a}.home-recent-summary{margin:0;color:#64748b;font-size:13px;line-height:1.62;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.home-recent-foot{display:flex;align-items:center;justify-content:flex-end;gap:10px;flex-wrap:wrap;padding-top:4px;color:#64748b;font-size:12px;font-weight:700}@media(max-width:1080px){.home-shell-grid{grid-template-columns:1fr}.home-floating-login{position:static;order:-1}.page-intro,.subpage-hero,.page-intro-panel,.board-page-layout,.board-detail-hero,.board-detail-layout{grid-template-columns:1fr}.board-detail-side,.board-filter-panel,.board-side-rail{position:static}}@media(max-width:980px){.home-page{padding:14px 0 16px;gap:18px}.home-carousel{padding:18px}.home-hero-copy{grid-template-columns:1fr;padding-top:4px}.home-hero-title{font-size:38px}.home-feature-grid{grid-template-columns:1fr}.page-intro,.subpage-hero,.home-section-box{padding:18px}.page-intro-panel{padding:22px 20px 20px}.page-intro-panel-minimal .page-intro-panel-side{justify-self:start;width:auto}.home-start-grid,.home-role-grid,.home-guide-grid,.guide-showcase-stack,.guide-flow-grid,.guide-note-grid,.home-preview-grid,.guide-preview-grid,.home-board-list,.board-page-list,.home-board-grid,.my-quiz-stats{grid-template-columns:1fr}.guide-showcase-row{grid-template-columns:1fr;gap:16px}.guide-showcase-row:before{inset:0 0 auto;width:auto;height:5px}.guide-showcase-row:hover:before,.guide-showcase-row:focus-within:before{width:auto;height:5px}.guide-intro-hero{padding:22px 20px 18px}.guide-page-main-title{white-space:normal}.guide-section-head{align-items:flex-start}.guide-section-count{align-self:flex-start}.guide-cta-layout{grid-template-columns:1fr}.board-table-head{display:none}.board-table-row{grid-template-columns:1fr;gap:12px;padding:18px 16px}.board-table-row:before{display:none}.board-table-meta-line,.board-table-side{font-size:12px}.board-table-side{min-width:0;display:flex;align-items:center;justify-content:flex-start;gap:8px;flex-wrap:wrap;text-align:left}.board-popular-item{gap:7px}.board-filter-panel-head,.board-pagination{align-items:flex-start}.board-pagination-controls{width:100%;justify-content:flex-start}.my-quiz-card-date{width:100%}.my-quiz-library-toolbar{grid-template-columns:1fr}.my-quiz-foot{grid-template-columns:1fr;align-items:flex-start}.my-quiz-actions{width:100%;justify-content:flex-start;flex-wrap:wrap}.my-quiz-actions .btn-sm{min-width:0}}@media(max-width:640px){.home-hero-title{font-size:30px}.home-carousel-count{min-width:42px;padding:5px 8px;font-size:11px}.home-carousel-controls{left:18px;right:18px;bottom:18px}.home-login-actions{grid-template-columns:1fr}.board-detail-hero,.board-detail-section,.board-detail-side-card{padding:18px}.board-detail-highlight-row,.board-detail-option-grid{grid-template-columns:1fr}.page-intro-title,.subpage-title,.page-intro-title-compact{font-size:28px}.home-section-title{font-size:22px}.page-intro-actions .btn{width:100%}.home-preview-grid{grid-template-columns:1fr}.guide-showcase-title{font-size:22px}.guide-shot-placeholder,.guide-preview-placeholder{padding:18px}.guide-slide-modal-overlay{padding:12px}.guide-slide-modal-card{max-height:calc(100vh - 24px);padding:12px;border-radius:18px}.guide-slide-entry{grid-template-columns:1fr;justify-items:center;text-align:center}.guide-slide-side-button{width:54px;top:84px;bottom:112px;font-size:34px}.guide-slide-side-button.is-left{left:0}.guide-slide-side-button.is-right{right:0}.guide-slide-side-mark{width:34px;height:34px}.guide-slide-modal-head{align-items:flex-start}.guide-slide-image-frame{min-height:0;padding:8px}.guide-slide-image{max-height:54vh}.guide-slide-cta-actions{min-height:260px;align-content:center}.guide-slide-controls{grid-template-columns:1fr}.guide-slide-dots{order:-1}.guide-slide-title{font-size:22px}.board-pagination{gap:10px}.board-page-button{min-width:34px;min-height:32px;padding:0 10px}}.app-shell-header-inner{min-height:74px;padding:15px clamp(20px,3.2vw,48px)}.topnav{position:static;left:auto;top:auto;width:auto;transform:none;justify-self:center;gap:8px}.topnav-link,.header-side-link{min-height:44px}@media(max-width:980px){.app-shell-header-inner{grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:18px}.topnav{width:auto;justify-self:center;overflow:visible}.header-right{grid-column:3;justify-self:end;justify-content:flex-end;flex-wrap:nowrap}}@media(max-width:700px){.app-shell-header-inner{min-height:0;padding:11px 18px 10px;grid-template-columns:minmax(0,1fr) auto;gap:8px 14px}.brand-link{grid-column:1;grid-row:1;justify-self:start}.header-right{grid-column:2;grid-row:1}.topnav{grid-column:1 / -1;grid-row:2;width:100%;justify-self:stretch;justify-content:flex-start;overflow-x:auto;scrollbar-width:none}.topnav::-webkit-scrollbar{display:none}.topnav-link{min-height:40px}}@media(max-width:420px){.brand,.brand-logo-image{width:116px;height:36px}.header-side-link{min-height:40px;padding-inline:11px}.topnav{gap:4px}.topnav-link{padding-inline:9px;font-size:13px}}.landing-hero{min-height:0;padding:46px 0 30px}.landing-preview-showcase{min-height:0;display:grid;gap:13px;align-content:center}.landing-preview-showcase:before{display:none}.landing-preview-window{min-width:0;margin:0;padding:8px;overflow:hidden;border:1px solid rgba(24,38,64,.13);border-radius:22px;background:#fffffffa;box-shadow:0 24px 54px #1b2a4b21,0 7px 18px #1b2a4b0e,inset 0 1px #ffffffeb}.landing-preview-media{position:relative;min-width:0}.landing-guide-image-pair{position:relative;min-width:0;aspect-ratio:16 / 9;padding:18px 22px;overflow:hidden;border:1px solid rgba(17,29,49,.1);border-radius:14px;background:radial-gradient(circle at 16% 20%,rgba(78,111,224,.12),transparent 34%),radial-gradient(circle at 86% 80%,rgba(235,191,47,.12),transparent 32%),linear-gradient(145deg,#f8faff,#f4f5f8 52%,#fbf9f3);display:flex;align-items:center;justify-content:center;animation:landing-preview-fade .28s ease both}.landing-guide-image-pair:before{content:"";position:absolute;inset:0;opacity:.34;background-image:linear-gradient(rgba(71,91,133,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(71,91,133,.07) 1px,transparent 1px);background-size:28px 28px;pointer-events:none}.landing-guide-shot{position:relative;z-index:1;flex:0 0 58%;min-width:0;padding:6px;overflow:hidden;border:1px solid rgba(28,42,68,.13);border-radius:15px;background:#fffffffa;box-shadow:0 18px 38px #17254226,0 4px 12px #17254214,inset 0 1px #fff}.landing-guide-shot.is-1{align-self:flex-start;margin-top:3px}.landing-guide-shot.is-2{z-index:2;align-self:flex-end;margin:0 0 3px -16%}.landing-guide-shot-label{min-height:27px;padding:0 7px;color:#52627a;display:flex;align-items:center;font-size:11px;font-weight:900;letter-spacing:-.015em;white-space:nowrap}.landing-guide-shot.is-2 .landing-guide-shot-label{color:var(--brand-deep)}.landing-preview-image{display:block;width:100%;height:auto;aspect-ratio:16 / 9;border:1px solid rgba(17,29,49,.09);border-radius:10px;background:#f8f9fc;object-fit:contain;object-position:center;image-rendering:auto;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}@keyframes landing-preview-fade{0%{opacity:.35}to{opacity:1}}.landing-carousel-arrow{appearance:none;position:absolute;z-index:5;top:50%;width:44px;height:62px;padding:0;border:1px solid rgba(30,45,72,.13);border-radius:15px;background:#ffffffe0;color:#44546d;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;box-shadow:0 10px 28px #14223d26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transform:translateY(-50%);transition:color .16s ease,background .16s ease,box-shadow .16s ease,transform .16s ease}.landing-carousel-arrow.is-left{left:12px}.landing-carousel-arrow.is-right{right:12px}.landing-carousel-arrow svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round}.landing-carousel-arrow:hover{background:#fff;color:var(--brand-deep);box-shadow:0 14px 32px #14223d33;transform:translateY(-50%) scale(1.04)}.landing-preview-window figcaption{min-width:0;min-height:116px;padding:15px 14px 10px;display:grid;gap:5px}.landing-preview-window figcaption span{color:var(--brand);font-size:13px;font-weight:950;letter-spacing:.045em}.landing-preview-window figcaption strong{color:#253149;font-size:18px;line-height:1.38;font-weight:850;letter-spacing:-.025em;word-break:keep-all}.landing-preview-window figcaption p{margin:1px 0 0;color:#6d7b8f;font-size:14px;line-height:1.55;font-weight:650;letter-spacing:-.015em;word-break:keep-all}.landing-guide-progress{min-width:0;min-height:32px;display:flex;align-items:center;justify-content:center;gap:2px}.landing-guide-progress button{appearance:none;width:26px;height:32px;padding:0;border:0;border-radius:8px;background:transparent;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.landing-guide-progress button:before{content:"";width:6px;height:6px;border-radius:999px;background:#b7c1d1;transition:width .16s ease,background .16s ease}.landing-guide-progress button.is-active:before{width:20px;background:var(--brand)}.landing-carousel-arrow:focus-visible,.landing-guide-progress button:focus-visible{outline:3px solid rgba(53,88,214,.3);outline-offset:2px}@media(max-width:1080px){.landing-hero{padding:38px 0 28px}}@media(max-width:700px){.landing-hero{padding:34px 0 24px}}@media(max-width:580px){.landing-preview-showcase{grid-template-columns:1fr}.landing-guide-image-pair{aspect-ratio:auto;padding:12px 11px;display:grid;justify-items:stretch}.landing-guide-shot{width:92%;max-width:none;box-shadow:0 10px 22px #1725421f,0 3px 8px #17254212,inset 0 1px #fff}.landing-guide-shot.is-1{justify-self:start;margin-top:0}.landing-guide-shot.is-2{justify-self:end;margin:-22px 0 0}.landing-guide-shot.is-2 .landing-guide-shot-label{padding-left:34px}}@media(max-width:420px){.landing-hero{padding-top:28px}.landing-preview-window{padding:6px;border-radius:18px}.landing-guide-image-pair{border-radius:11px}.landing-guide-shot{width:94%;padding:5px;border-radius:13px}.landing-guide-shot-label{min-height:25px;font-size:10.5px}.landing-preview-image{border-radius:9px}.landing-carousel-arrow{width:40px;height:54px;border-radius:13px}.landing-carousel-arrow.is-left{left:7px}.landing-carousel-arrow.is-right{right:7px}}@media(prefers-reduced-motion:reduce){.landing-guide-image-pair{animation:none}.landing-carousel-arrow,.landing-guide-progress button:before{transition:none}}.brand-link{align-items:center}.app-shell.is-landing-shell{background:#f2f5fb}.is-landing-shell .app-shell-header{border-bottom-color:#2e3e5c17;background:#ffffffdb;box-shadow:0 10px 32px #2231500d;-webkit-backdrop-filter:blur(18px) saturate(1.12);backdrop-filter:blur(18px) saturate(1.12)}.is-landing-shell .app-shell-main{position:relative;align-items:stretch;background:radial-gradient(circle at 78% 10%,rgba(53,88,214,.14),transparent 31%),radial-gradient(circle at 12% 88%,rgba(255,216,74,.17),transparent 25%),linear-gradient(180deg,#f9fbff,#eef3fa)}.is-landing-shell .app-shell-footer{margin-top:0;border-top-color:#2a395417;background:#fafcffeb}.is-landing-shell .landing-page{position:relative;width:100%;max-width:none;min-height:100%;padding:0 clamp(24px,4.2vw,64px) 12px;overflow:clip;isolation:isolate}.is-landing-shell .landing-page:before{z-index:0;top:-360px;right:-160px;width:860px;height:860px;background:radial-gradient(circle,rgba(73,107,226,.13),transparent 68%)}.is-landing-shell .landing-page:after{content:"";position:absolute;z-index:0;left:-170px;bottom:-310px;width:680px;height:680px;border-radius:50%;background:radial-gradient(circle,rgba(255,211,43,.16),transparent 68%);pointer-events:none}.is-landing-shell .landing-hero{width:min(1352px,100%);min-height:max(630px,calc(100svh - 162px));margin:0 auto;padding:clamp(36px,4.8vh,58px) 0;grid-template-columns:minmax(350px,.78fr) minmax(560px,1.22fr);gap:clamp(42px,5vw,76px);align-items:center}.landing-hero-copy{position:relative;z-index:2}.landing-hero-badges{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.is-landing-shell .landing-hero-kicker{min-height:32px;padding:0 13px;border-color:#3558d62e;background:#eef2ffd6;color:#2846b5;box-shadow:0 7px 20px #3558d612,inset 0 1px #fff}.is-landing-shell .landing-hero h1{margin-top:18px;color:#14213a;font-size:clamp(46px,4.1vw,64px);line-height:1.1;letter-spacing:-.057em}.is-landing-shell .landing-hero h1 span{position:relative;z-index:0;width:fit-content;max-width:100%;color:#3558d6;font-size:.74em;line-height:1.18;letter-spacing:-.045em;isolation:isolate}.is-landing-shell .landing-hero h1 span:after{content:"";position:absolute;z-index:-1;right:-5px;bottom:3px;left:-3px;height:12px;border-radius:999px 12px 999px 15px;background:#ffd84a94;transform:rotate(-.8deg)}.is-landing-shell .landing-hero-description{max-width:530px;margin-top:28px;color:#66748b;font-size:clamp(17px,1.3vw,19px);line-height:1.72}.is-landing-shell .landing-hero-actions{margin-top:30px;gap:13px}.is-landing-shell .landing-primary-action{min-width:200px;min-height:56px;padding:0 18px;border-color:#dfb500;border-radius:17px;background:#ffd84a;color:#382b00;box-shadow:inset 0 1px #ffffff94,0 13px 26px #b58b002e}.is-landing-shell .landing-primary-action:hover{border-color:#d1a900;background:#ffde62;box-shadow:inset 0 1px #ffffffa3,0 17px 30px #b58b0038}.is-landing-shell .landing-primary-action.is-locked{border-color:#45526a1f;background:#ecf0f6e0;color:#788498;box-shadow:inset 0 1px #ffffffb3;cursor:not-allowed}.is-landing-shell .landing-primary-action.is-locked:hover{transform:none}.is-landing-shell .landing-preview-showcase{position:relative;z-index:1;gap:12px}.is-landing-shell .landing-preview-showcase:before{content:"";display:block;position:absolute;z-index:-1;inset:10% -4% 2% 5%;border:0;border-radius:42px;background:linear-gradient(135deg,#3558d647,#ffd84a33);filter:blur(30px);opacity:.7;transform:none;pointer-events:none}.is-landing-shell .landing-preview-window{padding:9px;border-color:#283a5e1f;border-radius:26px;background:#ffffffed;box-shadow:0 30px 70px #20305426,0 8px 20px #2030540f,inset 0 1px #fff}.is-landing-shell .landing-guide-image-pair{padding:20px 24px;border-color:#2a3a591a;border-radius:18px;background:radial-gradient(circle at 12% 12%,rgba(53,88,214,.15),transparent 32%),radial-gradient(circle at 88% 88%,rgba(255,216,74,.18),transparent 30%),linear-gradient(145deg,#f2f5ff,#f8fafe 52%,#fff9e5)}.is-landing-shell .landing-guide-image-pair:before{opacity:.28;background-size:30px 30px}.is-landing-shell .landing-guide-image-pair.is-upcoming{background:radial-gradient(circle at 14% 12%,rgba(53,88,214,.13),transparent 31%),radial-gradient(circle at 86% 86%,rgba(255,205,32,.24),transparent 32%),linear-gradient(145deg,#f4f6ff,#fafbfe,#fff6d8)}.is-landing-shell .landing-guide-shot{border-color:#1f30521f;box-shadow:0 20px 42px #19284824,0 4px 12px #19284812,inset 0 1px #fff}.is-landing-shell .landing-preview-window figcaption{min-height:126px;padding:17px 18px 14px;gap:6px;border-top:1px solid rgba(40,57,87,.06);background:linear-gradient(180deg,#fff,#fbfcff)}.is-landing-shell .landing-preview-window figcaption span{width:fit-content;min-height:26px;padding:4px 8px;border-radius:8px;background:#3558d614;color:#3558d6;display:inline-flex;align-items:center;font-size:12px;line-height:1}.is-landing-shell .landing-preview-window figcaption strong{color:#21304b;font-size:19px}.is-landing-shell .landing-preview-window figcaption p{color:#6b788d;font-size:14px}.is-landing-shell .landing-carousel-arrow{width:46px;height:46px;border-radius:50%;background:#ffffffeb;box-shadow:0 10px 26px #19294b29}.is-landing-shell .landing-carousel-arrow:hover{background:#fff;box-shadow:0 13px 30px #19294b33}.is-landing-shell .landing-guide-progress button:before{background:#b6c0d2}.is-landing-shell .landing-guide-progress button.is-active:before{width:22px;background:linear-gradient(90deg,#3558d6 0 68%,#ffc928 68% 100%)}.library-coming-page{width:min(1280px,100%);min-height:max(600px,calc(100svh - 146px));margin:0 auto;padding:clamp(38px,6vw,76px) clamp(22px,4.2vw,54px);display:grid;align-items:center}.library-coming-card{position:relative;min-width:0;padding:clamp(34px,4.5vw,58px);overflow:hidden;border:1px solid rgba(40,57,88,.1);border-radius:34px;background:#ffffffd1;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(390px,.95fr);gap:clamp(34px,5vw,70px);align-items:center;box-shadow:0 34px 80px #1e2e501f,0 8px 22px #1e2e500d,inset 0 1px #ffffffeb;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.library-coming-copy{position:relative;z-index:2;min-width:0}.library-coming-eyebrow{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.library-coming-eyebrow span{min-height:30px;padding:0 11px;border-radius:999px;display:inline-flex;align-items:center;font-size:10.5px;font-weight:950;letter-spacing:.075em}.library-coming-eyebrow span{border:1px solid rgba(53,88,214,.16);background:#eef2ff;color:var(--brand-deep)}.library-coming-copy h1{margin:20px 0 0;color:#14213a;font-size:clamp(40px,4.4vw,62px);line-height:1.12;font-weight:920;letter-spacing:-.055em;word-break:keep-all}.library-coming-copy h1 em{display:block;color:var(--brand);font-style:normal}.library-coming-copy>p{max-width:570px;margin:22px 0 0;color:#66748b;font-size:17px;line-height:1.7;font-weight:650;letter-spacing:-.025em;word-break:keep-all}.library-coming-feature-list{margin-top:23px;display:flex;gap:8px;flex-wrap:wrap}.library-coming-feature-list span{min-height:34px;padding:0 11px;border:1px solid rgba(47,63,91,.09);border-radius:999px;background:#f7f9fde6;color:#59677d;display:inline-flex;align-items:center;font-size:12px;font-weight:800;white-space:nowrap}.library-coming-actions{margin-top:29px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.library-coming-primary,.library-coming-secondary{min-height:54px;padding:0 18px;border-radius:16px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:900;transition:transform .16s ease,box-shadow .16s ease,background .16s ease}.library-coming-primary{min-width:174px;border:1px solid #dfb500;background:#ffd84a;color:#382b00;box-shadow:0 12px 24px #b58b0029}.library-coming-primary:hover{background:#ffde62;transform:translateY(-2px);box-shadow:0 16px 28px #b58b0033}.library-coming-secondary{border:1px solid rgba(43,59,88,.12);background:#ffffffb8;color:#4b5a70}.library-coming-secondary:hover{background:#fff;transform:translateY(-1px)}.library-coming-primary svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.library-coming-visual{position:relative;min-width:0;min-height:410px;overflow:hidden;border:1px solid rgba(44,62,94,.1);border-radius:29px;background:radial-gradient(circle at 18% 18%,rgba(53,88,214,.19),transparent 35%),radial-gradient(circle at 86% 84%,rgba(255,210,38,.25),transparent 32%),linear-gradient(145deg,#f1f4ff,#fafbfe 54%,#fff8dd)}.library-coming-visual:before{content:"";position:absolute;inset:0;opacity:.35;background-image:linear-gradient(rgba(73,91,127,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(73,91,127,.08) 1px,transparent 1px);background-size:30px 30px}.library-coming-library-card{position:absolute;z-index:3;top:46px;left:34px;width:178px;min-height:218px;padding:23px;border:1px solid rgba(255,255,255,.24);border-radius:24px;background:linear-gradient(145deg,#2e50c4,#203b9c);color:#fff;display:grid;align-content:center;box-shadow:0 24px 46px #1e378c45}.library-coming-library-card span{font-size:9px;font-weight:900;letter-spacing:.12em;opacity:.76}.library-coming-library-card svg{width:68px;height:68px;margin-top:16px;fill:#ffffff14;stroke:currentColor;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round}.library-coming-library-card strong{margin-top:12px;font-size:9.5px;font-weight:900;letter-spacing:.1em;opacity:.82}.library-coming-preview-card{position:absolute;z-index:1;width:235px;min-height:146px;padding:17px;border:1px solid rgba(36,53,84,.12);border-radius:20px;background:#fffffff0;display:grid;grid-template-columns:42px 1fr;gap:9px 11px;box-shadow:0 18px 36px #1d2d4e21}.library-coming-preview-card.is-back{top:64px;right:29px}.library-coming-preview-card.is-front{z-index:2;right:48px;bottom:47px}.library-coming-preview-card i{grid-row:1 / 4;border-radius:13px;background:linear-gradient(180deg,#e6ebff,#f4f6fc)}.library-coming-preview-card span{height:13px;border-radius:999px;background:#e5e9f1}.library-coming-preview-card span:nth-of-type(2){width:76%}.library-coming-preview-card span:nth-of-type(3){width:55%}.library-coming-lock{position:absolute;z-index:5;right:29px;bottom:25px;width:70px;height:70px;border:1px solid rgba(225,180,0,.34);border-radius:22px;background:#ffd84a;color:#443500;display:grid;place-items:center;box-shadow:0 16px 30px #a67e0038}.library-coming-lock svg{width:31px;height:31px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.library-coming-primary:focus-visible,.library-coming-secondary:focus-visible{outline:3px solid rgba(53,88,214,.3);outline-offset:3px}@media(max-width:1080px){.is-landing-shell .landing-hero{min-height:0;padding:42px 0 32px;grid-template-columns:1fr;gap:36px}.is-landing-shell .landing-hero-copy{max-width:760px}.is-landing-shell .landing-preview-showcase{width:min(820px,100%);margin:0 auto}.library-coming-card{grid-template-columns:minmax(0,1fr) minmax(340px,.8fr);gap:34px}.library-coming-visual{min-height:360px}.library-coming-library-card{top:38px;left:27px;width:155px;min-height:195px}.library-coming-preview-card{width:205px}}@media(max-width:840px){.library-coming-card{grid-template-columns:1fr}.library-coming-copy{max-width:680px}.library-coming-visual{min-height:350px}.library-coming-library-card{width:172px;min-height:210px}.library-coming-preview-card{width:250px}}@media(max-width:700px){.is-landing-shell .landing-page{padding-inline:18px;padding-bottom:10px}.is-landing-shell .landing-hero{padding:30px 0 24px;gap:30px}.is-landing-shell .landing-hero h1{font-size:clamp(36px,10.4vw,48px)}.is-landing-shell .landing-hero-description{font-size:16.5px}.is-landing-shell .landing-primary-action{width:auto}.is-landing-shell .landing-preview-showcase:before{inset:12% 1% 2%;filter:blur(21px)}.is-landing-shell .landing-preview-window{border-radius:21px}.library-coming-page{min-height:0;padding:34px 18px}.library-coming-card{padding:29px;border-radius:27px}}@media(max-width:580px){.is-landing-shell .landing-hero-actions{align-items:stretch}.is-landing-shell .landing-primary-action{width:100%}.is-landing-shell .landing-guide-image-pair{padding:12px 11px}.is-landing-shell .landing-guide-shot{box-shadow:0 10px 22px #1725421f,0 3px 8px #17254212,inset 0 1px #fff}.is-landing-shell .landing-preview-window figcaption{min-height:0;padding:15px 14px 13px}.library-coming-card{padding:24px 20px;border-radius:24px}.library-coming-copy h1{font-size:clamp(34px,10.3vw,44px)}.library-coming-copy>p{font-size:15.5px}.library-coming-actions,.library-coming-primary,.library-coming-secondary{width:100%}.library-coming-visual{min-height:310px;border-radius:23px}.library-coming-library-card{top:28px;left:18px;width:139px;min-height:180px;padding:18px;border-radius:20px}.library-coming-library-card svg{width:58px;height:58px}.library-coming-preview-card{width:175px;min-height:120px;padding:13px;grid-template-columns:34px 1fr}.library-coming-preview-card.is-back{top:42px;right:13px}.library-coming-preview-card.is-front{right:25px;bottom:35px}.library-coming-lock{right:15px;bottom:18px;width:58px;height:58px;border-radius:18px}}@media(max-width:420px){.is-landing-shell .landing-carousel-arrow{width:44px;height:44px}.is-landing-shell .landing-hero h1 span:after{bottom:1px;height:9px}.library-coming-feature-list{gap:6px}.library-coming-feature-list span{min-height:31px;padding-inline:9px;font-size:11px}}@media(prefers-reduced-motion:reduce){.library-coming-primary,.library-coming-secondary{transition:none}}