:root{--bg:#080810;--surface:#ffffff08;--surface-hover:#ffffff0f;--border:#ffffff0f;--mint:#6ee7b7;--indigo:#818cf8;--gold:#d4a853;--text:#f0ede8;--text-dim:#f0ede866;--text-mid:#f0ede8a6;--red:#f87171;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent;margin:0;padding:0}html,body{background:var(--bg);height:100%;color:var(--text);overscroll-behavior:none;-webkit-font-smoothing:antialiased;font-family:DM Sans,sans-serif;overflow-x:hidden}.aurora{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.aurora-orb{filter:blur(120px);will-change:transform;border-radius:50%;position:absolute}.aurora-orb.mint{background:radial-gradient(circle,#6ee7b726 0%,#0000 70%);width:70vw;max-width:800px;height:70vw;max-height:800px;animation:20s ease-in-out infinite drift-mint;top:-20%;left:-15%}.aurora-orb.indigo{background:radial-gradient(circle,#818cf81f 0%,#0000 70%);width:60vw;max-width:700px;height:60vw;max-height:700px;animation:20s ease-in-out infinite drift-indigo;bottom:-15%;right:-20%}@keyframes drift-mint{0%,to{transform:translate(0)scale(1)}33%{transform:translate(8vw,6vh)scale(1.08)}66%{transform:translate(-4vw,10vh)scale(.95)}}@keyframes drift-indigo{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-6vw,-8vh)scale(1.05)}66%{transform:translate(5vw,-3vh)scale(.92)}}.noise{pointer-events:none;z-index:0;opacity:.4;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 256 256' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");background-repeat:repeat;background-size:256px 256px;position:fixed;inset:0}.stars{pointer-events:none;z-index:0;background-image:radial-gradient(1px 1px at 6% 14%,#f0ede899 0%,#0000 100%),radial-gradient(1px 1px at 18% 42%,#f0ede84d 0%,#0000 100%),radial-gradient(1.2px 1.2px at 34% 7%,#f0ede880 0%,#0000 100%),radial-gradient(1px 1px at 48% 72%,#f0ede859 0%,#0000 100%),radial-gradient(.8px .8px at 63% 28%,#f0ede840 0%,#0000 100%),radial-gradient(1.3px 1.3px at 79% 56%,#f0ede873 0%,#0000 100%),radial-gradient(1px 1px at 10% 82%,#f0ede859 0%,#0000 100%),radial-gradient(.8px .8px at 55% 91%,#f0ede840 0%,#0000 100%),radial-gradient(1px 1px at 88% 85%,#f0ede866 0%,#0000 100%),radial-gradient(1px 1px at 28% 55%,#f0ede833 0%,#0000 100%),radial-gradient(.8px .8px at 71% 39%,#f0ede84d 0%,#0000 100%),radial-gradient(1.2px 1.2px at 3%,#f0ede859 0%,#0000 100%),radial-gradient(1px 1px at 42% 33%,#f0ede833 0%,#0000 100%),radial-gradient(.8px .8px at 94% 15%,#f0ede84d 0%,#0000 100%);position:fixed;inset:0}#app{z-index:1;min-height:100%;padding:calc(var(--safe-top) + 32px) 24px calc(var(--safe-bottom) + 140px);flex-direction:column;max-width:640px;margin:0 auto;display:flex;position:relative}.stagger-1{animation:.6s cubic-bezier(.22,1,.36,1) both fadeUp}.stagger-2{animation:.6s cubic-bezier(.22,1,.36,1) 80ms both fadeUp}.stagger-3{animation:.6s cubic-bezier(.22,1,.36,1) .16s both fadeUp}.stagger-4{animation:.6s cubic-bezier(.22,1,.36,1) .24s both fadeUp}.header{justify-content:space-between;align-items:flex-start;padding-bottom:40px;display:flex}.logo-mark{font-optical-sizing:auto;color:var(--text);letter-spacing:-.01em;font-family:Fraunces,serif;font-size:36px;font-style:italic;font-weight:300;line-height:1}.logo-rule{background:var(--gold);opacity:.6;width:100%;height:1px;margin:8px 0 6px}.logo-tag{letter-spacing:.32em;color:var(--text-dim);text-transform:uppercase;font-family:JetBrains Mono,monospace;font-size:8px;font-weight:400}.tabs{gap:32px;margin-bottom:32px;display:flex;position:relative}.tabs.locked{pointer-events:none;opacity:.5}.tab{letter-spacing:.04em;text-transform:uppercase;color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:0 0 10px;font-family:DM Sans,sans-serif;font-size:13px;font-weight:500;transition:color .25s;position:relative}.tab:after{content:"";background:var(--mint);transform-origin:0;height:2px;transition:transform .35s cubic-bezier(.22,1,.36,1);position:absolute;bottom:0;left:0;right:0;transform:scaleX(0);box-shadow:0 0 8px #6ee7b780}.tab:hover{color:var(--text-mid)}.tab.active{color:var(--text)}.tab.active:after{transform:scaleX(1)}.panel{display:none;position:relative}.panel.active{animation:.4s cubic-bezier(.22,1,.36,1) both panelIn;display:block}@keyframes panelIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.panel-loading{z-index:5;pointer-events:none;opacity:0;background:#08081080;border-radius:16px;justify-content:center;align-items:center;transition:opacity .3s;display:flex;position:absolute;inset:0}.panel-loading.visible{opacity:1;pointer-events:all}.panel-spinner{border:2px solid #6ee7b733;border-top-color:var(--mint);border-radius:50%;width:24px;height:24px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.dropzone{text-align:center;cursor:pointer;background:radial-gradient(50% 50%,#6ee7b70a 0%,#0000 70%);border:none;border-radius:24px;padding:64px 24px;transition:all .4s;position:relative;overflow:hidden}.dropzone:hover,.dropzone.drag-over{background:radial-gradient(50% 50%,#6ee7b71a 0%,#0000 70%)}.dropzone input[type=file]{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.drop-icon{width:48px;height:48px;margin:0 auto 16px;display:block;position:relative}.drop-icon:before,.drop-icon:after{content:"";background:var(--text-dim);border-radius:1px;transition:background .3s;position:absolute}.drop-icon:before{width:1.5px;height:32px;top:8px;left:50%;transform:translate(-50%)}.drop-icon:after{width:32px;height:1.5px;top:50%;left:8px;transform:translateY(-50%)}.dropzone:hover .drop-icon:before,.dropzone:hover .drop-icon:after{background:var(--mint)}.drop-title{color:var(--text);margin-bottom:6px;font-family:Fraunces,serif;font-size:22px;font-style:italic;font-weight:300}.drop-sub{color:var(--text-dim);font-family:DM Sans,sans-serif;font-size:12px}.text-field{width:100%;min-height:220px;color:var(--text);resize:vertical;background:0 0;border:none;border-left:1px solid #6ee7b740;border-radius:0;outline:none;padding:20px 20px 20px 24px;font-family:Fraunces,serif;font-size:17px;font-weight:300;line-height:1.75;transition:border-color .3s}.text-field:focus{border-left-color:var(--mint)}.text-field::placeholder{color:var(--text-dim);font-style:italic}.url-wrap{position:relative}.url-input{width:100%;color:var(--text);background:0 0;border:none;border-bottom:1px solid #ffffff1a;outline:none;padding:16px 56px 16px 0;font-family:JetBrains Mono,monospace;font-size:13px;transition:border-color .3s}.url-input:focus{border-bottom-color:var(--mint)}.url-input::placeholder{color:var(--text-dim)}.url-go{cursor:pointer;width:40px;height:40px;color:var(--text-mid);background:0 0;border:1px solid #ffffff26;border-radius:50%;justify-content:center;align-items:center;font-size:16px;transition:all .25s;display:flex;position:absolute;top:50%;right:0;transform:translateY(-50%)}.url-go:hover{border-color:var(--mint);color:var(--mint)}.file-loaded{background:#6ee7b70d;border:1px solid #6ee7b726;border-radius:16px;align-items:center;gap:14px;margin-top:0;padding:16px 18px;display:flex}.file-icon{flex-shrink:0;font-size:22px}.file-info{flex:1;min-width:0}.file-name{color:var(--text);text-overflow:ellipsis;white-space:nowrap;font-size:14px;font-weight:500;overflow:hidden}.file-meta{color:var(--text-dim);margin-top:3px;font-family:JetBrains Mono,monospace;font-size:10px}.file-clear{color:var(--text-dim);cursor:pointer;background:0 0;border:none;flex-shrink:0;padding:4px;font-size:18px;transition:color .2s}.file-clear:hover{color:var(--red)}.load-btn{background:var(--bg);border:2px solid #0000;border-image:linear-gradient(135deg, var(--mint), var(--indigo)) 1;letter-spacing:.14em;text-transform:uppercase;width:100%;color:var(--text);cursor:pointer;margin-top:20px;padding:18px;font-family:DM Sans,sans-serif;font-size:12px;font-weight:600;transition:all .3s;position:relative;overflow:hidden}.load-btn:before{content:"";opacity:0;background:linear-gradient(135deg,#6ee7b714,#818cf80f);transition:opacity .3s;position:absolute;inset:0}.load-btn:hover:before{opacity:1}.load-btn:disabled{opacity:.3;cursor:not-allowed}.load-btn:disabled:before{display:none}.content-preview{background:var(--surface);border-left:1px solid #6ee7b733;border-radius:0 12px 12px 0;margin-top:24px;padding:20px 24px}.preview-label{letter-spacing:.25em;text-transform:uppercase;color:var(--mint);margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:500}.preview-title{color:var(--text);margin-bottom:10px;font-family:Fraunces,serif;font-size:20px;font-style:italic;font-weight:400;line-height:1.3}.preview-text{max-height:380px;position:relative;overflow-y:auto;-webkit-mask-image:linear-gradient(#0000 0%,#000 12% 88%,#0000 100%);mask-image:linear-gradient(#0000 0%,#000 12% 88%,#0000 100%)}.chunk{color:var(--text-dim);margin-bottom:1em;transition:color .45s,text-shadow .45s;display:block}.chunk-block{margin:0 0 .85em}.chunk-block:last-child{margin-bottom:0}.chunk-paragraph{font-family:Fraunces,serif;font-size:15px;font-weight:300;line-height:1.8}.chunk-heading{letter-spacing:.16em;text-transform:uppercase;color:var(--text-mid);margin-bottom:.75em;font-family:DM Sans,sans-serif;font-size:11px;font-weight:700;line-height:1.45}.chunk.active{color:var(--text);text-shadow:0 0 24px #f0ede826}.chunk.active .chunk-heading{color:var(--mint)}.preview-count{color:var(--text-dim);margin-top:12px;font-family:JetBrains Mono,monospace;font-size:10px}.player{padding:0 16px calc(var(--safe-bottom) + 16px);z-index:100;animation:.5s cubic-bezier(.22,1,.36,1) both slideUp;position:fixed;bottom:0;left:0;right:0}.player-inner{-webkit-backdrop-filter:blur(40px)saturate(1.4);backdrop-filter:blur(40px)saturate(1.4);background:#080810bf;border:1px solid #ffffff0f;border-radius:24px;max-width:640px;margin:0 auto;padding:20px 24px;box-shadow:0 -12px 48px #0009,inset 0 0 0 1px #ffffff05}.player-top{align-items:center;gap:12px;margin-bottom:14px;display:flex}.player-title{min-width:0;color:var(--text);text-overflow:ellipsis;white-space:nowrap;flex:1;font-family:Fraunces,serif;font-size:15px;font-style:italic;font-weight:300;overflow:hidden}.player-chunk{color:var(--text-dim);white-space:nowrap;flex-shrink:0;font-family:JetBrains Mono,monospace;font-size:9px}.progress-bar{cursor:pointer;background:#ffffff0f;border-radius:99px;height:2px;margin-bottom:18px;position:relative;overflow:visible}.progress-fill{background:var(--mint);border-radius:99px;height:100%;transition:width .3s linear;position:relative}.progress-fill:after{content:"";background:var(--mint);border-radius:50%;width:8px;height:8px;position:absolute;top:50%;right:-4px;transform:translateY(-50%);box-shadow:0 0 12px #6ee7b7b3,0 0 4px #6ee7b7e6}.controls{justify-content:space-between;align-items:center;gap:10px;display:flex}.ctrl-left{align-items:center;gap:12px;display:flex}.voice-select,.speed-select{color:var(--text-dim);cursor:pointer;appearance:none;background:0 0;border:none;outline:none;font-family:JetBrains Mono,monospace;font-size:11px;transition:color .2s}.voice-select{max-width:116px}.voice-select:hover,.speed-select:hover{color:var(--text)}.voice-select option,.speed-select option{color:var(--text);background:#0c0c18}.ctrl-center{align-items:center;gap:12px;display:flex}.skip-btn{cursor:pointer;width:36px;height:36px;color:var(--text-dim);background:0 0;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.skip-btn:hover{color:var(--text);border-color:#ffffff26}.skip-btn:disabled{opacity:.3;cursor:not-allowed}.play-btn{background:var(--bg);cursor:pointer;width:64px;height:64px;color:var(--text);background-image:linear-gradient(var(--bg), var(--bg)), linear-gradient(135deg, var(--mint), var(--indigo));background-origin:border-box;background-clip:padding-box,border-box;border:none;border-radius:50%;justify-content:center;align-items:center;padding:2px;font-size:22px;transition:all .25s;display:flex;position:relative;box-shadow:0 0 0 2px #080810,0 0 0 4px #0000}.play-btn:before{content:"";background:conic-gradient(from 0deg, var(--mint), var(--indigo), var(--mint));opacity:.15;border-radius:50%;animation:none;position:absolute;inset:-6px}.play-btn.playing:before{animation:4s linear infinite ring-spin}@keyframes ring-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.play-btn:hover{transform:scale(1.06)}.play-btn:disabled{opacity:.35;cursor:not-allowed}.play-btn.loading{animation:1.5s ease-in-out infinite pulse-glow}@keyframes pulse-glow{0%,to{box-shadow:0 0 0 2px #080810,0 0 20px #6ee7b726}50%{box-shadow:0 0 0 2px #080810,0 0 36px #6ee7b759}}.ctrl-right{align-items:center;display:flex}.stop-btn{cursor:pointer;width:36px;height:36px;color:var(--text-dim);background:0 0;border:1px solid #ffffff14;border-radius:50%;justify-content:center;align-items:center;font-size:13px;transition:all .2s;display:flex}.stop-btn:hover{color:var(--red);border-color:#f871714d}.waveform{align-items:center;gap:3px;height:20px;margin-right:8px;display:flex}.waveform-bar{background:var(--mint);opacity:0;border-radius:99px;width:2.5px;transition:opacity .3s;animation:1.2s ease-in-out infinite wave}.waveform.playing .waveform-bar{opacity:1}.waveform-bar:first-child{height:5px;animation-delay:0s}.waveform-bar:nth-child(2){height:13px;animation-delay:.15s}.waveform-bar:nth-child(3){height:18px;animation-delay:.3s}.waveform-bar:nth-child(4){height:11px;animation-delay:.15s}.waveform-bar:nth-child(5){height:6px;animation-delay:0s}.toast{top:calc(var(--safe-top) + 16px);color:var(--text);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:300;white-space:nowrap;background:#0c0c18f2;border:1px solid #6ee7b733;border-radius:12px;padding:12px 22px;font-family:DM Sans,sans-serif;font-size:13px;transition:transform .35s cubic-bezier(.22,1,.36,1);position:fixed;left:50%;transform:translate(-50%)translateY(-80px)}.toast.show{transform:translate(-50%)translateY(0)}.toast.error{color:var(--red);border-color:#f871714d}.resume-banner{background:#6ee7b70d;border:1px solid #6ee7b726;border-radius:16px;justify-content:space-between;align-items:center;gap:12px;margin-bottom:24px;padding:14px 20px;animation:.4s cubic-bezier(.22,1,.36,1) both fadeUp;display:flex}.resume-banner.hidden{display:none}.resume-text{color:var(--text-mid);font-family:DM Sans,sans-serif;font-size:13px}.resume-text strong{color:var(--mint)}.resume-btns{flex-shrink:0;gap:8px;display:flex}.resume-yes,.resume-no{letter-spacing:.06em;cursor:pointer;text-transform:uppercase;border:none;border-radius:9px;padding:7px 14px;font-family:DM Sans,sans-serif;font-size:11px;font-weight:600;transition:all .2s}.resume-yes{color:var(--mint);background:#6ee7b726;border:1px solid #6ee7b740}.resume-yes:hover{background:#6ee7b740}.resume-no{color:var(--text-dim);background:#ffffff0a;border:1px solid #ffffff14}.resume-no:hover{background:#ffffff14}@keyframes fadeUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes wave{0%,to{transform:scaleY(.4)}50%{transform:scaleY(1)}}::-webkit-scrollbar{width:3px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#6ee7b733;border-radius:99px}