.stage{&{aspect-ratio:853/554;--wall-a:#f0e9e2;--wall-b:#dccfc4;position:relative}&.compact{aspect-ratio:640/800}& .plate{background:#101010;border:3px solid #101010;position:absolute;overflow:hidden}& .world{transform-origin:640px 0;width:1280px;height:800px;font-family:var(--sans);position:absolute;top:0;left:0}& .wall{background:var(--wall-bg,linear-gradient(155deg, var(--wall-a), var(--wall-b)));position:absolute;inset:0}&.compact .world{transform-origin:320px 0;width:640px}& .rings{width:900px;height:900px;opacity:var(--wall-ring-op,.5);color:var(--wall-ring,currentColor);position:absolute;bottom:-260px;right:-180px}& .menubar{height:40px;color:var(--ink);background:color-mix(in srgb, var(--paper) 45%, transparent);justify-content:space-between;align-items:center;padding:0 26px;font-size:17px;display:flex;position:absolute;top:0;left:0;right:0}& .menubar div{align-items:center;gap:24px;display:flex}& .menubar b{font-weight:500}& .menubar span{opacity:.8}&.compact .menubar .opt{display:none}& .dock{background:color-mix(in srgb, var(--paper) 50%, transparent);border:1px solid color-mix(in srgb, var(--paper) 60%, transparent);border-radius:20px;justify-content:center;align-items:center;gap:12px;width:380px;height:64px;margin-left:-190px;display:flex;position:absolute;bottom:12px;left:50%}& .dock i{background:color-mix(in srgb, var(--ink) 14%, var(--paper));border-radius:12px;place-items:center;width:46px;height:46px;display:grid}& .dock i.orma{background:var(--brand-on-dark)}&.compact .dock{display:none}& .island{background:#101010;position:absolute;top:0;overflow:hidden}& .peek{white-space:nowrap;align-items:center;gap:12px;height:58px;padding:0 24px 0 22px;display:flex;position:absolute;top:40px;left:0;right:0}& .peek b{color:#e8e8e4;letter-spacing:-.005em;font-size:22px;font-weight:500}& .peek span{color:#9f9f98;margin-left:auto;font-size:19px}& .hello{transform-origin:0;white-space:nowrap;color:#f1ebe6;letter-spacing:-.005em;align-items:center;gap:.42em;font-family:Instrument Serif,Iowan Old Style,Georgia,serif;font-style:italic;line-height:1.2;display:flex;position:absolute;top:0;left:0}& .hello svg{flex:none;width:.78em;height:.78em}& .summon{position:absolute;top:52px;left:12px;right:12px}& .cbar{background:#1c1c1a;border-radius:14px;align-items:center;gap:14px;height:60px;padding:0 14px 0 18px;display:flex}& .cbar .ph{color:#868680;white-space:nowrap;font-size:21px}& .cbar kbd{font-family:var(--mono);color:#9f9f98;border-radius:7px;margin-left:auto;padding:3px 10px;font-size:15px}& .under{margin-top:8px}& .sline{color:#e8e8e4;white-space:nowrap;background:#ffffff0b;border-radius:12px;align-items:center;gap:12px;height:50px;padding:0 16px;font-size:18px;display:flex}& .sline em{font-style:normal;font-family:var(--mono);color:#9f9f98;margin-left:auto;font-size:14px}& .recent{color:#b8b8b2;white-space:nowrap;align-items:center;gap:12px;height:46px;padding:0 16px;font-size:17px;display:flex}& .recent em{font-style:normal;font-family:var(--mono);color:#868680;margin-left:auto;font-size:13px}& .legend{height:36px;font-family:var(--mono);color:#868680;border-top:1px solid #2e2e2b;align-items:center;gap:20px;padding:0 28px;font-size:13px;display:flex;position:absolute;bottom:0;left:0;right:0}& .qfly{white-space:nowrap;letter-spacing:-.008em;line-height:1.3;position:absolute;top:0;left:0}& .caret{vertical-align:-.16em;background:#e8e8e4;width:2px;height:1.05em;margin-left:1px;display:inline-block}& .win{background:var(--paper);border:1px solid var(--rule);width:1100px;height:640px;box-shadow:var(--shadow);transform-origin:50% 0;border-radius:16px;grid-template-columns:64px minmax(0,1fr);display:grid;position:absolute;top:66px;left:90px;overflow:visible}& .rail{border-right:1px solid var(--rule-2);background:var(--ground);color:var(--muted);border-radius:15px 0 0 15px;flex-direction:column;align-items:center;gap:8px;padding:16px 0;display:flex}& .rail .dots{gap:5px;margin-bottom:16px;display:flex}& .rail .dots i{background:var(--s-edge);border-radius:50%;width:9px;height:9px}& .rail span{border-radius:10px;place-items:center;width:40px;height:40px;display:grid}& .rail span.on{background:var(--s-tint);color:var(--ink)}& .rail .end{margin-top:auto}& .right{grid-template-rows:58px minmax(0,1fr);min-width:0;display:grid}& .topbar{border-bottom:1px solid var(--rule-2);justify-content:center;align-items:center;display:flex}& .topbar div{border:1px solid var(--rule);width:440px;height:36px;color:var(--muted);border-radius:9px;align-items:center;gap:10px;padding:0 12px;font-size:15px;display:flex}& .topbar kbd{font-family:var(--mono);margin-left:auto;font-size:12px}& .area{grid-template-columns:minmax(0,1fr) 340px;min-height:0;display:grid}& .turn{padding:28px 34px 0;position:relative}& .asked{letter-spacing:-.014em;visibility:hidden;font-size:25px;font-weight:500;line-height:1.3}& .plan{color:var(--muted);align-items:center;gap:9px;margin:6px 0 20px;font-size:15px;display:flex}& .plan .ic{flex:none;width:16px;height:16px;position:relative}& .plan .ic svg{position:absolute;inset:0}& .ahead{font-family:var(--mono);color:var(--muted);justify-content:space-between;align-items:baseline;margin-bottom:10px;font-size:13px;display:flex}& .ahead b{color:var(--ink);align-items:center;gap:7px;font-weight:500;display:inline-flex}& .ans{position:relative}& .ans p{color:var(--ink);letter-spacing:-.006em;margin-bottom:12px;font-size:21px;line-height:1.52}& .cite{background:var(--s-tint);width:21px;height:21px;color:var(--s-accent);font-family:var(--mono);vertical-align:3px;border-radius:50%;place-items:center;margin-left:4px;font-size:12px;display:inline-grid}& .skel{gap:14px;display:grid;position:absolute;top:4px;left:0;right:0}& .skel i{background:var(--s-tint);border-radius:7px;height:14px}& .acts{gap:8px;margin-top:6px;display:flex}& .acts span{color:var(--ink-2);border:1px solid var(--rule);border-radius:8px;padding:6px 12px;font-size:14px}& .follow{border:1px solid var(--rule);height:52px;color:var(--muted);white-space:nowrap;border-radius:12px;align-items:center;padding:0 16px;font-size:16px;display:flex;position:absolute;bottom:24px;left:34px;right:34px;overflow:hidden}& .pane{border-left:1px solid var(--rule-2);background:var(--ground);border-radius:0 0 15px;padding:24px 20px;position:relative}& .pane .ahead{margin-bottom:14px}& .srcs{gap:9px;margin:0;padding:0;list-style:none;display:grid;position:relative}& .src{background:var(--paper);border:1px solid var(--rule);transform-origin:0 0;border-radius:12px;grid-template-columns:38px minmax(0,1fr) 24px;align-items:center;gap:12px;padding:11px 12px;display:grid}& .src .gl{background:var(--s-tint);width:38px;height:38px;color:var(--s-accent);border-radius:9px;place-items:center;display:grid}& .src b{color:var(--ink);white-space:nowrap;text-overflow:ellipsis;font-size:17px;font-weight:500;line-height:1.25;display:block;overflow:hidden}& .src em{font-style:normal;font-family:var(--mono);color:var(--muted);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:12.5px;display:block;overflow:hidden}& .src .num{width:24px;height:24px;font-size:12.5px}& .pane .skel{gap:9px;top:62px;left:20px;right:20px}& .pane .skel i{border-radius:12px;height:62px}&.compact .win{grid-template-columns:minmax(0,1fr);width:612px;height:724px;top:58px;left:14px}&.compact .rail,&.compact .topbar,&.compact .follow,&.compact .acts{display:none}&.compact .right{grid-template-rows:minmax(0,1fr)}&.compact .area{grid-template-rows:auto minmax(0,1fr);grid-template-columns:minmax(0,1fr)}&.compact .turn{padding:26px 26px 8px}&.compact .asked{font-size:28px}&.compact .plan{margin-bottom:18px;font-size:18px}&.compact .ahead{font-size:15px}&.compact .ans p{margin-bottom:8px;font-size:23.5px}&.compact .src{padding:6px 12px}&.compact .srcs{gap:5px}&.compact .pane{border-left:0;border-top:1px solid var(--rule-2);border-radius:0 0 15px 15px;padding:18px 26px}&.compact .src b{font-size:20px}&.compact .src em{font-size:15px}&.compact .pane .skel{top:56px;left:26px;right:26px}&.compact .peek span{display:none}& .num{background:var(--s-accent);color:var(--paper);font-family:var(--mono);border-radius:50%;place-items:center;display:grid}&.side .world{transform-origin:426.5px 0;width:853px;height:554px}&.side .menubar{height:30px;padding:0 18px;font-size:13px}&.side .menubar div{gap:16px}&.side .menubar svg{width:auto;height:12px}&.side .dock{border-radius:11px;gap:6px;width:216px;height:34px;margin-left:-108px;bottom:4px}&.side .dock i{border-radius:6px;width:25px;height:25px}&.side .dock i svg{width:14px;height:14px}&.side .peek{gap:9px;height:36px;padding:0 16px 0 14px;top:30px}&.side .peek b{font-size:16px}&.side .peek span{font-size:14px}&.side .peek svg{width:14px;height:14px}&.side .summon{top:38px;left:8px;right:8px}&.side .cbar{border-radius:10px;gap:10px;height:42px;padding:0 10px 0 13px}&.side .cbar svg{width:15px;height:15px}&.side .cbar .ph{font-size:17px}&.side .cbar kbd{padding:2px 7px;font-size:12px}&.side .under{margin-top:6px}&.side .sline{border-radius:9px;gap:9px;height:36px;padding:0 12px;font-size:14px}&.side .sline svg{width:12px;height:12px}&.side .sline em{font-size:11px}&.side .recent{height:33px;padding:0 12px;font-size:13px}&.side .recent em{font-size:10.5px}&.side .legend{gap:14px;height:26px;padding:0 19px;font-size:10px}&.side .win{border-radius:12px;grid-template-columns:52px minmax(0,1fr);width:737px;height:460px;top:40px;left:58px}&.side .rail{border-radius:11px 0 0 11px;gap:5px;padding:11px 0}&.side .rail .dots{gap:4px;margin-bottom:11px}&.side .rail .dots i{width:7px;height:7px}&.side .rail span{border-radius:8px;width:32px;height:32px}&.side .rail svg{width:16px;height:16px}&.side .right{grid-template-rows:42px minmax(0,1fr)}&.side .topbar div{border-radius:7px;gap:8px;width:300px;height:28px;padding:0 10px;font-size:12px}&.side .topbar div svg{width:13px;height:13px}&.side .topbar kbd{font-size:10px}&.side .area{grid-template-columns:minmax(0,1fr) 262px}&.side .turn{padding:16px 22px 0}&.side .asked{font-size:27px}&.side .plan{gap:7px;margin:3px 0 9px;font-size:15px}&.side .plan .ic{width:13px;height:13px}&.side .ahead{margin-bottom:8px;font-size:12.5px}&.side .ahead b{gap:6px}&.side .ahead b svg{width:13px;height:13px}&.side .ans p{margin-bottom:7px;font-size:19px}&.side .cite{vertical-align:2px;width:18px;height:18px;font-size:10.5px}&.side .skel{gap:11px}&.side .skel i{height:12px}&.side .acts{margin-top:2px}&.side .acts span{padding:5px 10px;font-size:13px}&.side .follow{border-radius:9px;height:40px;padding:0 13px;font-size:14px;bottom:16px;left:22px;right:22px}&.side .pane{border-radius:0 0 11px;padding:16px 12px}&.side .srcs{gap:9px}&.side .src{border-radius:9px;grid-template-columns:26px minmax(0,1fr) 18px;gap:8px;padding:8px 9px}&.side .src .gl{border-radius:7px;width:26px;height:26px}&.side .src .gl svg{width:14px;height:14px}&.side .src b{font-size:14px}&.side .src em{font-size:11px}&.side .src .num{width:18px;height:18px;font-size:10px}&.side .pane .skel{gap:8px;top:48px;left:12px;right:12px}&.side .pane .skel i{border-radius:9px;height:43px}& .rings{color:#fff;opacity:.55;width:100%;height:100%;position:absolute;inset:0 auto auto 0}& .src.t-note{--t:var(--t-note)}& .src.t-meet{--t:var(--t-meet)}& .src.t-doc{--t:var(--t-doc)}& .src.t-read{--t:var(--t-read)}& .src .gl{background:color-mix(in srgb, var(--t) 12%, var(--paper));color:var(--t)}& .src em{color:var(--t);font-weight:500}& .follow{justify-content:space-between;gap:12px}& .follow .ftxt{text-overflow:ellipsis;overflow:hidden}& .follow .web{font-family:var(--mono);color:var(--muted);flex:none;align-items:center;gap:5px;font-size:11px;display:inline-flex}& .follow .web svg{width:13px;height:13px}& .follow .sw{background:var(--s-edge);border-radius:999px;width:24px;height:14px;display:inline-block;position:relative}& .follow .sw:after{content:"";background:var(--paper);border-radius:50%;width:10px;height:10px;position:absolute;top:2px;left:2px}}:root[data-theme=dark] .stage{--wall-a:#3a302a;--wall-b:#221b17}:root[data-theme=dark] .stage .rings{opacity:.1}.stage:not(.ready) .plate{visibility:hidden}.stage .brandmark,.stage .sline svg{color:var(--brand-on-dark)}