@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;450;500;600&family=JetBrains+Mono:wght@400;500&display=swap");:root{--bg:#08090a;--panel:#121415;--panel-2:#171a1b;--line:#1f2325;--line-soft:#171a1b;--ink:#f4f5f5;--ink-2:#9ba1a3;--ink-3:#6a7173;--accent:#74b892;--accent-2:#14201a;--danger:#d9765d;--sans:"Inter",ui-sans-serif,system-ui,-apple-system,sans-serif;--mono:"JetBrains Mono",ui-monospace,"SF Mono",Menlo,monospace}*{box-sizing:border-box;margin:0;padding:0}body,html{height:100%}body{background:var(--bg);color:var(--ink);font-family:var(--sans);font-size:15.5px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.app{display:grid;grid-template-columns:248px 1fr}.app,.main{height:100dvh}.main{display:flex;flex-direction:column;min-width:0}.top{position:-webkit-sticky;position:sticky;top:0;z-index:5;background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--line-soft)}.top-in{max-width:720px;margin:0 auto;padding:13px 24px;display:flex;align-items:center;gap:11px}.logo{width:27px;height:27px;border-radius:7px;border:1px solid var(--line);background:var(--panel);object-fit:cover;flex-shrink:0}.title{font-size:14.5px;font-weight:600;letter-spacing:-.012em}.subtitle{font-size:12px;margin-top:-1px}.state,.subtitle{color:var(--ink-3)}.state{margin-left:auto;display:flex;align-items:center;gap:7px;font-family:var(--mono);font-size:10.5px;letter-spacing:.02em;white-space:nowrap}.led{width:5px;height:5px;border-radius:50%;background:var(--ink-3);flex-shrink:0}.led.busy,.led.ready{background:var(--accent)}.led.busy{animation:pulse 1.3s ease-in-out infinite}.progress{height:2px;background:transparent;overflow:hidden}.progress>i{display:block;height:100%;background:var(--accent);transition:width .3s ease-out}.progress.indeterminate>i{width:28%!important;animation:sweep 1.15s ease-in-out infinite}@keyframes sweep{0%{margin-left:-28%}to{margin-left:100%}}.scroll{flex:1 1;overflow-y:auto}.column{max-width:720px;margin:0 auto;padding:30px 24px 12px}.turn{margin-bottom:26px;animation:enter .26s cubic-bezier(.22,.8,.32,1) both}@keyframes enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}.turn.user{display:flex;justify-content:flex-end}.turn.user>div{max-width:76%;padding:10px 15px;border-radius:15px 15px 4px 15px;background:var(--panel-2);border:1px solid var(--line-soft);white-space:pre-wrap;overflow-wrap:anywhere}.turn.bot{display:flex;gap:13px}.face{width:28px;height:28px;flex-shrink:0;border-radius:8px;border:1px solid var(--line);background:var(--panel);object-fit:cover;margin-top:1px}.say{flex:1 1;min-width:0;padding-top:1px;white-space:pre-wrap;overflow-wrap:anywhere}.say .who{display:block;font-family:var(--mono);font-size:10px;letter-spacing:.09em;text-transform:uppercase;color:var(--ink-3);margin-bottom:3px}.tick{display:inline-block;width:7px;height:15px;background:var(--accent);vertical-align:-2px;margin-left:2px;animation:flash 1.05s steps(2,start) infinite}@keyframes flash{to{visibility:hidden}}.thinking{color:var(--ink-3);font-size:14px}.hero{padding:26px 0 30px}.hero h1{font-size:27px;font-weight:600;letter-spacing:-.028em;line-height:1.22;margin-bottom:10px}.hero p{color:var(--ink-2);max-width:54ch;margin-bottom:24px;font-size:15px}.hero p b{color:var(--ink);font-weight:500}.meta{display:flex;flex-wrap:wrap;gap:18px;padding:15px 0;border-top:1px solid var(--line-soft);border-bottom:1px solid var(--line-soft);margin-bottom:24px}.meta div{min-width:84px}.meta dt{font-family:var(--mono);font-size:9.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.meta dd{font-size:15px;font-weight:500;margin-top:2px}.cue{font-family:var(--mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}.cues{display:grid;grid-template-columns:repeat(auto-fill,minmax(232px,1fr));grid-gap:8px;gap:8px}.cue-btn{text-align:left;padding:12px 14px;border:1px solid var(--line);border-radius:11px;background:var(--panel);color:var(--ink);font:inherit;font-size:14px;cursor:pointer;transition:border-color .16s,background .16s,transform .16s}.cue-btn:hover:not(:disabled){border-color:var(--accent);background:var(--accent-2);transform:translateY(-1px)}.cue-btn:disabled{opacity:.45;cursor:default}.warn{border:1px solid var(--line);border-left:2px solid var(--danger);border-radius:10px;background:var(--panel);padding:12px 15px;font-size:14px;color:var(--ink-2);margin-bottom:24px}.warn b{display:block;color:var(--ink);font-weight:500;margin-bottom:2px}.bottom{border-top:1px solid var(--line-soft);background:color-mix(in srgb,var(--bg) 88%,transparent);-webkit-backdrop-filter:saturate(1.4) blur(12px);backdrop-filter:saturate(1.4) blur(12px)}.bottom-in{max-width:720px;margin:0 auto;padding:14px 24px 18px}.box{display:flex;align-items:flex-end;gap:9px;border:1px solid var(--line);border-radius:15px;background:var(--panel);padding:8px 8px 8px 16px;transition:border-color .16s,box-shadow .16s}.box:focus-within{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-2)}.box textarea{flex:1 1;border:none;outline:none;background:transparent;color:var(--ink);font:inherit;min-height:26px;padding:5px 0}.box textarea::placeholder{color:var(--ink-3)}.go{flex-shrink:0;width:32px;height:32px;border:none;border-radius:10px;background:var(--accent);color:#fff;cursor:pointer;display:grid;place-items:center;transition:opacity .16s,transform .12s}.go:hover:not(:disabled){transform:translateY(-1px)}.go:disabled{opacity:.26;cursor:default}.go svg{width:15px;height:15px;display:block}.tray{justify-content:space-between;gap:16px;margin-top:10px;padding:0 2px;font-family:var(--mono);font-size:10px;color:var(--ink-3)}.knob,.tray{display:flex;align-items:center}.knob{gap:8px}.knob input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:78px;height:2px;background:var(--line);border-radius:2px;outline:none}.knob input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent);cursor:pointer}.knob input[type=range]::-moz-range-thumb{width:10px;height:10px;border:none;border-radius:50%;background:var(--accent);cursor:pointer}.tray a{color:var(--ink-3);text-decoration:none;border-bottom:1px solid var(--line)}.tray a:hover{color:var(--ink);border-color:var(--ink-3)}@media (max-width:620px){.bottom-in,.column,.top-in{padding-left:16px;padding-right:16px}.subtitle{display:none}.hero h1{font-size:23px}.turn.user>div{max-width:86%}.tray{flex-direction:column;align-items:flex-start;gap:8px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.home{display:inline-flex;border-radius:8px;transition:opacity .18s ease}.home:hover{opacity:.75}.title a{color:inherit;text-decoration:none}.title a:hover{color:var(--accent)}.rail{border-right:1px solid var(--line);background:var(--panel);display:flex;flex-direction:column;min-height:0;padding:10px}.rail-top{display:flex;gap:6px;align-items:center}.rail-new{flex:1 1;display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink);border-radius:9px;padding:9px 11px;font:inherit;font-size:13.5px;cursor:pointer;transition:border-color .16s ease}.rail-new:hover{border-color:var(--ink-3)}.rail-close{background:none;border:0;color:var(--ink-3);font-size:22px;cursor:pointer;padding:0 6px;line-height:1}.rail-list{flex:1 1;min-height:0;overflow-y:auto;margin-top:12px;display:flex;flex-direction:column;gap:1px}.rail-empty{font-size:12.5px;color:var(--ink-3);padding:8px 4px}.rail-item{display:flex;align-items:center;border-radius:8px;padding-right:4px}.rail-item:hover{background:var(--panel-2)}.rail-item.on{background:var(--accent-2)}.rail-open{flex:1 1;min-width:0;text-align:left;background:none;border:0;color:var(--ink-2);font:inherit;font-size:13px;cursor:pointer;padding:9px 10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-item.on .rail-open,.rail-item:hover .rail-open{color:var(--ink)}.rail-del{background:none;border:0;color:transparent;cursor:pointer;padding:5px;display:grid;place-items:center;border-radius:6px}.rail-item:hover .rail-del{color:var(--ink-3)}.rail-del:hover{color:var(--danger)}.rail-confirm{display:flex;gap:4px;padding-right:2px}.rail-confirm button{border:1px solid var(--line);background:var(--panel);color:var(--ink-2);border-radius:6px;padding:3px 7px;font:inherit;font-size:11px;cursor:pointer}.rail-confirm button:first-child{color:var(--danger);border-color:var(--danger)}.rail-confirm button:hover{background:var(--panel-2)}.rail-foot{border-top:1px solid var(--line);margin-top:8px;padding-top:9px;font-size:11px;color:var(--ink-3);display:flex;align-items:center;gap:8px;justify-content:space-between}.rail-collapse{flex:none;display:grid;place-items:center;width:28px;height:28px;border-radius:7px;background:none;border:1px solid transparent;color:var(--ink-3);cursor:pointer;transition:color .16s ease,border-color .16s ease}.rail-collapse:hover{color:var(--ink);border-color:var(--line)}.only-narrow,.rail-veil{display:none}@media (max-width:860px){.app{grid-template-columns:1fr}.rail{position:fixed;top:0;bottom:0;left:0;width:264px;z-index:61;transform:translateX(-100%);transition:transform .22s cubic-bezier(.22,1,.36,1)}.app.rail-open .rail{transform:none}.rail-veil{display:block;position:fixed;inset:0;z-index:60;background:rgba(0,0,0,.5)}.only-narrow{display:inline-grid}.rail-close{display:block}}.box{position:relative}.box-tools{position:absolute;left:10px;bottom:9px}.picker{position:relative}.pick-btn{display:inline-flex;align-items:center;gap:6px;background:var(--panel-2);border:1px solid var(--line);color:var(--ink-2);padding:4px 9px;border-radius:7px;font:inherit;font-size:12px;cursor:pointer;transition:border-color .16s ease,color .16s ease}.pick-btn:hover{border-color:var(--ink-3);color:var(--ink)}.pick-btn b{color:var(--ink);font-weight:550;font-family:var(--mono);font-size:11.5px}.pick-btn svg{opacity:.55}.pick-veil{position:fixed;inset:0;z-index:40}.pick-menu{position:absolute;bottom:calc(100% + 8px);left:0;z-index:41;width:min(430px,calc(100vw - 48px));background:var(--panel);border:1px solid var(--line);border-radius:11px;padding:5px;box-shadow:0 18px 48px rgba(0,0,0,.55);max-height:58vh;overflow-y:auto}.pick-group{font-size:10.5px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-3);padding:9px 10px 5px;font-family:var(--mono)}.pick-row{display:grid;grid-template-columns:66px 1fr auto;grid-gap:10px;gap:10px;align-items:baseline;width:100%;text-align:left;background:none;border:0;cursor:pointer;padding:8px 10px;border-radius:7px;font:inherit;color:var(--ink)}.pick-row:hover:not(:disabled){background:var(--panel-2)}.pick-row.on{background:var(--accent-2)}.pick-row:disabled{opacity:.4;cursor:not-allowed}.pick-id{font-family:var(--mono);font-size:12.5px}.pick-blurb{font-size:12.5px;color:var(--ink-2);line-height:1.4}.pick-size{font-family:var(--mono);font-size:11px;color:var(--ink-3)}.box textarea{padding-bottom:42px}.turn.note{display:flex;align-items:center;gap:10px;margin:14px 0;color:var(--ink-3);font-size:12px}.turn.note:after,.turn.note:before{content:"";height:1px;background:var(--line);flex:1 1}.turn.note span{font-family:var(--mono);font-size:11px;letter-spacing:.02em;white-space:nowrap}.hist-btn{position:relative;place-items:center;width:30px;height:30px;border-radius:7px;cursor:pointer;background:none;border:1px solid transparent;color:var(--ink-2);transition:border-color .16s ease,color .16s ease}.hist-btn:hover{border-color:var(--line);color:var(--ink)}.hist-btn i{position:absolute;top:-3px;right:-3px;min-width:15px;height:15px;border-radius:8px;background:var(--accent);color:#06130c;font-size:10px;font-style:normal;font-family:var(--mono);display:grid;place-items:center;padding:0 3px}.pick-row.want:hover:not(:disabled) .pick-blurb,.pick-row.want:hover:not(:disabled) .pick-id{color:var(--ink-2)}.pick-size .dl,.pick-size .tickmark{display:inline-flex;align-items:center;gap:5px;font-family:var(--mono);font-size:11px}.pick-size .dl{color:var(--ink-3)}.pick-row.want:hover:not(:disabled) .pick-size .dl,.pick-size .tickmark{color:var(--accent)}.pick-row.busy{position:relative;background:var(--panel-2)}.pick-row.busy .pick-id{color:var(--accent)}.pick-row.busy .pick-blurb{color:var(--ink-2)}.pick-row.busy .pick-size{color:var(--accent)}.pick-bar{position:absolute;left:10px;right:10px;bottom:4px;height:2px;background:var(--line);border-radius:2px;overflow:hidden;grid-column:1/-1}.pick-bar i{display:block;height:100%;background:var(--accent);border-radius:2px;transition:width .25s ease}.pick-bar i.idle{width:34%;animation:pick-sweep 1.1s ease-in-out infinite}@keyframes pick-sweep{0%{transform:translateX(-100%)}to{transform:translateX(320%)}}.pick-row:disabled .pick-size .dl{color:var(--ink-3)}@media (prefers-reduced-motion:reduce){.pick-bar i.idle{animation:none;width:100%;opacity:.4}}.rail-brand{gap:6px;padding:2px 2px 12px}.rail-brand,.rail-home{display:flex;align-items:center}.rail-home{gap:9px;min-width:0;text-decoration:none;color:var(--ink);font-weight:550;font-size:14px;letter-spacing:-.01em}.rail-home img{width:24px;height:24px;border-radius:6px;flex:none}.rail-home span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.rail-collapse,.rail-show{margin-left:auto;display:grid;place-items:center;width:28px;height:28px;border-radius:7px;flex:none;background:none;border:1px solid transparent;color:var(--ink-3);cursor:pointer;transition:color .16s ease,border-color .16s ease}.rail-collapse:hover,.rail-show:hover{color:var(--ink);border-color:var(--line)}.rail-show{display:none;margin-left:0}.app{transition:grid-template-columns .22s cubic-bezier(.22,1,.36,1)}.app.rail-collapsed{grid-template-columns:60px 1fr}.app.rail-collapsed .rail{padding:10px 8px;align-items:center}.app.rail-collapsed .rail-label{display:none}.app.rail-collapsed .rail-brand{justify-content:center;padding-bottom:10px}.app.rail-collapsed .rail-home{gap:0}.app.rail-collapsed .rail-new{justify-content:center;padding:9px 0;width:42px;flex:none}.app.rail-collapsed .rail-list{display:none}.app.rail-collapsed .rail-foot{display:grid;place-items:center;border-top:1px solid var(--line);width:100%;margin-top:auto}.app.rail-collapsed .rail-top{justify-content:center}@keyframes shimmer{0%{background-position:-180% 0}to{background-position:180% 0}}.skel{border-radius:6px;background:linear-gradient(90deg,var(--panel-2) 25%,var(--line) 37%,var(--panel-2) 63%);background-size:220% 100%;animation:shimmer 1.5s ease-in-out infinite}.skel-line{height:11px;margin:7px 0}.skel-w1{width:92%}.skel-w2{width:74%}.skel-w3{width:58%}.turn.bot .say.pending{min-height:20px}.state .led.busy{animation:pulse 1.15s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.82)}}@keyframes rise{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.turn{animation:rise .26s cubic-bezier(.22,1,.36,1)}.turn.note{animation-duration:.35s}.box textarea{width:100%;resize:none;overflow-y:auto;max-height:168px;line-height:1.55;padding:13px 46px 44px 14px}@media (prefers-reduced-motion:reduce){.skel,.state .led.busy,.turn{animation:none}}@media (max-width:860px){.rail-show{display:grid}.app.rail-collapsed .rail{display:flex}}.say .skel-line{display:block}@keyframes page-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.app,.lp{animation:page-in .34s cubic-bezier(.22,1,.36,1)}@keyframes thread-in{0%{opacity:0}to{opacity:1}}.column{animation:thread-in .28s ease}@media (prefers-reduced-motion:reduce){.app,.column,.lp{animation:none}.app{transition:none}}*{scrollbar-width:thin;scrollbar-color:var(--line) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--line);border-radius:10px;border:3px solid transparent;background-clip:content-box;-webkit-transition:background-color .18s ease;transition:background-color .18s ease}::-webkit-scrollbar-thumb:hover{background:var(--ink-3);background-clip:content-box}::-webkit-scrollbar-corner{background:transparent}.box textarea::-webkit-scrollbar{width:6px}.box textarea::-webkit-scrollbar-thumb{border-width:2px}.shot{position:relative;display:block;overflow:hidden;width:100%;max-width:288px;aspect-ratio:1;margin-top:8px;border-radius:12px;border:1px solid var(--line);background:var(--panel-2);isolation:isolate}.shot-noise{position:absolute;inset:0;background:radial-gradient(circle at 28% 30%,rgba(116,184,146,.3),transparent 46%),radial-gradient(circle at 74% 68%,rgba(116,184,146,.18),transparent 44%),radial-gradient(circle at 55% 85%,rgba(217,118,93,.14),transparent 42%);background-size:150% 150%,140% 140%,130% 130%;animation:shot-drift 4.5s ease-in-out infinite alternate;filter:blur(9px)}@keyframes shot-drift{0%{background-position:0 0,100% 100%,50% 100%}to{background-position:100% 60%,0 20%,20% 0}}.shot-sweep{position:absolute;inset:0;background-image:linear-gradient(90deg,hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(180deg,hsla(0,0%,100%,.05) 1px,transparent 0),linear-gradient(115deg,transparent 38%,hsla(0,0%,100%,.1) 50%,transparent 62%);background-size:18px 18px,18px 18px,240% 240%;animation:shot-sweep 1.9s linear infinite}@keyframes shot-sweep{0%{background-position:0 0,0 0,120% 0}to{background-position:0 0,0 0,-40% 0}}.shot-fill{transform-origin:50% 100%;transform:scaleY(0);background:linear-gradient(0deg,rgba(116,184,146,.22),rgba(116,184,146,.04));transition:transform .35s cubic-bezier(.22,1,.36,1)}.drawn,.shot-fill{position:absolute;inset:0}.drawn{display:block;width:100%;height:100%;z-index:2;image-rendering:pixelated;animation:shot-reveal .55s cubic-bezier(.22,1,.36,1) both}@keyframes shot-reveal{0%{opacity:0;transform:scale(1.03);filter:blur(6px)}to{opacity:1;transform:none;filter:none}}.drawing,.drawing em{display:block}.drawing em{margin-top:9px;font-style:normal;font-family:var(--mono);font-size:11.5px;color:var(--ink-3)}@media (prefers-reduced-motion:reduce){.shot-noise,.shot-sweep{animation:none}.shot-fill{transition:none}.drawn{animation:none}}.turn.note-rich{flex-direction:column;align-items:flex-start;gap:8px;padding:12px 14px;margin:16px 0;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--ink-2);font-size:13px;line-height:1.55}.turn.note-rich:after,.turn.note-rich:before{content:none}.turn.note-rich>span:first-child{font-family:var(--sans);white-space:normal}.note-eg{display:flex;flex-wrap:wrap;gap:6px}.note-eg button{border:1px solid var(--line);background:var(--panel-2);color:var(--ink-2);border-radius:7px;padding:5px 10px;font:inherit;font-size:12px;font-family:var(--mono);cursor:pointer;transition:border-color .16s ease,color .16s ease}.note-eg button:hover:not(:disabled){border-color:var(--accent);color:var(--ink)}.note-eg button:disabled{opacity:.5;cursor:not-allowed}.pick-act{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line);background:var(--panel-2);color:var(--ink-2);border-radius:6px;padding:4px 9px;font:inherit;font-size:11.5px;font-family:var(--mono);cursor:pointer;white-space:nowrap;transition:border-color .16s ease,color .16s ease,background .16s ease}.pick-act.get:hover,.pick-act.use{border-color:var(--accent);color:var(--accent)}.pick-act.use{background:var(--accent-2)}.pick-act.use:hover{background:var(--accent);color:#06130c}.pick-size .in-use{color:var(--accent);font-size:11px}.pick-row{align-items:center}.pick-row.soon{opacity:.45}.pick-row.want .pick-blurb,.pick-row.want .pick-id{color:var(--ink-3)}.pick-row.have .pick-id{color:var(--ink)}.pick-row.have .pick-blurb{color:var(--ink-2)}.pick-row.on .pick-id{color:var(--accent)}.head-mid .subtitle{font-size:11.5px;color:var(--ink-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:46ch}.cue-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin:26px 0 10px}.cue-head span{font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);font-family:var(--mono)}.reshuffle{background:none;border:0;cursor:pointer;font:inherit;font-size:11.5px;font-family:var(--mono);padding:2px 4px;border-radius:5px}.cue-wrap{margin:22px 0 6px}.cue-head{margin:0 0 10px}.reshuffle{display:inline-grid;place-items:center;width:26px;height:26px;color:var(--ink-3);border-radius:6px;border:1px solid transparent}.reshuffle:hover{color:var(--accent);border-color:var(--line)}.reshuffle svg{transition:transform .35s cubic-bezier(.22,1,.36,1)}.reshuffle:hover svg{transform:rotate(-90deg)}@media (prefers-reduced-motion:reduce){.reshuffle svg{transition:none}.reshuffle:hover svg{transform:none}}