[hidden]{display:none!important}
:root{color-scheme:dark;--bg:#0b0e11;--panel:#161a1e;--border:#2b3135;--muted:#929da2;--ink:#edf4f0;--mint:#b8f7ce;--spotify:#1ed760;--blue:#377bef;--radius:20px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(ellipse 50% 17% at 79% 1%,rgba(32,107,61,.19),transparent),#0b0e11;color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.55}.site{max-width:1370px;margin:0 auto;padding:0 38px}.topbar{display:flex;justify-content:space-between;align-items:center;height:88px;border-bottom:1px solid #26302a}.brand{display:flex;gap:12px;align-items:center;letter-spacing:1px;font-size:14px}.brand-mark{width:39px;height:39px;border:1px solid #baf5cb;border-radius:13px;display:grid;place-items:center;color:#baf5cb;font-size:18px;background:#1a2e22}.brand strong{font-weight:850}.brand small{display:block;color:#9aa8a0;letter-spacing:3.4px;font-size:8px;margin-top:5px;font-weight:700}.to{color:#72ce8e}.top-tag{color:#7f9689;border:1px solid #334037;border-radius:40px;padding:8px 13px;letter-spacing:2px;font-size:10px;font-weight:750}.dot{display:inline-block;width:7px;height:7px;margin-right:9px;background:#23d16c;border-radius:50%;box-shadow:0 0 10px #23d16c}.hero{padding:61px 0 54px;max-width:950px}.eyebrow{color:#9de4af;letter-spacing:3px;font-size:10px;font-weight:800;display:flex;align-items:center;gap:12px}.line{display:inline-block;width:23px;height:1px;background:#96e8ac}.hero h1{font-size:clamp(40px,5.3vw,76px);line-height:1.06;letter-spacing:-3.6px;margin:18px 0;font-weight:800}.hero h1 em{font-style:normal;color:var(--mint)}.hero>p{max-width:650px;color:#9baaa4;line-height:1.7;font-size:15px}.workspace{display:grid;grid-template-columns:minmax(0,1.06fr) minmax(330px,.94fr);gap:30px;align-items:start}.controls{display:grid;gap:17px}.panel{background:linear-gradient(138deg,rgba(31,37,38,.99),rgba(19,23,26,.99));border:1px solid #323a3c;border-radius:21px;padding:24px}.panel-head{display:flex;gap:16px;align-items:center;margin-bottom:24px}.panel-head .num{color:#94e6b2;font-size:12px;letter-spacing:1px;border:1px solid #435d4b;border-radius:50%;width:40px;height:40px;display:grid;place-items:center;font-weight:800}.panel-head h2{margin:0 0 4px;font-size:20px;font-weight:740;letter-spacing:-.5px}.panel-head p{margin:0;font-size:12px;color:#8e9c96}label{display:block;color:#abb8ae;font-size:10px;font-weight:800;letter-spacing:1.4px;margin-bottom:9px}input:not([type=file]),textarea,select{width:100%;background:#0d1215;border:1px solid #384140;border-radius:9px;color:#eff4f0;padding:12px 13px;outline:none;transition:border-color .15s;min-height:47px;min-width:0}input:focus,textarea:focus,select:focus{border-color:#94e7ac}textarea{resize:vertical;line-height:1.55}input::placeholder{color:#566663}.paste-field{display:flex;align-items:center;background:#0d1215;border:1px solid #384140;border-radius:10px;padding-right:6px}.paste-field:focus-within{border-color:#94e7ac}.paste-field input{border:0;background:transparent;flex:1;min-width:0;padding-right:2px}.paste-field .inline-btn{background:#27372e;color:#baf7cf;font-size:11px;border:1px solid #345544;border-radius:7px;padding:10px;white-space:nowrap;font-weight:700}.button{width:100%;display:flex;justify-content:center;align-items:center;gap:8px;border-radius:10px;min-height:47px;padding:12px 16px;text-decoration:none;font-weight:800;font-size:13px;border:1px solid transparent;transition:filter .15s,transform .15s}.button:hover:not(:disabled){filter:brightness(1.07);transform:translateY(-1px)}.button-primary{margin-top:13px;background:#b4f5ca;color:#102217;justify-content:space-between;padding-left:20px;padding-right:20px}.button-secondary{background:#252c2e;color:#d4ded9;border-color:#3b4744}.button-facebook{background:#2459be;color:#fff;justify-content:space-between;margin-top:11px;padding-left:20px;padding-right:20px}.buttons-split{display:flex;gap:10px;margin-top:18px}.buttons-split>*{flex:1}.fields{margin-top:14px}.fields.two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.options-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}.file-input{display:block;width:100%;font-size:12px;background:#10161a;border:1px dashed #42514b;border-radius:9px;padding:11px 9px;color:#aab8af}.file-input::file-selector-button{background:#2e4034;border:0;color:#c0f5d1;padding:7px 10px;border-radius:6px;margin-right:10px;font-weight:700;font-size:11px}.info-text,.fine-print{margin:14px 0 0;color:#96a39d;line-height:1.55;font-size:11px}.status{color:#b7edc4;font-size:12px;line-height:1.55;margin-top:10px;white-space:pre-line;min-height:0}.status.error{color:#ffb2a3}.feature-pill{display:inline-flex;gap:7px;align-items:center;border:1px solid #3c5548;background:#1a3025;padding:8px 11px;border-radius:10px;color:#b3efc5;font-size:11px;font-weight:760}.feature-pill span{color:#5df89c}.video-desc{color:#acb8b0;font-size:13px;line-height:1.65;margin:17px 0 20px}.video-options{margin:19px 0}.audio-info{font-size:11px;color:#8da095;margin-top:8px}.progressbox{margin-top:15px;color:#c4d1c7;font-size:12px}.progressbar{height:7px;background:#354038;border-radius:30px;overflow:hidden;margin-bottom:8px}.progressbar span{display:block;background:#73e6a0;width:0;height:100%;transition:width .2s}.button-download{background:#c3f8d5;color:#132a19;margin:11px 0}.video-panel video{width:100%;border-radius:12px;margin-top:15px;max-height:360px;background:#0b0e11}.preview-area{position:sticky;top:20px}.preview-top{display:flex;align-items:end;justify-content:space-between;margin:5px 0 17px;gap:10px}.eyebrow.small{font-size:9px;letter-spacing:2px}.preview-top h2{font-size:28px;letter-spacing:-1px;margin:7px 0 0}.size-tag{color:#a6b7ad;border:1px solid #3a4a41;border-radius:30px;padding:8px 13px;white-space:nowrap;font-size:11px}.canvas-wrap{padding:12px;border:1px solid #46534b;border-radius:17px;background:#171d1c;display:grid;place-items:center;box-shadow:0 20px 60px rgba(0,0,0,.23)}canvas{display:block;width:100%;height:auto;max-height:640px;object-fit:contain;border-radius:8px;background:#12261b}.mock-post{margin-top:19px;background:#f8fbff;border-radius:14px;color:#1f2935;overflow:hidden;padding:16px}.mock-top{display:flex;align-items:center;gap:10px}.mock-avatar{width:38px;height:38px;border-radius:50%;background:#173c2d;color:#e6ffee;display:grid;place-items:center}.mock-top>div:nth-child(2){flex:1}.mock-top strong{display:block;font-size:12px}.mock-top small{display:block;font-size:10px;color:#747b85;margin-top:2px}.mock-top>span{font-size:23px;color:#9299a3}.mock-post p{font-size:12px;white-space:pre-wrap;line-height:1.6;margin:12px 0}.mock-link{background:#e8eef4;display:flex;gap:12px;align-items:center;border-radius:9px;padding:14px 11px}.mock-icon{background:#1ed760;color:#103f24;border-radius:50%;width:35px;height:35px;display:grid;place-items:center;flex:none}.mock-link div{flex:1;min-width:0}.mock-link strong,.mock-link small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mock-link strong{font-size:12px}.mock-link small{font-size:10px;color:#727d8a;margin-top:4px}.mock-reactions{display:flex;justify-content:space-around;border-top:1px solid #e4e8ea;margin-top:14px;padding-top:13px;color:#7b8490;font-size:11px}.spotify-player{margin-top:18px}.embed-label{font-size:10px;font-weight:800;letter-spacing:1.5px;margin-bottom:9px;color:#a5bba7}.preview-note{color:#7f8c84;font-size:11px;line-height:1.55;margin:15px 0}footer{margin-top:60px;border-top:1px solid #26302a;padding:24px 0 35px;color:#66796e;font-size:10px;font-weight:750;letter-spacing:1px}footer span{margin:0 10px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#cbfbdc;color:#18361d;padding:12px 18px;border-radius:10px;font-weight:800;font-size:12px;box-shadow:0 10px 40px #0008;transition:all .2s;max-width:90vw;z-index:10}.toast.show{opacity:1;transform:translate(-50%,0)}@media(max-width:930px){.workspace{grid-template-columns:1fr}.preview-area{position:static;max-width:700px;margin:auto;width:100%}.preview-area{grid-row:auto}.site{padding:0 23px}.hero{padding:37px 0 27px}.hero h1{letter-spacing:-2px}.preview-note{margin-bottom:22px}}@media(max-width:590px){.site{padding:0 15px}.topbar{height:70px}.brand{font-size:12px}.brand-mark{width:32px;height:32px;border-radius:10px}.top-tag{display:none}.hero h1{font-size:42px;letter-spacing:-2.5px}.hero p{font-size:13px}.panel{padding:19px}.panel-head h2{font-size:18px}.fields.two{grid-template-columns:1fr}.preview-top h2{font-size:24px}.mock-post{padding:13px}.canvas-wrap{padding:8px}}

/* On-device music highlight finder */
.hook-box{border:1px solid #456d55;background:linear-gradient(140deg,#172d25,#111c1d);border-radius:15px;padding:17px;margin:16px 0 4px}
.hook-head{display:flex;align-items:center;justify-content:space-between;gap:8px}.hook-head h3{font-size:16px;margin:5px 0 0;letter-spacing:-.3px}.hook-tag{font-size:9px;letter-spacing:1.7px;font-weight:850;color:#9aecb5}.hook-bolt{color:#c7f4dc;font-size:28px}
.analysis-busy{display:flex;gap:13px;align-items:center;margin-top:16px;background:#10211a;border-radius:10px;padding:14px}.analysis-busy strong,.analysis-busy small{display:block}.analysis-busy strong{font-size:12px}.analysis-busy small{font-size:11px;line-height:1.5;margin-top:3px;color:#8da699}.spinner{height:24px;width:24px;border:3px solid #3a6148;border-top-color:#aef3bf;border-radius:50%;animation:spin .7s linear infinite;flex:none}@keyframes spin{to{transform:rotate(360deg)}}
.hook-explanation,.hook-foot{font-size:11px;line-height:1.5;color:#a0b4a6}.hook-foot{margin:13px 0 0}.hook-picks{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:13px 0 18px}.hook-pick{min-width:0;text-align:left;padding:13px 10px;background:#0c1a17;border:1px solid #365241;border-radius:10px;color:#c0dfc9}.hook-pick.active{background:#244633;border-color:#abf9c4;box-shadow:0 0 0 1px #80cb9a}.hook-pick span,.hook-pick strong,.hook-pick small{display:block}.hook-pick span{font-size:9px;letter-spacing:.8px;font-weight:850;color:#a6f1c0}.hook-pick strong{font-size:23px;line-height:1.35;color:#fff;margin-top:7px;font-variant-numeric:tabular-nums}.hook-pick small{font-size:10px;color:#98b19e;line-height:1.4;margin-top:5px}
.seek-heading,.seek-labels{display:flex;align-items:center;justify-content:space-between;gap:12px}.seek-heading label{margin:0}.seek-heading span{font-size:12px;color:#a5edbb;font-weight:800;font-variant-numeric:tabular-nums}.seek-labels{font-size:10px;color:#8ea399}.hook-box input[type=range]{width:100%;appearance:none;background:#446d52;height:6px;border-radius:15px;margin:14px 0 8px;cursor:pointer}.hook-box input[type=range]::-webkit-slider-thumb{appearance:none;width:19px;height:19px;border-radius:50%;background:#bdffd2;box-shadow:0 0 0 4px #1d3829}.hook-box input[type=range]::-moz-range-thumb{width:19px;height:19px;border:0;border-radius:50%;background:#bdffd2}.preview-audio-btn{margin-top:14px;font-size:12px;min-height:43px}
@media(max-width:360px){.hook-picks{grid-template-columns:1fr}}