.transcript-tab{display:flex;flex-direction:column;gap:14px}.transcript-warning{font-size:.82rem;color:var(--accent);background:var(--accent-dim);border-radius:var(--radius-sm);padding:8px 12px;align-self:flex-start}.transcript-body{display:flex;flex-direction:column;gap:10px;line-height:1.55}.transcript-body h1,.transcript-body h2,.transcript-body h3,.transcript-body h4{margin:6px 0 0;font-weight:600;color:var(--text)}.transcript-body h1{font-size:1.3rem}.transcript-body h2{font-size:1.15rem}.transcript-body h3{font-size:1.05rem}.transcript-body h4{font-size:.95rem}.transcript-body p{margin:0;white-space:pre-wrap}.transcript-body ul,.transcript-body ol{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:4px}.transcript-body code{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 5px;font-size:.9em}.transcript-empty{display:flex;flex-direction:column;gap:12px}.transcript-empty code{background:var(--bg);border:1px solid var(--border);border-radius:4px;padding:1px 5px}.transcript-empty-actions{display:flex;align-items:center;gap:10px}.transcript-hint{font-size:.82rem;color:var(--text-faint)}.recorder-card{max-width:520px;margin-top:6vh}.rec-error{display:flex;flex-direction:column;gap:12px}.rec-modes{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.rec-gate-badge{font-size:.78rem;font-weight:600;color:var(--accent);background:var(--accent-dim);border-radius:999px;padding:4px 12px}.rec-gate-badge--paused{color:var(--text-dim);background:#ffffff0f}.rec-meter-wrap{position:relative;height:30px}.rec-meter{position:absolute;inset:0;border-radius:var(--radius-sm);background:var(--bg-input);border:1px solid var(--border);overflow:hidden}.rec-meter__fill{position:absolute;inset-block:0;left:0;background:var(--accent);opacity:.55;transition:width 60ms linear}.rec-meter__threshold{position:absolute;top:0;bottom:0;width:2px;background:var(--text);transform:translate(-1px)}.rec-meter__slider{position:absolute;inset:0;width:100%;margin:0;appearance:none;background:transparent;cursor:pointer}.rec-meter__slider::-webkit-slider-runnable-track{background:transparent;height:30px}.rec-meter__slider::-webkit-slider-thumb{appearance:none;width:4px;height:30px;border-radius:2px;background:var(--text);border:2px solid var(--bg);cursor:ew-resize}.rec-meter__slider::-moz-range-track{background:transparent;height:30px}.rec-meter__slider::-moz-range-thumb{width:4px;height:30px;border-radius:2px;background:var(--text);border:2px solid var(--bg);cursor:ew-resize}.rec-meter-labels{display:flex;justify-content:space-between;font-size:.78rem;color:var(--text-faint);font-variant-numeric:tabular-nums}.rec-timers{display:flex;align-items:center;gap:16px;flex-wrap:wrap;font-size:.85rem;color:var(--text-dim);font-variant-numeric:tabular-nums}.rec-timers b{color:var(--text);font-weight:600}.rec-wakelock{margin-left:auto;font-size:.75rem;color:var(--text-faint)}.rec-wakelock--on:before{content:"● ";color:var(--accent)}.rec-actions{display:flex;gap:10px}.rec-stop-btn{background:var(--error);color:#2a0a0a}.rec-result{display:flex;flex-direction:column;gap:10px}.rec-result__row{display:flex;justify-content:space-between;gap:12px;font-size:.9rem;padding:6px 0;border-bottom:1px solid var(--border)}.rec-result__row:last-of-type{border-bottom:none}.rec-result__label{color:var(--text-dim)}*{box-sizing:border-box}:root{--accent: #e8a33d;--accent-dim: rgba(232, 163, 61, .16);--bg: #121212;--bg-raised: #1a1a1a;--bg-input: #202020;--border: rgba(255, 255, 255, .09);--text: #ececec;--text-dim: #8f8f8f;--text-faint: #666;--error: #e35d5d;--radius: 10px;--radius-sm: 6px;--marker: #6fc3d1}html,body{margin:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:var(--text);background:var(--bg)}#root{min-height:100vh;min-height:100dvh}button,input,select{font:inherit;color:inherit}.loading,.empty{padding:40px;color:var(--text-dim);text-align:center}.error{color:var(--error);font-size:.9rem}.screen{display:flex;justify-content:center;padding:48px 16px}.card{width:100%;max-width:640px;display:flex;flex-direction:column;gap:20px;background:var(--bg-raised);border:1px solid var(--border);border-radius:var(--radius);padding:28px}.login-card{max-width:380px;margin-top:10vh}.app-title{margin:0;font-size:1.4rem;font-weight:600}.app-subtitle{color:var(--text-dim);font-size:.9rem;margin-top:4px}.placeholder-note{color:var(--text-dim)}.field{display:flex;flex-direction:column;gap:6px;font-size:.85rem;color:var(--text-dim)}input[type=text],input[type=password],input[type=search],select{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);padding:9px 12px;color:var(--text);outline:none}input:focus,select:focus{border-color:var(--accent)}.primary-btn{background:var(--accent);color:#1a1305;border:none;border-radius:var(--radius-sm);padding:9px 16px;font-weight:600;cursor:pointer}.primary-btn:disabled{opacity:.6;cursor:default}.primary-btn:not(:disabled):hover{filter:brightness(1.08)}.ghost-btn{background:transparent;color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px 14px;cursor:pointer;align-self:flex-start}.ghost-btn:hover{color:var(--text);border-color:var(--text-dim)}.library-screen{max-width:960px;margin:0 auto;padding:28px 16px 60px;display:flex;flex-direction:column;gap:20px}.library-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.filters{display:flex;flex-wrap:wrap;gap:10px;align-items:center}.filters input[type=search]{flex:1 1 220px;min-width:160px}.filters select{flex:0 0 auto}.scope-toggle{display:inline-flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.scope-toggle button{background:transparent;border:none;color:var(--text-dim);padding:8px 14px;cursor:pointer;border-right:1px solid var(--border)}.scope-toggle button:last-child{border-right:none}.scope-toggle button.active{background:var(--accent-dim);color:var(--accent)}.library-count{color:var(--text-faint);font-size:.85rem}.audio-list{list-style:none;margin:0;padding:0;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.audio-row{width:100%;display:grid;grid-template-columns:1fr auto auto auto;gap:4px 16px;align-items:center;padding:12px 16px;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);text-align:left;cursor:pointer}.audio-list li:last-child .audio-row{border-bottom:none}.audio-row:hover{background:#ffffff08}.audio-name-cell{display:flex;flex-direction:column;gap:4px;min-width:0}.audio-name{font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-tags{display:flex;flex-wrap:wrap;gap:6px}.tag-chip{font-size:.72rem;color:var(--text-dim);background:#ffffff0f;border-radius:999px;padding:2px 9px}.owner-badge{font-size:.72rem;color:var(--accent);background:var(--accent-dim);border-radius:999px;padding:2px 9px;white-space:nowrap}.audio-duration,.audio-size,.audio-date{font-variant-numeric:tabular-nums;color:var(--text-dim);font-size:.85rem;white-space:nowrap}.load-more-row{display:flex;justify-content:center;padding:8px 0}@media(max-width:640px){.audio-row{grid-template-columns:1fr auto;grid-template-areas:"name name" "duration size";row-gap:4px}.audio-date{display:none}}.file-card{max-width:860px}.file-meta{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.player{display:flex;flex-direction:column;gap:14px;padding:18px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input)}.player__head{display:flex;align-items:baseline;gap:10px}.player__head b{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.player__facts{margin-left:auto;flex:none;font-size:.78rem;color:var(--text-dim);white-space:nowrap}.player__wave{position:relative;height:26px;overflow:hidden;border-radius:var(--radius-sm);-webkit-mask-image:radial-gradient(70% 100% at 40% 50%,#000 30%,#0003);mask-image:radial-gradient(70% 100% at 40% 50%,#000 30%,#0003)}.player__wave:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(90deg,var(--accent) 0 3px,transparent 3px 9px);opacity:.2}.player__wave-played{position:absolute;inset-block:0;left:0;background:repeating-linear-gradient(90deg,var(--accent) 0 3px,transparent 3px 9px);opacity:.9}.player__seek{position:relative;height:28px;display:flex;align-items:center;cursor:pointer;touch-action:none}.player__seek:focus-visible{outline:none;border-radius:var(--radius-sm);box-shadow:0 0 0 2px var(--accent-dim)}.player__track{position:absolute;left:0;right:0;height:4px;border-radius:999px;background:var(--bg)}.player__fill{position:absolute;left:0;height:4px;border-radius:999px;background:var(--accent)}.player__playhead{position:absolute;top:0;bottom:0;width:2px;transform:translate(-1px);background:var(--text)}.player__mark{position:absolute;top:50%;width:9px;height:9px;padding:0;border:0;border-radius:2px;background:var(--marker);transform:translate(-50%,-50%) rotate(45deg);cursor:pointer}.player__mark:after{content:"";position:absolute;inset:-9px}.player__mark:hover{filter:brightness(1.25)}.player__mark--stale{background:var(--accent);box-shadow:0 0 0 2px var(--accent-dim)}.player__time{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;font-variant-numeric:tabular-nums;font-size:.85rem;color:var(--text-dim)}.player__time b{color:var(--text);font-weight:500}.player__moments-note{margin-left:auto}.player__stale{color:var(--accent)}.player__transport{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.player__skip{background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);padding:6px 10px;cursor:pointer;font-variant-numeric:tabular-nums}.player__skip:hover:not(:disabled){color:var(--text);border-color:var(--text-dim)}.player__skip:disabled{opacity:.4;cursor:default}.player__play{background:var(--accent-dim);color:var(--accent);border:1px solid var(--accent);border-radius:var(--radius-sm);padding:8px 18px;font-size:1.05rem;cursor:pointer}.player__play:hover:not(:disabled){filter:brightness(1.1)}.player__play:disabled{opacity:.5;cursor:default}.player__end{margin-left:auto;display:flex;align-items:center;gap:8px;flex-wrap:wrap}.player__rates{display:flex;border:1px solid var(--border);border-radius:var(--radius-sm);overflow:hidden}.player__rates button{background:transparent;border:none;border-right:1px solid var(--border);color:var(--text-dim);padding:6px 8px;font-size:.75rem;cursor:pointer;font-variant-numeric:tabular-nums}.player__rates button:last-child{border-right:none}.player__rates button:hover{color:var(--text)}.player__rates button[aria-pressed=true]{color:var(--accent);background:var(--accent-dim)}.player__pitch-toggle{background:transparent;border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text-dim);padding:6px 10px;font-size:.75rem;cursor:pointer}.player__pitch-toggle[aria-pressed=true]{color:var(--accent);border-color:var(--accent)}.player__add-comment{flex:none}.player__error{display:flex;align-items:center;gap:10px;color:var(--error);font-size:.85rem}.draft-form{display:flex;flex-direction:column;gap:8px;padding:14px;border:1px solid var(--accent);border-radius:var(--radius);background:var(--accent-dim)}.draft-form__time{font-size:.85rem;color:var(--accent);font-weight:600}.draft-form textarea,.reply-form textarea{background:var(--bg-input);border:1px solid var(--border);border-radius:var(--radius-sm);color:var(--text);padding:10px;resize:vertical;font:inherit;width:100%}.draft-form textarea:focus,.reply-form textarea:focus{outline:none;border-color:var(--accent)}.draft-form__actions{display:flex;justify-content:flex-end;gap:8px}.comments{display:flex;flex-direction:column;gap:12px}.comments__title{margin:0;font-size:1.05rem;font-weight:600}.comment-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.comment-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-input);overflow:hidden;transition:box-shadow .3s ease,border-color .3s ease}.comment-card--flash{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-dim)}.comment-card__header{width:100%;display:flex;align-items:center;gap:10px;padding:10px 14px;background:transparent;border:none;color:var(--text);text-align:left;cursor:pointer}.comment-card__header:hover{background:#ffffff08}.comment-card__time{font-variant-numeric:tabular-nums;color:var(--accent);font-weight:600;white-space:nowrap}.comment-card__author{color:var(--text-dim);font-size:.85rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-card__count{margin-left:auto;color:var(--text-faint);font-size:.8rem;white-space:nowrap}.comment-card__jump,.comment-card__delete{color:var(--text-dim);font-size:.8rem;padding:4px 8px;border-radius:var(--radius-sm);cursor:pointer;white-space:nowrap}.comment-card__jump:hover{color:var(--text);background:#ffffff0f}.comment-card__delete:hover{color:var(--error);background:#e35d5d1f}.comment-thread{padding:4px 14px 14px;display:flex;flex-direction:column;gap:10px;border-top:1px solid var(--border)}.thread-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.thread-item{padding:8px 10px;border-radius:var(--radius-sm);background:var(--bg-raised)}.thread-item--nested{margin-left:22px}.thread-item__meta{display:flex;gap:8px;font-size:.78rem;color:var(--text-faint);margin-bottom:3px}.thread-item__meta b{color:var(--text-dim);font-weight:500}.thread-item__content{font-size:.9rem;white-space:pre-wrap;word-break:break-word}.reply-form{display:flex;flex-direction:column;gap:8px;align-items:flex-end}