:root{--bg:#090a0c;--surface:#101216;--surface-2:#15181d;--surface-3:#1b1f25;--border:#282d35;--border-bright:#3a414c;--text:#f4f3ef;--muted:#9299a5;--quiet:#626a76;--lime:#d7ff64;--lime-dark:#a8d332;--amber:#f0b95f;--red:#c87878;--radius:10px;--max:1540px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:var(--text);background:radial-gradient(circle at 65% -20%, #d7ff6412, transparent 32rem), var(--bg);margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:16px;line-height:1.5}button,input,textarea,select{font:inherit}button,select{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.48}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid var(--lime);outline-offset:3px}.app-shell{min-height:100dvh}.topbar{border-bottom:1px solid var(--border);z-index:30;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#090a0ce0;justify-content:space-between;align-items:center;height:68px;padding:0 28px;display:flex;position:sticky;top:0}.brand{letter-spacing:.14em;align-items:center;gap:11px;font-size:13px;font-weight:700;display:inline-flex}.brand-mark{color:#0b0c0d;background:var(--lime);border-radius:7px;place-items:center;width:34px;height:34px;display:grid}.topbar-meta{align-items:center;gap:10px;display:flex}.status{color:var(--muted);align-items:center;gap:8px;margin-right:8px;font-size:12px;display:inline-flex}.status-dot{background:var(--lime);border-radius:50%;width:7px;height:7px;box-shadow:0 0 10px #d7ff648c}.icon-button,.secondary-button,.primary-button,.choose-button,.tone-chip{border:0;transition:background .18s,color .18s,border-color .18s,transform .18s}.icon-button{border:1px solid var(--border);width:42px;height:42px;color:var(--muted);background:0 0;border-radius:7px;place-items:center;display:grid}.icon-button:hover{color:var(--text);border-color:var(--border-bright);background:var(--surface-2)}.secondary-button{min-height:42px;color:var(--text);background:var(--surface-2);border:1px solid var(--border);border-radius:7px;align-items:center;gap:8px;padding:0 15px;font-size:13px;display:inline-flex}.secondary-button:hover{border-color:var(--border-bright)}.workspace{max-width:var(--max);grid-template-columns:300px minmax(0,1fr);min-height:calc(100dvh - 68px);margin:0 auto;display:grid}.story-spine{border-right:1px solid var(--border);align-self:start;height:calc(100dvh - 68px);padding:30px 22px 40px;position:sticky;top:68px;overflow-y:auto}.aside-heading{border-bottom:1px solid var(--border);color:var(--muted);justify-content:space-between;align-items:flex-start;padding-bottom:20px;display:flex}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:.12em;margin:0 0 6px;font-size:10px;font-weight:700}.aside-status{color:var(--text);margin:0;font-size:13px}.spine-list{padding-top:22px}.spine-node{grid-template-columns:28px 1fr;gap:11px;padding-bottom:26px;display:grid;position:relative}.spine-node:not(:last-child):before{content:"";background:var(--border-bright);width:1px;position:absolute;top:26px;bottom:0;left:13px}.node-index{z-index:1;width:28px;height:28px;color:var(--bg);background:var(--lime);border-radius:50%;place-items:center;font-size:11px;font-weight:800;display:grid;position:relative}.root-node .node-index{color:var(--muted);background:var(--surface-3);border:1px solid var(--border-bright)}.node-label{color:var(--quiet);text-transform:uppercase;letter-spacing:.1em;margin:1px 0 4px;font-size:9px;font-weight:700;display:block}.spine-node p{color:#bec3ca;-webkit-line-clamp:5;-webkit-box-orient:vertical;margin:0;font-size:12px;line-height:1.55;display:-webkit-box;overflow:hidden}.spine-empty{color:var(--quiet);align-items:flex-start;gap:9px;padding:14px 0 0 40px;font-size:11px;line-height:1.5;display:flex}.spine-empty svg{flex:none;margin-top:1px}.main-stage{width:100%;max-width:1120px;padding:66px clamp(28px,5vw,76px) 110px}.hero-copy{max-width:840px}.accent-eyebrow{color:var(--lime);align-items:center;gap:7px;display:flex}h1{letter-spacing:-.055em;max-width:800px;margin:17px 0 20px;font-size:clamp(42px,5.4vw,76px);font-weight:450;line-height:.98}h1 em{color:var(--lime);font-style:normal;font-weight:450}.hero-copy>p:last-child{max-width:720px;color:var(--muted);margin:0;font-size:clamp(15px,1.4vw,18px);line-height:1.65}.creative-band{border:1px solid var(--border);border-radius:var(--radius);grid-template-columns:8fr 1fr 1fr;min-height:72px;margin:42px 0 24px;display:grid;overflow:hidden}.band-segment{border-right:1px solid var(--border);flex-direction:column;justify-content:center;min-width:0;padding:15px 17px;display:flex}.band-segment:last-child{border-right:0}.band-segment span{white-space:normal;overflow-wrap:normal;word-break:normal;font-size:12px;font-weight:650;line-height:1.2}.band-segment small{color:var(--quiet);font-size:10px}.expected{background:var(--surface);color:var(--muted)}.entertaining,.absurd{padding-inline:8px}.entertaining span,.absurd span{font-size:10px}.entertaining{color:#111;background:var(--lime);position:relative}.entertaining:after{content:"";pointer-events:none;border:1px solid #00000040;position:absolute;inset:7px}.entertaining small{color:#0000009e}.absurd{color:#c9a9a9;background:#1b1316}.absurd small{color:#86666d}.brief-card{border:1px solid var(--border);border-radius:var(--radius);background:linear-gradient(145deg,#181b20f7,#0f1115f7);padding:clamp(22px,3vw,34px)}.field-heading{gap:14px;margin-bottom:16px;display:flex}.field-number{border:1px solid var(--border-bright);width:29px;height:29px;color:var(--lime);border-radius:50%;flex:none;place-items:center;font:700 10px ui-monospace,monospace;display:grid}.field-heading label{color:var(--text);font-size:14px;font-weight:650;display:block}.field-heading p{color:var(--quiet);margin:2px 0 0;font-size:11px}textarea,input,select{color:var(--text);border:1px solid var(--border);background:#0c0e11;border-radius:6px}textarea:hover,input:hover,select:hover{border-color:var(--border-bright)}textarea:focus,input:focus,select:focus{border-color:var(--lime-dark);outline:none}textarea{resize:vertical;width:100%;min-height:138px;padding:17px 18px;font-size:17px;line-height:1.55}.brief-grid{grid-template-columns:1.5fr 1fr;gap:14px;margin-top:14px;display:grid}.field-group label,.tone-fieldset legend{color:var(--muted);align-items:center;gap:7px;margin-bottom:8px;font-size:11px;font-weight:600;display:flex}.field-group input,.field-group select{width:100%;min-height:47px;padding:0 13px;font-size:13px}.select-wrap{position:relative}.select-wrap select{appearance:none;padding-right:38px}.select-wrap svg{pointer-events:none;color:var(--quiet);position:absolute;top:50%;right:13px;transform:translateY(-50%)}.tone-fieldset{border:0;margin:21px 0 0;padding:0}.tone-options{flex-wrap:wrap;gap:8px;display:flex}.tone-chip{min-height:38px;color:var(--muted);border:1px solid var(--border);background:0 0;border-radius:999px;align-items:center;gap:5px;padding:0 14px;font-size:12px;display:inline-flex}.tone-chip:hover{color:var(--text);border-color:var(--border-bright)}.tone-chip.active{color:#111;background:var(--lime);border-color:var(--lime)}.form-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:flex-end;gap:20px;margin-top:27px;padding-top:21px;display:flex}.count-control{color:var(--quiet);text-transform:uppercase;letter-spacing:.1em;flex-direction:column;gap:6px;font-size:10px;display:flex}.count-control select{min-width:72px;height:42px;padding:0 10px}.primary-button{color:#0a0b0c;background:var(--lime);border-radius:6px;justify-content:center;align-items:center;gap:9px;min-height:48px;padding:0 19px;font-size:13px;font-weight:750;display:inline-flex}.primary-button:hover:not(:disabled){background:#e3ff8e;transform:translateY(-1px)}.alert{border-radius:7px;align-items:center;gap:10px;margin-top:16px;padding:13px 15px;font-size:12px;display:flex}.alert svg{flex:none}.demo-alert{color:#c8c0a7;background:#f0b95f14;border:1px solid #f0b95f38}.demo-alert svg{color:var(--amber)}.error-alert{color:#dcb1b1;background:#c8787814;border:1px solid #c878783d}.results-section{margin-top:64px}.results-header{justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:22px;display:flex}.results-header h2,.continue-card h2{letter-spacing:-.035em;margin:3px 0 0;font-size:clamp(25px,3vw,36px);font-weight:480}.ranking-note{max-width:290px;color:var(--quiet);text-align:right;font-size:11px}.idea-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.idea-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);flex-direction:column;min-width:0;padding:23px;transition:border-color .18s,transform .18s;display:flex}.idea-card:hover{border-color:var(--border-bright);transform:translateY(-2px)}.idea-topline{justify-content:space-between;align-items:baseline;display:flex}.rank{color:var(--lime);letter-spacing:.1em;font:700 10px ui-monospace,monospace}.score{color:var(--text);font:500 24px ui-monospace,monospace}.score small{color:var(--quiet);font-size:9px}.idea-card h3{letter-spacing:-.03em;max-width:380px;margin:17px 0 9px;font-size:22px;font-weight:520;line-height:1.12}.turn-copy{color:#b6bbc3;margin:0;font-size:13px;line-height:1.65}.why-box{border-left:2px solid var(--lime);background:#d7ff640e;align-items:flex-start;gap:9px;margin:19px 0;padding:13px;display:flex}.why-box svg{color:var(--lime);flex:none;margin-top:2px}.why-box p{color:#aeb5ac;margin:0;font-size:11px;line-height:1.55}.why-box strong{color:var(--lime);text-transform:uppercase;letter-spacing:.09em;margin-bottom:3px;font-size:9px;display:block}.setup-payoff{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:1fr auto 1fr;align-items:start;gap:9px;padding:14px 0 16px;display:grid}.setup-payoff>svg{color:var(--quiet);margin-top:16px}.setup-payoff span{color:var(--quiet);text-transform:uppercase;letter-spacing:.1em;font-size:8px;font-weight:700}.setup-payoff p{color:#a7adb6;margin:3px 0 0;font-size:10px;line-height:1.45}.metrics{gap:7px;margin:17px 0 8px;display:grid}.metric{color:var(--quiet);grid-template-columns:67px 1fr 22px;align-items:center;gap:9px;font-size:9px;display:grid}.metric b{color:var(--muted);text-align:right;font:600 9px ui-monospace,monospace}.metric-track{background:var(--surface-3);height:3px;overflow:hidden}.metric-track i{background:var(--lime-dark);height:100%;display:block}.risk{color:#8d8580;align-items:flex-start;gap:7px;margin:9px 0 17px;font-size:9px;line-height:1.45;display:flex}.risk svg{color:var(--amber);flex:none;margin-top:1px}.choose-button{min-height:43px;color:var(--text);border:1px solid var(--border-bright);background:0 0;border-radius:5px;justify-content:space-between;align-items:center;margin-top:auto;padding:0 13px;font-size:11px;font-weight:650;display:flex}.choose-button:hover{color:#101;background:var(--lime);border-color:var(--lime)}.continue-card{border-radius:var(--radius);background:linear-gradient(110deg,#d7ff6414,#0000 70%);border:1px solid #d7ff6438;justify-content:space-between;align-items:center;gap:30px;margin-top:46px;padding:27px;display:flex}.continue-card p:last-child{max-width:630px;color:var(--muted);margin:7px 0 0;font-size:12px}.continue-card .primary-button{flex:none}.skeleton-grid{grid-template-columns:repeat(2,1fr);gap:14px;display:grid}.idea-skeleton{border-radius:var(--radius);border:1px solid var(--border);background:linear-gradient(100deg, var(--surface) 20%, var(--surface-2) 40%, var(--surface) 60%);background-size:200% 100%;height:410px;animation:1.4s ease-in-out infinite shimmer}.spin{animation:.9s linear infinite spin}@keyframes shimmer{to{background-position:-200% 0}}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width:900px){.workspace{grid-template-columns:1fr}.story-spine{border-right:0;border-bottom:1px solid var(--border);height:auto;padding:18px 22px;position:static}.spine-list{gap:14px;padding:14px 0 2px;display:flex;overflow-x:auto}.spine-node{min-width:240px;padding:0}.spine-node:before{display:none}.spine-empty{min-width:250px;padding:7px 0}.main-stage{margin:0 auto;padding-top:48px}}@media (max-width:680px){.topbar{height:60px;padding:0 16px}.status,.secondary-button{display:none}.main-stage{padding:38px 16px 80px}h1{font-size:clamp(39px,13vw,58px)}.creative-band{grid-template-columns:6fr 2.2fr 1.8fr;min-height:78px}.band-segment{padding:11px 9px}.band-segment span{white-space:normal;font-size:9px}.band-segment small{font-size:8px}.brief-card{padding:19px 15px}textarea{min-height:155px;padding:14px;font-size:16px}.brief-grid,.idea-grid,.skeleton-grid{grid-template-columns:1fr}.form-footer{align-items:stretch}.primary-button{flex:1;padding:0 12px}.results-header{flex-direction:column;align-items:flex-start;gap:8px}.ranking-note{text-align:left}.continue-card{flex-direction:column;align-items:stretch}.continue-card .primary-button{width:100%}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}