.af-web-frame{border:1px solid var(--border-strong);border-radius:.875rem;overflow:hidden;background:var(--surface);box-shadow:0 1px 2px rgba(0,0,0,.3),0 24px 70px rgba(0,0,0,.5)}.af-web-frame__bar{display:flex;align-items:center;gap:.45rem;padding:.7rem .9rem;background:hsla(0,0%,100%,.03);border-bottom:1px solid var(--border-subtle)}.af-web-frame__dot{height:8px;width:8px;border-radius:9999px;background:hsla(0,0%,100%,.14)}.af-web-frame__url{margin-left:.6rem;font-family:var(--font-mono),ui-monospace,monospace;font-size:.625rem;letter-spacing:.08em;text-transform:uppercase;color:var(--text-tertiary)}.af-web-cat{position:relative;padding:1.25rem}.af-web-cat__nav{display:flex;flex-wrap:wrap;gap:1.1rem;padding-bottom:1.1rem;border-bottom:1px solid var(--border-subtle);font-size:.75rem;color:var(--text-tertiary)}.af-web-cat__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.6rem;margin-top:1.1rem;list-style:none;padding:0}@media (min-width:768px){.af-web-cat__grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.af-web-cat__tile{display:flex;align-items:center;justify-content:center;min-height:5.5rem;padding:1rem .75rem;border:1px solid var(--border-subtle);border-radius:.6rem;background:hsla(0,0%,100%,.02);font-size:.8125rem;color:var(--text-secondary);text-align:center;transition:border-color .5s cubic-bezier(.22,1,.36,1),background-color .5s cubic-bezier(.22,1,.36,1);will-change:opacity,transform}.af-web-cat__tile.is-surfaced{border-color:rgba(59,130,246,.5);background:rgba(26,60,255,.08);color:#fff}.af-web-cat__eye{position:absolute;height:26px;width:26px;margin:-13px 0 0 -13px;border-radius:9999px;border:1px solid hsla(0,0%,100%,.45);box-shadow:0 0 0 6px hsla(0,0%,100%,.04);pointer-events:none}.af-web-cat__exit{display:inline-flex;align-items:center;gap:.5rem;margin-top:1.1rem;padding:.4rem .75rem;border:1px solid rgba(217,119,6,.4);border-radius:9999px;background:rgba(217,119,6,.08);font-family:var(--font-mono),ui-monospace,monospace;font-size:.625rem;letter-spacing:.1em;text-transform:uppercase;color:#d97706}.af-web-rooms{display:flex;flex-direction:column;gap:.75rem;list-style:none;padding:0;margin:0}.af-web-room{display:grid;gap:.35rem 1.5rem;padding:1.5rem 0;border-top:1px solid var(--border-subtle);transition:opacity .6s cubic-bezier(.22,1,.36,1)}@media (min-width:900px){.af-web-room{grid-template-columns:minmax(0,1.15fr) minmax(0,1fr);align-items:baseline;padding:2rem 0}}.af-web-room__q{font-size:1.25rem;font-weight:500;line-height:1.3;color:var(--text-tertiary);transition:color .6s cubic-bezier(.22,1,.36,1)}@media (min-width:900px){.af-web-room__q{font-size:1.5rem}}.af-web-room.is-here .af-web-room__q{color:#fff}.af-web-room__aside{display:flex;flex-direction:column;gap:.4rem}.af-web-room__surfaces{align-self:start;padding:.3rem .65rem;border:1px solid var(--border-subtle);border-radius:.4rem;font-family:var(--font-mono),ui-monospace,monospace;font-size:.625rem;letter-spacing:.09em;text-transform:uppercase;color:var(--text-tertiary);transition:border-color .6s cubic-bezier(.22,1,.36,1),color .6s cubic-bezier(.22,1,.36,1)}.af-web-room.is-here .af-web-room__surfaces{border-color:rgba(59,130,246,.45);color:var(--blue-soft)}.af-web-room__body{font-size:.875rem;color:var(--text-secondary)}.af-web-pick{display:flex;flex-direction:column;gap:.5rem;margin-top:2rem}@media (min-width:900px){.af-web-pick{flex-direction:row}}.af-web-pick__btn{flex:1;display:flex;align-items:flex-start;justify-content:space-between;gap:1rem;text-align:left;padding:1.1rem 1.25rem;border:1px solid var(--border-strong);border-radius:.75rem;background:hsla(0,0%,100%,.035);color:var(--platinum);font-size:.9375rem;line-height:1.45;cursor:pointer;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:border-color .3s ease,background-color .3s ease,color .3s ease,transform .2s cubic-bezier(.22,1,.36,1)}.af-web-pick__text{min-width:0}.af-web-pick__cue{flex:none;margin-top:.05rem;font-family:var(--font-mono,ui-monospace,monospace);color:var(--blue-soft);opacity:.75;transition:transform .3s cubic-bezier(.22,1,.36,1),opacity .3s ease,color .3s ease}@media (hover:hover){.af-web-pick__btn:hover{border-color:rgba(59,130,246,.45);background:hsla(0,0%,100%,.055);color:#fff}.af-web-pick__btn:hover .af-web-pick__cue{opacity:1;transform:translateX(3px)}}.af-web-pick__btn:active{transform:scale(.99);background:rgba(26,60,255,.07)}.af-web-pick__btn[aria-pressed=true]{border-color:rgba(59,130,246,.6);background:rgba(26,60,255,.09);color:#fff}.af-web-pick__btn[aria-pressed=true] .af-web-pick__cue{opacity:1;transform:rotate(90deg)}.af-web-pick__btn:focus-visible{outline:2px solid var(--blue-soft);outline-offset:3px}.af-web-path{margin-top:2.5rem}.af-web-path__list{position:relative;list-style:none;margin:0;padding:0 0 0 1.75rem}.af-web-path__list:before{content:"";position:absolute;left:3px;top:.55rem;bottom:.55rem;width:1px;background:var(--border-subtle)}.af-web-beat{position:relative;padding-bottom:1.75rem;animation:af-web-beat-in .55s cubic-bezier(.22,1,.36,1) both}@keyframes af-web-beat-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.af-web-beat:last-child{padding-bottom:0}.af-web-beat:before{content:"";position:absolute;left:-1.75rem;top:.5rem;height:7px;width:7px;border-radius:9999px;background:var(--blue-soft);box-shadow:0 0 0 4px rgba(59,130,246,.12)}.af-web-beat__label{font-family:var(--font-mono),ui-monospace,monospace;font-size:.625rem;letter-spacing:.11em;text-transform:uppercase;color:var(--text-tertiary)}.af-web-beat__text{margin-top:.4rem;font-size:1rem;line-height:1.55;color:var(--text-secondary)}.af-web-beat--pain .af-web-beat__text{color:#fff;font-size:1.125rem;font-weight:500}.af-web-beat--action{padding-top:.25rem}.af-web-stage{position:relative;margin-top:2.5rem;padding:1.75rem 1.5rem 1.5rem;border-radius:.875rem .875rem 0 0;border:1px solid var(--border-strong);border-bottom:0;background:linear-gradient(180deg,rgba(26,60,255,.05),hsla(0,0%,100%,.01))}@media (min-width:900px){.af-web-stage{padding:2.5rem 2.5rem 2rem}}.af-web-stage__label,.af-web-substrate__label{font-family:var(--font-mono),ui-monospace,monospace;font-size:.625rem;letter-spacing:.11em;text-transform:uppercase;color:var(--text-tertiary)}.af-web-lines{position:relative;min-height:7.5rem;margin-top:1.1rem}@media (min-width:900px){.af-web-lines{min-height:5.5rem}}.af-web-line{position:absolute;inset:0;transition:opacity .55s cubic-bezier(.22,1,.36,1),transform .55s cubic-bezier(.22,1,.36,1)}.af-web-line__key{display:block;font-family:var(--font-mono),ui-monospace,monospace;font-size:.625rem;letter-spacing:.11em;text-transform:uppercase;color:var(--blue-soft)}.af-web-line__text{margin-top:.6rem;font-size:1.375rem;font-weight:500;line-height:1.3;color:#fff}@media (min-width:900px){.af-web-line__text{font-size:1.75rem}}.af-web-act{margin-top:1.5rem;padding-top:1.25rem;border-top:1px solid var(--border-subtle);transition:opacity .55s cubic-bezier(.22,1,.36,1)}.af-web-ground{height:1px;background:linear-gradient(90deg,var(--border-strong),rgba(59,130,246,.45),var(--border-strong))}.af-web-substrate{padding:1.1rem 1.5rem 1.35rem;border:1px solid var(--border-subtle);border-top:0;border-radius:0 0 .875rem .875rem;background:none}@media (min-width:900px){.af-web-substrate{padding:1.25rem 2.5rem 1.5rem}}.af-web-substrate__label{opacity:.7}.af-web-substrate__line{margin-top:.7rem;max-width:40rem;font-size:.875rem;line-height:1.55;color:var(--text-secondary)}.af-web-branch{position:relative;margin-top:3rem;padding:1.75rem 0 0 1.75rem;border-left:1px dashed var(--border-strong);max-width:42rem}.af-web-branch:before{content:"";position:absolute;left:0;top:0;width:2.25rem;border-top:1px dashed var(--border-strong)}.af-web-branch__title{font-size:1.125rem;font-weight:500;color:#fff}.af-web-branch__body{margin-top:.75rem;font-size:.9375rem;line-height:1.6;color:var(--text-secondary)}.af-web-boundary{margin-top:2.5rem;max-width:42rem;padding-top:1.25rem;border-top:1px solid var(--border-subtle);font-size:.8125rem;color:var(--text-tertiary)}@media (prefers-reduced-motion:reduce){.af-web-act,.af-web-beat,.af-web-cat__tile,.af-web-line,.af-web-room{opacity:1!important;transform:none!important;transition:none!important;animation:none!important}.af-web-line{position:static!important}.af-web-lines{min-height:0!important;display:flex;flex-direction:column;gap:1.5rem}.af-web-cat__eye{display:none!important}.af-web-pick__btn,.af-web-pick__cue{transition:none!important}.af-web-pick__btn:active,.af-web-pick__btn:hover .af-web-pick__cue{transform:none!important}}