:root{--bg:oklch(13% .012 60);--bg-deep:oklch(9% .008 60);--bg-panel:oklch(17% .013 65);--bg-panel-2:oklch(20% .014 65);--bg-elev:oklch(24% .015 65);--border:oklch(32% .022 70);--border-strong:oklch(42% .03 72);--border-soft:oklch(24% .015 65);--ink:oklch(90% .025 80);--ink-mute:oklch(66% .02 75);--ink-dim:oklch(50% .015 70);--gold:oklch(73% .085 78);--gold-dim:oklch(55% .062 76);--gold-deep:oklch(39% .045 74);--arcane:oklch(70% .09 200);--azure:oklch(66% .12 250);--ember:oklch(60% .15 38);--ember-soft:oklch(44% .105 38);--crimson:oklch(50% .165 25);--r-normal:oklch(85% .008 80);--r-magic:oklch(68% .15 262);--r-rare:oklch(90% .155 100);--r-unique:oklch(58% .13 50);--r-corrupt:oklch(50% .215 25);--r-gem:oklch(66% .105 185);--fractured:oklch(72% .055 72);--pref:oklch(72% .105 252);--suf:oklch(74% .105 150);--imp:oklch(76% .1 288);--shadow-deep:0 1px 0 0 oklch(100% 0 0/.04) inset, 0 0 0 1px oklch(0% 0 0/.3), 0 24px 60px -20px oklch(0% 0 0/.65);--shadow-card:0 1px 0 0 oklch(100% 0 0/.05) inset, 0 12px 28px -16px oklch(0% 0 0/.6);--r-sm:2px;--r-md:4px;--r-lg:6px;--pad:16px}*{box-sizing:border-box}html,body{height:100%;margin:0;padding:0}body{background:var(--bg);color:var(--ink);-webkit-font-smoothing:antialiased;font-family:Spectral,Georgia,serif;font-size:14px;line-height:1.45;overflow:hidden}body:before{content:"";pointer-events:none;z-index:0;mix-blend-mode:screen;background:radial-gradient(80% 50% at 50% 0,oklch(22% .02 60/.55),#0000 60%),radial-gradient(60% 40% at 100% 100%,oklch(20% .02 30/.35),#0000 60%),repeating-linear-gradient(45deg,oklch(100% 0 0/.005) 0 2px,#0000 2px 4px);position:fixed;inset:0}.display{letter-spacing:.06em;font-family:Cinzel,Cormorant Garamond,serif;font-weight:600}.mono{font-family:JetBrains Mono,ui-monospace,monospace}.serif{font-family:Spectral,Georgia,serif}.kicker{letter-spacing:.22em;text-transform:uppercase;color:var(--ink-dim);font-family:Cinzel,serif;font-size:10px;font-weight:600}.view-fallback{text-align:center;height:100vh;color:var(--ink-dim);flex-direction:column;justify-content:center;align-items:center;gap:10px;font-family:Spectral,serif;display:flex}.view-fallback h2{color:var(--gold);font-family:Cinzel,serif}.view-fallback a{color:var(--gold-dim)}.app{z-index:1;grid-template:"top top top"56px"left canvas right"1fr"left bottom right"88px/304px minmax(0,1fr) 340px;gap:0;height:100vh;display:grid;position:relative;overflow:hidden}.topbar{grid-area:top}.leftpan{grid-area:left}.canvas{grid-area:canvas}.rightpan{grid-area:right}.bottom{grid-area:bottom}.panel{background:linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-panel-2) 100%);border:1px solid var(--border);box-shadow:var(--shadow-card);position:relative}.panel:before,.panel:after{content:"";pointer-events:none;border:1px solid var(--gold-deep);width:10px;height:10px;position:absolute}.panel:before{border-bottom:none;border-right:none;top:-1px;left:-1px}.panel:after{border-top:none;border-left:none;bottom:-1px;right:-1px}.topbar{background:linear-gradient(180deg, var(--bg-deep) 0%, var(--bg) 100%);border-bottom:1px solid var(--border);z-index:30;align-items:center;gap:16px;padding:0 18px;display:flex;position:relative}.topbar .brand{align-items:center;display:flex}.topbar .brand-mark{place-items:center;width:80px;height:80px;display:grid}.topbar .brand-mark img{object-fit:contain;width:100%;height:100%;display:block}.topbar .brand-name{letter-spacing:.18em;color:var(--ink);font-family:Cinzel,serif;font-size:15px;font-weight:700}.topbar .brand-name em{color:var(--gold);font-style:normal}.topbar .domain-pill{border:1px solid var(--border);background:var(--bg-panel);border-radius:var(--r-md);color:var(--ink-mute);align-items:center;gap:8px;padding:5px 10px 5px 8px;display:flex}.topbar .domain-pill .dom-host{color:var(--ink);font-family:JetBrains Mono,monospace;font-size:11px}.topbar .domain-pill .dom-host b{color:var(--gold);font-weight:500}.divider-v{background:var(--border);width:1px;height:22px}.title-block{flex:1;align-items:baseline;gap:12px;min-width:0;display:flex}.title-block .craft-name{letter-spacing:.08em;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-family:Cinzel,serif;font-size:16px;overflow:hidden}.title-block .craft-name .ver-suffix{color:var(--gold-dim);letter-spacing:.04em;margin-left:6px;font-family:JetBrains Mono,monospace;font-size:12px}.title-block .craft-name-input{background:0 0;border:1px solid #0000;border-radius:3px;flex:0 auto;min-width:80px;max-width:420px;margin:-2px 0;padding:2px 6px}.title-block .craft-name-input::placeholder{color:var(--ink-dim);opacity:.7}.title-block .craft-name-input:hover{border-color:var(--border-soft)}.title-block .craft-name-input:focus{border-color:var(--gold-dim);background:var(--bg-deep);color:var(--gold);outline:none}.title-block .save-state{color:var(--ink-dim);letter-spacing:.08em;font-family:JetBrains Mono,monospace;font-size:10px}.title-block .save-state b{color:var(--gold);font-weight:500}.top-actions{align-items:center;gap:6px;display:flex}.selector{appearance:none;border:1px solid var(--border);background:var(--bg-panel);color:var(--ink);border-radius:var(--r-md);cursor:pointer;background-image:linear-gradient(45deg, transparent 50%, var(--gold-dim) 50%), linear-gradient(135deg, var(--gold-dim) 50%, transparent 50%);background-position:calc(100% - 14px) 12px,calc(100% - 10px) 12px;background-repeat:no-repeat;background-size:4px 4px,4px 4px;padding:5px 26px 5px 10px;font-family:JetBrains Mono,monospace;font-size:11px}.btn{border:1px solid var(--border);background:linear-gradient(180deg, var(--bg-elev), var(--bg-panel));color:var(--ink);letter-spacing:.16em;text-transform:uppercase;cursor:pointer;border-radius:var(--r-sm);align-items:center;gap:6px;padding:6px 12px;font-family:Cinzel,serif;font-size:11px;display:inline-flex}.btn:hover{border-color:var(--gold-dim);color:var(--gold)}.btn:disabled{opacity:.4;cursor:default}.btn:disabled:hover{color:var(--ink);border-color:var(--border)}.btn.icon{padding:6px 8px}.btn.primary{background:linear-gradient(180deg, var(--gold), var(--gold-dim));color:var(--bg-deep);border-color:var(--gold-deep)}.btn.primary:hover{color:var(--bg-deep);filter:brightness(1.1)}.btn.ghost{color:var(--ink-mute);background:0 0;border-color:#0000}.btn.ghost:hover{color:var(--gold);border-color:#0000}.leftpan{border-right:1px solid var(--border);background:linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-panel-2) 100%);flex-direction:column;min-height:0;display:flex}.section-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:12px 16px 8px;display:flex}.section-head .kicker{color:var(--gold-dim)}.section-head .count{color:var(--ink-dim);font-family:JetBrains Mono,monospace;font-size:10px}.tabs{border-bottom:1px solid var(--border);background:var(--bg-deep);gap:0;display:flex}.tab{border:0;border-right:1px solid var(--border-soft);letter-spacing:.18em;text-transform:uppercase;color:var(--ink-mute);cursor:pointer;background:0 0;flex:1;padding:10px 12px;font-family:Cinzel,serif;font-size:10px}.tab:last-child{border-right:0}.tab.active{color:var(--gold);background:var(--bg-panel);box-shadow:inset 0 -2px 0 var(--gold)}.tab:hover:not(.active){color:var(--ink)}.left-body{flex:1;min-height:0;overflow:auto}.left-body::-webkit-scrollbar{width:8px}.left-body::-webkit-scrollbar-track{background:var(--bg-deep)}.left-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.cat-grid{grid-template-columns:repeat(4,1fr);gap:4px;padding:12px;display:grid}.cat-tile{aspect-ratio:1;background:var(--bg-deep);border:1px solid var(--border-soft);cursor:pointer;color:var(--ink-mute);place-items:center;display:grid;position:relative}.cat-tile:hover{border-color:var(--gold-dim);color:var(--gold)}.cat-tile.active{border-color:var(--gold);color:var(--gold);background:oklch(22% .04 75/.4)}.cat-tile .cat-lbl{text-align:center;color:var(--ink-dim);letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:8px;position:absolute;bottom:3px;left:0;right:0}.base-list{padding:4px 12px 12px}.base-row{cursor:pointer;border-radius:var(--r-sm);border:1px solid #0000;align-items:center;gap:10px;padding:7px 8px;display:flex}.base-row:hover{background:var(--bg-deep);border-color:var(--border-soft)}.base-row.active{border-color:var(--gold-dim);background:oklch(22% .04 75/.35)}.base-row .b-name{color:var(--ink);flex:1;font-family:Spectral,serif;font-size:13px}.base-row .b-meta{color:var(--ink-dim);font-family:JetBrains Mono,monospace;font-size:10px}.paste-area{border:1px dashed var(--border-strong);background:var(--bg-deep);text-align:center;border-radius:var(--r-sm);margin:12px;padding:16px}.paste-area .kbd{color:var(--ink-mute);gap:4px;margin-top:6px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex}.kbd kbd{background:var(--bg-elev);border:1px solid var(--border);color:var(--ink);border-radius:3px;padding:2px 6px}.orb-group{padding:10px 12px}.orb-group-title{letter-spacing:.2em;text-transform:uppercase;color:var(--gold-dim);margin:6px 0 8px;font-family:Cinzel,serif;font-size:10px}.orb-grid{grid-template-columns:repeat(6,1fr);gap:4px;display:grid}.orb-tile{aspect-ratio:1;background:var(--bg-deep);border:1px solid var(--border-soft);cursor:grab;border-radius:var(--r-sm);place-items:center;display:grid;position:relative}.orb-tile:hover{border-color:var(--gold-dim);transform:translateY(-1px)}.orb-tile:active{cursor:grabbing}.orb-tile .stack{color:var(--gold);text-shadow:0 0 4px var(--bg-deep);font-family:JetBrains Mono,monospace;font-size:9px;position:absolute;bottom:1px;right:2px}.canvas{background:var(--bg-deep);border-right:1px solid var(--border);border-bottom:1px solid var(--border);position:relative;overflow:hidden}.canvas-grid{pointer-events:none;background-image:linear-gradient(oklch(100% 0 0/.025) 1px,#0000 1px),linear-gradient(90deg,oklch(100% 0 0/.025) 1px,#0000 1px);background-size:32px 32px;position:absolute;inset:0}.canvas-head{border-bottom:1px solid var(--border-soft);background:linear-gradient(180deg, var(--bg-deep) 50%, transparent);z-index:3;justify-content:space-between;align-items:center;padding:10px 16px;display:flex;position:absolute;top:0;left:0;right:0}.canvas-head .kicker{color:var(--gold-dim)}.canvas-tools{align-items:center;gap:4px;display:flex}.zoom-pill{color:var(--ink-mute);border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-panel);padding:3px 8px;font-family:JetBrains Mono,monospace;font-size:10px}.canvas-viewport{cursor:grab;touch-action:none;position:absolute;inset:42px 0 0;overflow:hidden}.canvas-viewport:active{cursor:grabbing}.flow{width:4000px;height:2400px;position:absolute;top:0;left:0}.flow.interacting{will-change:transform}.flow-connectors{overflow:visible}.node{background:linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-panel-2) 100%);border:1px solid var(--border);width:196px;box-shadow:var(--shadow-card);border-radius:var(--r-sm);cursor:grab;flex-direction:column;transition:border-color .12s;display:flex;position:absolute;overflow:hidden}.node:active{cursor:grabbing}.node:hover{border-color:var(--gold-dim)}.node.selected{border-color:var(--gold);box-shadow:0 0 0 1px var(--gold), var(--shadow-card)}.node.terminal{border-color:var(--gold)}.node.branch{opacity:.92;width:184px}.node-head{border-bottom:1px solid var(--border-soft);flex-shrink:0;align-items:center;gap:8px;padding:8px 10px;display:flex}.node-head .step-num{color:var(--gold);letter-spacing:.08em;min-width:18px;font-family:JetBrains Mono,monospace;font-size:9px}.node-head .step-title{letter-spacing:.14em;text-transform:uppercase;color:var(--ink);white-space:nowrap;text-overflow:ellipsis;flex:1;min-width:0;font-family:Cinzel,serif;font-size:10px;overflow:hidden}.node-body{flex:1;min-height:0;padding:10px;overflow:auto}.node-body .row{align-items:center;gap:8px;display:flex}.node-body .orb-mini{flex-shrink:0;width:28px;height:28px}.node-body .descr{color:var(--ink-mute);font-family:Spectral,serif;font-size:11.5px;line-height:1.35}.node-body .descr b{color:var(--ink);font-weight:500}.node-foot{border-top:1px dashed var(--border-soft);color:var(--ink-dim);letter-spacing:.04em;flex-shrink:0;justify-content:space-between;align-items:center;padding:6px 10px;font-family:JetBrains Mono,monospace;font-size:9.5px;display:flex}.node-foot .prob.guaranteed{color:var(--r-magic)}.node-foot .prob.chance{color:var(--gold)}.node-foot .prob.bad{color:var(--ember)}.node.start .node-head{background:linear-gradient(oklch(22% .04 80/.4),#0000)}.node.start .step-title{color:var(--gold)}.node-mods{flex-direction:column;gap:3px;margin-top:8px;display:flex}.node-mods .nm{color:var(--ink-mute);align-items:baseline;gap:6px;font-family:Spectral,serif;font-size:11px;line-height:1.32;display:flex}.node-mods .nm-k{text-align:center;flex-shrink:0;width:12px;font-family:JetBrains Mono,monospace;font-size:9px}.node-mods .nm-k.p{color:var(--r-magic)}.node-mods .nm-k.s{color:var(--gold)}.node-mods .nm-k.imp{color:var(--ink-dim)}.node-mods .nm-t{color:var(--ink-dim);flex-shrink:0;min-width:16px;font-family:JetBrains Mono,monospace;font-size:9px}.node-mods .nm-x{min-width:0}.node-mods .nm-empty{color:var(--ink-dim);font-size:10px;font-style:italic}.node-mods .nm.nm-new{color:var(--ink)}.node-mods .nm.nm-new .nm-x{color:var(--gold);font-weight:700}.node-mods .nm.nm-fractured .nm-x{color:var(--fractured);font-weight:600}.node-mods .nm.nm-fractured .nm-k{color:var(--fractured)}.node-resize{cursor:nwse-resize;background:linear-gradient(135deg, transparent 45%, var(--gold-dim) 45%, var(--gold-dim) 58%, transparent 58%, transparent 72%, var(--gold-dim) 72%, var(--gold-dim) 85%, transparent 85%);opacity:.4;width:14px;height:14px;position:absolute;bottom:0;right:0}.node-resize:hover{opacity:1}.node-foot .nf-left{align-items:center;gap:6px;display:inline-flex}.node-note-btn{border-radius:var(--r-sm);width:18px;height:18px;color:var(--ink-dim);cursor:pointer;background:0 0;border:1px solid #0000;flex-shrink:0;justify-content:center;align-items:center;margin:-3px 0;padding:0;transition:color .12s,background .12s,border-color .12s;display:inline-flex}.node-note-btn:hover{color:var(--gold);background:var(--bg-elev)}.node-note-btn.has{color:var(--gold-dim)}.node-note-btn.open{color:var(--gold);border-color:var(--gold-deep);background:var(--bg-elev)}.node-note-panel{z-index:5;background:linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-panel-2) 100%);border:1px solid var(--gold-deep);border-radius:var(--r-sm);box-shadow:var(--shadow-card);cursor:default;flex-direction:column;display:flex;position:absolute;overflow:hidden}.node-note-panel:after{content:"";background:var(--bg-panel);border-left:1px solid var(--gold-deep);border-top:1px solid var(--gold-deep);width:8px;height:8px;position:absolute;top:-5px;left:16px;transform:rotate(45deg)}.nn-head{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:5px 8px;display:flex}.nn-head .nn-title{letter-spacing:.14em;text-transform:uppercase;color:var(--gold);align-items:center;gap:5px;font-family:Cinzel,serif;font-size:9px;display:inline-flex}.nn-pin{border-radius:var(--r-sm);width:18px;height:18px;color:var(--gold);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:color .12s,background .12s;display:inline-flex}.nn-pin:hover{background:var(--bg-elev);color:var(--ink)}.nn-edit{box-sizing:border-box;resize:vertical;background:var(--bg-deep);width:100%;min-height:64px;color:var(--ink);border:none;outline:none;padding:8px;font-family:Spectral,serif;font-size:12px;line-height:1.4}.nn-edit::placeholder{color:var(--ink-dim);font-style:italic}.nn-view{color:var(--ink-mute);white-space:pre-wrap;word-break:break-word;cursor:text;min-height:22px;padding:8px;font-family:Spectral,serif;font-size:12px;line-height:1.45}.nn-view .nn-empty{color:var(--ink-dim);font-style:italic}.rich-text{white-space:pre-wrap;word-break:break-word}.cur-inline{white-space:nowrap;color:var(--gold);align-items:center;gap:1px;font-weight:600;display:inline-flex}.cur-ico{vertical-align:-.18em;justify-content:center;align-items:center;display:inline-flex}.cur-ico img{object-fit:contain;filter:drop-shadow(0 0 1px #0009)}.rich-link{color:var(--gold);text-underline-offset:2px;text-decoration:underline;-webkit-text-decoration-color:var(--gold-deep);text-decoration-color:var(--gold-deep);word-break:break-all}.rich-link:hover{color:var(--ink);-webkit-text-decoration-color:var(--gold);text-decoration-color:var(--gold)}.branch-label{letter-spacing:.18em;text-transform:uppercase;color:var(--ember);background:var(--bg-deep);border:1px solid var(--ember-soft);white-space:nowrap;border-radius:999px;padding:2px 8px;font-family:Cinzel,serif;font-size:9px;position:absolute}.branch-label.ok{color:var(--r-magic);border-color:oklch(50% .1 250)}.branch-label.guaranteed{color:var(--gold);border-color:var(--gold-deep)}.rightpan{border-left:1px solid var(--border);background:linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-panel-2) 100%);flex-direction:column;min-height:0;display:flex}.right-body{flex:1;min-height:0;padding-bottom:12px;overflow:auto}.right-body::-webkit-scrollbar{width:8px}.right-body::-webkit-scrollbar-track{background:var(--bg-deep)}.right-body::-webkit-scrollbar-thumb{background:var(--border)}.inspect-block{border-bottom:1px solid var(--border-soft);padding:12px 16px}.inspect-block .label{letter-spacing:.2em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:6px;font-family:Cinzel,serif;font-size:9px}.inspect-block .value{color:var(--ink);font-family:Spectral,serif;font-size:13px}.itip{background:var(--bg-deep);border:1px solid var(--border-strong);margin:14px;font-family:Spectral,serif;box-shadow:0 0 0 1px oklch(0% 0 0/.6),0 0 30px -8px oklch(0% 0 0/.8),inset 0 0 30px -10px oklch(0% 0 0/.4)}.itip-head{text-align:center;border-bottom:1px solid var(--border-strong);background:linear-gradient(oklch(0% 0 0/.25),#0000);padding:10px 14px 8px}.itip-head .ttl{letter-spacing:.14em;font-family:Cinzel,serif;font-size:14px;font-weight:600;line-height:1.25;display:block}.itip-head .ttl.r-normal{color:var(--r-normal)}.itip-head .ttl.r-magic{color:var(--r-magic)}.itip-head .ttl.r-rare{color:var(--r-rare)}.itip-head .ttl.r-unique{color:var(--r-unique)}.itip-head .sub{color:var(--ink-mute);margin-top:3px;font-family:Spectral,serif;font-size:11px;font-style:italic;display:block}.itip-block{border-bottom:1px solid var(--border-soft);padding:8px 14px}.itip-block:last-child{border-bottom:0}.itip-stat{justify-content:space-between;align-items:baseline;margin:1px 0;font-size:12px;display:flex}.itip-stat .lbl{color:var(--ink-mute)}.itip-stat .val{color:var(--ink);font-family:JetBrains Mono,monospace;font-size:11.5px}.itip-stat .val.aug{color:var(--r-magic)}.itip-mod{color:var(--r-magic);align-items:baseline;gap:6px;margin:2px 0;font-size:12px;line-height:1.35;display:flex}.itip-mod.imp{color:var(--imp);font-style:italic}.itip-mod.fractured,.itip-mod.fractured .tier,.itip-mod.fractured .pref-marker,.itip-mod.fractured .suf-marker{color:var(--fractured)}.itip-mod .tier{color:var(--ink-dim);letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:9px}.itip-mod .pref-marker,.itip-mod .suf-marker{letter-spacing:.06em;width:12px;font-family:JetBrains Mono,monospace;font-size:9px}.itip-mod .pref-marker{color:var(--pref)}.itip-mod .suf-marker{color:var(--suf)}.itip-divider{text-align:center;color:var(--ink-dim);letter-spacing:.3em;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);background:oklch(0% 0 0/.2);padding:4px 0;font-family:JetBrains Mono,monospace;font-size:9px}.itip-flavor{color:var(--gold-dim);text-align:center;padding:8px 14px;font-size:11px;font-style:italic}.itip-empty-slot{color:var(--ink-dim);letter-spacing:.08em;padding:2px 0;font-family:JetBrains Mono,monospace;font-size:10px}.orb-detail{align-items:flex-start;gap:12px;display:flex}.orb-detail .big-orb{flex-shrink:0;width:52px;height:52px}.orb-detail .ot-name{letter-spacing:.1em;color:var(--gold);margin-bottom:2px;font-family:Cinzel,serif;font-size:12px}.orb-detail .ot-desc{color:var(--ink-mute);font-family:Spectral,serif;font-size:12px}.rule-list{margin:8px 0 0;padding:0;list-style:none}.rule-list li{color:var(--ink-mute);gap:8px;margin:4px 0;font-size:12px;display:flex}.rule-list li:before{content:"◆";color:var(--gold-dim);font-size:8px;line-height:1.6}.bottom{border-top:1px solid var(--border);background:linear-gradient(180deg, var(--bg-panel-2), var(--bg-deep));align-items:stretch;display:flex}.history-rail{flex:1;align-items:center;gap:0;min-width:0;padding:0 18px;display:flex;overflow-x:auto}.history-rail::-webkit-scrollbar{height:6px}.history-rail::-webkit-scrollbar-thumb{background:var(--border)}.hnode{cursor:pointer;flex-direction:column;justify-content:center;align-items:center;min-width:64px;padding:8px 4px;display:flex;position:relative}.hnode .dot{background:var(--bg-deep);border:1px solid var(--border-strong);border-radius:50%;width:8px;height:8px}.hnode.current .dot{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 2px oklch(78% .12 85/.25)}.hnode.past .dot{background:var(--gold-deep);border-color:var(--gold-dim)}.hnode .hlbl{color:var(--ink-dim);letter-spacing:.05em;margin-top:4px;font-family:JetBrains Mono,monospace;font-size:9px}.hnode.current .hlbl{color:var(--gold)}.hnode .htime{color:var(--ink-dim);opacity:.7;margin-top:1px;font-family:JetBrains Mono,monospace;font-size:8px}.hconn{background:var(--border-strong);flex:0 0 18px;height:1px}.bottom-side{border-left:1px solid var(--border);background:var(--bg-deep);align-items:center;gap:8px;padding:0 18px;display:flex}.hov-tt{pointer-events:none;z-index:100;background:var(--bg-deep);border:1px solid var(--border-strong);max-width:280px;box-shadow:var(--shadow-deep);color:var(--ink);padding:10px 12px;font-family:Spectral,serif;font-size:12px;line-height:1.45;position:fixed}.hov-tt .tt-name{letter-spacing:.14em;color:var(--gold);text-transform:uppercase;margin-bottom:4px;font-family:Cinzel,serif;font-size:11px}.hov-tt .tt-rules{color:var(--ink-mute);border-top:1px dashed var(--border-soft);margin-top:6px;padding-top:6px;font-size:11px}.hov-tt .tt-rules div{gap:6px;margin:2px 0;display:flex}.hov-tt .tt-rules div:before{content:"◆";color:var(--gold-dim);font-size:7px;line-height:1.7}.scrim{z-index:50;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background:oklch(0% 0 0/.65);place-items:center;display:grid;position:fixed;inset:0}.share-dlg{background:linear-gradient(180deg, var(--bg-panel), var(--bg-panel-2));border:1px solid var(--border-strong);width:520px;box-shadow:var(--shadow-deep)}.share-dlg .dlg-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.share-dlg .dlg-head h2{letter-spacing:.18em;color:var(--gold);margin:0;font-family:Cinzel,serif;font-size:14px;font-weight:600}.share-dlg .dlg-body{padding:20px}.share-dlg .link-row{border:1px solid var(--border);background:var(--bg-deep);gap:0;margin:12px 0;display:flex}.share-dlg .link-row input{color:var(--gold);background:0 0;border:0;flex:1;padding:10px 12px;font-family:JetBrains Mono,monospace;font-size:12px}.share-dlg .link-row button{border:0;border-left:1px solid var(--border);background:var(--bg-panel);color:var(--ink);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;padding:0 16px;font-family:Cinzel,serif;font-size:10px}.share-dlg .link-row button:hover{color:var(--gold)}.share-meta{grid-template-columns:1fr 1fr;gap:10px 16px;margin-top:14px;font-size:12px;display:grid}.share-meta .k{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);font-family:Cinzel,serif;font-size:9px}.share-meta .v{color:var(--ink);font-family:JetBrains Mono,monospace;font-size:11px}.muted{color:var(--ink-mute)}.dim{color:var(--ink-dim)}.gold{color:var(--gold)}.gold-dim{color:var(--gold-dim)}.dot-sep:before{content:"•";color:var(--ink-dim);margin:0 6px}.spacer{flex:1}button:focus,select:focus,input:focus{outline:1px solid var(--gold-dim);outline-offset:1px}.menu{z-index:45;background:var(--bg-panel);border:1px solid var(--border-strong);min-width:200px;box-shadow:var(--shadow-deep);padding:4px;position:absolute}.menu .mi{color:var(--ink);cursor:pointer;border-radius:var(--r-sm);align-items:center;gap:8px;padding:7px 10px;font-family:Spectral,serif;font-size:12px;display:flex}.menu .mi:hover{background:var(--bg-elev);color:var(--gold)}.menu .mi .meta{color:var(--ink-dim);margin-left:auto;font-family:JetBrains Mono,monospace;font-size:10px}.menu .mi.active{color:var(--gold)}.menu .sep{background:var(--border-soft);height:1px;margin:4px 0}.tier-pill{background:var(--bg-deep);border:1px solid var(--border-soft);color:var(--ink-mute);letter-spacing:.1em;cursor:pointer;border-radius:var(--r-sm);text-align:center;flex:1;padding:5px 4px;font-family:Cinzel,serif;font-size:10px}.tier-pill:hover{color:var(--gold);border-color:var(--gold-dim)}.tier-pill.active{color:var(--gold);border-color:var(--gold);background:oklch(22% .04 75/.35)}.ess-rows{padding:4px 8px 12px}.ess-row{border-radius:var(--r-sm);align-items:center;gap:8px;padding:4px;display:flex}.ess-row:hover{background:oklch(0% 0 0/.18)}.ess-fam{flex:0 0 116px;align-items:center;gap:6px;min-width:0;display:flex}.ess-sigil{text-align:center;flex-shrink:0;width:18px;font-size:14px}.ess-fam-text{flex-direction:column;min-width:0;display:flex}.ess-fam-name{letter-spacing:.1em;color:var(--ink);text-transform:uppercase;font-family:Cinzel,serif;font-size:11px}.ess-fam-aff{color:var(--ink-dim);letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:9px}.ess-tiers{flex:1;grid-template-columns:repeat(4,1fr);gap:3px;min-width:0;display:grid}.ess-cell{background:var(--bg-deep);border:1px solid var(--border-soft);cursor:pointer;border-radius:var(--r-sm);place-items:center;height:42px;transition:border-color .1s,transform .1s;display:grid}.ess-cell:hover{border-color:var(--gold-dim);transform:translateY(-1px)}.ess-cell.empty{opacity:.18;border-style:dashed}.ess-cell.dim{opacity:.32;filter:grayscale(.4)}.ess-corrupted-block{border-top:1px solid var(--border-soft);padding:12px 12px 4px}.ess-corrupt-grid{grid-template-columns:repeat(2,1fr);gap:4px;margin-top:6px;display:grid}.ess-corrupt-tile{cursor:pointer;border-radius:var(--r-sm);background:oklch(10% .04 25/.4);border:1px solid oklch(45% .1 25);align-items:center;gap:8px;padding:6px 6px 6px 8px;display:flex}.ess-corrupt-tile:hover{border-color:var(--ember)}.ess-corrupt-name{letter-spacing:.1em;text-transform:uppercase;color:var(--ember);font-family:Cinzel,serif;font-size:9.5px;line-height:1.1}.wip-overlay{z-index:9999;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:oklch(0% 0 0/.72);justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.wip-modal{background:var(--bg-panel);border:1px solid var(--gold-deep);border-radius:var(--r-lg);width:100%;max-width:640px;padding:32px 36px 28px;box-shadow:0 24px 64px oklch(0% 0 0/.7),0 0 0 1px oklch(0% 0 0/.4)}.wip-modal__header{text-align:center;margin-bottom:28px}.wip-modal__badge{letter-spacing:.18em;text-transform:uppercase;color:var(--bg);background:var(--gold);border-radius:100px;margin-bottom:12px;padding:3px 10px;font-family:Cinzel,serif;font-size:10px;display:inline-block}.wip-modal__title{letter-spacing:.06em;text-transform:uppercase;color:var(--ink);margin:0 0 10px;font-family:Cinzel,serif;font-size:22px}.wip-modal__subtitle{color:var(--ink-mute);max-width:460px;margin:0 auto;font-size:13px;line-height:1.6}.wip-modal__sections{grid-template-columns:1fr 1fr;gap:16px;margin-bottom:28px;display:grid}@media (width<=520px){.wip-modal__sections{grid-template-columns:1fr}}.wip-modal__col{background:var(--bg-deep);border-radius:var(--r-md);border:1px solid var(--border-soft);padding:14px 16px}.wip-modal__col h3{letter-spacing:.12em;text-transform:uppercase;margin:0 0 10px;font-family:Cinzel,serif;font-size:10px}.wip-modal__col--works h3{color:var(--gold)}.wip-modal__col--missing h3{color:var(--ink-dim)}.wip-modal__col ul{flex-direction:column;gap:5px;margin:0;padding:0;list-style:none;display:flex}.wip-modal__col li{color:var(--ink-mute);padding-left:14px;font-size:12px;line-height:1.4;position:relative}.wip-modal__col--works li:before{content:"✓";color:oklch(72% .15 145);font-size:10px;position:absolute;left:0}.wip-modal__col--missing li:before{content:"—";color:var(--ink-dim);font-size:10px;position:absolute;left:0}.wip-modal__cta{background:var(--gold-deep);border:1px solid var(--gold-dim);border-radius:var(--r-md);color:oklch(95% .03 85);letter-spacing:.1em;text-transform:uppercase;cursor:pointer;width:100%;padding:11px 0;font-family:Cinzel,serif;font-size:12px;transition:background .15s,border-color .15s;display:block}.wip-modal__cta:hover{background:var(--gold-dim);border-color:var(--gold)}.cat-app{z-index:1;grid-template:"top top"56px"rail main"1fr/304px minmax(0,1fr);height:100vh;display:grid;position:relative;overflow:hidden}.cat-app>.topbar{grid-area:top}.cat-rail{grid-area:rail}.cat-main{grid-area:main}.cat-crumb{letter-spacing:.08em;min-width:0;color:var(--ink);flex:1;align-items:baseline;gap:10px;font-family:Cinzel,serif;font-size:15px;display:flex}.cat-crumb .crumb-dim{color:var(--ink-dim)}.cat-crumb .crumb-sep{color:var(--border-strong);font-weight:400}.theme-switch{border:1px solid var(--border);border-radius:var(--r-md);background:var(--bg-deep);display:inline-flex;overflow:hidden}.theme-switch button{cursor:pointer;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-mute);background:0 0;border:0;padding:5px 11px;font-family:Cinzel,serif;font-size:10px}.theme-switch button.on{color:var(--gold);background:var(--bg-panel)}.theme-switch button:hover:not(.on){color:var(--ink)}.stage-seg button{letter-spacing:.08em}.cat-rail{border-right:1px solid var(--border);background:linear-gradient(180deg, var(--bg-panel) 0%, var(--bg-panel-2) 100%);flex-direction:column;min-height:0;display:flex}.rail-body{flex:1;min-height:0;overflow:auto}.rail-body::-webkit-scrollbar{width:8px}.rail-body::-webkit-scrollbar-track{background:var(--bg-deep)}.rail-body::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.rail-dim-head{letter-spacing:.18em;text-transform:uppercase;color:var(--gold-dim);padding:12px 14px 6px;font-family:Cinzel,serif;font-size:10px}.rail-search{border:1px solid var(--border);background:var(--bg-deep);border-radius:var(--r-sm);color:var(--ink-dim);align-items:center;gap:8px;margin:12px 14px;padding:8px 10px;display:flex}.rail-search input{min-width:0;color:var(--ink);background:0 0;border:0;outline:none;flex:1;font-family:Spectral,serif;font-size:13px}.rail-search input::placeholder{color:var(--ink-dim)}.arch-group{border-bottom:1px solid var(--border-soft)}.arch-head{cursor:pointer;text-align:left;background:0 0;border:0;align-items:center;gap:10px;width:100%;padding:11px 14px;display:flex}.arch-head:hover{background:var(--bg-deep)}.arch-swatch{background:var(--arch-accent,var(--gold));width:9px;height:9px;box-shadow:0 0 8px -1px var(--arch-accent,var(--gold));flex-shrink:0;transform:rotate(45deg)}.arch-title{letter-spacing:.16em;text-transform:uppercase;color:var(--ink);flex:1;font-family:Cinzel,serif;font-size:12px}.arch-count{color:var(--arch-accent,var(--gold));font-family:JetBrains Mono,monospace;font-size:10px}.arch-chev{color:var(--ink-dim);place-items:center;transition:transform .15s;display:grid}.arch-group.open .arch-chev{transform:rotate(180deg)}.class-list{margin:0;padding:0 10px 10px 14px;list-style:none}.class-row{cursor:pointer;border-radius:var(--r-sm);border:1px solid #0000;align-items:center;gap:10px;padding:6px 8px 6px 19px;display:flex}.class-row:hover{background:var(--bg-deep)}.class-row.on{border-color:var(--border-soft);background:oklch(22% .04 75/.2)}.class-check{border:1px solid var(--border-strong);background:var(--bg-deep);color:#0000;border-radius:2px;flex-shrink:0;place-items:center;width:15px;height:15px;display:grid}.class-row.on .class-check{border-color:var(--arch-accent,var(--gold));color:var(--arch-accent,var(--gold));background:color-mix(in oklab, var(--arch-accent,var(--gold)) 18%, var(--bg-deep))}.class-name{color:var(--ink-mute);flex:1;font-family:Spectral,serif;font-size:13px}.class-row.on .class-name{color:var(--ink)}.rail-foot{border-top:1px solid var(--border);background:var(--bg-deep);justify-content:space-between;align-items:center;padding:12px 14px;display:flex}.rail-foot .sel-count{color:var(--ink-dim);letter-spacing:.04em;font-family:JetBrains Mono,monospace;font-size:10px}.rail-foot .sel-count b{color:var(--gold);font-weight:500}.cat-main{background:var(--bg-deep);flex-direction:column;min-height:0;display:flex;position:relative;overflow:hidden}.cat-head{border-bottom:1px solid var(--border-soft);background:linear-gradient(180deg, var(--bg) 0%, var(--bg-deep) 100%);z-index:3;flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:16px;padding:22px 30px 16px;display:flex}.cat-head .head-left{min-width:0}.cat-head .kicker{color:var(--gold-dim);margin-bottom:6px}.cat-head h1{letter-spacing:.04em;color:var(--ink);margin:0;font-family:Cinzel,serif;font-size:26px;font-weight:600}.cat-head .result-line{color:var(--ink-mute);margin-top:6px;font-family:JetBrains Mono,monospace;font-size:11px}.cat-head .result-line b{color:var(--gold);font-weight:500}.head-right{flex-wrap:wrap;flex-shrink:0;align-items:center;gap:14px;display:flex}.sort-field{align-items:center;gap:8px;display:flex}.sort-field .sort-lbl{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);font-family:Cinzel,serif;font-size:10px}.active-bar{border-bottom:1px solid var(--border-soft);background:var(--bg);flex-wrap:wrap;align-items:center;gap:8px;padding:12px 30px;display:flex}.active-bar .ab-lbl{letter-spacing:.18em;text-transform:uppercase;color:var(--ink-dim);font-family:Cinzel,serif;font-size:9px}.chip{border:1px solid var(--chip-accent,var(--border-strong));background:color-mix(in oklab, var(--chip-accent,var(--gold)) 12%, var(--bg-deep));color:var(--ink);border-radius:999px;align-items:center;gap:7px;padding:4px 8px 4px 10px;font-family:Spectral,serif;font-size:12px;display:inline-flex}.chip .chip-dot{background:var(--chip-accent,var(--gold));width:6px;height:6px;transform:rotate(45deg)}.chip button{cursor:pointer;color:var(--ink-dim);background:0 0;border:0;place-items:center;padding:0;display:grid}.chip button:hover{color:var(--ember)}.active-bar .clear-link{cursor:pointer;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);background:0 0;border:0;padding:2px 4px;font-family:Cinzel,serif;font-size:10px}.active-bar .clear-link:hover{color:var(--gold)}.cat-scroll{flex:1;min-height:0;padding:24px 30px 40px;overflow:auto}.cat-scroll::-webkit-scrollbar{width:10px}.cat-scroll::-webkit-scrollbar-track{background:var(--bg-deep)}.cat-scroll::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}.recipe-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));align-items:start;gap:16px;display:grid}.rcard{cursor:pointer;border-radius:var(--r-sm);background:var(--bg-deep);border:1px solid var(--border-strong);flex-direction:column;min-height:150px;padding:0;transition:border-color .12s,transform .12s,box-shadow .12s;display:flex;position:relative;box-shadow:inset 0 0 30px -12px oklch(0% 0 0/.6)}.rcard:hover{border-color:var(--gold-dim);box-shadow:var(--shadow-deep);transform:translateY(-2px)}.rcard:before{content:"";background:var(--gold-dim);opacity:.6;height:2px;position:absolute;top:-1px;left:18px;right:18px}.rc-strip{border-bottom:1px solid var(--border-soft);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.rc-game{letter-spacing:.04em;color:var(--ink-dim);font-family:JetBrains Mono,monospace;font-size:10px}.rcard-steps{color:var(--ink-dim);border:1px solid var(--border-soft);border-radius:999px;padding:3px 9px;font-family:JetBrains Mono,monospace;font-size:10px}.rcard-steps b{color:var(--gold-dim);font-weight:500}.rc-main{flex:1;padding:13px 15px}.rc-title{letter-spacing:.04em;color:var(--ink);margin:0 0 7px;font-family:Cinzel,serif;font-size:16px;font-weight:600;line-height:1.3}.rc-desc{color:var(--ink-mute);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;font-family:Spectral,serif;font-size:12.5px;line-height:1.5;display:-webkit-box;overflow:hidden}.rcard-foot{border-top:1px solid var(--border);background:oklch(0% 0 0/.28);justify-content:space-between;align-items:center;margin-top:auto;padding:9px 14px;display:flex}.rc-author{color:var(--ink-mute);align-items:center;gap:6px;font-family:Spectral,serif;font-size:12px;display:inline-flex}.stat-cluster{align-items:center;gap:12px;display:flex}.stat{color:var(--ink-mute);align-items:center;gap:5px;font-family:JetBrains Mono,monospace;font-size:11px;display:inline-flex}.stat svg{color:var(--ink-dim)}.rc-date{color:var(--ink-dim);font-family:JetBrains Mono,monospace;font-size:10px}.pager{justify-content:center;align-items:center;gap:6px;margin-top:28px;display:flex}.pg-btn{border:1px solid var(--border);background:var(--bg-panel);min-width:34px;height:34px;color:var(--ink-mute);cursor:pointer;border-radius:var(--r-sm);place-items:center;padding:0 6px;font-family:JetBrains Mono,monospace;font-size:12px;display:grid}.pg-btn:hover:not(:disabled):not(.on){border-color:var(--gold-dim);color:var(--gold)}.pg-btn.on{border-color:var(--gold);color:var(--gold);background:oklch(22% .04 75/.35)}.pg-btn:disabled{opacity:.35;cursor:default}.pg-gap{color:var(--ink-dim);padding:0 2px;font-family:JetBrains Mono,monospace}.pager .pg-edge{letter-spacing:.12em;text-transform:uppercase;align-items:center;gap:4px;padding:0 12px;font-family:Cinzel,serif;font-size:10px;display:inline-flex}.cat-empty{text-align:center;color:var(--ink-dim);padding:80px 20px}.cat-empty .ce-title{letter-spacing:.08em;color:var(--ink-mute);margin-bottom:8px;font-family:Cinzel,serif;font-size:16px}.cat-empty .ce-sub{font-family:Spectral,serif;font-size:13px;font-style:italic}.save-desc{box-sizing:border-box;background:var(--bg-deep);border:1px solid var(--border);border-radius:var(--r-sm);width:100%;color:var(--ink);resize:vertical;outline:none;margin-top:6px;padding:9px 11px;font-family:Spectral,serif;font-size:13px;line-height:1.5}.save-desc:focus{border-color:var(--gold-dim)}.cat-picker{flex-direction:column;gap:10px;margin-top:6px;display:flex}.cat-dim-lbl{letter-spacing:.16em;text-transform:uppercase;color:var(--ink-dim);margin-bottom:5px;font-family:Cinzel,serif;font-size:9px}.cat-chips{flex-wrap:wrap;gap:5px;display:flex}.cat-chip{border:1px solid var(--border);background:var(--bg-deep);color:var(--ink-mute);cursor:pointer;border-radius:999px;padding:4px 10px;font-family:Spectral,serif;font-size:12px}.cat-chip:hover{border-color:var(--gold-dim);color:var(--ink)}.cat-chip.on{border-color:var(--gold);color:var(--gold);background:oklch(22% .04 75/.3)}.app.has-dock{grid-template-rows:56px auto 1fr 88px;grid-template-areas:"top top top""left dock dock""left canvas right""left bottom right"}.desc-dock{z-index:20;background:var(--bg-panel);border-bottom:0 solid var(--border-strong);min-height:0;box-shadow:var(--shadow-card);flex-direction:column;grid-area:dock;display:flex;position:relative}.desc-dock.open{border-bottom-width:1px}.desc-dock-body{min-height:0;max-height:0;transition:max-height .2s;display:flex;overflow:hidden}.desc-dock.open .desc-dock-body{max-height:320px}.desc-dock-body .desc-editor{background:0 0;border:0;border-radius:0;flex:1;margin:0}.desc-dock-body .desc-content{max-height:200px}.desc-dock-tab{background:linear-gradient(180deg, var(--gold), var(--gold-dim));color:var(--bg-deep);border:1px solid var(--gold-deep);border-radius:0 0 var(--r-lg) var(--r-lg);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;z-index:2;border-top:0;align-items:center;gap:7px;padding:4px 22px;font-family:Cinzel,serif;font-size:10px;display:inline-flex;position:absolute;bottom:-25px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px -4px oklch(0% 0 0/.6),inset 0 1px oklch(100% 0 0/.15)}.desc-dock-tab:hover{filter:brightness(1.08)}.desc-dock-tab-chev{place-items:center;transition:transform .15s;display:grid;transform:rotate(0)}.desc-dock.open .desc-dock-tab-chev{transform:rotate(180deg)}.desc-editor{border:1px solid var(--border);border-radius:var(--r-sm);background:var(--bg-deep);margin-top:6px;overflow:hidden}.desc-steps{border-bottom:1px solid var(--border)}.desc-steps-head{background:linear-gradient(180deg, color-mix(in oklab, var(--gold) 8%, var(--bg-panel)), var(--bg-panel));cursor:pointer;text-align:left;border:0;align-items:center;gap:7px;width:100%;padding:4px 9px;display:flex}.desc-steps-head:hover{background:var(--bg-panel-2)}.desc-steps-chev{color:var(--ink-dim);place-items:center;transition:transform .15s;display:grid;transform:rotate(-90deg)}.desc-steps.open .desc-steps-chev{transform:rotate(0)}.desc-steps-head .kicker{flex:1}.desc-steps-body{max-height:0;transition:max-height .18s;overflow:hidden}.desc-steps.open .desc-steps-body{max-height:92px;overflow-y:auto}.desc-steps-empty{color:var(--ink-dim);padding:6px 9px;font-family:Spectral,serif;font-size:11px;font-style:italic}.desc-step-chips{flex-wrap:wrap;gap:4px;padding:6px 9px;display:flex}.desc-step-chip{background:var(--bg-deep);border:1px solid var(--border);cursor:pointer;color:var(--ink-mute);border-radius:999px;align-items:center;gap:5px;padding:2px 7px 2px 2px;display:inline-flex}.desc-step-chip:hover{border-color:var(--gold-dim);color:var(--ink)}.desc-step-chip .desc-step-num{min-width:16px;height:16px;color:var(--bg-deep);background:var(--gold-dim);border-radius:999px;place-items:center;padding:0 3px;font-size:9px;display:grid}.desc-step-chip.linked .desc-step-num{background:var(--gold)}.desc-step-chip .desc-step-lbl{white-space:nowrap;font-family:Spectral,serif;font-size:11px}.desc-step-chip svg{color:var(--ember)}.desc-step-chip.linked svg{color:var(--gold-dim)}.desc-toolbar{border-bottom:1px solid var(--border);background:var(--bg-panel);align-items:center;gap:2px;padding:4px 6px;display:flex}.desc-tb-btn.is-active{color:var(--gold);border-color:var(--gold-dim)}.desc-count{color:var(--ink-dim);margin-left:auto;font-size:10px}.desc-count.over{color:var(--crimson)}.desc-content{max-height:320px;overflow-y:auto}.desc-pm{min-height:84px;color:var(--ink);outline:none;padding:9px 11px;font-family:Spectral,serif;font-size:13px;line-height:1.55}.desc-pm:focus{outline:none}.desc-pm p{margin:0 0 .5em}.desc-pm p:last-child{margin-bottom:0}.desc-pm ul,.desc-pm ol{margin:0 0 .5em;padding-left:1.4em}.desc-pm strong{color:var(--ink);font-weight:700}.desc-pm p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--ink-dim);float:left;pointer-events:none;height:0}.step-chip{font:inherit;border:1px solid var(--gold-deep);border-radius:var(--r-sm);color:var(--gold);cursor:pointer;background:oklch(22% .04 75/.3);margin:0 1px;padding:1px 5px;display:inline}button.step-chip{font-family:inherit}.step-chip:hover{border-color:var(--gold);color:var(--ink)}.step-chip.flash{animation:1.2s stepFlash}@keyframes stepFlash{0%,to{background:oklch(22% .04 75/.3);box-shadow:0 0 #0000}20%{background:oklch(32% .07 78/.6);box-shadow:0 0 0 3px oklch(78% .12 80/.45)}}.recipe-info{background:var(--bg-deep);border:1px solid var(--border-strong);box-shadow:var(--shadow-deep);flex-direction:column;margin:14px 14px 0;display:flex;overflow:hidden}.ri-head{border:0;border-bottom:1px solid var(--border-strong);cursor:pointer;text-align:left;background:linear-gradient(oklch(0% 0 0/.25),#0000);align-items:center;gap:8px;width:100%;padding:11px 14px;display:flex}.ri-title{letter-spacing:.04em;color:var(--ink);flex:1;font-family:Cinzel,serif;font-size:14px;font-weight:600}.ri-chev{color:var(--ink-dim);transition:transform .15s}.recipe-info.open .ri-chev{transform:rotate(180deg)}.ri-body{padding:12px 14px;overflow:auto}.ri-row.ri-author{color:var(--ink);align-items:center;gap:7px;margin-bottom:8px;font-family:Spectral,serif;font-size:13px;display:flex}.ri-row.ri-author svg{color:var(--ink-dim)}.ri-meta-line{color:var(--ink-mute);flex-wrap:wrap;gap:6px;font-family:JetBrains Mono,monospace;font-size:11px;display:flex}.ri-meta-line.ri-dates{color:var(--ink-dim);margin-top:3px}.recipe-desc{color:var(--ink-mute);margin:12px 0 0;font-family:Spectral,serif;font-size:13px;line-height:1.55}.recipe-desc p{margin:0 0 8px}.ri-cats{flex-direction:column;gap:8px;margin-top:12px;display:flex}.ri-cat-dim{align-items:baseline;gap:8px;display:flex}.ri-cat-lbl{letter-spacing:.14em;text-transform:uppercase;color:var(--ink-dim);min-width:46px;font-family:Cinzel,serif;font-size:9px}.ri-cat-badges{flex-wrap:wrap;gap:5px;display:flex}.ri-badge{border:1px solid var(--border);color:var(--ink-mute);background:oklch(0% 0 0/.25);border-radius:999px;padding:2px 8px;font-family:Spectral,serif;font-size:11px}