:root{--bg:#f5f5f2;--ink:#111;--muted:#777;--line:#deded8;--card:#fff}*{box-sizing:border-box}html{background:var(--bg)}body{margin:0;color:var(--ink);font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}button,input,textarea{font:inherit}button{border:0;border-radius:999px;background:var(--ink);color:#fff;padding:.8rem 1.2rem;cursor:pointer;font-weight:650}button:disabled{opacity:.45;cursor:wait}input,textarea{width:100%;border:1px solid var(--line);border-radius:12px;background:#fff;padding:.8rem .9rem;color:var(--ink);outline:none}input:focus,textarea:focus{border-color:var(--ink)}textarea{min-height:92px;resize:vertical}label{display:grid;grid-gap:.4rem;gap:.4rem;font-size:.82rem;font-weight:650}.center{min-height:100svh;display:grid;place-items:center;padding:1.25rem}.auth-card{width:min(100%,380px);background:var(--card);border:1px solid var(--line);border-radius:24px;padding:2rem;box-shadow:0 16px 50px #00000008}.shell{width:min(100%,880px);margin:auto;padding:2rem 1.1rem 5rem}.draft-title,.entry-top,.library-head,header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}h1,h2,h3,p{margin:0}h1{font-size:clamp(2rem,7vw,3.8rem);line-height:1;letter-spacing:-.07em}h2{font-size:1.35rem;letter-spacing:-.03em}h3{font-size:1.25rem}.eyebrow{text-transform:uppercase;letter-spacing:.13em;font-size:.68rem;font-weight:800;margin-bottom:.55rem}.muted{color:var(--muted);line-height:1.5}.error{color:#a12828;font-size:.84rem}.notice{margin:1rem 0;font-size:.9rem}.ghost{background:transparent;color:var(--ink);border:1px solid var(--line);padding:.58rem .9rem}.stack{grid-gap:1rem;margin-top:1.8rem}.capture-grid,.stack{display:grid;gap:1rem}.capture-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:1rem;margin-top:2rem}.capture-card,.draft,.library{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:1.25rem}.capture-card{min-height:190px;display:flex;flex-direction:column;gap:.65rem}.capture-card button{margin-top:auto;align-self:flex-start}.inline{display:flex;gap:.5rem;margin-top:auto}.inline button{flex:none;margin:0}.file-input{display:none}.draft{display:grid;grid-gap:1rem;gap:1rem;margin-top:1rem}.draft-title{margin-bottom:.25rem}.preview{width:100%;max-height:260px;object-fit:cover;border-radius:14px}.library{margin-top:1rem}.library-head{align-items:center;margin-bottom:1rem}.library-head input{max-width:200px}.empty{padding:2rem 0;text-align:center}.entry-list{display:grid;grid-gap:.6rem;gap:.6rem}.entry{display:flex;gap:1rem;border-top:1px solid var(--line);padding:1rem 0}.entry:first-child{border-top:0}.entry img{width:72px;height:72px;object-fit:cover;border-radius:12px}.entry-body{min-width:0;flex:1 1}.entry-top{align-items:center}.delete{background:transparent;color:var(--muted);padding:0 .35rem;font-size:1.4rem}.meaning{margin-top:.25rem;font-size:1.05rem}.example{margin-top:.45rem;color:var(--muted);line-height:1.45}@media (max-width:640px){.capture-grid{grid-template-columns:1fr}.shell{padding-top:1.25rem}header{align-items:center}.library-head{align-items:flex-start;flex-direction:column}.library-head input{max-width:none}}.quiz-panel{margin-top:1rem;background:var(--ink);color:#fff;border-radius:20px;padding:1.25rem}.quiz-panel .eyebrow{color:#aaa}.quiz-panel .muted{color:#b7b7b1}.quiz-panel .ghost{color:#fff;border-color:#444}.quiz-actions,.quiz-heading,.quiz-progress{display:flex;justify-content:space-between;align-items:center;gap:1rem}.quiz-panel>.muted{max-width:560px;margin:.7rem 0 1rem}.quiz-card>button,.quiz-complete>button,.quiz-panel>button{background:#fff;color:var(--ink)}.quiz-card,.quiz-complete{margin-top:1.2rem;border:1px solid #383838;border-radius:16px;padding:1rem}.quiz-progress{color:#aaa;font-size:.78rem;margin-bottom:2rem}.quiz-word{font-size:clamp(2rem,8vw,4rem);letter-spacing:-.06em;margin:.4rem 0 1.5rem}.quiz-answer{margin-top:1.2rem}.quiz-answer .meaning{color:#fff;font-size:1.15rem}.quiz-answer .example{color:#b7b7b1}.quiz-image{width:100%;max-height:180px;object-fit:cover;border-radius:12px;margin-bottom:1rem}.quiz-actions{justify-content:flex-end;margin-top:1.4rem}.quiz-actions .ghost{background:transparent}.quiz-complete h3{font-size:1.6rem;margin:.4rem 0}