:root{color-scheme:light;--ink:#171716;--muted:#858580;--rule:#eeeeeb;--paper:#fdfdfc;--pink:#edb8d8;--mono:ui-monospace,SFMono-Regular,Menlo,monospace}
*{box-sizing:border-box}html{background:var(--paper);scroll-behavior:smooth}body{margin:0;color:var(--ink);font:400 14px/20px Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:-.09px;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid #999;outline-offset:4px}button:disabled{cursor:default;opacity:.4}[hidden]{display:none!important}::selection{background:#f3dce9}h1,h2,h3,p{margin:0;font:inherit}h1,h2,h3{font-weight:500}
.page{width:100%;max-width:598px;margin:0 auto;padding:80px 24px 56px}.back{position:fixed;top:82px;left:max(24px,calc(50% - 555px));color:var(--muted);font-size:13px}.back:hover{color:var(--ink)}.byline{color:var(--muted);margin-top:4px}.description{margin-top:26px;max-width:530px;line-height:21px}.app{margin-top:38px}.source-row{display:flex;align-items:center;gap:18px;margin-bottom:14px;min-width:0}.source-button{display:flex;gap:10px;align-items:center;flex:1;min-width:0;padding:0;text-align:left;background:none;border:0;font-size:12px;color:#70706c}.source-button #active-name{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.source-button:hover{color:var(--ink)}.text-button{border:0;background:none;padding:0;color:var(--muted);font-size:12px;white-space:nowrap}.text-button:hover{color:var(--ink)}
.find-row{display:flex;align-items:center;gap:10px;border:1px solid #e4e4df;border-radius:7px;background:#fff;padding:5px 7px 5px 14px;position:relative}.find-row:focus-within{border-color:#b9b9b1}.find-row input{min-width:0;flex:1;outline:none;border:0;background:transparent;padding:10px 0;font-size:13px}.find-row input::placeholder{color:#9a9a93}kbd{font:10px var(--mono);color:#aaa}.find-go{width:30px;height:30px;border:0;background:#f5f5f1;border-radius:4px;display:grid;place-items:center;flex:none}.find-go:hover{background:#ebebe5}.find-go svg{width:16px;height:16px}.find-meta{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:11px;font-size:11px}.chips{display:flex;gap:12px}.chips button,.scope button{border:0;background:none;padding:0;font-size:10px;color:#8c8c85}.chips button:hover{color:var(--ink)}.scope{display:flex;gap:10px;flex:none}.scope button.on{color:#555550}.scope button.on::after{content:'';display:block;border-bottom:1px solid #d9d9d0}.stamp{color:var(--muted);font:10px var(--mono)}.stamp .err{color:#a34e48;font:11px/17px Inter,sans-serif}.results-heading{display:flex;align-items:center;gap:10px;margin:26px 0 0;min-height:0;color:var(--muted);font-size:11px}.results-heading:has(#stamp:empty):has(#result-count:empty){display:none}.results-heading #copy-moments{margin-left:auto;font-size:11px}.results{margin-top:6px}.card{display:block;width:100%;text-align:left;background:none;border:0;border-bottom:1px solid var(--rule);padding:20px 0;color:inherit;animation:appear .25s ease-out}.card-head{display:flex;gap:12px;align-items:center;color:var(--muted);font-size:11px;margin-bottom:10px}.card-head .n{display:none}.card-head time{font:11px var(--mono);color:#696960}.card-head em{display:none}.card q{display:block;quotes:none;font-size:14px;line-height:23px}.card:hover q{color:#77776e}.card .asked{display:block;font-size:11px;line-height:18px;color:var(--muted);margin-bottom:8px}.card .from{display:block;color:var(--muted);font-size:11px;margin-top:8px}.empty{padding:24px 0;font-size:12px;line-height:20px;color:var(--muted)}.empty b{display:block;font-weight:400;color:var(--ink);margin-bottom:6px}
#transcript-disclosure{margin-top:26px;border-top:1px solid var(--rule)}summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;padding:16px 0;color:var(--muted);font-size:12px}summary::-webkit-details-marker{display:none}summary:hover{color:var(--ink)}details[open] summary span{transform:rotate(45deg)}.editor{padding:10px 0 24px}.doc-head{margin-bottom:26px}.doc-head h2{font-size:13px}.doc-meta{font-size:10px;color:var(--muted);margin-top:5px;line-height:18px}.block{display:grid;grid-template-columns:90px minmax(0,1fr);gap:18px;padding:13px 0}.who b{display:block;font-size:10px;font-weight:400;color:#75756e;line-height:16px}.who time{font:9px var(--mono);color:#96968e;cursor:pointer}.block p{font-size:13px;line-height:22px}.s{cursor:pointer;border-radius:2px}.s:hover{background:#eeeee8}.s.best{background:#f4dfeb}.s.playing{box-shadow:inset 0 -1px 0 #555}.rank{font:9px var(--mono);color:#a75986;margin-right:4px;vertical-align:2px}.player{display:flex;align-items:center;gap:12px;flex-wrap:wrap;position:relative;margin-top:6px;min-height:28px}.player.no-media>.play,.player.no-media>.time,.player.no-media>.timeline{display:none}.play{border:0;background:none;padding:0;width:20px;height:20px}.play svg{width:12px;height:12px}.time{font:9px var(--mono);color:#888}.timeline{flex:1;min-width:70px;height:20px;position:relative;cursor:pointer}.timeline::before{content:'';position:absolute;top:9px;left:0;right:0;height:1px;background:#deded8}.progress{height:1px;position:absolute;top:9px;left:0;background:#333;pointer-events:none}.progress::after{content:'';position:absolute;right:-2px;top:-2px;width:5px;height:5px;background:#444;border-radius:50%}.tick{position:absolute;top:0;width:10px;height:20px;margin-left:-5px;border:0;background:none}.tick::before{content:'';position:absolute;left:5px;top:4px;height:11px;width:1px;background:#c58fae}#media:not([hidden]){display:block;width:100%;max-height:320px;background:#111;margin-top:16px;order:5;border-radius:3px}.caption{margin-top:17px;font-size:11px;line-height:18px;color:#94948c}.page-footer{margin-top:70px;padding-top:22px;position:relative;color:var(--muted);font-size:12px}.page-footer::before{content:'';position:absolute;top:0;width:40px;height:1px;background:#e7e7e1}.page-footer .text-button{margin-top:8px;font-size:11px;text-decoration:underline;text-decoration-color:#d9d9d2;text-underline-offset:3px}
dialog{width:min(530px,calc(100vw - 40px));max-height:80vh;overflow:auto;padding:28px;border:1px solid #e9e9e3;border-radius:8px;background:var(--paper);color:var(--ink);box-shadow:0 20px 70px #0002}dialog::backdrop{background:#f5f5f1aa;backdrop-filter:blur(5px)}dialog h3{margin-bottom:20px}.dialog-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px}.dialog-heading h2{font-size:13px}.dialog-heading h2 span{color:var(--muted);font-size:10px;margin-left:6px}#file-list{list-style:none;margin:0 0 20px;padding:0}#file-list li{position:relative;padding:15px 28px 15px 0;border-bottom:1px solid var(--rule)}#file-list b{font-weight:400;font-size:13px}#file-list li.on b{color:#a4618a}.file-meta{display:block;font-size:11px;color:var(--muted);margin-top:4px}.file-select{position:absolute;inset:0;background:none;border:0;width:100%}.remove{position:absolute;right:0;top:16px;border:0;background:none;color:#aaa;z-index:2;font-size:16px}.remove:hover{color:var(--ink)}.hits{display:none}.fine{font-size:11px;line-height:18px;color:var(--muted)}dialog input,dialog textarea{width:100%;border:1px solid #e4e4df;border-radius:4px;padding:10px;background:#fff;margin-bottom:10px;outline:none}dialog textarea{font:12px/19px var(--mono);resize:vertical}dialog input:focus,dialog textarea:focus{border-color:#aaa}.detected{font-size:11px;color:var(--muted)}.detected b{font-weight:400;color:var(--ink)}.dialog-actions{display:flex;gap:18px;justify-content:flex-end;margin-top:20px}.quiet{border:0;background:none;padding:6px 10px;color:var(--muted);font-size:12px}.primary{background:#222;color:#fff;border:0;border-radius:4px;padding:7px 14px;font-size:12px}.about-intro{font-size:13px;line-height:21px;margin-bottom:20px}.steps{padding-left:16px;font-size:12px;line-height:20px}.steps li{margin-bottom:10px}.steps b{font-weight:500}.privacy{margin-top:20px}.numbers{font-size:11px;color:var(--muted);width:100%;margin-top:20px;border-collapse:collapse}.numbers td{padding:6px 0;border-top:1px solid var(--rule)}.numbers td:last-child{text-align:right}.drop-veil{position:fixed;inset:0;background:#fdfdfcec;backdrop-filter:blur(4px);display:none;place-items:center;z-index:20}.drop-veil.on{display:grid}.drop-veil div{border:1px dashed #ccc;border-radius:8px;padding:60px}.toasts{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);display:grid;gap:8px;z-index:30;width:max-content;max-width:90vw;pointer-events:none}.toast{padding:10px 16px;background:#252523;color:#fff;font-size:12px;border-radius:5px;box-shadow:0 5px 20px #0001}.toast b{font-weight:500}.skeleton{padding:24px 0;display:grid;gap:9px}.skeleton i{height:7px;background:#eeeee8;width:95%;border-radius:3px;animation:breathe 1s alternate infinite}.skeleton i:last-child{width:65%}@keyframes breathe{to{opacity:.3}}@keyframes appear{from{opacity:0;transform:translateY(3px)}}
@media(max-width:1000px){.back{position:static;display:block;max-width:598px;margin:32px auto 0;padding:0 24px}.page{padding-top:32px}}
@media(max-width:520px){.page{padding:30px 24px 40px}.back{margin-top:24px;font-size:12px}.find-meta{display:block}.scope{margin-top:12px}.chips{gap:16px}.source-row{gap:14px}.source-button{font-size:11px}.text-button{font-size:11px}kbd{display:none}.description{font-size:14px;line-height:22px}.app{margin-top:30px}.block{grid-template-columns:1fr;gap:4px}.who{display:flex;align-items:baseline;gap:10px}.page-footer{margin-top:52px}.card-head{flex-wrap:wrap}.card q{font-size:14px;line-height:23px}}
@media(prefers-reduced-motion:reduce){*,*::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
/* A single, self-contained demo. Secondary controls live with the interview. */
.page{max-width:598px;padding-top:80px}.intro{margin-bottom:38px}.byline{margin-top:7px;color:#8d8d87;font-size:13px}.demo{position:relative;margin:0 -1px;border:1px solid #ecece7;border-radius:12px;background:linear-gradient(145deg,#fefefd,#fafaf7);box-shadow:0 2px 4px #22220503,0 12px 28px -20px #22221524;overflow:hidden}.demo-top{display:flex;align-items:center;justify-content:space-between;padding:15px 18px 0}.source-button{font-size:11px;color:#8b8b83;gap:4px;max-width:calc(100% - 40px);flex:none}.source-button svg{width:14px;height:14px;flex:none}.icon-button{border:0;background:none;width:26px;height:26px;display:grid;place-items:center;padding:0;color:#92928a;border-radius:50%;transition:background .18s,color .18s,transform .18s}.icon-button:hover{background:#eeeee7;color:#333}.icon-button:active{transform:scale(.93)}.icon-button svg{width:18px;height:18px}.demo-stage{height:250px;padding:32px 30px 10px;overflow:auto;display:flex;flex-direction:column;justify-content:center}.preview-meta{display:flex;gap:13px;color:#a1a197;font-size:10px;margin-bottom:15px}.preview-meta time{font:10px var(--mono)}#demo-preview p{font-size:14px;line-height:24px;color:#73736a;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden}#demo-preview{animation:delicate-in .4s cubic-bezier(.2,.7,.2,1)}.demo-meta{height:30px;display:flex;align-items:center;gap:8px;padding:0 28px}.stamp{font:10px Inter,sans-serif;color:#a3a39a;max-width:75%;line-height:15px}.stamp .err{font-size:10px}.demo-meta #copy-moments{margin-left:auto;font-size:10px;color:#99998f}#moment-navigation{display:flex;gap:6px;align-items:center;margin-left:auto;color:#99998f;font:10px var(--mono)}#moment-navigation .icon-button{width:22px;height:22px}.find{padding:13px 15px 15px}.find-row{border:1px solid #e6e6de;background:#ffffffd9;box-shadow:0 1px 2px #11110403;border-radius:8px;padding:4px 5px 4px 12px;transition:box-shadow .25s,border-color .25s}.find-row:focus-within{border-color:#cfcfc5;box-shadow:0 0 0 3px #e9e9e630}.find-row input{font-size:12px;padding:8px 0}.search-icon{width:17px;height:17px;color:#929289;flex:none}.find-go{background:#f3f3ee;width:28px;height:28px;transition:background .18s,transform .18s}.find-go:active{transform:scale(.92)}.find-go svg{width:16px;height:16px}kbd{font-size:9px;color:#b6b6ad}.demo-caption{min-height:38px;display:flex;justify-content:center;align-items:center;padding-top:10px}.chips{align-items:center;gap:4px;color:#a1a197;font-size:11px}.chips button{font-size:11px;color:#949489;border-bottom:1px solid transparent;transition:color .2s,border-color .2s}.chips button:hover{color:#444;border-color:#ccc}.results{margin:0}.card{display:none;padding:0;border:0;animation:delicate-in .36s cubic-bezier(.2,.7,.2,1)}.card.on{display:block}.card-head{margin-bottom:15px;color:#a1a197;font-size:10px;gap:13px}.card-head time{color:#939389;font-size:10px}.card q{font-size:14px;line-height:24px;display:-webkit-box;-webkit-line-clamp:6;-webkit-box-orient:vertical;overflow:hidden;transition:color .2s}.card:hover q{color:#6d6d64}.card .asked{display:none}.card .from{font-size:10px;margin-top:12px}.empty{padding:0;font-size:12px}.empty b{font-size:13px;margin-bottom:8px}.skeleton{padding:20px 0}.skeleton i{height:6px;margin-bottom:4px;background:#eaeae3}.page-footer{margin:36px 0 0;padding:0;display:flex;justify-content:space-between;font-size:11px;color:#aaa99f}.page-footer::before{display:none}.page-footer .text-button{margin:0;text-decoration:none;color:#aaa99f;font-size:11px}.page-footer a:hover,.page-footer .text-button:hover{color:#555}.library-actions{display:flex;gap:20px;margin:18px 0}.scope{margin:20px 0;gap:16px}.reader-dialog{width:min(720px,calc(100vw - 32px));max-height:82vh;padding:24px 30px}.reader-dialog .dialog-heading{position:sticky;top:-24px;background:var(--paper);z-index:2;padding:12px 0;margin-top:-12px}.reader-dialog .editor{max-height:56vh;overflow:auto;padding-right:8px}.reader-dialog .player{border-top:1px solid var(--rule);padding-top:15px;margin-top:8px}.reader-dialog .player.no-media{min-height:25px}.reader-dialog #media:not([hidden]){max-height:200px}.block p{font-size:13px}.reader-dialog .doc-meta{font-size:10px}.dialog-heading span{font-size:12px;color:var(--muted)}.searching .find-row{border-color:#d5d5ca}.searching .search-icon{animation:search-breathe 1.2s ease-in-out infinite}.searching #demo-preview{display:none}.searching .card{opacity:.35;transition:opacity .25s}dialog[open]{animation:delicate-in .2s ease-out}button{touch-action:manipulation}@keyframes delicate-in{from{opacity:0;transform:translateY(5px);filter:blur(2px)}to{opacity:1;transform:none;filter:blur(0)}}@keyframes search-breathe{50%{opacity:.3}}
@media(max-width:1000px){.page{padding-top:32px}}
@media(max-width:520px){.page{padding-top:30px}.intro{margin-bottom:30px}.demo-top{padding:13px 14px 0}.source-button{font-size:10px}.demo-stage{padding:26px 21px 8px;height:260px}.demo-meta{padding:0 21px}.find{padding:10px 12px 12px}.card q,#demo-preview p{font-size:13px;line-height:23px}.preview-meta,.card-head{font-size:9px;gap:10px}.card-head time,.preview-meta time{font-size:9px}.page-footer{margin-top:30px}.reader-dialog{padding:20px}.reader-dialog .editor{max-height:55vh}.reader-dialog .dialog-heading{top:-20px}}
@media(prefers-reduced-motion:reduce){*,*::before{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

#transcript-disclosure{margin:auto;border:1px solid #e9e9e3}.reader-dialog .dialog-heading{font-size:12px}

/* Shared portfolio rhythm; touch inputs stay at Safari's natural focus scale. */
:root{--ink:#111;--muted:rgba(0,0,0,.4);--rule:#f2f2f2}
html{-webkit-text-size-adjust:100%;scroll-behavior:auto}
body{font-weight:460}
.page{max-width:582px;padding:80px 16px 64px}
.intro{margin-bottom:32px}.byline{margin-top:8px;font-size:14px;line-height:20px}
.demo{margin:0;background:#fafaf9;border-color:#eeeeeb;border-radius:10px;box-shadow:0 4px 16px -12px #0002}
.demo-top{padding:8px 14px 0}.source-button{font-size:12px;min-height:44px}.source-button svg{display:none}
.icon-button,#moment-navigation .icon-button{width:44px;height:44px;flex-shrink:0}.icon-button:active,.find-go:active{transform:none}
.demo-stage{height:244px;padding:24px 26px 8px}.preview-meta,.card-head{font-size:11px;margin-bottom:12px}.preview-meta time,.card-head time{font-size:10px}
#demo-preview p,.card q{font-size:14px;line-height:24px;color:#64645f}
.demo-meta{height:44px;padding:0 26px}.demo-meta #copy-moments{font-size:12px;min-height:44px}.stamp{font-size:11px}
.find{padding:8px 12px 12px}.find-row{padding:2px 3px 2px 12px;border-radius:7px;gap:8px}.find-row input{font-size:16px;line-height:24px;padding:8px 0}.find-go{width:40px;height:40px;background:transparent}
.demo-caption{padding-top:4px;min-height:44px}.chips{font-size:12px;gap:5px;justify-content:center}.chips button{font-size:12px;min-height:44px}.about{margin-top:40px;line-height:22px}.about p+p{margin-top:20px}.inline-link{font:inherit;border:0;border-bottom:1px solid #d8d8d4;background:none;padding:0;color:inherit}.inline-link:hover{border-color:#777}.about .privacy-note{font-size:12px;line-height:20px;color:var(--muted);margin-top:24px;text-wrap:pretty}
.import-description{margin:20px 0}.import-actions{display:flex;align-items:center;gap:24px;margin:24px 0}.import-actions button{min-height:44px}.sample-reset{display:block;margin-bottom:24px;min-height:44px}dialog input,dialog textarea{font-size:16px;line-height:24px}.dialog-heading .text-button,.dialog-actions button{min-height:44px}.reader-dialog .dialog-heading{align-items:center}
@media(max-width:1000px){.back{max-width:582px;padding:0 16px}.page{padding-top:32px}}
@media(max-width:768px){.back{padding:0 24px;margin-top:24px}.page{padding:32px 24px 40px}.intro{margin-bottom:28px}.demo-stage{height:260px;padding:20px 20px 8px}.demo-meta{padding:0 20px}.source-button{font-size:12px}.demo-top{padding:6px 10px 0}.about{margin-top:32px}.find-row input{font-size:16px}.card q,#demo-preview p{font-size:14px;line-height:24px}.chips{flex-wrap:wrap}.reader-dialog{max-height:85dvh}.reader-dialog .editor{max-height:55dvh}}