@layer components{.acc-shell{position:relative;isolation:isolate}.acc-aurora{position:absolute;inset:-10% -10% auto;height:640px;z-index:-1;pointer-events:none;background:radial-gradient(40% 50% at 20% 20%,color-mix(in oklab,var(--glow-a) 22%,transparent),transparent 70%),radial-gradient(35% 45% at 80% 10%,color-mix(in oklab,var(--glow-b) 18%,transparent),transparent 70%),radial-gradient(30% 40% at 60% 60%,color-mix(in oklab,var(--glow-c) 12%,transparent),transparent 70%);filter:blur(10px)}.brand-stage{aspect-ratio:1 / 1;width:100%}.brand-stage canvas{mask-image:radial-gradient(closest-side,#000 62%,transparent 100%)}.auth-card{background:color-mix(in oklab,var(--card) 88%,transparent);backdrop-filter:blur(14px);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 30px 80px -30px color-mix(in oklab,var(--shadow-ink) 55%,transparent),0 0 0 1px color-mix(in oklab,var(--foreground) 4%,transparent) inset}.provider-btn{display:flex;width:100%;align-items:center;justify-content:center;gap:.625rem;border:1px solid var(--border);border-radius:var(--radius-md);background:var(--background);padding:.8125rem 1rem;font-weight:500;font-size:.9375rem;transition:background-color var(--dur-fast) ease,border-color var(--dur-fast) ease,transform var(--dur-fast) var(--spring-smooth)}.provider-btn:hover{background:var(--accent);border-color:color-mix(in oklab,var(--foreground) 25%,transparent)}.provider-btn:active{transform:scale(.985)}.acc-divider{display:flex;align-items:center;gap:.75rem;font-size:.75rem;color:var(--muted-foreground);text-transform:uppercase;letter-spacing:.08em}.acc-divider:before,.acc-divider:after{content:"";height:1px;flex:1;background:var(--border)}.acc-input{width:100%;padding:.75rem .875rem;font-size:1rem}.acc-otp{width:100%;padding:.75rem .875rem;font-family:var(--font-mono);font-size:1.75rem;letter-spacing:.5em;text-align:center;text-indent:.5em}.acc-label{display:block;font-size:.875rem;font-weight:500;margin-bottom:.375rem}.acc-link{text-decoration:underline;text-decoration-color:color-mix(in oklab,var(--foreground) 35%,transparent);text-underline-offset:3px;color:var(--foreground);background:none;border:0;padding:0;font:inherit;cursor:pointer}.acc-link:hover{text-decoration-color:var(--foreground)}.acc-alert{border-radius:var(--radius-md);padding:.75rem .875rem;font-size:.875rem;border:1px solid color-mix(in oklab,var(--bad) 55%,transparent);background:color-mix(in oklab,var(--bad) 12%,transparent)}.acc-note{border-radius:var(--radius-md);padding:.75rem .875rem;font-size:.875rem;border:1px solid var(--border);background:color-mix(in oklab,var(--foreground) 4%,transparent)}.acc-plan-summary{border-radius:var(--radius-lg);padding:1rem 1.125rem}.acc-chip{display:inline-flex;align-items:center;gap:.375rem;border-radius:var(--radius-pill);padding:.1875rem .625rem;font-size:.75rem;font-weight:500;color:var(--foreground);border:1px solid var(--border);white-space:nowrap}.acc-chip-ok{background:color-mix(in oklab,var(--ok) 22%,transparent);border-color:color-mix(in oklab,var(--ok) 45%,transparent)}.acc-chip-trial{background:color-mix(in oklab,var(--glow-a) 22%,transparent);border-color:color-mix(in oklab,var(--glow-a) 45%,transparent)}.acc-chip-warn{background:color-mix(in oklab,var(--chart-4) 22%,transparent);border-color:color-mix(in oklab,var(--chart-4) 50%,transparent)}.acc-chip-bad{background:color-mix(in oklab,var(--bad) 20%,transparent);border-color:color-mix(in oklab,var(--bad) 50%,transparent)}.acc-chip-muted{background:color-mix(in oklab,var(--foreground) 6%,transparent)}.acc-chip-founder{border-color:transparent;background:linear-gradient(var(--card),var(--card)) padding-box,linear-gradient(120deg,var(--glow-a),var(--glow-b),var(--glow-c)) border-box;border:1px solid transparent}.acc-banner{margin-top:1.25rem;border-radius:var(--radius-md);padding:.875rem 1rem;border:1px solid var(--border)}.acc-banner-bad{border-color:color-mix(in oklab,var(--bad) 55%,transparent);background:color-mix(in oklab,var(--bad) 12%,transparent)}.acc-banner-warn{border-color:color-mix(in oklab,var(--chart-4) 55%,transparent);background:color-mix(in oklab,var(--chart-4) 12%,transparent)}.acc-progress{height:6px;border-radius:var(--radius-pill);background:color-mix(in oklab,var(--foreground) 10%,transparent);overflow:hidden}.acc-progress>span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--glow-a),var(--glow-b),var(--glow-c));transition:width var(--dur-slow) var(--ease-out)}.acc-plan[data-tone=ok]{--acc-edge: var(--ok)}.acc-section{padding:1.5rem}@media(min-width:640px){.acc-section{padding:1.75rem 2rem}}.acc-btn-quiet-danger:hover{border-color:color-mix(in oklab,var(--bad) 60%,transparent);background:color-mix(in oklab,var(--bad) 10%,transparent)}.btn-danger{background:var(--destructive);color:var(--destructive-foreground);padding:.8125rem 1.375rem}.btn-danger:hover{opacity:.9}.acc-card-chip{display:inline-grid;place-items:center;width:2.75rem;height:1.875rem;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:.625rem;font-weight:600;letter-spacing:.06em;color:var(--foreground);background:linear-gradient(135deg,color-mix(in oklab,var(--glow-a) 35%,var(--card)),color-mix(in oklab,var(--glow-c) 25%,var(--card)));border:1px solid var(--border)}.acc-device-icon{display:inline-grid;place-items:center;width:2.25rem;height:2.25rem;flex:none;border-radius:var(--radius-md);border:1px solid var(--border);background:color-mix(in oklab,var(--foreground) 5%,transparent);font-size:1rem}.acc-avatar{display:grid;place-items:center;width:3.5rem;height:3.5rem;flex:none;border-radius:var(--radius-pill);font-size:1.375rem;font-weight:600;color:#fff;background:linear-gradient(135deg,var(--glow-a),var(--glow-b) 55%,var(--glow-c));box-shadow:0 10px 30px -10px color-mix(in oklab,var(--glow-a) 70%,transparent)}.acc-step{display:flex;gap:1rem}.acc-step-num{display:grid;place-items:center;width:2rem;height:2rem;flex:none;border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.8125rem;border:1px solid var(--border);background:var(--background)}.acc-step-num-ok{border-color:color-mix(in oklab,var(--ok) 60%,transparent);background:color-mix(in oklab,var(--ok) 20%,transparent)}.acc-skeleton{border-radius:var(--radius-md);background:linear-gradient(90deg,color-mix(in oklab,var(--foreground) 6%,transparent),color-mix(in oklab,var(--foreground) 12%,transparent),color-mix(in oklab,var(--foreground) 6%,transparent));background-size:200% 100%;animation:acc-shimmer 1.4s linear infinite}@keyframes acc-shimmer{to{background-position:-200% 0}}.acc-spinner{display:inline-block;width:1em;height:1em;border-radius:999px;border:2px solid color-mix(in oklab,var(--foreground) 20%,transparent);border-top-color:var(--foreground);animation:acc-spin .8s linear infinite;vertical-align:-.15em}@keyframes acc-spin{to{transform:rotate(360deg)}}.acc-plan-option{display:flex;flex-direction:column;gap:.25rem;width:100%;text-align:left;border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;transition:border-color var(--dur-fast) ease,background-color var(--dur-fast) ease}.acc-plan-option:hover{background:var(--accent)}.acc-plan-option[aria-pressed=true]{border-color:var(--foreground);box-shadow:0 0 0 1px var(--foreground) inset}.acc-radio{display:flex;align-items:center;gap:.625rem;border:1px solid var(--border);border-radius:var(--radius-md);padding:.625rem .75rem;font-size:.875rem;cursor:pointer}.acc-radio:has(input:checked){border-color:var(--foreground)}.acc-radio input{accent-color:var(--foreground)}.acc-dialog{width:min(32rem,calc(100vw - 2rem));max-height:calc(100dvh - 2rem);margin:auto;padding:0;color:var(--foreground);background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);box-shadow:0 40px 120px -30px color-mix(in oklab,var(--shadow-ink) 70%,transparent)}.acc-dialog::backdrop{background:color-mix(in oklab,var(--background) 55%,transparent);backdrop-filter:blur(6px)}.acc-dialog[open]{animation:acc-pop .32s var(--spring-pop)}@keyframes acc-pop{0%{opacity:0;transform:translateY(10px) scale(.98);filter:blur(4px)}}.acc-toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);z-index:70;max-width:calc(100vw - 2rem);border-radius:var(--radius-pill);padding:.625rem 1.125rem;font-size:.875rem;background:var(--foreground);color:var(--background);box-shadow:var(--shadow-lg)}}@media(prefers-reduced-motion:reduce){.acc-skeleton,.acc-spinner{animation:none}}