:root{--ink:#151716;--muted:#67736f;--quiet:#87918d;--page:#f4f6f1;--panel:#ffffff;--soft:#eef3eb;--line:#dbe3da;--accent:#1f6b4f;--accent-dark:#164d39;--blue:#315f8f;--danger:#a33a2f;--shadow:0 18px 46px rgba(31,42,35,0.1);--shadow-soft:0 8px 24px rgba(31,42,35,0.08);--radius:8px}*{box-sizing:border-box}html{background:var(--page);color:var(--ink)}body{margin:0;font-family:Charter,Iowan Old Style,Palatino Linotype,Georgia,serif;letter-spacing:0}button,input,textarea{font:inherit}button{min-height:40px;border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);color:var(--ink);cursor:pointer;padding:0 14px}button:hover{border-color:var(--accent)}button:disabled{cursor:wait;opacity:.62}input,textarea{width:100%;border:1px solid var(--line);border-radius:var(--radius);background:#fbfcfa;color:var(--ink);outline:none;padding:12px 13px}button:focus-visible,input:focus,textarea:focus{border-color:var(--accent);box-shadow:0 0 0 3px rgba(31,107,79,.16)}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:0}h1{font-size:clamp(2rem,3.2vw,3.8rem);line-height:.96}h1,h2{margin-bottom:0}h2{font-size:1.08rem;line-height:1.12}h3{margin-bottom:0;font-size:1rem}.skip-link{position:absolute;left:12px;top:-40px;z-index:20;background:var(--ink);color:white;padding:8px 10px}.skip-link:focus{top:12px}.app-shell{min-height:100vh;padding:22px;background:linear-gradient(180deg,rgba(255,255,255,.8),rgba(244,246,241,.86)),radial-gradient(circle at top left,rgba(49,95,143,.12),transparent 30rem),var(--page)}.app-frame{max-width:1440px;margin:0 auto}.topbar{display:flex;justify-content:space-between;gap:20px;align-items:flex-end;margin-bottom:16px}.eyebrow{margin:0 0 6px;color:var(--blue);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.topbar-actions{display:flex;justify-content:flex-end;gap:10px;flex-wrap:wrap}.metric{min-width:92px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.78);color:var(--muted);padding:9px 11px;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.76rem}.metric span{display:block;color:var(--ink);font-size:1.2rem;font-weight:800}.status{margin-bottom:12px;border:1px solid rgba(31,107,79,.28);border-radius:var(--radius);background:rgba(31,107,79,.08);padding:10px 12px}.error-box,.status.error{border-color:rgba(163,58,47,.36);background:rgba(163,58,47,.08);color:var(--danger)}.capture-panel{position:-webkit-sticky;position:sticky;top:0;z-index:5;margin-bottom:14px;border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.92);box-shadow:var(--shadow-soft);padding:14px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.quick-add-form{margin:0}.quick-add-label{display:block;margin-bottom:8px;color:var(--muted);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.8rem;font-weight:750}.quick-add-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px}.input-shell{min-width:0}.quick-add-row input{min-height:52px;font-size:1.05rem}.quick-add-row button{min-width:126px}.workspace{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);grid-gap:14px;gap:14px;align-items:flex-start}.detail-panel,.panel{border:1px solid var(--line);border-radius:var(--radius);background:rgba(255,255,255,.92);box-shadow:var(--shadow)}.panel{padding:14px}.sidebar{position:-webkit-sticky;position:sticky;top:96px;display:flex;flex-direction:column;max-height:calc(100vh - 120px);min-height:0}.entry-hero,.section-heading,.usage-toolbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.section-heading{margin-bottom:12px}.search-row{grid-template-columns:minmax(0,1fr) auto;margin-bottom:12px}.entry-list,.search-row{display:grid;grid-gap:8px;gap:8px}.entry-list{overflow-y:auto;overscroll-behavior:contain;padding-right:2px}.entry-row{display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:10px;gap:10px;width:100%;min-height:68px;align-items:center;text-align:left}.entry-row.active{border-color:rgba(31,107,79,.56);background:rgba(31,107,79,.08)}.entry-row small,.entry-row strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.entry-row small{margin-top:5px;color:var(--muted)}.entry-row em{display:grid;width:30px;height:30px;place-items:center;border-radius:999px;background:var(--ink);color:white;font-family:ui-sans-serif,system-ui,sans-serif;font-size:.82rem;font-style:normal;font-weight:800}.primary-button{border-color:var(--accent);background:var(--accent);color:white}.primary-button:hover{background:var(--accent-dark)}.danger-button{border-color:rgba(163,58,47,.42);color:var(--danger)}.detail-panel{min-height:calc(100vh - 120px);padding:18px}.entry-hero{border-bottom:1px solid var(--line);padding-bottom:18px}.entry-hero h2{max-width:920px;overflow-wrap:anywhere;font-size:clamp(2.35rem,5.6vw,5.2rem);line-height:.95}.entry-hero p{max-width:760px;margin:12px 0 0;color:var(--muted);font-size:1.08rem;line-height:1.55}.hero-actions,.usage-actions{display:flex;justify-content:flex-end;gap:8px;flex-wrap:wrap}.notes-strip{margin:14px 0;border-left:4px solid var(--blue);border-radius:0 var(--radius) var(--radius) 0;background:rgba(49,95,143,.08);color:var(--muted);line-height:1.55;padding:10px 12px}.usage-toolbar{margin-top:18px;align-items:center}.usage-list{display:grid;grid-gap:10px;gap:10px;margin-top:14px}.usage-card{border:1px solid var(--line);border-radius:var(--radius);background:#fbfcfa;padding:14px}.usage-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;color:var(--quiet);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.76rem}.usage-meta span{border:1px solid rgba(31,107,79,.22);border-radius:999px;background:rgba(31,107,79,.09);color:var(--accent-dark);padding:3px 8px}.usage-explain{margin:10px 0 7px;color:var(--muted);line-height:1.5}blockquote{margin:0;color:var(--ink);font-size:1.17rem;line-height:1.4}.translation{margin:8px 0 12px;line-height:1.5}.blank-state p,.empty-copy,.muted,.translation{color:var(--muted)}.blank-state{display:grid;min-height:54vh;place-content:center;text-align:center}.blank-state p{max-width:420px;line-height:1.55}.add-dialog-backdrop,.mobile-add-fab,.mobile-tabs{display:none}.icon-button{width:40px;min-width:40px;padding:0;font-size:1.4rem;line-height:1}.icon-button,.login-shell{display:grid;place-items:center}.login-shell{min-height:100vh;padding:24px;background:var(--page)}.login-card{width:min(440px,100%);border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);box-shadow:var(--shadow);padding:24px}.login-form{display:grid;grid-gap:12px;gap:12px;margin-top:18px}.login-form button{border-color:var(--ink);background:var(--ink);color:white}.error-box{border:1px solid;border-radius:var(--radius);padding:9px 10px}@media (max-width:900px){.app-shell{padding:14px 14px 96px}.topbar{align-items:flex-start;margin-bottom:10px}h1{display:none}.topbar .eyebrow{margin-bottom:0}.capture-panel,.topbar-actions{display:none}.quick-add-row{grid-template-columns:minmax(0,1fr) 84px}.quick-add-row button{min-width:0;padding:0 10px}.workspace{display:block}.detail-panel,.sidebar{display:none;position:static;max-height:none;min-height:calc(100vh - 220px)}.detail-panel.mobile-active,.sidebar.mobile-active{display:flex;flex-direction:column}.sidebar{padding:12px}.entry-list{max-height:calc(100vh - 342px);min-height:220px;padding-bottom:92px}.detail-panel{padding:14px 14px 104px}.entry-hero,.section-heading,.usage-toolbar{display:grid;grid-template-columns:1fr}.entry-hero h2{font-size:clamp(2.05rem,15vw,4.1rem)}.entry-hero p{font-size:1rem}.hero-actions,.usage-actions{justify-content:start}.usage-card{padding:12px}blockquote{font-size:1.08rem}.mobile-tabs{position:fixed;left:0;right:0;bottom:0;z-index:10;display:grid;grid-template-columns:1fr 1fr;grid-gap:8px;gap:8px;border:0;border-top:1px solid rgba(219,227,218,.92);border-radius:0;background:rgba(251,252,250,.96);box-shadow:0 -8px 24px rgba(31,42,35,.08);padding:7px 12px calc(7px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.mobile-tabs button{position:relative;min-height:48px;border-color:transparent;border-radius:0;background:transparent;color:var(--quiet);font-family:ui-sans-serif,system-ui,sans-serif;font-size:.82rem;font-weight:750;padding-top:12px}.mobile-tabs button.active{color:var(--accent-dark)}.mobile-tabs button:before{content:"";position:absolute;top:5px;left:50%;width:22px;height:3px;border-radius:999px;background:transparent;transform:translateX(-50%)}.mobile-tabs button.active:before{background:var(--accent);box-shadow:none}.mobile-add-fab{position:fixed;right:18px;bottom:calc(64px + env(safe-area-inset-bottom));z-index:11;display:grid;width:50px;min-width:50px;height:50px;min-height:50px;place-items:center;border-color:var(--accent);border-radius:999px;background:var(--accent);color:white;box-shadow:0 12px 34px rgba(31,42,35,.22);font-family:ui-sans-serif,system-ui,sans-serif;font-size:1.9rem;font-weight:650;line-height:1}.add-dialog-backdrop{position:fixed;inset:0;z-index:20;display:grid;align-items:flex-end;background:rgba(21,23,22,.38);padding:14px}.add-dialog{width:100%;border:1px solid rgba(219,227,218,.92);border-radius:var(--radius);background:rgba(255,255,255,.96);box-shadow:0 18px 56px rgba(21,23,22,.25);padding:16px}.add-dialog-heading{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:16px}.add-dialog-heading h2{font-size:1.35rem}.dialog-add-form{display:grid;grid-gap:12px;gap:12px}.dialog-add-form input{min-height:54px;font-size:1.08rem}.dialog-add-form button[type=submit]{min-height:52px}}@media (max-width:520px){.app-shell{padding-left:10px;padding-right:10px}.quick-add-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}.quick-add-row input{min-height:48px;font-size:1rem}.search-row{grid-template-columns:1fr}.entry-list{max-height:calc(100vh - 330px)}.mobile-tabs{padding-left:10px;padding-right:10px}.mobile-add-fab{right:14px}}