.landing-scene{background:radial-gradient(circle at 50% 30%,var(--tint-teal),transparent 46%),var(--ground);color:var(--text);font-family:var(--font-sans);font-size:16px;line-height:1.55;display:flex;flex-direction:column;overflow-x:hidden;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.landing-scene [hidden]{display:none!important}button{font:inherit}main{padding:20px 56px 0;align-items:stretch;max-width:none;min-height:0}.landing-scene{height:100dvh;overflow:hidden}.wrap{display:grid;grid-template-columns:minmax(0,1fr) 296px;gap:56px;flex:1;min-height:0}.col{display:flex;flex-direction:column;min-height:0;width:100%;max-width:880px;margin:0 auto}.ppl{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:6px 18px;padding:0 56px 26px;font-family:var(--font-mono);font-size:10.5px;color:var(--meta)}.ppl>span{grid-column:1 / -1;opacity:.7}.ppl a{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--meta);text-decoration:none;transition:color var(--dur-instant) var(--ease-instant)}.ppl a:hover{color:var(--text)}.rail-col{display:flex;flex-direction:column;gap:22px;min-height:0;border-left:1px solid var(--hair);padding-left:26px}.stage{display:flex;flex-direction:column;min-width:0}[data-scene=capsule] .stage{flex:1;min-height:0;overflow-y:auto;padding-right:2px}[data-scene=ritual] #ritual-host,[data-scene=chat] .chat{flex:1;min-height:0}.stage h1{margin:4px 0 16px;font-size:44px;font-weight:800;letter-spacing:-.03em;line-height:1.06;color:var(--text);text-wrap:balance}.stage h1 .accent{color:var(--teal-deep)}.method{margin:0 0 28px;font-family:var(--font-mono);font-size:11.5px;line-height:1.7;color:var(--meta);opacity:.8}.method i{width:4px;height:4px;border-radius:50%;background:var(--hair-strong);display:inline-block;margin:0 8px;vertical-align:2px}.catalog{padding-top:72px}.cat-head{margin-bottom:18px}.cat-head h2{margin:0;font-size:34px;line-height:1.1;letter-spacing:-.03em;font-weight:800;color:var(--text)}.cat-head p{margin:8px 0 0;max-width:60ch;font-size:14px;line-height:1.5;color:var(--meta)}.cat-filters{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px}.cat-filters button{min-height:40px;padding:0 16px;cursor:pointer;background:none;border:1px solid var(--hair);border-radius:999px;color:var(--meta);font-family:var(--font-mono);font-size:12px;transition:color var(--dur-instant) var(--ease-instant)}.cat-filters button .n{opacity:.6;margin-left:4px}.cat-filters button:hover{color:var(--text)}.cat-filters button[aria-pressed=true]{color:var(--teal-deep);border-color:var(--teal);background:var(--tint-teal)}.cat-group+.cat-group{margin-top:30px}.cat-group h3{margin:0 0 12px;font-family:var(--font-mono);font-weight:600;font-size:11.5px;color:var(--meta);text-transform:lowercase;display:flex;align-items:baseline;gap:8px}.cat-group h3 .n{color:var(--structure);font-weight:400}.catalog[data-folded] .cat-grid>li:nth-child(n+7){display:none}.cat-more{margin-left:auto;padding:4px 0;background:none;border:0;cursor:pointer;font-family:var(--font-mono);font-size:11.5px;color:var(--teal-deep);transition:color var(--dur-instant) var(--ease-instant)}.cat-more:hover{color:var(--text)}.catalog:not([data-folded]) .cat-more{display:none}.cat-grid{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(168px,1fr));gap:16px}.cat-rest{margin:22px 0 0;padding-top:16px;border-top:1px solid var(--hair);max-width:66ch;font-size:13.5px;line-height:1.55;color:var(--meta)}.wall{position:relative;height:660px;overflow:hidden;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;-webkit-mask-image:linear-gradient(180deg,transparent,var(--ground) 9%,var(--ground) 88%,transparent);mask-image:linear-gradient(180deg,transparent,var(--ground) 9%,var(--ground) 88%,transparent)}.wcol{display:flex;flex-direction:column;gap:14px;padding-bottom:14px;will-change:transform;animation:qarap-wall-drift 70s linear infinite}.wcol.wc1{animation-duration:90s;animation-direction:reverse;margin-top:-90px}.wcol.wc2{animation-duration:80s;margin-top:-40px}.wall:hover .wcol,.wall:focus-within .wcol{animation-play-state:paused}@keyframes qarap-wall-drift{0%{transform:translateY(0)}to{transform:translateY(-50%)}}@media(prefers-reduced-motion:reduce){.wcol{animation:none}}.portrait{width:260px;height:260px}.avatar-fallback{font-size:64px}.btn{padding:12px 18px}.btn:disabled{opacity:.55;cursor:default}.btn.ghost{background:none;color:var(--structure);border:1px solid var(--hair-strong)}.btn.ghost:hover{color:var(--text)}.error-card{margin:36px auto 0;max-width:560px;padding:14px 18px;border:1px solid var(--hair-strong);border-radius:var(--radius-sm);text-align:center;font-size:14px;line-height:1.5;color:var(--text);opacity:0;transition:opacity var(--dur-swap) var(--ease-life)}.error-card.visible{opacity:1}.landing-scene>header>a:first-child{view-transition-name:qarap-mark}.stage{view-transition-name:qarap-stage;z-index:1}#ritual-host{view-transition-name:qarap-ritual}#chat{view-transition-name:qarap-chat}[data-scene=ritual] #ritual-host .rit-sheet-aperture,[data-scene=chat] .talk-face{view-transition-name:qarap-face}#ritual-host{display:none}[data-scene=ritual] #ritual-host{display:flex;flex-direction:column;margin-top:16px}[data-scene=ritual] #ritual-host .ritual-scene{display:flex;flex-direction:column;flex:1;min-height:0}[data-scene=ritual] #ritual-host .rit-col{max-width:none;display:grid;grid-template-columns:240px minmax(0,1fr);grid-template-rows:auto auto minmax(0,1fr);column-gap:32px;align-items:start;flex:1;min-height:0}[data-scene=ritual] #ritual-host .rit-head{display:block;grid-column:2;grid-row:1}[data-scene=ritual] #ritual-host .rit-head{margin-top:31px}[data-scene=ritual] #ritual-host .rit-act-line{justify-content:flex-start;min-height:64px;margin-bottom:14px}[data-scene=ritual] #ritual-host .rit-elapsed{font-size:64px;line-height:1;letter-spacing:-.04em;opacity:.9}[data-scene=ritual] #ritual-host #rit-sheet-slot{display:contents}[data-scene=ritual] #ritual-host #rit-sheet-body{grid-column:1;grid-row:1 / span 2}[data-scene=ritual] #ritual-host #rit-counts{grid-column:2;grid-row:2;align-self:start;justify-content:flex-start;gap:0 36px;margin:0;min-height:52px;font-size:11px}[data-scene=ritual] #ritual-host #rit-counts span{display:flex;flex-direction:column;gap:4px}[data-scene=ritual] #ritual-host #rit-counts b{font-size:28px;line-height:1;letter-spacing:-.03em;font-variant-numeric:tabular-nums}[data-scene=ritual] #ritual-host .rit-acts{grid-column:1 / -1;grid-row:3;display:flex;flex-direction:column;min-width:0;min-height:0;align-self:stretch}[data-scene=ritual] #ritual-host .rit-sheet{margin-bottom:0}[data-scene=ritual] #ritual-host .rit-sheet-aperture{--iris-size: 150px;margin-bottom:10px}[data-scene=ritual] #ritual-host .rit-sheet{width:100%}[data-scene=ritual] #ritual-host .rit-sheet h1{font-size:19px;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}[data-scene=ritual] #ritual-host .rit-sheet .tag{font-size:12px;line-height:1.45;margin-top:3px;min-height:2.9em;max-width:100%;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}[data-scene=ritual] #ritual-host #rit-counts[hidden]{display:flex!important;visibility:hidden}#ritual-host .rit-head,#ritual-host .rit-acts,#ritual-host .rit-counts{transition:opacity var(--dur-life) var(--ease-life)}#ritual-host .rit-sheet{transition:transform var(--dur-life) var(--ease-life)}#ritual-host.rit-finale .rit-head,#ritual-host.rit-finale .rit-acts,#ritual-host.rit-finale .rit-counts,#ritual-host.rit-finale .rit-sheet .tag{opacity:0}#ritual-host .rit-sheet .tag{transition:opacity var(--dur-swap) ease-out}#ritual-host.rit-finale .rit-sheet{position:relative;z-index:2;transform-origin:50% var(--fin-o, 50%);transform:translate(var(--fin-x, 0),var(--fin-y, 0)) scale(var(--fin-k, 1))}[data-scene=ritual] #ritual-host .rit-sheet .sum{display:none}[data-scene=ritual] #ritual-host .rit-log{flex:1;min-height:0;max-height:none;overflow-y:auto;overscroll-behavior:contain}[data-scene=ritual] #ritual-host #rit-final{align-self:center;width:100%;max-width:520px}[data-scene=ritual] #ritual-host #rit-final .rit-excerpt,[data-scene=ritual] #ritual-host .rit-prov,[data-scene=ritual] .stage,[data-scene=chat] .stage,[data-scene=chat] #ritual-host{display:none}[data-scene=chat] .chat.on{margin-top:8px}#ritual-host .ritual-scene{min-height:auto;padding-top:8px;background:none}.icon.armed{width:auto;gap:6px;padding:0 8px;display:inline-flex;align-items:center;border-color:var(--teal);color:var(--text);font-family:var(--font-mono);font-size:10.5px}.icon:disabled{opacity:.5;cursor:default}@media(max-width:1100px){.landing-scene{height:auto;min-height:100dvh;overflow:visible}main{display:block;flex:none;padding-bottom:28px}.wrap,.col{display:block}.col{max-width:none}[data-scene=capsule] .stage{display:flex;flex:none;overflow:visible;padding-right:0}[data-scene=ritual] #ritual-host,[data-scene=chat] .chat{flex:none}.rail-col{border-left:0;border-top:1px solid var(--hair);padding:22px 0 0;margin-top:26px}.stage h1{font-size:30px}.landing-scene[data-scene=ritual]{height:100dvh;min-height:0;overflow:hidden}[data-scene=ritual] main{display:flex;flex-direction:column;flex:1;min-height:0;padding-bottom:12px}[data-scene=ritual] .wrap,[data-scene=ritual] .col{display:flex;flex-direction:column;flex:1;min-height:0}[data-scene=ritual] .rail-col,[data-scene=ritual]>footer,[data-scene=ritual] .ppl{display:none}[data-scene=ritual] #ritual-host{flex:1;min-height:0}}@media(max-width:700px){main{padding:18px 18px 28px}.stage h1{font-size:26px;letter-spacing:-.02em;line-height:1.2;margin-bottom:12px}.method{margin-bottom:20px;font-size:11px;line-height:1.6}.portrait{width:180px;height:180px}.rail-col{margin-top:36px;padding-top:22px}.ppl{padding:0 16px 24px}[data-scene=ritual] #ritual-host .rit-col{grid-template-columns:1fr;grid-template-rows:auto auto auto minmax(0,1fr);column-gap:0}[data-scene=ritual] #ritual-host .rit-head,[data-scene=ritual] #ritual-host .rit-acts,[data-scene=ritual] #ritual-host #rit-sheet-slot,[data-scene=ritual] #ritual-host #rit-sheet-body{grid-column:1;grid-row:auto}[data-scene=ritual] #ritual-host #rit-counts{grid-column:1;grid-row:auto;justify-content:center;gap:4px 13px;margin:-8px 0 16px;min-height:1.5em;font-size:11.5px}[data-scene=ritual] #ritual-host #rit-counts span{display:inline}[data-scene=ritual] #ritual-host #rit-counts b{font-size:inherit;line-height:inherit;letter-spacing:inherit}[data-scene=ritual] #ritual-host .rit-head{margin-top:0}[data-scene=ritual] #ritual-host .rit-act-line{justify-content:center;min-height:16px;margin-bottom:20px}[data-scene=ritual] #ritual-host .rit-elapsed{font-size:inherit;line-height:inherit;letter-spacing:inherit;opacity:.75}[data-scene=ritual] #ritual-host .rit-log{flex:1;min-height:0;max-height:none}}.landing-scene[data-scene=capsule]{height:auto;min-height:100dvh;overflow:visible}[data-scene=capsule] main{display:block;flex:none;padding:8px 40px 0}[data-scene=capsule] .wrap{display:grid;flex:none;max-width:1240px;margin:0 auto;grid-template-columns:minmax(0,1fr) minmax(0,520px);grid-template-rows:auto auto minmax(0,1fr) auto;grid-template-areas:"ask wall" "strip wall" ". wall" "cat cat";column-gap:48px;row-gap:0}[data-scene=capsule] .col,[data-scene=capsule] .stage{display:contents}[data-scene=capsule] #ritual-host,[data-scene=capsule] .chat{grid-column:1 / -1}[data-scene=capsule] .ask{grid-area:ask;min-width:0;padding-top:36px}[data-scene=capsule] .wall{grid-area:wall;align-self:start}[data-scene=capsule] .catalog{grid-area:cat;min-width:0}[data-scene=capsule] .ask h1{margin:0 0 18px;max-width:13ch;font-size:56px;line-height:1.02;letter-spacing:-.035em}.ask .lede{margin:0 0 22px;max-width:44ch;font-size:17px;line-height:1.5;color:var(--meta)}[data-scene=capsule]>footer{margin-top:64px}@media(max-width:1100px){[data-scene=capsule] .wrap{grid-template-columns:minmax(0,1fr);grid-template-rows:none;grid-template-areas:"ask" "strip" "wall" "cat"}[data-scene=capsule] .wall{height:420px;margin-top:28px}}@media(max-width:700px){[data-scene=capsule] main{padding:8px 16px 0}[data-scene=capsule] .ask{padding-top:12px}[data-scene=capsule] .ask h1{font-size:38px}[data-scene=capsule] .wall{height:340px;gap:10px}[data-scene=capsule] .wcol{gap:10px;padding-bottom:10px}.cat-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:10px}.catalog[data-folded] .cat-grid>li:nth-child(n+5){display:none}}
