*{margin:0;padding:0;box-sizing:border-box}:root{--bg: #0a0a0a;--bg-surface: #111111;--text: #c8c8c8;--text-dim: #555;--text-bright: #e8e8e8;--red: #ff2828;--red-dim: #661010;--red-glow: rgba(255, 40, 40, .15);--accent: #333;--border: #222;--font: "Space Mono", monospace}html,body{background:var(--bg);color:var(--text);font-family:var(--font);font-size:14px;line-height:1.5;min-height:100vh;-webkit-font-smoothing:antialiased}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at center,var(--red-glow) 0%,transparent 70%);opacity:0;animation:ambient-pulse 6s ease-in-out infinite;pointer-events:none;z-index:0}@keyframes ambient-pulse{0%,to{opacity:0}50%{opacity:1}}.container{position:relative;z-index:1;max-width:640px;margin:0 auto;padding:60px 24px;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.welcome-screen{text-align:center}.welcome-name{font-size:28px;font-weight:700;color:var(--text-bright);letter-spacing:.05em;margin-bottom:16px}.welcome-sub{color:var(--text-dim);font-size:13px;margin-bottom:40px}.identify-screen{text-align:center;display:flex;flex-direction:column;align-items:center;gap:24px}.identify-prompt{font-size:18px;font-weight:700;color:var(--red);letter-spacing:.15em;animation:flash-identify .5s step-end infinite}@keyframes flash-identify{0%{opacity:1}50%{opacity:0}}.identify-input{font-family:var(--font);font-size:18px;background:transparent;border:none;border-bottom:2px solid var(--accent);color:var(--text-bright);padding:8px 4px;text-align:center;width:280px;outline:none;transition:border-color .2s}.identify-input:focus{border-color:var(--red)}.identify-input::placeholder{color:var(--text-dim);font-size:14px}.progress-indicator{position:fixed;top:20px;right:24px;font-size:12px;color:var(--text-dim);letter-spacing:.1em}.chunk-text-container{text-align:center;margin-bottom:40px;max-width:500px}.chunk-text{font-size:22px;font-weight:700;color:var(--text-bright);line-height:1.4;letter-spacing:.02em}.btn-reference{background:none;border:1px solid var(--accent);color:var(--text-dim);font-family:var(--font);font-size:11px;padding:6px 16px;cursor:pointer;letter-spacing:.1em;margin-bottom:32px;transition:color .2s,border-color .2s}.btn-reference:hover{color:var(--text);border-color:var(--text-dim)}.btn-reference.playing{color:var(--red);border-color:var(--red-dim)}.recording-indicator{display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:32px}.waveform-canvas{width:100%;max-width:500px;height:80px}.recording-now{font-size:14px;font-weight:700;color:var(--red);letter-spacing:.2em;animation:flash-recording 285ms step-end infinite}@keyframes flash-recording{0%{opacity:1}50%{opacity:0}}.controls{display:flex;flex-direction:column;align-items:center;gap:20px;width:100%;max-width:400px}.review-controls{display:flex;gap:16px;width:100%;justify-content:center}.btn{font-family:var(--font);font-size:13px;letter-spacing:.15em;padding:12px 32px;border:none;cursor:pointer;transition:all .15s}.btn-primary{background:var(--text-bright);color:var(--bg)}.btn-primary:hover{background:#fff}.btn-secondary{background:var(--bg-surface);color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--text-dim)}.btn-record{background:var(--red);color:#fff;font-size:16px;padding:16px 48px;position:relative}.btn-record:hover{background:#f44}.btn-record:before{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border:1px solid var(--red-dim);animation:record-pulse 2s ease-in-out infinite}@keyframes record-pulse{0%,to{opacity:.3;top:-4px;right:-4px;bottom:-4px;left:-4px}50%{opacity:.8;top:-8px;right:-8px;bottom:-8px;left:-8px}}.btn-stop{background:var(--bg-surface);color:var(--red);border:2px solid var(--red);font-size:16px;padding:16px 48px}.btn-stop:hover{background:var(--red-dim)}.btn-small{font-family:var(--font);font-size:11px;letter-spacing:.1em;padding:6px 12px;background:var(--bg-surface);color:var(--text);border:1px solid var(--border);text-decoration:none;cursor:pointer}.btn-small:hover{border-color:var(--text-dim)}.btn-icon{background:none;border:1px solid var(--border);color:var(--text-dim);font-size:12px;padding:4px 8px;cursor:pointer;font-family:var(--font)}.btn-icon:hover{color:var(--text);border-color:var(--text-dim)}.btn-icon:disabled{opacity:.2;cursor:default}.btn-danger{color:var(--red);border-color:var(--red-dim)}.btn-danger:hover{color:#f44;border-color:var(--red)}.playback{width:100%;max-width:400px;height:40px;filter:invert(.85) hue-rotate(180deg)}.uploading-text{font-size:13px;color:var(--text-dim);letter-spacing:.2em;animation:uploading-blink 1s ease-in-out infinite}@keyframes uploading-blink{0%,to{opacity:.3}50%{opacity:1}}.complete-screen{text-align:center;display:flex;flex-direction:column;align-items:center;gap:32px}.complete-text{font-size:16px;font-weight:700;color:var(--text-bright);letter-spacing:.15em;line-height:1.6;animation:complete-fade 3s ease-in forwards;opacity:0;animation-delay:1.5s}@keyframes complete-fade{to{opacity:1}}.loading-pulse{width:8px;height:8px;background:var(--text-dim);border-radius:50%;animation:loading 1.5s ease-in-out infinite}@keyframes loading{0%,to{opacity:.2;transform:scale(1)}50%{opacity:1;transform:scale(1.5)}}.error-text{color:var(--red);font-size:13px;margin-top:12px}.admin-container{max-width:720px;justify-content:flex-start;padding-top:40px}.admin-title{font-size:20px;font-weight:700;color:var(--text-bright);letter-spacing:.15em;margin-bottom:24px}.admin-login{display:flex;flex-direction:column;align-items:center;gap:16px}.admin-input{font-family:var(--font);font-size:14px;background:var(--bg-surface);border:1px solid var(--border);color:var(--text);padding:10px 16px;width:100%;max-width:300px}.admin-input:focus{outline:none;border-color:var(--text-dim)}.admin-flash{font-size:12px;color:var(--text-dim);letter-spacing:.1em;margin-bottom:16px}.admin-section{width:100%;margin-bottom:40px;border-top:1px solid var(--border);padding-top:24px}.admin-section-title{font-size:14px;font-weight:700;color:var(--text);letter-spacing:.1em;margin-bottom:16px}.admin-row{display:flex;gap:12px;align-items:center}.admin-hint{font-size:12px;color:var(--text-dim);margin-top:8px}.admin-setting-row{display:flex;flex-direction:column;gap:8px;margin-bottom:16px}.admin-setting-label{font-size:12px;color:var(--text-dim);letter-spacing:.05em}.admin-toggle-group{display:flex;gap:0}.admin-toggle{font-family:var(--font);font-size:12px;letter-spacing:.05em;padding:8px 16px;border:1px solid var(--border);background:var(--bg);color:var(--text-dim);cursor:pointer;transition:all .15s}.admin-toggle:first-child{border-right:none}.admin-toggle.active{background:var(--bg-surface);color:var(--text-bright);border-color:var(--text-dim)}.admin-chunk{background:var(--bg-surface);border:1px solid var(--border);padding:16px;margin-bottom:12px}.admin-chunk-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.admin-chunk-number{font-size:12px;color:var(--text-dim)}.admin-chunk-actions{display:flex;gap:4px}.admin-textarea{font-family:var(--font);font-size:13px;background:var(--bg);border:1px solid var(--border);color:var(--text);padding:10px;width:100%;resize:vertical}.admin-textarea:focus{outline:none;border-color:var(--text-dim)}.admin-chunk-meta{display:flex;gap:12px;align-items:center;margin-top:8px}.admin-file-label{font-size:11px;color:var(--text-dim);cursor:pointer;border:1px solid var(--border);padding:4px 10px;letter-spacing:.05em}.admin-file-label:hover{border-color:var(--text-dim)}.admin-file-input{display:none}.admin-badge{font-size:11px;color:var(--text-dim);background:var(--bg);border:1px solid var(--border);padding:2px 8px}.admin-add-chunk{display:flex;flex-direction:column;gap:8px;margin-top:16px}.admin-recording{display:flex;justify-content:space-between;align-items:center;padding:12px;border:1px solid var(--border);margin-bottom:8px}.admin-recording-info{display:flex;flex-direction:column;gap:2px}.admin-recording-name{font-size:13px;color:var(--text);font-weight:700}.admin-recording-chunk,.admin-recording-date{font-size:11px;color:var(--text-dim)}.admin-recording-actions{display:flex;gap:6px;flex-shrink:0}@media(max-width:480px){.container{padding:40px 16px}.chunk-text{font-size:18px}.welcome-name{font-size:22px}.waveform-canvas{height:60px}}