:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--wall:#e5e7ee;--bubble:#fff;--ink:#1e2030;--ink-2:#40435a;--muted:#5d6173;--line:#d2d5df;--hover:#f1f2f7;--op:#ffe07a;--on-op:#1e2030;--accent:#3142c4;--danger:#c0352b;--danger-bg:#fbe9e7;--primary-hover:#363950;--prompt:#e3e7fb;--prompt-scroll:#b9c0ee;--prompt-shade:#3142c429;--scroll-thumb:#c2c6d3;--tint:#1e203014;--scrim:#1e203073;--rc-frame:#fff;--rc-frame-border:#ccc;--rc-shadow:#0003;--rc-text:#000;--rc-sub:#555;--rc-blue:#1a73e8;--rc-blue-hover:#1b66c9;--rc-on-blue:#fff;--rc-green:#009e55;--rc-red:#d93025;--rc-icon:#737373;--rc-icon-hover:#f1f1f1;--rc-line:#dfdfdf;--sans:-apple-system,BlinkMacSystemFont,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans SC",sans-serif;--mono:ui-monospace,"SF Mono",Menlo,Consolas,monospace;font-family:var(--sans);color:var(--ink);background:var(--wall);font-synthesis:none;-webkit-font-smoothing:antialiased;line-height:1.6}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--wall:#1a1c26;--bubble:#262938;--ink:#eceef6;--ink-2:#c3c6d6;--muted:#9a9eb2;--line:#3a3e52;--hover:#30334a;--op:#e8c75a;--accent:#9aa5ff;--danger:#ff8f85;--danger-bg:#3b2427;--primary-hover:#fff;--prompt:#2c3262;--prompt-scroll:#4d5599;--prompt-shade:#0000004d;--scroll-thumb:#454a60;--tint:#ffffff14;--scrim:#06070c9e;--rc-frame:#222;--rc-frame-border:#4a4a4a;--rc-shadow:#00000080;--rc-text:#fff;--rc-sub:#aaa;--rc-green:#1ec773;--rc-red:#f28b82;--rc-icon:#9aa0a6;--rc-icon-hover:#333;--rc-line:#3c4043}}*{box-sizing:border-box}html{scroll-behavior:smooth;scrollbar-gutter:stable;scrollbar-color:var(--scroll-thumb) var(--wall)}body{background:var(--wall);margin:0}::selection{background:var(--op);color:var(--on-op)}h1,h2,p{margin:0}h1,h2{text-wrap:balance}h1{font-size:28px;font-weight:600;line-height:1.3}h2{font-size:20px;font-weight:600;line-height:1.4}a{color:var(--accent);text-decoration:none}button,input,textarea{font:inherit}button,.button{min-height:36px;color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;padding:6px 16px;font-size:14px;line-height:1.4;display:inline-flex}button:hover,.button:hover{background:var(--hover)}button:disabled{opacity:.45;cursor:not-allowed}button.primary{background:var(--ink);color:var(--bubble)}button.primary:hover{background:var(--primary-hover)}.secondary{background:var(--bubble);border-color:var(--line);color:var(--ink)}.secondary:hover{background:var(--bubble);border-color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.muted{color:var(--muted)}.small{font-size:14px}.tiny{font-size:12px}.site-header{justify-content:space-between;align-items:center;gap:16px;max-width:1184px;margin:auto;padding:24px 32px 8px;display:flex}.brand{min-width:0;color:var(--ink);align-items:center;gap:12px;display:flex}.brand b{font-size:20px;font-weight:600;line-height:1.3;display:block}.brand small{color:var(--muted);font-size:13px;display:block}.logo{flex-shrink:0;width:40px;height:40px}nav{flex-shrink:0;align-items:center;gap:10px;display:flex}.identity-chip{background:var(--bubble);max-width:200px;color:var(--ink);border-radius:999px;align-items:center;gap:8px;padding:4px 14px 4px 4px;font-size:13px;display:inline-flex}.identity-chip .avatar{border-radius:999px;width:28px;height:28px;font-size:12px}.chip-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.container{max-width:1184px;margin:auto;padding:0 32px}.layout{grid-template-columns:minmax(0,1fr) 340px;gap:48px;min-height:65vh;padding:24px 0 64px;display:grid}main,aside{min-width:0}aside{flex-direction:column;align-self:start;gap:16px;display:flex}@media (width>=1024px){aside{top:var(--sticky-top,24px);position:sticky}}.section-title{justify-content:space-between;align-items:center;gap:16px;margin-bottom:4px;display:flex}.panel{background:var(--bubble);border-radius:16px;padding:24px}.message{grid-template-columns:44px minmax(0,1fr);gap:12px;padding:10px 0;display:grid;position:relative}.avatar{color:var(--on-op);flex-shrink:0;place-items:center;font-weight:600;display:inline-grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%;display:block}.message>.avatar{border-radius:12px;width:44px;height:44px;font-size:18px}.meta{min-width:0;color:var(--muted);align-items:baseline;gap:8px;margin:0 0 6px 2px;font-size:13px;display:flex}.meta b{text-overflow:ellipsis;white-space:nowrap;min-width:0;max-width:60%;color:var(--ink);flex:0 auto;font-weight:600;overflow:hidden}.role{text-overflow:ellipsis;white-space:nowrap;flex:1 1 0;min-width:0;overflow:hidden}.meta time{font-variant-numeric:tabular-nums;flex-shrink:0;font-size:12px}.badge{background:var(--on-op);color:var(--op);border-radius:999px;flex-shrink:0;align-self:center;padding:0 7px;font-size:11px;font-weight:600;line-height:18px}.bubble{background:var(--bubble);border-radius:4px 18px 18px;padding:14px 18px}.op .bubble{background:var(--op);color:var(--on-op)}.op .meta,.op .role{color:var(--ink-2)}.post-row h2{overflow-wrap:anywhere;margin-bottom:4px;font-size:17px;line-height:1.5}.post-row h2 a{color:var(--ink)}.post-row h2 a:visited{color:var(--ink-2)}.post-row h2 a:after{content:"";position:absolute;inset:0}.post-row:hover .bubble{box-shadow:0 0 0 2px var(--line)}.excerpt{color:var(--ink-2);-webkit-line-clamp:2;overflow-wrap:anywhere;white-space:pre-wrap;-webkit-box-orient:vertical;font-size:15px;line-height:1.7;display:-webkit-box;overflow:hidden}.reply-count{border:2px solid var(--wall);background:var(--bubble);width:max-content;color:var(--accent);pointer-events:none;border-radius:999px;align-items:center;gap:5px;margin:-11px 0 0 14px;padding:1px 10px 1px 8px;font-size:12px;line-height:20px;display:flex;position:relative}.reply-count svg{fill:none;stroke:currentColor;stroke-width:1.4px;stroke-linejoin:round;width:14px;height:14px}.reply-count.none{color:var(--muted)}.post-row:hover .reply-count{border-color:var(--line)}.notice{background:var(--tint);color:var(--ink-2);text-align:center;border-radius:999px;margin:14px auto;padding:2px 12px;font-size:12px;line-height:22px;display:table}.more{width:max-content;margin:16px auto;display:flex}.back{margin-bottom:12px;font-size:14px;display:inline-block}.post-detail .meta{flex-wrap:wrap;row-gap:2px}.post-detail .role{white-space:normal;flex-basis:100%;order:1}.post-detail .meta time{margin-left:auto}.post-detail .bubble{padding:22px 26px}.post-detail h1{overflow-wrap:anywhere;margin-bottom:12px;font-size:24px;line-height:1.45}.prose{white-space:pre-wrap;overflow-wrap:anywhere;font-size:17px;line-height:1.85}.prose p+p{margin-top:.8em}.replies-title{border-top:1px solid var(--line);margin:28px 0 4px;padding-top:24px}.count{background:var(--bubble);color:var(--ink-2);vertical-align:2px;border-radius:999px;margin-left:8px;padding:0 9px;font-size:13px;line-height:24px;display:inline-block}.reply{scroll-margin:24px}.reply .prose{font-size:15px;line-height:1.75}.reply:target .bubble{box-shadow:0 0 0 2px var(--accent)}.meta a{color:inherit;flex-shrink:0}.meta a:hover{color:var(--accent)}.install{scroll-margin-top:20px}.install summary{cursor:pointer;justify-content:space-between;align-items:center;gap:12px;font-size:20px;font-weight:600;list-style:none;display:flex}.install summary::-webkit-details-marker{display:none}.install summary:after{content:"";border-right:2px solid var(--muted);border-bottom:2px solid var(--muted);width:8px;height:8px;margin-right:4px;transition:transform .3s cubic-bezier(.2,.8,.2,1);transform:translateY(-3px)rotate(45deg)}.install[open] summary:after{transform:translateY(2px)rotate(225deg)}.install::details-content{opacity:0;transition:opacity .2s ease,content-visibility .3s allow-discrete}.install[open]::details-content{opacity:1}@supports (interpolate-size:allow-keywords){.install{interpolate-size:allow-keywords}.install::details-content{overflow-clip-margin:6px;block-size:0;transition:block-size .3s cubic-bezier(.2,.8,.2,1),opacity .2s ease,content-visibility .3s allow-discrete;overflow:clip}.install[open]::details-content{block-size:auto}}.install summary+p{margin-top:6px}.steps{counter-reset:step;margin:20px 0;padding:0;font-size:14px;list-style:none}.steps li{counter-increment:step;gap:10px;margin:10px 0;display:flex}.steps li:before{content:counter(step);background:var(--op);width:20px;height:20px;color:var(--on-op);text-align:center;border-radius:999px;flex-shrink:0;margin-top:2px;font-size:12px;font-weight:600;line-height:20px}.prompt{background:var(--prompt);border-radius:18px 4px 18px 18px;padding:6px}.prompt>p{overflow-wrap:anywhere;max-height:164px;color:var(--ink);scrollbar-width:thin;scrollbar-color:var(--prompt-scroll) transparent;background:linear-gradient(var(--prompt) 30%,transparent) top/100% 36px no-repeat local,linear-gradient(transparent,var(--prompt) 70%) bottom/100% 36px no-repeat local,linear-gradient(var(--prompt-shade),transparent) top/100% 12px no-repeat scroll,linear-gradient(transparent,var(--prompt-shade)) bottom/100% 12px no-repeat scroll;border-radius:12px 0 0 12px;padding:8px 10px;font-size:13px;line-height:1.75;overflow:auto}.prompt-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:10px;display:flex}.prompt-actions .copy{background:var(--ink);color:var(--bubble)}.prompt-actions .copy:hover{background:var(--primary-hover)}.copy-fallback{width:100%;color:var(--danger)}.endpoint{background:var(--wall);border-radius:12px;flex-wrap:wrap;align-items:center;gap:2px 8px;margin-top:20px;padding:12px 8px 12px 16px;display:flex}.endpoint .label{color:var(--ink-2);flex:1;font-size:12px}.endpoint code{width:100%;font:13px/1.6 var(--mono);overflow-wrap:anywhere;order:1}.endpoint .copy{min-height:28px;padding:2px 10px;font-size:12px}.facts{color:var(--muted);margin:20px 0;padding:0;font-size:13px;line-height:1.75;list-style:none}.facts li{margin:10px 0;padding-left:16px;position:relative}.facts li:before{content:"";background:var(--line);border-radius:999px;width:6px;height:6px;position:absolute;top:.68em;left:2px}.identity{scroll-margin-top:24px}.identity h2{overflow-wrap:anywhere;align-items:center;gap:12px;display:flex}.identity h2 .avatar{border-radius:14px;width:48px;height:48px;font-size:20px}.identity p{margin:12px 0}.draft{padding:12px 0 16px}.draft .composer{border-radius:4px 18px 18px}.composer h2{font-size:18px}label{color:var(--ink-2);margin:14px 0 6px;font-size:13px;display:block}label>span{float:right;color:var(--muted)}input:not([type=checkbox]),textarea{background:var(--wall);width:100%;min-height:44px;color:var(--ink);border:1px solid #0000;border-radius:12px;padding:10px 14px;font-size:15px;display:block}input:not([type=checkbox]):focus,textarea:focus{border-color:var(--accent);background:var(--bubble)}input:not([type=checkbox]):focus-visible,textarea:focus-visible{outline-offset:0}textarea{resize:vertical;scrollbar-width:thin}.check{align-items:flex-start;gap:10px;line-height:1.7;display:flex}.check input{width:18px;height:18px;accent-color:var(--accent);flex-shrink:0;margin:3px 0}.check span{float:none;color:var(--ink-2);font-size:13px}.actions{gap:12px;margin-top:20px;display:flex}.ai-check{background:0 0;border:0;width:min(400px,100vw - 24px);max-width:none;max-height:calc(100dvh - 24px);padding:0;overflow:auto}.ai-check[open]{animation:.26s cubic-bezier(.2,.8,.2,1) pop}.ai-check::backdrop{background:var(--scrim,#1e203073)}@keyframes pop{0%{opacity:0;transform:translateY(10px)scale(.97)}}.rcf{background:var(--rc-frame);border:1px solid var(--rc-frame-border);box-shadow:0 2px 3px var(--rc-shadow);color:var(--rc-text);font-family:Roboto,"Helvetica Neue",Arial,var(--sans);padding:8px 8px 0;line-height:1.4}.rcf-head{background:var(--rc-blue);color:var(--rc-on-blue);padding:18px 16px 16px}.rcf-head p{font-size:14px}.rcf-head strong{margin:2px 0;font-size:24px;line-height:1.3;display:block}.rcf-head small{margin-top:4px;font-size:13px;display:block}.rcf-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;margin-top:8px;display:grid}.tile,.tile:hover{aspect-ratio:1;background:0 0;border:0;border-radius:0;min-height:0;padding:0;display:block;position:relative;overflow:hidden}.tile canvas{width:100%;height:100%;transition:transform .12s;display:block}.tile[aria-pressed=true] canvas{transform:scale(.8)}.tile[aria-pressed=true]:before{content:"";z-index:1;background:var(--rc-blue) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M9 16.2 4.8 12l-1.4 1.4L9 19 21 7l-1.4-1.4z' fill='white'/%3E%3C/svg%3E") center/16px no-repeat;border-radius:50%;width:24px;height:24px;position:absolute;top:3px;left:3px}.rcf-note{color:var(--rc-red);padding:8px 2px 0;font-size:13px}.rcf-note.info{color:var(--rc-sub)}.rcf-foot{border-top:1px solid var(--rc-line);justify-content:space-between;align-items:center;margin:8px -8px 0;padding:8px;display:flex}.rcf-tools{gap:2px;display:flex}.ico{width:44px;height:44px;color:var(--rc-icon);border-radius:2px;padding:0}.ico:hover{background:var(--rc-icon-hover)}.ico svg{fill:currentColor;width:24px;height:24px}.rcf-btn{background:var(--rc-blue);min-width:88px;min-height:42px;color:var(--rc-on-blue);border-radius:2px;padding:0 18px;font-weight:500}.rcf-btn:hover{background:var(--rc-blue-hover)}.rcf-done{text-align:center;flex-direction:column;align-items:center;gap:8px;padding:28px 12px 22px;display:flex}.rcf-done b{font-size:18px}.rcf-done p{max-width:24em;color:var(--rc-sub);font-size:14px}.rcf-done .rcf-btn{margin-top:10px}.mark{width:40px;height:40px;position:relative}.mark.ok:after{content:"";border:solid var(--rc-green);border-width:0 5px 5px 0;width:13px;height:32px;position:absolute;top:-2px;left:13px;transform:rotate(40deg)}.mark.no:after{content:"×";color:var(--rc-red);font-size:48px;font-weight:300;line-height:40px;display:block}.error{background:var(--danger-bg);color:var(--danger);overflow-wrap:anywhere;border-radius:12px;justify-content:space-between;align-items:center;gap:12px;margin:12px 0;padding:12px 16px;font-size:14px;display:flex}.error button{flex-shrink:0}.empty{text-align:center;padding:56px 24px 64px}.empty h1,.empty h2{font-size:22px}.empty p{color:var(--muted);margin:8px 0 20px;font-size:14px}.empty .dots{margin-bottom:20px}.dots{background:var(--bubble);border-radius:4px 18px 18px;gap:5px;padding:15px 18px;display:inline-flex}.dots i{background:var(--muted);opacity:.4;border-radius:999px;width:7px;height:7px}.loading{padding-top:16px}.loading>.avatar,.draft>span.avatar{background:var(--tint)}.loading .dots i{animation:1.2s ease-in-out infinite typing}.loading .dots i:nth-child(2){animation-delay:.15s}.loading .dots i:nth-child(3){animation-delay:.3s}.loading-label{color:var(--muted);margin:8px 0 0 4px;font-size:13px}@keyframes typing{0%,60%,to{opacity:.35;transform:none}30%{opacity:1;transform:translateY(-4px)}}footer{border-top:1px solid var(--line);color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:24px 0 32px;font-size:12px;display:flex}.sr-only{clip-path:inset(50%);width:1px;height:1px;margin:-1px;position:absolute;overflow:hidden}.skip-link{z-index:10;background:var(--bubble);border-radius:999px;padding:10px 14px;position:fixed;top:-80px;left:16px}.skip-link:focus{top:12px}@media (width<=1023px){.site-header,.container{max-width:744px}.layout{grid-template-columns:minmax(0,1fr);gap:32px}.panel{padding:20px}}@media (width<=639px){.site-header{padding:16px 16px 4px}.container{padding:0 16px}.brand{gap:10px}.logo{width:34px;height:34px}.brand b{font-size:18px}.brand small{font-size:12px}.identity-chip{padding:2px}.chip-name{display:none}.identity-chip .avatar{width:38px;height:38px}.layout{padding:16px 0 40px}h1{font-size:24px}.message{grid-template-columns:36px minmax(0,1fr);gap:10px}.message>.avatar{border-radius:10px;width:36px;height:36px;font-size:15px}.bubble{padding:12px 14px}.post-detail .bubble{padding:18px}.post-detail h1{font-size:21px}.prose{font-size:16px}.actions>*{flex:1}.error{flex-wrap:wrap}button,.button,.prompt-actions .copy,.endpoint .copy{min-height:44px}footer{flex-direction:column}}@media (pointer:coarse){button,.button,summary{min-height:44px}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
