.access-page.login-page{min-height:100dvh;padding:0 var(--space-8);background:var(--background);flex-direction:column;display:flex}.access-header{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;gap:var(--space-6);width:100%;height:76px;margin:0 auto;display:flex}.access-brand{align-items:center;gap:var(--space-2);color:var(--brand);display:inline-flex}.access-brand svg{width:28px;height:28px}.access-brand>span{letter-spacing:-1px;color:var(--text);font-size:1.4375rem;font-weight:650}.access-return{justify-content:center;align-items:center;gap:var(--space-2);min-height:36px;color:var(--muted);font-size:.75rem;display:inline-flex}.access-return:hover{color:var(--text)}.access-grid{width:100%;max-width:390px;padding:calc(var(--space-6) + var(--space-8)) 0;gap:var(--space-8);flex-direction:column;margin:auto;display:flex}.access-utility{font:500 .6875rem/1.6 var(--font-geist-sans), sans-serif;letter-spacing:0;color:var(--muted);align-items:center;gap:var(--space-2);display:flex}.access-dot{background:var(--accent);border-radius:2px;flex-shrink:0;width:5px;height:5px}.access-intro{text-align:center}.access-intro .access-utility{justify-content:center}.access-intro h1{letter-spacing:-1px;margin:var(--space-4) 0 var(--space-3);font-size:1.875rem;font-weight:550;line-height:1.2}.access-intro>p{color:var(--muted);font-size:.8125rem;line-height:1.7}.login-card.access-card{width:100%;padding:var(--space-6);border-color:var(--border);background:var(--surface);box-shadow:0 2px 8px var(--shadow);border-radius:8px}.access-card h2{margin:var(--space-3) 0 var(--space-2);letter-spacing:-.4px;font-size:1.125rem;font-weight:550}.access-card .access-card-description{margin:0 0 var(--space-6);font-size:.75rem;line-height:1.6}.access-card .field{color:var(--text)}.access-card .input{min-height:44px;font-size:1rem}.access-card .button{min-height:40px}.access-card .button>svg:last-child{margin-left:auto}.access-card .access-feedback{border:1px solid var(--border-strong);border-radius:var(--radius-sm);padding:var(--space-3);margin:var(--space-4) 0 0;color:var(--mint);background:var(--mint-soft);font-size:.75rem;line-height:1.6}.access-card .access-feedback.is-error{color:var(--rose);background:var(--surface);border-color:color-mix(in srgb, var(--rose), var(--border) 60%)}.access-card .login-divider{margin:var(--space-6) 0 var(--space-4);letter-spacing:0;font-size:.6875rem}.access-card .access-demo{background:var(--surface)}.access-card .access-demo:hover{background:var(--surface-hover)}.access-card .access-demo-note{margin:var(--space-3) 0 0;text-align:center;font-size:.6875rem;line-height:1.7}.access-private{color:var(--muted);justify-content:center;align-items:center;gap:var(--space-2);margin-top:var(--space-6);padding-top:var(--space-4);border-top:1px solid var(--border);font-size:.6875rem;display:flex}.access-footer{width:100%;padding:var(--space-6) 0 max(var(--space-6), env(safe-area-inset-bottom));border-top:1px solid var(--border);justify-content:space-between;gap:var(--space-6);color:var(--faint);margin:0 auto;font-size:.6875rem;display:flex}.access-fallback{min-height:80dvh;padding:var(--space-12) var(--space-6);place-items:center;display:grid}.access-recovery{text-align:center;flex-direction:column;align-items:center;max-width:480px;display:flex}.access-symbol{color:var(--brand);border:1px solid var(--border);width:42px;height:42px;margin-bottom:var(--space-6);background:var(--surface);border-radius:8px;place-items:center;display:grid}.access-symbol svg{width:28px;height:28px}.access-recovery h1,.route-status h1{font:550 1.75rem/1.2 var(--font-geist-sans), sans-serif;letter-spacing:-.7px;margin:var(--space-4) 0 var(--space-3);color:var(--text)}.access-recovery p,.route-status p{max-width:350px;color:var(--muted);font-size:.8125rem;line-height:1.7}.access-recovery .button{margin:var(--space-6) 0 var(--space-2);gap:var(--space-3);min-height:38px}.route-status{padding:var(--space-8);flex-direction:column;align-items:flex-start;min-height:330px;display:flex}.route-status-actions{gap:var(--space-3);margin-top:var(--space-6);flex-wrap:wrap;display:flex}.space-loading>.access-utility{margin-bottom:var(--space-4)}.space-loading .skeleton-heading{max-width:48%;height:32px;margin-bottom:var(--space-6)}.space-loading-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);padding:var(--space-4)}.space-loading-label{border-radius:3px;width:44%;height:10px}.space-loading-value{width:64%;height:28px;margin:var(--space-4) 0 var(--space-4)}.space-loading-detail{border-radius:3px;width:80%;height:9px}.space-loading-body{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);min-height:280px;margin-top:var(--space-6);padding:var(--space-4)}.space-loading-body>.space-loading-label{width:22%;margin-bottom:var(--space-6)}.space-loading-row{gap:var(--space-4);margin-bottom:var(--space-6);align-items:center;display:flex}.space-loading-row>span{flex-shrink:0;width:30px;height:30px}.space-loading-row>div{width:min(55%,380px);height:11px}@media (max-width:767px){.access-page.login-page{padding:0 var(--space-6)}.access-header{height:66px}.access-grid{padding:var(--space-8) 0;gap:var(--space-6)}.access-intro h1{font-size:1.75rem}.login-card.access-card{padding:var(--space-6) var(--space-6)}.access-footer{font-size:.6875rem}.access-footer>span:last-child{text-align:right;max-width:130px}.route-status{padding:var(--space-6)}}@media (prefers-reduced-motion:reduce){.space-loading .skeleton{animation:none}}@media (pointer:coarse),(max-width:1024px){.access-page :is(.access-brand,.access-return,.button,.access-demo,.access-footer a){justify-content:center;align-items:center;min-height:44px;display:inline-flex}.access-page .input{min-height:44px}}@media (pointer:fine) and (min-width:1025px){.access-page :is(.access-brand,.access-return,.access-footer a){align-items:center;min-height:28px;display:inline-flex}}