:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--ink:#102027;--muted:#52616b;--paper:#fff;--line:#d8e1e8;--sea:#0f766e;--sea-dark:#134e4a;--bg:#f6fbf9;--shadow:0 18px 60px #0f172a1f}*{box-sizing:border-box}html{background:var(--bg);min-height:100%}body{min-height:100%;color:var(--ink);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,a{font:inherit}button:disabled{cursor:default}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:28px 0 40px}.hero{grid-template-columns:minmax(0,.9fr) minmax(320px,1.1fr);align-items:center;gap:28px;min-height:320px;margin-bottom:28px;display:grid}.hero-copy{padding:16px 0}.eyebrow{color:var(--sea);letter-spacing:0;text-transform:uppercase;margin:0 0 10px;font-size:.78rem;font-weight:800}h1,h2,p{margin-top:0}h1{letter-spacing:0;margin-bottom:18px;font-size:4.5rem;line-height:.98}.hero-text{max-width:36rem;color:var(--muted);margin-bottom:0;font-size:1.05rem;line-height:1.8}.logout-button{border:1px solid var(--line);min-height:42px;color:var(--muted);cursor:pointer;background:#fff;border-radius:8px;margin-top:22px;padding:0 16px;font-weight:800}.fish-visual svg{filter:drop-shadow(0 22px 36px #0f766e29);width:100%;height:auto;display:block}.quiz-grid{grid-template-columns:300px minmax(0,1fr);align-items:start;gap:20px;display:grid}.control-panel,.question-panel,.fish-board{box-shadow:var(--shadow);background:#fffffff0;border:1px solid #d8e1e8e6}.control-panel{border-radius:8px;gap:14px;padding:18px;display:grid;position:sticky;top:20px}.score-card{background:var(--sea-dark);color:#fff;border-radius:8px;gap:6px;padding:18px;display:grid}.score-label,.streak{color:#ffffffc7;font-size:.84rem;font-weight:700}.score-card strong{font-size:2.2rem;line-height:1}.stat-row{border-bottom:1px solid var(--line);color:var(--muted);justify-content:space-between;align-items:center;padding:4px 2px 10px;font-size:.9rem;font-weight:800;display:flex}.stat-row strong{color:var(--ink)}.mode-group{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.mode-button,.primary-button,.ghost-button,.choice-button{border:1px solid var(--line);cursor:pointer;border-radius:8px;min-height:44px;transition:border-color .16s,background-color .16s,color .16s,transform .16s}.mode-button{color:var(--muted);background:#f8fafc;gap:2px;font-size:.9rem;font-weight:800;display:grid}.mode-button span{font-size:.72rem}.mode-button.is-active{border-color:var(--sea);color:var(--sea-dark);background:#ccfbf1}.primary-button{border-color:var(--sea);background:var(--sea);color:#fff;font-weight:900}.ghost-button{color:var(--muted);background:#fff;font-weight:800}.question-panel{border-radius:8px;min-height:520px;padding:30px}.question-meta{color:var(--muted);justify-content:space-between;gap:12px;font-size:.86rem;font-weight:800;display:flex}.question-panel h2{letter-spacing:0;min-height:94px;margin:22px 0 20px;font-size:1.9rem;line-height:1.45}.choices{gap:12px;display:grid}.choice-button{text-align:left;width:100%;color:var(--ink);background:#fff;padding:15px 16px;font-weight:800;line-height:1.45}.choice-button:hover:not(:disabled){border-color:#0ea5e9;transform:translateY(-1px)}.choice-button.is-correct{color:#14532d;background:#dcfce7;border-color:#16a34a}.choice-button.is-wrong{color:#7f1d1d;background:#fee2e2;border-color:#fca5a5}.feedback{border-left:5px solid var(--sea);color:#164e63;background:#ecfeff;border-radius:8px;gap:6px;margin-top:18px;padding:14px 16px;font-weight:700;line-height:1.65;display:grid}.round-notice{color:#92400e;background:#fef3c7;border-radius:8px;margin:16px 0 0;padding:10px 12px;font-size:.9rem;font-weight:800}.source-link{color:var(--sea-dark);margin-top:18px;font-size:.92rem;font-weight:900;text-decoration:none;display:inline-flex}.source-link:hover{text-decoration:underline}.loading-state,.error-message{color:var(--muted);background:#f8fafc;border-radius:8px;padding:18px;font-weight:800}.error-message{color:#7f1d1d;background:#fee2e2;margin:18px 0 0}.login-shell{place-items:center;min-height:100vh;padding:24px;display:grid}.login-panel{width:min(100%,460px);box-shadow:var(--shadow);background:#fffffff5;border:1px solid #d8e1e8e6;border-radius:8px;padding:30px}.login-panel h1{margin-bottom:14px;font-size:2.7rem}.login-copy{color:var(--muted);margin-bottom:22px;line-height:1.75}.login-form{gap:14px;display:grid}.login-form label{color:var(--muted);gap:8px;font-size:.92rem;font-weight:800;display:grid}.login-form input{border:1px solid var(--line);min-height:46px;color:var(--ink);border-radius:8px;padding:0 12px;font-size:1rem}.login-form input:focus{border-color:var(--sea);outline:3px solid #0f766e29}.form-error,.setup-warning{color:#7f1d1d;background:#fee2e2;border-radius:8px;padding:12px 14px;font-weight:800}.setup-warning{gap:5px;margin-bottom:16px;line-height:1.55;display:grid}.setup-warning span{font-size:.9rem;font-weight:700}.fish-board{border-radius:8px;margin-top:20px;padding:24px}.fish-board h2{margin-bottom:18px;font-size:1.7rem}.topic-list{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.topic-card{border:1px solid var(--line);background:#fbfdff;border-radius:8px;min-height:112px;padding:14px}.topic-card strong{margin-bottom:8px;display:block}.topic-card span{color:var(--muted);font-size:.88rem;line-height:1.55}@media (max-width:860px){.hero,.quiz-grid{grid-template-columns:1fr}.hero{min-height:auto}.control-panel{position:static}.topic-list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:560px){.app-shell{width:min(100% - 20px,1180px);padding-top:16px}h1{font-size:3rem}.question-panel h2{min-height:auto;font-size:1.35rem}.question-panel,.fish-board{padding:18px}.mode-group,.topic-list{grid-template-columns:1fr}}