@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/be-vietnam-pro-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/be-vietnam-pro-vietnamese-400-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/be-vietnam-pro-latin-500-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:500;font-display:swap;src:url(/fonts/be-vietnam-pro-vietnamese-500-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/be-vietnam-pro-latin-600-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:600;font-display:swap;src:url(/fonts/be-vietnam-pro-vietnamese-600-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/be-vietnam-pro-latin-700-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Be Vietnam Pro;font-style:normal;font-weight:700;font-display:swap;src:url(/fonts/be-vietnam-pro-vietnamese-700-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/patrick-hand-latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Patrick Hand;font-style:normal;font-weight:400;font-display:swap;src:url(/fonts/patrick-hand-vietnamese-400-normal.woff2) format("woff2");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}:root{--paper: #fdfdfb;--grid: #cfdcf0;--margin: #e0524b;--ink: #1c3a8a;--ink-soft: #4a63a8;--ink-faint: #6f86c0;--pen-red: #c8332c;--hi-green: #cdeccb;--ok: #1f6b45;--hi-yellow: #fbe9a6;--desk-bg: #eae8e1;--card-bg: #ffffff;--border-ink: #1c3a8a;--font-main: "Be Vietnam Pro", system-ui, -apple-system, sans-serif;--font-hand: "Patrick Hand", "Be Vietnam Pro", system-ui, sans-serif;--text-xs: .8125rem;--text-sm: .875rem;--text-base: 1rem;--text-md: 1.125rem;--text-lg: 1.375rem;--text-xl: 1.75rem;--text-2xl: 2.25rem}[data-theme=dark]{--paper: #0f1730;--grid: #1d2a4f;--margin: #e0524b;--ink: #d7e1ff;--ink-soft: #a9b9ec;--ink-faint: #4e6297;--pen-red: #ff8a80;--hi-green: #1d4a37;--ok: #7be0ad;--hi-yellow: #4a4220;--desk-bg: #070c1a;--card-bg: #131d3d;--border-ink: #3b5088}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--paper: #0f1730;--grid: #1d2a4f;--margin: #e0524b;--ink: #d7e1ff;--ink-soft: #a9b9ec;--ink-faint: #4e6297;--pen-red: #ff8a80;--hi-green: #1d4a37;--ok: #7be0ad;--hi-yellow: #4a4220;--desk-bg: #070c1a;--card-bg: #131d3d;--border-ink: #3b5088}}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body{min-height:100vh;font-family:var(--font-main);font-size:16px;line-height:1.6;color:var(--ink);background-color:var(--desk-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{color:var(--ink);font-weight:700;line-height:1.3;text-wrap:balance}p{max-width:65ch;margin-bottom:.75rem}.handwriting,.handwriting-title,.handwriting-heading,.handwriting-badge,.handwriting-kudos,.handwriting-rank,.handwriting-caption{font-family:var(--font-hand);font-weight:400;letter-spacing:.02em}.tabular-num,.math-statement,.math-text,.fraction-container,.input-answer,.notebook-input-field,.timer-seconds,.score-val,.score-number{font-family:var(--font-main)!important;font-variant-numeric:tabular-nums}.app-layout{min-height:100vh;display:flex;flex-direction:column;background-color:var(--desk-bg)}.main-content{flex:1;display:flex;justify-content:center;padding:1rem .5rem 3rem}.container{width:100%;max-width:720px;position:relative;background-color:var(--paper);background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-size:16px 16px;border:1px solid var(--grid);border-radius:4px;padding:1.5rem 1.5rem 2rem 2.75rem;box-shadow:0 4px 20px #0000000f}.container:before{content:"";position:absolute;top:0;bottom:0;left:24px;width:2px;background-color:var(--margin);pointer-events:none;z-index:1}.container:has(.admin-layout),.container:has(.admin-page-users),.container:has(.admin-page-questions),.container:has(.admin-page-reports),.container:has(.admin-page-challenges),.container:has(.admin-page-stats),.container:has(.admin-page-audit){max-width:1100px}@media(max-width:600px){.main-content{padding:0}.container{border-radius:0;border-left:none;border-right:none;padding:1rem 1rem 2rem 2.25rem}.container:before{left:18px}}.navbar{background-color:var(--paper);border-bottom:2px solid var(--ink);padding:.75rem 1rem;position:sticky;top:0;z-index:100;box-shadow:0 2px 8px #0000000a}.nav-container{max-width:1100px;margin:0 auto;display:flex;align-items:center;justify-content:space-between;gap:1rem}.brand-link{display:flex;align-items:center;gap:.5rem;text-decoration:none;color:var(--ink)}.brand-badge{font-family:var(--font-hand);font-size:1.4rem;font-weight:700;color:var(--ink);line-height:1}.brand-sub{font-size:.75rem;color:var(--ink-soft);text-transform:uppercase;letter-spacing:.05em;font-weight:600}.nav-links{display:flex;align-items:center;gap:.75rem;list-style:none}.nav-links a{text-decoration:none;color:var(--ink);font-weight:600;font-size:var(--text-sm);padding:.4rem .75rem;border-radius:4px;transition:background-color .15s ease}.nav-links a:hover,.nav-links a.active{background-color:var(--hi-yellow);color:#1c3a8a}.nav-user-info{display:flex;align-items:center;gap:.75rem}.user-chip{display:inline-flex;align-items:center;gap:.4rem;background:var(--paper);border:1px solid var(--ink);border-radius:4px;padding:.25rem .6rem;font-size:var(--text-xs);font-weight:600}button,.btn,.btn-primary,.btn-secondary,.btn-notebook-primary,.btn-notebook-secondary,.btn-notebook-outline,.btn-notebook-danger,.btn-check,.btn-hint,.btn-reveal{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.625rem 1.25rem;font-family:var(--font-main);font-size:var(--text-base);font-weight:600;line-height:1.2;border-radius:4px;cursor:pointer;text-decoration:none;transition:background-color .15s ease,border-color .15s ease,transform .05s ease;touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid var(--pen-red)!important;outline-offset:2px!important}.btn-primary,.btn-notebook-primary,.btn-check{background-color:var(--ink);color:var(--paper)!important;border:2px solid var(--ink)}.btn-primary:hover:not(:disabled),.btn-notebook-primary:hover:not(:disabled),.btn-check:hover:not(:disabled){opacity:.92;transform:translateY(-1px)}.btn-secondary,.btn-notebook-secondary,.btn-outline,.btn-notebook-outline,.btn-hint{background-color:var(--paper);color:var(--ink)!important;border:2px solid var(--ink)}.btn-secondary:hover:not(:disabled),.btn-notebook-secondary:hover:not(:disabled),.btn-outline:hover:not(:disabled){background-color:var(--grid)}.btn-danger,.btn-notebook-danger,.btn-text-danger,.btn-reveal{background-color:transparent;color:var(--pen-red)!important;border:2px solid var(--pen-red)}.btn-danger:hover:not(:disabled),.btn-text-danger:hover:not(:disabled),.btn-reveal:hover:not(:disabled){background-color:var(--pen-red);color:#fff!important}button:disabled,.btn:disabled{opacity:.55;cursor:not-allowed;transform:none!important}.btn-block{width:100%}.btn-lg{min-height:48px;font-size:var(--text-md);padding:.75rem 1.5rem}input[type=text],input[type=password],input[type=email],input[type=number],select,textarea,.form-control,.notebook-input-field{width:100%;min-height:44px;font-family:var(--font-main);font-size:var(--text-base)!important;color:var(--ink);background-color:transparent;border:none;border-bottom:2px double var(--ink);border-radius:0;padding:.5rem .25rem;transition:border-color .15s ease,background-color .15s ease}input:focus,select:focus,textarea:focus,.notebook-input-field:focus{border-bottom:2px solid var(--pen-red);background-color:#cdeccb26;outline:none}input::placeholder,textarea::placeholder{color:var(--ink-faint);font-style:italic}.form-group{margin-bottom:1.25rem}.form-label,.notebook-label{display:block;font-size:var(--text-sm);font-weight:600;color:var(--ink);margin-bottom:.35rem}.notebook-input-wrapper,.input-with-unit{position:relative;display:flex;align-items:center}.input-unit-chip{margin-left:.75rem;font-size:var(--text-sm);font-weight:600;color:var(--ink-soft);white-space:nowrap}.setup-card,.notebook-card,.stat-card,.landmark-card,.challenge-item-card,.watch-card,.summary-card,.admin-question-card{background-color:var(--card-bg);border:2px solid var(--border-ink);border-radius:4px;padding:1.25rem;margin-bottom:1.25rem}.card-note,.notice-box,.math-callout{background-color:var(--paper);border:2px dashed var(--ink);border-radius:4px;padding:1rem 1.25rem;margin-bottom:1.25rem}.notebook-step-track,.session-progress-bar,.challenge-step-track{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem;margin-bottom:1.25rem}.step-bar,.btn-step,.track-step{min-height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--paper);border:2px solid var(--grid);border-radius:4px;font-weight:600;font-size:var(--text-xs);color:var(--ink-soft);cursor:pointer;padding:.25rem;text-align:center}.step-bar.step-active,.btn-step.active,.track-step.active{border-color:var(--ink);background-color:var(--hi-yellow);color:#1c3a8a;font-weight:700}.step-bar.step-correct,.btn-step.solved,.track-step.step-correct{border-color:var(--ok);background-color:var(--hi-green);color:var(--ok)}.step-bar.step-wrong,.track-step.step-wrong{border-color:var(--pen-red);background-color:#c8332c1a;color:var(--pen-red)}.notebook-timer-box,.play-timer-container{display:flex;align-items:center;gap:1rem;padding:.75rem 1rem;background:var(--card-bg);border:2px solid var(--border-ink);border-radius:4px;margin-bottom:1rem}.timer-track{flex:1;height:12px;background:var(--grid);border-radius:2px;overflow:hidden}.timer-fill{height:100%;background:var(--ink);transition:width .3s linear}.timer-readout{display:flex;align-items:baseline;gap:.35rem}.timer-seconds{font-size:1.5rem;font-weight:700;color:var(--ink);line-height:1}.timer-unit{font-size:var(--text-xs);color:var(--ink-soft)}.correct-feedback-box{display:flex;align-items:center;gap:.75rem;padding:.75rem 1rem;border-radius:4px;background-color:var(--hi-green);color:var(--ok);margin-top:1rem}.svg-check-draw path{stroke-dasharray:40;stroke-dashoffset:40}.animate-ink-draw .svg-check-draw path{animation:draw-check .45s ease-out forwards}@keyframes draw-check{to{stroke-dashoffset:0}}.animate-ink-draw .correct-highlight-sweep{background:linear-gradient(90deg,var(--hi-green) 0%,#aef3ab 50%,var(--hi-green) 100%);background-size:200% 100%;animation:sweep-hi .6s ease-out forwards}@keyframes sweep-hi{0%{background-position:100% 0}to{background-position:0 0}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.svg-check-draw path{stroke-dashoffset:0!important}}.sketch-frame,.landmark-image-wrapper{background-color:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:1rem}.sketch-svg-img,.landmark-image{width:100%;max-width:240px;height:140px;object-fit:contain;color:var(--ink)}.landmarks-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:1rem}.landmark-card{display:flex;flex-direction:column;justify-content:space-between;text-align:center}.landmark-title{font-family:var(--font-hand);font-size:1.35rem;margin-top:.5rem}.landmark-desc{font-size:var(--text-xs);color:var(--ink-soft);margin-bottom:.75rem}.table-responsive,.ledger-table-wrap{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}table.data-table,table.notebook-table,table.leaderboard-table{width:100%;border-collapse:collapse;text-align:left;font-size:var(--text-sm)}table th{padding:.75rem .5rem;border-bottom:2px solid var(--ink);color:var(--ink);font-weight:700;text-transform:uppercase;font-size:var(--text-xs);letter-spacing:.05em}table td{padding:.75rem .5rem;border-bottom:1px solid var(--grid);color:var(--ink)}tr.row-highlight-me,tr.row-rank-1{background-color:#fbe9a659}.rank-number,.handwriting-rank{font-family:var(--font-hand);font-size:1.25rem;color:var(--pen-red)}.error-boundary-wrapper{padding:2rem 1rem;display:flex;justify-content:center}.error-boundary-card,.notebook-error-card{max-width:560px;width:100%;background:var(--paper);border:2px solid var(--ink);border-radius:4px;padding:2rem;text-align:center;box-shadow:0 4px 16px #0000000f}.error-boundary-icon,.ink-blot-icon{font-size:2.75rem;margin-bottom:.75rem}.error-boundary-title{font-family:var(--font-hand);font-size:1.75rem;color:var(--pen-red);margin-bottom:.75rem}.error-boundary-desc{font-size:var(--text-sm);color:var(--ink-soft);margin-bottom:1.5rem}.error-boundary-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap}.text-soft{color:var(--ink-soft)}.text-pen-red{color:var(--pen-red)}.text-ok{color:var(--ok)}.mr-2{margin-right:.5rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mt-3{margin-top:.75rem}.mt-4{margin-top:1rem}.styleguide-page{max-width:960px;margin:0 auto;padding:2rem 1rem 4rem}.styleguide-header{border-bottom:2px solid var(--ink);padding-bottom:1.5rem;margin-bottom:2rem;display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:1rem}.styleguide-title{font-size:1.85rem;margin-top:.25rem;margin-bottom:.5rem}.notebook-section{background:var(--paper);border:1px solid var(--grid);border-radius:4px;padding:1.5rem;margin-bottom:2rem;box-shadow:0 2px 8px #00000008}.section-notebook-title{font-family:var(--font-hand);font-size:1.5rem;color:var(--ink);border-bottom:1px solid var(--grid);padding-bottom:.5rem;margin-bottom:1rem}.color-token-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:.75rem}.token-card{padding:.75rem;border-radius:4px;display:flex;flex-direction:column;font-size:var(--text-xs);min-height:85px;justify-content:space-between}.token-name{font-weight:700}.token-hex{font-family:monospace;font-size:.75rem;opacity:.85}.button-demo-row{display:flex;flex-wrap:wrap;gap:.75rem}.typeset-demo-grid,.indicators-demo-grid{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem}@media(max-width:640px){.typeset-demo-grid,.indicators-demo-grid{grid-template-columns:1fr}}.landmark-sketch-demo{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:1rem}.badge-ai-verified{display:inline-flex;align-items:center;gap:.35rem;background-color:var(--hi-yellow);color:var(--ink);font-family:var(--font-main);font-size:var(--text-xs);font-weight:700;padding:.2rem .65rem;border-radius:4px;border:1px solid rgba(28,58,138,.4);box-shadow:1px 1px #0000000d;letter-spacing:.02em}[data-theme=dark] .badge-ai-verified{background-color:#70560a;color:#fff4c2;border-color:#fbe9a6}.btn-ai-generate{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:.75rem 1.5rem;background-color:var(--hi-yellow);color:var(--ink);font-family:var(--font-main);font-size:var(--text-base);font-weight:700;border:2px solid var(--ink);border-radius:6px;cursor:pointer;box-shadow:2px 2px 0 var(--ink);transition:transform .1s ease,box-shadow .1s ease}.btn-ai-generate:hover:not(:disabled){transform:translate(-1px,-1px);box-shadow:3px 3px 0 var(--ink);background-color:#fce280}.btn-ai-generate:active:not(:disabled){transform:translate(1px,1px);box-shadow:1px 1px 0 var(--ink)}.btn-ai-generate:disabled{opacity:.6;cursor:not-allowed}[data-theme=dark] .btn-ai-generate{background-color:#5c4404;color:#fff4c2;border-color:#d7e1ff;box-shadow:2px 2px #d7e1ff}.notebook-waiting-box{background:var(--paper);border:2px solid var(--ink);border-radius:8px;padding:2rem 1.5rem;box-shadow:4px 4px 0 var(--grid);text-align:center}.badge-ai-generating{display:inline-block;background-color:var(--hi-yellow);color:var(--ink);font-size:var(--text-xs);font-weight:700;padding:.25rem .75rem;border-radius:3px;border:1px solid var(--ink);margin-bottom:.75rem;letter-spacing:.05em}.waiting-title{font-family:var(--font-handwriting);font-size:1.85rem;color:var(--ink);margin-bottom:.5rem}.waiting-sub{font-size:var(--text-sm);color:var(--ink-soft);max-width:520px;margin:0 auto 1.5rem;line-height:1.5}.waiting-status-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1rem;background:var(--paper-contrast);border:1px solid var(--grid);border-radius:6px;padding:1.25rem;margin-bottom:1rem}.status-item{display:flex;flex-direction:column;gap:.4rem;align-items:center}.status-label{font-size:var(--text-xs);color:var(--ink-soft);text-transform:uppercase;letter-spacing:.04em}.status-val-pill{display:inline-block;font-size:var(--text-xs);font-weight:700;padding:.2rem .6rem;border-radius:12px;border:1px solid currentColor}.status-val-pill.status-queued{color:#b45309;background-color:#fef3c7;border-color:#f59e0b}.status-val-pill.status-running{color:#1d4ed8;background-color:#dbeafe;border-color:#3b82f6;animation:pulseLight 1.5s infinite}.status-val-pill.status-done{color:#15803d;background-color:#dcfce7;border-color:#22c55e}.status-val-pill.status-failed{color:#b91c1c;background-color:#fee2e2;border-color:#ef4444}.status-val-num{font-family:var(--font-main);font-variant-numeric:tabular-nums;font-size:1.4rem;color:var(--ink);font-weight:700}.evidence-dossier-card{background:var(--paper);border:2px solid var(--ink);border-radius:8px;padding:1.5rem;box-shadow:4px 4px 0 var(--grid);position:relative}.dossier-header{border-bottom:2px double var(--grid);padding-bottom:1rem;margin-bottom:1.25rem}.dossier-tag{display:inline-block;font-family:var(--font-main);font-size:.75rem;font-weight:700;color:var(--pen-red);background:#c8332c14;border:1px solid var(--pen-red);padding:.15rem .5rem;border-radius:3px;letter-spacing:.06em;margin-bottom:.4rem}.dossier-title{font-family:var(--font-main);font-size:1.4rem;font-weight:700;color:var(--ink);margin-bottom:.35rem}.dossier-sub{font-size:var(--text-sm);color:var(--ink-soft);margin:0}.dossier-kpi-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:1rem}.kpi-card{background:var(--paper-contrast);border:1px solid var(--grid);border-radius:6px;padding:1rem;display:flex;flex-direction:column}.kpi-card.kpi-highlight{border:2px solid var(--ok);background:#cdeccb33}.kpi-label{font-size:var(--text-xs);color:var(--ink-soft);font-weight:600;margin-bottom:.3rem}.kpi-value{font-family:var(--font-main);font-variant-numeric:tabular-nums;font-size:1.8rem;color:var(--ink);font-weight:700;margin-bottom:.2rem}.kpi-hint{font-size:.75rem;color:var(--ink-faint)}.dossier-reasons-box{background:var(--paper-contrast);border:1px solid var(--grid);border-radius:6px;padding:1.25rem}.reasons-title{font-size:var(--text-base);font-weight:700;color:var(--ink);margin-bottom:.25rem}.admin-clean-table{width:100%;border-collapse:collapse;font-family:var(--font-main);font-size:var(--text-sm)}.admin-clean-table th{background:var(--paper-contrast);color:var(--ink);font-weight:600;text-align:left;padding:.75rem .5rem;border-bottom:2px solid var(--ink)}.admin-clean-table td{padding:.65rem .5rem;border-bottom:1px solid var(--grid);color:var(--ink)}.admin-clean-table tr:hover td{background-color:#cdeccb26}.form-grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem}.badge-status-pill{display:inline-block;padding:.25rem .75rem;border-radius:12px;font-size:var(--text-xs);font-weight:700}.status-pill-online{background:#dcfce7;color:#15803d;border:1px solid #22c55e}.status-pill-offline{background:#fee2e2;color:#991b1b;border:1px solid #ef4444}.notice-banner-disabled{background:#fffbeb;border:2px solid #f59e0b;border-radius:6px;padding:1rem 1.25rem;color:#92400e}:root{--line: color-mix(in srgb, var(--ink) 22%, var(--paper));--wash: color-mix(in srgb, var(--ink) 7%, var(--paper));--wash-strong: color-mix(in srgb, var(--ink) 13%, var(--paper));--danger-wash: color-mix(in srgb, var(--pen-red) 10%, var(--paper));--tap: 44px;--radius: 4px}.text-muted{color:var(--ink-soft)}.text-xs{font-size:.8125rem}.text-sm{font-size:.875rem}.text-center{text-align:center}.text-right{text-align:right}.text-success{color:var(--ok)}.text-danger{color:var(--pen-red)}.text-primary{color:var(--ink)}.text-warm{color:var(--pen-red)}.text-highlight{background:linear-gradient(transparent 58%,var(--hi-yellow) 58%);padding:0 2px}.tabular-nums{font-variant-numeric:tabular-nums}.font-semibold{font-weight:600}.font-medium{font-weight:500}.font-bold{font-weight:700}.font-mono{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace}.block{display:block}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.gap-2{gap:.5rem}.mx-auto{margin-left:auto;margin-right:auto}.max-w-sm{max-width:24rem}.max-w-md{max-width:32rem}.p-3{padding:.75rem}.mt-1{margin-top:.25rem}.mt-2{margin-top:.5rem}.mt-3{margin-top:1rem}.mt-4{margin-top:1.5rem}.mb-3{margin-bottom:1rem}.mb-4{margin-bottom:1.5rem}.ml-2{margin-left:.5rem}.ml-auto{margin-left:auto}.col-span-full{grid-column:1 / -1}code{font-family:ui-monospace,SF Mono,Menlo,Consolas,monospace;font-size:.9em;background:var(--wash);padding:0 .3em;border-radius:3px}.mock-banner{background:var(--hi-yellow);color:var(--ink);border-bottom:2px solid var(--ink);font-size:.8125rem;padding:.4rem .75rem}.mock-banner-content{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;max-width:1100px;margin:0 auto}.badge-mock{font-weight:700;letter-spacing:.04em;color:var(--pen-red)}.mock-hint{color:var(--ink-soft)}.btn-mock-user{min-height:32px;padding:0 .6rem;font-size:.8125rem;background:var(--paper);color:var(--ink);border:1.5px solid var(--ink);border-radius:var(--radius)}.btn-mock-user.active{background:var(--ink);color:var(--paper)}.main-header{position:sticky;top:0;z-index:40;background:var(--paper);border-bottom:2px solid var(--border-ink);padding-top:env(safe-area-inset-top,0px)}.main-header .container.header-container{max-width:1100px;width:100%;margin:0 auto;background:transparent;background-image:none;border:0;border-radius:0;box-shadow:none;padding:.5rem max(.75rem,env(safe-area-inset-right,0px)) .5rem max(.75rem,env(safe-area-inset-left,0px));display:flex;align-items:center;gap:.75rem;position:static}.main-header .container.header-container:before{display:none}.brand-logo{display:flex;align-items:center;gap:.6rem;color:var(--ink);text-decoration:none;min-width:0;flex:0 1 auto}.brand-icon{width:40px;height:40px;flex:none;object-fit:contain}.brand-text{display:flex;flex-direction:column;min-width:0;line-height:1.15}.brand-title{font-family:var(--font-hand);font-size:1.35rem;color:var(--ink);white-space:nowrap}.brand-subtitle{font-size:.75rem;color:var(--ink-soft);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.desktop-nav{display:none;align-items:center;gap:.15rem;margin-left:auto;flex-wrap:wrap}.nav-link{color:var(--ink);text-decoration:none;padding:.4rem .7rem;border-radius:var(--radius);font-weight:500;font-size:.9375rem;position:relative}.nav-link:hover{background:var(--wash)}.nav-link.active{font-weight:700}.nav-link.active:after{content:"";position:absolute;left:.6rem;right:.6rem;bottom:1px;height:3px;background:var(--pen-red);border-radius:2px;transform:rotate(-.8deg)}.nav-link-admin{color:var(--pen-red)}.header-actions{display:flex;align-items:center;gap:.5rem;margin-left:auto;flex:none}.btn-theme-toggle{min-height:36px;padding:0 .7rem;font-size:.8125rem;font-weight:600;background:var(--paper);color:var(--ink);border:1.5px solid var(--border-ink);border-radius:var(--radius);display:inline-flex;align-items:center;white-space:nowrap}.btn-theme-toggle:hover{background:var(--wash)}.user-info-group{display:flex;align-items:center;gap:.5rem}.score-chips{display:none;gap:.35rem}.chip{display:inline-flex;align-items:center;padding:.15rem .55rem;font-size:.8125rem;font-weight:600;font-variant-numeric:tabular-nums;border:1.5px solid var(--border-ink);border-radius:var(--radius);background:var(--paper);color:var(--ink);white-space:nowrap}.chip-practice{background:var(--hi-yellow)}.chip-challenge{background:var(--hi-green)}.user-dropdown{display:flex;align-items:center;gap:.4rem}.user-profile-badge{display:flex;align-items:center;gap:.4rem;text-decoration:none;color:var(--ink);min-width:0}.user-avatar{width:32px;height:32px;border-radius:50%;display:inline-grid;place-items:center;background:var(--ink);color:var(--paper);font-weight:700;flex:none}.user-name{display:none;font-weight:600;font-size:.875rem;max-width:12ch;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-grade{display:none;font-size:.75rem;color:var(--ink-soft)}.btn-logout{min-height:36px;padding:0 .7rem;font-size:.8125rem;font-weight:600;background:transparent;color:var(--pen-red);border:1.5px solid var(--pen-red);border-radius:var(--radius)}.btn-logout:hover{background:var(--danger-wash)}.bottom-nav{position:fixed;left:0;right:0;bottom:0;z-index:45;display:flex;background:var(--paper);border-top:2px solid var(--border-ink);padding:0 env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px)}.bottom-tab{flex:1;min-width:0;min-height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;color:var(--ink-soft);text-decoration:none;font-size:.6875rem;font-weight:500;position:relative}.bottom-tab.active{color:var(--ink);font-weight:700}.bottom-tab.active:before{content:"";position:absolute;top:0;left:28%;right:28%;height:3px;background:var(--pen-red);border-radius:0 0 3px 3px}.bottom-tab-icon{display:inline-flex}.bottom-tab-label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.main-content{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}@media(min-width:900px){.desktop-nav,.score-chips{display:flex}.user-name,.user-grade{display:inline}.bottom-nav{display:none}.main-content{padding-bottom:3rem}}@media(min-width:640px)and (max-width:899px){.score-chips{display:flex}.brand-subtitle{display:block}}@media(max-width:639px){.brand-subtitle{display:none}.brand-title{font-size:1.2rem}.btn-theme-toggle{padding:0 .5rem}}.loading-state{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:3rem 1rem;color:var(--ink-soft)}.spinner,.spinner-sm{width:36px;height:36px;border:3px solid var(--line);border-top-color:var(--ink);border-radius:50%;animation:mq-spin .9s linear infinite}.spinner-sm{width:18px;height:18px;border-width:2px}@keyframes mq-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner,.spinner-sm{animation-duration:3s}}.empty-state{text-align:left;padding:2rem 1rem;border:2px dashed var(--line);border-radius:var(--radius);background:var(--paper)}.empty-title{font-family:var(--font-hand);font-size:1.35rem;color:var(--ink);margin-bottom:.25rem}.alert{display:block;padding:.7rem .9rem;border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper);font-size:.9375rem;margin:.75rem 0}.alert-error,.alert-box-error{border-color:var(--pen-red);background:var(--danger-wash);color:var(--pen-red)}.alert-success{border-color:var(--ok);background:var(--hi-green);color:var(--ok)}.alert-warning{border-color:var(--ink);background:var(--hi-yellow);color:var(--ink)}.alert-box-notice{border:2px dashed var(--ink);background:var(--hi-yellow);padding:.8rem 1rem;border-radius:var(--radius)}.notice-header{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.notice-box{display:flex;align-items:center;gap:.8rem;padding:.8rem 1rem;border:2px dashed var(--ink);background:var(--hi-yellow);border-radius:var(--radius);margin:1rem 0}.notice-icon{flex:none;color:var(--ink);display:inline-flex}.notice-content{flex:1;min-width:0}.notice-title{font-size:1rem;margin:0}.notice-sub{margin:0;font-size:.875rem;color:var(--ink-soft)}.btn-challenge-action{flex:none;min-height:var(--tap);display:inline-flex;align-items:center;padding:0 1rem;background:var(--ink);color:var(--paper);font-weight:700;text-decoration:none;border-radius:var(--radius)}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.05rem .5rem;font-size:.75rem;font-weight:600;line-height:1.6;border:1.5px solid currentColor;border-radius:var(--radius);color:var(--ink);background:transparent;white-space:nowrap}.badge-primary{color:var(--ink);background:var(--wash)}.badge-secondary,.badge-muted{color:var(--ink-soft);border-style:dashed}.badge-info{color:var(--ink-soft);background:var(--wash)}.badge-success,.badge-solved,.badge-approved,.badge-resolved{color:var(--ok);background:var(--hi-green)}.badge-warning,.badge-pending,.badge-open{color:var(--ink);background:var(--hi-yellow)}.badge-danger,.badge-rejected,.badge-retired,.badge-locked{color:var(--pen-red);background:var(--danger-wash)}.badge-revealed{color:var(--ink-soft);border-style:dashed}.badge-warm{color:var(--ink);background:var(--hi-yellow)}.badge-cool{color:var(--ink);background:var(--wash)}.badge-you{font-weight:700;color:var(--pen-red)}.badge-category{position:absolute;left:.5rem;top:.5rem;padding:.05rem .5rem;font-size:.75rem;font-weight:600;background:var(--paper);border:1.5px solid var(--ink);border-radius:var(--radius);color:var(--ink)}.badge-ai-verified,.badge-hypothetical,.badge-single-try,.badge-ai-generating{display:inline-flex;align-items:center;padding:0 .5rem;font-size:.75rem;font-weight:600;border-radius:var(--radius);color:var(--ink);background:var(--hi-yellow);border:1.5px solid var(--ink)}.badge-hypothetical{background:var(--wash);border-style:dashed}.badge-single-try{background:var(--danger-wash);color:var(--pen-red);border-color:var(--pen-red)}.status-val-pill,.status-pill{display:inline-flex;padding:0 .6rem;font-weight:600;font-size:.8125rem;border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--wash)}.status-queued,.status-open,.status-pending{background:var(--hi-yellow)}.status-running,.status-in_progress,.status-accepted{background:var(--wash-strong)}.status-done,.status-finished{background:var(--hi-green);color:var(--ok)}.status-failed,.status-expired,.status-cancelled,.status-void{background:var(--danger-wash);color:var(--pen-red)}.diff-badge-1{background:var(--hi-green)}.diff-badge-2{background:var(--hi-yellow)}.diff-badge-3{background:var(--danger-wash);color:var(--pen-red)}.page-header,.page-header-flex{margin-bottom:1.25rem}.page-header-flex{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.75rem}.page-title,.setup-title,.admin-title,.auth-title,.section-title,.admin-section-title{font-size:1.625rem;line-height:1.25;font-weight:700;color:var(--ink);position:relative;display:inline-block;padding-bottom:.3rem}.page-title:after,.setup-title:after,.admin-title:after,.auth-title:after{content:"";position:absolute;left:0;bottom:0;width:3.5rem;height:3px;background:var(--pen-red);border-radius:2px;transform:rotate(-.8deg)}.text-center .page-title:after,.auth-header .auth-title:after{left:50%;margin-left:-1.75rem}.section-title{font-size:1.25rem}.section-title:after{content:none}.page-subtitle,.setup-subtitle,.admin-sub,.auth-subtitle,.section-subtitle,.admin-section-subtitle{color:var(--ink-soft);font-size:.9375rem;margin-top:.4rem}.section-header{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:.5rem 1rem;margin:1.75rem 0 .9rem}.link-see-all{color:var(--ink);font-weight:600;text-decoration:underline;text-underline-offset:3px}.btn-sm{min-height:36px;padding:0 .7rem;font-size:.875rem}.btn-success{background:var(--ok);color:var(--paper);border:2px solid var(--ok);border-radius:var(--radius);font-weight:700;min-height:var(--tap);padding:0 1rem;display:inline-flex;align-items:center;justify-content:center;text-decoration:none}.btn-success:hover:not(:disabled){filter:brightness(1.08)}.btn-outline-danger{background:transparent;color:var(--pen-red);border:2px solid var(--pen-red);border-radius:var(--radius);font-weight:600}.btn-outline-danger:hover:not(:disabled){background:var(--danger-wash)}.btn-outline-success{background:transparent;color:var(--ok);border:2px solid var(--ok);border-radius:var(--radius);font-weight:600}.btn-pill{min-height:36px;padding:0 .8rem;border:1.5px solid var(--ink);border-radius:999px;background:var(--paper);color:var(--ink);font-size:.875rem}.btn-ai-generate{background:var(--hi-yellow);color:var(--ink);border:2px solid var(--ink);border-radius:var(--radius);font-weight:700;min-height:var(--tap);padding:0 1rem;display:inline-flex;align-items:center;justify-content:center}.btn-ai-generate:hover:not(:disabled){background:color-mix(in srgb,var(--hi-yellow) 70%,var(--ink))}.btn-ai-generate:disabled{opacity:.55;cursor:not-allowed}.btn-close{min-height:36px;min-width:36px;padding:0;background:transparent;color:var(--ink);border:1.5px solid var(--line);border-radius:var(--radius);font-size:1rem}.btn-close:hover{background:var(--wash)}.btn-text-danger{background:none;border:0;color:var(--pen-red);text-decoration:underline;min-height:32px;padding:0 .25rem}.btn-copy-lg{min-height:var(--tap);padding:0 1rem;background:var(--ink);color:var(--paper);font-weight:700;border:2px solid var(--ink);border-radius:var(--radius)}.btn-block{width:100%;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none}a.btn-primary,a.btn-secondary,a.btn-outline{display:inline-flex;align-items:center;justify-content:center;min-height:var(--tap);padding:0 1rem;text-decoration:none}.form-group{display:flex;flex-direction:column;gap:.35rem;margin-bottom:1rem}.form-label,.form-group>label{font-weight:600;font-size:.9375rem;color:var(--ink)}.form-control,input.form-control,select.form-control,textarea.form-control{width:100%;min-height:var(--tap);padding:.55rem .7rem;font-size:1rem;font-family:var(--font-main);color:var(--ink);background:var(--card-bg);border:2px solid var(--border-ink);border-radius:var(--radius)}textarea.form-control{min-height:6rem;resize:vertical}.form-control-sm{min-height:36px;padding:.3rem .5rem;font-size:.875rem}.select-inline{width:auto}.form-grid-3{display:grid;gap:0 1rem;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr))}.input-with-unit,.input-with-button{display:flex;align-items:stretch;gap:.5rem}.input-with-unit .form-control,.input-with-button .form-control{flex:1;min-width:0}.input-answer,.input-code-lg{font-size:1.125rem;font-variant-numeric:tabular-nums}.input-code-lg{letter-spacing:.25em;text-transform:uppercase;text-align:center;font-weight:700}.answer-unit-addon,.input-unit-chip{display:inline-flex;align-items:center;padding:0 .7rem;font-weight:600;color:var(--ink-soft)}.radio-group-horizontal{display:flex;flex-wrap:wrap;gap:.5rem}.radio-btn{display:inline-flex;align-items:center;gap:.5rem;min-height:var(--tap);padding:0 1rem;border:2px solid var(--border-ink);border-radius:var(--radius);background:var(--card-bg);font-weight:600;cursor:pointer}.radio-btn:has(input:checked){background:var(--ink);color:var(--paper)}.fixed-grade-chip{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .8rem;border:2px dashed var(--ink);border-radius:var(--radius);background:var(--wash);font-weight:600;width:fit-content}.difficulty-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.diff-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;min-height:64px;padding:.5rem .25rem;background:var(--card-bg);color:var(--ink);border:2px solid var(--border-ink);border-radius:var(--radius);text-align:center}.diff-title{font-weight:700;font-size:.9375rem}.diff-pts{font-size:.75rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.diff-btn.diff-1.selected{background:var(--hi-green);box-shadow:inset 0 -4px 0 var(--ok)}.diff-btn.diff-2.selected{background:var(--hi-yellow);box-shadow:inset 0 -4px 0 var(--ink)}.diff-btn.diff-3.selected{background:var(--danger-wash);box-shadow:inset 0 -4px 0 var(--pen-red)}.diff-btn.selected .diff-pts{color:var(--ink)}.mode-selector-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(14rem,1fr));gap:.6rem}.mode-card{display:flex;gap:.6rem;align-items:flex-start;padding:.8rem;border:2px solid var(--border-ink);border-radius:var(--radius);background:var(--card-bg);cursor:pointer}.mode-card.selected{background:var(--hi-yellow)}.mode-card input{margin-top:.25rem;accent-color:var(--ink)}.mode-card-content{min-width:0}.mode-card-content strong{display:block}.setup-card,.join-card,.auth-card,.profile-card,.result-card,.watch-card,.summary-card,.history-content-card,.leaderboard-table-card,.topic-stats-card,.admin-card,.challenge-item-card,.admin-question-card,.error-card,.challenge-success-box{background:var(--card-bg);border:2px solid var(--border-ink);border-radius:var(--radius);padding:1.1rem;box-shadow:none}.history-content-card,.leaderboard-table-card{padding:0;overflow:hidden}.card-heading,.card-subheading,.chart-box-title,.section-sub-title{font-size:1.0625rem;font-weight:700;margin-bottom:.6rem}.table-responsive{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}.data-table,.leaderboard-table{width:100%;border-collapse:collapse;font-size:.9375rem;font-variant-numeric:tabular-nums}.data-table th,.leaderboard-table th{text-align:left;font-size:.8125rem;font-weight:700;letter-spacing:.03em;color:var(--ink-soft);padding:.6rem .75rem;border-bottom:2px solid var(--border-ink);white-space:nowrap;background:var(--wash)}.data-table td,.leaderboard-table td{padding:.65rem .75rem;border-bottom:1px solid var(--line);vertical-align:middle}.data-table tr:last-child td,.leaderboard-table tr:last-child td{border-bottom:0}.data-table .text-right,.leaderboard-table .text-right{text-align:right}.row-locked td{opacity:.6}.tab-container,.board-switch-tabs,.category-tabs{display:flex;flex-wrap:wrap;gap:0;border-bottom:2px solid var(--border-ink);margin-bottom:1rem}.tab-btn,.board-tab-btn,.cat-tab-btn{min-height:var(--tap);padding:0 1rem;background:transparent;color:var(--ink-soft);font-weight:600;border:0;border-bottom:4px solid transparent;margin-bottom:-2px;border-radius:0}.tab-btn.active,.board-tab-btn.active,.cat-tab-btn.active{color:var(--ink);border-bottom-color:var(--pen-red)}.tab-btn:hover,.board-tab-btn:hover,.cat-tab-btn:hover{color:var(--ink);background:var(--wash)}.modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:1rem;background:color-mix(in srgb,var(--ink) 55%,transparent);overflow-y:auto}.modal-card{width:min(100%,30rem);max-height:92vh;overflow-y:auto;background:var(--paper);border:2px solid var(--border-ink);border-radius:var(--radius);padding:1.1rem}.modal-card.modal-lg{width:min(100%,44rem)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:.75rem;margin-bottom:.8rem}.modal-header h2,.modal-header h3{font-size:1.25rem;margin:0}.modal-actions,.modal-actions-flex{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:flex-end;margin-top:1rem}@media print{.no-print,.main-header,.bottom-nav,.admin-subnav{display:none!important}}.auth-page{min-height:100vh;display:grid;place-items:center;padding:1rem;background-color:var(--paper);background-image:linear-gradient(to right,var(--grid) 1px,transparent 1px),linear-gradient(to bottom,var(--grid) 1px,transparent 1px);background-size:16px 16px;position:relative}.auth-page:before{content:"";position:absolute;top:0;bottom:0;left:24px;width:2px;background:var(--margin)}.auth-card{position:relative;width:min(100%,26rem);padding:1.4rem 1.2rem}.notebook-label-header{display:flex;flex-direction:column;gap:.15rem;margin-bottom:1rem;padding-bottom:.7rem;border-bottom:1px dashed var(--line)}.notebook-label-line{display:flex;gap:.5rem;font-family:var(--font-hand);font-size:1.1rem}.label-key{color:var(--ink-soft)}.label-val{color:var(--ink);border-bottom:1.5px solid var(--ink-faint);flex:1}.auth-header{text-align:center;margin-bottom:1rem}.auth-logo{width:84px;height:84px;object-fit:contain;margin:0 auto .4rem;display:block}.auth-title{font-size:1.5rem}.auth-form .form-group{margin-bottom:.9rem}.auth-lock-icon{display:inline-grid;place-items:center;width:56px;height:56px;color:var(--pen-red)}.page-home{display:flex;flex-direction:column;gap:.5rem}.hero-banner{display:grid;gap:1rem;align-items:center;padding-bottom:.5rem}.hero-content{min-width:0}.hero-badge{display:inline-block;font-family:var(--font-hand);font-size:1.1rem;color:var(--ink-soft);border-bottom:2px solid var(--pen-red);margin-bottom:.5rem}.hero-title{font-size:clamp(1.6rem,6.5vw,2.4rem);line-height:1.15;margin-bottom:.6rem}.hero-desc{color:var(--ink-soft);max-width:46ch}.hero-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:1rem}.hero-illustration{display:grid;place-items:center}.hero-image{width:min(60%,260px);height:auto}@media(min-width:640px){.hero-banner{grid-template-columns:1.4fr 1fr}.hero-image{width:100%}}.stats-cards-grid{display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));margin:1rem 0}.stat-card{background:var(--card-bg);border:2px solid var(--border-ink);border-radius:var(--radius);padding:.9rem 1rem;display:flex;flex-direction:column;gap:.25rem}.card-warm{background:color-mix(in srgb,var(--hi-yellow) 55%,var(--card-bg))}.card-cool{background:color-mix(in srgb,var(--hi-green) 55%,var(--card-bg))}.card-accent{background:var(--card-bg);border-style:dashed}.stat-card-title{font-size:.875rem;font-weight:600;color:var(--ink-soft)}.stat-card-value{font-size:2.1rem;font-weight:700;line-height:1.1;font-variant-numeric:tabular-nums;color:var(--ink)}.stat-card-desc{font-size:.875rem;color:var(--ink-soft);margin:0}.stat-card-progress{margin-top:.4rem}.progress-info{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem;font-size:.8125rem;font-variant-numeric:tabular-nums}.progress-bar-track{height:10px;border:2px solid var(--border-ink);border-radius:999px;background:var(--paper);overflow:hidden;margin-top:.3rem}.progress-bar-fill{height:100%;background:var(--ink);border-radius:999px}.topic-stats-card{padding:1rem}.stat-chart-container .bar-list{display:flex;flex-direction:column;gap:.8rem}.bar-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.25rem;margin-bottom:.25rem}.bar-topic{font-weight:600}.bar-rate{font-size:.8125rem;color:var(--ink-soft);font-variant-numeric:tabular-nums}.bar-track{height:12px;background:var(--paper);border:2px solid var(--border-ink);border-radius:999px;overflow:hidden}.bar-fill{height:100%;background:var(--ink)}.landmarks-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fill,minmax(13.5rem,1fr))}.landmark-card{position:relative;display:flex;flex-direction:column;background:var(--card-bg);border:2px solid var(--border-ink);border-radius:var(--radius);overflow:hidden}.landmark-image-wrapper{position:relative;display:grid;place-items:center;padding:2.2rem .75rem .5rem;background:var(--paper);border-bottom:1px dashed var(--line)}.landmark-image{width:100%;max-width:150px;height:110px;object-fit:contain;color:var(--ink)}.landmark-content{display:flex;flex-direction:column;gap:.35rem;padding:.8rem;flex:1}.landmark-title{font-size:1.0625rem;margin:0}.landmark-desc{font-size:.875rem;color:var(--ink-soft);margin:0 0 .4rem;flex:1}.btn-practice-landmark{margin-top:auto;min-height:var(--tap);padding:0 .8rem;background:var(--paper);color:var(--ink);border:2px solid var(--border-ink);border-radius:var(--radius);font-weight:700}.btn-practice-landmark:hover{background:var(--ink);color:var(--paper)}.landmarks-toolbar{display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.landmarks-toolbar .category-tabs{margin-bottom:0}.search-box{position:relative}.search-input{width:100%;min-height:var(--tap);padding:.5rem .75rem;font-size:1rem;background:var(--card-bg);color:var(--ink);border:2px solid var(--border-ink);border-radius:var(--radius)}.page-practice-setup,.page-challenge-create,.page-challenge-join{display:flex;justify-content:center}.setup-card,.join-card{width:100%;max-width:38rem}.setup-header{margin-bottom:1rem}.setup-title{font-size:1.5rem}.setup-actions-container{display:flex;flex-direction:column;gap:.5rem}.ai-btn-subtext{font-size:.8125rem;color:var(--ink-soft);margin:0}.landmark-select-wrapper{width:100%}.ai-waiting-card,.notebook-waiting-box{background:var(--paper);border:2px dashed var(--ink);border-radius:var(--radius);padding:1rem}.waiting-ink-header{margin-bottom:.8rem}.waiting-title{font-size:1.25rem;margin:.4rem 0 .25rem}.waiting-sub{color:var(--ink-soft);font-size:.9375rem;margin:0}.waiting-status-grid{display:grid;gap:.5rem;grid-template-columns:repeat(auto-fit,minmax(10rem,1fr));margin:.9rem 0}.status-item{display:flex;flex-direction:column;gap:.2rem;padding:.6rem .7rem;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--card-bg)}.status-label{font-size:.8125rem;color:var(--ink-soft)}.status-val-num{font-size:1.4rem;font-variant-numeric:tabular-nums}.waiting-real-hint{margin-top:.5rem}.challenge-success-box{text-align:center}.success-title{font-size:1.4rem;margin-bottom:.4rem}.share-code-display{display:flex;flex-direction:column;align-items:center;gap:.4rem;margin:1rem 0;padding:1rem;border:2px dashed var(--ink);background:var(--hi-yellow);border-radius:var(--radius)}.code-label{font-size:.8125rem;font-weight:700;letter-spacing:.08em}.code-value{font-size:2.4rem;font-weight:700;letter-spacing:.3em;font-variant-numeric:tabular-nums;color:var(--ink)}.share-link-box{display:flex;gap:.5rem}.share-link-box .form-control{flex:1;min-width:0}.success-actions{display:flex;flex-direction:column;gap:.5rem}.join-code-form{margin-bottom:1rem}.challenge-preview-card{border:2px solid var(--border-ink);border-radius:var(--radius);padding:.9rem;background:var(--paper)}.preview-header{display:flex;flex-wrap:wrap;gap:.4rem;margin-bottom:.5rem}.preview-title{font-size:1.25rem;margin-bottom:.6rem}.preview-details-list{display:flex;flex-direction:column}.detail-item{display:flex;justify-content:space-between;gap:1rem;padding:.4rem 0;border-bottom:1px dashed var(--line);font-size:.9375rem}.detail-item:last-child{border-bottom:0}.detail-label{color:var(--ink-soft)}.detail-value{font-weight:600;text-align:right;font-variant-numeric:tabular-nums}.page-practice-session,.page-challenge-play{display:flex;flex-direction:column;gap:.9rem}.session-progress-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem}.progress-nav-buttons,.challenge-step-track,.notebook-step-track{display:flex;gap:.4rem;flex-wrap:wrap}.btn-step,.track-step{min-height:40px;padding:0 .8rem;font-size:.875rem;font-weight:700;background:var(--card-bg);color:var(--ink-soft);border:2px solid var(--line);border-radius:var(--radius);display:inline-flex;align-items:center}.btn-step.active,.track-step.active{background:var(--hi-yellow);color:var(--ink);border-color:var(--ink)}.btn-step.solved,.track-step.step-correct{background:var(--hi-green);color:var(--ok);border-color:var(--ok)}.btn-step.revealed,.track-step.step-wrong,.track-step.step-timeout{background:var(--danger-wash);color:var(--pen-red);border-color:var(--pen-red)}.progress-meta-info{display:flex;gap:.4rem}.meta-badge{padding:0 .5rem;font-size:.8125rem;font-weight:600;border:1.5px solid var(--line);border-radius:var(--radius);background:var(--paper)}.question-card{background:var(--card-bg);border:2px solid var(--border-ink);border-radius:var(--radius)}.question-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.5rem;padding:.6rem .9rem;border-bottom:1px dashed var(--line);background:var(--wash)}.header-left{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.q-pos-label{font-family:var(--font-hand);font-size:1.15rem;letter-spacing:.04em;color:var(--ink-soft)}.btn-report-flag{min-height:32px;padding:0 .6rem;font-size:.8125rem;font-weight:600;background:transparent;color:var(--ink-soft);border:1.5px solid var(--line);border-radius:var(--radius);display:inline-flex;align-items:center}.btn-report-flag:hover{color:var(--pen-red);border-color:var(--pen-red)}.question-body{padding:1rem .9rem 1.1rem;display:flex;flex-direction:column;gap:.9rem}.question-landmark-banner{display:flex;justify-content:center;padding:.4rem 0;border-bottom:1px dashed var(--line)}.q-landmark-thumb{height:96px;width:auto;max-width:70%;object-fit:contain;color:var(--ink)}.question-statement{font-size:1.125rem;line-height:1.7;font-family:var(--font-main);color:var(--ink)}.answer-section{display:flex;flex-direction:column;gap:.8rem}.answer-input-box{display:flex;flex-direction:column;gap:.4rem}.answer-label{font-size:.875rem;color:var(--ink-soft)}.answer-actions{display:flex;flex-wrap:wrap;gap:.5rem}.answer-actions>*{flex:1 1 8rem}.choice-list{display:flex;flex-direction:column;gap:.5rem}.choice-option{display:flex;align-items:center;gap:.7rem;min-height:var(--tap);padding:.5rem .8rem;border:2px solid var(--border-ink);border-radius:var(--radius);background:var(--card-bg);cursor:pointer}.choice-option.selected{background:var(--hi-yellow)}.choice-option input{accent-color:var(--ink);width:1.1rem;height:1.1rem}.feedback-alert{padding:.8rem .9rem;border:2px solid var(--ok);border-radius:var(--radius);background:var(--hi-green);color:var(--ok)}.feedback-error,.feedback-alert.feedback-error{border-color:var(--pen-red);background:var(--danger-wash);color:var(--pen-red)}.feedback-success{border-color:var(--ok)}.feedback-message{font-weight:700;font-size:1.0625rem}.explanation-text{padding:.8rem .9rem;border:2px dashed var(--ink);border-radius:var(--radius);background:var(--paper)}.play-timer-container{margin-top:.5rem}.challenge-play-header{display:flex;flex-direction:column;gap:.6rem}.play-title-group{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem}.play-challenge-name{font-size:1.25rem;margin:0}.countdown-timer{padding:.6rem .8rem;border:2px solid var(--border-ink);border-radius:var(--radius);background:var(--card-bg)}.timer-main-row{display:flex;align-items:center;gap:.6rem}.timer-icon{display:inline-flex;color:var(--ink)}.timer-digits{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums}.timer-alert{margin-left:auto;font-weight:700;color:var(--pen-red)}.timer-ink-track{height:10px;margin-top:.4rem;border:2px solid var(--border-ink);border-radius:999px;overflow:hidden;background:var(--paper)}.timer-ink-fill{height:100%;background:var(--ink);transition:width .4s linear}.timer-urgent{border-color:var(--pen-red)}.timer-urgent .timer-digits{color:var(--pen-red)}.timer-urgent .timer-ink-fill{background:var(--pen-red)}.timer-expired{opacity:.7}.page-practice-summary,.page-challenge-result,.page-challenge-watch{display:flex;justify-content:center}.summary-card,.result-card,.watch-card{width:100%;max-width:40rem}.summary-header{text-align:center;margin-bottom:1rem}.summary-trophy{display:inline-grid;place-items:center;width:72px;height:72px;color:var(--ink);border:2px dashed var(--ink);border-radius:50%;margin-bottom:.5rem}.summary-title{font-size:1.5rem}.summary-sub{color:var(--ink-soft);margin:.25rem auto 0}.summary-score-box{border:2px solid var(--border-ink);border-radius:var(--radius);padding:.8rem 1rem;background:var(--paper)}.score-row{display:flex;justify-content:space-between;gap:1rem;padding:.25rem 0;font-variant-numeric:tabular-nums}.score-divider{height:0;border-top:2px solid var(--border-ink);margin:.4rem 0}.total-row{font-size:1.125rem}.score-val-lg{font-size:1.5rem;color:var(--ink)}.summary-breakdown{margin-top:1rem}.breakdown-title{font-size:1rem;margin-bottom:.4rem}.summary-item-row{display:flex;align-items:center;gap:.6rem;padding:.5rem 0;border-bottom:1px dashed var(--line)}.item-pos{font-weight:700;flex:none}.item-status-badge{flex:1;font-size:.875rem}.item-pts{font-weight:700;font-variant-numeric:tabular-nums}.summary-actions,.result-actions-grid{display:flex;flex-direction:column;gap:.5rem;margin-top:1.2rem}.outcome-banner{text-align:center;padding:1rem;border:2px solid var(--ink);border-radius:var(--radius);margin-bottom:1rem}.banner-win{background:var(--hi-green);color:var(--ok);border-color:var(--ok)}.banner-creator-win{background:var(--hi-yellow)}.banner-draw{background:var(--wash)}.outcome-title{font-size:1.4rem;margin:0;color:inherit}.outcome-sub{margin:.3rem auto 0;font-size:.9375rem}.result-totals-box{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:.5rem;text-align:center;margin:1rem 0}.total-side{display:flex;flex-direction:column;gap:.2rem;padding:.7rem;border:2px solid var(--border-ink);border-radius:var(--radius);background:var(--paper)}.side-label{font-size:.8125rem;color:var(--ink-soft)}.side-points{font-size:1.4rem;font-weight:700;font-variant-numeric:tabular-nums}.total-vs{font-family:var(--font-hand);font-size:1.4rem;color:var(--pen-red)}.result-items-list{display:flex;flex-direction:column;gap:.7rem}.result-item-card{border:2px solid var(--border-ink);border-radius:var(--radius);padding:.8rem;background:var(--card-bg)}.result-item-card.border-success{border-color:var(--ok)}.result-item-card.border-wrong{border-color:var(--pen-red)}.item-header-row{display:flex;flex-wrap:wrap;align-items:center;gap:.5rem;margin-bottom:.5rem}.item-number{font-weight:700}.item-statement{margin-bottom:.6rem;line-height:1.6}.answers-comparison-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem;padding:.6rem;background:var(--wash);border-radius:var(--radius)}.ans-col{display:flex;flex-direction:column;gap:.15rem;min-width:0;overflow-wrap:anywhere}.col-label{font-size:.8125rem;color:var(--ink-soft)}.item-explanation{margin-top:.6rem;font-size:.9375rem;color:var(--ink-soft)}.watch-header{margin-bottom:1rem}.live-indicator{font-size:.8125rem;font-weight:700;color:var(--pen-red);letter-spacing:.04em}.watch-title{font-size:1.4rem;margin:.25rem 0}.watch-opponent-box{padding:.8rem;border:2px dashed var(--ink);border-radius:var(--radius);background:var(--paper);margin-bottom:1rem}.opponent-name{font-size:1.15rem;margin:0}.waiting-opponent{display:flex;align-items:center;gap:.6rem;color:var(--ink-soft)}.progress-items-grid{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.watch-item-card{padding:.7rem;border:2px solid var(--line);border-radius:var(--radius);background:var(--card-bg)}.watch-item-card.state-correct{border-color:var(--ok);background:var(--hi-green)}.watch-item-card.state-wrong,.watch-item-card.state-timeout{border-color:var(--pen-red);background:var(--danger-wash)}.watch-item-card.state-pending{border-style:dashed}.item-card-header{display:flex;justify-content:space-between;gap:.5rem;font-weight:700;margin-bottom:.25rem}.item-state-text{font-size:.8125rem;font-weight:600}.watch-footer-actions{margin-top:1rem}.auto-refresh-notice{margin-top:.8rem;font-size:.8125rem;color:var(--ink-soft);text-align:center}.refresh-pulse{color:var(--ok);animation:mq-pulse 1.6s ease-in-out infinite}@keyframes mq-pulse{50%{opacity:.25}}@media(prefers-reduced-motion:reduce){.refresh-pulse{animation:none}}.header-action-buttons{display:flex;flex-wrap:wrap;gap:.5rem}.challenges-cards-grid{display:grid;gap:.8rem;grid-template-columns:repeat(auto-fill,minmax(16rem,1fr))}.challenge-item-card{display:flex;flex-direction:column;gap:.5rem}.challenge-top-meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem}.challenge-code-chip{display:inline-flex;padding:0 .6rem;font-weight:700;letter-spacing:.14em;font-variant-numeric:tabular-nums;border:2px dashed var(--ink);border-radius:var(--radius);background:var(--hi-yellow);cursor:pointer}.challenge-card-title{font-size:1.0625rem;margin:0}.challenge-details{display:flex;flex-direction:column;gap:.15rem;font-size:.875rem;color:var(--ink-soft)}.challenge-card-actions{margin-top:auto;display:flex;flex-direction:column;gap:.4rem}.leaderboard-filters{display:flex;flex-wrap:wrap;gap:.75rem 1.5rem;margin-bottom:1rem}.filter-group{display:flex;flex-direction:column;gap:.25rem}.filter-label{font-size:.8125rem;font-weight:600;color:var(--ink-soft)}.pill-selector{display:flex;gap:.35rem;flex-wrap:wrap}.filter-pill{min-height:36px;padding:0 .8rem;font-size:.875rem;font-weight:600;background:var(--card-bg);color:var(--ink);border:1.5px solid var(--border-ink);border-radius:999px}.filter-pill.active{background:var(--ink);color:var(--paper)}.my-rank-banner{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.75rem;padding:.8rem 1rem;margin-bottom:1rem;background:var(--hi-yellow);border:2px solid var(--ink);border-radius:var(--radius)}.my-rank-left{display:flex;align-items:center;gap:.7rem;min-width:0}.my-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-weight:700;flex:none}.my-label{font-size:.8125rem;color:var(--ink-soft)}.my-name{font-size:1rem;margin:0;overflow-wrap:anywhere}.my-rank-right{display:flex;gap:.4rem;flex-wrap:wrap}.my-rank-badge,.my-score-badge{padding:.15rem .6rem;border:2px solid var(--ink);border-radius:var(--radius);background:var(--paper);font-weight:700;font-variant-numeric:tabular-nums}.col-rank{width:4rem}.col-grade,.col-score{white-space:nowrap}.rank-crown{display:inline-grid;place-items:center;width:30px;height:30px;border-radius:50%;font-weight:700;border:2px solid var(--ink);font-family:var(--font-hand);font-size:1.1rem}.crown-gold{background:var(--hi-yellow)}.crown-silver{background:var(--wash-strong)}.crown-bronze{background:color-mix(in srgb,var(--pen-red) 18%,var(--paper))}.rank-number{font-variant-numeric:tabular-nums;color:var(--ink-soft);font-weight:600}.row-highlight-me td{background:var(--hi-yellow);font-weight:600}.table-footer-note{padding:.6rem .75rem;border-top:1px dashed var(--line)}.profile-grid{display:grid;gap:.9rem;grid-template-columns:repeat(auto-fit,minmax(17rem,1fr))}.profile-card.full-col{grid-column:1 / -1}.profile-avatar-banner{display:flex;align-items:center;gap:.8rem;flex-wrap:wrap;margin-bottom:.8rem}.avatar-circle{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:var(--ink);color:var(--paper);font-size:1.5rem;font-weight:700}.profile-name{font-size:1.25rem;margin:0;overflow-wrap:anywhere}.profile-role-tag{font-size:.8125rem;font-weight:600;padding:0 .5rem;border:1.5px solid var(--ink);border-radius:var(--radius);background:var(--wash)}.profile-info-list{display:flex;flex-direction:column}.info-row{display:flex;justify-content:space-between;align-items:center;gap:1rem;padding:.5rem 0;border-bottom:1px dashed var(--line)}.info-row:last-child{border-bottom:0}.info-label{color:var(--ink-soft);font-size:.9375rem}.info-val{overflow-wrap:anywhere;text-align:right}.score-summary-grid{display:grid;grid-template-columns:1fr 1fr;gap:.6rem}.score-stat-box{display:flex;flex-direction:column;gap:.15rem;padding:.7rem;border:2px solid var(--border-ink);border-radius:var(--radius);background:var(--paper)}.stat-label{font-size:.8125rem;color:var(--ink-soft)}.stat-number{font-size:1.7rem;font-variant-numeric:tabular-nums;line-height:1.1}.cap-header{display:flex;justify-content:space-between;gap:.5rem;font-size:.875rem;font-variant-numeric:tabular-nums}.change-pass-form .form-grid-3{margin-bottom:.5rem}.admin-container{display:flex;flex-direction:column;gap:1rem}.admin-header-bar{display:flex;flex-direction:column;gap:.25rem}.admin-subnav{display:flex;gap:0;overflow-x:auto;border-bottom:2px solid var(--border-ink);-webkit-overflow-scrolling:touch}.admin-nav-item{flex:none;min-height:var(--tap);display:inline-flex;align-items:center;padding:0 .9rem;color:var(--ink-soft);text-decoration:none;font-weight:600;font-size:.9375rem;border-bottom:4px solid transparent;margin-bottom:-2px;white-space:nowrap}.admin-nav-item.active{color:var(--ink);border-bottom-color:var(--pen-red)}.admin-nav-item:hover{background:var(--wash)}.admin-content-area{min-width:0}.section-toolbar,.admin-section-header{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:.6rem 1rem;margin-bottom:.9rem}.toolbar-title,.admin-section-title{font-size:1.15rem;font-weight:700;margin:0}.toolbar-search-filters{display:flex;flex-wrap:wrap;gap:.5rem;flex:1 1 18rem}.toolbar-search-filters .form-control{width:auto;flex:1 1 9rem}.toolbar-buttons,.admin-header-actions{display:flex;flex-wrap:wrap;gap:.5rem}.input-search{min-width:12rem}.admin-card{margin-bottom:1rem}.card-header-bar{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.8rem}.admin-ai-form{display:grid;gap:0 1rem;grid-template-columns:repeat(auto-fit,minmax(13rem,1fr))}.form-actions{grid-column:1 / -1;display:flex;gap:.5rem;flex-wrap:wrap}.actions-cell{display:inline-flex;gap:.4rem;flex-wrap:wrap;justify-content:flex-end}.temp-pass-chip{display:inline-block;padding:.3rem .8rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:1.15rem;font-weight:700;letter-spacing:.08em;border:2px dashed var(--ink);border-radius:var(--radius);background:var(--paper);-webkit-user-select:all;user-select:all}.bulk-result-card{border:2px solid var(--border-ink);border-radius:var(--radius);padding:.9rem;background:var(--card-bg)}.bulk-header{display:flex;flex-wrap:wrap;justify-content:space-between;gap:.6rem}.bulk-actions-group{display:flex;gap:.4rem;flex-wrap:wrap}.questions-admin-list{display:flex;flex-direction:column;gap:.8rem}.question-card-top{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem;margin-bottom:.6rem}.question-statement-box,.statement-preview,.answer-preview{padding:.7rem;border:1px dashed var(--line);border-radius:var(--radius);background:var(--paper);line-height:1.6;margin-bottom:.6rem}.question-meta-grid{display:grid;gap:.4rem 1rem;grid-template-columns:repeat(auto-fit,minmax(12rem,1fr));font-size:.9375rem}.question-actions{display:flex;flex-wrap:wrap;gap:.5rem}.admin-stats-summary-card,.admin-chart-box{border:2px solid var(--border-ink);border-radius:var(--radius);padding:1rem;background:var(--card-bg);margin-bottom:1rem}.challenge-stats-grid{display:grid;gap:.6rem;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr))}.ch-stat-box{display:flex;flex-direction:column;padding:.7rem;border:2px solid var(--border-ink);border-radius:var(--radius);background:var(--paper)}.ch-stat-label{font-size:.8125rem;color:var(--ink-soft)}.ch-stat-val{font-size:1.6rem;font-weight:700;font-variant-numeric:tabular-nums}.page-error-403{display:grid;place-items:center;padding:2rem 0}.error-card{text-align:center;max-width:26rem}.error-icon{display:inline-grid;place-items:center;width:56px;height:56px;color:var(--pen-red)}.error-boundary-details{text-align:left}.header-meta{display:flex;flex-wrap:wrap;gap:.4rem}.styleguide-desc{color:var(--ink-soft);max-width:60ch}.theme-switcher-box{display:flex;align-items:center;gap:.6rem;flex-wrap:wrap}.typeset-col{display:flex;flex-direction:column;gap:.4rem}.handwriting-text{font-family:var(--font-hand)}.font-xl{font-size:1.75rem}.font-lg{font-size:1.375rem}.font-md{font-size:1.125rem}.font-sm{font-size:.875rem}.token-role{font-size:.8125rem;color:var(--ink-soft)}.input-demo-box{padding:.8rem;border:2px dashed var(--line);border-radius:var(--radius)}.state-demo-list{display:flex;flex-direction:column;gap:.6rem}.step-label{font-size:.8125rem;color:var(--ink-soft)}.step-badge{display:inline-flex;padding:0 .5rem;border:1.5px solid var(--ink);border-radius:var(--radius);font-weight:700}.step-pending{border-style:dashed;color:var(--ink-soft)}.card-ink-header{font-weight:700;padding-bottom:.4rem;border-bottom:1px dashed var(--line);margin-bottom:.5rem}.tag-topic{font-size:.8125rem;font-weight:600;color:var(--ink-soft)}.card-statement{line-height:1.6}.state-in-progress,.state-has-hint,.state-wrong,.state-correct{padding:.8rem;border:2px solid var(--border-ink);border-radius:var(--radius);background:var(--card-bg)}.state-has-hint{background:var(--hi-yellow)}.state-wrong{border-color:var(--pen-red);background:var(--danger-wash)}.state-correct{border-color:var(--ok);background:var(--hi-green)}.badge-highlight-yellow{background:var(--hi-yellow)}.badge-pen-red{color:var(--pen-red);border-color:var(--pen-red)}.btn-sub{font-size:.8125rem;color:var(--ink-soft)}.error-card-title{font-size:1.25rem;color:var(--pen-red)}.error-card-desc{color:var(--ink-soft)}.error-card-actions{display:flex;gap:.5rem;justify-content:center;flex-wrap:wrap;margin-top:.8rem}.page-challenges,.page-history,.page-landmarks,.page-leaderboard,.page-profile,.admin-page-ai,.admin-page-score-adjust{display:block}.admin-page-score-adjust .setup-card{max-width:36rem}@media(max-width:479px){.answers-comparison-grid,.result-totals-box{grid-template-columns:1fr}.total-vs{justify-self:center}.difficulty-selector{gap:.35rem}.diff-title{font-size:.875rem}.page-title,.setup-title{font-size:1.4rem}.data-table th,.data-table td,.leaderboard-table th,.leaderboard-table td{padding:.5rem .55rem}}.container:has(.auth-page){max-width:none;padding:0;background:transparent;background-image:none;border:0;border-radius:0;box-shadow:none}.container:has(.auth-page):before{display:none}.main-content:has(.auth-page){padding:0}@media(max-width:479px){.btn-theme-toggle{font-size:0;min-width:36px;padding:0 .5rem;justify-content:center}.btn-theme-toggle svg{margin:0!important}.brand-title{font-size:1.1rem;overflow:hidden;text-overflow:ellipsis}.main-header .container.header-container{gap:.4rem}.btn-logout{padding:0 .5rem}}.fixed-grade-chip{flex-wrap:wrap}.fixed-grade-chip>:first-child{white-space:nowrap}.diff-pts{white-space:nowrap;font-size:.75rem}.leaderboard-table-card{overflow-x:auto}.leaderboard-table{table-layout:auto;min-width:0}.leaderboard-table .col-rank{width:3.4rem}.leaderboard-table .col-name{overflow-wrap:anywhere}.name-grade{display:none;font-size:.75rem;color:var(--ink-soft);font-weight:400}@media(max-width:599px){.leaderboard-table th,.leaderboard-table td{padding:.5rem}.leaderboard-table .col-grade{display:none}.name-grade{display:block}.leaderboard-table .col-score{text-align:right}}@media(min-width:900px){.main-header .container.header-container{max-width:1180px;gap:1rem}.brand-subtitle{display:none}.brand-title{font-size:1.3rem}.desktop-nav{flex:1;justify-content:center;flex-wrap:nowrap;margin-left:0;gap:0}.nav-link{white-space:nowrap;padding:.4rem .6rem;font-size:.9rem}.header-actions{margin-left:0}.score-chips{display:none}.user-name{max-width:10ch}.user-grade{display:none}}@media(min-width:1180px){.score-chips{display:flex}}@media(min-width:900px)and (max-width:1399px){.score-chips{display:none}}@media(min-width:900px){.main-header .container.header-container{max-width:1280px}.brand-title{white-space:nowrap}}@media(min-width:1400px){.score-chips{display:flex}}@media(min-width:900px){.admin-subnav{flex-wrap:wrap;overflow-x:visible}}.item-status-badge{flex:0 1 auto;margin-right:auto;padding:0 .5rem;font-size:.875rem;font-weight:600;border:1.5px solid currentColor;border-radius:var(--radius)}.score-val-lg{white-space:nowrap;font-size:1.35rem;font-weight:700}.total-row{align-items:baseline}:root[data-theme=light]{color-scheme:light}:root[data-theme=dark]{color-scheme:dark}.btn-reload{min-height:36px;min-width:36px;padding:0;display:inline-grid;place-items:center;background:var(--paper);color:var(--ink);border:1.5px solid var(--border-ink);border-radius:var(--radius)}.btn-reload:hover{background:var(--wash)}.update-banner{position:sticky;top:0;z-index:60;display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem .9rem;padding:calc(.5rem + env(safe-area-inset-top,0px)) .75rem .5rem;background:var(--hi-yellow);color:var(--ink);border-bottom:2px solid var(--ink);font-weight:600;font-size:.9375rem;text-align:center}.update-banner-btn{min-height:36px;padding:0 .9rem;background:var(--ink);color:var(--paper);border:2px solid var(--ink);border-radius:var(--radius);font-weight:700}.app-actions{display:flex;flex-wrap:wrap;gap:.5rem;margin-top:.6rem}@media(max-width:639px){.main-header .btn-logout{display:none}}.hints-unlocked-card{padding:.8rem .9rem;border:2px dashed var(--ink);border-radius:var(--radius);background:var(--hi-yellow);color:var(--ink)}.hints-header{font-size:1rem;margin:0 0 .4rem}.hints-list{margin:0;padding-left:1.4rem;display:flex;flex-direction:column;gap:.35rem}.hints-list li{padding-left:.2rem}:root[data-theme=dark] img[src^="/landmarks/"]{filter:brightness(0) invert(1) opacity(.92)}.landmarks-toolbar .category-tabs{flex-wrap:nowrap;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none}.landmarks-toolbar .category-tabs::-webkit-scrollbar{display:none}.landmarks-toolbar .cat-tab-btn{white-space:nowrap;flex:none}.landmarks-toolbar .search-input{border:2px solid var(--border-ink);border-radius:var(--radius);background:var(--card-bg);color:var(--ink);padding:.5rem .75rem;box-shadow:none}