@import"https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap";:root{color-scheme:light;--bg: #f2f3f5;--card: #ffffff;--ink: #1f2937;--muted: #6b7280;--border: #d6d6d6;--black: #111111;--soft: #f8f8f8;--shadow: 0 12px 24px rgba(0, 0, 0, .08);--success: #1f7a40;--warn: #b42318}:root.theme-dark{color-scheme:dark;--bg: #0f1115;--card: #171a21;--ink: #f3f4f6;--muted: #9ca3af;--border: #2c313a;--black: #111111;--soft: #1e232b;--shadow: 0 12px 24px rgba(0, 0, 0, .45);--success: #22c55e;--warn: #f97316}:root.theme-dark .option-letter,:root.theme-dark .answer-letter,:root.theme-dark .instruction-box{background:#2a2f38;color:#f3f4f6;border:1px solid #3b424d}:root.theme-dark .logo-mark,:root.theme-dark .avatar,:root.theme-dark .btn-primary,:root.theme-dark .chip-btn.active,:root.theme-dark .summary-number,:root.theme-dark .stat-box--timed{background:#f2f2f2;color:#111;border-color:#d6d6d6}:root.theme-dark .stat-box--timed .stat-label,:root.theme-dark .stat-box--timed .stat-sub,:root.theme-dark .stat-box--timed .stat-value{color:#111}:root.theme-dark .pick-selected{border-color:#ffffffb3;box-shadow:inset 0 0 0 2px #ffffff73;color:#f8fafc;background:#ffffff0a}:root.theme-dark .pick-selected .rank-text,:root.theme-dark .pick-selected .pick-tag,:root.theme-dark .pick-selected .pick-count{color:#f8fafc}:root.theme-dark .pick-correct .rank-text,:root.theme-dark .pick-wrong .rank-text,:root.theme-dark .pick-correct .pick-tag,:root.theme-dark .pick-wrong .pick-tag{color:#f8fafc}:root.theme-dark .pick-correct{border-color:#22c55ed9;box-shadow:inset 0 0 0 2px #22c55e73;background:#22c55e14}:root.theme-dark .pick-wrong{border-color:#ef4444d9;box-shadow:inset 0 0 0 2px #ef444473;background:#ef444414}:root.theme-dark .pick-selected .pick-tag,:root.theme-dark .pick-correct .pick-tag,:root.theme-dark .pick-wrong .pick-tag{background:#f3f4f6;color:#111;border:1px solid rgba(0,0,0,.15)}:root.theme-dark .pick-missed .pick-tag{background:#f3f4f6;color:#111;border:1px solid rgba(0,0,0,.15)}:root.theme-dark .tag-good,:root.theme-dark .tag-mid,:root.theme-dark .tag-warn{background:#f3f4f6;color:#111}:root.theme-dark .domain-bar{background:#2c313a}:root.theme-dark .domain-bar-fill{background:#f3f4f6}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;font-family:Manrope,Segoe UI,sans-serif;background:var(--bg);color:var(--ink)}#root{min-height:100vh;display:flex;justify-content:center;padding:20px}.page{width:min(1100px,100%);display:flex;flex-direction:column;gap:16px}.topbar{background:var(--card);color:var(--ink);border-radius:12px;border:1px solid var(--border);box-shadow:none}.brand{display:flex;align-items:center;gap:10px}.brand-button{border:none;background:transparent;color:inherit;font:inherit;padding:0;cursor:pointer}.brand-button:focus-visible{outline:2px solid var(--ink);outline-offset:4px;border-radius:10px}.logo-mark{width:32px;height:32px;border-radius:8px;background:var(--black);color:#fff;display:grid;place-items:center;font-weight:700;font-size:11px;letter-spacing:.08em}.brand-text{font-weight:600;font-size:14px}.topbar-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 16px}.nav{display:flex;align-items:center;gap:16px;margin-left:auto}.nav-desktop{display:flex}.nav-mobile{display:none;margin-left:auto;position:relative}.nav-toggle{border:1px solid var(--border);background:var(--soft);color:var(--ink);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;font-family:inherit;display:inline-flex;align-items:center;gap:6px}.menu-icon{position:relative;width:16px;height:12px;display:inline-block;color:inherit}.menu-icon:before{content:"";position:absolute;left:0;right:0;top:0;height:2px;border-radius:999px;background:currentColor;box-shadow:0 5px 0 currentColor,0 10px 0 currentColor}.nav-dropdown{min-width:160px}.nav-auth{gap:10px}.nav-auth .btn{padding:6px 12px;font-size:12px}.nav-link{background:transparent;border:none;font-size:12px;color:var(--muted);cursor:pointer;padding:6px 0;border-bottom:2px solid transparent;font-weight:500;font-family:inherit}.nav-link.active{color:var(--ink);border-color:var(--ink);font-weight:600}.header-right{display:flex;align-items:center;gap:10px;margin-left:16px}.status-pill{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;border:1px solid var(--border);background:var(--soft);font-size:11px;color:var(--muted);white-space:nowrap}.spinner{width:12px;height:12px;border-radius:50%;border:2px solid var(--border);border-top-color:var(--ink);animation:spin .9s linear infinite}.header-icon{width:28px;height:28px;border-radius:50%;border:1px solid var(--border);background:var(--soft);display:inline-block}.user-menu{position:relative}.user-pill{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink);border:1px solid var(--border);background:var(--soft);padding:4px 10px;border-radius:999px;cursor:pointer;font-family:inherit}@keyframes spin{to{transform:rotate(360deg)}}.user-pill.open{border-color:var(--ink)}.user-name{white-space:nowrap;max-width:160px;overflow:hidden;text-overflow:ellipsis}.caret{font-size:10px;color:var(--muted)}.menu-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:200px;background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow);padding:8px;display:flex;flex-direction:column;gap:6px;z-index:20}.menu-link{background:transparent;border:none;text-align:left;padding:8px 10px;border-radius:8px;font-size:12px;color:var(--ink);cursor:pointer;font-family:inherit;display:flex;align-items:center;gap:8px}.menu-link:hover{background:var(--soft)}.menu-link--danger{color:var(--warn)}.menu-link-text{flex:1}.menu-item-icon{width:16px;height:16px;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);flex:0 0 16px}.menu-link--danger .menu-item-icon{color:var(--warn)}.menu-item-icon svg{width:16px;height:16px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.menu-label{display:inline-flex;align-items:center;gap:8px}.menu-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:6px 10px;font-size:12px;color:var(--ink)}.theme-toggle{position:relative;width:52px;height:24px;border-radius:999px;background:var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 6px;cursor:pointer}.theme-toggle input{position:absolute;top:0;right:0;bottom:0;left:0;margin:0;opacity:0;cursor:pointer}.theme-icon{width:14px;height:14px;color:var(--muted);position:absolute;top:50%;display:grid;place-items:center;z-index:1;opacity:0;transform:translate(-50%,-50%);transition:opacity .2s ease}.theme-icon.sun{left:12px}.theme-icon.moon{left:calc(100% - 12px)}.theme-icon svg{width:14px;height:14px}.theme-icon.sun svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.theme-icon.moon svg{fill:currentColor;stroke:none}.theme-thumb{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#fff;border:1px solid var(--border);transition:transform .2s ease;z-index:0}.theme-toggle.is-dark{background:#0b0f16}.theme-toggle.is-dark .theme-thumb{transform:translate(28px);border-color:#ffffff40}.theme-toggle.is-dark .theme-icon.moon{color:#0b0f16;opacity:1}.theme-toggle.is-dark .theme-icon.sun{color:#ffffff8c}.theme-toggle:not(.is-dark) .theme-icon.sun{color:#0b0f16;opacity:1}.toggle{position:relative;width:36px;height:20px}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--border);border-radius:999px;transition:background .2s ease}.toggle-slider:after{content:"";position:absolute;width:16px;height:16px;border-radius:50%;background:#fff;top:2px;left:2px;transition:transform .2s ease}.toggle input:checked+.toggle-slider{background:var(--black)}.toggle input:checked+.toggle-slider:after{transform:translate(16px)}.avatar{width:28px;height:28px;border-radius:50%;background:var(--black);color:#fff;display:grid;place-items:center;font-size:11px;font-weight:600}.layout{display:grid;grid-template-columns:1.4fr .7fr;gap:16px;align-items:start}.summary-layout,.left-column{display:flex;flex-direction:column;gap:16px}.card{background:var(--card);border:1px solid var(--border);border-radius:10px;box-shadow:var(--shadow)}.main-card{padding:18px;display:flex;flex-direction:column;gap:14px}.question-header{text-align:center;font-weight:600;font-size:13px;color:var(--muted)}.scenario-box{border:1px solid var(--border);border-radius:8px;padding:14px;background:var(--card)}.scenario-title{font-weight:600;font-size:13px;margin-bottom:8px}.scenario-text{font-size:13px;line-height:1.6;color:var(--muted)}.instruction-box{background:var(--black);color:#fff;border-radius:8px;padding:12px 14px;font-size:12px;line-height:1.5}.instruction-title{font-weight:600;margin-bottom:6px}.question-rating{display:flex;align-items:center;gap:12px;justify-content:space-between;margin-top:8px;padding:0;border-radius:0;border:none;background:transparent;font-size:12px}.question-rating-card{padding:12px 16px}.question-rating-card .question-rating{margin-top:0}.rating-label{color:var(--muted);font-weight:600;text-transform:uppercase;letter-spacing:.08em;font-size:10px}.rating-actions{display:flex;align-items:center;gap:6px}.question-rating .vote-btn,.comment-actions .vote-btn{width:28px;height:28px;border-radius:50%;background:transparent}.question-rating .vote-btn.active,.comment-actions .vote-btn.active{background:var(--black);color:#fff;border-color:var(--black)}.question-rating .vote-count{min-width:18px;font-size:11px}.rank-list{display:flex;flex-direction:column;gap:10px}.rank-item{display:grid;grid-template-columns:1fr;gap:12px;align-items:start;padding:10px 12px;border-radius:8px;border:1px solid var(--border);background:var(--card);cursor:grab;-webkit-user-select:none;user-select:none;transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease}.pick-item{cursor:pointer;text-align:left}.pick-item:disabled{cursor:default}.pick-count{font-size:12px;color:var(--muted)}.pick-tag{min-width:70px;display:inline-flex;align-items:center;justify-content:center;min-height:22px;line-height:1}.pick-correct .pick-tag,.pick-wrong .pick-tag,.pick-missed .pick-tag{color:var(--ink)}.pick-selected{border-color:#1118274d;box-shadow:inset 0 0 0 2px #11182726}.pick-correct{border-color:#1f7a4080;box-shadow:inset 0 0 0 2px #1f7a4080}.pick-wrong{border-color:#b4231866;box-shadow:inset 0 0 0 2px #b4231866}.pick-missed{border-color:transparent;border-style:solid;outline:2px dashed rgba(31,122,64,.6);outline-offset:-2px;box-shadow:none}.rank-item.dragging{cursor:grabbing;opacity:.7;transform:scale(.99)}.rank-item.drag-over{border-color:#9aa4b2;box-shadow:0 8px 16px #1118271f}.rank-item[draggable=false]{cursor:default}.rank-correct{border-color:#1f7a4080;box-shadow:inset 0 0 0 2px #1f7a4080}.rank-mid{border-color:#d9770680;box-shadow:inset 0 0 0 2px #d9770680}.rank-wrong{border-color:#b4231866;box-shadow:inset 0 0 0 2px #b4231866}:root.theme-dark .rank-correct{border-color:#22c55ed9;box-shadow:inset 0 0 0 2px #22c55e73;background:#22c55e14}:root.theme-dark .rank-mid{border-color:#f59e0bd9;box-shadow:inset 0 0 0 2px #f59e0b73;background:#f59e0b14}:root.theme-dark .rank-wrong{border-color:#ef4444d9;box-shadow:inset 0 0 0 2px #ef444473;background:#ef444414}.rank-body{display:flex;flex-direction:column;gap:8px}.rank-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.rank-text{display:flex;align-items:center;flex:1;gap:8px;font-size:12px;line-height:1.5;color:var(--ink)}.option-letter{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:18px;height:18px;border-radius:4px;background:var(--black);color:#fff;font-size:11px;font-weight:700}.tag{padding:4px 8px;border-radius:999px;font-size:11px;font-weight:600;background:#f3f4f6;color:var(--muted)}.tag-good{background:#1f7a4026;color:var(--success)}.tag-mid{background:#d9770633;color:#9a4f02}.tag-warn{background:#b423181f;color:var(--warn)}.points-tag{margin-left:auto;white-space:nowrap;display:inline-flex;align-items:center;justify-content:center;min-width:40px}.points-tag--hidden{visibility:hidden}.btn{border:1px solid transparent;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none;box-shadow:none}.btn:hover{transform:translateY(-1px)}.btn-primary{background:var(--black);color:#fff}.btn-ghost{background:var(--soft);border-color:var(--border);color:var(--ink)}.btn-danger{background:#b42318;color:#fff}.muted{color:var(--muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a59;display:flex;align-items:center;justify-content:center;padding:20px;z-index:50}.modal-card{width:min(420px,100%);background:var(--card);border-radius:12px;border:1px solid var(--border);box-shadow:var(--shadow);padding:20px}.modal-card h3{font-size:16px;margin-bottom:10px}.flag-modal{display:flex;flex-direction:column;gap:10px}.flag-modal h3{margin-bottom:0}.flag-modal .muted{margin-top:-4px}.flag-modal .form-section{gap:6px}.flag-modal .summary-select{width:100%;margin-top:2px}.flag-modal .auth-actions{justify-content:flex-end;gap:10px}.modal-text{font-size:13px;color:var(--muted);line-height:1.5}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.main-footer{display:flex;justify-content:flex-start;align-items:center;gap:12px;padding-top:12px;border-top:1px solid var(--border)}.main-actions{display:flex;gap:8px;margin-left:auto}.answer-card{padding:0;display:flex;flex-direction:column;gap:0;background:transparent;border:none;box-shadow:none}.answer-review{display:flex;flex-direction:column;gap:16px}.answer-header{display:flex;justify-content:space-between;align-items:center;gap:10px}.answer-order{display:inline-flex;align-items:center;justify-content:center;font-size:12px;font-weight:700;letter-spacing:.14em;color:var(--ink);white-space:nowrap}.answer-review h3{font-size:13px;font-weight:600}.rationale-box,.notes-box{border:1px solid var(--border);border-radius:10px;padding:16px;background:var(--card);box-shadow:var(--shadow);display:flex;flex-direction:column;gap:10px}.answer-review ol{padding-left:18px;font-size:12px;line-height:1.6;color:var(--muted)}.overall-rationale{font-size:12px;color:var(--muted);line-height:1.6}.correct-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:10px}.rationale-item{border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--soft)}.rationale-option{font-weight:600;font-size:12px;margin-bottom:6px}.rationale-text{font-size:12px;color:var(--muted);line-height:1.6}.rationale-row{display:grid;grid-template-columns:22px 1fr;gap:8px;align-items:center}.answer-letter{display:grid;place-items:center;width:22px;height:22px;border-radius:6px;background:var(--black);color:#fff;font-size:12px;font-weight:700;line-height:1;text-align:center;letter-spacing:0}.answer-letter--correct{background:var(--success)}.answer-letter--wrong{background:var(--warn)}.box-title{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.summary-card{padding:16px}.auth-page,.contact-page{display:flex;justify-content:center;padding:24px 0}.contact-card{width:min(720px,100%);padding:24px;display:flex;flex-direction:column;gap:16px}.contact-header h2{font-size:20px;font-weight:700;margin-bottom:6px}.contact-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.contact-panel{border:1px solid var(--border);border-radius:12px;padding:14px;background:var(--soft);display:flex;flex-direction:column;gap:8px}.contact-panel h4{font-size:13px;font-weight:600}.contact-email{font-weight:700;color:var(--ink);text-decoration:none;font-size:14px}.contact-email:hover{text-decoration:underline}.contact-list{margin:0;padding-left:18px;display:grid;gap:6px;font-size:12px;color:var(--muted)}.landing-page{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.7fr);gap:24px;padding:12px 0 32px;align-items:start}.landing-content{display:flex;flex-direction:column;gap:24px}.landing-hero{padding:24px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(135deg,#fff,#f4f7f4);box-shadow:var(--shadow)}.landing-hero .hero-actions{margin-top:16px}.landing-hero h1{font-size:30px;margin:8px 0 10px}.landing-subtitle{font-size:14px;color:var(--muted);line-height:1.6;max-width:520px}.landing-section h3{font-size:14px;margin-bottom:12px}.landing-section{border:1px solid var(--border);border-radius:14px;padding:18px 20px;background:var(--card);box-shadow:var(--shadow)}.landing-contact-card{border:1px solid var(--border);border-radius:14px;padding:16px;background:linear-gradient(135deg,#fff,#f6f7f7);display:grid;grid-template-columns:minmax(0,1fr) auto;gap:16px;align-items:center}.landing-contact-title{font-size:14px;font-weight:600;margin-bottom:6px}.landing-contact-actions{display:grid;gap:6px;justify-items:end;text-align:right}.landing-contact-note{font-size:11px;color:var(--muted);max-width:220px}.feature-list{list-style:none;display:grid;gap:8px;font-size:13px;color:var(--ink)}.feature-list li:before{content:"•";color:var(--muted);margin-right:8px}.landing-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.landing-step{border:1px solid var(--border);border-radius:12px;padding:12px;background:var(--soft);display:flex;flex-direction:column;gap:6px}.landing-step-title{font-size:12px;font-weight:700;color:var(--ink)}.landing-step-text{font-size:12px;color:var(--muted);line-height:1.5}.pricing-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.pricing-grid--single{grid-template-columns:minmax(0,1fr)}.pricing-card{padding:16px;display:flex;flex-direction:column;gap:12px;border:1px solid var(--border);border-radius:14px;box-shadow:var(--shadow)}.pricing-card--alt{background:linear-gradient(135deg,#f7f7f5,#fff)}.pricing-plan{text-transform:uppercase;font-size:10px;letter-spacing:.1em;color:var(--muted)}.pricing-price{font-size:28px;font-weight:700}.pricing-period{font-size:12px;color:var(--muted)}.landing-auth{position:sticky;top:16px}.paywall-page{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);grid-template-rows:auto auto;gap:24px;padding:12px 0 32px;align-items:stretch}.paywall-main{display:contents}.paywall-hero{padding:24px;border-radius:16px;border:1px solid var(--border);background:linear-gradient(135deg,#fff,#f4f7f4);box-shadow:var(--shadow)}:root.theme-dark .paywall-hero{background:#20242c;border-color:#2f3642}.paywall-subtitle{font-size:14px;color:var(--muted);line-height:1.6;max-width:560px}.paywall-badges{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.paywall-badge{font-size:11px;padding:6px 10px;border-radius:999px;border:1px solid var(--border);background:var(--soft);color:var(--ink)}.paywall-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;grid-column:1;grid-row:2;align-self:stretch;height:100%;grid-auto-rows:1fr;align-content:stretch}.paywall-section{border:1px solid var(--border);border-radius:14px;padding:18px 20px;background:var(--card);box-shadow:var(--shadow);height:100%}.paywall-contact{grid-column:1 / -1;display:flex;flex-direction:column;gap:10px}.feature-list--check li:before{content:"✓";color:var(--ink);margin-right:8px}.paywall-steps{list-style:decimal;padding-left:18px;display:grid;gap:8px;font-size:13px;color:var(--ink)}.paywall-sidebar{display:contents}.paywall-card{padding:18px;border:1px solid var(--border);border-radius:14px;background:var(--card);box-shadow:var(--shadow);align-self:stretch}.paywall-hero{grid-column:1;grid-row:1;align-self:stretch}.paywall-card--plan{grid-column:2;grid-row:1}.paywall-status{grid-column:2;grid-row:2;align-self:start}.paywall-plan{display:flex;flex-direction:column;gap:6px;margin-bottom:14px}.paywall-price{font-size:32px;font-weight:700;color:var(--ink)}.paywall-price span{font-size:14px;font-weight:500;color:var(--muted)}.paywall-price-sub{font-size:12px;color:var(--muted)}.btn-block{width:100%}.paywall-note{margin-top:10px;font-size:11px;color:var(--muted)}.paywall-status .auth-actions{flex-direction:column;align-items:stretch}.paywall-status-pill{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;font-size:13px;font-weight:700;margin-top:8px;margin-bottom:6px;border:1px solid var(--border);background:var(--soft);color:var(--ink);width:fit-content}.paywall-status-pill.is-inactive{background:#fff4f2;border-color:#f3c7c2;color:#b42318}:root.theme-dark .paywall-status-pill.is-inactive{background:#3a1f1b;border-color:#5a2a22;color:#ffb4a8}.paywall-status-note{font-size:12px;color:var(--muted);margin-bottom:10px}.paywall-actions .btn{width:100%}.paywall-secondary{color:var(--muted)}@media (max-width: 960px){.paywall-page{grid-template-columns:1fr;grid-template-rows:none}.paywall-grid{grid-template-columns:1fr;grid-column:auto;grid-row:auto}.paywall-sidebar{display:contents}.paywall-hero,.paywall-card--plan,.paywall-status,.paywall-contact{grid-column:auto;grid-row:auto}}@media (max-width: 640px){.paywall-page,.paywall-main,.paywall-sidebar{display:flex;flex-direction:column;gap:16px}.paywall-card{width:100%}.paywall-card--plan,.paywall-status,.paywall-contact{align-self:stretch}}.landing-auth .auth-header h2{font-size:20px}.landing-auth .auth-actions{margin-top:8px}:root.theme-dark .landing-hero{background:linear-gradient(135deg,#1a1f27,#12151b);border-color:#2c313a}:root.theme-dark .landing-contact-card{background:linear-gradient(135deg,#1a1f27,#12151b);border-color:#2c313a}:root.theme-dark .landing-section{background:#161a21;border-color:#2c313a}:root.theme-dark .pricing-card--alt{background:#1c2129}.auth-card{width:min(420px,100%);padding:20px;display:flex;flex-direction:column;gap:10px}.settings-section{border-top:1px solid var(--border);margin-top:10px;padding-top:12px;display:grid;gap:8px}.settings-form{display:grid;gap:8px}.settings-countdown{border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:var(--soft);display:flex;align-items:center;justify-content:space-between;gap:8px}.settings-countdown-label{font-size:12px;color:var(--muted)}.settings-countdown-value{font-size:12px;font-weight:700;color:var(--ink);text-align:right}.settings-countdown.is-overdue .settings-countdown-value{color:var(--warn)}.settings-countdown.is-today .settings-countdown-value{color:var(--success)}.auth-card h2{font-size:18px;font-weight:700}.auth-brand{font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.auth-header{display:flex;flex-direction:column;gap:4px}.auth-form{display:grid;gap:10px}.auth-label{font-size:12px;color:var(--muted);font-weight:600}.auth-input{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:12px;background:var(--card)}.auth-actions{display:flex;gap:8px;margin-top:4px}.auth-actions--split{align-items:center}.auth-actions-group{display:flex;gap:8px;margin-left:auto}.auth-reset{display:grid;gap:6px;margin-top:8px}.auth-link{font-size:12px}.subscription-page{padding:24px 0 32px}.subscription-card{width:min(860px,100%)}.subscription-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:8px}.subscription-block{border:1px solid var(--border);border-radius:12px;padding:14px 16px;background:var(--card);display:grid;gap:10px;min-width:0}.subscription-block h4{font-size:13px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.subscription-plan{display:flex;justify-content:space-between;gap:16px;align-items:center}.subscription-status{display:grid;gap:4px;text-align:right}.subscription-meta{display:grid;gap:8px;font-size:13px}.subscription-meta div{display:flex;justify-content:space-between;gap:12px;min-width:0}.subscription-meta strong{min-width:0;text-align:right;overflow-wrap:anywhere}.subscription-alert{padding:10px 12px;border-radius:10px;border:1px solid rgba(214,95,40,.35);background:#d65f2814;color:var(--ink);font-size:12px;font-weight:600}:root.theme-dark .subscription-alert{border-color:#f7974066;background:#f797401f}:root.theme-dark .subscription-block{background:#161a21;border-color:#2c313a}.auth-notice{background:#1f7a401a;color:var(--success);border:1px solid rgba(31,122,64,.3);padding:8px 10px;border-radius:8px;font-size:12px}.auth-notice-block{display:grid;gap:4px}.auth-verify{margin-top:8px;display:grid;gap:8px}.auth-error{color:var(--warn);font-size:12px}.auth-requirements{border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--soft);font-size:12px;color:var(--ink)}.auth-requirements p{font-weight:600;margin-bottom:6px}.auth-requirements ul{list-style:none;display:grid;gap:4px}.auth-requirements li:before{content:"• ";color:var(--muted)}.auth-requirements li.valid{color:var(--success)}.auth-requirements li.valid:before{color:var(--success)}.home-dashboard{display:flex;flex-direction:column;gap:18px}.hero-row{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:16px;align-items:stretch}.hero-card{padding:20px}.hero-content{display:grid;gap:14px}.hero-eyebrow,.hero-content h1,.hero-subtitle{margin:0}.hero-eyebrow{font-size:12px;color:var(--muted);text-transform:uppercase;letter-spacing:.12em}.hero-content h1{font-size:24px;font-weight:700}.hero-subtitle{font-size:13px;color:var(--muted);line-height:1.6}.hero-actions{display:flex;gap:10px;margin-top:4px}.home-dashboard .hero-actions .btn{padding:10px 18px;font-size:14px;border-radius:8px;min-height:40px}.hero-progress{display:grid;gap:8px;margin-top:10px}.hero-progress-row{display:flex;justify-content:space-between;align-items:baseline;gap:12px}.hero-progress-label{font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:var(--muted);font-weight:600}.hero-progress-meta{font-size:12px;color:var(--muted)}.hero-progress-bar{height:10px;border-radius:999px;background:var(--soft);overflow:hidden;border:1px solid var(--border)}.hero-progress-fill{height:100%;background:var(--black);border-radius:inherit;transition:width .3s ease}:root.theme-dark .hero-progress-bar{background:var(--border);border-color:var(--border)}:root.theme-dark .hero-progress-fill{background:var(--ink)}.score-histogram{padding:16px;display:flex;flex-direction:column;gap:12px;min-height:220px}.histogram-head h4{font-size:16px;font-weight:600;text-transform:none;letter-spacing:0;color:var(--ink);margin-bottom:4px}.histogram-head p{font-size:12px;color:var(--muted)}.histogram-chart{display:flex;flex-direction:column;gap:8px;flex:1}.histogram-bars{position:relative;display:grid;grid-template-columns:repeat(var(--bar-count),1fr);align-items:end;gap:0;height:140px;padding:10px 0 20px;border-radius:0;border:none;background:transparent}.histogram-y-label{position:absolute;top:8px;left:6px;font-size:10px;color:var(--muted)}.histogram-bar{width:85%;margin:0 auto;border-radius:3px 3px 0 0;min-height:2px;transform-origin:bottom;animation:histogram-grow .4s ease forwards;transform:scaleY(0)}.histogram-marker{position:absolute;top:8px;bottom:20px;width:2px;background:#4b5563;transform:translate(-1px)}.histogram-marker span{position:absolute;top:-18px;left:50%;transform:translate(-50%);font-size:10px;color:#4b5563;white-space:nowrap}@keyframes histogram-grow{to{transform:scaleY(1)}}:root.theme-dark .histogram-marker{background:#cbd5f5}:root.theme-dark .histogram-marker span{color:#cbd5f5}.histogram-axis{position:relative;font-size:10px;color:var(--muted);padding:0;height:14px}.histogram-axis span{position:absolute;top:0}.histogram-footer{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--ink)}:root.theme-dark .histogram-footer{color:#e5e7eb}.histogram-percentile{color:var(--muted)}.histogram-empty{font-size:12px;color:var(--muted);padding:12px 0}.progress-card,.recent-card{padding:20px}.analytics-card{padding:20px 20px 10px}.section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.section-header h3{font-size:16px;font-weight:600}.link-btn{background:transparent;border:none;color:var(--ink);font-size:12px;cursor:pointer;font-weight:600;font-family:inherit}.link-btn--arrow{display:inline-flex;align-items:center;gap:6px}.link-arrow{font-size:14px;line-height:1}.progress-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.progress-tile{border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--card);display:flex;flex-direction:column;gap:6px}.tile-label{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.tile-value{font-size:18px;font-weight:700;color:var(--ink)}.tile-sub{font-size:11px;color:var(--muted)}.analytics-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:16px;align-items:start}.analytics-table{display:flex;flex-direction:column;gap:12px;position:relative;padding-bottom:26px}.analytics-table--swipe{touch-action:pan-y}.analytics-panel-title{margin:0;min-height:24px;display:flex;align-items:center;justify-content:flex-start;text-align:left;font-size:16px;font-weight:600;color:var(--ink)}.analytics-chart>.analytics-panel-title{margin-bottom:12px}.domain-rows{display:flex;flex-direction:column;gap:8px}.domain-row{display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1.05fr);align-items:center;gap:6px;font-size:12px}.domain-row--placeholder{visibility:hidden;pointer-events:none}.domain-row--link{background:transparent;border:1px solid transparent;border-radius:8px;padding:4px 6px;text-align:left;width:100%;cursor:pointer;transition:background .2s ease,border-color .2s ease}.domain-row--link:hover{background:var(--soft);border-color:var(--border)}.domain-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;margin-top:10px}.domain-pager--left{justify-content:flex-start;margin-top:14px}.domain-pager--corners{position:absolute;left:0;right:0;bottom:-24px;margin-top:0;justify-content:space-between}.domain-pager--dots{position:absolute;left:0;right:0;bottom:6px;justify-content:center;margin-top:0;gap:8px}.domain-dot{width:8px;height:8px;border-radius:999px;border:none;padding:0;background:var(--border);cursor:pointer;transition:background .2s ease,transform .2s ease,width .2s ease}.domain-dot:hover{background:var(--muted)}.domain-dot.is-active{width:18px;background:var(--muted)}.sessions-pager{justify-content:center;margin-top:16px}.pager-btn{border:1px solid var(--border);background:var(--card);color:var(--ink);border-radius:6px;padding:4px 8px;font-size:12px;cursor:pointer}.pager-btn--ghost{border:none;background:transparent;padding:0;width:26px;height:26px;border-radius:999px;font-size:16px;line-height:1;display:inline-flex;align-items:center;justify-content:center;color:var(--muted);transition:background .2s ease,color .2s ease}.pager-btn--ghost:hover:not(:disabled){background:var(--soft);color:var(--ink)}.pager-btn:disabled{opacity:.4;cursor:not-allowed}.pager-label{font-size:12px;color:var(--muted)}.domain-name{color:var(--ink)}.domain-accuracy{font-weight:600;color:var(--ink)}.domain-bar{height:6px;border-radius:999px;background:var(--border);overflow:hidden}.domain-bar-fill{display:block;height:100%;background:var(--ink);border-radius:999px;transition:width .6s ease;will-change:width}.analytics-chart{border:none;border-radius:0;padding:0;background:transparent;position:relative;width:100%;min-width:0}.chart-frame{position:relative;height:240px;width:100%;min-width:0;border-radius:0;background:transparent;padding:0;display:flex;align-items:center;justify-content:center}.chart-frame--large{height:340px}.chart-empty{font-size:12px;color:var(--muted)}.analytics-line-chart{width:100%;height:100%;font-family:Manrope,Segoe UI,sans-serif}.sparkline-area{fill:#11182714}.sparkline-line{fill:none;stroke:var(--ink);stroke-width:3.2;stroke-linecap:round;stroke-linejoin:round}.chart-line-animate{stroke-dasharray:1;stroke-dashoffset:1;animation:chart-line-draw .8s ease forwards}@keyframes chart-line-draw{to{stroke-dashoffset:0}}.chart-grid line{stroke:#94a3b859;stroke-width:1}.chart-axis line{stroke:#47556999;stroke-width:1.6}.chart-axis path{fill:none;stroke:#47556999;stroke-width:1.6}.chart-axis-labels text{fill:var(--muted);font-size:10px;font-family:inherit;font-weight:500}.chart-axis-title{fill:var(--muted);font-size:10px;text-transform:uppercase;letter-spacing:.08em}.chart-title-outside{font-size:14px;font-weight:600;color:var(--ink);position:absolute;top:-12px;left:50%;transform:translate(-50%);margin:0;pointer-events:none;white-space:nowrap}.recent-list{display:flex;flex-direction:column;gap:10px}.recent-item{border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--card);display:flex;align-items:center;justify-content:space-between;gap:12px}.recent-left{display:flex;align-items:center;gap:12px;min-width:0;flex:1 1 auto}@property --gauge{syntax: "<percentage>"; inherits: false; initial-value: 0%;}.recent-gauge{--gauge: 0%;--gauge-target: 0%;width:36px;height:36px;border-radius:50%;background:conic-gradient(var(--ink) var(--gauge),var(--border) 0);display:grid;place-items:center;position:relative;font-variant-numeric:tabular-nums;animation:gauge-fill .8s ease forwards}.recent-gauge:before{content:"";position:absolute;top:4px;right:4px;bottom:4px;left:4px;border-radius:50%;background:var(--card)}.recent-gauge-label{position:relative;z-index:1;font-size:10px;font-weight:700;color:var(--ink)}@keyframes gauge-fill{to{--gauge: var(--gauge-target)}}.recent-title{font-size:13px;font-weight:600}.recent-sub{font-size:12px;color:var(--muted)}.recent-review-btn{white-space:nowrap;flex-shrink:0}.comments-card{padding:16px;display:flex;flex-direction:column;gap:12px}.comment-error{color:var(--warn);font-size:12px}.comment-compose{display:flex;flex-direction:column;gap:8px}.comment-input{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:12px;background:var(--card);color:var(--ink);resize:vertical;font-family:inherit}.comment-compose-actions{display:flex;justify-content:flex-end;gap:8px}.comment-counter{font-size:11px;color:var(--muted);text-align:right}.comment-list{display:flex;flex-direction:column;gap:12px}.comment-item{border:1px solid var(--border);border-radius:10px;padding:10px 12px;background:var(--card);display:flex;flex-direction:column;gap:6px;position:relative}.comment-meta{display:flex;align-items:center;gap:8px;font-size:11px;color:var(--muted)}.comment-author{font-weight:600;color:var(--ink)}.comment-time{color:var(--muted)}.comment-text{font-size:12px;color:var(--ink);line-height:1.5}.comment-text--muted{color:var(--muted)}.comment-actions{display:flex;align-items:center;gap:8px}.comment-flag{display:flex;justify-content:flex-end;margin-top:-2px}.vote-btn{border:1px solid var(--border);background:var(--soft);color:var(--ink);border-radius:6px;padding:4px 6px;cursor:pointer;font-size:12px;display:inline-flex;align-items:center;justify-content:center;width:28px;height:24px}.vote-btn.active{background:var(--black);color:#fff;border-color:var(--black)}.vote-btn svg{width:14px;height:14px;fill:currentColor}.vote-count{font-size:11px;color:var(--muted);min-width:12px;text-align:center}.vote-count--hidden{visibility:hidden}.reply-btn,.flag-btn{background:transparent;border:none;color:var(--muted);font-size:11px;cursor:pointer}.flag-btn.active,.flag-btn--danger{color:var(--warn);font-weight:600}.comment-reply-box{display:flex;flex-direction:column;gap:6px;margin-top:6px}.comment-children{margin-top:8px;padding-left:16px;border-left:2px solid var(--border);display:flex;flex-direction:column;gap:8px}.comment-history-list{display:flex;flex-direction:column;gap:12px}.comment-history-item{border:1px solid var(--border);border-radius:10px;padding:12px;background:var(--card);text-align:left;display:flex;flex-direction:column;gap:6px;cursor:pointer;transition:border-color .2s ease,box-shadow .2s ease}.comment-history-item:hover{border-color:var(--ink);box-shadow:0 8px 16px #0f172a14}.comment-history-meta{display:flex;align-items:center;justify-content:space-between;gap:12px}.comment-history-meta-right{display:flex;align-items:center;gap:8px}.comment-history-title{font-size:12px;font-weight:600;color:var(--ink);flex:1}.comment-history-time{font-size:11px;color:var(--muted);white-space:nowrap}.comment-history-badge{font-size:10px;font-weight:600;color:var(--ink);background:var(--soft);border:1px solid var(--border);padding:2px 6px;border-radius:999px;white-space:nowrap}.comment-history-snippet{font-size:12px;color:var(--muted);line-height:1.5}.comment-history-link{font-size:11px;font-weight:600;color:var(--ink)}.progress-analytics .summary-questions-head{margin-bottom:12px}.progress-chart{display:grid;grid-template-columns:minmax(0,1fr) 200px;gap:16px;align-items:stretch}.progress-line{width:100%;height:220px;border:1px solid var(--border);border-radius:12px;background:var(--card);padding:10px}.progress-tooltip{border:1px solid var(--border);border-radius:12px;padding:16px;background:var(--soft);display:flex;flex-direction:column;gap:12px}.progress-tooltip-row{display:flex;justify-content:space-between;font-size:12px;color:var(--muted)}.progress-tooltip-value{font-weight:700;color:var(--ink)}@media (max-width: 1100px){.progress-chart{grid-template-columns:1fr}.create-page{flex-direction:column;align-items:stretch}.create-summary-card{width:100%;flex:0 0 auto;min-width:0}.create-summary-card{padding:12px;gap:10px}.create-summary-card .summary-row{font-size:11px}.create-summary-card .summary-start{padding:12px 16px}}.create-page{display:flex;flex-wrap:wrap;gap:18px;align-items:flex-start}.create-card{padding:20px;display:flex;flex-direction:column;gap:18px;flex:1 1 560px;min-width:0}.create-header h1{font-size:20px;font-weight:700;margin-bottom:6px}.create-body,.create-form{display:flex;flex-direction:column;gap:16px}.form-section{display:flex;flex-direction:column;gap:10px}.section-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.chip-row{display:flex;flex-wrap:wrap;gap:8px}.chip-btn{border:1px solid var(--border);border-radius:999px;padding:6px 12px;font-size:12px;font-weight:600;background:var(--card);color:var(--ink);cursor:pointer}.chip-btn.active{background:var(--black);color:#fff;border-color:var(--black)}.custom-input{border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:12px;background:var(--card)}.custom-input-hint{font-size:12px;color:var(--warn)}.check-row{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--ink)}.check-row input{accent-color:var(--black)}.check-row.disabled{color:var(--muted)}.home-reset{align-self:flex-start}.create-summary-card{border:1px solid var(--border);border-radius:10px;padding:16px;background:var(--soft);display:flex;flex-direction:column;gap:12px;height:auto;flex:1 1 260px;min-width:220px}.create-summary-card h4{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}@media (max-width: 1100px){.create-summary-card{width:100%;min-width:0;flex:0 0 auto;height:auto}}.summary-row{display:flex;justify-content:space-between;font-size:12px;color:var(--ink)}.summary-start{width:100%;padding:12px 18px;font-size:13px}.summary-header{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.discussion-title{display:flex;align-items:center;gap:8px;font-size:18px;font-weight:700}.discussion-separator{color:var(--muted);font-weight:500}.summary-actions{display:flex;align-items:center;gap:8px}.summary-questions-head{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px}.summary-questions-head h3{font-size:14px;font-weight:600}.summary-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:10px;margin-bottom:12px}.summary-stats--progress{grid-template-columns:repeat(6,minmax(0,1fr))}.summary-controls{display:flex;align-items:center;gap:8px;margin-bottom:12px}.summary-label{font-size:12px;color:var(--muted);font-weight:600}.summary-select{border:1px solid var(--border);border-radius:8px;padding:6px 10px;font-size:12px;background:var(--soft);color:var(--ink)}.summary-questions-head .summary-controls{margin-bottom:0}.summary-header h2{font-size:16px;font-weight:700;margin-bottom:4px}.summary-empty{font-size:12px;color:var(--muted)}.summary-list{display:flex;flex-direction:column;gap:10px}.summary-item{border:1px solid var(--border);border-radius:8px;padding:12px;background:var(--card);width:100%;display:flex;align-items:center;justify-content:space-between;gap:12px;text-align:left;cursor:pointer;color:inherit;font:inherit}.summary-score-good{border-color:#1f7a4080;box-shadow:inset 0 0 0 2px #1f7a4080}.summary-score-mid{border-color:#d9770680;box-shadow:inset 0 0 0 2px #d9770680}.summary-score-warn{border-color:#b4231866;box-shadow:inset 0 0 0 2px #b4231866}.summary-item:hover{box-shadow:var(--shadow)}.summary-left{display:flex;align-items:center;gap:12px}.summary-number{width:28px;height:28px;flex:0 0 28px;border-radius:6px;background:var(--black);color:#fff;display:grid;place-items:center;font-size:12px;font-weight:700;line-height:1;font-variant-numeric:tabular-nums}.summary-brief{font-size:14px;color:var(--muted);line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.summary-score{font-size:12px;font-weight:700;white-space:nowrap;color:var(--ink)}.meta-list{display:grid;gap:8px}.meta-item{border:1px solid var(--border);border-radius:8px;padding:10px;background:var(--card);display:flex;flex-direction:column;gap:4px}.meta-label{font-size:11px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.meta-value{font-size:12px;color:var(--ink);line-height:1.5}.side-card{padding:16px;display:flex;flex-direction:column;gap:14px}.side-card h3{font-size:14px;font-weight:600}.stat-list{display:flex;flex-direction:column;gap:10px}.stat-box{border:1px solid var(--border);border-radius:8px;padding:10px 12px;background:var(--soft);display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:12px}.stat-box--timed{background:#111;color:#fff}.stat-box--timed .stat-label,.stat-box--timed .stat-sub,.stat-box--timed .stat-value{color:#fff}.stat-box--stack{flex-direction:column;align-items:stretch}.stat-box--progress{gap:8px}.stat-row{display:flex;justify-content:space-between;align-items:center}.stat-label{color:var(--muted);font-weight:600}.stat-sub{display:block;font-size:11px;color:var(--muted)}.stat-value{font-weight:700;color:var(--ink)}.stat-bar{height:6px;border-radius:999px;background:var(--border);overflow:hidden;margin-top:6px}.stat-bar-fill{height:100%;background:var(--black);border-radius:999px;transition:width .6s ease;will-change:width}:root.theme-dark .stat-bar{background:#2c313a}:root.theme-dark .stat-bar-fill{background:#f3f4f6}.side-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pill{border:1px solid var(--border);border-radius:999px;padding:4px 10px;font-size:11px;background:var(--soft)}@media (max-width: 960px){.layout,.subscription-grid{grid-template-columns:1fr}.subscription-plan{flex-direction:column;align-items:flex-start}.subscription-status{text-align:left}.side-actions{grid-template-columns:1fr}.topbar-inner{flex-wrap:nowrap;gap:10px}.nav{order:0;width:auto;margin-left:auto;justify-content:flex-start;flex-wrap:nowrap;gap:10px;overflow-x:auto;-webkit-overflow-scrolling:touch;min-width:0}.nav::-webkit-scrollbar{display:none}.nav{scrollbar-width:none}.nav-toggle{height:36px;padding:0 12px}.nav-link{font-size:11px;padding:4px 0}.header-right{margin-left:0;gap:6px}.user-name{display:none}.hero-row{grid-template-columns:1fr}.progress-grid{grid-template-columns:repeat(2,1fr)}.analytics-grid,.create-body,.landing-page{grid-template-columns:1fr}.landing-auth{width:100%}.landing-steps,.pricing-grid{grid-template-columns:1fr}.landing-contact-card{grid-template-columns:1fr;align-items:start}.landing-contact-actions{justify-items:start;text-align:left}}@media (max-width: 640px){.nav-desktop{display:none}.nav-mobile{display:flex}.nav{overflow-x:visible}}@media (max-width: 640px){.contact-grid{grid-template-columns:1fr}.main-footer{flex-direction:column;align-items:stretch}.main-actions{justify-content:flex-end}.summary-stats,.history-stats{grid-template-columns:1fr}.progress-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.subscription-card .auth-actions{display:grid;grid-template-columns:1fr;gap:8px}.subscription-card .auth-actions .btn{width:100%}.subscription-meta div{display:grid;grid-template-columns:1fr;gap:2px}.subscription-meta strong{text-align:left}}