:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#f4f6fb;background:#0b1020;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.45}.hidden{display:none!important}.app-shell{min-height:100svh;background:radial-gradient(circle at 90% 4%,#1b2741 0,transparent 38%),#0b1020}.topbar{height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;max-width:1280px;margin:auto;padding:0 40px;border-bottom:1px solid #ffffff12}.brand{display:flex;align-items:center;gap:12px;font-size:23px;font-weight:800;letter-spacing:-.05em}.brand-mark{display:grid;place-items:center;width:30px;height:30px;border:2px solid #f6946b;border-radius:8px;color:#f6946b;font-size:20px;line-height:1}.brand-dot{color:#f6946b}.local-badge{color:#a9b7c9;font-size:14px}.local-badge span{color:#5bd6a2;font-size:11px;margin-right:5px}.workspace{max-width:1280px;margin:auto;padding:54px 40px 68px;display:grid;grid-template-columns:minmax(0,1.15fr) minmax(350px,.85fr);gap:7vw}.editor-panel{max-width:660px}.eyebrow{margin:0 0 12px;color:#f6946b;font-size:12px;font-weight:800;letter-spacing:.18em}.panel-heading h1{font-size:clamp(42px,5vw,70px);line-height:1;letter-spacing:-.065em;margin:0 0 16px}.supporting{font-size:17px;line-height:1.55;color:#aebbcf;max-width:550px;margin:0 0 34px}.field-label{display:block;margin-bottom:11px;color:#e8edf6;font-weight:700;font-size:15px}textarea{display:block;width:100%;min-height:280px;resize:vertical;border:1px solid #35445d;border-radius:17px;padding:21px 22px;background:#141e30;color:#f8f9fc;font-size:18px;line-height:1.55;outline:none;box-shadow:0 18px 50px #03060d29}textarea::placeholder{color:#78879c}textarea:focus{border-color:#f6946b;box-shadow:0 0 0 4px #f6946b24}.save-hint{font-size:13px;color:#8e9eb4;margin:9px 0 25px}.settings{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-bottom:29px}.setting label{display:flex;justify-content:space-between;gap:8px;font-size:14px;font-weight:700;color:#e5ebf5}.setting output{color:#f6946b}.setting input{width:100%;margin:16px 0 5px;accent-color:#f6946b}.range-ends{display:flex;justify-content:space-between;color:#8190a6;font-size:12px}.button{border:0;border-radius:12px;padding:14px 20px;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:14px;font-size:15px;font-weight:800}.button-primary{background:#f6946b;color:#20120e}.button-primary:hover{background:#ffac89}.button-secondary{background:#252f42;color:#fff}.button-large{width:100%;min-height:60px;font-size:17px;justify-content:space-between;padding:16px 22px}.privacy-note{font-size:13px;line-height:1.55;color:#8291a7;margin:14px 0 0}.preview-panel{display:flex;align-items:center;justify-content:center;min-height:650px}.preview-phone{height:610px;max-height:70vw;aspect-ratio:9/16;border:9px solid #2b394e;border-radius:45px;background:linear-gradient(155deg,#374762cc,#141d31 46%,#10172a 88%);box-shadow:0 40px 90px #0008,0 0 0 1px #ffffff17;position:relative;overflow:hidden;transform:rotate(4deg)}.preview-phone:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 30%,#8192ad35,transparent 40%),linear-gradient(0deg,#0b1020dd,transparent 45%)}.preview-lens{position:absolute;top:12px;left:50%;transform:translateX(-50%);height:20px;width:80px;border-radius:20px;background:#0b1020}.preview-copy{position:absolute;top:31%;left:10%;right:10%;text-align:center}.preview-label{font-size:10px;font-weight:800;letter-spacing:.16em;color:#f3ad8b}.preview-copy p{font-size:clamp(22px,2.6vw,32px);font-weight:800;line-height:1.3;letter-spacing:-.03em;margin:28px 0}.focus-rule{height:2px;background:#f6946b;margin:24px -10%}.preview-sub{font-size:12px;color:#afbdd0}.preview-controls{position:absolute;bottom:27px;left:0;right:0;display:flex;align-items:center;justify-content:space-around}.preview-controls span{height:18px;width:18px;background:#aeb8c9;border-radius:50%;opacity:.55}.preview-controls span:nth-child(2){height:48px;width:48px;border:5px solid white;background:#ef645c;opacity:1}
.record-view{position:fixed;inset:0;z-index:5;overflow:hidden;background:#05080d;color:#fff}.record-view video#cameraPreview{width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.record-view.front-camera #cameraPreview{transform:scaleX(-1)}.video-shade{position:absolute;inset:0;background:linear-gradient(#0008 0,transparent 24%,transparent 55%,#000b 100%);pointer-events:none}.record-topbar{position:absolute;z-index:5;top:0;left:0;right:0;display:flex;justify-content:space-between;align-items:center;padding:calc(16px + env(safe-area-inset-top)) 18px 10px}.icon-button{width:46px;height:46px;border:1px solid #ffffff45;border-radius:50%;background:#101827a8;color:white;font-size:28px;display:grid;place-items:center;line-height:1}.status-pill{padding:11px 16px;border-radius:30px;background:#101827ad;border:1px solid #ffffff38;font-size:12px;font-weight:800;letter-spacing:.12em}.status-pill.is-recording{background:#e64f48;color:#fff;border-color:#e64f48}.prompt-viewport{position:absolute;inset:0;overflow:hidden;pointer-events:none;mask-image:linear-gradient(transparent 13%,black 27%,black 67%,transparent 81%);-webkit-mask-image:linear-gradient(transparent 13%,black 27%,black 67%,transparent 81%)}.prompt-text{font-size:var(--prompt-size,36px);font-weight:800;line-height:1.36;letter-spacing:-.025em;text-align:center;white-space:pre-wrap;overflow-wrap:anywhere;text-shadow:0 2px 6px #000,0 0 28px #000;padding:35svh clamp(22px,9vw,180px) 70svh;will-change:transform}.reading-guide{position:absolute;top:35%;left:12px;right:12px;display:flex;justify-content:space-between;pointer-events:none}.reading-guide i{width:14px;height:3px;border-radius:4px;background:#f6946b;box-shadow:0 0 8px #000}.record-bottom{position:absolute;z-index:5;left:0;right:0;bottom:0;padding:15px 22px calc(15px + env(safe-area-inset-bottom));background:linear-gradient(transparent,#05080dcc 20%,#05080df5)}.reading-actions{display:flex;justify-content:center;gap:12px;margin-bottom:17px}.subtle-button{background:#ffffff24;border:1px solid #ffffff45;border-radius:40px;padding:10px 15px;color:#fff;font-size:14px;font-weight:700;backdrop-filter:blur(6px)}.record-actions{display:flex;justify-content:center;align-items:center;gap:34px}.timer,.record-spacer{width:72px;text-align:right;font-variant-numeric:tabular-nums;font-size:18px;font-weight:700}.record-button{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;border:4px solid white;background:transparent;padding:0}.record-button span{height:54px;width:54px;border-radius:50%;background:#f45751;transition:.2s}.record-button.is-recording span{height:28px;width:28px;border-radius:6px}.record-hint{text-align:center;color:#cad3df;font-size:12px;margin:16px 0 0}.camera-message{position:absolute;z-index:7;top:50%;left:50%;transform:translate(-50%,-50%);width:min(440px,calc(100% - 36px));background:#111b2bef;border:1px solid #ffffff45;border-radius:18px;padding:24px;text-align:center;line-height:1.5;box-shadow:0 25px 70px #0009}.result-dialog{width:min(520px,calc(100vw - 28px));max-height:calc(100svh - 28px);overflow:auto;border:1px solid #3c4b5f;border-radius:22px;padding:28px;background:#111a2a;color:white;box-shadow:0 35px 100px #000b}.result-dialog::backdrop{background:#02050acd;backdrop-filter:blur(7px)}.result-icon{width:46px;height:46px;border-radius:50%;display:grid;place-items:center;color:#093a2b;background:#77dfba;font-size:25px;font-weight:800}.result-dialog h2{font-size:28px;letter-spacing:-.04em;margin:16px 0 5px}.result-dialog p{color:#b8c5d8;line-height:1.5;margin:0 0 17px}.result-dialog video{width:100%;max-height:43svh;background:#000;border-radius:12px}.dialog-actions{display:flex;gap:10px;margin-top:17px}.dialog-actions>*{flex:1}.toast{position:fixed;z-index:12;left:50%;bottom:22px;transform:translateX(-50%);width:max-content;max-width:calc(100vw - 30px);padding:12px 16px;border-radius:12px;background:#f4f6fb;color:#132038;box-shadow:0 14px 40px #0008;text-align:center;font-size:14px;font-weight:700}
@media(max-width:760px){.topbar{height:64px;padding:0 20px}.brand{font-size:20px}.local-badge{font-size:0}.local-badge span{font-size:11px}.workspace{display:block;padding:31px 20px 50px}.editor-panel{max-width:none}.panel-heading h1{font-size:48px}.supporting{font-size:16px;margin-bottom:24px}.preview-panel{display:none}textarea{min-height:32svh;font-size:17px}.settings{gap:18px}.record-topbar{padding-left:14px;padding-right:14px}.record-bottom{padding-left:15px;padding-right:15px}.prompt-text{padding-left:25px;padding-right:25px}.dialog-actions{flex-direction:column}}
@media(max-width:390px){.settings{grid-template-columns:1fr;gap:20px}.prompt-text{font-size:min(var(--prompt-size,36px),36px)}.subtle-button{font-size:12px;padding:9px 12px}.record-hint{font-size:11px}}

.orientation-note{font-size:14px;line-height:1.5;color:#c7d2e2;margin:14px 0 0}.orientation-note strong{color:#f5f7fb}
.recordings-panel{margin-top:32px;padding:22px;border:1px solid #35445d;border-radius:17px;background:#141e30}.recordings-panel h2{font-size:20px;letter-spacing:-.03em;margin:0 0 8px}.recordings-note,.recordings-empty{font-size:13px;line-height:1.5;color:#9eacc0;margin:0}.recordings-empty{margin-top:18px}.recordings-list{list-style:none;padding:0;margin:16px 0 0}.recordings-list:empty{display:none}.recordings-list li{display:flex;align-items:center;gap:9px;padding:12px 0;border-top:1px solid #ffffff1c}.recording-details{display:flex;flex:1;min-width:0;flex-direction:column;gap:3px}.recording-details strong{font-size:14px}.recording-details span{font-size:12px;color:#9eacc0}.recording-action{border:1px solid #51617a;background:#233149;color:#fff;border-radius:9px;padding:9px 10px;font-size:13px;font-weight:700}.recording-delete{color:#ffb3ad}@media(max-width:390px){.recordings-panel{padding:17px}.recordings-list li{flex-wrap:wrap}.recording-details{flex-basis:100%}}
.pedal-panel{margin:-8px 0 22px;border:1px solid #35445d;border-radius:14px;background:#141e30}.pedal-panel summary{padding:16px 18px;color:#f4f6fb;font-size:15px;font-weight:750;cursor:pointer}.pedal-panel summary::marker{color:#f6946b}.pedal-content{padding:0 18px 18px}.pedal-content>p:first-child{font-size:14px;line-height:1.5;color:#acbad0;margin:0 0 18px}.pedal-row{display:grid;grid-template-columns:1fr auto;gap:8px 12px;align-items:center;padding:14px 0;border-top:1px solid #ffffff1c}.pedal-side{font-size:15px;font-weight:750}.pedal-detect{border:1px solid #51617a;border-radius:9px;padding:9px 12px;background:#233149;color:#fff;font-size:13px;font-weight:700}.pedal-row label{font-size:13px;color:#aebbd0}.pedal-row select{max-width:100%;border:1px solid #51617a;border-radius:9px;padding:9px 10px;background:#233149;color:#fff;font-size:14px}.pedal-status{font-size:13px;line-height:1.5;color:#f4b797;margin:14px 0 0}@media(max-width:390px){.pedal-row{grid-template-columns:1fr}.pedal-detect,.pedal-row select{width:100%}}