:root{--glass-bg:linear-gradient(160deg, #ffffff85 0%, #f5f8ff6b 100%);--glass-refraction:linear-gradient(150deg, #ffffffad 0%, #ffffff24 22%, transparent 52%, #b4c8ff0a 100%);--glass-blur:blur(40px) saturate(145%) brightness(1.04);--glass-border:#ffffffc7;--glass-border-hi:#fffffff2;--glass-shadow:0 1px 0 #ffffffe6 inset, 0 -1px 0 #96aac81a inset, 0 0 0 .5px #ffffff8c inset,  0 20px 55px #001e501a, 0 8px 22px #00000012, 0 2px 6px #0000000a, 0 0 0 .5px #ffffffb8;--accent:#007aff;--accent-hover:#0071e3;--accent-glow:#007aff4d;--destructive:#e11d48;--success:#16a34a;--warning:#d97706;--text-primary:#0f081ce0;--text-secondary:#0f081c85;--text-tertiary:#0f081c52;--text-shadow:0 1px 2px #ffffff8c;--text-shadow-sm:0 1px 1px #fff6;--radius-window:28px;--radius-control:12px;--radius-pill:980px;--titlebar-h:40px;--spring:cubic-bezier(.34, 1.56, .64, 1);--ease:cubic-bezier(.4, 0, .2, 1);--transition:.24s cubic-bezier(.4, 0, .2, 1)}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{height:100%;color:var(--text-primary);-webkit-font-smoothing:antialiased;background:#e5e5ea;font-family:-apple-system,SF Pro Display,SF Pro Text,BlinkMacSystemFont,Helvetica Neue,Arial,sans-serif;line-height:1.5;overflow:hidden}#bg{z-index:0;position:fixed;inset:0;overflow:hidden}#app{z-index:1;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.screen{opacity:0;transition:opacity var(--transition);pointer-events:none;justify-content:center;align-items:center;padding:1rem;display:flex;position:absolute;inset:0}.screen.active{opacity:1;pointer-events:auto}.glass-window{background:var(--glass-refraction), var(--glass-bg);width:100%;max-width:560px;max-height:calc(100dvh - 2rem);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--glass-border);border-radius:var(--radius-window);box-shadow:var(--glass-shadow);animation:window-enter .4s var(--spring) both;flex-direction:column;display:flex;position:relative;overflow:hidden}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.glass-window{background:#f8f2fff0}}@keyframes window-enter{0%{opacity:0;transform:scale(.96)translateY(8px)}65%{opacity:1;transform:scale(1.008)translateY(-1px)}to{opacity:1;transform:scale(1)translateY(0)}}.glass-window.wide{max-width:900px}.glass-window.medium{max-width:680px}.glass-window.narrow{max-width:420px}.glass-window.is-dragging{-webkit-user-select:none;user-select:none;cursor:grabbing!important}.glass-window.is-focused{box-shadow:inset 0 1px #fffffff2,inset 0 -1px #96aac81f,inset 0 0 0 .5px #ffffffa6,0 28px 72px #001e5026,0 10px 28px #00000017,0 0 0 .5px #ffffffd1}.titlebar{height:var(--titlebar-h);min-height:var(--titlebar-h);-webkit-user-select:none;user-select:none;background:0 0;flex-shrink:0;align-items:center;gap:8px;padding:0 14px;display:flex}.titlebar.drag-handle{cursor:grab}.titlebar.drag-handle:active{cursor:grabbing}.traffic{flex-shrink:0;align-items:center;gap:6px;display:flex}.dot{cursor:pointer;width:12px;height:12px;transition:filter .12s var(--ease), transform .12s var(--ease);border-radius:50%;flex-shrink:0;position:relative;box-shadow:inset 0 .5px 1px #0000002e,0 1px 2px #0000001a}.dot.close{background:#ff5f57}.dot.min{background:#febc2e}.dot.max{background:#28c840}.dot:after{content:"";text-align:center;color:#00000073;opacity:0;transition:opacity .12s var(--ease);justify-content:center;align-items:center;font-size:9px;font-weight:800;line-height:12px;display:flex;position:absolute;inset:0}.traffic:hover .dot:after{opacity:1}.dot.close:after{content:"×";font-size:11px;line-height:11px}.dot.min:after{content:"−";font-size:11px;line-height:11px}.dot.max:after{content:"+";font-size:10px;line-height:12px}.dot:active{transform:scale(.85)}.titlebar-title{text-align:center;color:var(--text-secondary);letter-spacing:.01em;text-shadow:var(--text-shadow-sm);flex:1;margin-right:42px;font-size:13px;font-weight:500}.window-body{scrollbar-width:thin;scrollbar-color:#0064c82e transparent;flex:1;min-height:0;padding:28px 28px 24px;overflow-y:auto}.window-body::-webkit-scrollbar{width:5px}.window-body::-webkit-scrollbar-thumb{background:#0064c82e;border-radius:3px}.heading-xl{letter-spacing:-.03em;color:var(--text-primary);text-shadow:var(--text-shadow);font-size:clamp(26px,5vw,36px);font-weight:300;line-height:1.12}.heading-sm{color:var(--text-primary);text-shadow:var(--text-shadow-sm);font-size:15px;font-weight:600}.body-text{color:var(--text-secondary);font-size:14px;line-height:1.65}.caption{color:var(--text-tertiary);font-size:12px}button{cursor:pointer;color:inherit;background:0 0;border:none;font-family:inherit}button:disabled{opacity:.32;cursor:not-allowed}.btn{border-radius:var(--radius-pill);white-space:nowrap;height:36px;transition:all var(--transition);cursor:pointer;justify-content:center;align-items:center;gap:6px;min-width:44px;min-height:44px;padding:0 18px;font-family:inherit;font-size:14px;font-weight:500;display:inline-flex}.btn-primary{background:var(--accent);color:#fff;text-shadow:0 1px 2px #0003;box-shadow:inset 0 1px #ffffff38,0 1px 4px #0003,0 0 0 .5px #00000014}.btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 1px 0 #ffffff38 inset, 0 3px 14px var(--accent-glow), 0 1px 4px #0003;transform:translateY(-.5px)}.btn-primary:active:not(:disabled){transform:translateY(.5px)}.btn-secondary{color:var(--text-primary);-webkit-backdrop-filter:blur(8px);text-shadow:var(--text-shadow-sm);background:#ffffff85;border:1px solid #ffffffd9}.btn-secondary:hover:not(:disabled){background:#ffffffb8;transform:translateY(-.5px);box-shadow:0 4px 14px #0064dc14}.btn-ghost{color:var(--text-secondary);background:0 0;border:none;padding:0 12px}.btn-ghost:hover:not(:disabled){color:var(--text-primary)}.btn-icon{width:36px;height:36px;min-width:unset;min-height:unset;background:#ffffff80;border:1px solid #fffc;border-radius:50%;justify-content:center;align-items:center;padding:0;display:flex}.btn-icon:hover:not(:disabled){background:#ffffffb8}textarea{color:var(--text-primary);border-radius:var(--radius-control);resize:none;scrollbar-width:thin;scrollbar-color:#0064c82e transparent;background:#ffffff73;border:1px solid #0000001f;width:100%;padding:12px;font-family:SF Mono,Fira Code,Cascadia Code,Menlo,Consolas,monospace;font-size:12.5px;line-height:1.75}textarea::-webkit-scrollbar{width:5px}textarea::-webkit-scrollbar-track{margin:var(--radius-control) 0;background:0 0}textarea::-webkit-scrollbar-thumb{background:#0064c82e;border-radius:3px}textarea:focus{border-color:#007aff73;outline:none;box-shadow:0 0 0 3px #007aff1f}input[type=range]{--val:0%;appearance:none;background:linear-gradient(to right, #007affb3 0%, #007affb3 var(--val), #0000001f var(--val), #0000001f 100%);cursor:pointer;border-radius:2px;outline:none;width:100%;height:3px}input[type=range]::-webkit-slider-thumb{appearance:none;cursor:pointer;width:16px;height:16px;transition:transform .15s var(--spring);background:#fff;border-radius:50%;box-shadow:0 1px 4px #00000047,0 0 0 1px #007aff33,0 0 0 .5px #00000014}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.18)}input[type=range]::-moz-range-thumb{cursor:pointer;background:#fff;border:none;border-radius:50%;width:16px;height:16px;box-shadow:0 1px 4px #00000047}input[type=range]::-moz-range-progress{background:#007affb3;border-radius:2px;height:3px}.divider{background:#0000000f;flex-shrink:0;height:1px;margin:0}.window-footer{background:0 0;border-top:1px solid #00000014;flex-shrink:0;justify-content:space-between;align-items:center;gap:8px;padding:12px 20px;display:flex}.error-banner{color:#be123c;background:#e11d4814;border:1px solid #e11d4833;border-radius:10px;padding:10px 14px;font-size:13px;line-height:1.5}.spinner{background:var(--accent);width:20px;height:20px;box-shadow:0 0 12px var(--accent-glow);border-radius:50%;flex-shrink:0;animation:1.4s ease-in-out infinite breathe}@keyframes breathe{0%,to{opacity:.45;box-shadow:0 0 6px var(--accent-glow);transform:scale(.65)}50%{opacity:1;box-shadow:0 0 18px var(--accent-glow);transform:scale(1)}}.modal-backdrop{-webkit-backdrop-filter:blur(18px)saturate(140%);z-index:300;background:#e6ebf58c;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.modal{background:var(--glass-refraction), var(--glass-bg);-webkit-backdrop-filter:blur(56px)saturate(150%)brightness(1.04);border:1px solid var(--glass-border);border-radius:var(--radius-window);box-shadow:var(--glass-shadow);width:100%;max-width:380px;animation:window-enter .32s var(--spring) both;padding:28px}.modal h2{color:var(--text-primary);text-shadow:var(--text-shadow-sm);margin-bottom:16px;font-size:17px;font-weight:600}.progress-track{background:#00000014;border-radius:2px;height:2px;margin:12px 0 6px;overflow:hidden}.progress-fill{background:var(--accent);height:100%;transition:width .3s var(--ease);width:0%;box-shadow:0 0 6px var(--accent-glow);border-radius:2px}.heraclitus-screen{z-index:0;background:#fff;position:fixed;inset:0}.heraclitus-video{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.heraclitus-home{color:#b4b4b48c;letter-spacing:.06em;z-index:10;text-shadow:0 1px 6px #000c;font-family:-apple-system,SF Pro Text,BlinkMacSystemFont,sans-serif;font-size:13px;font-weight:500;text-decoration:none;transition:color .2s;position:fixed;top:75%;left:50%;transform:translate(-50%)}.heraclitus-home:hover{color:#dcdcdcd9}.meta-screen{scrollbar-gutter:stable both-edges;scrollbar-width:thin;scrollbar-color:#ffffff47 transparent;flex-direction:column;justify-content:safe center;align-items:center;padding:1rem;overflow-y:auto}.meta-screen::-webkit-scrollbar{width:7px}.meta-screen::-webkit-scrollbar-track{background:0 0}.meta-screen::-webkit-scrollbar-thumb{background:#ffffff47;border-radius:4px}.landing{text-align:center;flex-direction:column;align-items:center;gap:44px;padding:2rem 2rem 4rem;animation:.9s cubic-bezier(.22,1,.36,1) both landing-enter;display:flex}@keyframes landing-enter{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.landing-title{letter-spacing:-.04em;color:#fffffff2;text-shadow:0 2px 48px #00000047,0 1px 4px #0000002e;font-size:clamp(52px,10vw,100px);font-weight:200;line-height:1}.landing-actions{justify-content:center;align-items:center;gap:12px;display:flex}.landing-btn-secondary{color:#ffffffe6;-webkit-backdrop-filter:blur(20px)saturate(150%);background:#ffffff29;border:1px solid #ffffff47;min-width:128px;box-shadow:inset 0 1px #ffffff1f}.landing-btn-secondary:hover:not(:disabled){background:#ffffff3d;border-color:#fff6;transform:translateY(-1px)}.landing-btn-primary{background:var(--accent);color:#fff;box-shadow:0 1px 0 #fff3 inset, 0 4px 20px var(--accent-glow);text-shadow:0 1px 2px #0000002e;border:none;min-width:128px}.landing-btn-primary:hover:not(:disabled){background:var(--accent-hover);box-shadow:0 1px 0 #fff3 inset, 0 6px 28px var(--accent-glow);transform:translateY(-1px)}.landing-btn-primary:active:not(:disabled){transform:translateY(.5px)}.landing-learn{opacity:0;text-align:left;width:100%;max-width:640px;max-height:0;transition:max-height .65s cubic-bezier(.4,0,.2,1),opacity .4s;overflow:hidden}.landing-learn--center,.landing-learn--center .landing-learn-text{text-align:center}.landing-learn-text{color:#ffffffb8;text-shadow:0 1px 12px #0000004d;white-space:pre-line;font-size:15px;font-style:italic;line-height:1.85}.landing-learn-extended{color:#ffffffb8;text-shadow:0 1px 12px #0000004d;text-align:left;font-size:15px;font-style:italic;line-height:1.85}.landing-learn-extended p{margin-top:1.7em}.landing-learn-extended p:first-child{margin-top:0}.landing-learn-extended .section-break{margin-top:3.2em}.learn-heraclitus{text-align:center}.learn-link{color:inherit;text-underline-offset:3px;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;transition:color .15s}.learn-link:hover{color:#fff}.learn-link:active{color:var(--accent)}.learn-back-link{text-align:center;color:#ffffff59;letter-spacing:.06em;cursor:pointer;margin-top:3em;padding-bottom:.5em;font-size:13px;font-style:italic;text-decoration:none;transition:color .18s;display:block}.learn-back-link:hover{color:#ffffffbf;text-underline-offset:3px;text-decoration:underline;text-decoration-thickness:1px}.script-screen{align-items:stretch}.script-screen .glass-window{max-height:calc(100dvh - 2rem)}:-webkit-any(:fullscreen .script-screen,:-webkit-full-screen .script-screen){align-items:center}:is(:fullscreen .script-screen,:fullscreen .script-screen){align-items:center}.script-body{flex:1;grid-template-columns:1fr 1fr;gap:16px;min-height:0;padding:16px 20px;display:grid;overflow:hidden}@media (max-width:640px){.script-body{grid-template-columns:1fr;overflow-y:auto}}.script-col{flex-direction:column;gap:8px;min-height:0;display:flex;overflow:hidden}.script-col textarea{flex:1;min-height:180px}.col-label{letter-spacing:.06em;text-transform:uppercase;color:var(--text-tertiary);font-size:11px;font-weight:600}.script-col-footer{flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.link-sm{color:var(--accent);cursor:pointer;background:0 0;border:none;padding:0;font-family:inherit;font-size:12px}.link-sm:hover{opacity:.7}.record-col{scrollbar-width:thin;scrollbar-color:#0064c82e transparent;flex-direction:column;gap:12px;min-height:0;display:flex;overflow-y:auto}.record-col::-webkit-scrollbar{width:5px}.record-col::-webkit-scrollbar-track{background:0 0}.record-col::-webkit-scrollbar-thumb{background:#0064c82e;border-radius:3px}.recorder-card{border-radius:var(--radius-control);background:#ffffff59;border:1px solid #b4c8e633;flex-direction:column;align-items:center;gap:12px;padding:20px 16px;display:flex}.recorder-hint{color:var(--text-tertiary);text-align:center;font-size:12.5px;line-height:1.55}.rec-btn{cursor:pointer;width:68px;height:68px;transition:box-shadow .2s var(--ease), transform .15s var(--spring);min-height:unset;min-width:unset;background:radial-gradient(circle at 35% 32%,#f05050,#9b1515);border:1px solid #ff646438;border-radius:50%;position:relative;box-shadow:0 0 0 7px #c8282812,0 4px 18px #00000038,inset 0 1px #ffa0a040}.rec-btn:hover:not(:disabled){transform:scale(1.05);box-shadow:0 0 0 11px #c828281c,0 6px 22px #00000042,inset 0 1px #ffa0a040}.rec-btn.recording{animation:1.6s ease-in-out infinite rec-pulse}@keyframes rec-pulse{0%,to{box-shadow:0 0 0 7px #c8282812,0 4px 18px #00000038}50%{box-shadow:0 0 0 15px #e0404024,0 6px 26px #00000042}}.rec-btn:after{content:"";width:24px;height:24px;transition:border-radius .2s var(--ease), width .2s var(--ease), height .2s var(--ease);background:#ffffffeb;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.rec-btn.recording:after{border-radius:4px;width:20px;height:20px}.rec-timer{letter-spacing:.04em;font-variant-numeric:tabular-nums;color:var(--text-primary);text-shadow:var(--text-shadow);font-size:28px;font-weight:200}.rec-status{color:var(--text-tertiary);letter-spacing:.03em;font-size:12px}.rec-status.active{color:var(--destructive)}.playback-row{flex-direction:column;gap:6px;width:100%;display:flex}.playback-row audio{opacity:.6;border-radius:6px;width:100%;height:28px}.playback-actions{justify-content:center;gap:8px;display:flex}.rec-warn{text-align:center;border-radius:8px;padding:6px 12px;font-size:11.5px;line-height:1.4}.rec-warn.warn{color:var(--warning);background:#d9770614;border:1px solid #d977062e}.rec-warn.ok{color:var(--success);background:#16a34a14;border:1px solid #16a34a2e}.session-screen{justify-content:center;align-items:center}.session-loading-body{color:var(--text-secondary);align-items:center;gap:14px;padding:28px;font-size:14px;display:flex}.play-btn{background:var(--accent);width:64px;height:64px;transition:all .22s var(--spring);cursor:pointer;min-height:unset;min-width:unset;border:none;border-radius:50%;justify-content:center;align-items:center;display:flex;box-shadow:inset 0 1px #ffffff38,0 0 0 10px #007aff1a,0 6px 18px #00000029}.play-btn:hover{background:var(--accent-hover);transform:scale(1.06);box-shadow:inset 0 1px #ffffff38,0 0 0 13px #007aff24,0 0 28px #007aff47,0 6px 18px #00000029}.play-btn:active{transform:scale(.96)}.play-btn svg{fill:#fff;width:24px;height:24px}.seek-row{flex-direction:column;gap:6px;width:100%;display:flex}.seek-times{color:var(--text-tertiary);font-variant-numeric:tabular-nums;letter-spacing:.03em;justify-content:space-between;font-size:11px;display:flex}.vol-grid{grid-template-columns:60px 1fr 38px;align-items:center;gap:8px 10px;width:100%;display:grid}.vol-label{color:var(--text-tertiary);text-align:right;font-size:11.5px}.vol-pct{color:var(--text-tertiary);font-variant-numeric:tabular-nums;text-align:right;font-size:11px}.session-hud{transition:opacity .4s var(--ease)}.session-hud.hidden{opacity:0;pointer-events:none}.transport-row{justify-content:center;align-items:center;gap:16px;display:flex}.session-footer{justify-content:space-between;align-items:center;gap:8px;display:flex}.export-status{color:var(--text-secondary);font-size:13px}.export-pct{color:var(--text-tertiary);text-align:right;margin-top:2px;font-size:12px}.export-note{color:var(--text-tertiary);margin-top:10px;font-size:12px;line-height:1.5}.export-actions{justify-content:flex-end;gap:8px;margin-top:18px;display:flex}