:root{--bg-primary: #030712;--bg-card: rgba(15, 23, 42, .7);--bg-card-hover: rgba(30, 41, 59, .8);--border-glass: rgba(255, 255, 255, .12);--border-focus: #38bdf8;--text-primary: #f8fafc;--text-secondary: #94a3b8;--accent-cyan: #38bdf8;--accent-gold: #fbbf24;--accent-emerald: #10b981;--accent-purple: #a855f7;--radius-lg: 1rem;--radius-md: .75rem;--radius-sm: .5rem}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:var(--bg-primary);background-image:radial-gradient(circle at 15% 15%,rgba(56,189,248,.08) 0%,transparent 40%),radial-gradient(circle at 85% 85%,rgba(168,85,247,.08) 0%,transparent 40%),linear-gradient(to bottom,#020410,#030712);background-attachment:fixed;color:var(--text-primary);min-height:100vh;line-height:1.5}.container{max-width:1200px;margin:0 auto;padding:2rem 1.5rem}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:2rem;border-bottom:1px solid var(--border-glass);margin-bottom:2rem;flex-wrap:wrap;gap:1rem}.logo-area{display:flex;align-items:center;gap:1rem}.logo-icon{font-size:2.2rem;background:#38bdf826;border:1px solid rgba(56,189,248,.3);border-radius:var(--radius-md);padding:.5rem .75rem;display:flex;align-items:center;justify-content:center;box-shadow:0 0 20px #38bdf833}h1{font-size:2rem;font-weight:800;letter-spacing:.05em;background:linear-gradient(135deg,#ffffff 0%,var(--accent-cyan) 50%,var(--accent-gold) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.subtitle{font-size:.875rem;color:var(--text-secondary)}.badges-area{display:flex;gap:.75rem;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:.5rem;padding:.4rem .85rem;border-radius:9999px;font-size:.75rem;font-weight:600;letter-spacing:.05em;backdrop-filter:blur(12px);border:1px solid var(--border-glass)}.badge-mode{background:#10b98126;border-color:#10b9814d;color:#34d399}.badge-mode-b{background:#0ea5e92e;border-color:#0ea5e973;color:#38bdf8}.badge-hw{background:#38bdf826;border-color:#38bdf84d;color:#38bdf8}.glass-card{background:var(--bg-card);backdrop-filter:blur(16px);border:1px solid var(--border-glass);border-radius:var(--radius-lg);padding:1.5rem;box-shadow:0 10px 30px #00000080;margin-bottom:1.5rem;transition:border-color .2s ease,box-shadow .2s ease}.glass-card:hover{border-color:#fff3}.config-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1.25rem;margin-bottom:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}label{font-size:.8rem;font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em}select,input[type=text]{background:#0f172ae6;border:1px solid var(--border-glass);color:var(--text-primary);padding:.65rem 1rem;border-radius:var(--radius-md);font-size:.9rem;outline:none;transition:all .2s}select:focus,input[type=text]:focus{border-color:var(--border-focus);box-shadow:0 0 10px #38bdf84d}.dropzone{border:2px dashed rgba(56,189,248,.4);background:#38bdf808;border-radius:var(--radius-lg);padding:3rem 2rem;text-align:center;cursor:pointer;transition:all .25s ease;position:relative}.dropzone:hover,.dropzone.dragover{border-color:var(--accent-cyan);background:#38bdf814;box-shadow:0 0 30px #38bdf826;transform:translateY(-2px)}.dropzone-icon{font-size:3rem;margin-bottom:1rem;filter:drop-shadow(0 0 15px rgba(56,189,248,.4))}.dropzone-text{font-size:1.15rem;font-weight:700;margin-bottom:.5rem}.dropzone-hint{font-size:.85rem;color:var(--text-secondary);margin-bottom:1.25rem}.btn-row{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.65rem 1.35rem;border-radius:9999px;font-size:.875rem;font-weight:700;cursor:pointer;transition:all .2s ease;border:1px solid transparent;outline:none}.btn-primary{background:linear-gradient(135deg,#0284c7,#0369a1);color:#fff;border-color:#38bdf866;box-shadow:0 4px 15px #0284c74d}.btn-primary:hover{background:linear-gradient(135deg,#38bdf8,#0284c7);box-shadow:0 6px 20px #38bdf866;transform:translateY(-1px)}.btn-secondary{background:#ffffff14;color:var(--text-primary);border-color:var(--border-glass)}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.btn-action{background:#0f172acc;border:1px solid var(--border-glass);color:var(--text-primary);font-size:.8rem;padding:.45rem .9rem;border-radius:var(--radius-sm)}.btn-action:hover{border-color:var(--accent-cyan);background:#38bdf81a;color:var(--accent-cyan)}.progress-container{display:none;margin-top:1.5rem;padding:1.25rem;background:#0006;border-radius:var(--radius-md);border:1px solid var(--border-glass)}.progress-header{display:flex;justify-content:space-between;font-size:.875rem;margin-bottom:.75rem}.progress-bar-outer{width:100%;height:8px;background:#ffffff1a;border-radius:9999px;overflow:hidden;position:relative}.progress-bar-inner{height:100%;width:0%;background:linear-gradient(90deg,var(--accent-cyan),var(--accent-gold));border-radius:9999px;transition:width .2s ease;box-shadow:0 0 10px #38bdf880}.player-card{display:flex;flex-direction:column;gap:1rem}audio{width:100%;border-radius:var(--radius-md);outline:none}.segments-header{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:1rem;margin-bottom:1rem}.search-input{width:250px}.segments-list{display:flex;flex-direction:column;gap:.75rem;max-height:480px;overflow-y:auto;padding-right:.5rem}.segments-list::-webkit-scrollbar{width:6px}.segments-list::-webkit-scrollbar-track{background:#0003}.segments-list::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.segment-item{display:flex;gap:1rem;padding:.85rem 1rem;background:#ffffff08;border:1px solid var(--border-glass);border-radius:var(--radius-md);transition:all .15s ease}.segment-item:hover,.segment-item.active{background:#38bdf814;border-color:#38bdf84d}.timestamp-pill{padding:.25rem .6rem;background:#38bdf826;color:var(--accent-cyan);font-family:monospace;font-size:.75rem;font-weight:700;border-radius:9999px;align-self:flex-start;cursor:pointer;white-space:nowrap;user-select:none;transition:background .15s}.timestamp-pill:hover{background:#38bdf84d}.segment-text-container{flex:1;display:flex;flex-direction:column;gap:.35rem}.segment-editor{width:100%;background:transparent;border:1px solid transparent;color:var(--text-primary);font-size:.95rem;resize:vertical;padding:.25rem;border-radius:4px}.segment-editor:focus{border-color:var(--border-focus);background:#0000004d;outline:none}.original-hint{font-size:.75rem;color:var(--text-secondary);font-style:italic}.stats-bar{display:flex;justify-content:space-around;flex-wrap:wrap;gap:1rem;padding:1rem;background:#0000004d;border-radius:var(--radius-md);margin-top:1.5rem;border:1px solid var(--border-glass)}.stat-item{text-align:center}.stat-label{font-size:.75rem;color:var(--text-secondary);text-transform:uppercase}.stat-value{font-size:1.15rem;font-weight:700;color:var(--accent-gold)}.export-toolbar{display:flex;gap:.75rem;flex-wrap:wrap;align-items:center;justify-content:flex-end;margin-top:1.5rem;padding-top:1.5rem;border-top:1px solid var(--border-glass)}.hidden{display:none!important}