:root{--bg:#f6f5f1;--surface:#fff;--surface-2:#efeee9;--text:#1d1d1b;--muted:#6b6a66;--border:#e2e0da;--accent:#2f6f5e;--accent-text:#fff;--danger:#b3261e;--warn:#8a5a00;--g1:#b3261e;--g2:#8a5a00;--g3:#2f6f5e;--g4:#2b5797;--radius:14px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#161616;--surface:#222221;--surface-2:#2c2c2a;--text:#ecebe7;--muted:#9b9a95;--border:#34332f;--accent:#6cbfa6;--accent-text:#0e1f1a;--danger:#f2b8b5;--warn:#e8c37a;--g1:#f2b8b5;--g2:#e8c37a;--g3:#6cbfa6;--g4:#9cc0f0}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);-webkit-text-size-adjust:100%;-webkit-tap-highlight-color:transparent;margin:0;font:17px/1.5 -apple-system,BlinkMacSystemFont,Segoe UI,system-ui,sans-serif}main{max-width:680px;padding:calc(env(safe-area-inset-top) + 8px) 16px calc(env(safe-area-inset-bottom) + 32px);margin:0 auto}main.center{place-items:center;min-height:100dvh;display:grid}h1{margin:.2em 0 .4em;font-size:1.6rem}h2{margin:0;font-size:1.1rem}a{color:var(--accent);text-decoration:none}code{background:var(--surface-2);border-radius:5px;padding:1px 5px;font-size:.85em}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--danger)}.warning{color:var(--warn);font-size:.9rem}button{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:10px 16px}button:disabled{opacity:.45;cursor:default}button.primary{background:var(--accent);color:var(--accent-text);border-color:#0000;font-weight:600}button.danger{color:var(--danger)}button.big{width:100%;padding:14px 16px;font-size:1.05rem}.ghost,button.ghost{color:var(--accent);background:0 0;border:none;padding:8px 6px}.button-row{flex-wrap:wrap;gap:10px;margin:12px 0;display:flex}.bar{justify-content:space-between;align-items:center;gap:8px;min-height:48px;display:flex}.actions{align-items:center;gap:4px;display:flex}.sync-badge{color:var(--muted);background:var(--surface-2);border:none;border-radius:999px;padding:4px 10px;font-size:.8rem}.sync-badge.offline,.sync-badge.error{color:var(--warn)}.notices{flex-direction:column;gap:8px;margin:8px 0;display:flex}.notice{border-radius:var(--radius);color:var(--warn);border:1px solid;justify-content:space-between;align-items:center;gap:8px;padding:8px 12px;font-size:.9rem;display:flex}.notice.error{color:var(--danger)}.section-head{justify-content:space-between;align-items:center;margin:24px 0 8px;display:flex}ul.list{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.row{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);justify-content:space-between;align-items:center;gap:12px;padding:12px 16px;display:flex}.row .name{font-weight:600}.row .meta{color:var(--muted);white-space:nowrap;flex-shrink:0;align-items:center;gap:6px;font-size:.85rem;display:flex}.card-row .md{min-width:0}.clamp{-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.clamp img{max-height:3em}.pill{border-radius:999px;padding:1px 9px;font-size:.8rem;font-weight:600}.pill.due{background:color-mix(in srgb, var(--g4) 18%, transparent);color:var(--g4)}.pill.new{background:color-mix(in srgb, var(--g3) 18%, transparent);color:var(--g3)}.pill.error{color:var(--danger);border:1px solid;font-weight:400}.login{flex-direction:column;gap:12px;width:min(320px,100%);display:flex}input,textarea{font:inherit;color:var(--text);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);width:100%;padding:12px 14px}textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.95rem}.editor{flex-direction:column;gap:12px;display:flex}.editor label{color:var(--muted);flex-direction:column;gap:4px;font-size:.85rem;display:flex}.segmented{background:var(--surface-2);border-radius:10px;margin-bottom:12px;padding:3px;display:inline-flex}.segmented button{background:0 0;border:none;border-radius:8px;padding:5px 14px;font-size:.9rem}.segmented button.active{background:var(--surface);font-weight:600}.preview{flex-direction:column;gap:10px;display:flex}.study{min-height:calc(100dvh - 120px - env(safe-area-inset-top) - env(safe-area-inset-bottom));flex-direction:column;display:flex}.study-meta{margin:0 0 8px}.card-face{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:20px;font-size:1.15rem}.study .card-face{flex:1}.card-face hr{border:none;border-top:1px dashed var(--border);margin:18px 0}.answer-bar{padding:12px 0 calc(env(safe-area-inset-bottom) + 4px);background:var(--bg);position:sticky;bottom:0}.grades{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.grade{flex-direction:column;align-items:center;padding:8px 4px;font-weight:600;display:flex}.grade .interval{color:var(--muted);font-size:.75rem;font-weight:400}.grade.g1{color:var(--g1)}.grade.g2{color:var(--g2)}.grade.g3{color:var(--g3)}.grade.g4{color:var(--g4)}.md>:first-child{margin-top:0}.md>:last-child{margin-bottom:0}.md img{border-radius:8px;max-width:100%}.md pre{background:var(--surface-2);border-radius:8px;padding:10px 12px;font-size:.85em;overflow-x:auto}.md table{border-collapse:collapse}.md td,.md th{border:1px solid var(--border);padding:4px 8px}.diagnostics{border:1px solid var(--danger);border-radius:var(--radius);color:var(--danger);margin:12px 0;padding:10px 14px;font-size:.9rem}.diagnostics ul{margin:8px 0 0;padding-left:18px}