.hookline-auto-root{--bg:#0f0b09;--bg-2:#15120f;--bg-3:#1c1916;--surface:#1b1714;--surface-hi:#25211d;--fg:#faf8f5;--fg-2:#d6d0c9;--fg-3:#a39d97;--fg-4:#68625c;--fg-5:#36322d;--accent:#ffb06c;--accent-hi:#ffd396;--accent-soft:#ffb06c2e;--accent-glow:#ffb06c66;--cool:#65c6e4;--cool-soft:#65c6e42e;--warn:#f5886c;--good:#7acf7e;--font-ui:"Geist", system-ui, sans-serif;--font-mono:"Geist Mono", ui-monospace, monospace;--font-serif:"Instrument Serif", Georgia, serif;--ease:cubic-bezier(.22, 1, .36, 1);--dur-fast:.18s;--dur:.36s;--dur-slow:.52s;background:var(--bg);min-height:100%;color:var(--fg);font-family:var(--font-ui);font-feature-settings:"ss01", "ss02", "cv01";-webkit-font-smoothing:antialiased;isolation:isolate;position:relative;overflow-x:hidden}@supports (color:lab(0% 0 0)){.hookline-auto-root{--bg:lab(3.35329% .813648 1.39435);--bg-2:lab(5.70507% 1.14336 2.00739);--bg-3:lab(8.92273% 1.39947 2.66989);--surface:lab(8.33995% 1.58631 2.90298);--surface-hi:lab(12.9781% 1.75589 3.37938);--fg:lab(97.6948% .282437 1.88138);--fg-2:lab(83.7657% 1.39275 4.33434);--fg-3:lab(65.2051% 1.40333 4.34151);--fg-4:lab(42.0039% 1.42604 4.35734);--fg-5:lab(21.1222% 1.20813 3.64574);--accent:lab(78.6544% 26.0968 48.487);--accent-hi:lab(88.2249% 19.3722 52.1489);--accent-soft:lab(78.6544% 26.0968 48.487/.18);--accent-glow:lab(78.6544% 26.0968 48.487/.4);--cool:lab(75.0102% -23.6546 -23.7945);--cool-soft:lab(75.0102% -23.6546 -23.7945/.18);--warn:lab(68.6848% 40.9032 34.0953);--good:lab(76.2082% -39.2083 31.9012)}}.hookline-auto-root:before{content:"";pointer-events:none;z-index:0;background-image:radial-gradient(circle at 12% 22%,#eeeeee2e .6px,#0000 1.2px),radial-gradient(circle at 78% 14%,#eeeeee24 .6px,#0000 1.2px),radial-gradient(circle at 64% 84%,#eee3 .6px,#0000 1.2px),radial-gradient(circle at 26% 72%,#eeeeee1a .6px,#0000 1.2px),radial-gradient(circle at 92% 58%,#eeeeee1f .6px,#0000 1.2px),radial-gradient(circle at 8% 92%,#eeeeee1a .6px,#0000 1.2px);background-image:radial-gradient(circle at 12% 22%,lab(94.2% 0 0/.18) .6px,#0000 1.2px),radial-gradient(circle at 78% 14%,lab(94.2% 0 0/.14) .6px,#0000 1.2px),radial-gradient(circle at 64% 84%,lab(94.2% 0 0/.2) .6px,#0000 1.2px),radial-gradient(circle at 26% 72%,lab(94.2% 0 0/.1) .6px,#0000 1.2px),radial-gradient(circle at 92% 58%,lab(94.2% 0 0/.12) .6px,#0000 1.2px),radial-gradient(circle at 8% 92%,lab(94.2% 0 0/.1) .6px,#0000 1.2px);background-size:100% 100%;position:absolute;inset:0}.hookline-auto-root:after{content:"";background:radial-gradient(ellipse at center, var(--accent-glow), transparent 65%);opacity:.18;filter:blur(40px);pointer-events:none;z-index:0;width:90vw;height:60vh;position:absolute;top:-20vh;left:50%;transform:translate(-50%)}.hookline-auto-root *{box-sizing:border-box}.hookline-auto-root .app{z-index:1;grid-template-rows:56px 1fr;min-height:100%;display:grid;position:relative}.hookline-auto-root .top{color:var(--fg-2);-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;padding:0 22px;font-size:13px;display:flex}.hookline-auto-root .top__left,.hookline-auto-root .top__right{align-items:center;gap:14px;display:flex}.hookline-auto-root .brand{letter-spacing:-.01em;color:var(--fg);align-items:center;gap:8px;font-weight:600;display:inline-flex}.hookline-auto-root .brand__mark{background:linear-gradient(135deg, var(--accent) 0%, var(--accent-hi) 100%);width:18px;height:18px;box-shadow:0 0 18px var(--accent-glow);border-radius:6px}.hookline-auto-root .crumb{color:var(--fg-3)}.hookline-auto-root .crumb__sep{color:var(--fg-5);margin:0 4px}.hookline-auto-root .project{color:var(--fg);cursor:text;transition:background var(--dur-fast) var(--ease);border-radius:5px;outline:none;margin-left:-6px;padding:2px 6px;font-weight:500}.hookline-auto-root .project:hover{background:#ffffff08;background:lab(100% 0 0/.03)}.hookline-auto-root .project:focus{background:var(--bg-3);box-shadow:0 0 0 1px var(--accent-soft)}.hookline-auto-root .project-wrap{align-items:center;gap:2px;display:inline-flex;position:relative}.hookline-auto-root .save-indicator{font-family:var(--font-mono);color:var(--fg-4);letter-spacing:.06em;align-items:center;gap:5px;font-size:9.5px;display:inline-flex}.hookline-auto-root .save-indicator__dot{background:var(--good);width:5px;height:5px;box-shadow:0 0 6px var(--good);border-radius:50%}.hookline-auto-root .save-indicator[data-state=saving] .save-indicator__dot{background:var(--accent);box-shadow:0 0 6px var(--accent);animation:dotPulse 1s var(--ease) infinite}.hookline-auto-root .save-indicator[data-state=dirty] .save-indicator__dot{background:var(--fg-4);box-shadow:none}.hookline-auto-root .keys-pill{background:var(--bg-2);color:var(--fg-2);cursor:pointer;transition:all var(--dur) var(--ease);font-size:12px;font-weight:500;font-family:var(--font-ui);border:0;border-radius:999px;align-items:center;gap:8px;padding:6px 12px 6px 10px;display:inline-flex}.hookline-auto-root .keys-pill:hover{background:var(--bg-3);color:var(--fg)}.hookline-auto-root .keys-pill[data-state=ok]{color:#bbf7bc;color:lab(91.9915% -27.9584 22.1988)}.hookline-auto-root .keys-pill[data-state=warn]{color:var(--accent-hi)}.hookline-auto-root .keys-pill__dot{background:var(--fg-4);width:6px;height:6px;transition:all var(--dur) var(--ease);border-radius:50%}.hookline-auto-root .keys-pill[data-state=ok] .keys-pill__dot{background:var(--good);box-shadow:0 0 8px var(--good)}.hookline-auto-root .keys-pill[data-state=warn] .keys-pill__dot{background:var(--accent);box-shadow:0 0 8px var(--accent)}.hookline-auto-root .icon-btn{width:30px;height:30px;color:var(--fg-3);cursor:pointer;transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:8px;justify-content:center;align-items:center;font-size:13px;display:inline-flex}.hookline-auto-root .icon-btn:hover{background:var(--bg-2);color:var(--fg)}.hookline-auto-root .main{flex-direction:column;gap:28px;width:100%;max-width:880px;margin:0 auto;padding:56px 28px 120px;display:flex}.hookline-auto-root .intro{font-family:var(--font-serif);letter-spacing:.005em;color:var(--fg);text-wrap:pretty;max-width:720px;margin:0;font-size:38px;font-style:italic;line-height:1.15}.hookline-auto-root .intro .accent{color:var(--accent-hi)}.hookline-auto-root .intro__sub{font-family:var(--font-ui);color:var(--fg-3);letter-spacing:.005em;margin-top:10px;font-size:13px;font-style:normal;line-height:1.5}.hookline-auto-root .drop{cursor:pointer;transition:all var(--dur) var(--ease);background:#ffffff04;background:lab(100% 0 0/.015);border:1.5px dashed #ffffff29;border:1.5px dashed lab(100% 0 0/.16);border-radius:18px;flex-direction:column;justify-content:center;min-height:200px;padding:28px;display:flex;position:relative}.hookline-auto-root .drop:hover{background:#ffffff06;background:lab(100% 0 0/.025);border-color:#ffffff47;border-color:lab(100% 0 0/.28)}.hookline-auto-root .drop[data-drag=true]{border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px var(--accent), 0 0 60px -20px var(--accent-glow)}.hookline-auto-root .drop[data-filled=true]{cursor:default;background:#ffffff06;background:lab(100% 0 0/.025);border-style:solid;border-color:#ffffff14;border-color:lab(100% 0 0/.08)}.hookline-auto-root .drop[data-filled=false]:before{content:"";background:radial-gradient(ellipse at center, var(--accent-glow), transparent 70%);opacity:0;z-index:-1;animation:pulse 4.5s var(--ease) infinite;pointer-events:none;border-radius:19px;position:absolute;inset:-1px}@keyframes pulse{0%,to{opacity:0;transform:scale(.96)}50%{opacity:.18;transform:scale(1.02)}}.hookline-auto-root .drop__empty{text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:14px;display:flex}.hookline-auto-root .drop__icon{background:var(--bg-2);width:48px;height:48px;color:var(--fg-3);border-radius:12px;justify-content:center;align-items:center;display:inline-flex;box-shadow:inset 0 0 0 1px #ffffff0a;box-shadow:inset 0 0 0 1px lab(100% 0 0/.04)}.hookline-auto-root .drop__icon svg{width:22px;height:22px}.hookline-auto-root .drop__label{font-family:var(--font-serif);color:var(--fg);letter-spacing:.005em;font-size:26px;font-style:italic}.hookline-auto-root .drop__hint{font-family:var(--font-mono);color:var(--fg-4);letter-spacing:.06em;text-transform:uppercase;font-size:11px}.hookline-auto-root .drop__filled{grid-template-rows:auto auto;grid-template-columns:auto 1fr auto;align-items:center;gap:14px 16px;display:grid}.hookline-auto-root .drop__art{background:radial-gradient(ellipse at 30% 25%, var(--accent), #4f1d00);border-radius:14px;flex-shrink:0;grid-row:1/span 2;width:64px;height:64px;position:relative;overflow:hidden;box-shadow:0 8px 24px -10px #0009,0 0 0 1px #ffffff0f;box-shadow:0 8px 24px -10px lab(0% 0 0/.6),0 0 0 1px lab(100% 0 0/.06)}@supports (color:lab(0% 0 0)){.hookline-auto-root .drop__art{background:radial-gradient(ellipse at 30% 25%, var(--accent), lab(18.1034% 26.443 33.069))}}.hookline-auto-root .drop__art:after{content:"";background-image:radial-gradient(circle at 25% 35%,#ffffff80 .7px,#0000 1.4px),radial-gradient(circle at 70% 65%,#fff6 .7px,#0000 1.4px),radial-gradient(circle at 60% 25%,#fff9 .7px,#0000 1.4px);background-image:radial-gradient(circle at 25% 35%,lab(100% 0 0/.5) .7px,#0000 1.4px),radial-gradient(circle at 70% 65%,lab(100% 0 0/.4) .7px,#0000 1.4px),radial-gradient(circle at 60% 25%,lab(100% 0 0/.6) .7px,#0000 1.4px);position:absolute;inset:0}.hookline-auto-root .drop__meta{flex-direction:column;gap:4px;min-width:0;display:flex}.hookline-auto-root .drop__title{font-family:var(--font-serif);color:var(--fg);letter-spacing:.005em;cursor:text;white-space:nowrap;text-overflow:ellipsis;border-radius:5px;outline:none;margin-left:-6px;padding:1px 6px;font-size:22px;font-style:italic;line-height:1.2;overflow:hidden}.hookline-auto-root .drop__title:hover{background:#ffffff08;background:lab(100% 0 0/.03)}.hookline-auto-root .drop__title:focus{background:var(--bg-3);box-shadow:0 0 0 1px var(--accent-soft)}.hookline-auto-root .drop__file{font-family:var(--font-mono);color:var(--fg-4);letter-spacing:.04em;flex-wrap:wrap;align-items:center;gap:8px;font-size:10.5px;display:flex}.hookline-auto-root .drop__file .sep{color:var(--fg-5)}.hookline-auto-root .drop__actions{grid-area:1/3;place-self:start end;gap:4px;display:inline-flex}.hookline-auto-root .play-btn{background:var(--fg);width:36px;height:36px;color:var(--bg);cursor:pointer;transition:transform var(--dur-fast) var(--ease);border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.hookline-auto-root .play-btn:hover{transform:scale(1.06)}.hookline-auto-root .play-btn svg{width:12px;height:12px}.hookline-auto-root .remove-btn{width:30px;height:30px;color:var(--fg-4);cursor:pointer;transition:all var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:50%;justify-content:center;align-items:center;display:inline-flex}.hookline-auto-root .remove-btn:hover{background:var(--bg-3);color:var(--fg)}.hookline-auto-root .wave{grid-column:1/-1;align-items:center;gap:2px;height:44px;padding:0 4px;display:flex;overflow:hidden}.hookline-auto-root .wave__bar{background:linear-gradient(to bottom, var(--fg-3), var(--fg-4));transform-origin:50%;opacity:.6;min-width:2px;animation:barPaint .6s var(--ease) backwards;border-radius:1.5px;flex:1 1 0}.hookline-auto-root .wave__bar[data-played=true]{background:linear-gradient(to bottom, var(--accent), var(--accent-hi));opacity:1;box-shadow:0 0 6px var(--accent-glow)}@keyframes barPaint{0%{opacity:0;transform:scaleY(.05)}to{opacity:.6;transform:scaleY(1)}}.hookline-auto-root .attach-row{flex-wrap:wrap;align-items:center;gap:8px;margin-top:-8px;display:flex}.hookline-auto-root .attach-row__label{font-family:var(--font-mono);color:var(--fg-4);letter-spacing:.12em;text-transform:uppercase;margin-right:4px;font-size:10px}.hookline-auto-root .attach-chip{color:var(--fg-3);font-size:11.5px;font-family:var(--font-ui);cursor:pointer;transition:all var(--dur-fast) var(--ease);background:0 0;border:1px dashed #ffffff1f;border:1px dashed lab(100% 0 0/.12);border-radius:999px;align-items:center;gap:6px;padding:6px 12px 6px 10px;display:inline-flex;position:relative}.hookline-auto-root .attach-chip:hover{color:var(--fg);border-color:#ffffff3d;border-color:lab(100% 0 0/.24)}.hookline-auto-root .attach-chip[data-locked=true]{cursor:help;opacity:.65}.hookline-auto-root .attach-chip[data-locked=true]:hover{opacity:.85;border-color:#fff3;border-color:lab(100% 0 0/.2)}.hookline-auto-root .attach-chip__plus{color:var(--fg-4);font-size:14px;line-height:1}.hookline-auto-root .attach-chip__tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-5);background:var(--bg-2);border-radius:4px;margin-left:2px;padding:2px 5px;font-size:9px}.hookline-auto-root .attach-chip[data-active=true]{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-hi)}.hookline-auto-root .attach-chip[data-active=true] .attach-chip__plus{color:var(--accent-hi)}.hookline-auto-root .pills{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.hookline-auto-root .pill{background:var(--bg-2);color:var(--fg-2);font-size:12px;font-family:var(--font-ui);cursor:pointer;transition:all var(--dur-fast) var(--ease);border:0;border-radius:999px;align-items:center;gap:8px;padding:8px 10px 8px 12px;display:inline-flex;position:relative}.hookline-auto-root .pill:hover{background:var(--bg-3);color:var(--fg)}.hookline-auto-root .pill[data-open=true]{background:var(--accent-soft);color:var(--accent-hi)}.hookline-auto-root .pill__label{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;color:var(--fg-4);font-size:9.5px}.hookline-auto-root .pill[data-open=true] .pill__label{color:#ffb06cb3;color:lab(78.6544% 26.0968 48.487/.7)}.hookline-auto-root .pill__value{font-weight:500}.hookline-auto-root .pill__chev{color:var(--fg-4);font-size:9px}.hookline-auto-root .menu{z-index:40;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#090705f5;background:lab(1.97918% .425451 .74071/.96);border-radius:12px;min-width:220px;padding:6px;display:none;position:absolute;top:calc(100% + 8px);left:0;box-shadow:0 0 0 1px #ffffff0f,0 24px 60px -16px #000000b3;box-shadow:0 0 0 1px lab(100% 0 0/.06),0 24px 60px -16px lab(0% 0 0/.701961)}.hookline-auto-root .menu[data-open=true]{display:block}.hookline-auto-root .menu__item{width:100%;color:var(--fg-2);font-size:12px;font-family:var(--font-ui);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;padding:7px 10px;display:flex}.hookline-auto-root .menu__item:hover{color:var(--fg);background:#ffffff0d;background:lab(100% 0 0/.05)}.hookline-auto-root .menu__item[data-active=true]{background:var(--accent-soft);color:var(--accent-hi)}.hookline-auto-root .menu__item[data-locked=true]{opacity:.5;cursor:help}.hookline-auto-root .menu__item-aspect{flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;display:inline-flex}.hookline-auto-root .menu__item-aspect span{background:var(--fg-3);border-radius:2px}.hookline-auto-root .menu__item-meta{font-family:var(--font-mono);color:var(--fg-5);letter-spacing:.06em;text-transform:uppercase;margin-left:auto;font-size:9.5px}.hookline-auto-root .menu__item[data-active=true] .menu__item-meta{color:#ffb06cb3;color:lab(78.6544% 26.0968 48.487/.7)}.hookline-auto-root .seg{background:var(--bg-2);border-radius:999px;gap:0;padding:3px;display:inline-flex}.hookline-auto-root .seg__btn{color:var(--fg-3);cursor:pointer;font-size:11.5px;font-family:var(--font-ui);transition:all var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:999px;padding:5px 12px}.hookline-auto-root .seg__btn:hover{color:var(--fg)}.hookline-auto-root .seg__btn[data-active=true]{background:var(--accent-soft);color:var(--accent-hi)}.hookline-auto-root .expanders{border-top:1px solid #ffffff0d;border-top:1px solid lab(100% 0 0/.05);flex-direction:column;margin-top:4px;display:flex}.hookline-auto-root .exp{border-bottom:1px solid #ffffff0d;border-bottom:1px solid lab(100% 0 0/.05)}.hookline-auto-root .exp__head{cursor:pointer;text-align:left;width:100%;color:var(--fg-2);transition:color var(--dur-fast) var(--ease);background:0 0;border:0;justify-content:space-between;align-items:center;padding:14px 4px;display:flex}.hookline-auto-root .exp__head:hover{color:var(--fg)}.hookline-auto-root .exp__title{align-items:center;gap:12px;display:flex}.hookline-auto-root .exp__title-label{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3);font-size:10.5px}.hookline-auto-root .exp__hint{color:var(--fg-4);font-size:12px;font-family:var(--font-ui);font-style:italic}.hookline-auto-root .exp__chev{color:var(--fg-4);transition:transform var(--dur) var(--ease);font-size:11px}.hookline-auto-root .exp[data-open=true] .exp__chev{color:var(--accent-hi);transform:rotate(90deg)}.hookline-auto-root .exp[data-open=true] .exp__title-label{color:var(--accent-hi)}.hookline-auto-root .exp__body{padding:4px 4px 18px;display:none}.hookline-auto-root .exp[data-open=true] .exp__body{display:block}.hookline-auto-root .input-row{grid-template-columns:1fr 1fr 1fr;gap:8px;display:grid}.hookline-auto-root .input{background:var(--bg-2);color:var(--fg);font-family:var(--font-ui);transition:all var(--dur-fast) var(--ease);border:0;border-radius:8px;outline:none;padding:9px 12px;font-size:13px}.hookline-auto-root .input:focus{background:var(--bg-3);box-shadow:0 0 0 1px var(--accent-soft)}.hookline-auto-root .input::placeholder{color:var(--fg-5)}.hookline-auto-root .textarea{background:var(--bg-2);color:var(--fg);font-family:var(--font-ui);resize:vertical;width:100%;min-height:140px;transition:all var(--dur-fast) var(--ease);border:0;border-radius:10px;outline:none;padding:12px 14px;font-size:13px;line-height:1.5}.hookline-auto-root .textarea:focus{background:var(--bg-3);box-shadow:0 0 0 1px var(--accent-soft)}.hookline-auto-root .textarea::placeholder{color:var(--fg-5);font-style:italic;font-family:var(--font-serif);font-size:15px}.hookline-auto-root .adv-row{flex-direction:column;gap:4px;display:flex}.hookline-auto-root .toggle{cursor:pointer;transition:background var(--dur-fast) var(--ease);border-radius:8px;justify-content:space-between;align-items:center;padding:10px 4px;display:flex}.hookline-auto-root .toggle:hover{background:#ffffff05;background:lab(100% 0 0/.02)}.hookline-auto-root .toggle__txt{flex-direction:column;gap:2px;display:flex}.hookline-auto-root .toggle__title{color:var(--fg);align-items:center;gap:8px;font-size:13px;font-weight:500;display:flex}.hookline-auto-root .toggle__sub{color:var(--fg-4);font-size:11.5px;line-height:1.4}.hookline-auto-root .toggle__sw{background:var(--bg-3);width:36px;height:20px;transition:background var(--dur) var(--ease);border-radius:999px;flex-shrink:0;position:relative}.hookline-auto-root .toggle__sw:after{content:"";background:var(--fg-3);width:16px;height:16px;transition:all var(--dur) var(--ease);border-radius:50%;position:absolute;top:2px;left:2px}.hookline-auto-root .toggle[data-on=true] .toggle__sw{background:var(--accent)}.hookline-auto-root .toggle[data-on=true] .toggle__sw:after{background:var(--bg);box-shadow:0 0 8px var(--accent-glow);left:18px}.hookline-auto-root .tag{font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;color:var(--fg-5);background:var(--bg-2);border-radius:4px;padding:2px 5px;font-size:9px}.hookline-auto-root .tag--accent{color:var(--accent-hi);background:var(--accent-soft)}.hookline-auto-root .tag--cool{color:var(--cool);background:var(--cool-soft)}.hookline-auto-root .customize-bar{flex-wrap:wrap;align-items:center;gap:14px;margin-top:4px;padding:4px 0;display:flex}.hookline-auto-root .customize-toggle{color:var(--fg-3);font-family:var(--font-ui);cursor:pointer;transition:color var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:6px;align-items:center;gap:8px;margin-left:-4px;padding:6px 10px 6px 4px;font-size:12px;display:inline-flex}.hookline-auto-root .customize-toggle:hover{color:var(--fg)}.hookline-auto-root .customize-toggle__chev{color:var(--fg-4);transition:transform var(--dur) var(--ease);font-size:10px}.hookline-auto-root .customize-toggle[data-open=true]{color:var(--accent-hi)}.hookline-auto-root .customize-toggle[data-open=true] .customize-toggle__chev{color:var(--accent-hi);transform:rotate(90deg)}.hookline-auto-root .customize-summary{font-family:var(--font-mono);color:var(--fg-4);letter-spacing:.06em;flex-wrap:wrap;align-items:center;gap:6px;font-size:10.5px;display:inline-flex}.hookline-auto-root .customize-summary .sep{color:var(--fg-5)}.hookline-auto-root .customize-summary .touched{color:var(--fg-2)}.hookline-auto-root .customize-panel{animation:panelIn .32s var(--ease);flex-direction:column;gap:22px;margin-top:-10px;padding-top:10px;display:flex}@keyframes panelIn{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}.hookline-auto-root .cta-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:14px;margin-top:4px;display:flex}.hookline-auto-root .cta{background:var(--fg);color:var(--bg);font-family:var(--font-ui);cursor:pointer;letter-spacing:-.005em;transition:transform var(--dur-fast) var(--ease), box-shadow var(--dur) var(--ease);border:0;border-radius:12px;align-items:center;gap:10px;padding:12px 22px;font-size:14px;font-weight:600;display:inline-flex}.hookline-auto-root .cta:hover:not(:disabled){box-shadow:0 14px 30px -10px #ffffff2e, 0 0 50px -16px var(--accent-glow);transform:translateY(-1px)}.hookline-auto-root .cta:disabled{opacity:.45;cursor:not-allowed}.hookline-auto-root .cta--accent{background:var(--accent);color:var(--bg)}.hookline-auto-root .cta--accent:hover:not(:disabled){background:var(--accent-hi);box-shadow:0 0 50px -12px var(--accent-glow)}.hookline-auto-root .cta__arrow{font-family:var(--font-mono);font-size:14px}.hookline-auto-root .cta-note{font-family:var(--font-mono);color:var(--fg-4);letter-spacing:.06em;font-size:10.5px}.hookline-auto-root .cta-note--warn{color:var(--accent-hi)}.hookline-auto-root .recent{flex-direction:column;gap:12px;margin-top:12px;display:flex}.hookline-auto-root .recent__head{justify-content:space-between;align-items:baseline;display:flex}.hookline-auto-root .recent__title{font-family:var(--font-mono);letter-spacing:.16em;text-transform:uppercase;color:var(--fg-4);font-size:10.5px}.hookline-auto-root .recent__count{font-family:var(--font-mono);color:var(--fg-5);font-size:10px}.hookline-auto-root .recent__rail{scroll-snap-type:x mandatory;scrollbar-width:thin;gap:10px;padding:4px 0 8px;display:flex;overflow-x:auto}.hookline-auto-root .recent__rail::-webkit-scrollbar{height:4px}.hookline-auto-root .recent__rail::-webkit-scrollbar-thumb{background:var(--bg-3);border-radius:2px}.hookline-auto-root .recent-card{scroll-snap-align:start;background:var(--bg-2);cursor:pointer;transition:all var(--dur) var(--ease);text-align:left;border:0;border-radius:12px;flex-direction:column;flex:0 0 200px;padding:0;display:flex;overflow:hidden}.hookline-auto-root .recent-card:hover{background:var(--bg-3);transform:translateY(-2px)}.hookline-auto-root .recent-card__art{background:radial-gradient(ellipse at 30% 20%, var(--swa) 0%, var(--swb) 75%);height:90px;position:relative;overflow:hidden}.hookline-auto-root .recent-card__art:after{content:"";background-image:radial-gradient(circle at 25% 35%,#fff6 .6px,#0000 1.2px),radial-gradient(circle at 70% 65%,#ffffff4d .6px,#0000 1.2px),radial-gradient(circle at 60% 25%,#ffffff80 .6px,#0000 1.2px),radial-gradient(circle at 40% 78%,#ffffff4d .6px,#0000 1.2px);background-image:radial-gradient(circle at 25% 35%,lab(100% 0 0/.4) .6px,#0000 1.2px),radial-gradient(circle at 70% 65%,lab(100% 0 0/.3) .6px,#0000 1.2px),radial-gradient(circle at 60% 25%,lab(100% 0 0/.5) .6px,#0000 1.2px),radial-gradient(circle at 40% 78%,lab(100% 0 0/.3) .6px,#0000 1.2px);position:absolute;inset:0}.hookline-auto-root .recent-card__body{flex-direction:column;gap:2px;padding:10px 12px 12px;display:flex}.hookline-auto-root .recent-card__title{font-family:var(--font-serif);color:var(--fg);letter-spacing:.005em;text-overflow:ellipsis;white-space:nowrap;font-size:16px;font-style:italic;line-height:1.2;overflow:hidden}.hookline-auto-root .recent-card__meta{font-family:var(--font-mono);letter-spacing:.08em;color:var(--fg-4);gap:6px;margin-top:2px;font-size:9.5px;display:flex}.hookline-auto-root .recent-card__meta .sep{color:var(--fg-5)}.hookline-auto-root .hints{z-index:8;font-family:var(--font-mono);color:var(--fg-3);letter-spacing:.06em;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#090705d9;background:lab(1.97918% .425451 .74071/.85);border-radius:999px;gap:14px;width:fit-content;padding:6px 12px;font-size:10.5px;display:flex;position:fixed;bottom:16px;left:24px}.hookline-auto-root .hints kbd{font-family:var(--font-mono);color:var(--fg);background:var(--bg-3);border-radius:4px;margin:0 2px;padding:2px 6px;font-size:10px}.hookline-auto-root .cinema{z-index:100;background:var(--bg);opacity:0;transition:opacity .4s var(--ease);flex-direction:column;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.hookline-auto-root .cinema[data-open=true]{opacity:1;display:flex}.hookline-auto-root .cinema:before{content:"";background:radial-gradient(ellipse at center, var(--accent-glow), transparent 60%);opacity:.35;filter:blur(60px);pointer-events:none;width:90vw;height:60vh;animation:cinemaBreath 5.5s var(--ease) infinite;position:absolute;top:40%;left:50%;transform:translate(-50%,-50%)}@keyframes cinemaBreath{0%,to{opacity:.25;transform:translate(-50%,-50%)scale(.95)}50%{opacity:.45;transform:translate(-50%,-50%)scale(1.05)}}.hookline-auto-root .cinema__inner{z-index:2;text-align:center;flex-direction:column;align-items:center;gap:64px;width:min(720px,86vw);display:flex;position:relative}.hookline-auto-root .cinema__art{background:radial-gradient(ellipse at 30% 25%, var(--accent), #4f1d00);width:76px;height:76px;box-shadow:0 0 0 1px #ffffff0f, 0 0 60px -10px var(--accent-glow);animation:artFloat 4s var(--ease) infinite;border-radius:18px;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.hookline-auto-root .cinema__art{background:radial-gradient(ellipse at 30% 25%, var(--accent), lab(18.1034% 26.443 33.069));box-shadow:0 0 0 1px lab(100% 0 0/.06), 0 0 60px -10px var(--accent-glow)}}.hookline-auto-root .cinema__art:after{content:"";background-image:radial-gradient(circle at 30% 35%,#fff9 .8px,#0000 1.6px),radial-gradient(circle at 65% 60%,#fff6 .8px,#0000 1.6px),radial-gradient(circle at 50% 22%,#fff9 .8px,#0000 1.6px);background-image:radial-gradient(circle at 30% 35%,lab(100% 0 0/.6) .8px,#0000 1.6px),radial-gradient(circle at 65% 60%,lab(100% 0 0/.4) .8px,#0000 1.6px),radial-gradient(circle at 50% 22%,lab(100% 0 0/.6) .8px,#0000 1.6px);position:absolute;inset:0}@keyframes artFloat{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.hookline-auto-root .cinema__line{font-family:var(--font-serif);color:var(--fg);letter-spacing:.005em;text-wrap:pretty;opacity:1;min-height:1.18em;animation:lineRise .38s var(--ease);font-size:clamp(28px,4.6vw,48px);font-style:italic;line-height:1.18}@keyframes lineRise{0%{transform:translateY(10px)}to{transform:translateY(0)}}.hookline-auto-root .cinema__pipeline{font-family:var(--font-mono);color:var(--fg-4);letter-spacing:.14em;text-transform:uppercase;flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;font-size:9.5px;display:flex}.hookline-auto-root .cinema__step{transition:all var(--dur) var(--ease);border-radius:999px;align-items:center;gap:6px;padding:4px 8px;display:inline-flex}.hookline-auto-root .cinema__step-dot{background:var(--bg-3);width:5px;height:5px;transition:all var(--dur) var(--ease);border-radius:50%}.hookline-auto-root .cinema__step[data-state=done] .cinema__step-dot{background:var(--fg-3)}.hookline-auto-root .cinema__step[data-state=done]{color:var(--fg-3)}.hookline-auto-root .cinema__step[data-state=active] .cinema__step-dot{background:var(--accent);box-shadow:0 0 10px var(--accent-glow);animation:dotPulse 1.4s var(--ease) infinite}.hookline-auto-root .cinema__step[data-state=active]{color:var(--accent-hi)}@keyframes dotPulse{0%,to{transform:scale(1)}50%{transform:scale(1.4)}}.hookline-auto-root .cinema__step-sep{color:var(--fg-5)}.hookline-auto-root .cinema__cancel{color:var(--fg-4);font-family:var(--font-mono);letter-spacing:.1em;cursor:pointer;transition:color var(--dur-fast) var(--ease);background:0 0;border:0;border-radius:8px;padding:8px 14px;font-size:10.5px;position:absolute;bottom:28px}.hookline-auto-root .cinema__cancel:hover{color:var(--fg-2)}.hookline-auto-root .cinema__cancel kbd{font-family:var(--font-mono);color:var(--fg-3);background:var(--bg-2);border-radius:4px;margin-right:6px;padding:2px 6px}.hookline-auto-root .reveal{z-index:2;text-align:center;opacity:1;flex-direction:column;align-items:center;gap:32px;width:min(820px,92vw);display:flex;position:relative}.hookline-auto-root .reveal__label{font-family:var(--font-mono);letter-spacing:.18em;color:var(--fg-4);text-transform:uppercase;font-size:11px}.hookline-auto-root .reveal__name{font-family:var(--font-serif);color:var(--fg);letter-spacing:-.02em;font-size:clamp(72px,11vw,132px);font-style:italic;line-height:1}.hookline-auto-root .reveal__name-dot{color:var(--accent-hi)}.hookline-auto-root .reveal__card{aspect-ratio:9/16;background:radial-gradient(ellipse at 30% 20%, var(--vibe-a) 0%, var(--vibe-b) 60%);width:220px;box-shadow:0 30px 80px -20px #000000b3, 0 0 0 1px #ffffff0f, 0 0 80px -20px var(--vibe-c);border-radius:22px;position:relative;overflow:hidden}@supports (color:lab(0% 0 0)){.hookline-auto-root .reveal__card{box-shadow:0 30px 80px -20px #000000b3, 0 0 0 1px lab(100% 0 0/.06), 0 0 80px -20px var(--vibe-c)}}.hookline-auto-root .reveal__card-stars{background-image:radial-gradient(circle at 12% 18%,#eeeeeeb3 .6px,#0000 1.2px),radial-gradient(circle at 87% 12%,#eeeeee80 .6px,#0000 1.2px),radial-gradient(circle at 65% 78%,#eeec .6px,#0000 1.2px),radial-gradient(circle at 22% 70%,#eee6 .6px,#0000 1.2px),radial-gradient(circle at 40% 32%,#eee9 .6px,#0000 1.2px),radial-gradient(circle at 78%,#eeeeee80 .6px,#0000 1.2px);background-image:radial-gradient(circle at 12% 18%,lab(94.2% 0 0/.7) .6px,#0000 1.2px),radial-gradient(circle at 87% 12%,lab(94.2% 0 0/.5) .6px,#0000 1.2px),radial-gradient(circle at 65% 78%,lab(94.2% 0 0/.8) .6px,#0000 1.2px),radial-gradient(circle at 22% 70%,lab(94.2% 0 0/.4) .6px,#0000 1.2px),radial-gradient(circle at 40% 32%,lab(94.2% 0 0/.6) .6px,#0000 1.2px),radial-gradient(circle at 78%,lab(94.2% 0 0/.5) .6px,#0000 1.2px);position:absolute;inset:0}.hookline-auto-root .reveal__card-lyric{font-family:var(--font-ui);color:var(--fg);text-align:center;text-shadow:0 2px 24px #0009;letter-spacing:-.01em;width:84%;font-size:14px;font-weight:600;position:absolute;bottom:18%;left:50%;transform:translate(-50%)}.hookline-auto-root .reveal__card-lyric .word--hot{color:var(--accent-hi);text-shadow:0 0 22px var(--accent-glow)}.hookline-auto-root .reveal__reason{font-family:var(--font-serif);color:var(--fg-3);text-wrap:pretty;max-width:540px;font-size:17px;font-style:italic;line-height:1.45}.hookline-auto-root .reveal__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:10px;display:flex}.hookline-auto-root .reveal__alt{background:var(--bg-2);color:var(--fg-2);cursor:pointer;font-family:var(--font-ui);transition:background var(--dur-fast) var(--ease);border:0;border-radius:10px;padding:11px 18px;font-size:13px;font-weight:500}.hookline-auto-root .reveal__alt:hover{background:var(--bg-3);color:var(--fg)}.hookline-auto-root .gallery{grid-template-columns:repeat(7,1fr);gap:8px;width:100%;max-width:560px;margin-top:8px;display:grid}.hookline-auto-root .gallery__card{aspect-ratio:9/16;background:radial-gradient(ellipse at 30% 20%, var(--swa) 0%, var(--swb) 70%);cursor:pointer;transition:all var(--dur-fast) var(--ease);border:1.5px solid #0000;border-radius:10px;position:relative;overflow:hidden}.hookline-auto-root .gallery__card:hover{transform:translateY(-2px)}.hookline-auto-root .gallery__card[data-active=true]{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent), 0 0 30px -8px var(--accent-glow)}.hookline-auto-root .gallery__card-label{font-family:var(--font-mono);letter-spacing:.05em;text-transform:uppercase;color:#fffc;color:lab(100% 0 0/.8);text-align:center;background:linear-gradient(#0000,#0009);padding:4px 6px;font-size:8.5px;position:absolute;bottom:0;left:0;right:0}.hookline-auto-root .err{color:#ffdace;color:lab(89.9365% 28.5656 23.1441);background:#f5886c1a;background:lab(68.6848% 40.9032 34.0953/.1);border:1px solid #f5886c4d;border:1px solid lab(68.6848% 40.9032 34.0953/.3);border-radius:10px;padding:10px 14px;font-size:12.5px}.hookline-auto-root .err--auth{flex-direction:column;align-items:flex-start;gap:6px;padding:12px 14px;display:flex}.hookline-auto-root .err__title{font-size:13.5px;font-weight:600}.hookline-auto-root .err__body{opacity:.9;font-size:12.5px;line-height:1.45}.hookline-auto-root .err__cta{color:#121212;color:lab(5.26802% 0 0);cursor:pointer;background:#ffdace;background:lab(89.9365% 28.5656 23.1441);border:none;border-radius:8px;margin-top:4px;padding:6px 12px;font-size:12.5px;font-weight:600}.hookline-auto-root .err__cta:hover{background:#ffece7;background:lab(94.5789% 28.5259 23.0897)}@media (max-width:720px){.hookline-auto-root .main{gap:22px;padding:28px 18px 100px}.hookline-auto-root .intro{font-size:28px}.hookline-auto-root .drop{padding:22px}.hookline-auto-root .drop__filled{grid-template-columns:auto 1fr}.hookline-auto-root .drop__actions{grid-area:auto/1/auto/-1;justify-self:end}.hookline-auto-root .input-row{grid-template-columns:1fr}.hookline-auto-root .hints{display:none}.hookline-auto-root .cta-row{flex-direction:column;align-items:stretch}.hookline-auto-root .cta{justify-content:center}.hookline-auto-root .gallery{grid-template-columns:repeat(4,1fr)}}