:root{--bg: #080707;--bg-panel: rgba(26, 26, 26, .9);--bg-panel-2: rgba(30, 30, 30, .95);--bg-input: rgba(0, 0, 0, .32);--card-bg: linear-gradient(160deg, rgba(34, 34, 34, .96) 0%, rgba(20, 20, 20, .95) 100%);--border: rgba(255, 255, 255, .16);--border-strong: rgba(255, 255, 255, .26);--text: #f4f7fb;--text-dim: rgba(244, 247, 251, .86);--text-faint: rgba(244, 247, 251, .62);--accent: #ffa25c;--accent-soft: rgba(255, 162, 92, .2);--accent-line: rgba(255, 162, 92, .3);--ok: #4cdaa9;--warn: #ffc181;--err: #ff8181;--gold: #ffb877;--c-timeframe: #7dbaff;--c-stance: #c3adff;--c-ambition: #5fe6b8;--c-outcome: #ffcf9a;--c-tension: #ff9a9a;--radius: 16px;--shadow: 0 2px 4px rgba(0, 0, 0, .3), 0 10px 30px rgba(0, 0, 0, .35);--mono: "JetBrains Mono", ui-monospace, Menlo, monospace;--sans: "Figtree", system-ui, -apple-system, "Segoe UI", sans-serif;--display: "Syne", "Figtree", system-ui, sans-serif;--stage: "Anton", "Syne", system-ui, sans-serif}*{box-sizing:border-box}html{font-size:112.5%}html,body{margin:0;padding:0;background-color:var(--bg);background-image:radial-gradient(1100px 640px at 85% -10%,rgba(255,162,92,.12),transparent 60%),radial-gradient(900px 560px at -5% 108%,rgba(76,218,169,.07),transparent 60%);background-attachment:fixed;color:var(--text);font-family:var(--sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:18px clamp(12px,2.5vw,28px) 56px}.masthead{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--border);margin-bottom:18px}.masthead h1{font-family:var(--stage);font-weight:400;text-transform:uppercase;font-size:clamp(1.9rem,3.4vw,2.9rem);letter-spacing:.01em;line-height:1.02;margin:2px 0 0}.masthead h1 .accent{color:var(--accent)}.masthead .sub{color:var(--text-dim);font-size:1rem;margin-top:5px;max-width:70ch;line-height:1.5}.eyebrow{text-transform:uppercase;letter-spacing:.14em;font-size:.76rem;font-weight:700;color:var(--accent)}.panel{background:var(--card-bg);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow);padding:20px 22px;margin-bottom:18px}.panel-head{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:14px;flex-wrap:wrap}.panel h2{font-size:1.05rem;text-transform:uppercase;letter-spacing:.08em;color:var(--text);margin:0;font-weight:800}.muted{color:var(--text-dim)}.small{font-size:.88rem}.lead-readout{font-family:var(--mono);font-size:.9rem;font-weight:600;color:var(--ok)}.btn{background:var(--accent);color:#080707;border:1px solid var(--accent);border-radius:10px;padding:11px 20px;font-weight:800;font-size:.98rem;cursor:pointer;font-family:var(--sans);transition:filter .15s ease,transform .08s ease,box-shadow .2s ease}.btn:hover{filter:brightness(1.08);box-shadow:0 0 22px #ffa25c47}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}.btn.ghost{background:transparent;border:1px solid var(--border-strong);color:var(--text);font-weight:700}.btn.ghost:hover{color:var(--text);border-color:var(--accent);filter:none;box-shadow:none}.btn.small{padding:8px 15px;font-size:.88rem}.round{width:40px;height:40px;border-radius:50%;border:1px solid var(--border-strong);background:var(--bg-input);color:var(--text);font-size:1.4rem;cursor:pointer;line-height:1}.round:hover{border-color:var(--accent)}.round.add{background:var(--accent);border-color:var(--accent);color:#080707;font-weight:800}.dims{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}@media (max-width: 900px){.dims{grid-template-columns:repeat(2,1fr)}}.dim-card{background:var(--bg-input);border:1px solid var(--border);border-radius:12px;padding:14px;display:flex;flex-direction:column;gap:9px}.dim-top{display:flex;justify-content:space-between;align-items:baseline}.dim-label{font-weight:800;font-size:1.02rem}.dim-dots{font-family:var(--mono);font-size:1.5rem;font-weight:700;color:var(--ok)}.dim-blurb{font-size:.84rem;color:var(--text-dim);line-height:1.45;min-height:2.4em}.dim-bar{height:9px;background:var(--bg-input);border-radius:999px;overflow:hidden;border:1px solid var(--border)}.dim-fill{height:100%;background:linear-gradient(90deg,var(--ok),#8ff2d3);transition:width .3s}.dim-ctrl{display:flex;align-items:center;justify-content:space-between}.dim-share{font-family:var(--mono);font-size:.92rem;font-weight:600;color:var(--text-dim)}.cloud-filters{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:14px}.filter-chip{background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text-dim);border-radius:999px;padding:6px 15px;font-size:.9rem;font-weight:600;cursor:pointer;font-family:var(--sans)}.filter-chip:hover{color:var(--text);border-color:var(--accent)}.filter-chip.active{background:var(--accent);border-color:var(--accent);color:#080707;font-weight:700}.cloud{display:flex;flex-wrap:wrap;gap:10px;align-items:center;padding:8px 0 4px;min-height:64px}.frag{display:inline-flex;align-items:center;gap:5px;background:var(--bg-input);border:1px solid var(--border-strong);border-radius:999px;padding:6px 8px 6px 16px;line-height:1.1;transition:transform .12s}.frag.picked{box-shadow:0 0 0 2px currentColor inset}.frag.cat-timeframe{color:var(--c-timeframe)}.frag.cat-stance{color:var(--c-stance)}.frag.cat-ambition{color:var(--c-ambition)}.frag.cat-outcome{color:var(--c-outcome)}.frag.cat-tension{color:var(--c-tension)}.frag.on-line{border-color:var(--ok);background:#4cdaa91a}.frag-text{background:none;border:none;color:var(--text);font-family:var(--sans);font-size:inherit;font-weight:700;cursor:pointer;padding:0}.frag:not(.picked) .frag-text{color:var(--text-dim)}.frag.picked .frag-text{color:var(--text)}.frag-weight{font-family:var(--mono);font-size:.72rem;font-weight:700;color:currentColor;opacity:.9;flex-shrink:0}.frag-addline{background:var(--accent);border:none;color:#080707;border-radius:999px;padding:4px 12px;font-size:.78rem;font-weight:800;letter-spacing:.02em;cursor:pointer;line-height:1.25;font-family:var(--sans);flex-shrink:0}.frag.cat-timeframe .frag-addline{background:var(--c-timeframe)}.frag.cat-stance .frag-addline{background:var(--c-stance)}.frag.cat-ambition .frag-addline{background:var(--c-ambition)}.frag.cat-outcome .frag-addline{background:var(--c-outcome)}.frag.cat-tension .frag-addline{background:var(--c-tension)}.frag-addline:hover{filter:brightness(1.12)}.frag-onlist{font-size:.72rem;font-weight:800;color:var(--ok);white-space:nowrap;flex-shrink:0}.frag-del{background:none;border:none;color:var(--text-faint);cursor:pointer;font-size:.8rem;padding:0 2px}.frag-del:hover{color:var(--err)}.add-frag,.add-line{display:flex;gap:8px;margin-top:14px;flex-wrap:wrap}.add-frag input,.add-line input,.add-frag select{background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text);border-radius:9px;padding:10px 13px;font-size:.94rem;font-family:var(--sans)}.add-frag input{flex:1;min-width:180px}.add-line input{flex:1;min-width:140px}.add-frag input:focus,.add-line input:focus,.add-frag select:focus{outline:none;border-color:var(--accent)}.canvas{display:flex;flex-wrap:wrap;gap:9px;align-items:center;min-height:58px;background:var(--bg-input);border:1px dashed var(--border-strong);border-radius:12px;padding:14px}.canvas-chip{display:inline-flex;align-items:center;gap:6px;background:var(--bg-panel);border:1px solid var(--border-strong);border-left:4px solid var(--text-faint);border-radius:9px;padding:8px 10px 8px 13px;cursor:grab}.canvas-chip.cat-timeframe{border-left-color:var(--c-timeframe)}.canvas-chip.cat-stance{border-left-color:var(--c-stance)}.canvas-chip.cat-ambition{border-left-color:var(--c-ambition)}.canvas-chip.cat-outcome{border-left-color:var(--c-outcome)}.canvas-chip.cat-tension{border-left-color:var(--c-tension)}.canvas-chip.cat-custom{border-left-color:var(--gold)}.chip-text{font-weight:700;font-size:1rem}.chip-btn{background:none;border:none;color:var(--text-dim);cursor:pointer;font-size:.82rem;padding:2px 4px}.chip-btn:hover{color:var(--text)}.chip-btn.del:hover{color:var(--err)}.canvas-preview{margin-top:14px;font-size:1.5rem;font-weight:700;color:var(--gold);line-height:1.45;font-style:italic}.line-row{display:flex;align-items:center;gap:12px;padding:10px 0;border-bottom:1px solid var(--border)}.line-author{font-weight:800;font-size:.92rem;color:var(--accent);min-width:100px}.line-text{flex:1;font-size:1rem}.synth-actions{display:flex;gap:10px;align-items:center}.ai-src{font-size:.82rem;color:var(--text-faint);font-family:var(--mono)}.ai-src.live{color:var(--ok)}.ai-src.error{color:var(--warn)}.spinner{display:inline-block;width:15px;height:15px;border:2px solid var(--border-strong);border-top-color:var(--accent);border-radius:50%;animation:spin .7s linear infinite;vertical-align:middle;margin-right:8px}@keyframes spin{to{transform:rotate(360deg)}}.synth-card{background:var(--bg-input);border:1px solid var(--border-strong);border-radius:13px;padding:18px 20px;margin-bottom:12px}.synth-card.primary{border-color:#4cdaa999;box-shadow:0 0 0 2px #4cdaa959 inset}.synth-tag{font-size:.76rem;text-transform:uppercase;letter-spacing:.1em;font-weight:800;color:var(--ok);margin-bottom:9px}.synth-tag.alt{color:var(--text-faint)}.synth-text{font-size:1.55rem;line-height:1.45;font-weight:700;margin-bottom:14px}.tension-note{background:#ff9a9a1f;border:1px solid rgba(255,154,154,.5);border-radius:11px;padding:13px 16px;font-size:1rem;line-height:1.5;color:#ffd6d6;margin-bottom:12px}.synth-foot{display:flex;justify-content:flex-end}.settings{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin-top:16px;padding-top:16px;border-top:1px dashed var(--border-strong)}.settings input[type=password]{flex:1;min-width:200px;background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text);border-radius:8px;padding:9px 11px;font-family:var(--mono);font-size:.86rem}.model-sel{background:var(--bg-input);border:1px solid var(--border-strong);color:var(--text);border-radius:8px;padding:9px 11px;font-size:.86rem}.settings .note{font-size:.8rem;color:var(--text-faint)}.key-ready{color:var(--ok);font-size:.9rem;font-weight:700}.adopted-panel{border-color:var(--ok);box-shadow:0 0 0 2px #4cdaa966 inset}.adopted-statement{font-size:clamp(1.7rem,3vw,2.6rem);font-weight:800;line-height:1.3;letter-spacing:-.01em;color:var(--text);padding:10px 0}.display-overlay{display:none;position:fixed;inset:0;z-index:100;background:radial-gradient(1400px 900px at 50% 30%,#1b1b1b,#080707 72%);flex-direction:column;align-items:center;justify-content:center;padding:6vw;text-align:center}.display-overlay.show{display:flex}.display-text{font-family:var(--display);font-size:clamp(2.4rem,6.2vw,5.5rem);font-weight:800;line-height:1.2;letter-spacing:-.01em;max-width:22ch;color:#fff;text-shadow:0 0 40px rgba(255,162,92,.25)}.display-foot{position:absolute;bottom:5vh;color:var(--text-dim);font-size:1.05rem;text-transform:uppercase;letter-spacing:.2em}.display-exit{position:absolute;top:24px;right:28px;background:transparent;border:1px solid var(--border-strong);color:var(--text);border-radius:8px;padding:9px 16px;cursor:pointer;font-family:var(--sans);font-size:.95rem}.display-exit:hover{color:var(--text);border-color:var(--accent)}.head-right{display:flex;gap:10px;align-items:center}.footer-note{color:var(--text-faint);font-size:.84rem;text-align:center;margin-top:26px}.footer-copyright{display:inline-block;margin-top:10px;font-family:var(--display);letter-spacing:.04em;color:var(--text-dim)}