:root{--bg:#12130f;--side:#121110;--side-2:#1b1a17;--paper:#1c1a17;--paper-2:#24211d;--line:#34302a;--text:#ece5d6;--muted:#a39b8b;--accent:#a6d65a;--accent-ink:#13200a;--blood:#c9372c;--stage-h:clamp(220px, 34vh, 360px);--col:min(780px, calc(100% - 64px));--sans:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--display:"Lilita One", "Arial Rounded MT Bold", Impact, sans-serif;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{font-family:var(--sans);color:var(--text);background-color:#1a1c16;background-image:radial-gradient(at 50% 120%,#0000 30%,#0000008c 100%),radial-gradient(circle at 18% 70%,#5a080838 0 60px,#0000 140px),radial-gradient(circle at 86% 82%,#3c321459 0 40px,#0000 160px),linear-gradient(#0a0a0899 2px,#0000 2px),linear-gradient(90deg,#0a0a0899 2px,#0000 2px),linear-gradient(#23261d,#191b14);background-size:auto,auto,auto,56px 56px,56px 56px,auto;overflow:hidden}#gl,#fx{pointer-events:none;width:100vw;height:100vh;position:fixed;inset:0}#gl{z-index:0}#fx{z-index:60}#app{z-index:1;height:100vh;display:flex;position:relative}#sidebar{background:var(--side);border-right:1px solid #23211d;flex-direction:column;flex:none;width:264px;padding:10px 10px 12px;transition:margin-left .28s cubic-bezier(.4,0,.2,1);display:flex}#app.sidebar-collapsed #sidebar{margin-left:-264px}.side-head{justify-content:space-between;align-items:center;padding:4px 4px 10px;display:flex}.brand{font-family:var(--display);letter-spacing:.3px;align-items:center;gap:8px;font-size:20px;display:flex}.brand-mark{background:radial-gradient(circle at 35% 40%,#fff 0 3px,#111 3px 5px,#0000 5px),radial-gradient(circle at 68% 42%,#fff 0 2px,#111 2px 3.5px,#0000 3.5px),#8fae5e;border-radius:50% 50% 46% 54%;width:22px;height:22px;box-shadow:inset 0 -3px #00000040}.new-chat{background:var(--side-2);width:100%;color:var(--text);font:500 14px var(--sans);cursor:pointer;border:1px solid #2c2925;border-radius:10px;align-items:center;gap:8px;padding:10px 12px;display:flex}.new-chat:hover{background:#24221e}.side-label{color:var(--muted);padding:18px 8px 6px;font-size:12px}#conv-list{flex-direction:column;flex:1;gap:1px;display:flex;overflow-y:auto}.conv{color:#d8d1c2;cursor:pointer;border-radius:8px;outline:none;align-items:center;gap:6px;padding:8px 8px 8px 10px;font-size:14px;display:flex}.conv:hover,.conv:focus-visible{background:#1d1c19}.conv.active{color:var(--text);background:#282520}.conv-title{white-space:nowrap;text-overflow:ellipsis;flex:1;overflow:hidden}.conv-del{opacity:0;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;place-items:center;padding:2px;display:grid}.conv:hover .conv-del,.conv.active .conv-del{opacity:1}.conv-del:hover{color:var(--blood)}.conv-empty{color:var(--muted);padding:6px 10px;font-size:13px}.side-foot{color:#7a7366;border-top:1px solid #211f1b;padding:10px 8px 0;font-size:11.5px}#main{flex-direction:column;flex:1;min-width:0;display:flex;position:relative}#topbar{z-index:5;pointer-events:none;justify-content:space-between;align-items:center;padding:10px 12px;display:flex;position:absolute;top:0;left:0;right:0}#topbar>*{pointer-events:auto}.top-left,.top-right{align-items:center;gap:8px;display:flex}.glassy{-webkit-backdrop-filter:blur(6px);color:var(--text);background:#100f0d9e;border:1px solid #ffffff14;border-radius:10px}#toggle-sidebar-2{display:none}#app.sidebar-collapsed #toggle-sidebar-2{display:grid}.model{font:600 15px var(--sans);padding:7px 12px}.model em{color:var(--accent);font-style:normal;font-weight:500}.chip{font-variant-numeric:tabular-nums;color:#d8d1c2;align-items:center;gap:6px;padding:7px 10px;font-size:13px;display:flex}.icon-btn{width:34px;height:34px;color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;padding:0;display:grid}.icon-btn:hover{color:var(--text);background:#ffffff0f}.icon-btn.glassy{color:var(--text);width:36px;height:36px}.icon-btn.glassy:hover{background:#1e1c19d9}#sound .ico-on{display:none}#sound.on .ico-on{display:block}#sound.on .ico-off{display:none}#sound.on{color:var(--accent)}.settings-wrap{position:relative}.popover{z-index:10;background:#1d1b18;border:1px solid #36322b;border-radius:12px;width:280px;padding:14px;font-size:13px;position:absolute;top:44px;right:0;box-shadow:0 16px 40px #00000080}.popover label{justify-content:space-between;margin-bottom:8px;font-weight:600;display:flex}.popover b{color:var(--accent)}.popover input[type=range]{width:100%;accent-color:var(--accent)}.popover p{color:var(--muted);margin:8px 0 0;line-height:1.45}.popover .hint{border-top:1px solid #2c2925;padding-top:8px;font-size:12px}#stage{height:var(--stage-h);flex:none;transition:height .6s cubic-bezier(.6,0,.2,1);position:relative}.stage-frame{pointer-events:none;background-image:var(--grain);opacity:.9;background-size:180px 180px;animation:.5s steps(6,end) infinite grain;position:absolute;inset:0;box-shadow:inset 0 0 90px 20px #000000b3,inset 0 -2px #0009}.stage-frame:after{content:"";border-bottom:2px dashed #1e140ed9;height:0;position:absolute;bottom:6px;left:0;right:0}@keyframes grain{0%{background-position:0 0}20%{background-position:-40px 25px}40%{background-position:30px -50px}60%{background-position:-60px -20px}80%{background-position:45px 60px}to{background-position:0 0}}#greeting{text-align:center;font:400 clamp(30px, 3.6vw, 46px)/1.05 var(--display);letter-spacing:.5px;color:#efe6cf;text-shadow:0 3px #3a1410,0 6px 18px #000000b3;margin:18px auto;padding:0 20px;display:none}#thread{scrollbar-color:#3a352d transparent;flex:1;min-height:0;overflow-y:auto}.column{width:var(--col);margin:0 auto}#messages{background:var(--paper);min-height:100%;box-shadow:0 0 0 6px var(--paper), 0 0 40px #00000073;border-left:2px dashed #2f2a23;border-right:2px dashed #2f2a23;padding:26px 34px 24px}#composer-wrap{background:var(--paper);box-shadow:0 0 0 6px var(--paper);border-left:2px dashed #2f2a23;border-right:2px dashed #2f2a23;flex:none;padding:6px 34px 12px}#composer{background:var(--paper-2);border:1px solid #39342c;border-radius:26px;align-items:flex-end;gap:8px;padding:8px 8px 8px 20px;display:flex;box-shadow:0 8px 24px #00000059}#composer:focus-within{border-color:#5a5244}#prompt{resize:none;color:var(--text);font:15.5px/1.5 var(--sans);background:0 0;border:0;outline:none;flex:1;max-height:200px;padding:7px 0}#prompt::placeholder{color:#857d6e}#send{cursor:pointer;background:var(--accent);width:36px;height:36px;color:var(--accent-ink);border:0;border-radius:50%;flex:none;place-items:center;transition:transform .1s,background .2s;display:grid}#send:disabled{color:#2a2722;cursor:default;background:#4a463e}#send:not(:disabled):active{transform:scale(.92)}#send.is-stop{background:var(--text);color:#1a1815}#mic{cursor:pointer;width:36px;height:36px;color:var(--text);background:0 0;border:1px solid #5a5244;border-radius:50%;flex:none;place-items:center;transition:background .2s,box-shadow .2s;display:grid}#mic[data-state=connecting]{opacity:.6;cursor:progress}#mic[data-state=listening]{background:var(--accent);color:var(--accent-ink);border-color:#0000}#mic[data-state=speaking]{background:var(--accent);color:var(--accent-ink);border-color:#0000;box-shadow:0 0 0 5px #9aff6a40}.hear{color:var(--accent);font:600 12px var(--sans);cursor:pointer;background:0 0;border:1px solid #5a5244;border-radius:999px;margin-left:8px;padding:2px 10px;font-style:normal;display:inline-block}.hear:hover{border-color:var(--accent)}.disclaimer{text-align:center;color:#7f786b;padding-top:8px;font-size:12px}#main.is-empty #stage{height:clamp(260px,50vh,520px)}#main.is-empty #greeting{display:block}#main.is-empty #thread{visibility:hidden;flex:1}#main.is-empty #composer-wrap{box-shadow:none;background:0 0;border-color:#0000;order:0}#main.is-empty #thread{order:1}#main.is-empty .disclaimer{color:#9a9282;text-shadow:0 1px 2px #000}.msg{margin:0 0 26px}.msg.user{justify-content:flex-end;display:flex}.msg.note{justify-content:center;display:flex}.msg.note .msg-body{color:var(--muted,#a89f90);text-align:center;border:1px dashed #a89f9059;border-radius:999px;max-width:80%;padding:4px 12px;font-size:12.5px}.msg.user .msg-body{white-space:pre-wrap;word-wrap:break-word;background:#2e2a24;border:1px solid #3a352d;border-radius:20px 20px 6px;max-width:78%;padding:10px 16px;font-size:15.5px;line-height:1.55}.msg.assistant .msg-body{word-wrap:break-word;font-size:15.5px;line-height:1.68}.msg-body>:first-child{margin-top:0}.msg-body>:last-child{margin-bottom:0}.msg-body p{margin:0 0 12px}.msg-body h2,.msg-body h3,.msg-body h4{font-family:var(--display);letter-spacing:.3px;color:#f3ead6;margin:20px 0 8px;font-weight:400}.msg-body h2{font-size:22px}.msg-body h3{font-size:19px}.msg-body h4{font-size:17px}.msg-body ul,.msg-body ol{margin:0 0 12px;padding-left:24px}.msg-body li{margin:4px 0}.msg-body strong{color:#fff6e2}.msg-body code{background:#2a2620;border-radius:5px;padding:2px 5px;font:13.5px ui-monospace,SFMono-Regular,Menlo,monospace}.msg-body pre{background:#121110;border:1px solid #2e2a24;border-radius:10px;margin:0 0 14px;padding:14px 16px;overflow-x:auto}.msg-body pre code{background:0 0;padding:0;font-size:13px;line-height:1.55}.msg-body blockquote{border-left:3px solid var(--blood);color:#cfc6b4;margin:0 0 12px;padding:4px 14px}.table-wrap{margin:0 0 14px;overflow-x:auto}.msg-body table{border-collapse:collapse;font-size:14px}.msg-body th,.msg-body td{text-align:left;border:1px solid #3a352d;padding:6px 12px}.msg-body th{background:#26231e}.thinking{color:var(--muted);font-style:italic}.dots i{font-style:normal;animation:1.2s infinite blink}.dots i:nth-child(2){animation-delay:.2s}.dots i:nth-child(3){animation-delay:.4s}@keyframes blink{0%,to{opacity:.2}40%{opacity:1}}.caret{background:var(--blood);vertical-align:middle;border-radius:50%;width:9px;height:9px;margin-left:4px;animation:.9s infinite pulse;display:inline-block}@keyframes pulse{50%{opacity:.6;transform:scale(.6)}}.msg-foot{align-items:center;gap:2px;min-height:30px;margin-top:8px;display:flex}.msg-foot .icon-btn{width:30px;height:30px}.msg-foot .regen span{margin-left:4px;font-size:13px}.msg-foot .regen:has(span){gap:4px;width:auto;padding:0 10px;display:flex}.msg.streaming .msg-foot{visibility:hidden}.note{color:var(--muted);margin-right:8px;font-size:12.5px}.note.error{color:#ff8a7a}@media (width<=860px){:root{--col:calc(100% - 24px)}#sidebar{z-index:20;height:100%;position:absolute}#messages,#composer-wrap{padding-left:16px;padding-right:16px}}@media (prefers-reduced-motion:reduce){.stage-frame{animation:none}#stage{transition:none}}body.debug-stage #stage{z-index:40;position:fixed;inset:0;height:100vh!important}body.debug-stage #topbar,body.debug-stage #sidebar,body.debug-stage #thread,body.debug-stage #composer-wrap,body.debug-stage #greeting{visibility:hidden}#topbar{gap:8px}.tabs{border-radius:12px;gap:2px;padding:3px;display:flex;position:absolute;left:50%;transform:translate(-50%)}.tab{color:var(--muted);font:600 13.5px var(--sans);cursor:pointer;background:0 0;border:0;border-radius:9px;padding:7px 14px}.tab:hover{color:var(--text)}.tab.active{background:var(--accent);color:var(--accent-ink)}#app[data-mode=monsters] #specimen-chip,#app[data-mode=monsters] #monster-name{display:none}#composer{flex-wrap:wrap}#monster-name{min-width:0;color:var(--text);font:600 14px var(--sans);background:#ffffff0d;border:0;border-radius:14px;outline:none;flex:0 0 150px;align-self:center;padding:8px 12px}#monster-name::placeholder{color:#857d6e;font-weight:500}.ideas{flex-wrap:wrap;justify-content:center;gap:8px;max-width:760px;margin:-6px auto 16px;padding:0 20px;display:none}#main.is-empty .ideas{display:flex}.idea{color:#d8d1c2;font:500 13px var(--sans);cursor:pointer;background:#1c1a17e6;border:1px solid #3a352d;border-radius:999px;padding:7px 14px}.idea:hover{border-color:var(--accent);color:var(--text)}.conv .thumb{object-fit:cover;background:#0d0f0a;border-radius:8px;flex:none;width:38px;height:38px}.conv-title small{color:var(--muted);margin-top:1px;font-size:11.5px;display:block}.monster-item{padding-top:6px;padding-bottom:6px}.name-tag{background:var(--accent);color:var(--accent-ink);border-radius:6px;margin-right:8px;padding:1px 8px;font-size:12.5px;font-weight:700;display:inline-block}.meet{background:var(--accent);color:var(--accent-ink);font:700 13px var(--sans);cursor:pointer;border:0;border-radius:8px;margin-right:6px;padding:6px 12px}.meet:hover{filter:brightness(1.08)}.steps details{background:#211f1b;border:1px solid #34302a;border-radius:12px;margin-bottom:12px}.steps summary{cursor:pointer;color:#cfc6b4;align-items:center;gap:10px;padding:9px 14px;font-size:13.5px;list-style:none;display:flex}.steps summary::-webkit-details-marker{display:none}.steps ol{margin:0;padding:0 14px 10px 38px;list-style:none}.steps li{color:var(--muted);padding:3px 0;font-size:13px;position:relative}.steps li .tick{border:2px solid #5a5244;border-radius:50%;width:10px;height:10px;position:absolute;top:7px;left:-22px}.steps li.done{color:#cfc6b4}.steps li.done .tick{background:var(--accent);border-color:var(--accent)}.steps li.running{color:var(--text)}.steps li.running .tick{border-color:var(--accent);border-top-color:#0000;animation:.8s linear infinite spin}.steps li.cancelled{opacity:.6;text-decoration:line-through}.spin{border:2px solid var(--accent);border-radius:50%;flex:none;width:12px;height:12px}.spin.on{border-top-color:#0000;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}#main.over-monster,#main.over-monster *{cursor:pointer}.lab-tab{margin-bottom:4px}.lab-icon{width:38px;height:38px;color:var(--accent);background:#23281b;border-radius:8px;flex:none;place-items:center;display:grid}#sidebar .conv{align-items:center}.conv .spin{margin-left:auto}#app[data-mode=lab] #stage{height:auto;position:absolute;inset:0}#app[data-mode=lab] #thread{visibility:hidden;flex:1}#app[data-mode=lab] #composer-wrap{z-index:4;box-shadow:none;background:0 0;border-color:#0000;padding-bottom:16px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}#app[data-mode=lab] #greeting{z-index:4;pointer-events:none;margin:0;font-size:clamp(24px,2.6vw,36px);display:block;position:absolute;bottom:210px;left:0;right:0}#app[data-mode=lab] .ideas{z-index:4;width:min(900px,96%);margin:0;display:flex;position:absolute;bottom:100px;left:50%;transform:translate(-50%)}#app[data-mode=lab] .disclaimer{color:#b8b0a0;text-shadow:0 1px 2px #000}#app[data-mode=lab] .stage-frame:after{display:none}#app[data-mode=lab] .stage-frame{box-shadow:inset 0 0 160px 30px #000000bf}.topic-banner{z-index:5;color:var(--text);font:500 16px var(--sans);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#100f0dd1;border:1px solid #a6d65a80;border-radius:14px;align-items:center;gap:10px;padding:10px 18px;display:flex;position:absolute;top:64px;left:50%;transform:translate(-50%);box-shadow:0 10px 30px #00000073}.topic-banner b{color:var(--accent);font-weight:700}#app[data-mode=monsters] .topic-banner{display:none}#app[data-mode=monsters] #stage{height:clamp(260px,44vh,480px)}#app[data-mode=monsters] #main.is-empty #stage{height:clamp(300px,56vh,600px)}#app.lab-busy[data-mode=lab] #greeting,#app.lab-busy[data-mode=lab] .ideas{opacity:0;pointer-events:none}#app[data-mode=lab] #greeting,#app[data-mode=lab] .ideas{transition:opacity .3s}.backend-chip{font-weight:600}.backend-chip:before{content:"";background:#8a8274;border-radius:50%;width:8px;height:8px}.backend-chip[data-on="1"]:before{background:var(--accent);box-shadow:0 0 8px var(--accent)}.speech{border-left:3px solid var(--accent);color:#f3ead6;background:#211f1b;border-radius:0 10px 10px 0;margin:0 0 14px;padding:6px 14px;font-style:italic}.ask{background:#2a2418;border:1px solid #5a4a2a;border-radius:12px;margin-bottom:12px;padding:10px 14px;font-size:14.5px}.ask b{color:#f0c860}.ask-answer{color:#d8d1c2;margin-top:6px}.ask-hint{color:var(--muted);margin-top:6px;font-size:13px;font-style:italic}.confirm-card{background:#2a1c18;border:1px solid #6a3a2a;border-radius:12px;margin-bottom:12px;padding:12px 14px;font-size:14.5px}.confirm-actions{gap:8px;margin-top:10px;display:flex}.ghost{color:var(--text);font:600 13px var(--sans);cursor:pointer;background:0 0;border:1px solid #5a5244;border-radius:8px;padding:6px 12px}.ghost:hover{border-color:var(--text)}.steps li.skipped,.steps li.declined{color:#8a8274}.steps li.skipped .tick,.steps li.declined .tick{background:0 0;border-color:#6a6254}.steps li.error{color:#ff8a7a}#chat-panel{display:contents}#app[data-mode=monsters] #stage,#app[data-mode=monsters] #main.is-empty #stage{height:auto;position:absolute;inset:0}#app[data-mode=monsters] .stage-frame{box-shadow:inset 0 0 160px 30px #000000b3}#app[data-mode=monsters] .stage-frame:after,#app[data-mode=monsters] #greeting,#app[data-mode=monsters] .ideas{display:none}#app[data-mode=monsters] #chat-panel{z-index:4;-webkit-backdrop-filter:blur(10px);background:#181613eb;border:1px solid #ffffff17;border-radius:18px;flex-direction:column;width:clamp(320px,36%,460px);display:flex;position:absolute;top:64px;bottom:16px;right:16px;overflow:hidden;box-shadow:0 24px 60px #0009,0 2px 10px #00000059,inset 0 1px #ffffff0a}#app[data-mode=monsters] #thread,#app[data-mode=monsters] #main.is-empty #thread{visibility:visible;flex:1;order:0;min-height:0;overflow-y:auto}#app[data-mode=monsters] .column{width:100%;margin:0}#app[data-mode=monsters] #messages{min-height:0;box-shadow:none;background:0 0;border:0;padding:18px 18px 6px}#app[data-mode=monsters] #composer-wrap,#app[data-mode=monsters] #main.is-empty #composer-wrap{box-shadow:none;background:linear-gradient(#18161300,#181613f5 30%);border:0;order:1;padding:10px 18px 12px}#app[data-mode=monsters] #composer{box-shadow:0 6px 18px #00000059}.workflow{display:none}#app[data-mode=monsters] .workflow:not([hidden]){z-index:4;-webkit-backdrop-filter:blur(8px);background:#141310d1;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;width:248px;max-height:calc(100% - 80px);display:flex;position:absolute;top:64px;left:16px;overflow:hidden;box-shadow:0 18px 44px #00000080}#app[data-mode=monsters] .workflow.collapsed{bottom:auto}#app[data-mode=monsters] .workflow.collapsed .wf-flow{display:none}#app[data-mode=monsters] .workflow.collapsed .wf-toggle{transform:rotate(-90deg)}.wf-head{border-bottom:1px solid #ffffff0f;align-items:baseline;gap:8px;padding:12px 12px 8px 16px;display:flex}.wf-head span{font:15px var(--display);letter-spacing:.3px}.wf-head small{color:var(--muted);text-align:right;flex:1;font-size:11.5px}.wf-toggle{color:var(--muted);cursor:pointer;background:0 0;border:0;font-size:14px;transition:transform .2s}.wf-flow{scrollbar-color:#3a352d transparent;flex:1;padding:12px 12px 16px;overflow-y:auto}.wf-empty{color:var(--muted);padding:8px 4px;font-size:13px}.wf-row{gap:8px;display:flex;position:relative}.wf-row+.wf-row{margin-top:22px}.wf-row+.wf-row:before{content:"";border-left:2px dashed #5a5244;height:16px;position:absolute;top:-19px;left:50%}.wf-row+.wf-row:after{content:"";border:5px solid #0000;border-top-color:#5a5244;border-bottom:0;position:absolute;top:-7px;left:calc(50% - 4px)}.wf-box{background:#24211d;border:1px solid #39342c;border-radius:11px;flex:1;grid-template-columns:28px 1fr;align-items:start;gap:2px 8px;min-width:0;padding:9px 10px;transition:background .25s,border-color .25s,box-shadow .25s,opacity .25s;display:grid}.wf-par{border-left:2px dashed #5a5244;flex-direction:column;gap:6px;padding-left:10px}.wf-par-label{letter-spacing:.5px;color:#8a8274;text-transform:uppercase;font-size:10px}.wf-icon{font-size:19px;line-height:1.2}.wf-text{min-width:0}.wf-text b{overflow-wrap:anywhere;font-size:12.5px;font-weight:600;line-height:1.3;display:block}.wf-note{-webkit-line-clamp:2;color:#cfc6b4;-webkit-box-orient:vertical;margin-top:2px;font-size:11.5px;line-height:1.35;display:-webkit-box;overflow:hidden}.wf-text small{color:var(--muted);overflow-wrap:anywhere;margin-top:2px;font-size:11px;display:block}.wf-tag{color:#c9b98a;overflow-wrap:anywhere;background:#c9b98a1a;border-radius:6px;margin-top:4px;padding:1px 6px;font-size:10.5px;font-style:normal;display:inline-block}.wf-cost{color:#b8b0a0;grid-column:1/-1;justify-self:end;font:600 11px ui-monospace,monospace}.wf-box[data-state=running]{border-color:var(--accent);background:#2c3a1e;animation:1.1s ease-in-out infinite wf-pulse;box-shadow:0 0 0 3px #a6d65a2e,0 0 22px #a6d65a59}.wf-box[data-state=done]{background:#222a1b;border-color:#4f7a2f}.wf-box[data-state=done] .wf-cost{color:var(--accent)}.wf-box[data-state=skipped],.wf-box[data-state=declined],.wf-box[data-state=cancelled]{opacity:.45}.wf-box[data-state=error]{border-color:var(--blood);background:#2e1a17}@keyframes wf-pulse{50%{box-shadow:0 0 0 5px #a6d65a1a,0 0 30px #a6d65a80}}@media (width<=1100px){#app[data-mode=monsters] .workflow:not([hidden]){width:210px}}@media (width<=1440px){#app:not(.sidebar-collapsed)[data-mode=monsters] .workflow:not([hidden]){width:210px}#app:not(.sidebar-collapsed)[data-mode=monsters] #chat-panel{width:clamp(300px,32%,420px)}}.library{display:none}#app[data-mode=library] #stage{height:auto;position:absolute;inset:0}#app[data-mode=library] .stage-frame{box-shadow:inset 0 0 160px 30px #000000b3}#app[data-mode=library] .stage-frame:after,#app[data-mode=library] #chat-panel,#app[data-mode=library] #greeting,#app[data-mode=library] .ideas,#app[data-mode=library] .topic-banner,#app[data-mode=library] #specimen-chip{display:none}#app[data-mode=library] .library{z-index:4;pointer-events:none;flex-direction:column;display:flex;position:absolute;inset:64px 0 0}.lib-bar{pointer-events:auto;justify-content:space-between;align-items:center;gap:12px;padding:0 24px;display:flex}.lib-title{font:26px var(--display);text-shadow:0 2px 8px #000}.lib-title small{font:500 13px var(--sans);color:var(--muted);margin-left:8px}.seg{background:#141310d9;border:1px solid #39342c;border-radius:999px;padding:3px;display:inline-flex}.seg button{color:var(--muted);font:600 13px var(--sans);cursor:pointer;background:0 0;border:0;border-radius:999px;padding:6px 16px}.seg button.on{background:var(--accent);color:var(--accent-ink)}.lib-hint{color:#d8d0c0;background:#141310b3;border-radius:999px;align-self:center;margin-top:auto;margin-bottom:22px;padding:6px 14px;font-size:13px}.library[data-view=cards] .lib-hint,.lib-cards{display:none}#app[data-mode=library] .library[data-view=cards]{pointer-events:auto}.library[data-view=cards]{-webkit-backdrop-filter:blur(6px);pointer-events:auto;background:#0e0d0bb8}.library[data-view=cards] .lib-cards{flex:1;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));align-content:start;gap:14px;padding:16px 24px 28px;display:grid;overflow-y:auto}.lib-card{text-align:left;cursor:pointer;color:var(--text);font:inherit;background:#1f1d19;border:1px solid #39342c;border-radius:16px;grid-template-columns:96px 1fr;gap:14px;padding:12px;transition:transform .15s,border-color .15s,box-shadow .15s;display:grid}.lib-card:hover{border-color:var(--accent);transform:translateY(-2px);box-shadow:0 10px 30px #00000073}.lib-card img{object-fit:cover;background:#1a1c16;border-radius:12px;width:96px;height:96px}.lib-info{min-width:0}.lib-info h3{font:17px var(--display);letter-spacing:.2px;margin:2px 0}.lib-sub{color:var(--muted);font-size:12px}.lib-info p{color:#cfc6b4;-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:6px 0 8px;font-size:13px;display:-webkit-box;overflow:hidden}.lib-chips{flex-wrap:wrap;gap:5px;display:flex}.lib-chips span{color:#d8d0c0;background:#2a2722;border:1px solid #3a352d;border-radius:999px;padding:2px 8px;font-size:11px}.lib-tools{letter-spacing:3px;margin-top:8px;font-size:17px}.lib-empty{color:var(--muted);padding:20px 4px}#app[data-mode=library] #main.over-monster{cursor:pointer}#stage-fade{opacity:0;pointer-events:none;z-index:1;background:#0b0907;transition:opacity .4s;position:absolute;inset:0}@keyframes panel-arrive{0%{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}#app.arriving[data-mode=monsters] #chat-panel{animation:.7s cubic-bezier(.2,.8,.2,1) .25s both panel-arrive}#app.arriving[data-mode=monsters] #workflow{animation:.7s cubic-bezier(.2,.8,.2,1) .38s both panel-arrive}@media (prefers-reduced-motion:reduce){#app.arriving #chat-panel,#app.arriving #workflow{animation:none}}