.as{--card:#fff;--card-edge:var(--mystic-200);--card-ink:var(--home-field-ink,var(--foreground));--bubble:var(--mystic-100);place-items:center;margin:0;padding:26px;display:grid;position:absolute;inset:0;container:ask/size}.dark .as{--card:var(--mystic-800);--card-edge:var(--mystic-700);--bubble:var(--mystic-700)}.as-panel{border:1px solid var(--card-edge);background:var(--card);width:min(100%,540px);height:100%;color:var(--card-ink);border-radius:16px;flex-direction:column;font-size:13px;line-height:1.45;display:flex;overflow:hidden}.as-head{border-bottom:1px solid var(--card-edge);align-items:center;gap:8px;padding:11px 14px;display:flex}.as-mark{background:var(--blue-500);color:#fff;border-radius:6px;place-items:center;width:22px;height:22px;display:grid}.as-mark svg{width:13px;height:13px}.as-head b{font-weight:500}.as-scope{background:var(--bubble);color:var(--muted-foreground);white-space:nowrap;border-radius:999px;margin-left:auto;padding:2px 9px;font-size:11px}.as-thread{flex-direction:column;flex:1;justify-content:flex-end;min-height:0;padding:4px 14px;display:flex;overflow:hidden}.as-turn{grid-template-rows:1fr;display:grid}.as-turn>div{min-height:0;overflow:hidden}.as-q1>div,.as-q2>div{justify-content:flex-end;display:flex}.as-bubble{background:var(--bubble);border-radius:16px 16px 4px;max-width:80%;margin:6px 0;padding:7px 12px}.as-reply{gap:9px;margin:6px 0;display:flex}.as-avatar{background:color-mix(in oklab, var(--brand-ink) 12%, transparent);width:22px;height:22px;color:var(--brand-ink);border-radius:50%;flex-shrink:0;place-items:center;display:grid}.as-avatar svg{width:12px;height:12px}.as-reply-body{flex-direction:column;flex:1;gap:8px;min-width:0;display:flex}.as-reply-body p{margin:0}.as-cite{background:color-mix(in oklab, var(--brand-ink) 10%, transparent);color:var(--brand-ink);font-family:var(--font-mono);border-radius:999px;margin-left:3px;padding:0 6px;font-size:.85em;line-height:1.6;display:inline-block}.as-frame{aspect-ratio:16/9;background:var(--foot-paper) var(--drawing) no-repeat;width:min(100%,220px);box-shadow:inset 0 0 0 1px var(--foot-edge);background-position:36.88% 92.22%;background-size:300% 320%;border-radius:8px;position:relative;overflow:hidden}.as-frame-box{border:1.5px solid var(--foot-evidence);background:color-mix(in oklab, var(--foot-evidence) 14%, transparent);border-radius:3px;width:24.5%;height:20.44%;position:absolute;top:39.78%;left:37.75%}.as-frame-at{background:var(--foot-hud);color:var(--foot-hud-ink);font-family:var(--font-mono);border-radius:4px;padding:2px 5px;font-size:10px;line-height:1;position:absolute;top:6px;left:6px}.as-draft{border:1px solid var(--card-edge);border-radius:12px;flex-direction:column;gap:7px;width:min(100%,340px);padding:11px 13px 12px;display:flex}.as-draft-head{align-items:center;gap:7px;font-size:12.5px;display:flex}.as-draft-head svg{width:15px;height:15px;color:var(--brand-ink);flex-shrink:0}.as-draft-head b{text-overflow:ellipsis;white-space:nowrap;font-weight:500;overflow:hidden}.as-draft-badge{border:1px solid var(--card-edge);color:var(--muted-foreground);border-radius:999px;margin-left:auto;padding:0 8px;font-size:11px}.as-draft-line{font-size:12px;font-weight:500}.as-draft-bar{background:var(--bubble);transform-origin:0;border-radius:999px;height:6px}.as-draft-bar-2{width:92%}.as-draft-bar-3{width:64%}.as-draft-cites{color:var(--muted-foreground);font-size:11.5px}.as-confirm{border:1px solid var(--card-edge);border-radius:12px;grid-template-columns:1fr auto auto;align-items:center;gap:8px;margin:6px 0 6px 31px;padding:8px 9px 8px 12px;font-size:12.5px;display:grid}.as-confirm-ask,.as-confirm-done{grid-area:1/1}.as-confirm-ask{opacity:0}.as-confirm-ask b{font-weight:500}.as-confirm-done{color:var(--success);align-items:center;gap:6px;display:flex}.as-confirm-done svg{width:14px;height:14px}.as-button{border:1px solid var(--card-edge);opacity:0;border-radius:8px;padding:4px 11px;font-size:12px}.as-button-primary{background:var(--primary);color:var(--primary-foreground);border-color:#0000}.as-input{border:1px solid var(--card-edge);border-radius:18px;gap:8px;margin:6px 12px 12px;padding:10px 12px 8px;display:grid}.as-placeholder,.as-typed{white-space:nowrap;grid-area:1/1;overflow:hidden}.as-placeholder{color:var(--muted-foreground)}.as-typed{opacity:0}.as-tools{color:var(--muted-foreground);align-items:center;gap:12px;display:flex}.as-tools>svg{width:15px;height:15px}.as-send{background:var(--primary);width:26px;height:26px;color:var(--primary-foreground);border-radius:50%;place-items:center;margin-left:auto;display:grid}.as-send svg{width:14px;height:14px}@container ask not (min-width:440px){.as-panel{font-size:12px}.as-scope{display:none}.as-frame{width:min(100%,180px)}.as-confirm{grid-template-columns:1fr auto auto;row-gap:8px}.as-confirm-ask,.as-confirm-done{grid-column:1/-1}.as-button{grid-row:2}.as-button-no{grid-column:2}.as-button-primary{grid-column:3}}@media (prefers-reduced-motion:no-preference){.as :is(.as-thread,.as-turn,.as-typed,.as-placeholder,.as-send,.as-frame-box,.as-draft-bar,.as-confirm-ask,.as-confirm-done,.as-button){animation-duration:14s;animation-iteration-count:infinite;animation-fill-mode:both}.as-thread{animation-name:as-thread}.as-q1{animation-name:as-q1}.as-a1{animation-name:as-a1}.as-q2{animation-name:as-q2}.as-a2{animation-name:as-a2}.as-a3{animation-name:as-a3}.as-typed-1{animation-name:as-type-1}.as-typed-2{animation-name:as-type-2}.as-placeholder{animation-name:as-placeholder;animation-timing-function:step-end}.as-send{animation-name:as-send}.as-frame-box{animation-name:as-box}.as-draft-bar{animation-name:as-bar}.as-draft-bar-2{animation-delay:.15s}.as-draft-bar-3{animation-delay:.3s}.as-confirm-ask{animation-name:as-ask}.as-confirm-done{animation-name:as-done}.as-button{animation-name:as-ask}.as-button-primary{animation-name:as-save}}@keyframes as-thread{0%,91.4%{opacity:1}95%,96.5%{opacity:0}to{opacity:1}}@keyframes as-q1{0%,14.3%{opacity:0;grid-template-rows:0fr;animation-timing-function:cubic-bezier(.23,1,.32,1)}17.1%,95.5%{opacity:1;grid-template-rows:1fr}96%,to{opacity:0;grid-template-rows:0fr}}@keyframes as-a1{0%,20%{opacity:0;grid-template-rows:0fr;animation-timing-function:cubic-bezier(.23,1,.32,1)}24.3%,95.5%{opacity:1;grid-template-rows:1fr}96%,to{opacity:0;grid-template-rows:0fr}}@keyframes as-q2{0%,44.3%{opacity:0;grid-template-rows:0fr;animation-timing-function:cubic-bezier(.23,1,.32,1)}47.1%,95.5%{opacity:1;grid-template-rows:1fr}96%,to{opacity:0;grid-template-rows:0fr}}@keyframes as-a2{0%,50%{opacity:0;grid-template-rows:0fr;animation-timing-function:cubic-bezier(.23,1,.32,1)}54.3%,95.5%{opacity:1;grid-template-rows:1fr}96%,to{opacity:0;grid-template-rows:0fr}}@keyframes as-a3{0%,62.9%{opacity:0;grid-template-rows:0fr;animation-timing-function:cubic-bezier(.23,1,.32,1)}65.7%,95.5%{opacity:1;grid-template-rows:1fr}96%,to{opacity:0;grid-template-rows:0fr}}@keyframes as-type-1{0%,4.3%{clip-path:inset(0 100% 0 0);opacity:1;animation-timing-function:steps(44,end)}12.9%,14.2%{clip-path:inset(0);opacity:1}14.3%,to{clip-path:inset(0);opacity:0}}@keyframes as-type-2{0%,35.7%{clip-path:inset(0 100% 0 0);opacity:1;animation-timing-function:steps(37,end)}42.9%,44.2%{clip-path:inset(0);opacity:1}44.3%,to{clip-path:inset(0);opacity:0}}@keyframes as-placeholder{0%{opacity:1}4.3%{opacity:0}14.3%{opacity:1}35.7%{opacity:0}44.3%,to{opacity:1}}@keyframes as-send{0%,13.6%,15%,43.6%,45%,to{scale:1}14.3%,44.3%{scale:.86}}@keyframes as-box{0%,21.4%{opacity:0;animation-timing-function:cubic-bezier(.23,1,.32,1);scale:1.4}24.3%,to{opacity:1;scale:1}}@keyframes as-bar{0%,52.9%{animation-timing-function:cubic-bezier(.23,1,.32,1);scale:0 1}57%,to{scale:1}}@keyframes as-ask{0%,72.1%{opacity:1}74.3%,to{opacity:0}}@keyframes as-done{0%,72.1%{opacity:0}74.3%,to{opacity:1}}@keyframes as-save{0%,70.7%{opacity:1;scale:1}71.4%{scale:.92}72.1%{opacity:1;scale:1}74.3%,to{opacity:0;scale:1}}
.cr{background:var(--home-field);position:absolute;inset:0;overflow:hidden;container:roll/size}.cr-stage{--u:calc(100cqw / 600);--cols:10;--rows:20;--pw:54.5;--ph:70.85;--px:59.5;--py:75.85;--x0:5;--last:174.15;--scroll:1307;--iw:655.6;--ih:393.4;--ix:-27.8;--iy:-72;aspect-ratio:600/250;width:min(100cqw - 28px,240cqh);position:absolute;bottom:0;left:50%;translate:-50%;container-type:inline-size}@container roll not (min-width:440px){.cr-stage{--u:calc(100cqw / 340);--cols:8;--rows:25;--pw:36.5;--ph:47.45;--px:41.5;--py:52.45;--x0:6.5;--last:177.55;--scroll:1117.25;--iw:450;--ih:270;--ix:-55;--iy:-24.5;aspect-ratio:340/230;width:min(100cqw - 28px,147.826cqh)}}.cr-roll{translate:0 calc(var(--scroll) * var(--u));position:absolute;inset:0}.cr-photo{--sc:mod(var(--k), var(--cols));--sr:round(down, var(--k) / var(--cols), 1);top:calc((var(--last) - (var(--rows) - 1 - var(--sr)) * var(--py)) * var(--u));left:calc((var(--x0) + var(--sc) * var(--px)) * var(--u));width:calc(var(--pw) * var(--u));height:calc(var(--ph) * var(--u));background:var(--foot-paper) var(--drawing) no-repeat;background-position:var(--x) var(--y);box-shadow:inset 0 0 0 1px var(--foot-edge);opacity:var(--o);background-size:1363.64% 629.371%;border-radius:4px;position:absolute}.cr-house{--hc:mod(var(--h), var(--cols));--hr:round(down, var(--h) / var(--cols), 1);--home:calc((var(--hc) - var(--sc)) * var(--px) * var(--u)) calc((var(--hr) - var(--sr)) * var(--py) * var(--u));background-position:calc((var(--ix) - var(--x0) - var(--hc) * var(--px)) * var(--u)) calc((var(--iy) - var(--last) + (var(--rows) - 1 - var(--hr)) * var(--py)) * var(--u));background-size:calc(var(--iw) * var(--u)) calc(var(--ih) * var(--u))}.cr-head{z-index:1;background:linear-gradient(var(--home-field) 62%, transparent);height:68px;margin:0;padding:18px 18px 0;line-height:1;position:absolute;inset:0 0 auto}.cr-head>span{align-items:baseline;gap:10px;display:flex;position:absolute}.cr-head b{color:var(--home-field-ink);font-family:var(--font-heading);font-size:16px;font-weight:600}.cr-count{color:color-mix(in oklab, var(--home-field-ink) 60%, transparent);font-family:var(--font-mono);font-size:12.5px}.cr-head-record{opacity:0}.cr-watch{pointer-events:none;position:absolute;inset:0}@media (prefers-reduced-motion:no-preference){.cr:has(>.cr-watch.is-visible) :is(.cr-roll,.cr-house,.cr-head-roll,.cr-head-record){animation-duration:11s;animation-iteration-count:infinite;animation-fill-mode:both}.cr:has(>.cr-watch.is-visible) .cr-roll{animation-name:cr-scroll}.cr:has(>.cr-watch.is-visible) .cr-house{animation-name:cr-swap;animation-delay:var(--d)}.cr:has(>.cr-watch.is-visible) .cr-head-roll{animation-name:cr-roll-head}.cr:has(>.cr-watch.is-visible) .cr-head-record{animation-name:cr-record-head}}@keyframes cr-scroll{0%,5.5%{translate:0 calc(var(--scroll) * var(--u));animation-timing-function:cubic-bezier(.45,0,.2,1)}34.5%,87.3%{animation-timing-function:cubic-bezier(.65,0,.35,1);translate:0}95.5%,to{translate:0 calc(var(--scroll) * var(--u))}}@keyframes cr-swap{0%,36.4%{opacity:var(--o);animation-timing-function:cubic-bezier(.65,0,.35,1);translate:0;rotate:0deg}40%{rotate:var(--spin)}43.6%,72.7%{opacity:1;rotate:0deg;translate:var(--home);animation-timing-function:cubic-bezier(.65,0,.35,1)}76.4%{rotate:calc(var(--spin) * -1)}80%,to{opacity:var(--o);translate:0;rotate:0deg}}@keyframes cr-roll-head{0%,37%{opacity:1}39%,76.4%{opacity:0}78.4%,to{opacity:1}}@keyframes cr-record-head{0%,39.5%{opacity:0}41.5%,72.7%{opacity:1}74.7%,to{opacity:0}}