:root{color-scheme:dark;--bg: #14110e;--raise: #211c17;--line: #3d352c;--text: #f6f1e7;--muted: #c9bba8;--faint: #a39484;--brass: #e0b15a;--ink: #241a0c;--approach: #e0b15a;--category: #8ec5d4;--name: #9dcbab;--danger: #e7a598;--serif: Fraunces, Palatino, Georgia, "Liberation Serif", serif;--sans: Outfit, "Avenir Next", "Segoe UI", sans-serif}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(880px 380px at 50% -12%,rgba(224,177,90,.18),transparent 62%),var(--bg);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.5}button,input{font:inherit;color:inherit}:focus-visible{outline:2px solid #fff8ea;outline-offset:3px}::selection{background:#e0b15a59}.page{width:min(880px,calc(100% - 32px));margin:0 auto;padding:40px 0 80px}.kicker{margin:0;color:var(--brass);font-size:.78rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase}h1{margin:10px 0 0;font-family:var(--serif);font-size:clamp(2.6rem,7vw,4.4rem);font-weight:560;letter-spacing:-.035em;line-height:.95}.lede{max-width:38rem;margin:16px 0 0;color:var(--muted);font-size:1.05rem}.composer{display:flex;gap:10px;margin-top:28px}.field{flex:1;min-width:0}.field label{display:block;margin-bottom:6px;color:var(--faint);font-size:.82rem;font-weight:600;letter-spacing:.04em;text-transform:uppercase}.field input{width:100%;border:1px solid var(--line);border-radius:999px;background:var(--raise);padding:14px 18px;min-height:52px}.field input::placeholder{color:var(--faint)}.brass,.ghost,.texty{border-radius:999px;cursor:pointer;min-height:44px}.brass{border:0;align-self:end;background:var(--brass);color:var(--ink);font-weight:600;padding:0 20px}.brass:hover{filter:brightness(1.06)}.brass:disabled{cursor:not-allowed;filter:saturate(.4) brightness(.8)}.examples{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:14px;color:var(--faint);font-size:.92rem}.examples button,.ghost,.texty{border:1px solid var(--line);background:transparent;color:var(--text);padding:6px 12px;cursor:pointer}.examples button{border-radius:999px;min-height:36px}.examples button:hover,.ghost:hover,.texty:hover{border-color:var(--brass);color:var(--brass)}.status{min-height:1.5rem;margin:10px 0 0;color:var(--brass)}.error{margin-top:12px;padding:12px 14px;border:1px solid rgba(224,138,120,.5);border-radius:12px;color:var(--danger);background:#e08a7814}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0 0;padding:0;list-style:none}.steps li{margin:0;padding:16px;border:1px dashed var(--line);border-radius:16px;background:#211c178c}.steps span{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:999px;background:var(--brass);color:var(--ink);font-weight:600}.steps strong,.steps p{display:block}.steps strong{margin-top:10px}.steps p{margin:4px 0 0;color:var(--muted)}.tree-head,.panel-head{display:flex;flex-wrap:wrap;gap:10px 16px;align-items:end;justify-content:space-between;margin-top:32px}.tree-head h2,.panel-head h2{margin:0;font-family:var(--serif);font-size:1.7rem;font-weight:560;letter-spacing:-.03em}.tree-head p,.panel-head p,.note{margin:4px 0 0;color:var(--muted)}.actions{display:flex;flex-wrap:wrap;gap:8px}.legend{display:flex;flex-wrap:wrap;gap:14px;margin:8px 0 4px;color:var(--faint);font-size:.85rem}.legend i{display:inline-block;width:8px;height:8px;margin-right:6px;border-radius:99px;background:currentColor}.legend .is-approach{color:var(--approach)}.legend .is-category{color:var(--category)}.legend .is-name{color:var(--name)}.node[data-depth="1"]{margin-left:16px}.node[data-depth="2"]{margin-left:32px}.node-row{display:flex;align-items:stretch;margin-top:8px;border:1px solid var(--line);border-left:3px solid var(--tone, var(--brass));border-radius:14px;background:var(--raise)}.approach{--tone: var(--approach)}.category{--tone: var(--category)}.name{--tone: var(--name)}.node-main{display:flex;flex:1;gap:10px;align-items:flex-start;min-width:0;padding:12px 14px;border:0;border-radius:12px;background:transparent;text-align:left;cursor:pointer}.node-main:hover{background:#fff8ea0a}.icon{width:18px;height:18px;margin-top:2px;flex:none}.approach .icon{color:var(--approach)}.category .icon{color:var(--category)}.name .icon{color:var(--name)}.node-copy{display:flex;flex-direction:column;min-width:0;flex:1}.node-kicker{color:var(--faint);font-size:.72rem;font-weight:600;letter-spacing:.12em;text-transform:uppercase}.node-title{font-size:1.05rem;font-weight:600;overflow-wrap:anywhere}.name .node-title{font-family:var(--serif);font-size:1.25rem;font-weight:560}.node-desc{color:var(--muted);font-size:.92rem}.chevron{width:18px;height:18px;margin-top:2px;color:var(--faint);flex:none;transition:transform .18s ease}.chevron.open{transform:rotate(90deg)}.keep,.texty{align-self:center;margin-right:8px;min-height:44px;padding:0 14px}.keep[aria-pressed=true]{border-color:transparent;background:var(--name);color:#142018;font-weight:600}.panel{margin-top:18px;padding:16px;border:1px solid var(--line);border-radius:16px;background:#211c17b8}.kept-list{display:flex;flex-direction:column;gap:8px;margin:12px 0 0;padding:0;list-style:none}.kept-item{display:flex;flex-wrap:wrap;gap:6px 12px;align-items:center;padding:8px 10px;border:1px solid var(--line);border-radius:12px}.kept-name{border:0;background:transparent;padding:0;font-family:var(--serif);font-size:1.2rem;cursor:pointer}.kept-meta{color:var(--muted);font-size:.88rem}.note{max-width:40rem;margin-top:28px;font-size:.92rem}@media(max-width:640px){.page{width:min(880px,calc(100% - 24px));padding-top:24px}.composer{flex-direction:column}.brass{width:100%}.steps{grid-template-columns:1fr}.node[data-depth="1"]{margin-left:8px}.node[data-depth="2"]{margin-left:16px}}@media(prefers-reduced-motion:reduce){.chevron{transition:none}}