:root{color-scheme:dark;--bg: #07111f;--bg-deep: #030814;--panel: rgba(12, 24, 43, .86);--panel-strong: rgba(15, 30, 52, .96);--line: rgba(126, 190, 255, .22);--text: #f6fbff;--muted: #9daabd;--blue: #1687ff;--cyan: #16d8ff;--green: #6ee84f;--purple: #8b55ff;--danger: #ff637d;--shadow-blue: 0 0 26px rgba(22, 135, 255, .42);--shadow-green: 0 0 26px rgba(110, 232, 79, .32);--radius: 8px;--space-1: .5rem;--space-2: .75rem;--space-3: 1rem;--space-4: 1.5rem;--space-5: 2rem;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh;background:radial-gradient(circle at 50% 0%,rgba(22,135,255,.18),transparent 34rem),linear-gradient(180deg,#0b1424 0%,var(--bg-deep) 100%);color:var(--text)}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.64}svg{width:1.35rem;height:1.35rem}.app-shell{min-height:100vh;display:grid;grid-template-columns:15rem 1fr}.app-shell main{width:min(72rem,100%);margin:0 auto;padding:var(--space-4);padding-bottom:6rem}.sidebar{position:sticky;top:0;height:100vh;padding:var(--space-4);border-right:1px solid var(--line);background:#040a16bd;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.brand{font-size:1.45rem;font-weight:900;margin-bottom:var(--space-5)}.brand span,.welcome-panel h1 span,.page-header span,.stream-page h2 span{color:var(--green)}.sidebar nav,.bottom-nav{display:grid;gap:var(--space-2)}.sidebar button,.bottom-nav button{display:flex;align-items:center;gap:var(--space-2);width:100%;border:1px solid transparent;border-radius:var(--radius);color:var(--muted);background:transparent;padding:.85rem}.sidebar button.active,.bottom-nav button.active{color:var(--text);border-color:#1687ff85;background:#1687ff1f;box-shadow:var(--shadow-blue)}.bottom-nav{display:none}.topbar{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;margin-bottom:var(--space-4)}.topbar strong{display:block;font-size:1.35rem}.topbar span{color:var(--muted)}.name-field{width:min(18rem,100%)}.name-field span{display:block;margin-bottom:.35rem;color:var(--muted);font-size:.82rem}.name-field input,.stream-controls select,.form-grid input,.form-grid select{width:100%;border:1px solid var(--line);border-radius:var(--radius);color:var(--text);background:var(--panel);padding:.85rem 1rem;outline:none}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin:var(--space-3) 0;text-align:left}.form-grid.one{grid-template-columns:1fr}.form-grid label span{display:block;margin-bottom:.35rem;color:var(--muted);font-size:.82rem}.dashboard-grid{display:grid;grid-template-columns:minmax(18rem,.9fr) minmax(22rem,1.35fr);gap:var(--space-4);align-items:start}.welcome-panel,.recent-panel,.action-panel,.work-page,.stream-page{border:1px solid var(--line);border-radius:var(--radius);background:linear-gradient(180deg,#0f1c32c7,#040a16e0);box-shadow:0 24px 80px #0000005c;padding:var(--space-4)}.welcome-panel{min-height:35rem;display:grid;place-items:center;text-align:center}.welcome-panel h1{margin:0;font-size:2.7rem}.welcome-panel p,.page-header p,.stream-page p{color:var(--muted);line-height:1.55}.action-panel{display:grid;gap:var(--space-3)}.recent-panel{grid-column:2}.section-title{display:flex;justify-content:space-between;gap:var(--space-3);align-items:center;margin-bottom:var(--space-3);color:var(--muted)}.section-title span:first-child{color:var(--text);font-weight:800}.action-list{display:grid;gap:var(--space-3)}.neon-card{border:1px solid rgba(22,135,255,.56);border-radius:var(--radius);background:#071222c7;box-shadow:inset 0 0 24px #1687ff14}.card-green{border-color:#6ee84f94;box-shadow:inset 0 0 24px #6ee84f14}.card-purple{border-color:#8b55ff9e;box-shadow:inset 0 0 24px #8b55ff14}.action-card{display:grid;grid-template-columns:4.5rem 1fr 1.5rem;gap:var(--space-3);align-items:center;width:100%;border:0;color:var(--text);background:transparent;padding:var(--space-3);text-align:left}.action-card strong,.recent-item strong{display:block;margin-bottom:.35rem}.action-card small,.recent-item small{color:var(--muted);line-height:1.45}.icon-badge{width:4rem;height:4rem;border-radius:var(--radius);display:grid;place-items:center;color:var(--text);background:linear-gradient(135deg,var(--blue),var(--cyan));box-shadow:var(--shadow-blue)}.icon-badge.green{background:linear-gradient(135deg,#37c936,var(--green));box-shadow:var(--shadow-green)}.icon-badge.purple{background:linear-gradient(135deg,#6b35ff,var(--purple));box-shadow:0 0 26px #8b55ff57}.recent-item{display:grid;grid-template-columns:4rem 1fr auto;gap:var(--space-3);align-items:center;border-radius:var(--radius);background:#0d192cd1;padding:var(--space-3)}.success-dot{color:var(--green)}.hero-mark{position:relative;width:13rem;height:13rem;display:grid;place-items:center;margin:0 auto var(--space-4);color:var(--cyan)}.hero-mark svg{width:5.5rem;height:5.5rem;z-index:2;filter:drop-shadow(0 0 18px currentColor)}.hero-green{color:var(--green)}.ring{position:absolute;border-radius:999px;border:1px solid currentColor;opacity:.46}.ring-outer{inset:0}.ring-middle{inset:1.6rem;box-shadow:0 0 38px currentColor}.ring-inner{inset:3rem;opacity:.22}.work-page,.stream-page{max-width:35rem;margin:0 auto}.page-header{text-align:center;margin-bottom:var(--space-4)}.page-header h1{margin:0 0 var(--space-2);font-size:1.6rem}.file-uploader{display:grid;place-items:center;gap:var(--space-2);min-height:9rem;border:1px dashed rgba(157,170,189,.62);border-radius:var(--radius);color:var(--text);background:#0b1628a3;padding:var(--space-4);text-align:center;transition:border-color .16s ease,transform .16s ease}.file-uploader input{display:none}.file-uploader svg{width:2.7rem;height:2.7rem;color:var(--muted)}.file-uploader span{color:var(--muted);font-size:.85rem}.file-uploader.is-dragging{border-color:var(--cyan);transform:translateY(-2px)}.audio-player{display:grid;grid-template-columns:3rem 1fr auto;gap:var(--space-2);align-items:center;margin:var(--space-3) 0;border-radius:var(--radius);background:#0d192cd1;padding:var(--space-2)}.audio-player audio{grid-column:1 / -1;width:100%}.play-dot{width:2.5rem;height:2.5rem;border:1px solid var(--cyan);border-radius:999px;display:grid;place-items:center;color:var(--cyan)}.waveform,.stream-wave{height:3rem;display:flex;gap:.18rem;align-items:center}.waveform span,.stream-wave span{width:.18rem;height:var(--level);min-height:.35rem;border-radius:999px;background:var(--cyan);box-shadow:0 0 10px currentColor}.stream-wave span{background:var(--green)}.audio-meta{display:grid;justify-items:end;color:var(--muted);font-size:.82rem}.glow-button{width:100%;border:0;border-radius:999px;color:var(--text);background:linear-gradient(135deg,var(--blue),var(--green));box-shadow:var(--shadow-blue),var(--shadow-green);padding:1rem 1.25rem;font-weight:800}.glow-green{background:linear-gradient(135deg,#1bbf74,var(--green))}.status-line{color:var(--green);text-align:center}.status-line.error{color:var(--danger)}.stream-page{text-align:center}.stream-page h2{font-size:1.65rem;margin:0 0 var(--space-2)}.listening-bar{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:var(--space-2);border-radius:var(--radius);background:var(--panel-strong);padding:var(--space-3);margin:var(--space-4) 0;text-align:left}.live-dot{width:.65rem;height:.65rem;border-radius:999px;background:var(--muted)}.live-dot.active{background:var(--green);box-shadow:0 0 12px var(--green)}.stream-controls{display:grid;grid-template-columns:1fr 5.25rem 1fr;gap:var(--space-3);align-items:center;margin:var(--space-4) 0}.round-control{height:5.25rem;border-radius:999px;padding:0}.save-button{border:0;border-radius:var(--radius);color:var(--text);background:var(--panel-strong);padding:1rem;font-weight:800}.secondary-action{width:100%;margin-top:var(--space-2);border:1px solid rgba(110,232,79,.44);border-radius:999px;color:var(--text);background:#6ee84f1a;padding:.95rem 1.25rem;font-weight:800}.transcript-card{border-radius:var(--radius);background:var(--panel-strong);padding:var(--space-3);text-align:left}.transcript-card p{min-height:5rem;margin:0;color:var(--text)}.edit-mark{color:var(--cyan)}.audio-player.premium{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:.85rem;background:linear-gradient(180deg,#0c142499,#060a148c);border:1px solid rgba(22,135,255,.06);border-radius:999px}.player-left{display:flex;gap:var(--space-2);align-items:center;min-width:0}.player-play{width:3.4rem;height:3.4rem;display:grid;place-items:center;border-radius:999px;background:linear-gradient(135deg,#1687ff0f,#1687ff05);color:var(--cyan);border:1px solid rgba(22,135,255,.16);transition:transform .16s ease,box-shadow .16s ease}.player-play:hover{transform:translateY(-2px);box-shadow:0 8px 30px #1687ff24}.player-play.playing{background:linear-gradient(135deg,var(--cyan),var(--blue));color:#021022;box-shadow:var(--shadow-blue)}.waveform-anim{display:flex;gap:.22rem;align-items:end;height:2.2rem;padding-left:.4rem;padding-right:.4rem}.waveform-anim span{width:.14rem;height:12px;background:linear-gradient(180deg,var(--cyan),rgba(22,135,255,.22));border-radius:6px;box-shadow:0 0 6px #1687ff1f;transform-origin:bottom;animation:bar 1s infinite ease-in-out;animation-delay:calc(var(--i) * -.03s)}@keyframes bar{0%{transform:scaleY(.35);opacity:.6}50%{transform:scaleY(1.05);opacity:1}to{transform:scaleY(.45);opacity:.7}}.player-left .meta{overflow:hidden}.player-left .meta strong{display:block;font-weight:800;white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.player-left .meta small{color:var(--muted);font-size:.85rem}.player-right{flex:1 1 52%;display:flex;flex-direction:column;gap:.5rem}.progress{width:100%;appearance:none;height:8px;background:linear-gradient(90deg,#1687ff38,#6ee84f0f);border-radius:999px;outline:none}.progress::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:999px;background:var(--cyan);box-shadow:0 6px 26px #1687ff33}.controls-row{display:flex;justify-content:flex-end;gap:.5rem;align-items:center}.vol input[type=range]{width:6.5rem}.action-row{display:flex;gap:.75rem;align-items:center;margin-top:var(--space-3)}.download-btn{display:inline-flex;gap:.6rem;align-items:center;padding:.65rem .9rem;border-radius:999px;border:1px solid rgba(255,255,255,.04);background:linear-gradient(135deg,#ffffff05,#ffffff03);color:var(--text);font-weight:700;transition:transform .16s ease,box-shadow .16s ease}.download-btn .icon svg{width:1.05rem;height:1.05rem}.download-btn:hover{transform:translateY(-3px);box-shadow:0 18px 50px #1687ff0f}.download-btn:disabled{opacity:.5;transform:none}.download-blue{box-shadow:var(--shadow-blue)}.download-green{box-shadow:var(--shadow-green)}.transcript-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3);margin-top:var(--space-4)}.transcript-card.modern{background:linear-gradient(180deg,#ffffff05,#ffffff03);border:1px solid rgba(255,255,255,.04);padding:var(--space-3);border-radius:12px;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 10px 30px #02061799;transition:transform .2s ease,box-shadow .2s ease}.transcript-card.modern:hover{transform:translateY(-6px);box-shadow:0 20px 60px #020617bf}.transcript-card .card-head{display:flex;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.6rem}.transcript-card .card-head small.lang-tag{margin-left:.5rem;color:var(--muted);font-weight:600}.transcript-card .card-actions .copy-btn{background:transparent;border:0;color:var(--cyan);font-weight:700;padding:.35rem .6rem;border-radius:8px}.transcript-card .card-body{max-height:11rem;overflow:auto;border-radius:8px;background:#0308125c;padding:.75rem}.transcript-card pre{margin:0;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Roboto Mono,monospace;font-size:.9rem;color:var(--text)}.status-alert{display:flex;gap:.8rem;align-items:center;padding:.6rem .8rem;border-radius:999px;margin-top:var(--space-3)}.status-alert.loading{background:linear-gradient(90deg,#1687ff0f,#6ee84f0a)}.status-alert.success{background:linear-gradient(90deg,#6ee84f0f,#1687ff05);color:var(--green)}.status-alert.error{background:linear-gradient(90deg,#ff637d0f,#1687ff05);color:var(--danger)}.status-alert .spinner{width:1.2rem;height:1.2rem;border-radius:999px;border:2px solid rgba(255,255,255,.06);border-top-color:var(--cyan);animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:900px){.dashboard-grid,.transcript-grid{grid-template-columns:1fr}.audio-player.premium{flex-direction:column;align-items:stretch;gap:var(--space-2)}.player-right{width:100%}.action-row{flex-direction:column}}@media(max-width:900px){.app-shell{display:block}.app-shell main{padding:var(--space-3);padding-bottom:6rem}.sidebar{display:none}.bottom-nav{position:fixed;left:var(--space-3);right:var(--space-3);bottom:var(--space-3);z-index:10;display:grid;grid-template-columns:repeat(4,1fr);gap:.25rem;border:1px solid var(--line);border-radius:var(--radius);background:#040a16e6;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);padding:.35rem}.bottom-nav button{display:grid;place-items:center;gap:.2rem;padding:.55rem .2rem;font-size:.72rem}.topbar{display:grid}.name-field{width:100%}.dashboard-grid{grid-template-columns:1fr}.recent-panel{grid-column:auto}.welcome-panel{min-height:25rem}}@media(max-width:520px){.hero-mark{width:11rem;height:11rem}.action-card{grid-template-columns:3.7rem 1fr 1.2rem}.icon-badge{width:3.3rem;height:3.3rem}.stream-controls,.form-grid{grid-template-columns:1fr}.round-control{height:3.4rem}}