:root{--bg:#f7f5f0;--surface:#fff;--text:#1f2933;--muted:#6b7280;--border:#e5e1d8;--accent:#2f6f5e;--accent-text:#fff;--again:#b4433a;--hard:#b7791f;--good:#2f6f5e;--easy:#2b6cb0;--radius:14px;--tabbar-h:56px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;-webkit-text-size-adjust:100%;font-family:ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#15191d;--surface:#1f252b;--text:#e6e3dc;--muted:#9aa3ad;--border:#2f373f;--accent:#5fb39b;--accent-text:#0f1a16;--again:#e07a70;--hard:#e0a54c;--good:#5fb39b;--easy:#6aa7e6}}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--text);margin:0}button,input{font:inherit;color:inherit}button{border:1px solid var(--border);background:var(--surface);cursor:pointer;-webkit-tap-highlight-color:transparent;border-radius:10px;padding:.6rem 1rem}button:disabled{opacity:.5}button.primary{background:var(--accent);border-color:var(--accent);color:var(--accent-text);font-weight:600}button.wide{width:100%;padding:.9rem}button.link{color:var(--accent);background:0 0;border:none;padding:0;text-decoration:underline}input{border:1px solid var(--border);background:var(--surface);border-radius:10px;width:100%;margin-top:.25rem;padding:.6rem .75rem}textarea{border:1px solid var(--border);background:var(--surface);width:100%;color:inherit;font:inherit;resize:vertical;border-radius:10px;padding:.6rem .75rem}.mono,.pubkey{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.8rem}.pubkey{background:var(--bg);border:1px solid var(--border);white-space:pre-wrap;word-break:break-all;border-radius:8px;margin:.25rem 0 .5rem;padding:.6rem .75rem}.field{margin-bottom:.9rem}.field-label{font-size:.95rem}.field .muted.small{margin:.25rem 0 .5rem}.row{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:.5rem;display:flex}input[type=range]{background:0 0;border:none;padding:0}label{margin-bottom:.9rem;font-size:.95rem;display:block}.muted{color:var(--muted)}.small{font-size:.85rem}.error{color:var(--again)}.app{min-height:100dvh;padding-bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom));flex-direction:column;display:flex}.topbar{z-index:2;padding:calc(.6rem + env(safe-area-inset-top)) 1rem .6rem;background:var(--bg);justify-content:space-between;align-items:center;display:flex;position:sticky;top:0}.brand{letter-spacing:.02em;font-weight:700}.sync-pill{color:var(--muted);border-radius:999px;padding:.25rem .7rem;font-size:.8rem}main{flex:1;width:100%;max-width:680px;margin:0 auto;padding:0 1rem 1rem}.tabbar{height:calc(var(--tabbar-h) + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom);background:var(--surface);border-top:1px solid var(--border);display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{color:var(--muted);background:0 0;border:none;border-radius:0;flex:1}.tabbar button.active{color:var(--accent);font-weight:600}.review{flex-direction:column;gap:.75rem;min-height:calc(100dvh - 140px);display:flex}.review-meta{color:var(--muted);flex-wrap:wrap;align-items:center;gap:.4rem;font-size:.8rem;display:flex}.badge{border:1px solid var(--border);border-radius:999px;padding:0 .5rem}.badge-new{border-color:var(--easy);color:var(--easy)}.card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);overflow-wrap:anywhere;flex:1;padding:1.25rem}.divider{border:none;border-top:1px dashed var(--border);margin:1.25rem 0}.actions{bottom:calc(var(--tabbar-h) + env(safe-area-inset-bottom) + .5rem);position:sticky}.ratings{grid-template-columns:repeat(4,1fr);gap:.5rem;display:grid}.rating{flex-direction:column;align-items:center;padding:.6rem .25rem;font-weight:600;display:flex}.rating small{color:var(--muted);font-weight:400}.rating-again{color:var(--again)}.rating-hard{color:var(--hard)}.rating-good{color:var(--good)}.rating-easy{color:var(--easy)}.empty{text-align:center;color:var(--muted);padding:4rem 1rem}.empty-mark{color:var(--accent);font-size:2.5rem}.empty h2{color:var(--text);margin:.5rem 0 .25rem}.markdown>:first-child{margin-top:0}.markdown>:last-child{margin-bottom:0}.markdown h1{font-size:1.4rem}.markdown h2{font-size:1.2rem}.markdown pre{background:var(--bg);border:1px solid var(--border);border-radius:8px;padding:.75rem;font-size:.85rem;overflow-x:auto}.markdown code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.9em}.markdown img{max-width:100%}.markdown table{border-collapse:collapse}.markdown td,.markdown th{border:1px solid var(--border);padding:.3rem .6rem}.markdown blockquote{border-left:3px solid var(--border);color:var(--muted);margin-left:0;padding-left:1rem}.entry-list{margin:1rem 0;padding:0;list-style:none}.entry-list li{border-bottom:1px solid var(--border);cursor:pointer;padding:.75rem 0}.entry-title{font-weight:600}.library-entry{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem}.settings section{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin-bottom:1rem;padding:1rem 1.25rem 1.25rem}.settings h2{margin:0 0 .5rem;font-size:1.05rem}.message{font-size:.9rem}.login{flex-direction:column;gap:.75rem;max-width:340px;margin:18vh auto 0;padding:0 1rem;display:flex}.login h1{text-align:center;margin-bottom:1rem}.visually-hidden{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.collections{margin-bottom:1rem}.collections h2{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin:0 0 .25rem;font-size:.8rem}.collections ul{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);margin:0;padding:0;list-style:none}.collections li+li{border-top:1px solid var(--border)}.switch-row{cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;margin:0;padding:.65rem 1rem;display:flex}.collection-name{font-weight:600}input.switch{appearance:none;background:var(--border);cursor:pointer;border:none;border-radius:999px;flex:none;width:2.6rem;height:1.5rem;margin:0;padding:0;transition:background .15s;position:relative}input.switch:after{content:"";background:#fff;border-radius:50%;width:1.2rem;height:1.2rem;transition:transform .15s;position:absolute;top:.15rem;left:.15rem;box-shadow:0 1px 2px #00000040}input.switch:checked{background:var(--accent)}input.switch:checked:after{transform:translate(1.1rem)}input.switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.entry-list li.disabled{opacity:.45}.library-detail{display:none}.library.has-open .library-detail{display:block}.library.has-open .library-list,.library-placeholder{display:none}kbd{font:inherit;opacity:.6;border:1px solid;border-radius:4px;margin-left:.25rem;padding:0 .35rem;font-size:.7rem;font-weight:400;display:none}@media (hover:hover) and (pointer:fine){kbd{display:inline-block}button:hover:not(:disabled){border-color:var(--muted)}button.primary:hover:not(:disabled){filter:brightness(1.08)}button.link:hover{filter:none}.entry-list li:hover{background:var(--surface)}.tabbar button:hover{color:var(--text)}}@media (width>=900px){.app{padding-bottom:0}.topbar{border-bottom:1px solid var(--border);justify-content:flex-start;gap:2rem;padding:.75rem 2rem}.topbar .sync-pill{margin-left:auto}.tabbar{background:0 0;border:none;gap:.25rem;height:auto;padding:0;position:static}.tabbar button{border-radius:8px;flex:none;padding:.4rem .9rem}.tabbar button.active{background:var(--surface);box-shadow:0 0 0 1px var(--border)}main{max-width:780px;padding:2.5rem 2rem 3rem}main:has(.library){max-width:1200px}main:has(.settings){max-width:1040px}.review{gap:1rem;min-height:auto}.card{cursor:default;flex:none;min-height:340px;padding:2.25rem 2.75rem;font-size:1.1rem}.actions{position:static}.ratings{width:100%;max-width:600px;margin:0 auto}button.wide{max-width:360px;margin:0 auto;display:block}.empty{padding-top:6rem}.library{grid-template-columns:minmax(300px,380px) 1fr;align-items:start;gap:2rem;display:grid}.library .library-list,.library.has-open .library-list,.library .library-detail{display:block}.library-detail{max-height:calc(100vh - 7rem);position:sticky;top:5rem;overflow-y:auto}.library-placeholder{border:1px dashed var(--border);border-radius:var(--radius);place-items:center;min-height:300px;display:grid}.library-entry{padding:2rem 2.5rem}.library-entry .back{display:none}.entry-list li{border-bottom:none;border-radius:8px;padding:.7rem .75rem}.entry-list li.selected{background:var(--surface);box-shadow:0 0 0 1px var(--border)}.settings{grid-template-rows:auto 1fr;grid-template-columns:3fr 2fr;align-items:start;gap:1.25rem;display:grid}.settings section{margin-bottom:0}.settings section:first-child{grid-row:span 2}}