@layer app{.vw-state{--sp-accent:var(--accent);width:100%;min-height:100dvh;padding:var(--space-12) var(--space-4);background:var(--paper-2);color:var(--ink);font-family:var(--sans);text-align:center;justify-content:center;align-items:center;display:flex}.vw-state.is-compact{height:100%;min-height:0;padding:var(--space-5) var(--space-4);overflow-y:auto}.vw-state-inner{align-items:center;gap:var(--space-3);flex-direction:column;width:100%;max-width:420px;margin-block:auto;display:flex}.vw-state-icon{border:1px solid var(--rule-2);width:48px;height:48px;color:var(--ink-soft);margin-bottom:var(--space-1);border-radius:50%;place-items:center;display:grid}.vw-state-icon svg{width:20px;height:20px}.vw-state-title{font-family:var(--serif);font-weight:var(--weight-400);font-size:var(--text-36);line-height:var(--leading-110);letter-spacing:var(--tracking-n20);color:var(--ink);text-wrap:balance;margin:0}.vw-state-title em{color:var(--sp-accent);font-style:italic}.vw-state-detail{max-width:38ch;font-size:var(--text-16);line-height:var(--leading-155);color:var(--ink-soft);margin:0}.vw-state-name{margin:var(--space-1) 0 0;font-family:var(--serif);font-style:italic;font-size:var(--text-15);color:var(--ink-mute)}.vw-state-spinner{width:28px;height:28px;margin-top:var(--space-3);border:2px solid var(--rule);border-top-color:var(--sp-accent);border-radius:50%;animation:.9s linear infinite sp-spin}.vw-state-error{text-align:left;font-size:var(--text-14);color:var(--danger);align-self:stretch;margin:0}.vw-form{width:100%;margin-top:var(--space-3);gap:var(--space-3);flex-direction:column;display:flex}.vw-field{gap:var(--space-2);text-align:left;flex-direction:column;display:flex}.vw-field-label{font-size:var(--text-13);font-weight:var(--weight-600);color:var(--ink-soft)}.vw-input{width:100%;min-height:var(--tap-target);padding:var(--space-3) var(--space-4);border:1px solid var(--rule-2);border-radius:var(--radius-12);background:var(--paper);font-family:var(--sans);font-size:var(--text-16);color:var(--ink);transition:border-color var(--dur-200) var(--ease-out);outline:none}.vw-input:focus{border-color:var(--sp-accent)}.vw-input.is-error{border-color:var(--danger)}.vw-btn{min-height:var(--tap-target);padding:0 var(--space-6);border:1px solid var(--sp-accent);border-radius:var(--radius-pill);background:var(--sp-accent);color:var(--paper);font-family:var(--sans);font-size:var(--text-15);font-weight:var(--weight-600);cursor:pointer;transition:filter var(--dur-200) var(--ease-out);justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.vw-form .vw-btn{width:100%}.vw-btn:hover:not(:disabled){filter:brightness(1.06)}.vw-btn:disabled{opacity:.5;cursor:default}.vw-state>.vw-state-inner>.vw-btn{margin-top:var(--space-3)}.vw-state.is-compact .vw-state-title{font-size:clamp(20px,9cqh,30px)}.vw-state.is-compact .vw-state-detail{font-size:var(--text-14)}@container (max-height:300px){.vw-state.is-compact .vw-state-icon,.vw-state.is-compact .vw-state-name{display:none}.vw-state.is-compact .vw-form{margin-top:var(--space-1)}}@media (max-width:640px){.vw-state-title{font-size:var(--text-28)}}}