:root{--bg: #1b2838;--bg-2: #2a475e;--panel: #16202d;--text: #c7d5e0;--muted: #8f98a0;--accent: #66c0f4;--correct: #3a7d44;--partial: #b8902f;--wrong: #5a3a3a;--border: #3a4b5c}*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#1b2838,#0e1722);color:var(--text);font-family:Motiva Sans,Segoe UI,system-ui,sans-serif;min-height:100vh}.app{max-width:880px;margin:0 auto;padding:16px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--border)}.logo{margin:0;font-size:1.5rem;color:#fff}.tabs{display:flex;gap:8px}.tab{background:transparent;color:var(--muted);border:none;padding:8px 14px;border-radius:6px;cursor:pointer;font-size:1rem}.tab.active{background:var(--bg-2);color:#fff}.tab:hover{color:#fff}.content{padding:20px 0}.footer{text-align:center;color:var(--muted);font-size:.8rem;padding:12px 0;border-top:1px solid var(--border)}.mode-toggle{display:flex;gap:8px;margin-bottom:18px}.pill{background:var(--accent);color:#06202f;border:none;padding:8px 16px;border-radius:20px;cursor:pointer;font-weight:600;font-size:.95rem}.pill.ghost{background:transparent;color:var(--text);border:1px solid var(--border)}.pill.active{box-shadow:0 0 0 2px #fff inset}.pill:hover{filter:brightness(1.1)}.pill:disabled{opacity:.6;cursor:default}.guess-input{position:relative;margin-bottom:16px}.guess-input input{width:100%;padding:12px 14px;font-size:1rem;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text)}.suggestions{list-style:none;margin:4px 0 0;padding:4px;position:absolute;z-index:10;width:100%;background:var(--panel);border:1px solid var(--border);border-radius:8px;max-height:280px;overflow-y:auto}.suggestions li{padding:8px 10px;border-radius:6px;cursor:pointer}.suggestions li.active,.suggestions li:hover{background:var(--bg-2)}.grid{display:flex;flex-direction:column;gap:6px}.grid-head,.grid-row{display:grid;grid-template-columns:1.6fr 1.4fr 1fr 1.2fr .9fr .8fr .7fr;gap:6px}.head-cell{color:var(--muted);font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;text-align:center;padding:2px}.cell{background:var(--wrong);border-radius:8px;padding:10px 8px;min-height:56px;display:flex;align-items:center;justify-content:center;gap:6px;text-align:center;font-size:.85rem;line-height:1.2;animation:flip .4s ease}.cell.correct{background:var(--correct)}.cell.partial{background:var(--partial)}.cell.wrong{background:var(--wrong)}.cell .cell-text{overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical}.name-cell{background:var(--bg-2);font-weight:600}.arrow{font-size:1.1rem}.grid-row.is-correct .cell{box-shadow:0 0 0 2px #fff inset}@keyframes flip{0%{transform:rotateX(90deg);opacity:0}to{transform:rotateX(0);opacity:1}}.win{background:var(--bg-2);padding:14px 16px;border-radius:8px;margin-bottom:16px;display:flex;align-items:center;gap:12px;flex-wrap:wrap}.error{background:#5a2a2a;color:#ffd7d7;padding:10px 12px;border-radius:8px;margin:10px 0}.notice{background:var(--bg-2);padding:16px;border-radius:8px}.hints{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin:10px 0}.hint-btn:disabled{opacity:.5;cursor:default}.hint-chip{background:var(--bg-2);padding:6px 10px;border-radius:999px;font-size:.85rem}.hint-chip strong{color:var(--accent)}.give-up-btn{color:#ffd7d7;border-color:#5a2a2a}.win.lost{background:#3a2326}.linklike{background:none;border:none;color:var(--accent);cursor:pointer;padding:0;font-size:1rem;text-decoration:underline}.legend{color:var(--muted);font-size:.8rem;margin-top:18px;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.swatch{display:inline-block;width:14px;height:14px;border-radius:3px;margin:0 4px 0 10px;vertical-align:middle}.swatch.correct{background:var(--correct)}.swatch.partial{background:var(--partial)}.swatch.wrong{background:var(--wrong)}.settings h2{margin-top:0}.hint{color:var(--muted);font-size:.88rem}.account-rows{display:flex;flex-direction:column;gap:8px;margin:12px 0}.account-row{display:flex;gap:8px}.acct-id{flex:2}.acct-name{flex:1}.account-row input{padding:10px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text)}.minhours-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin:14px 0}.minhours-row label{flex:1;min-width:220px}.minhours-row input{width:90px;padding:10px;border-radius:8px;border:1px solid var(--border);background:var(--panel);color:var(--text)}.settings-actions{display:flex;gap:8px;flex-wrap:wrap;margin:10px 0}.status-box{display:flex;align-items:center;gap:10px;background:var(--panel);padding:12px;border-radius:8px;margin:12px 0}.spinner{width:16px;height:16px;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.prereq{margin-top:24px;background:var(--panel);padding:16px;border-radius:8px}.prereq h3{margin-top:0}.prereq code{background:#0e1722;padding:1px 5px;border-radius:4px}@media (max-width: 640px){.grid-head,.grid-row{grid-template-columns:1.4fr 1.2fr .9fr 1fr .8fr .7fr .7fr;gap:4px}.cell{font-size:.72rem;padding:6px 4px;min-height:50px}}