:root{color-scheme:dark;--font-sans: "DM Sans", ui-sans-serif, system-ui, sans-serif;--font-display: "Syne", var(--font-sans);--font-mono: "DM Mono", ui-monospace, monospace;--bg-base: #06080d;--bg-elevated: rgba(9, 13, 22, .94);--bg-panel: rgba(13, 18, 30, .78);--bg-panel-strong: rgba(17, 23, 37, .92);--bg-soft: rgba(255, 255, 255, .04);--bg-soft-strong: rgba(255, 255, 255, .07);--border: rgba(255, 255, 255, .09);--border-strong: rgba(255, 255, 255, .16);--border-focus: rgba(251, 191, 36, .5);--text: #edf2fb;--text-muted: #a5b0c5;--text-dim: #748199;--text-faint: #556178;--amber: #f6b93b;--amber-strong: #ffd166;--amber-soft: rgba(246, 185, 59, .16);--amber-glow: rgba(246, 185, 59, .18);--ice: #8cc7ff;--ice-soft: rgba(140, 199, 255, .16);--violet: #af95ff;--violet-soft: rgba(175, 149, 255, .16);--green: #40d39f;--green-soft: rgba(64, 211, 159, .16);--red: #f47f7f;--red-soft: rgba(244, 127, 127, .14);--orange: #ff9d4d;--radius-2xl: 32px;--radius-xl: 24px;--radius-lg: 18px;--radius-md: 14px;--radius-sm: 10px;--radius-pill: 999px;--shadow-lg: 0 28px 80px rgba(0, 0, 0, .42);--shadow-md: 0 14px 32px rgba(0, 0, 0, .28);--shadow-sm: 0 8px 18px rgba(0, 0, 0, .2)}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-width:320px;min-height:100%}html,body{margin:0}body{font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at top left,rgba(246,185,59,.09),transparent 32%),radial-gradient(circle at 85% 20%,rgba(140,199,255,.08),transparent 28%),radial-gradient(circle at 50% 100%,rgba(175,149,255,.06),transparent 32%),linear-gradient(180deg,#070a10,#05070c);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body:before,body:after{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none}body:before{background-image:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.018) 1px,transparent 1px);background-size:38px 38px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.62),transparent 92%);mask-image:linear-gradient(180deg,rgba(0,0,0,.62),transparent 92%)}body:after{background:linear-gradient(180deg,#070a1000,#070a10a8)}a{color:inherit}button,select,textarea,input{font:inherit;color:inherit}button{-webkit-tap-highlight-color:transparent}::selection{background:#f6b93b47;color:#fff7e6}.shell,.v2-shell{position:relative;z-index:1;width:min(1120px,calc(100vw - 32px));margin:0 auto;padding:28px 0 80px}.shell{display:grid;gap:18px}.v2-shell{display:flex;flex-direction:column;gap:18px}.panel,.v2-header,.v2-editor-section,.v2-recorder{position:relative;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius-2xl);background:linear-gradient(180deg,#ffffff08,#ffffff03),var(--bg-panel);backdrop-filter:blur(24px) saturate(150%);-webkit-backdrop-filter:blur(24px) saturate(150%);box-shadow:var(--shadow-lg)}.panel:before,.v2-header:before,.v2-editor-section:before,.v2-recorder:before{content:"";position:absolute;inset:0 0 auto;height:1px;background:linear-gradient(90deg,transparent,rgba(255,255,255,.18),transparent)}.panel:after,.v2-header:after,.v2-editor-section:after,.v2-recorder:after{content:"";position:absolute;inset:auto -10% -45% 50%;width:48%;height:200px;background:radial-gradient(circle,rgba(246,185,59,.09),transparent 70%);transform:translate(-50%);pointer-events:none}.panel{padding:28px}.app-topbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:0 6px}.app-switch{display:inline-flex;align-items:center;gap:8px;padding:7px;border:1px solid var(--border);border-radius:var(--radius-pill);background:#080c14b8;box-shadow:var(--shadow-sm)}.app-switch__link{text-decoration:none;color:var(--text-dim);padding:.62rem 1rem;border-radius:var(--radius-pill);font-size:.8rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;transition:color .18s ease,background .18s ease,transform .18s ease}.app-switch__link:hover{color:var(--text)}.app-switch__link--active{color:#10151e;background:linear-gradient(135deg,var(--amber-strong),var(--amber))}.app-switch__hint{margin:0;color:var(--text-dim);font-size:.78rem}.hero{padding:34px;background:radial-gradient(circle at right center,rgba(246,185,59,.12),transparent 32%),radial-gradient(circle at 18% 10%,rgba(140,199,255,.09),transparent 22%),linear-gradient(180deg,#0e131ff0,#0b101bd1)}.hero-inner{display:grid;grid-template-columns:auto minmax(0,1fr);gap:22px;align-items:start}.hero-icon{position:relative;width:72px;height:72px;border-radius:22px;display:grid;place-items:center;background:linear-gradient(145deg,#f6b93b2e,#8cc7ff14);border:1px solid rgba(255,255,255,.08);box-shadow:inset 0 1px #ffffff14,0 12px 28px #00000040}.eyebrow,.recorder-panel__eyebrow{margin:0;font-family:var(--font-mono);color:var(--amber);text-transform:uppercase;letter-spacing:.14em;font-size:.72rem}.hero h1,.v2-title{margin:10px 0 0;font-family:var(--font-display);font-weight:800;letter-spacing:-.04em;line-height:.98;background:linear-gradient(135deg,#ffffff 0%,#fff6da 25%,var(--amber) 60%,var(--ice) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero h1{font-size:clamp(2.1rem,6vw,4.25rem);max-width:8ch}.subtitle{margin:14px 0 0;max-width:640px;color:var(--text-muted);font-size:.98rem;line-height:1.75}.hero-meta{display:flex;flex-wrap:wrap;gap:10px;margin-top:22px}.hero-chip{display:inline-flex;align-items:center;gap:8px;padding:.58rem .92rem;border-radius:var(--radius-pill);border:1px solid var(--border);background:#ffffff0a;color:var(--text-muted);font-size:.8rem}.hero-chip strong{color:var(--text);font-weight:700}.recorder-panel{display:grid;justify-items:center;gap:22px;padding-top:30px;padding-bottom:30px}.recorder-panel--placeholder{justify-items:stretch}.recorder-panel--floating{min-height:100vh;border:none;border-radius:0;box-shadow:none;padding:28px 22px 32px;background:radial-gradient(circle at top,rgba(246,185,59,.14),transparent 34%),radial-gradient(circle at 80% 16%,rgba(140,199,255,.08),transparent 24%),linear-gradient(180deg,#080b12fa,#05080efa)}.recorder-panel__header,.output-header,.usage-header{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.recorder-panel__title,.output-header h2,.usage-header h2,.history h2{margin:4px 0 0;font-family:var(--font-display);font-size:1.22rem;font-weight:700;letter-spacing:-.03em}.floating-note,.floating-tip,.floating-status__text,.usage-placeholder,.usage-note,.phase-label,.v2-phase-label,.v2-last-instruction,.v2-footer-link a{color:var(--text-dim)}.floating-note,.floating-tip,.phase-label,.v2-phase-label{margin:0;text-align:center;line-height:1.65}.floating-status{display:grid;gap:10px}.lang-row{align-self:stretch}.field{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:center}.field-label{white-space:nowrap;color:var(--text-muted);font-size:.83rem;font-weight:600}.field select,.v2-lang-select select{width:100%;border:1px solid var(--border);border-radius:var(--radius-sm);background:#070b13e0;color:var(--text);padding:.78rem .95rem;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.field select:focus,.v2-lang-select select:focus,textarea:focus,.v2-editor:focus{border-color:var(--border-focus);box-shadow:0 0 0 3px #f6b93b17}.waveform-area{position:relative;width:min(290px,72vw);aspect-ratio:1;display:grid;place-items:center}.waveform-area:before,.waveform-area:after{content:"";position:absolute;border-radius:50%}.waveform-area:before{top:12%;right:12%;bottom:12%;left:12%;border:1px solid rgba(255,255,255,.06);background:radial-gradient(circle,#f6b93b14,#070b1200 65%)}.waveform-area:after{top:0;right:0;bottom:0;left:0;border:1px dashed rgba(255,255,255,.06);opacity:.8}.waveform-canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:0;border-radius:50%;transition:opacity .28s ease}.waveform-canvas--active{opacity:1}.waveform-btn-wrap{position:relative;z-index:1}.record-timer{position:absolute;bottom:14px;left:50%;transform:translate(-50%);z-index:2;padding:.42rem .84rem;border-radius:var(--radius-pill);border:1px solid rgba(246,185,59,.22);background:#080c14d1;color:var(--amber-strong);font-family:var(--font-mono);font-size:.8rem;letter-spacing:.08em}.btn-record{width:92px;height:92px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;outline:none;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,filter .2s ease}.btn-record:hover{transform:translateY(-2px) scale(1.02)}.btn-record:focus-visible,.rb-btn:focus-visible,.btn-copy:focus-visible,.btn-ghost:focus-visible,.btn-sm:focus-visible,.v2-btn-undo:focus-visible,.v2-btn-clear:focus-visible,.v2-btn-copy:focus-visible,.app-switch__link:focus-visible{outline:none;box-shadow:0 0 0 3px #f6b93b2e}.btn-record--idle{color:#10151e;background:linear-gradient(145deg,#ffe29a,var(--amber));box-shadow:0 0 0 10px #f6b93b12,0 18px 40px #f6b93b47;animation:pulse-idle 2.6s ease-in-out infinite}.btn-record--stop{color:#fff;background:linear-gradient(145deg,#ff9b9b,#f35d5d);box-shadow:0 0 0 10px #f47f7f14,0 18px 40px #f47f7f40;animation:pulse-rec 1.5s ease-in-out infinite}.btn-record--uploading{cursor:default;color:var(--amber);background:linear-gradient(180deg,#121928fa,#0a0e18fa);border:1px solid rgba(246,185,59,.24);box-shadow:0 16px 32px #0000004d}@keyframes pulse-idle{0%,to{box-shadow:0 0 0 10px #f6b93b12,0 18px 40px #f6b93b47}50%{box-shadow:0 0 0 20px #f6b93b00,0 18px 40px #f6b93b47}}@keyframes pulse-rec{0%,to{box-shadow:0 0 0 10px #f47f7f14,0 18px 40px #f47f7f38}50%{box-shadow:0 0 0 22px #f47f7f00,0 18px 40px #f47f7f38}}.spin{animation:spin .9s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.secondary-actions,.history-item__actions,.v2-processing-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.secondary-actions{justify-content:center}.btn-ghost,.v2-btn-undo,.v2-btn-clear{border:1px solid var(--border);border-radius:var(--radius-pill);background:#ffffff05;color:var(--text-muted);cursor:pointer;transition:transform .18s ease,color .18s ease,border-color .18s ease,background .18s ease}.btn-ghost,.v2-btn-undo,.v2-btn-clear,.v2-btn-copy,.btn-copy,.btn-sm{padding:.7rem 1.08rem;font-size:.8rem;font-weight:700;letter-spacing:.02em}.btn-ghost:hover,.v2-btn-undo:hover:not(:disabled),.v2-btn-clear:hover:not(:disabled){transform:translateY(-1px);border-color:#f6b93b47;color:var(--amber-strong);background:#f6b93b14}.btn-ghost--sm{padding:.5rem .82rem;font-size:.74rem}.btn-ghost input[type=file]{display:none}.btn-copy,.v2-btn-copy,.btn-sm{border:none;border-radius:var(--radius-pill);background:linear-gradient(135deg,var(--amber-strong),var(--amber));color:#10151e;cursor:pointer;transition:transform .18s ease,opacity .18s ease,box-shadow .18s ease;box-shadow:0 10px 24px #f6b93b38}.btn-copy:hover:not(:disabled),.v2-btn-copy:hover:not(:disabled),.btn-sm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 30px #f6b93b4d}.btn-copy:disabled,.v2-btn-copy:disabled,.btn-sm:disabled,.btn-ghost:disabled,.v2-btn-undo:disabled,.v2-btn-clear:disabled,.rb-btn:disabled{opacity:.34;cursor:not-allowed;transform:none;box-shadow:none}.btn-sm--danger{color:#ffd7d7;background:linear-gradient(135deg,#f47f7f47,#d0474742);border:1px solid rgba(244,127,127,.24);box-shadow:none}.btn-sm--danger:hover:not(:disabled){box-shadow:none;background:linear-gradient(135deg,#f47f7f57,#d047474d)}.pip-body{margin:0;min-width:320px;min-height:100vh;font-family:var(--font-sans);color:var(--text);background:radial-gradient(circle at top,rgba(246,185,59,.11),transparent 34%),linear-gradient(180deg,#060910,#05070d)}.pip-root{min-height:100vh}.error-box{width:100%;margin:0;padding:.95rem 1rem;border-radius:var(--radius-md);border:1px solid rgba(244,127,127,.24);background:#731c1c47;color:#ffb0b0;text-align:center;line-height:1.6}.output,.usage-panel{display:grid;gap:18px}textarea,.v2-editor{width:100%;border:1px solid var(--border);border-radius:calc(var(--radius-lg) - 2px);background:linear-gradient(180deg,#ffffff06,#ffffff03),#070b13eb;color:var(--text);padding:18px 20px;outline:none;resize:vertical;line-height:1.76;font-size:.95rem}textarea{min-height:260px}.v2-editor{min-height:360px}textarea::placeholder,.v2-editor::placeholder,.pip-output__placeholder{color:var(--text-faint)}.usage-note{margin:0;font-family:var(--font-mono);font-size:.74rem;line-height:1.7}.usage-body{display:grid;gap:16px}.usage-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.usage-stat{position:relative;display:grid;gap:8px;padding:16px;border:1px solid var(--border);border-radius:var(--radius-lg);background:#ffffff08}.usage-stat__val{font-family:var(--font-mono);font-size:clamp(1.2rem,2.4vw,1.55rem);color:var(--text);letter-spacing:-.03em}.usage-stat__val--warn{color:var(--orange)}.usage-stat__label{color:var(--text-dim);font-size:.72rem;text-transform:uppercase;letter-spacing:.06em}.usage-bar-wrap{overflow:hidden;height:8px;border-radius:var(--radius-pill);background:#ffffff0f}.usage-bar{height:100%;min-width:8px;border-radius:var(--radius-pill);background:linear-gradient(90deg,#ffcf62 0%,var(--amber) 60%,#ef9f1c 100%);transition:width .45s ease}.usage-bar--over{background:linear-gradient(90deg,#ffb36b,#ff7b7b)}.usage-bar-label{margin:0;font-family:var(--font-mono);font-size:.74rem;color:var(--text-muted)}.history h2{display:flex;align-items:center;gap:10px;margin-bottom:18px}.badge{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:var(--radius-pill);background:#f6b93b26;color:var(--amber);font-family:var(--font-mono);font-size:.75rem;font-weight:700}.history-list{list-style:none;margin:0;padding:0;display:grid;gap:12px}.history-item{display:grid;gap:12px;padding:16px;border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffff08;transition:transform .18s ease,border-color .18s ease,background .18s ease}.history-item:hover{transform:translateY(-1px);border-color:var(--border-strong)}.history-item--failed{border-color:#f47f7f3d;background:#6e1b1b24}.history-item--transcribing{border-color:#8cc7ff3d}.history-item__meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.history-status,.history-time,.history-lang{display:inline-flex;align-items:center;min-height:28px;padding:.26rem .72rem;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.72rem}.history-status{font-weight:700}.history-status--pending{color:#b0bbcf;background:#b0bbcf1f}.history-status--transcribing{color:var(--ice);background:var(--ice-soft)}.history-status--done{color:var(--green);background:var(--green-soft)}.history-status--failed{color:var(--red);background:var(--red-soft)}.history-time,.history-lang{color:var(--text-dim);background:#ffffff0a;border:1px solid var(--border)}.history-error,.history-transcript{margin:0;line-height:1.65}.history-error{color:#ffb0b0}.history-transcript{color:#edf2fbc7;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:3;overflow:hidden}.pip-output{width:100%;display:grid;gap:10px;padding:16px;border-radius:var(--radius-lg);border:1px solid var(--border);background:#ffffff08}.pip-output__header{display:flex;align-items:center;justify-content:space-between;gap:10px}.pip-output__label{color:var(--text-dim);font-family:var(--font-mono);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.pip-output__text{max-height:180px;overflow-y:auto;white-space:pre-wrap;word-break:break-word;line-height:1.7}.v2-header{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;padding:24px 28px}.v2-header__left{display:grid;gap:6px}.v2-title{font-size:clamp(1.9rem,5vw,3rem)}.v2-header__right{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.v2-editor-section{padding:24px 28px;gap:12px}.v2-last-instruction{margin:0;padding:0 2px;line-height:1.7;font-size:.82rem}.v2-last-instruction__label{margin-right:6px;font-weight:700;color:var(--amber)}.v2-last-instruction__label--command,.v2-mode-hint--command,.rb--command .rb-label{color:var(--violet)}.v2-recorder{display:grid;justify-items:center;gap:18px;padding:30px 28px}.v2-btn-pair{display:flex;align-items:center;gap:42px}.v2-btn-pair-divider{color:var(--text-faint);font-size:1.4rem;margin-bottom:20px}.rb-wrap{position:relative;display:grid;justify-items:center;gap:10px}.rb-wrap:before{content:"";position:absolute;top:12px;right:12px;bottom:12px;left:12px;border-radius:50%;background:#ffffff08;filter:blur(16px)}.rb-btn{position:relative;z-index:1;width:72px;height:72px;border:none;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;outline:none;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease}.rb-btn:hover:not(:disabled){transform:translateY(-2px) scale(1.03)}.rb-btn:active:not(:disabled){transform:scale(.97)}.rb--input .rb-btn{color:#10151e;background:linear-gradient(145deg,#ffe29a,var(--amber));box-shadow:0 14px 28px #f6b93b42}.rb--command .rb-btn{color:#fff;background:linear-gradient(145deg,#c7b5ff,#8b67ff);box-shadow:0 14px 28px #8b67ff3d}.rb-btn--active{transform:scale(1.04)}.rb-inner{display:grid;justify-items:center;gap:3px}.rb-timer,.v2-mode-hint,.usage-note,.history-status,.history-time,.history-lang,.app-switch__link{font-family:var(--font-mono)}.rb-timer{font-size:.62rem;opacity:.9}.rb-label{position:relative;z-index:1;color:var(--amber);font-family:var(--font-mono);font-size:.72rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase}.v2-spinner{display:flex;align-items:center;color:var(--amber)}.v2-mode-hint{font-weight:700}.v2-mode-hint--input,.rb--input .rb-label{color:var(--amber)}.v2-footer-link{text-align:center;margin:6px 0 0}.v2-footer-link a{text-decoration:none;transition:color .18s ease}.v2-footer-link a:hover{color:var(--amber-strong)}@media(max-width:900px){.shell,.v2-shell{width:min(100%,calc(100vw - 24px));padding-top:20px;gap:14px}.panel,.v2-header,.v2-editor-section,.v2-recorder{border-radius:var(--radius-xl)}.panel,.v2-header,.v2-editor-section,.v2-recorder,.hero{padding:22px}.app-topbar{flex-direction:column;align-items:stretch;padding:0}.app-switch{justify-content:center}.app-switch__hint{text-align:center}.hero-inner{grid-template-columns:1fr}.hero h1{max-width:none}.usage-stats{grid-template-columns:1fr}}@media(max-width:640px){.recorder-panel__header,.output-header,.usage-header,.v2-header{flex-direction:column;align-items:stretch}.field{grid-template-columns:1fr}.v2-btn-pair{gap:22px}.v2-btn-pair-divider{display:none}textarea{min-height:220px}.v2-editor{min-height:300px}}@media(max-width:480px){.shell,.v2-shell{width:min(100%,calc(100vw - 16px));padding:16px 0 56px}.panel,.v2-header,.v2-editor-section,.v2-recorder,.hero{padding:18px;border-radius:20px}.app-switch{width:100%;justify-content:space-between}.app-switch__link{flex:1;text-align:center}.hero-icon{width:60px;height:60px;border-radius:18px}.hero h1,.v2-title{font-size:clamp(1.7rem,10vw,2.3rem)}.btn-record{width:84px;height:84px}.rb-btn{width:64px;height:64px}.secondary-actions,.history-item__actions,.v2-header__right{width:100%}.btn-ghost,.btn-copy,.btn-sm,.v2-btn-undo,.v2-btn-clear,.v2-btn-copy{width:100%;justify-content:center;text-align:center}.history-item__actions>*{flex:1 1 100%}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}