:root{--bg:#0f1218;--page:#161a24;--line:#2a3040;--ink:#e6e9ef;--muted:#8b93a7;--accent:#58a6ff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);margin:0;font-size:16px;line-height:1.5}a{color:var(--accent)}button,a.primary,a.button,.actions a{font:inherit;cursor:pointer;background:var(--page);color:var(--ink);border:1px solid var(--line);border-radius:6px;padding:6px 14px;text-decoration:none}button.active{border-color:var(--accent);color:var(--accent)}a.primary{background:var(--accent);color:#08101c;border-color:var(--accent);font-weight:600}header{border-bottom:1px solid var(--line);flex-wrap:wrap;align-items:center;gap:12px 24px;padding:16px 28px;display:flex}header h1{margin:0;font-size:20px;font-weight:500}header nav{gap:8px;display:flex}header .user{color:var(--muted);align-items:center;gap:12px;margin-left:auto;font-size:14px;display:flex}main{max-width:1400px;margin:0 auto;padding:28px}.status{color:var(--muted);text-align:center;padding:40px 28px}.grid{grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:22px;display:grid}.card{background:var(--page);border:1px solid var(--line);cursor:pointer;border-radius:10px;transition:border-color .15s,transform .15s;overflow:hidden}.card:hover{border-color:var(--accent);transform:translateY(-2px)}.card{position:relative}.card img{aspect-ratio:16/9;object-fit:cover;background:#000;width:100%;display:block}.badge{background:var(--accent);color:#08101c;letter-spacing:.06em;text-transform:uppercase;border-radius:999px;padding:3px 8px;font-size:11px;font-weight:600;position:absolute;top:10px;right:10px}.card .body{padding:14px 16px 16px}.card h2{margin:0 0 6px;font-size:17px;font-weight:500}.card p{color:var(--muted);-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0 0 10px;font-size:14px;display:-webkit-box;overflow:hidden}.card small{color:var(--muted);font-size:12px}.backdrop{z-index:10;background:#0000008c;justify-content:flex-end;display:flex;position:fixed;inset:0}.pane{background:var(--page);border-left:1px solid var(--line);width:min(680px,100%);height:100%;padding:28px 32px 48px;position:relative;overflow-y:auto}.pane .close{padding:2px 10px;font-size:22px;line-height:1;position:absolute;top:14px;right:16px}.pane img{aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:8px;width:100%}.pane h2{margin:20px 0 6px;font-size:24px;font-weight:500}.pane .lead{color:var(--muted);margin:0 0 16px}.pane dl{grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:10px 16px;margin:0 0 20px;font-size:14px;display:grid}.pane dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;font-size:12px}.pane dd{margin:0}.styles{align-items:center;gap:8px;margin-bottom:14px;font-size:14px;display:flex}.styles span{color:var(--muted);margin-left:4px}.actions{flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.hint{color:var(--muted);border-top:1px solid var(--line);padding-top:14px;font-size:14px}.about{border-top:1px solid var(--line);padding-top:14px;font-size:15px}.about h1{font-size:18px;font-weight:500}.about h2,.about h3{font-size:16px;font-weight:500}.about table{border-collapse:collapse;width:100%;font-size:14px}.about th,.about td{text-align:left;border-bottom:1px solid var(--line);padding:6px 10px}.about pre{background:var(--bg);border-radius:6px;padding:10px 12px;font-size:13px;overflow-x:auto}.about code{font-family:Menlo,Consolas,monospace;font-size:.92em}.share{border-top:1px solid var(--line);margin-bottom:14px;padding-top:14px;font-size:14px}.share label{cursor:pointer;align-items:center;gap:8px;display:flex}.share .link{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.share .link input{min-width:0;font:inherit;border:1px solid var(--line);background:var(--bg);color:var(--ink);border-radius:6px;flex:1;padding:6px 10px}@media (width<=700px){header{padding:12px 16px}header .user{justify-content:space-between;width:100%;margin-left:0}main{padding:16px}.grid{grid-template-columns:1fr;gap:16px}.card:hover{transform:none}.pane{border-left:0;width:100%;padding:20px 16px 40px}.pane h2{margin-right:40px;font-size:20px}.actions a{text-align:center;flex:auto}}.card.new{border-style:dashed;flex-direction:column;display:flex}.card.new.busy{opacity:.6;pointer-events:none}.card.new .plus{aspect-ratio:16/9;color:var(--accent);background:var(--bg);justify-content:center;align-items:center;font-size:64px;display:flex}.no-poster{aspect-ratio:16/9;color:var(--muted);background:var(--bg);justify-content:center;align-items:center;font-size:14px;display:flex}.error{color:#ff7b72;font-size:14px}:root{--raised:#1b2030;--raised-2:#222838;--ease-out:cubic-bezier(.23, 1, .32, 1);--radius:14px}button,a.button{transition:transform .14s var(--ease-out), background-color .15s ease, border-color .15s ease, color .15s ease, opacity .15s ease}button:active:not(:disabled),a.button:active{transform:scale(.97)}button:disabled{opacity:.4;cursor:default}button:focus-visible,a:focus-visible,summary:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button.primary{background:var(--accent);color:#08101c;border-color:var(--accent);font-weight:600}button.ghost{background:0 0;border-color:#0000}button.small,a.small{border-radius:8px;padding:4px 10px;font-size:13px}.link-button{color:var(--muted);background:0 0;border:0;padding:0;font-size:13px}.danger-text{color:#e5807a}.icon{flex:none;display:block}.row{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.quiet{color:var(--muted);margin:0;font-size:14px}.field{width:100%;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--line);resize:vertical;border-radius:8px;padding:8px 10px;font-size:14px}.field:focus{border-color:var(--accent);outline:none}@media (hover:hover) and (pointer:fine){button:hover:not(:disabled):not(.primary):not(.link-button),a.button:hover{background-color:var(--raised-2);border-color:#3a4256}button.primary:hover:not(:disabled){background-color:#79b8ff}.link-button:hover{color:var(--ink);background:0 0}.danger-text.link-button:hover{color:#ff9a94}}.talk-page{flex-direction:column;height:100dvh;display:flex}.talk-header{flex-wrap:nowrap;gap:12px;padding:12px 20px}.talk-header .back{color:var(--muted);border-radius:10px;padding:8px}.talk-header h1{min-width:0;margin:0;font-size:17px;font-weight:600}.title{max-width:100%;font:inherit;color:var(--ink);text-overflow:ellipsis;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:8px;padding:4px 8px;overflow:hidden}.title-input{min-width:0;font:inherit;color:var(--ink);background:var(--bg);border:1px solid var(--accent);border-radius:8px;outline:none;flex:0 480px;padding:4px 8px;font-size:17px;font-weight:600}.status-pill{background:var(--raised);color:var(--muted);font-variant-numeric:tabular-nums;border-radius:999px;flex:none;align-items:center;gap:8px;margin-left:auto;padding:4px 12px;font-size:13px;display:inline-flex}.status-pill i{background:#5b6377;border-radius:50%;width:7px;height:7px}.status-pill.ready i{background:#3fb950}.status-pill.working i,.status-pill.waking i,.status-pill.reading i{background:var(--accent);animation:1.6s ease-in-out infinite pulse}@keyframes pulse{50%{opacity:.35}}.talk-body{flex:1;grid-template-columns:minmax(0,1fr) 360px;min-height:0;display:grid}.talk-body>*{min-width:0}.talk-body.solo{grid-template-columns:minmax(0,1fr)}.talk-body.solo .chat{border-right:0}.chat{border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex;position:relative}.scroller{overscroll-behavior:contain;scrollbar-gutter:stable;flex:1;overflow-y:auto}.thread{flex-direction:column;gap:16px;max-width:808px;margin:0 auto;padding:32px 24px 24px;display:flex}.chat.live .msg{transition:opacity .22s var(--ease-out), transform .22s var(--ease-out)}@starting-style{.chat.live .msg{opacity:0;transform:translateY(6px)}}.msg{margin:0}.msg.user{background:var(--raised-2);overflow-wrap:anywhere;border-radius:18px 18px 6px;align-self:flex-end;max-width:min(560px,88%);padding:10px 16px}.msg.user p{white-space:pre-wrap;margin:0}.msg.user small{color:var(--muted);margin-top:4px;font-size:12px;display:block}.msg.user .chips{margin-top:8px}.prose{overflow-wrap:anywhere;font-size:15.5px;line-height:1.65}.prose>:first-child{margin-top:0}.prose>:last-child{margin-bottom:0}.prose p,.prose ul,.prose ol{margin:0 0 12px}.prose li{margin:4px 0}.prose h1,.prose h2,.prose h3{margin:20px 0 8px;font-size:16px;font-weight:600}.prose strong{color:#f3f5f9;font-weight:600}.prose code{background:var(--raised);border-radius:5px;padding:1px 5px;font-family:Menlo,Consolas,monospace;font-size:.88em}.prose pre{background:var(--raised);border-radius:10px;padding:12px 14px;font-size:13px;overflow-x:auto}.prose pre code{background:0 0;padding:0}.prose a{text-underline-offset:3px}.prose blockquote{border-left:3px solid var(--line);color:var(--muted);margin:0 0 12px;padding-left:14px}.activity{color:var(--muted);align-items:center;gap:10px;font-size:13.5px;display:flex}details.activity{display:block}.activity summary{cursor:pointer;border-radius:6px;align-items:center;gap:10px;width:fit-content;max-width:100%;padding:2px 0;list-style:none;display:flex}.activity summary::-webkit-details-marker{display:none}.activity .icon-chevron{width:14px;height:14px;transition:transform .18s var(--ease-out)}.activity[open] .icon-chevron{transform:rotate(90deg)}.activity .last{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.activity.live .last{color:var(--ink)}.activity .count{background:var(--raised);border-radius:999px;flex:none;padding:1px 8px;font-size:12px}.activity ol{border-left:1px solid var(--line);max-height:320px;margin:8px 0 4px 6px;padding:0 0 0 18px;list-style:none;overflow-y:auto}.activity ol li{white-space:nowrap;text-overflow:ellipsis;padding:3px 0;overflow:hidden}@media (hover:hover) and (pointer:fine){.activity summary:hover{color:var(--ink)}}.spinner{border:2px solid var(--line);border-top-color:var(--accent);border-radius:50%;flex:none;width:13px;height:13px;animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.msg.note{color:var(--muted);text-align:center;font-size:13px}.msg.error{font-size:14px}.version-made{border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);align-self:flex-start;align-items:center;gap:14px;min-width:min(420px,100%);padding:10px;display:flex}.version-made img{aspect-ratio:16/9;object-fit:cover;background:#000;border-radius:6px;width:96px}.version-made div{flex-direction:column;flex:1;display:flex}.version-made small{color:var(--muted);font-size:12px}.chat.empty{justify-content:center;padding-bottom:12vh}.chat.empty .scroller{flex:none;overflow:visible}.chat.empty .thread{padding-bottom:8px}.chat.empty .composer{padding-top:20px}.welcome{text-align:center;max-width:560px;margin:0 auto}.welcome h2{letter-spacing:-.01em;margin:0 0 10px;font-size:26px;font-weight:600}.welcome p{color:var(--muted);margin:0}.composer{padding:8px 24px 20px}.composer-box{background:var(--raised);border:1px solid var(--line);border-radius:18px;max-width:760px;margin:0 auto;padding:10px 10px 8px 14px;transition:border-color .15s}.composer-box:focus-within{border-color:#3d5a80}.composer-box textarea{resize:none;width:100%;color:var(--ink);font:inherit;background:0 0;border:0;outline:none;max-height:240px;padding:4px 0;font-size:15.5px;line-height:1.5;display:block}.composer-box textarea::placeholder{color:#6b7387}.composer-bar{align-items:center;gap:8px;margin-top:6px;display:flex}.composer-bar>.icon-button:first-child{margin-right:auto}.composer-note{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:12.5px;overflow:hidden}.composer-note.error{color:#ff7b72}.icon-button{width:34px;height:34px;color:var(--muted);background:0 0;border:1px solid #0000;border-radius:10px;place-items:center;padding:0;display:grid}.icon-button.stop{border-color:var(--line);color:var(--ink);border-radius:50%}.icon-button.stop .icon{fill:currentColor;width:12px;height:12px}.send{background:var(--accent);color:#08101c;border:0;border-radius:50%;place-items:center;width:34px;height:34px;padding:0;display:grid}.send:disabled{background:var(--raised-2);color:var(--muted);opacity:1}.chips{flex-wrap:wrap;gap:6px;margin:0 0 8px;padding:0;list-style:none;display:flex}.chips li{background:var(--bg);border:1px solid var(--line);border-radius:8px;align-items:center;gap:6px;max-width:260px;padding:4px 6px 4px 8px;font-size:13px;display:flex}.chips li span{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.chips .icon{width:14px;height:14px;color:var(--muted)}.chip-x{color:var(--muted);background:0 0;border:0;border-radius:4px;place-items:center;padding:2px;display:grid}.to-latest{background:var(--raised-2);width:36px;height:36px;color:var(--ink);opacity:0;pointer-events:none;transition:opacity .18s var(--ease-out), transform .18s var(--ease-out);border-radius:50%;place-items:center;padding:0;display:grid;position:absolute;bottom:120px;left:50%;transform:translate(-50%,8px)scale(.95);box-shadow:0 4px 16px #00000073}.to-latest.shown{opacity:1;pointer-events:auto;transform:translate(-50%)}.to-latest.shown:active{transform:translate(-50%)scale(.95)}.drop-hint{border:2px dashed var(--accent);border-radius:var(--radius);color:var(--accent);opacity:0;pointer-events:none;background:#0f1218e0;justify-content:center;align-items:center;gap:10px;font-weight:500;transition:opacity .15s;display:flex;position:absolute;inset:10px}.chat.dragging .drop-hint{opacity:1}.side{padding:8px 20px 40px;overflow-y:auto}.side section{border-bottom:1px solid var(--line);padding:18px 0}.side section:last-child{border-bottom:0}.side h2{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;justify-content:space-between;align-items:baseline;margin:0 0 12px;font-size:12px;font-weight:600;display:flex}.side h2 .link-button{text-transform:none;letter-spacing:0;font-weight:400}.side .row{margin-top:10px}.about-text{white-space:pre-wrap;margin:0;font-size:14px;line-height:1.55}.version{border:1px solid var(--line);border-radius:var(--radius);background:var(--raised);overflow:hidden}.version+.version{margin-top:12px}.version.current{border-color:#3d5a80}.version .poster{background:#000;border:0;border-radius:0;width:100%;padding:0;display:block}.version .poster:active{transform:none}.version .poster img{aspect-ratio:16/9;object-fit:cover;width:100%;transition:opacity .15s;display:block}@media (hover:hover) and (pointer:fine){.version .poster:hover img{opacity:.85}}.version-body{padding:12px 14px 14px}.version h3{margin:0 0 2px;font-size:15px;font-weight:600}.version small{color:var(--muted);font-size:12px}.version p{color:var(--muted);margin:8px 0 0;font-size:13.5px;line-height:1.5}.version .row a.button{text-decoration:none}.quiet-row{gap:16px}.quiet-row .danger-text{margin-left:auto}.files{margin:0;padding:0;font-size:13.5px;list-style:none}.files li{color:var(--ink);word-break:break-all;align-items:center;gap:8px;padding:4px 0;display:flex}.files .icon{width:14px;height:14px;color:var(--muted)}.toggle{cursor:pointer;align-items:center;gap:10px;font-size:14px;display:flex}.toggle input{accent-color:var(--accent);width:16px;height:16px}.side .field[readonly]{flex:1;min-width:0}.side-end{border-bottom:0}@media (width<=900px){.talk-page{height:auto;min-height:100dvh}.talk-body{grid-template-columns:1fr}.chat{border-right:0;height:calc(100dvh - 60px)}.thread{padding:20px 16px}.composer{padding:6px 12px 12px}.talk-header{padding:10px 12px}.side{border-top:1px solid var(--line)}.composer-note{display:none}}@media (prefers-reduced-motion:reduce){.chat.live .msg,.to-latest{transition:opacity .15s}@starting-style{.chat.live .msg{transform:none}}.to-latest,.to-latest.shown{transform:translate(-50%)}.spinner{animation-duration:1.4s}}.spacer{margin-left:auto}.talk-header button:not(.title){align-items:center;gap:8px;font-size:14px;display:inline-flex}.talk-body,.overview{transition:opacity .2s var(--ease-out), transform .2s var(--ease-out)}@starting-style{.talk-body,.overview{opacity:0;transform:translateY(8px)}}.overview{flex:1;padding:28px 24px 60px;overflow-y:auto}.overview>*{max-width:1080px;margin-left:auto;margin-right:auto}.overview section{border-bottom:1px solid var(--line);padding:22px 0}.overview section:last-child{border-bottom:0}.overview h2{color:var(--muted);text-transform:uppercase;letter-spacing:.06em;align-items:baseline;gap:12px;margin:0 0 14px;font-size:12px;font-weight:600;display:flex}.overview h2 .link-button{text-transform:none;letter-spacing:0;font-weight:400}.overview .about-text{max-width:720px;font-size:15.5px}.overview .field{max-width:720px}.overview .row{margin-top:10px}.overview .version-list{grid-template-columns:repeat(auto-fill,minmax(min(360px,100%),1fr));gap:18px;display:grid}.overview .version+.version{margin-top:0}.overview .side-end{padding-top:18px}.chat-card{text-align:left;border-radius:var(--radius);border:1px solid var(--line);background:var(--raised);width:100%;color:var(--ink);font:inherit;gap:6px;margin-bottom:8px;padding:16px 18px;display:grid}.chat-card-head{align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.chat-card-head .status-pill{margin-left:auto}.chat-card-text{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:14.5px;line-height:1.55;display:-webkit-box;overflow:hidden}.chat-card-open{color:var(--accent);font-size:13.5px}@media (hover:hover) and (pointer:fine){button.chat-card:hover:not(:disabled){background-color:var(--raised);border-color:#3d5a80}}@media (width<=900px){.overview{padding:16px 14px 40px}.talk-header button:not(.back):not(.primary){padding:6px 10px}}@media (prefers-reduced-motion:reduce){@starting-style{.talk-body,.overview{transform:none}}}.preview-card{border-radius:var(--radius);background:var(--raised);border:1px dashed #3d5a80;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;display:flex}.preview-card>div:first-child{flex-direction:column;gap:2px;display:flex}.preview-card small{color:var(--muted);font-size:12.5px}.side .preview-card .row,.overview .preview-card .row{margin-top:0}.preview-made{border-style:dashed;border-color:#3d5a80}
