:root{--outer:#E8E5DF;--bg:#FBFAF6;--surface:#FFFFFF;--surface-soft:#F5F2EC;--panel:#171B22;--panel-line:#2A303A;--ink:#17191D;--muted:#66645F;--faint:#96928A;--blue:#3F5F73;--blue-soft:#E8EFF2;--red:#B94B4B;--rule:#E2E0D6;--mono:#D8DEE5;--green:#4F8A70;--card:#D8D4CC;--shadow:0 16px 42px -28px rgba(25,22,17,.45)}
@media(prefers-color-scheme:dark){:root{--outer:#111315;--bg:#181B1E;--surface:#202428;--surface-soft:#1C2023;--panel:#101316;--panel-line:#2B3136;--ink:#F1EFEA;--muted:#B6B1A8;--faint:#817D76;--blue:#8FAFBE;--blue-soft:#26343B;--red:#E07A76;--rule:#34312C;--mono:#D5D9DC;--green:#79B294;--card:#292D31;--shadow:0 18px 44px -26px rgba(0,0,0,.8)}}
*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--outer);color:var(--ink);font-family:Inter,sans-serif;display:flex;justify-content:center;padding:20px 10px 56px}.phone{width:100%;max-width:430px;background:var(--bg);border:1px solid var(--card);border-radius:26px;overflow:hidden;box-shadow:var(--shadow)}.screen{padding:24px 20px 30px;min-height:680px}.hidden{display:none!important}.nav,.top-actions{display:flex;justify-content:space-between;align-items:center}.nav{margin-bottom:10px}.top-actions{margin-bottom:20px}.wordmark,.greeting,.primary{font-family:"Space Grotesk",sans-serif;font-weight:700}.wordmark{font-size:18px;letter-spacing:-.02em}.date,.eyebrow,.label,.status,.log,.link,.chip{font-family:"JetBrains Mono",monospace}.date{font-size:10px;color:var(--faint)}.eyebrow{font-size:10px;letter-spacing:.09em;color:var(--blue);text-transform:uppercase;margin-bottom:14px}.rule{border:0;border-top:1px solid var(--rule);margin:0 0 24px}.greeting{font-size:27px;letter-spacing:-.025em;line-height:1.16;margin:0 0 9px}.prompt{font-size:14px;line-height:1.55;color:var(--muted);margin:0 0 22px;max-width:36ch}.primary{width:100%;border:0;border-radius:14px;padding:16px;background:var(--blue);color:#fff;font-size:15px;cursor:pointer;box-shadow:0 7px 18px -13px rgba(0,0,0,.7)}.primary:disabled{background:var(--card);color:var(--faint);box-shadow:none}.google{background:var(--surface);color:var(--ink);border:1px solid var(--rule);box-shadow:none}.label{font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--faint);margin:22px 0 9px}.panel{background:var(--panel);border:1px solid var(--panel-line);border-radius:16px;padding:15px 16px;box-shadow:0 9px 24px -22px #000}.log{font-size:12px;line-height:1.85;color:var(--mono);display:flex;gap:8px}.check{color:var(--green)}.status{text-align:center;color:var(--faint);font-size:10px;margin-top:14px}.error{font-size:12px;color:var(--red);min-height:20px;margin:10px 0}.link{background:none;border:0;color:var(--muted);padding:0;cursor:pointer;font-size:11px}textarea{width:100%;min-height:96px;resize:vertical;border:1px solid var(--rule);border-radius:14px;background:var(--surface);color:var(--ink);padding:14px 15px;font:14px/1.5 Inter,sans-serif;outline:none;box-shadow:0 5px 18px -20px #000}textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.notice-row{cursor:pointer}.notice-row:hover{text-decoration:none;opacity:.82}.small{font-size:11px;color:var(--faint);margin-bottom:8px}.voice-btn{width:100%;border:1px solid var(--rule);border-radius:15px;background:var(--surface);color:var(--ink);padding:14px;display:flex;align-items:center;gap:12px;text-align:left;cursor:pointer;box-shadow:0 6px 20px -22px #000}.voice-dot{width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--blue);color:#fff;font-size:17px;flex:none}.voice-copy strong{display:block;font-size:14px}.voice-copy span{font-size:11px;color:var(--faint);line-height:1.35}.voice-btn.recording{border-color:var(--red);background:color-mix(in srgb,var(--red) 5%,var(--surface))}.voice-btn.recording .voice-dot{background:var(--red)}.record-bar{display:flex;justify-content:space-between;align-items:center;border:1px solid color-mix(in srgb,var(--red) 55%,var(--rule));border-radius:12px;padding:10px 12px;margin-top:8px;color:var(--red);background:color-mix(in srgb,var(--red) 5%,transparent);font-size:11px}.transcript-box{border-left:3px solid var(--blue);background:var(--surface-soft);border-radius:0 10px 10px 0;padding:10px 12px;margin-top:9px;font-size:13px;line-height:1.5;color:var(--muted);min-height:38px}.capture-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.capture-btn{border:1px solid var(--rule);border-radius:13px;background:var(--surface);color:var(--ink);padding:12px 6px;font:11px Inter,sans-serif;cursor:pointer;min-height:64px}.capture-btn strong{display:block;font-size:19px;color:var(--blue);margin-bottom:5px}.capture-btn:active{background:var(--surface-soft)}.tray{margin-top:8px;max-height:260px;overflow:auto}.tray-item{display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center;border:1px solid var(--rule);border-radius:13px;padding:9px;background:var(--surface);margin-top:8px}.thumb{width:48px;height:48px;border-radius:9px;background:var(--surface-soft);object-fit:cover}.fileicon{display:flex;align-items:center;justify-content:center;font-size:19px;color:var(--blue)}.tray-name{font-size:12px;word-break:break-word}.tray-meta{font-size:10px;color:var(--faint);margin-top:3px}.remove{border:0;background:none;color:var(--red);font-size:19px;cursor:pointer}.media-grid{display:grid;gap:10px}.media-card{border:1px solid var(--rule);border-radius:14px;padding:10px;background:var(--surface);overflow:hidden}.media-card img,.media-card video{width:100%;max-height:300px;object-fit:contain;border-radius:10px}.media-card audio{width:100%}.media-card a{color:var(--blue);text-decoration:none;word-break:break-word}.library-entry{margin-top:11px;width:100%;border:1px solid var(--rule);border-radius:13px;background:var(--surface);color:var(--ink);padding:13px 14px;text-align:left;cursor:pointer;font:13px Inter,sans-serif}.library-entry span{float:right;color:var(--blue)}.searchbox{width:100%;border:1px solid var(--rule);border-radius:14px;background:var(--surface);color:var(--ink);padding:13px 14px;font:13px Inter,sans-serif;outline:none}.searchbox:focus{border-color:var(--blue);box-shadow:0 0 0 3px var(--blue-soft)}.filter-row{display:flex;gap:7px;flex-wrap:wrap;margin:12px 0 15px}.chip{border:1px solid var(--rule);border-radius:999px;background:var(--surface);color:var(--muted);padding:7px 10px;font-size:9px;cursor:pointer}.chip.active{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.library-list{display:grid;gap:9px}.library-card,.related-card{border:1px solid var(--rule);border-radius:14px;padding:13px 14px;background:var(--surface);cursor:pointer;box-shadow:0 6px 18px -23px #000}.library-card:hover,.related-card:hover{border-color:color-mix(in srgb,var(--blue) 45%,var(--rule))}.library-date{font:9px "JetBrains Mono",monospace;color:var(--faint);margin-bottom:6px}.library-text{font-size:13px;line-height:1.45}.library-meta{font:9px "JetBrains Mono",monospace;color:var(--faint);margin-top:8px}.related-list{display:grid;gap:8px}.related-score{font:9px "JetBrains Mono",monospace;color:var(--blue);margin-top:6px}
/* Signed-out first impression: one field-log path, not feature cards. */
#authView{padding-bottom:34px}.auth-intro{font-size:15px;max-width:31ch;margin-bottom:27px}.onboarding-flow{margin:0 0 28px}.onboarding-step{display:grid;grid-template-columns:24px 1fr;gap:13px;min-height:92px}.step-rail{position:relative;display:flex;justify-content:center}.step-rail:after{content:"";position:absolute;top:18px;bottom:-2px;width:1px;background:var(--rule)}.develop-step .step-rail:after{display:none}.step-dot{position:relative;z-index:1;width:9px;height:9px;margin-top:4px;border-radius:50%;background:var(--bg);border:2px solid var(--blue);box-shadow:0 0 0 4px var(--bg)}.capture-dot{background:var(--blue)}.develop-dot{border-color:var(--green)}.step-copy{padding-bottom:20px}.step-label{font:500 10px/1.3 "JetBrains Mono",monospace;letter-spacing:.1em;text-transform:uppercase;color:var(--blue);margin-bottom:7px}.develop-step .step-label{color:var(--green)}.step-copy strong{display:block;font-size:13px;line-height:1.48;font-weight:500;max-width:31ch}.mini-wave{height:17px;display:flex;align-items:center;gap:3px;margin-top:9px}.mini-wave i{display:block;width:2px;border-radius:2px;background:var(--blue);opacity:.75}.mini-wave i:nth-child(1),.mini-wave i:nth-child(7){height:4px}.mini-wave i:nth-child(2),.mini-wave i:nth-child(6){height:8px}.mini-wave i:nth-child(3),.mini-wave i:nth-child(5){height:13px}.mini-wave i:nth-child(4){height:17px}.context-fragments{display:flex;align-items:center;gap:5px;margin-top:11px}.context-fragments span{display:block;height:4px;border-radius:4px;background:var(--rule)}.context-fragments span:nth-child(1){width:38px}.context-fragments span:nth-child(2){width:22px;background:color-mix(in srgb,var(--green) 55%,var(--rule))}.context-fragments span:nth-child(3){width:48px}.auth-cta{border-top:1px solid var(--rule);padding-top:22px}.cta-title{font-family:"Space Grotesk",sans-serif;font-weight:700;font-size:18px;letter-spacing:-.02em;margin:0 0 12px}.auth-footnote{text-align:center;color:var(--faint);font-size:11px;line-height:1.5;margin:11px auto 0;max-width:34ch}
/* Detail: one quiet reading surface. Hierarchy comes from type, spacing and hairlines — not color or nested cards. */
#detailView .eyebrow{color:var(--faint)}#detailView .rule{border-color:var(--rule)}#detailView .link{color:var(--muted)}.detail-flow{margin-top:20px;border:1px solid var(--rule);border-radius:16px;background:var(--surface);overflow:hidden}.detail-zone{padding:17px 16px}.detail-zone+.detail-zone{border-top:1px solid var(--rule)}.detail-zone-label,.detail-inline-label{font-family:"JetBrains Mono",monospace;text-transform:uppercase;letter-spacing:.08em;color:var(--faint)}.detail-zone-label{font-size:9px;margin-bottom:10px}.detail-source-zone{font-size:14px;line-height:1.6;white-space:pre-wrap}.detail-inline-label{font-size:8px;margin-bottom:6px}.detail-derived-source{border-top:1px solid var(--rule);margin-top:14px;padding-top:12px;color:var(--muted);font-size:12.5px;line-height:1.55}.detail-understanding-zone{background:transparent}.understanding-title{font-family:"Source Serif 4",Georgia,serif;font-weight:600;font-size:18px;line-height:1.28;letter-spacing:-.01em}.understanding-summary{font-family:"Source Serif 4",Georgia,serif;font-size:14px;line-height:1.55;color:var(--muted);margin-top:7px}.understanding-more{border:0;background:none;color:var(--muted);padding:10px 0 0;font:9px "JetBrains Mono",monospace;cursor:pointer}.understanding-deep{font-size:12px;line-height:1.55;color:var(--muted);padding-top:10px}.understanding-tags,.understanding-uses{display:flex;gap:6px;flex-wrap:wrap;margin-top:9px}.understanding-tags span,.understanding-uses span{border:0;border-radius:0;padding:0;font:9px "JetBrains Mono",monospace;color:var(--faint)}#detailView>.label{margin-top:22px}#detailView .media-card{box-shadow:none}