:root{--bg:#111;--bg-secondary:#1a1a1a;--text:#eee;--text-muted:#888;--border:#333;--accent:#e0e0e0;--accent-hover:#fff;--highlight:#2a2a2a;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}body{margin:0;padding:0;line-height:1.5}#app{max-width:800px;margin:0 auto;padding:2rem 1rem}button,input{font:inherit;color:inherit;border:1px solid var(--border);background:0 0;border-radius:4px;padding:.5rem 1rem}button{cursor:pointer;background:var(--bg-secondary);transition:all .2s}button:hover:not(:disabled){border-color:var(--accent-hover);color:var(--accent-hover)}button:disabled{opacity:.5;cursor:not-allowed}input{width:100%;margin-bottom:1rem}input:focus{border-color:var(--accent);outline:none}.hidden{display:none!important}.unlock{justify-content:center;align-items:center;min-height:80vh;display:flex}.unlock-card{text-align:center;width:100%;max-width:320px}.unlock-card h1{margin-bottom:1.5rem;font-size:1.5rem;font-weight:500}.unlock-card button{width:100%}.status{color:var(--text-muted);margin-top:.5rem;font-size:.85rem;display:block}.app-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;display:flex}.app-header .record-btn{background:var(--text);color:var(--bg);border:none;padding:.5rem 1.5rem;font-weight:500}.app-header .record-btn:hover{background:var(--accent-hover);color:var(--bg)}.recording-status{flex-grow:1;align-items:center;gap:1rem;padding:0 1rem;display:flex}.timer{font-variant-numeric:tabular-nums;color:#f44;font-weight:500}.header-actions{gap:.5rem;display:flex}.icon-btn{background:0 0;border:none;padding:.5rem;line-height:1}.icon-btn:hover{background:var(--highlight);border-color:#0000}.entries-list{flex-direction:column;display:flex}.entry-item{border-bottom:1px solid var(--border)}.entry-summary-line{cursor:pointer;-webkit-user-select:none;user-select:none;padding:1rem 0;list-style:none;display:flex}.entry-summary-line::-webkit-details-marker{display:none}.entry-summary-line:hover{background:var(--bg-secondary)}.entry-time{min-width:120px;color:var(--text-muted);flex-shrink:0;font-size:.9rem}.entry-summary{flex-grow:1}details[open] .entry-summary{color:var(--accent-hover)}.entry-details{padding:0 0 1.5rem 120px}.entry-actions{align-items:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.entry-actions button{padding:.25rem .75rem;font-size:.8rem}.details-grid{flex-direction:column;gap:1.5rem;display:flex}.detail-section{flex-direction:column;gap:.25rem;display:flex}.detail-label{text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-size:.75rem}.detail-content{white-space:pre-wrap;font-size:.95rem}.transcript-details summary{cursor:pointer;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);-webkit-user-select:none;user-select:none;font-size:.75rem;list-style:none;display:inline-block}.transcript-details summary:hover{color:var(--text)}.transcript-details summary::-webkit-details-marker{display:none}.transcript-details summary:before{content:"▶ ";font-size:.7em}.transcript-details[open] summary:before{content:"▼ "}.transcript-details[open] .detail-content{border-left:2px solid var(--border);color:var(--text-muted);margin-top:.5rem;padding-left:.5rem}.empty{color:var(--text-muted);text-align:center;padding:2rem 0}@media (width<=600px){.entry-summary-line{flex-direction:column;gap:.25rem}.entry-details{padding-left:0}.entry-time{font-size:.8rem}}