:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#ecf5f4;background:#081113;font-synthesis:none;--bg:#081113;--panel:#102023;--line:rgba(126,196,190,.2);--text:#ecf5f4;--muted:#9eb3b0;--teal:#50d3c5;--danger:#a94b4b}*{box-sizing:border-box}body{margin:0;min-width:320px;background:radial-gradient(circle at 15% 0,rgba(80,211,197,.08),transparent 32rem),var(--bg)}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.app-shell{min-height:100dvh;padding-bottom:74px}.app-topbar{height:62px;padding:0 16px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line);position:sticky;top:0;background:#081113f0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:20}.brand{display:grid}.brand small{color:var(--muted);font-size:11px}.page{width:min(100%,1240px);margin:auto;padding:20px 14px 40px}.page-head{margin-bottom:18px}.page-head h1{font-size:clamp(30px,9vw,52px);line-height:.98;letter-spacing:-.04em;margin:7px 0 10px;max-width:820px}.page-head p{color:var(--muted);line-height:1.5;max-width:760px}.eyebrow{font-size:11px;font-weight:850;letter-spacing:.15em;color:var(--teal);margin:0}.back-link{display:inline-block;color:var(--muted);margin-bottom:18px}.panel,.tool-card,.status-card{background:#102023f0;border:1px solid var(--line);border-radius:20px;box-shadow:0 20px 55px #0003}.tool-grid{display:grid;gap:12px}.tool-card{padding:22px;min-height:210px;display:flex;flex-direction:column}.tool-card>span{color:var(--teal);font-size:12px}.tool-card h2{font-size:30px;margin:16px 0 5px}.tool-card p{color:var(--muted);line-height:1.45;flex:1}.tool-card b{color:var(--teal)}.tool-card.featured{background:linear-gradient(150deg,#50d3c521,#102023f5 60%)}.status-card{margin-top:12px;padding:18px;display:grid;gap:18px}.status-card>div{display:grid;gap:4px}.status-card small{color:var(--muted);font-size:10px;letter-spacing:.12em}.status-card span{color:var(--muted);font-size:12px}.status-card a{color:var(--teal);font-size:13px}.mobile-nav{position:fixed;bottom:0;left:0;right:0;height:64px;background:#081113f7;border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(3,1fr);z-index:30;padding-bottom:env(safe-area-inset-bottom)}.mobile-nav a{display:grid;place-items:center;color:var(--muted);font-size:12px}.mobile-nav a.router-link-active{color:var(--teal)}.primary-button,.secondary-button,.danger-button,.text-button{border:0;border-radius:12px;padding:12px 16px;font-weight:800;cursor:pointer;display:inline-flex;justify-content:center;align-items:center}.primary-button{background:var(--teal);color:#06201e}.secondary-button{background:#13272a;color:var(--text);border:1px solid var(--line)}.danger-button{background:var(--danger);color:#fff}.text-button{background:transparent;color:var(--teal);padding:7px}.primary-button:disabled,.secondary-button:disabled,.danger-button:disabled{opacity:.4;cursor:not-allowed}.full{width:100%}.field{display:grid;gap:7px;margin-bottom:16px}.field>span{font-size:13px;font-weight:800}.field textarea,.field select{width:100%;border:1px solid var(--line);border-radius:12px;background:#091719;color:var(--text);padding:12px;outline:none}.field textarea{font-size:26px;line-height:1.4}.field input[type=range]{width:100%;accent-color:var(--teal)}.field small,.panel>small{color:var(--muted);line-height:1.4}.range-labels{display:flex;justify-content:space-between}.range-labels i{font-style:normal}.check{font-size:13px;color:var(--muted);display:flex;gap:8px;margin:12px 0}.check input{accent-color:var(--teal)}.row{display:flex;align-items:center;justify-content:space-between}.file-button{position:relative;overflow:hidden}.file-button input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.music-box{border:1px solid var(--line);background:#091719;border-radius:14px;padding:14px;display:grid;gap:10px}.fast-grid,.yappy-grid{display:grid;gap:14px}.fast-grid>.panel,.yappy-grid>.panel{padding:16px}.file-drop{aspect-ratio:4/5;border:1px dashed rgba(80,211,197,.5);border-radius:16px;display:grid;place-items:center;overflow:hidden;background:#071012;color:var(--muted);position:relative;cursor:pointer}.file-drop input{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0}.file-drop img{width:100%;height:100%;object-fit:cover}.action-panel{display:grid;gap:12px;align-content:start}.policy-note{display:grid;gap:3px;padding:12px;background:#091719;border-radius:12px}.policy-note span{color:var(--muted);font-size:12px}.progress{height:6px;background:#091719;border-radius:99px;overflow:hidden}.progress span{display:block;height:100%;background:var(--teal)}.result{padding:10px 12px;border-radius:10px;background:#50d3c517;font-size:13px}.result.bad,.error-text{color:#ffc0c0;background:#a94b4b2b}.capture-meta{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:10px}.capture-meta span{font-size:10px;padding:5px 8px;border-radius:99px;background:#091719;color:var(--teal)}.phone-frame{position:relative;width:min(100%,430px);aspect-ratio:9/16;margin:0 auto;border:2px solid rgba(80,211,197,.35);border-radius:24px;overflow:hidden;background:#030607;container-type:inline-size}.phone-frame.recording{border-color:#ff6969a6}.camera-source{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.capture-canvas{width:100%;height:100%;display:block}.safe-zone{position:absolute;border:1px dashed rgba(255,255,255,.28);pointer-events:none;border-radius:8px}.safe-zone span{position:absolute;right:5px;top:4px;font-size:7px;color:#ffffff8c;text-transform:uppercase}.camera-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-content:center;text-align:center;gap:5px;color:var(--muted)}.teleprompter{position:absolute;top:1.5%;left:6%;right:6%;display:grid;gap:6px;text-align:center;text-shadow:0 2px 8px black}.recording-timer{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);font-size:12px;font-weight:800;color:var(--teal);background:#0006;padding:5px 10px;border-radius:99px;text-shadow:0 2px 8px black}.teleprompter strong{font-size:clamp(18px,6vw,28px);background:#0006;padding:9px;border-radius:10px}.teleprompter span{font-size:11px;background:#00000059;padding:6px;border-radius:8px}.camera-stage{position:absolute;top:0;right:0;bottom:0;left:0}.teleprompter .karaoke-line{margin:0;font-size:clamp(48px,16cqw,84px);font-weight:900;background:#0000006b;padding:22px 10px 10px;border-radius:12px;display:flex;flex-wrap:wrap;justify-content:center;gap:.05em .3em;line-height:1.2}.teleprompter .karaoke-word{position:relative;font-size:inherit;background:none;padding:0;color:#fff6;transition:color .12s ease}.teleprompter .karaoke-word--done{color:#ffffffd9}.teleprompter .karaoke-word--active{color:var(--teal)}.teleprompter .karaoke-ball{position:absolute;left:50%;top:-18px;width:11px;height:11px;border-radius:50%;background:var(--teal);transform:translate(-50%);box-shadow:0 0 10px #50d3c5d9;animation:karaoke-bounce .42s ease-in-out infinite alternate}@media(prefers-reduced-motion:reduce){.teleprompter .karaoke-ball{animation:none}}@keyframes karaoke-bounce{0%{transform:translate(-50%)}to{transform:translate(-50%,-9px)}}.teleprompter .pause-icon{font-size:30px;letter-spacing:.35em;color:#ffffff73;background:none;padding:0;border-radius:0}.teleprompter .next-words-preview{margin:0;font-size:16px;font-weight:700;background:#00000052;padding:8px 10px;border-radius:8px;color:#ffffffb3}.countdown-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0006;z-index:7}.processing-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#00000080;z-index:7}.processing-overlay span{font-size:15px;font-weight:800;color:#fff;background:#0006;padding:10px 16px;border-radius:99px}.countdown-overlay strong{font-size:clamp(80px,28vw,150px);font-weight:900;color:#fff;text-shadow:0 4px 20px rgba(0,0,0,.7);animation:word-pop .25s ease}@media(prefers-reduced-motion:reduce){.countdown-overlay strong{animation:none}}@keyframes word-pop{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.record-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.capture-panel>small{display:block;margin-top:10px}.record-toggle{position:absolute;left:50%;bottom:16px;transform:translate(-50%);width:62px;height:62px;border-radius:50%;border:3px solid rgba(255,255,255,.85);background:#0000004d;display:grid;place-items:center;cursor:pointer;padding:0;z-index:8}.record-toggle:disabled{opacity:.35;cursor:not-allowed}.record-toggle-shape{width:44px;height:44px;border-radius:50%;background:var(--danger);transition:border-radius .18s ease,width .18s ease,height .18s ease;pointer-events:none}.record-toggle--active .record-toggle-shape{width:24px;height:24px;border-radius:7px}.record-toggle--active{animation:record-pulse 1.4s ease-in-out infinite}@media(prefers-reduced-motion:reduce){.record-toggle--active{animation:none}}@keyframes record-pulse{0%,to{box-shadow:0 0 #a94b4b80}50%{box-shadow:0 0 0 10px #a94b4b00}}.review-video{width:100%;height:100%;object-fit:cover;display:block;background:#000;cursor:pointer}.review-overlay{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;background:#0000002e;transition:opacity .25s ease;cursor:pointer}.review-overlay--hidden{opacity:0;pointer-events:none}.review-play-btn{width:60px;height:60px;border-radius:50%;border:0;background:#0000008c;display:grid;place-items:center;color:#fff;font-size:20px;cursor:pointer}.review-actions-row{display:grid;gap:9px;margin-top:12px}.archive-status{margin:0;font-size:12px;color:var(--muted)}.archive-status b{color:var(--text)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b8;display:grid;place-items:center;padding:16px;z-index:100}.modal{width:min(500px,100%);background:#0d1b1e;border:1px solid var(--line);border-radius:18px;padding:20px}.modal p{color:var(--muted);line-height:1.5}.modal-actions{display:grid;gap:8px}.login-shell,.center-state{min-height:100dvh;display:grid;place-items:center;padding:18px}.login-card{width:min(520px,100%);padding:25px;background:var(--panel);border:1px solid var(--line);border-radius:22px;display:grid;gap:15px}.login-card h1{font-size:36px;line-height:1;margin:0}.login-card p,.login-card small{color:var(--muted);line-height:1.5}@media(min-width:480px){.page{padding:26px 20px 50px}.tool-grid{grid-template-columns:1fr 1fr}.phone-frame{width:min(88vw,430px)}.modal-actions{grid-template-columns:repeat(3,1fr)}}@media(min-width:768px){.app-shell{padding-bottom:0}.app-topbar{padding:0 28px}.page{padding:34px 28px 60px 110px}.mobile-nav{position:fixed;left:16px;top:50%;bottom:auto;right:auto;transform:translateY(-50%);width:78px;height:auto;grid-template-columns:1fr;border:1px solid var(--line);border-radius:16px;padding:8px;background:#081113f2}.mobile-nav a{height:54px}.status-card{grid-template-columns:repeat(3,1fr)}.fast-grid{grid-template-columns:minmax(260px,.9fr) minmax(240px,.7fr);align-items:start}.yappy-grid{grid-template-columns:minmax(240px,.85fr) minmax(280px,1.15fr);align-items:start}.capture-panel{position:sticky;top:82px}.phone-frame{width:min(100%,390px)}}@media(min-width:1200px){.page{padding-left:110px}.page-head h1{font-size:58px}.tool-card{min-height:250px;padding:28px}.fast-grid{grid-template-columns:560px 1fr}.yappy-grid{grid-template-columns:430px 1fr}.phone-frame{width:430px}}