header.hero{position:relative;z-index:var(--z-header);background:transparent;border:none;box-shadow:none;display:flex;flex-direction:column;isolation:isolate}.hero-content{padding:64px 0 32px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:padding .6s var(--spring)}body.is-success .hero-content{padding:4px 0 12px}body.is-workspace .hero-content{padding:0 0 4px}.hero-mark{view-transition-name:sonn-mark;color:var(--accent);filter:drop-shadow(0 0 24px rgba(74,222,128,.3));margin-bottom:24px;position:relative;transform:scale(1.4);transition:transform .8s var(--spring),filter .8s ease;animation:hero-mark-intro 2.2s var(--spring) backwards,hero-mark-glow 2s var(--spring) backwards;animation-delay:.1s,.2s}body.is-success .hero-mark{transform:scale(1.4);filter:drop-shadow(0 0 36px rgba(74,222,128,.55))}body.is-workspace .hero-mark{transform:scale(.75);margin-bottom:8px;filter:drop-shadow(0 0 18px rgba(74,222,128,.4))}.hero-mark:before,.hero-mark:after{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%) scale(0);width:100px;height:100px;border-radius:50%;border:1px solid rgba(74,222,128,.6);pointer-events:none;opacity:0}.hero-mark:before{animation:hero-mark-ring 1.4s var(--spring) backwards;animation-delay:1s}.hero-mark:after{animation:hero-mark-ring 1.6s var(--spring) backwards;animation-delay:1.2s}@keyframes hero-mark-ring{0%{opacity:0;transform:translate(-50%,-50%) scale(.2)}20%{opacity:.8}to{opacity:0;transform:translate(-50%,-50%) scale(4)}}@keyframes hero-mark-glow{0%{filter:drop-shadow(0 0 0 rgba(74,222,128,0))}25%{filter:drop-shadow(0 0 12px rgba(74,222,128,.3))}55%{filter:drop-shadow(0 0 28px rgba(74,222,128,.5))}80%{filter:drop-shadow(0 0 56px rgba(74,222,128,.85))}to{filter:drop-shadow(0 0 24px rgba(74,222,128,.3))}}body.is-unpaired .hero-mark{filter:drop-shadow(0 0 24px rgba(245,158,11,.3))}.hero-mark svg{display:block}.hero-mark svg g rect{transform-origin:center;transform-box:fill-box}.hero-mark-peak{stroke-dasharray:96;stroke-dashoffset:96;animation:hero-peak-draw .85s var(--spring) .55s both}@keyframes hero-peak-draw{to{stroke-dashoffset:0}}.hero-mark svg g rect:nth-child(1){animation:bar-dance-a 1.5s var(--spring) backwards;animation-delay:.55s}.hero-mark svg g rect:nth-child(2){animation:bar-dance-b 1.5s var(--spring) backwards;animation-delay:.48s}.hero-mark svg g rect:nth-child(3){animation:bar-dance-c 1.5s var(--spring) backwards;animation-delay:.4s}.hero-mark svg g rect:nth-child(4){animation:bar-dance-a 1.5s var(--spring) backwards;animation-delay:.32s}.hero-mark svg g rect:nth-child(5){animation:bar-dance-b 1.5s var(--spring) backwards;animation-delay:.25s}.hero-mark svg g rect:nth-child(6){animation:bar-dance-c 1.5s var(--spring) backwards;animation-delay:.25s}.hero-mark svg g rect:nth-child(7){animation:bar-dance-a 1.5s var(--spring) backwards;animation-delay:.32s}.hero-mark svg g rect:nth-child(8){animation:bar-dance-b 1.5s var(--spring) backwards;animation-delay:.4s}.hero-mark svg g rect:nth-child(9){animation:bar-dance-c 1.5s var(--spring) backwards;animation-delay:.48s}.hero-mark svg g rect:nth-child(10){animation:bar-dance-a 1.5s var(--spring) backwards;animation-delay:.55s}@keyframes hero-mark-intro{0%{transform:scale(1.55)}60%{transform:scale(1.46)}to{transform:scale(1.4)}}@media(prefers-reduced-motion:reduce){.hero-mark:before,.hero-mark:after{animation:none!important;opacity:0}}@keyframes bar-dance-a{0%{opacity:0;transform:scaleY(0)}15%{opacity:1;transform:scaleY(1.7)}30%{transform:scaleY(.55)}45%{transform:scaleY(1.4)}60%{transform:scaleY(.7)}75%{transform:scaleY(1.25)}88%{transform:scaleY(.9)}to{opacity:1;transform:scaleY(1)}}@keyframes bar-dance-b{0%{opacity:0;transform:scaleY(0)}12%{opacity:1;transform:scaleY(1.4)}28%{transform:scaleY(.8)}42%{transform:scaleY(1.6)}57%{transform:scaleY(.45)}72%{transform:scaleY(1.3)}86%{transform:scaleY(.75)}to{opacity:1;transform:scaleY(1)}}@keyframes bar-dance-c{0%{opacity:0;transform:scaleY(0)}18%{opacity:1;transform:scaleY(1.5)}33%{transform:scaleY(.6)}48%{transform:scaleY(1.7)}62%{transform:scaleY(.85)}77%{transform:scaleY(1.15)}90%{transform:scaleY(.95)}to{opacity:1;transform:scaleY(1)}}.hero-wordmark{display:inline-flex;align-items:baseline;gap:.33em;font-family:var(--font-display);font-size:30px;font-weight:800;letter-spacing:-.03em;color:var(--text);margin:0 0 12px;transition:font-size .6s var(--spring),margin .6s var(--spring);animation:hero-fade-up .6s var(--spring) backwards;animation-delay:1.7s}.hero-wordmark__link{display:inline-flex;align-items:baseline;gap:inherit;color:inherit;text-decoration:none;transition:opacity .18s var(--spring)}.hero-wordmark__link:hover{opacity:.78}.hero-wordmark__sonn{color:var(--text)}.hero-wordmark__core{color:var(--text-muted);font-family:var(--font-mono);font-size:.58em;font-weight:700;letter-spacing:.18em;text-transform:uppercase}body.is-workspace .hero-wordmark{font-size:25px;margin-bottom:6px}.hero-tagline{font-size:14px;color:var(--text-muted);max-width:520px;line-height:1.5;margin:0 0 28px;max-height:200px;overflow:hidden;transition:opacity .4s ease,max-height .6s ease,margin-bottom .6s ease;animation:hero-fade-up .6s var(--spring) backwards;animation-delay:1.9s}body.is-success .hero-tagline,body.is-workspace .hero-tagline{opacity:0;max-height:0;margin-bottom:0}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.diag-strip{display:inline-flex;align-items:center;gap:0;padding:10px 18px;background:#ffffff05;border:1px solid rgba(255,255,255,.06);border-radius:999px;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);transition:border-color .6s ease,background .6s ease;animation:hero-fade-up .7s var(--spring) backwards;animation-delay:2.1s}body.is-unpaired .diag-strip{border-color:#f59e0b33;background:#f59e0b0a}.diag-item{display:inline-flex;align-items:center;gap:8px;padding:0 16px;position:relative;overflow:hidden;white-space:nowrap;max-width:200px;transition:max-width .65s var(--spring) .4s,padding .65s var(--spring) .4s,opacity .4s ease .45s,gap .5s ease .4s}body.is-workspace .diag-item:nth-child(2){transition-delay:.4s,.4s,.45s,.4s}body.is-workspace .diag-item:nth-child(3){transition-delay:.5s,.5s,.55s,.5s}body.is-workspace .diag-item:nth-child(4){transition-delay:.6s,.6s,.65s,.6s}body.is-workspace .diag-item:nth-child(5){transition-delay:.7s,.7s,.75s,.7s}body:not(.is-workspace) .diag-item:not(:first-child){max-width:0;padding-left:0;padding-right:0;opacity:0;gap:0;transition-delay:0s}.diag-item:first-child{padding-left:0}.diag-item+.diag-item:before{content:"";position:absolute;left:0;top:50%;transform:translateY(-50%);width:1px;height:10px;background:#ffffff0f;opacity:1;transition:opacity .35s ease .55s}body:not(.is-workspace) .diag-item+.diag-item:before{opacity:0;transition-delay:0s}.diag-label{font-family:var(--font-mono);font-size:9px;letter-spacing:1.6px;color:var(--text-dim);font-weight:700;text-transform:uppercase}.diag-value{font-family:var(--font-mono);font-size:11px;color:var(--text);font-weight:700}.diag-value--success{color:var(--accent)}.diag-value--warn{color:var(--warn)}.diag-value--error{color:var(--danger)}.diag-value--muted{color:var(--text-dim)}.pulse-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #4ade8099;animation:pulse-dot 1.8s ease-out infinite}.pulse-dot--warn{background:var(--warn);box-shadow:0 0 8px #f59e0b99;animation-name:pulse-dot-warn}.pulse-dot--error{background:var(--danger);box-shadow:0 0 8px #ef444499;animation-name:pulse-dot-error}@keyframes pulse-dot{0%{box-shadow:0 0 #4ade808c,0 0 8px #4ade8099}70%{box-shadow:0 0 0 7px #4ade8000,0 0 8px #4ade8099}to{box-shadow:0 0 #4ade8000,0 0 8px #4ade8099}}@keyframes pulse-dot-warn{0%{box-shadow:0 0 #f59e0b8c,0 0 8px #f59e0b99}70%{box-shadow:0 0 0 7px #f59e0b00,0 0 8px #f59e0b99}to{box-shadow:0 0 #f59e0b00,0 0 8px #f59e0b99}}@keyframes pulse-dot-error{0%{box-shadow:0 0 #ef44448c,0 0 8px #ef444499}70%{box-shadow:0 0 0 7px #ef444400,0 0 8px #ef444499}to{box-shadow:0 0 #ef444400,0 0 8px #ef444499}}@media(max-width:640px){.hero-content{padding:40px 0 24px}.hero-wordmark{font-size:25px}.hero-tagline{font-size:13px;margin-bottom:24px}.diag-strip{flex-wrap:wrap;row-gap:4px;padding:8px 14px;max-width:100%}.diag-item{padding:0 10px}.diag-label{font-size:8px;letter-spacing:1.3px}.diag-value{font-size:10px}}@media(prefers-reduced-motion:reduce){.hero-mark,.hero-mark svg g rect,.hero-wordmark,.hero-tagline,.diag-strip{animation:none!important}.hero-mark-peak{animation:none!important;stroke-dashoffset:0}.pulse-dot,.pulse-dot--warn,.pulse-dot--error{animation:none!important}}.toast-stack{position:fixed;top:24px;right:24px;z-index:var(--z-alert, 7000);display:flex;flex-direction:column;gap:10px;pointer-events:none;max-width:calc(100vw - 48px);width:380px}.toast{display:flex;align-items:flex-start;gap:12px;padding:14px 16px;background:#15181deb;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.06);border-radius:12px;box-shadow:0 12px 32px #0006,0 0 0 1px #ffffff05;pointer-events:auto;position:relative;overflow:hidden;animation:toast-in .35s var(--spring, cubic-bezier(.2, .8, .2, 1))}.toast.is-leaving{animation:toast-out .25s ease-in forwards}@keyframes toast-in{0%{opacity:0;transform:translate(20px) scale(.96)}to{opacity:1;transform:translate(0) scale(1)}}@keyframes toast-out{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(20px)}}.toast:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--text-muted)}.toast--success:before{background:var(--accent);box-shadow:0 0 12px #4ade8080}.toast--warn:before{background:var(--warn);box-shadow:0 0 12px #f59e0b80}.toast--error:before{background:var(--danger, #ef4444);box-shadow:0 0 12px #ef444480}.toast--info:before{background:#60a5fa;box-shadow:0 0 12px #60a5fa80}.toast__icon{width:28px;height:28px;border-radius:8px;display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-muted);background:#ffffff0a}.toast--success .toast__icon{color:var(--accent-bright, #86efac);background:#4ade801a}.toast--warn .toast__icon{color:var(--warn-bright, #fbbf24);background:#f59e0b1a}.toast--error .toast__icon{color:#fca5a5;background:#ef44441a}.toast--info .toast__icon{color:#93c5fd;background:#60a5fa1a}.toast__body{flex:1;min-width:0}.toast__title{font-size:13px;font-weight:700;color:var(--text);letter-spacing:-.1px;margin-bottom:2px}.toast__message{font-size:12px;color:var(--text-muted);line-height:1.45;word-break:break-word}.toast__action{margin-top:6px;font-family:var(--font-mono);font-size:10px;letter-spacing:1.4px;color:var(--accent);font-weight:700;text-transform:uppercase;cursor:pointer;background:none;border:none;padding:0;transition:color .15s}.toast__action:hover{color:var(--accent-bright, #86efac)}.toast__close{background:none;border:none;color:var(--text-dim);cursor:pointer;padding:2px;border-radius:4px;flex-shrink:0;display:inline-flex;align-items:center;justify-content:center;transition:color .15s,background .15s}.toast__close:hover{color:var(--text);background:#ffffff0f}@media(prefers-reduced-motion:reduce){.toast,.toast.is-leaving{animation:none}}.ws-tabs{display:flex;align-items:center;justify-content:center;gap:36px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.06);margin-bottom:20px;opacity:0;transform:translateY(-12px);transition:opacity .4s ease,transform .5s var(--spring);position:relative}.ws-tabs__indicator{position:absolute;bottom:11px;left:0;width:0;height:2px;background:var(--accent);border-radius:1px;box-shadow:0 0 10px #4ade80b3,0 0 20px #4ade804d;transition:left .42s cubic-bezier(.2,.8,.2,1),width .42s cubic-bezier(.2,.8,.2,1);pointer-events:none;opacity:0}.ws-tabs__indicator.is-ready{opacity:1}@media(prefers-reduced-motion:reduce){.ws-tabs__indicator{transition:none}}body.is-workspace .ws-tabs{opacity:1;transform:translateY(0);transition-delay:.5s}@media(prefers-reduced-motion:reduce){.ws-tabs{opacity:1;transform:none;transition:none}}.ws-tab{background:none;border:none;color:var(--text-dim);font-family:var(--font-mono);font-size:11px;letter-spacing:1.8px;font-weight:700;text-transform:uppercase;cursor:pointer;padding:8px 4px 14px;position:relative;transition:color .15s;min-height:0}.ws-tab:hover,.ws-tab.is-active{color:var(--text)}.ws-tab:focus-visible{outline:2px solid rgba(74,222,128,.3);outline-offset:4px;border-radius:4px}@media(max-width:880px){.ws-tabs{gap:22px;overflow-x:auto;-webkit-overflow-scrolling:touch;scrollbar-width:none;padding-left:4px;padding-right:4px}.ws-tabs::-webkit-scrollbar{display:none}.ws-tab{white-space:nowrap}}@media(max-width:640px){.ws-tabs{gap:18px}.ws-tab{font-size:10px;letter-spacing:1.4px;padding:8px 4px 12px}}.confirm-backdrop{position:fixed;inset:0;background:var(--modal-backdrop);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-confirm, 6500);padding:24px;overflow-y:auto;overscroll-behavior:contain;animation:confirm-fade-in .25s ease}@keyframes confirm-fade-in{0%{opacity:0}to{opacity:1}}.confirm-dialog{width:100%;max-width:480px;background:var(--bg-card);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 24px 64px #0009;overflow:hidden;padding:0;isolation:isolate;animation:confirm-rise .35s var(--spring, cubic-bezier(.2, .8, .2, 1))}@keyframes confirm-rise{0%{transform:scale(.94) translateY(12px);opacity:0}to{transform:scale(1) translateY(0);opacity:1}}.confirm-dialog__inner{position:relative;display:flex;flex-direction:column}.confirm-dialog__inner:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,var(--accent) 25%,var(--accent) 75%,transparent);opacity:.5}.confirm-dialog__inner.is-danger:before{background:linear-gradient(180deg,transparent,var(--danger, #ef4444) 25%,var(--danger, #ef4444) 75%,transparent)}.confirm-dialog__head{padding:22px 24px 14px}.confirm-dialog__eyebrow{font-family:var(--font-mono);font-size:9px;letter-spacing:1.8px;font-weight:700;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:8px;margin-bottom:6px}.confirm-dialog__eyebrow:before{content:"";width:6px;height:6px;border-radius:50%;background:currentColor;box-shadow:0 0 6px currentColor}.confirm-dialog__inner.is-danger .confirm-dialog__eyebrow{color:#fca5a5}.confirm-dialog__title{margin:0;font-size:20px;font-weight:700;letter-spacing:-.3px;color:var(--text);line-height:1.2}.confirm-dialog__body{padding:0 24px 18px}.confirm-dialog__message{margin:0;font-size:13px;color:var(--text-muted);line-height:1.6}.confirm-dialog__message strong{color:var(--text);font-weight:700}.confirm-dialog__foot{padding:16px 24px;background:#ffffff04;border-top:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:flex-end;gap:10px}.confirm-dialog__btn{font-family:var(--font-mono);font-size:11px;letter-spacing:1.8px;font-weight:700;text-transform:uppercase;padding:10px 18px;border-radius:8px;cursor:pointer;transition:background .15s,color .15s,border-color .15s,transform .15s;border:1px solid rgba(255,255,255,.06);background:#ffffff0a;color:var(--text-muted)}.confirm-dialog__btn:hover{color:var(--text);border-color:#ffffff24}.confirm-dialog__btn.is-primary{background:var(--accent);color:var(--accent-on);border-color:var(--accent)}.confirm-dialog__btn.is-primary:hover{background:var(--accent-bright, #86efac);border-color:var(--accent-bright, #86efac);color:var(--accent-on);transform:translateY(-1px)}.confirm-dialog__btn.is-danger{background:var(--danger, #ef4444);color:#fff;border-color:var(--danger, #ef4444)}.confirm-dialog__btn.is-danger:hover{background:#dc2626;border-color:#dc2626;transform:translateY(-1px)}.modal-backdrop{overflow-y:auto;overscroll-behavior:contain;-webkit-overflow-scrolling:touch}.modal-dialog{outline:none}.welcome-root{width:100%;max-width:680px;margin:0 auto;padding:8px 24px 64px;display:flex;flex-direction:column;align-items:center;text-align:center;transition:opacity .7s ease,filter .7s ease,transform .8s var(--spring)}.welcome-root.is-leaving,.welcome-root.is-committing{opacity:0;filter:blur(12px);transform:scale(.94);pointer-events:none}.welcome-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:3px;text-transform:uppercase;font-weight:700;color:var(--accent);margin:0 0 10px;animation:welcome-fade-up .6s var(--spring) both;animation-delay:2.15s}.welcome-title{font-size:24px;font-weight:700;color:var(--text);margin:0 0 10px;animation:welcome-fade-up .6s var(--spring) both;animation-delay:2.25s}.welcome-intro{font-size:15px;color:var(--text-muted);max-width:460px;line-height:1.5;margin:0 0 30px;animation:welcome-fade-up .6s var(--spring) both;animation-delay:2.35s}@keyframes welcome-fade-up{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.welcome-start{display:inline-flex;align-items:center;gap:8px;padding:12px 22px;border-radius:999px;border:1px solid var(--accent);background:var(--accent);color:#04120a;font:inherit;font-size:15px;font-weight:600;cursor:pointer;animation:welcome-fade-up .6s var(--spring) both;animation-delay:2.45s;transition:filter .15s,transform .15s}.welcome-start:hover:not(:disabled){filter:brightness(1.06);transform:translateY(-1px)}.welcome-start:disabled{opacity:.65;cursor:not-allowed}.welcome-start__go{display:inline-flex}.welcome-form{display:flex;flex-direction:column;gap:14px;width:100%;max-width:360px;animation:welcome-fade-up .6s var(--spring) both;animation-delay:2.4s}.welcome-field{display:flex;flex-direction:column;gap:6px;text-align:left}.welcome-field__label{font-size:12px;font-weight:600;color:var(--text-muted)}.welcome-input{width:100%;padding:11px 13px;border-radius:10px;border:1px solid var(--border);background:var(--surface);color:var(--text);font:inherit;font-size:14px;transition:border-color .15s}.welcome-input:focus{outline:none;border-color:var(--accent)}.welcome-input:disabled{opacity:.6}.welcome-error{margin:0;font-size:13px;color:#f87171;text-align:left}.welcome-form .welcome-start{margin-top:4px;justify-content:center;animation:none}.welcome-step{display:flex;flex-direction:column;align-items:center;width:100%}.welcome-step.is-quick .welcome-title{animation-delay:.04s}.welcome-step.is-quick .welcome-intro{animation-delay:.1s}.welcome-step.is-quick .welcome-form{animation-delay:.16s}.welcome-step.is-quick .welcome-start{animation-delay:.2s}.welcome-step.is-quick .welcome-back{animation-delay:.28s}.welcome-back{margin-top:16px;padding:6px 10px;border:none;background:none;color:var(--text-muted);font:inherit;font-size:13px;cursor:pointer;transition:color .15s;animation:welcome-fade-up .6s var(--spring) both;animation-delay:2.55s}.welcome-back:hover:not(:disabled){color:var(--text)}.welcome-back:disabled{opacity:.5;cursor:not-allowed}.welcome-choices{display:grid;grid-template-columns:1fr 1fr;gap:18px;width:100%}.welcome-choice{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:12px;text-align:left;color:inherit;padding:28px 26px;border:1px solid var(--border);border-radius:18px;background:var(--bg-card);cursor:pointer;overflow:hidden;font:inherit;transition:border-color .2s,transform .2s var(--spring),box-shadow .25s;animation:welcome-card-in .6s var(--spring) both}.welcome-choice:nth-child(1){animation-delay:.4s}.welcome-choice:nth-child(2){animation-delay:.5s}@keyframes welcome-card-in{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.welcome-choice:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--accent);transform:scaleY(0);transform-origin:top;transition:transform .25s var(--spring)}.welcome-choice:hover:not(:disabled),.welcome-choice:focus-visible{border-color:color-mix(in srgb,var(--accent) 50%,var(--border));transform:translateY(-2px);box-shadow:0 16px 40px -20px #4ade8080;outline:none}.welcome-choice:hover:not(:disabled):before,.welcome-choice:focus-visible:before{transform:scaleY(1)}.welcome-choice:disabled{cursor:default}.welcome-root.is-committing .welcome-choice:not(.is-pending){opacity:.4}.welcome-choice__go{position:absolute;top:22px;right:22px;color:var(--text-dim);opacity:0;transform:translate(-4px);transition:opacity .2s,transform .2s var(--spring),color .2s}.welcome-choice:hover:not(:disabled) .welcome-choice__go,.welcome-choice.is-pending .welcome-choice__go{opacity:1;transform:translate(0);color:var(--accent)}.welcome-choice__icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:color-mix(in srgb,var(--accent) 12%,transparent);color:var(--accent)}.welcome-choice__name{font-size:16px;font-weight:700;color:var(--text)}.welcome-choice__desc{font-size:13px;line-height:1.45;color:var(--text-muted)}.welcome-foot{font-size:12px;color:var(--text-dim);margin:26px 0 0;animation:welcome-fade-up .6s var(--spring) both;animation-delay:.6s}@media(max-width:560px){.welcome-choices{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.welcome-eyebrow,.welcome-title,.welcome-intro,.welcome-choice,.welcome-foot{animation:none!important}}.inline-state{position:relative;display:flex;align-items:flex-start;gap:.9rem;padding:.95rem 1.05rem;border-radius:var(--radius-lg);border:1px solid var(--border);background:#0f141bbd;box-shadow:inset 0 1px #e9eef614}@supports ((-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px))){.inline-state{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}}.inline-state--compact{padding:.7rem .85rem;gap:.7rem;border-radius:var(--radius-md)}.inline-state__icon{width:40px;height:40px;flex:0 0 auto;border-radius:var(--radius-lg);display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border);background:var(--color-highlight);color:var(--color-muted)}.inline-state--compact .inline-state__icon{width:34px;height:34px;border-radius:var(--radius-md)}.inline-state--error .inline-state__icon{background:#dc26261a;border-color:#dc262640;color:#b91c1cf2}.inline-state--warn .inline-state__icon{background:#d977061f;border-color:#d9770640;color:#92400ef2}.inline-state__body{min-width:0;display:flex;flex-direction:column;gap:.15rem;flex:1 1 auto}.inline-state__title{margin:0;font-size:.98rem;font-weight:750;color:var(--color-text);line-height:1.25}.inline-state__message{margin:0;font-size:.9rem;color:var(--color-subtle);line-height:1.45}.inline-state__actions{margin-top:.6rem;display:flex;flex-wrap:wrap;gap:.55rem}.inline-state__spinner{width:18px;height:18px;border-radius:999px;border:2px solid var(--border);border-top-color:var(--color-muted);animation:inline-state-spin .9s linear infinite}@keyframes inline-state-spin{to{transform:rotate(360deg)}}@font-face{font-family:AuroraWebshop;src:url(/admin/assets/AuroraWebshop-qkBZ1wGH.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Hanken Grotesk;src:url(/admin/assets/hanken-grotesk-var-CaVRRdDk.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/admin/assets/jetbrains-mono-var-6fWv1k7M.woff2) format("woff2");font-weight:100 900;font-style:normal;font-display:swap}.icon-ws-miniserver:before,.icon-ws-extensions-v2:before,.icon-ws-audio-standing:before,.icon-ws-touch:before,.icon-ws-marketing:before{font-family:AuroraWebshop;font-weight:400;font-style:normal;speak:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.icon-ws-miniserver:before{content:"\\f109"}.icon-ws-extensions-v2:before{content:"\\f10e"}.icon-ws-audio-standing:before{content:"\\f111"}.icon-ws-touch:before{content:"\\f102"}.icon-ws-marketing:before{content:"\\f10a"}@view-transition{navigation:auto}:root{color-scheme:dark;font-family:-apple-system,BlinkMacSystemFont,Inter,system-ui,Segoe UI,Helvetica,Arial,sans-serif;font-weight:400;--font-sans: -apple-system, BlinkMacSystemFont, "Inter", system-ui, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, "SF Mono", Menlo, Consolas, "Liberation Mono", monospace;--font-display: "Hanken Grotesk", var(--font-sans);--bg: #0A0C10;--bg-card: #15181D;--bg-elev: #1B1F26;--bg-console: #0C0E13;--bg-input: #0A0C0F;--surface: rgba(255, 255, 255, .04);--surface-soft: rgba(255, 255, 255, .03);--text: #EDEEF0;--text-muted: #9CA3AF;--text-dim: #6B7280;--text-faint: #4B5563;--accent: #4ADE80;--accent-bright: #86EFAC;--accent-deep: #16A34A;--accent-on: #062812;--accent-soft: rgba(74, 222, 128, .08);--accent-glow: rgba(74, 222, 128, .7);--warn: #F59E0B;--warn-bright: #FBBF24;--warn-deep: #B45309;--warn-on: #2A1604;--danger: #EF4444;--danger-bright: #FCA5A5;--info: #60A5FA;--border-accent: rgba(74, 222, 128, .3);--border-accent-strong: rgba(74, 222, 128, .55);--radial: rgba(74, 222, 128, .05);--shadow: 0 24px 64px rgba(0, 0, 0, .55);--modal-backdrop: rgba(10, 12, 16, .65);--spring: cubic-bezier(.2, .8, .2, 1);--surface-0: var(--bg-card);--surface-1: #1c1f25;--surface-2: #232730;--color-bg: var(--bg);--color-surface: var(--bg-card);--color-surface-muted: #1c1f25;--color-surface-alt: #232730;--color-text: var(--text);--color-subtle: #cbd1d9;--color-muted: var(--text-muted);--color-faint: var(--text-dim);--color-border: rgba(255, 255, 255, .07);--color-border-strong: rgba(255, 255, 255, .14);--color-border-soft: rgba(255, 255, 255, .04);--border-whisper: rgba(255, 255, 255, .03);--border-faint: rgba(255, 255, 255, .05);--border-soft: var(--color-border-soft);--border: var(--color-border);--border-strong: var(--color-border-strong);--border-input: rgba(255, 255, 255, .12);--color-accent: var(--accent);--color-brand: var(--accent);--color-on-brand: var(--accent-on);--color-highlight: rgba(74, 222, 128, .08);--color-success: var(--accent-deep);--color-warning: var(--warn);--color-info: #2563eb;--color-danger: var(--danger);--color-on-danger: #ffffff;--shadow-soft: 0 1px 0 rgba(246, 246, 246, .05), 0 16px 44px -36px rgba(0, 0, 0, .68);--shadow-md: 0 1px 0 rgba(0, 0, 0, .04), 0 22px 54px -44px rgba(0, 0, 0, .24);--shadow-lg: 0 1px 0 rgba(0, 0, 0, .05), 0 30px 70px -52px rgba(0, 0, 0, .28);--shadow-float: 0 26px 56px -44px rgba(0, 0, 0, .78);--radius-sm: 8px;--radius-md: 10px;--radius-lg: 12px;--radius-xl: 16px;--radius-pill: 999px;--card-radius: 12px;--card-border-color: rgba(255, 255, 255, .06);--card-shadow: var(--shadow-soft);--card-bg: var(--bg-card);--card-sheen: inset 0 1px 0 rgba(255, 255, 255, .04);--panel-sheen: inset 0 1px 0 rgba(255, 255, 255, .03);--workspace-max: 1360px;--shell-max: 1440px;--workspace-gutter: clamp(1rem, .6rem + 1.4vw, 2.5rem);--prose-max: 68ch;--page-width: min(1400px, 94vw);--page-padding: clamp(1.1rem, .9rem + .8vw, 1.8rem);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-7: 1.75rem;--space-8: 2rem;--space-9: 2.5rem;--space-10: 3rem;--page-margin-top: 2rem;--page-margin-bottom: 2.6rem;--gap-shell: 1.4rem;--gap-hero: 1.2rem;--gap-card: .9rem;--gap-tile: .75rem;--card-pad: var(--space-6);--card-pad-sm: var(--space-4);--card-gap: var(--space-4);--card-gap-sm: var(--space-3);--shell-radius: 12px;--shell-border: rgba(255, 255, 255, .06);--shell-bg: var(--bg-card);--shell-shadow: var(--shadow-soft);--text-xs: .72rem;--text-sm: .84rem;--text-md: .98rem;--text-lg: 1.1rem;--control-height: 44px;--control-height-compact: 30px;--btn-pad-y: .7rem;--btn-pad-x: 1.4rem;--ring: 0 0 0 3px rgba(74, 222, 128, .18);--ring-outline: 2px solid rgba(74, 222, 128, .5);--control-bg: var(--bg-input);--control-bg-top: var(--bg-input);--z-header: 40;--z-alert: 7000;--z-version: 50;--z-modal: 5000;--z-sticky: 6500;--z-confirm: 6500}body[data-theme=light]{color-scheme:light;--bg: #EAECEF;--bg-card: #FFFFFF;--bg-elev: #FFFFFF;--bg-console: #F1F3F5;--bg-input: #FFFFFF;--surface: rgba(17, 24, 39, .04);--surface-soft: rgba(17, 24, 39, .03);--border: rgba(17, 24, 39, .12);--border-strong: rgba(17, 24, 39, .22);--border-accent: rgba(22, 163, 74, .4);--border-accent-strong: rgba(22, 163, 74, .55);--text: #15181D;--text-muted: #525B66;--text-dim: #7A828E;--text-faint: #A6AEB8;--accent: #16A34A;--accent-bright: #15803D;--accent-deep: #166534;--accent-on: #FFFFFF;--accent-soft: rgba(22, 163, 74, .1);--accent-glow: rgba(22, 163, 74, .45);--warn: #D97706;--warn-bright: #B45309;--danger: #DC2626;--danger-bright: #B91C1C;--info: #2563EB;--shadow: 0 18px 48px rgba(17, 24, 39, .14);--radial: rgba(22, 163, 74, .06);--modal-backdrop: rgba(17, 24, 39, .45);--surface-0: #FFFFFF;--surface-1: #F8F9FB;--surface-2: #EEF0F4;--color-bg: var(--bg);--color-surface: var(--bg-card);--color-surface-muted: #F8F9FB;--color-surface-alt: #EEF0F4;--color-text: var(--text);--color-subtle: #2D333D;--color-muted: var(--text-muted);--color-faint: var(--text-dim);--color-border: var(--border);--color-border-strong: var(--border-strong);--color-border-soft: rgba(17, 24, 39, .06);--border-whisper: rgba(17, 24, 39, .04);--border-faint: rgba(17, 24, 39, .06);--border-soft: var(--color-border-soft);--border-input: rgba(17, 24, 39, .18);--color-accent: var(--accent);--color-brand: var(--accent);--color-on-brand: var(--accent-on);--color-highlight: rgba(22, 163, 74, .12);--color-success: var(--accent);--color-warning: var(--warn);--color-info: var(--info);--color-danger: var(--danger);--color-on-danger: #FFFFFF;--shadow-soft: 0 1px 0 rgba(17, 24, 39, .04), 0 16px 44px -36px rgba(17, 24, 39, .28);--shadow-md: 0 1px 0 rgba(17, 24, 39, .04), 0 22px 54px -44px rgba(17, 24, 39, .18);--shadow-lg: 0 1px 0 rgba(17, 24, 39, .05), 0 30px 70px -52px rgba(17, 24, 39, .22);--shadow-float: 0 26px 56px -44px rgba(17, 24, 39, .4);--card-border-color: var(--border);--card-shadow: var(--shadow-soft);--card-bg: var(--bg-card);--card-sheen: inset 0 1px 0 rgba(255, 255, 255, .6);--panel-sheen: inset 0 1px 0 rgba(255, 255, 255, .5);--shell-border: var(--border);--control-bg: var(--bg-input);--control-bg-top: var(--bg-input)}html,body{transition:background .35s ease,color .35s ease}body:before{transition:background .35s ease}body[data-theme=light]:before{background:radial-gradient(ellipse 70% 40% at 50% 0%,var(--radial) 0%,transparent 55%)!important}body[data-theme=light] .zones-eyebrow:before,body[data-theme=light] .logs-eyebrow:before,body[data-theme=light] .zones-modal__eyebrow:before,body[data-theme=light] .signin-eyebrow:before,body[data-theme=light] .pairing-eyebrow:before,body[data-theme=light] .content-eyebrow:before,body[data-theme=light] .setup-eyebrow:before,body[data-theme=light] .setup-section__eyebrow:before{background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 32'><g fill='%2316A34A'><rect x='2' y='12' width='3' height='8' rx='1' opacity='0.4'/><rect x='10' y='7' width='3' height='18' rx='1' opacity='0.6'/><rect x='18' y='10' width='3' height='12' rx='1' opacity='0.8'/><rect x='26' y='5' width='3' height='22' rx='1'/><rect x='38' y='3' width='4' height='26' rx='1'/><rect x='50' y='5' width='3' height='22' rx='1'/><rect x='58' y='9' width='3' height='14' rx='1' opacity='0.9'/><rect x='66' y='6' width='3' height='20' rx='1' opacity='0.8'/><rect x='74' y='11' width='3' height='10' rx='1' opacity='0.7'/><rect x='82' y='13' width='3' height='6' rx='1' opacity='0.6'/></g></svg>")}body[data-theme=light] .source-card,body[data-theme=light] .share-card,body[data-theme=light] .zones-card,body[data-theme=light] .zones-device,body[data-theme=light] .linein-modal,body[data-theme=light] .bridge-modal,body[data-theme=light] .zones-modal,body[data-theme=light] .content-modal,body[data-theme=light] .logs-console,body[data-theme=light] .setup-section,body[data-theme=light] .signin-card,body[data-theme=light] .inline-form,body[data-theme=light] .confirm-dialog__panel{background:var(--bg-card);border:1px solid rgba(17,24,39,.16);box-shadow:0 1px 2px #1118270d,0 8px 24px #1118270d}body[data-theme=light] .bridge-modal__provider-detail,body[data-theme=light] .bridge-modal__callout,body[data-theme=light] .bridge-modal__wv,body[data-theme=light] .bridge-modal__mode-card,body[data-theme=light] .bridge-modal__wv-file,body[data-theme=light] .bridge-modal__wv-details,body[data-theme=light] .linein-modal__meta-grid,body[data-theme=light] .zones-hub__drill,body[data-theme=light] .zones-hub__input-rows,body[data-theme=light] .zones-card__output,body[data-theme=light] .content-empty-info,body[data-theme=light] .scan-prompt,body[data-theme=light] .stat-strip,body[data-theme=light] .album-strip,body[data-theme=light] .library-summary,body[data-theme=light] .spotify-configured-strip,body[data-theme=light] .content-spec-row,body[data-theme=light] .setup-facts,body[data-theme=light] .setup-link,body[data-theme=light] .setup-note,body[data-theme=light] .logs-statusbar{background:#f3f5f7;border-color:#11182724}body[data-theme=light] .subtabs,body[data-theme=light] .user-menu__theme,body[data-theme=light] .diag-strip{background:var(--bg-card);border:1px solid rgba(17,24,39,.16)}.zones-title,.logs-title,.content-title,.setup-title,.signin-title,.pairing-title,.modal-title{color:var(--text);background:none;-webkit-text-fill-color:currentColor}:root[data-density=dense]{--page-padding: clamp(.9rem, .75rem + .6vw, 1.35rem);--page-margin-top: 1.4rem;--page-margin-bottom: 2rem;--gap-shell: 1rem;--gap-hero: .9rem;--gap-card: .7rem;--gap-tile: .6rem;--card-pad: var(--space-5);--card-pad-sm: var(--space-3);--card-gap: var(--space-3);--card-gap-sm: var(--space-2);--text-sm: .82rem;--text-md: .95rem;--control-height: 40px;--control-height-compact: 28px;--btn-pad-y: .6rem;--btn-pad-x: 1.1rem}*{box-sizing:border-box}*{scrollbar-width:thin;scrollbar-color:var(--border-strong) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{border:3px solid transparent;border-radius:var(--radius-pill);background:var(--border-strong);background-clip:content-box}*::-webkit-scrollbar-thumb:hover{background:#ffffff38;background-clip:content-box}html{scrollbar-gutter:stable}body{margin:0;min-height:100vh;display:flex;flex-direction:column;background:var(--bg);color:var(--text);font-family:var(--font-sans);font-size:16px;letter-spacing:.005em;position:relative;overflow-x:hidden;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input,select,textarea{font-family:inherit;font-size:inherit}body h1,body h2,body h3,body h4{font-family:var(--font-display);letter-spacing:-.02em}body.modal-open{overflow:hidden}::selection{background:#ffffff2e}a{color:inherit}a:hover{text-decoration-thickness:2px;text-underline-offset:3px}.page-hero__eyebrow{margin:0 0 .2rem;font-family:var(--font-mono);font-weight:700;text-transform:uppercase;letter-spacing:.2em;font-size:10px;color:var(--color-faint)}.page-hero__title{margin:0;font-size:clamp(1.7rem,4vw,2.2rem);font-weight:600;color:var(--color-text);line-height:1.06}.page-hero__subtitle{margin:.35rem 0 0;color:var(--color-subtle);font-size:var(--text-md);line-height:1.5}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(74,222,128,.08) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 20% 100%,rgba(74,222,128,.04) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 80% 100%,rgba(34,197,94,.03) 0%,transparent 50%);z-index:0;transition:background 1s ease;animation:ambient-fade-in 1.8s ease backwards;animation-delay:.3s}@keyframes ambient-fade-in{0%{opacity:0}to{opacity:1}}@media(prefers-reduced-motion:reduce){body:before{animation:none!important}}body.no-intro .hero-mark,body.no-intro .hero-mark svg g rect,body.no-intro .hero-mark:before,body.no-intro .hero-mark:after,body.no-intro .hero-wordmark,body.no-intro .hero-tagline,body.no-intro .diag-strip,body.no-intro .top-strip,body.no-intro .shell-foot,body.no-intro #app,body.no-intro .ws-tabs{animation:none!important}body.no-intro .hero-mark,body.no-intro .hero-wordmark,body.no-intro .hero-tagline,body.no-intro .hero-content,body.no-intro .ws-tabs,body.no-intro .diag-item,body.no-intro .diag-item:before{transition:none!important}body.is-unpaired:before{background:radial-gradient(ellipse 80% 50% at 50% 0%,rgba(245,158,11,.1) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 20% 100%,rgba(245,158,11,.05) 0%,transparent 50%),radial-gradient(ellipse 60% 50% at 80% 100%,rgba(180,83,9,.03) 0%,transparent 50%)}body.is-success:before{background:radial-gradient(ellipse 80% 60% at 50% 30%,rgba(74,222,128,.18) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 20% 80%,rgba(74,222,128,.1) 0%,transparent 60%),radial-gradient(ellipse 60% 80% at 80% 80%,rgba(34,197,94,.06) 0%,transparent 60%)}body.is-workspace:before{background:radial-gradient(ellipse 90% 50% at 50% 0%,rgba(74,222,128,.1) 0%,transparent 60%)}body:after{content:"";position:fixed;inset:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='200' height='200'%3E%3Cfilter id='noise'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noise)' opacity='0.4'/%3E%3C/svg%3E");mix-blend-mode:overlay;opacity:.04;z-index:1}main#app{background:transparent;position:relative;z-index:2;flex:1}.tab-shell{width:100%;display:flex;justify-content:center;padding:0}.tab-shell__inner{width:100%;max-width:var(--workspace-max);background:transparent;border:none;border-radius:0;box-shadow:none;padding:0;font-family:var(--font-sans)}.tab-shell__waiting{min-height:60vh}.tab-shell__inner h1,.tab-shell__inner h2,.tab-shell__inner h3,.tab-shell__inner h4{font-family:var(--font-display);letter-spacing:-.015em}.tab-shell__inner .setup-shell,.tab-shell__inner .content-shell,.tab-shell__inner .zones-shell,.tab-shell__inner .logs-shell{border:none;box-shadow:none;background:transparent;padding:0;width:100%;margin:0;min-height:0}.tab-shell__inner .setup-layout,.tab-shell__inner .content-layout,.tab-shell__inner .zones-layout,.tab-shell__inner .logs-layout{width:100%;margin:0;min-height:0}.tab-shell__inner--pulse-a,.tab-shell__inner--pulse-b{animation:tab-fade-soft .26s ease-out}button{font-family:inherit}.btn,button.primary,button.secondary,button.danger,button.ghost{border-radius:8px;padding:var(--btn-pad-y) var(--btn-pad-x);font-weight:600;letter-spacing:.01em;border:1px solid var(--border);background:var(--surface-0);color:var(--color-text);display:inline-flex;align-items:center;justify-content:center;gap:.5rem;transition:background .16s ease,color .16s ease,border-color .16s ease,box-shadow .16s ease,transform .16s ease;cursor:pointer;font-family:var(--font-sans);font-size:.95rem;min-height:var(--control-height)}.btn:not(:disabled):active,button.primary:not(:disabled):active,button.secondary:not(:disabled):active,button.danger:not(:disabled):active,button.ghost:not(:disabled):active{transform:translateY(0)}.btn--primary,button.primary{background:var(--color-brand);color:var(--color-on-brand);border-color:var(--color-brand);box-shadow:none}.btn--secondary,button.secondary{background:var(--surface-0);color:var(--color-text);border-color:var(--border);box-shadow:none}.btn--danger,button.danger{border-color:var(--color-danger);color:var(--color-on-danger);background:var(--color-danger)}.btn--ghost,button.ghost{background:transparent;border-color:var(--border-soft);color:var(--color-text)}.btn:disabled,button.primary:disabled,button.secondary:disabled,button.danger:disabled,button.ghost:disabled{opacity:.5;cursor:not-allowed}.btn:not(:disabled):hover,button.primary:not(:disabled):hover,button.secondary:not(:disabled):hover,button.danger:not(:disabled):hover,button.ghost:not(:disabled):hover{transform:none}:where(button,input,select,textarea):focus-visible{outline:var(--ring-outline);outline-offset:2px;box-shadow:var(--ring)}.btn--primary:not(:disabled):hover,button.primary:not(:disabled):hover{background:var(--accent-bright);border-color:var(--accent-bright);box-shadow:0 8px 24px #4ade8059}.btn--secondary:not(:disabled):hover,button.secondary:not(:disabled):hover{background:#ffffff0f}.btn--danger:not(:disabled):hover,button.danger:not(:disabled):hover{background:#dc2626;border-color:#dc2626}.btn--ghost:not(:disabled):hover,button.ghost:not(:disabled):hover{background:#ffffff0f;border-color:var(--border-strong)}.btn--compact{border-radius:999px;padding:.1rem .6rem;font-size:.72rem;min-height:var(--control-height-compact);text-transform:none}.btn--compact:not(:disabled):hover{transform:none}.btn--danger-link{border:1px solid transparent;background:transparent;color:var(--color-danger)}.btn--danger-link:not(:disabled):hover{background:#dc26260f;border-color:#dc26262e}select{appearance:none;border:1px solid var(--border-input);border-radius:8px;padding:.55rem 2.4rem .55rem .9rem;background-color:var(--control-bg);background-image:linear-gradient(180deg,var(--surface-0) 0%,var(--surface-1) 100%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 24 24' stroke='%23e9eef6' stroke-width='1.6'%3E%3Cpath stroke-linecap='round' stroke-linejoin='round' d='M6 9l6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat,no-repeat;background-position:0 0,right .9rem center;background-size:100% 100%,.9rem;font-size:.95rem;font-family:var(--font-sans);color:var(--color-text);line-height:1.2;min-height:var(--control-height);box-shadow:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease,color .16s ease}select:focus{outline:none;border-color:var(--border-strong);box-shadow:var(--ring)}select:disabled{opacity:.55;cursor:not-allowed;background-color:var(--surface-2);color:var(--color-faint)}:where(input[type=text],input[type=number],input[type=password],input[type=search],textarea){border:1px solid var(--border-input);border-radius:8px;padding:.65rem .8rem;background:var(--control-bg);font-size:.95rem;color:var(--color-text);font-family:var(--font-sans);min-height:var(--control-height);box-shadow:none;transition:border-color .16s ease,box-shadow .16s ease,background-color .16s ease}:where(input[type=text]:focus,input[type=number]:focus,input[type=password]:focus,input[type=search]:focus,textarea:focus){outline:none;border-color:var(--border-strong);box-shadow:var(--ring)}:where(input[type=text]:disabled,input[type=number]:disabled,input[type=password]:disabled,input[type=search]:disabled,textarea:disabled){opacity:.55;cursor:not-allowed;background-color:var(--surface-2);color:var(--color-faint)}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}@keyframes shell-reveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.hero-content,.hero-info dl>div{animation:none}.content-shell,.zones-shell,.logs-shell,.content-card,.zone-row,.logs-hero,.logs-header,.logs-output{animation:none!important}}.shell{position:relative;z-index:2;max-width:var(--shell-max);margin:0 auto;padding:32px var(--workspace-gutter) 40px;min-height:100vh;display:flex;flex-direction:column;transition:padding .6s var(--spring)}.success-pulse{position:fixed;left:50%;top:35%;width:200px;height:200px;transform:translate(-50%,-50%);pointer-events:none;z-index:1;opacity:0;border-radius:50%;background:radial-gradient(circle,var(--border-accent) 0%,transparent 60%)}body.is-success:not(.is-workspace) .success-pulse{animation:success-pulse 1.2s var(--spring) forwards}body.is-workspace .success-pulse{animation:workspace-pulse 1.2s var(--spring) forwards}@keyframes success-pulse{0%{opacity:0;width:100px;height:100px}40%{opacity:1}to{opacity:0;width:1400px;height:1400px}}@keyframes workspace-pulse{0%{opacity:0;width:100px;height:100px}40%{opacity:1}to{opacity:0;width:1400px;height:1400px}}@media(prefers-reduced-motion:reduce){.success-pulse{animation:none!important}}body.is-success .shell{padding-top:20px}body.is-workspace .shell{padding-top:14px}.top-strip{display:flex;align-items:center;justify-content:space-between;padding-bottom:24px;transition:padding .6s var(--spring);animation:shell-fade .6s ease backwards;animation-delay:1.9s}body.is-success .top-strip{padding-bottom:14px}body.is-workspace .top-strip{padding-bottom:8px}@keyframes shell-fade{0%{opacity:0}to{opacity:1}}body.is-workspace #app{animation:workspace-entry .7s var(--spring) backwards;animation-delay:.35s}@keyframes workspace-entry{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){body.is-workspace #app{animation:none}}.top-strip__left{display:flex;align-items:center;gap:14px}.top-strip__version{font-family:var(--font-mono);font-size:11px;letter-spacing:.4px;color:var(--text-dim);font-weight:700}.system-id{display:flex;align-items:center;gap:11px}.system-id__avatar{width:24px;height:24px;border-radius:50%;background:var(--accent-soft);color:var(--accent);display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:11px;font-weight:700;transition:background .4s ease,color .4s ease}body.is-unpaired .system-id__avatar{background:#f59e0b29;color:var(--warn)}body.is-success .system-id__avatar,body.is-workspace .system-id__avatar{background:var(--accent);color:var(--accent-on)}.system-id__name{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.3px;color:var(--text)}.top-strip__actions{display:flex;align-items:center;gap:18px}.top-chip{display:inline-flex;align-items:center;gap:8px;padding:0 2px;border:0;background:none;color:var(--text-muted);font-family:var(--font-mono);font-size:10px;letter-spacing:.2em;font-weight:700;text-transform:uppercase;text-decoration:none;transition:color .15s}.top-chip:hover{color:var(--text)}.top-chip svg{color:var(--text-dim);transition:color .15s}.top-chip:hover svg{color:var(--text-muted)}button.top-chip{cursor:pointer}.top-chip--warn,.top-chip--warn svg,.top-chip--warn:hover{color:var(--warn, #e0a23b)}.top-chip--warn:hover{filter:brightness(1.2)}.top-strip__sep{width:1px;height:11px;background:var(--border-strong)}.user-pill{position:relative;flex-shrink:0;margin-left:8px}.user-pill__trigger{display:inline-flex;align-items:center;gap:0;padding:3px;background:none;border:1px solid transparent;border-radius:999px;cursor:pointer;color:var(--text);font:inherit;transition:background .35s,border-color .35s,padding .55s var(--spring, cubic-bezier(.2, .8, .2, 1));min-height:0}.user-pill.is-in .user-pill__trigger{padding:3px 2px 3px 3px}.user-pill.is-in.is-open .user-pill__name,.user-pill.is-in.is-open .user-pill__chevron{color:var(--accent)}.user-pill__trigger:disabled{cursor:default}.user-pill__avatar{position:relative;width:30px;height:30px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--surface);border:1px solid var(--border-strong);color:var(--text-dim);flex-shrink:0;transition:border-color .2s,background .2s,color .2s,transform .2s var(--spring, cubic-bezier(.2, .8, .2, 1))}.user-pill__avatar-glyph{display:inline-flex}.user-pill__avatar-initial{font-family:var(--font-mono);font-size:12px;font-weight:700;display:none}.user-pill.is-in .user-pill__avatar{background:var(--accent-soft);border-color:var(--border-accent);color:var(--accent);animation:user-pill-unfold .8s var(--spring, cubic-bezier(.2, .8, .2, 1))}.user-pill.is-in .user-pill__avatar-glyph{display:none}.user-pill.is-in .user-pill__avatar-initial{display:inline-block}@keyframes user-pill-unfold{0%{transform:scale(.55);opacity:0}55%{transform:scale(1.12)}to{transform:scale(1);opacity:1}}.user-pill__online{position:absolute;right:-1px;bottom:-1px;width:10px;height:10px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);box-shadow:0 0 5px var(--accent-glow);opacity:0;transform:scale(0);transition:opacity .45s var(--spring, cubic-bezier(.2, .8, .2, 1)) .3s,transform .45s var(--spring, cubic-bezier(.2, .8, .2, 1)) .3s}.user-pill.is-in .user-pill__online{opacity:1;transform:scale(1)}.user-pill__name-wrap{display:grid;grid-template-columns:0fr;opacity:0;margin-left:0;transition:grid-template-columns .65s var(--spring, cubic-bezier(.2, .8, .2, 1)),opacity .45s ease,margin-left .65s var(--spring, cubic-bezier(.2, .8, .2, 1))}.user-pill.is-in .user-pill__name-wrap{grid-template-columns:1fr;opacity:1;margin-left:10px}.user-pill__name{font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.3px;color:var(--text);overflow:hidden;white-space:nowrap;min-width:0}.user-pill__chevron{color:var(--text-dim);max-width:0;opacity:0;overflow:hidden;flex-shrink:0;margin-left:0;transition:max-width .6s var(--spring, cubic-bezier(.2, .8, .2, 1)),opacity .45s ease,transform .3s var(--spring, cubic-bezier(.2, .8, .2, 1)),margin-left .6s var(--spring, cubic-bezier(.2, .8, .2, 1))}.user-pill.is-in .user-pill__chevron{max-width:18px;opacity:1;margin-left:8px}.user-pill.is-open .user-pill__chevron{transform:rotate(180deg)}.user-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:240px;background:#15181df2;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--border);border-radius:12px;box-shadow:0 16px 40px #00000080,0 0 0 1px #ffffff05;padding:4px;opacity:0;transform:translateY(-6px) scale(.96);transform-origin:top right;pointer-events:none;transition:opacity .2s ease,transform .25s var(--spring, cubic-bezier(.2, .8, .2, 1));z-index:100}.user-pill.is-open .user-menu{opacity:1;transform:translateY(0) scale(1);pointer-events:auto}.user-menu__head{display:flex;align-items:center;gap:11px;padding:11px 11px 12px}.user-menu__head-avatar{width:38px;height:38px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--accent-soft);border:1px solid var(--border-accent);color:var(--accent);font-family:var(--font-mono);font-weight:700;font-size:14px;flex-shrink:0}.user-menu__head-id{min-width:0}.user-menu__name{font-size:14px;font-weight:700;color:var(--text);letter-spacing:-.1px;line-height:1.2}.user-menu__role{font-family:var(--font-mono);font-size:9px;letter-spacing:1.2px;text-transform:uppercase;color:var(--text-dim);font-weight:700;margin-top:3px}.user-menu__label{font-family:var(--font-mono);font-size:9px;letter-spacing:1.5px;text-transform:uppercase;color:var(--text-dim);font-weight:700;padding:8px 11px 6px}.user-menu__theme{display:flex;gap:4px;padding:4px;margin:0 7px 4px;background:var(--surface-soft);border:1px solid var(--border);border-radius:10px}.user-menu__theme-btn{flex:1;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-family:var(--font-mono);font-size:10px;letter-spacing:1px;text-transform:uppercase;font-weight:700;color:var(--text-muted);padding:8px;border-radius:7px;border:none;background:none;cursor:pointer;transition:color .15s,background .15s;min-height:0}.user-menu__theme-btn:hover{color:var(--text)}.user-menu__theme-btn.is-active{background:var(--accent);color:var(--accent-on, #062812)}.user-menu__theme-btn:disabled{opacity:.4;cursor:not-allowed}.user-menu__theme-btn:disabled:hover{color:var(--text-muted)}.user-menu__item{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:8px;cursor:pointer;transition:background .12s,color .12s;color:var(--text-muted);font-size:13px;font-weight:500;text-decoration:none;background:none;border:none;width:100%;text-align:left;font-family:inherit}.user-menu__item:hover{color:var(--text);background:var(--surface)}.user-menu__item svg{color:var(--text-dim);flex-shrink:0}.user-menu__item:hover svg{color:var(--text)}.user-menu__item--danger{color:var(--danger, #ef4444)}.user-menu__item--danger:hover{color:#fca5a5;background:#ef444414}.user-menu__item--danger svg{color:var(--danger, #ef4444)}.user-menu__item--danger:hover svg{color:#fca5a5}.user-menu__arrow{margin-left:auto;color:var(--text-dim);opacity:.6}.user-menu__divider{height:1px;background:var(--border);margin:4px 0}.shell-foot{display:flex;align-items:center;justify-content:space-between;padding-top:28px;margin-top:auto;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:10px;letter-spacing:1.5px;color:var(--text-dim);font-weight:700;text-transform:uppercase;animation:shell-fade .6s ease backwards;animation-delay:2s}@media(prefers-reduced-motion:reduce){.top-strip,.shell-foot{animation:none!important}}.shell-foot__left{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.shell-foot a{color:var(--text-dim);text-decoration:none;transition:color .15s}.shell-foot a:hover{color:var(--text-muted)}.shell-foot__sep{opacity:.4}@media(max-width:640px){.shell{padding:20px 16px}.top-strip__version{display:none}.top-strip__actions .top-chip:not(.top-chip--warn):not(.top-chip--player){display:none}.top-strip__sep{display:none}.shell-foot{flex-direction:column;gap:8px;padding-top:20px;font-size:9px;text-align:center}.shell-foot__left{justify-content:center}}.server-switch__list{display:flex;flex-direction:column;gap:2px}.server-switch__item{display:flex;align-items:center;gap:9px;padding:8px 12px;border-radius:8px;border:none;background:none;width:100%;text-align:left;cursor:pointer;color:var(--text-muted);font-family:inherit;font-size:13px;transition:background .12s,color .12s}.server-switch__item:hover:not(:disabled){color:var(--text);background:var(--surface)}.server-switch__item.is-current{cursor:default;color:var(--text)}.server-switch__dot{width:7px;height:7px;border-radius:50%;flex:none;background:var(--text-faint)}.server-switch__item.is-current .server-switch__dot{background:var(--accent);box-shadow:0 0 7px var(--accent-glow)}.server-switch__name{flex:1;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.server-switch__host{font-family:var(--font-mono);font-size:10px;color:var(--text-dim)}.server-switch__tag{font-family:var(--font-mono);font-size:9px;letter-spacing:1px;text-transform:uppercase;color:var(--accent);font-weight:700}.section-card{margin:1.9rem auto 2.2rem;padding:var(--page-padding);width:var(--page-width);background:var(--surface-0);border:1px solid var(--color-border-soft);border-radius:var(--shell-radius);box-shadow:var(--shadow-soft);color:var(--color-text);animation:card-enter .52s cubic-bezier(.2,.8,.2,1) both}.tab-panel{min-height:65vh;position:relative}.tab-panel>*{animation:tab-fade-soft .26s ease-out;will-change:opacity}.section-card__header{display:flex;align-items:baseline;justify-content:space-between;gap:1rem;margin-bottom:1rem}.section-card h2{margin:0;font-size:1.35rem;color:var(--color-text);font-weight:700}.section-card__description{margin:.2rem 0 0;color:var(--color-subtle)}.section-card__body{margin-top:.5rem}.placeholder{padding:1rem 0;color:var(--color-subtle)}@media(max-width:768px){.section-card{width:96%;padding:1.3rem}.section-card__header{flex-direction:column;align-items:flex-start;gap:.35rem}}.section-card:nth-of-type(1){animation-delay:60ms}.section-card:nth-of-type(2){animation-delay:.12s}.section-card:nth-of-type(3){animation-delay:.18s}.section-card:nth-of-type(4){animation-delay:.24s}@keyframes card-enter{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}@keyframes tab-fade{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes tab-fade-soft{0%{opacity:0}to{opacity:1}}@keyframes tab-rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.section-card,.tab-panel{animation:none}}.panel{background:var(--card-bg);border:1px solid var(--border-soft);border-radius:var(--shell-radius);box-shadow:var(--panel-sheen),var(--card-shadow)}.card{background:var(--card-bg);border:1px solid var(--border-soft);border-radius:var(--radius-xl);box-shadow:var(--card-sheen),var(--card-shadow);padding:var(--card-pad);display:flex;flex-direction:column;gap:var(--card-gap);min-width:0}.card--pad-sm{padding:var(--card-pad-sm);gap:var(--card-gap-sm);border-radius:var(--radius-lg)}.card--hover{transition:border-color .16s ease}.card--hover:hover{border-color:var(--border-strong)}.card__header{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3)}.card__title{margin:0;font-size:var(--text-lg);font-weight:700;color:var(--color-text);line-height:1.15}.card__subtitle{margin:.25rem 0 0;font-size:var(--text-sm);color:var(--color-subtle);line-height:1.5}.card__divider{height:1px;width:100%;background:var(--border-faint)}.list-dividers>*+*{border-top:1px solid var(--border-faint)}.row{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-3);padding:var(--space-3) 0;min-width:0}.row--compact{padding:var(--space-2) 0}.row__leading{flex:0 0 auto;display:flex;align-items:flex-start;justify-content:center}.row__main{min-width:0;flex:1;display:flex;flex-direction:column;gap:.25rem}.row__title{font-weight:700;color:var(--color-text);line-height:1.2;min-width:0}.row__subtitle{font-size:var(--text-sm);color:var(--color-subtle);word-break:break-word}.row__meta{display:flex;flex-wrap:wrap;gap:.35rem .8rem;font-size:var(--text-sm);color:var(--color-subtle)}.row__actions{flex:0 0 auto;display:inline-flex;gap:.5rem;align-items:center;justify-content:flex-end;flex-wrap:wrap}.row__icon{width:34px;height:34px;border-radius:10px;background:var(--color-highlight);border:1px solid var(--border-faint);padding:6px;object-fit:contain}.row__icon--lg{width:44px;height:44px;border-radius:12px;padding:7px}.row__name{font-weight:750;color:var(--color-text);min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row__code{display:inline-block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.78rem;color:var(--color-muted);letter-spacing:.01em;word-break:break-all}.row__subtle{font-size:var(--text-sm);color:var(--color-subtle)}@media(max-width:720px){.row{gap:var(--space-2)}.row__actions{width:100%;justify-content:flex-start}}.toolbar{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-2) var(--space-3);background:var(--card-bg);border:1px solid var(--border-soft);border-radius:var(--radius-md);box-shadow:var(--panel-sheen),var(--card-shadow)}.chip{display:inline-flex;align-items:center;justify-content:center;gap:.35rem;border:1px solid var(--border-soft);border-radius:var(--radius-pill);padding:.5rem 1.15rem;background:transparent;color:var(--color-text);font-weight:600;font-size:.9rem;letter-spacing:.01em;cursor:pointer;transition:background .16s ease,border-color .16s ease}.chip--static{cursor:default}.chip--static:hover:not(:disabled):not(.is-active){transform:none;background:transparent}.chip--sm{padding:.35rem .75rem;font-size:.82rem}button.chip{font-family:inherit}.chip--ghost{color:var(--color-muted)}.chip--ghost:hover:not(:disabled){color:var(--color-text);border-color:var(--border);background:var(--surface)}.chip--filter{padding:.5rem 1.15rem;font-size:.9rem}.chip:hover:not(:disabled):not(.is-active){background:var(--color-highlight)}.chip.is-active{background:var(--color-brand);border-color:var(--color-brand);color:var(--color-on-brand)}.chip.is-active:hover:not(:disabled){transform:none;background:var(--color-brand)}.chip__count{padding:.08rem .45rem;border-radius:var(--radius-pill);background:var(--color-highlight);font-size:.72rem;font-weight:700}.chip.is-active .chip__count{background:#fff3}.tab-shell__inner .shell-glass{background:transparent;box-shadow:none}@supports ((-webkit-backdrop-filter: blur(6px)) or (backdrop-filter: blur(6px))){.tab-shell__inner .shell-glass{-webkit-backdrop-filter:none;backdrop-filter:none}}.tab-shell__inner .shell-glass.panel{border:none;background:transparent}.data-rows{display:grid;gap:.4rem}.data-row{display:flex;align-items:baseline;gap:.75rem;flex-wrap:wrap}.data-row__label{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;color:var(--color-muted);white-space:nowrap;min-width:0;overflow:hidden;text-overflow:ellipsis}.data-row__divider{flex:1 1 auto;height:1px;border-bottom:1px dotted var(--border-strong);opacity:.55;transform:translateY(-2px)}.data-row__value{font-weight:700;color:var(--color-text);font-variant-numeric:tabular-nums;white-space:nowrap}.data-row__sub{flex:1 1 100%;color:var(--color-subtle);font-size:var(--text-sm);line-height:1.4;margin-top:.05rem}.form-help{margin:.05rem 0 0;font-size:var(--text-sm);color:var(--color-subtle);line-height:1.35}.form-error{margin:.05rem 0 0;font-size:var(--text-sm);color:var(--color-danger);line-height:1.35}.form-status{font-size:var(--text-xs);letter-spacing:.08em;text-transform:uppercase;font-weight:700;color:var(--color-faint);font-variant-numeric:tabular-nums}.form-status.is-dirty{color:var(--color-muted)}.form-status.is-saved{color:#15803db3}.field{display:flex;flex-direction:column;gap:.35rem}.field__hint{margin:.05rem 0 0;font-size:var(--text-sm);color:var(--color-subtle);line-height:1.35}.field__error{margin:.05rem 0 0;font-size:var(--text-sm);color:var(--color-danger);line-height:1.35}.login-root{display:flex;justify-content:center;padding:0;position:relative}.signin-card{width:min(420px,92vw);padding:22px 32px 28px;background:#15181db3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 24px 48px #0006;position:relative;overflow:hidden;transition:border-color .4s ease,box-shadow .4s ease;animation:panel-entry .7s var(--spring) backwards;animation-delay:2.4s}@keyframes panel-entry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.signin-card{animation:none!important}}.signin-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,var(--accent) 30%,var(--accent) 70%,transparent);opacity:.5}.signin-card.is-validating{border-color:var(--border-accent-strong);box-shadow:0 24px 48px #4ade8033,0 0 0 1px #4ade8033}.signin-card.is-leaving{opacity:0;transform:translateY(-24px) scale(.96);filter:blur(8px);pointer-events:none;transition:opacity .4s ease,transform .5s var(--spring),filter .4s ease}.signin-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:2.5px;color:var(--accent);font-weight:700;text-transform:uppercase;line-height:1;margin-bottom:2px;display:flex;align-items:center;gap:10px}.signin-eyebrow:before{content:"";width:24px;height:8px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 32'><g fill='%234ADE80'><rect x='2' y='12' width='3' height='8' rx='1' opacity='0.4'/><rect x='10' y='7' width='3' height='18' rx='1' opacity='0.6'/><rect x='18' y='10' width='3' height='12' rx='1' opacity='0.8'/><rect x='26' y='5' width='3' height='22' rx='1'/><rect x='38' y='3' width='4' height='26' rx='1'/><rect x='50' y='5' width='3' height='22' rx='1'/><rect x='58' y='9' width='3' height='14' rx='1' opacity='0.9'/><rect x='66' y='6' width='3' height='20' rx='1' opacity='0.8'/><rect x='74' y='11' width='3' height='10' rx='1' opacity='0.7'/><rect x='82' y='13' width='3' height='6' rx='1' opacity='0.6'/></g></svg>");background-repeat:no-repeat;background-size:contain}.signin-title{font-size:26px;font-weight:700;letter-spacing:-.8px;color:var(--text);margin-top:-1px;margin-bottom:6px;line-height:1}.signin-sub{font-size:13px;color:var(--text-muted);line-height:1.5;margin-bottom:22px}.signin-form{display:flex;flex-direction:column}.signin-field{display:flex;flex-direction:column;margin-bottom:16px}.signin-notice,.signin-error{margin-bottom:12px}.signin-field__label{display:block;font-family:var(--font-mono);font-size:10px;letter-spacing:1.8px;color:var(--text-dim);font-weight:700;text-transform:uppercase;margin-bottom:8px}.signin-field__wrap{position:relative;display:flex;align-items:center}.signin-field__icon{position:absolute;left:14px;top:0;bottom:0;color:var(--text-dim);pointer-events:none;display:flex;align-items:center;transition:color .15s}input.signin-field__input{width:100%;padding:12px 14px 12px 42px;background:var(--bg-input);border:1px solid rgba(255,255,255,.06);border-radius:8px;color:var(--text);font-family:var(--font-sans);font-size:14px;min-height:0;transition:border-color .15s,background .15s,box-shadow .15s}input.signin-field__input::placeholder{color:var(--text-dim)}input.signin-field__input:focus,input.signin-field__input:focus-visible{outline:none;border-color:var(--border-accent-strong);background:#4ade800a;box-shadow:0 0 0 3px #4ade8014}.signin-field__wrap:focus-within .signin-field__icon{color:var(--accent)}select.signin-field__input{width:100%;padding:12px 38px 12px 42px;background:var(--bg-input);border:1px solid rgba(255,255,255,.06);border-radius:8px;color:var(--text);font-family:var(--font-sans);font-size:14px;min-height:0;appearance:none;-webkit-appearance:none;cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s}select.signin-field__input:focus{outline:none;border-color:var(--border-accent, rgba(74, 222, 128, .3))}.signin-field__select-chevron{position:absolute;right:14px;color:var(--text-dim);pointer-events:none}.signin-field__toggle{position:absolute;right:10px;top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-dim);cursor:pointer;padding:6px;display:flex;align-items:center;border-radius:4px;transition:color .15s,background .15s}.signin-field__toggle:hover{color:var(--text);background:#ffffff0a}.signin-notice{margin:0;font-size:13px;color:#dbeafe;border:1px solid rgba(96,165,250,.35);background:#2563eb33;border-radius:8px;padding:10px 12px;font-weight:600}.signin-error{margin:0;font-size:13px;color:#fecaca;border:1px solid rgba(239,68,68,.35);background:#ef44441f;border-radius:8px;padding:10px 12px}.signin-submit{width:100%;padding:14px;background:var(--accent);color:var(--accent-on);border:1px solid var(--accent);border-radius:8px;font-family:var(--font-mono);font-size:12px;letter-spacing:2px;font-weight:700;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:10px;transition:background .15s,transform .15s,box-shadow .15s;margin-top:8px;position:relative;overflow:hidden;min-height:0}.signin-submit:not(:disabled):hover{background:var(--accent-bright);border-color:var(--accent-bright);transform:translateY(-1px);box-shadow:0 8px 24px #4ade8059}.signin-submit:disabled{cursor:wait;opacity:1}.signin-submit__arrow{transition:transform .15s}.signin-submit:not(:disabled):hover .signin-submit__arrow{transform:translate(2px)}.signin-submit.is-loading:after{content:"";width:14px;height:14px;border:2px solid var(--accent-on);border-top-color:transparent;border-radius:50%;animation:signin-spin .7s linear infinite;margin-left:6px}@keyframes signin-spin{to{transform:rotate(360deg)}}@media(max-width:560px){.login-root{padding:.72rem}.signin-card{padding:24px}.signin-title{font-size:22px}}.pairing-root{display:grid;place-items:center;padding:clamp(1rem,1.5vw + .6rem,2rem) 0;position:relative}.pairing-card{width:min(600px,92vw);padding:32px;background:#15181db3;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.06);border-radius:16px;box-shadow:0 24px 48px #0006;position:relative;overflow:hidden;text-align:left;animation:pairing-entry .7s var(--spring) backwards;animation-delay:2.4s}@keyframes pairing-entry{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.pairing-card{animation:none!important}}.pairing-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:linear-gradient(180deg,transparent,var(--accent) 30%,var(--accent) 70%,transparent);opacity:.6}.pairing-eyebrow{font-family:var(--font-mono);font-size:10px;letter-spacing:2.5px;color:var(--accent);font-weight:700;text-transform:uppercase;margin:0 0 8px;display:flex;align-items:center;gap:10px}.pairing-eyebrow:before{content:"";width:24px;height:8px;background-image:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 88 32'><g fill='%234ADE80'><rect x='2' y='12' width='3' height='8' rx='1' opacity='0.4'/><rect x='10' y='7' width='3' height='18' rx='1' opacity='0.6'/><rect x='18' y='10' width='3' height='12' rx='1' opacity='0.8'/><rect x='26' y='5' width='3' height='22' rx='1'/><rect x='38' y='3' width='4' height='26' rx='1'/><rect x='50' y='5' width='3' height='22' rx='1'/><rect x='58' y='9' width='3' height='14' rx='1' opacity='0.9'/><rect x='66' y='6' width='3' height='20' rx='1' opacity='0.8'/><rect x='74' y='11' width='3' height='10' rx='1' opacity='0.7'/><rect x='82' y='13' width='3' height='6' rx='1' opacity='0.6'/></g></svg>");background-repeat:no-repeat;background-size:contain}.pairing-title{font-size:26px;font-weight:700;letter-spacing:-.6px;color:var(--text);margin:0 0 8px;line-height:1.15}.pairing-sub{font-size:13px;color:var(--text-muted);line-height:1.55;margin:0}.pairing-status{display:flex;gap:16px;align-items:flex-start;padding:20px 4px;margin-top:20px;border-top:1px solid rgba(255,255,255,.06)}.pairing-status__dot{width:12px;height:12px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px #4ade80b3;animation:pairing-pulse 1.8s ease-out infinite;flex-shrink:0;margin-top:4px}@keyframes pairing-pulse{0%{box-shadow:0 0 #4ade808c,0 0 10px #4ade80b3}70%{box-shadow:0 0 0 8px #4ade8000,0 0 10px #4ade80b3}to{box-shadow:0 0 #4ade8000,0 0 10px #4ade80b3}}.pairing-status__text{flex:1;min-width:0}.pairing-status__title{font-size:15px;font-weight:600;color:var(--text);margin-bottom:4px}.pairing-status__sub{font-size:13px;color:var(--text-muted);line-height:1.55}.pairing-steps-label{font-family:var(--font-mono);font-size:10px;letter-spacing:1.8px;color:var(--text-dim);font-weight:700;text-transform:uppercase;margin:0 0 14px;padding-top:20px;border-top:1px solid rgba(255,255,255,.06)}.pairing-steps{list-style:none;display:flex;flex-direction:column;gap:14px;counter-reset:pairing-step;margin:0;padding:0}.pairing-steps li{display:grid;grid-template-columns:24px 1fr;gap:12px;align-items:baseline;counter-increment:pairing-step}.pairing-steps li:before{content:counter(pairing-step) ".";font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--text-dim);text-align:right}.pairing-step__main{font-size:14px;color:var(--text);line-height:1.55}.pairing-step__sub{font-size:13px;color:var(--text-muted);margin-top:4px;line-height:1.5}.pairing-step__mono{font-family:var(--font-mono);font-weight:700;color:var(--text);letter-spacing:-.1px}.pairing-step__sep{color:var(--text-dim);margin:0 6px;opacity:.6}@media(max-width:560px){.pairing-card{padding:24px}.pairing-title{font-size:22px}}