:root{--bg: #0f172a;--surface: #1e293b;--surface-2: #334155;--text: #e2e8f0;--muted: #94a3b8;--accent: #38bdf8;--accent-strong: #0ea5e9;--danger: #f87171;--radius: 12px;color-scheme:dark}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}a{color:var(--accent);text-decoration:none}.app{min-height:100%;display:flex;flex-direction:column}.navbar{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.75rem 1rem;background:var(--surface);position:sticky;top:0;padding-top:max(.75rem,env(safe-area-inset-top));z-index:10}.navbar__brand{font-weight:700;font-size:1.1rem;color:var(--text)}.navbar__links{display:flex;align-items:center;gap:1rem}.navbar__links a{color:var(--muted);font-weight:500}.navbar__links a.active{color:var(--text)}.navbar__signout{background:none;border:none;color:var(--muted);cursor:pointer;font:inherit}.app__content{flex:1;width:100%;max-width:900px;margin:0 auto;padding:1rem}@media (max-width: 480px){.navbar{padding-left:.75rem;padding-right:.75rem;gap:.5rem}.navbar__brand{font-size:1rem}.navbar__links{gap:.6rem;font-size:.9rem}.app__content{padding:.75rem}.page__header h1{font-size:1.3rem}}.page__header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;flex-wrap:wrap}.page__header h1{font-size:1.5rem;margin:0}.muted{color:var(--muted)}.error{color:var(--danger)}.button,button{font:inherit}.button{display:inline-block;background:var(--accent-strong);color:#08131f;font-weight:600;padding:.5rem .9rem;border-radius:var(--radius)}.centered-page{min-height:100%;display:grid;place-items:center;padding:1rem}.card{background:var(--surface);border-radius:var(--radius);padding:1.5rem}.login{width:100%;max-width:340px;display:flex;flex-direction:column;gap:.75rem}.login h1{margin:0;font-size:1.4rem}.login label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--muted)}.login input{padding:.6rem;border-radius:8px;border:1px solid var(--surface-2);background:var(--bg);color:var(--text)}.login button[type=submit]{margin-top:.5rem;padding:.6rem;border:none;border-radius:8px;background:var(--accent-strong);color:#08131f;font-weight:600;cursor:pointer}.login button[disabled]{opacity:.6;cursor:default}.button--ghost{background:transparent;color:var(--accent);border:1px solid var(--surface-2)}.button--danger{background:var(--danger);color:#2a0a0a}button{cursor:pointer}button:disabled{opacity:.6;cursor:default}.page--narrow{max-width:560px}.success{color:#4ade80}.deck-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:1rem}.deck-card{background:var(--surface);border-radius:var(--radius);padding:1rem;display:flex;flex-direction:column;gap:.75rem}.deck-card__top{display:flex;align-items:flex-start;justify-content:space-between;gap:.5rem}.deck-card__name{margin:0;font-size:1.05rem}.deck-card__stats{display:flex;align-items:center;gap:.75rem;font-size:.9rem}.deck-card__forecast{font-size:.78rem}.deck-card__actions{display:flex;gap:.5rem;margin-top:auto}.deck-card__actions .button{flex:1;text-align:center}.badge{font-size:.72rem;font-weight:600;padding:.15rem .5rem;border-radius:999px;white-space:nowrap}.badge--default{background:var(--surface-2);color:var(--text)}.badge--custom{background:#3b2f5b;color:#c4b5fd}.badge--due{background:#0ea5e9;color:#08131f}.updates{margin-top:2rem;border-top:1px solid var(--surface-2);padding-top:1.5rem}.updates__list{list-style:none;padding:0;margin:1rem 0 0;display:flex;flex-direction:column;gap:.5rem}.updates__item{display:flex;align-items:center;justify-content:space-between;gap:1rem;background:var(--surface);border-radius:var(--radius);padding:.6rem .9rem}.form,.panel{background:var(--surface);border-radius:var(--radius);padding:1.25rem;display:flex;flex-direction:column;gap:.75rem;margin-bottom:1rem}.panel h2,.form h2{margin:0;font-size:1.05rem}.panel--danger{border:1px solid #5b2626}.form label,.panel label{display:flex;flex-direction:column;gap:.25rem;font-size:.85rem;color:var(--muted)}.form input,.panel input,.panel textarea{padding:.55rem;border-radius:8px;border:1px solid var(--surface-2);background:var(--bg);color:var(--text);font:inherit;width:100%}.panel textarea{resize:vertical;text-transform:uppercase}.row{display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}.row input[type=number]{width:6rem}.button{border:none;cursor:pointer}.quiz{display:flex;flex-direction:column;align-items:center}.quiz__heading{font-size:1.1rem;color:var(--muted);margin-bottom:1.5rem;text-align:center}.quiz__done{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem;padding:2rem 0}.question{display:flex;flex-direction:column;align-items:center;width:100%}.question__top{display:flex;flex-direction:column;align-items:center;gap:1.25rem;margin-bottom:1.5rem;width:100%}.scramble{display:flex;align-items:center;justify-content:center;gap:6px;flex-wrap:wrap}.letter-card{width:50px;height:50px;font-size:34px;font-weight:700;text-transform:uppercase;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-strong);color:#08131f}@media screen and (max-width: 500px){.scramble{gap:0;flex-wrap:nowrap;width:fit-content;max-width:100%;border:1px solid rgba(8,19,31,.3);border-radius:8px;overflow:hidden}.letter-card{width:10vw;height:10vw;border-radius:0;border-left:1px solid rgba(8,19,31,.3);font-size:clamp(16px,6.5vw,30px)}.letter-card:first-child{border-left:none}}.timer{width:500px;max-width:90vw;height:16px;border-radius:999px;background:var(--surface-2);overflow:hidden}.timer__progress{background:var(--accent);height:100%;transition:width 50ms linear}.question__response,.question__confirm{display:flex;gap:.75rem;margin-top:.5rem;flex-wrap:wrap;justify-content:center}.qbtn{border:none;border-radius:8px;padding:.6rem 1rem;min-width:130px;font-weight:600;color:#08131f;background:var(--accent-strong);cursor:pointer}.qbtn--solved{background:#4ade80}.qbtn--missed{background:#f87171}.qbtn--next{background:var(--accent)}.qbtn__hint{opacity:.6;font-weight:500;font-size:.75rem;margin-left:.35rem}.question__results{display:flex;flex-direction:column;align-items:center;gap:1.25rem;width:100%}.answers{font-weight:600;text-transform:uppercase;text-align:center;max-width:100%}.answers__list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.35rem;word-break:break-word}.answers__word{color:var(--text)}.answers__suffixes{color:var(--muted);font-weight:500}.ascension__status{text-align:center;margin-bottom:1rem;font-size:.9rem}.celebrate{text-align:center;display:flex;flex-direction:column;align-items:center;gap:1rem}.celebrate h2{margin:0}.stats-section{margin-top:2rem}.stats-section h2{font-size:1.1rem;margin-bottom:.75rem}.stat-tiles{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:.75rem;margin:1rem 0}.stat-tile{background:var(--surface);border-radius:var(--radius);padding:.9rem 1rem;text-align:center}.stat-tile__value{font-size:1.5rem;font-weight:700}.stat-tile__label{font-size:.75rem;color:var(--muted);margin-top:.2rem}.run-detail{background:var(--surface);border-radius:var(--radius);padding:1rem;margin-top:.5rem}.run-detail .stat-tiles{margin-top:0}.run-detail__times{font-size:.8rem;margin:.25rem 0 .75rem}.table-scroll{overflow-x:auto}.cycles{width:100%;border-collapse:collapse;font-size:.9rem}.cycles th,.cycles td{padding:.4rem .6rem;text-align:right;border-bottom:1px solid var(--surface-2)}.cycles th:first-child,.cycles td:first-child{text-align:left}.cycles th{color:var(--muted);font-weight:600}.run-row{border:1px solid var(--surface-2);border-radius:var(--radius);margin-bottom:.6rem;overflow:hidden}.run-row__summary{width:100%;display:flex;align-items:center;gap:.75rem;background:var(--surface);border:none;color:var(--text);padding:.75rem 1rem;text-align:left;cursor:pointer;font:inherit;flex-wrap:wrap}.run-row__date{font-weight:600}.run-row__chevron{margin-left:auto;color:var(--muted)}