/* Focus and hierarchy use filled surfaces rather than perimeter outlines. */
:root{--line:transparent}
*,*:before,*:after{border-color:transparent!important}
*:focus,*:focus-visible{outline:none!important}
.panel,.stat-card,.sidebar-support,.profile-banner,.welcome-banner,.auth-card,.user-plan-hero,
.dropdown,.modal,.toast,.notice,.error-panel,.btn,.avatar,.segment-indicator,
.auth-card .field input,.auth-card .field textarea,.field input,.field textarea,.search input{
  box-shadow:none;
}
.panel,.stat-card{box-shadow:0 16px 38px #00000012}
.dropdown{box-shadow:0 15px 36px #0005}
.modal{box-shadow:0 30px 90px #0008}
.toast{box-shadow:0 14px 35px #0004}
.auth-card .btn.primary,.auth-card .btn.primary:hover,.auth-header-right>.btn,
.auth-header-right>.btn:hover,.sidebar-support,.device-header .device-icon,
.activity-icon,.service-card .service-icon,.banner-symbol{box-shadow:none!important}
.product-window,.product-display:hover .product-window{border-color:transparent!important;box-shadow:0 28px 60px #0006,0 4px 11px #0005}
.product-display:before{border:0;box-shadow:none}
.product-display:after,.auth-card:before,.auth-edge,.topbar:after,.shell-body:before,
.sidebar-brand:after,.stat-card:after{display:none}
.divider{background:transparent}
.top-divider{background:transparent}
.field input,.field textarea,.search input,.input{
  transition:background-color .2s ease,background .2s ease,color .2s ease,opacity .2s ease;
  caret-color:#e9e9f4;
}
.auth-card .field input,.auth-card .field textarea,.field input,.field textarea,.search input{
  background:#18181e;
}
.field input:hover,.field textarea:hover,.search input:hover,
.auth-card .field input:hover,.auth-card .field textarea:hover{background:#1e1e25}
.field input:focus,.field textarea:focus,.search input:focus,.input:focus,
.auth-card .field input:focus,.auth-card .field textarea:focus{
  background:#292931;box-shadow:none!important;
}
.field label,.field small,.input-heading a{
  transition:color .2s ease,opacity .2s ease,transform .24s var(--ease-out);
}
.field:focus-within label{color:#fff;transform:translateY(-1px)}
.auth-card .field:focus-within label{color:#fff}
.field:focus-within small{color:#a4a4b0}
.password-wrap .icon-btn{transition:background .18s ease,color .18s ease,transform .2s var(--ease-out)}
.password-wrap .icon-btn[aria-pressed="true"]{background:#30303a;color:#ececf3}
.btn,.icon-btn,.select-trigger,.nav-item,.top-user,.segmented button,
.dropdown button,.pagination button,a,.privacy-note button{
  transition:background-color .18s ease,color .18s ease,opacity .18s ease,transform .22s var(--ease-out),box-shadow .22s ease;
}
.btn:hover{box-shadow:none;transform:translateY(-1px)}
.btn:active:not(:disabled){transform:translateY(1px) scale(.985)}
.btn:focus-visible,.btn.ghost:focus-visible,.select-trigger:focus-visible,
.top-user:focus-visible,.pagination button:focus-visible{background:#3b3b46!important;color:#fff;box-shadow:none!important}
.btn.primary:focus-visible{background:#a17df8!important;color:#fff}
.btn.danger:focus-visible{background:#543039!important;color:#ffb3bf}
.icon-btn:focus-visible{background:#3b3b46!important;color:#fff;transform:translateY(-1px)}
.icon-btn:active{transform:scale(.95)}
.nav-item:hover{background:#272730;transform:translateX(2px)}
.nav-item:focus-visible{background:#3b3b46!important;color:#fff;transform:translateX(2px)}
.nav-item.active{background:#2b2b34;box-shadow:none}
.segmented{background:#16161b}
.segment-indicator{background:#34343e;box-shadow:none;transition:transform .32s var(--ease-out),width .26s ease}
.segmented button:focus-visible{background:#4a4a57!important;color:#fff}
.dropdown{background:#24242c}
.dropdown button:hover,.dropdown button:focus,.dropdown button:focus-visible{background:#3b3b46;color:#fff;transform:translateX(2px)}
.dropdown.closing{pointer-events:none;animation:menu-leave .14s ease-in both}
a:focus-visible,.privacy-note button:focus-visible{
  color:#fff!important;background:#35353f;border-radius:5px;box-shadow:none;
}
.brand:focus-visible{background:transparent;transform:translateY(-1px) scale(1.05)}
.text-link:hover,.input-heading a:hover,.privacy-note button:hover{color:#f1f1f7!important}
.auth-switch a,.auth-footer a,.community-link,.text-link{display:inline-flex;align-items:center;gap:4px}
.auth-switch a:hover,.auth-footer a:hover,.text-link:hover{transform:translateY(-1px)}
.privacy-note button{text-decoration:none}
.checkline input{position:relative;background:#303039;box-shadow:none!important;transition:background .18s ease,transform .2s var(--ease-out)}
.checkline input:hover{background:#3e3e4a}
.checkline input:focus-visible{background:#575767;transform:scale(1.07)}
.checkline:focus-within{color:#d8d8e3}
.checkline input:checked{background:#8958f6!important;box-shadow:none!important}
.checkline input:checked:after{
  content:"";position:absolute;left:4px;top:4px;width:8px;height:7px;background:#fff;
  clip-path:polygon(0 45%,20% 24%,41% 47%,80% 0,100% 20%,42% 95%);
  animation:check-in .18s var(--ease-out) both;
}
.loader{border-color:#ffffff24!important;border-top-color:#d2c3f5!important}
form[data-busy="true"] [type="submit"]{cursor:wait;opacity:.88}
.is-busy{cursor:wait;opacity:.7}
.is-busy[data-action="refresh-accounts"] svg,.is-busy[data-action="reload"] svg{animation:spin .8s linear infinite}
.screen{animation:surface-enter .28s var(--ease-out) backwards}
.form-error:not(:empty){animation:message-enter .22s var(--ease-out) backwards}
.banner-symbol,.welcome-banner:after,.ambient-grid,.ambient-orb,.topbar:after{animation:none}
.stat-card:hover{box-shadow:0 19px 35px #0002}
.product-window{animation-duration:.64s}
.product-window{display:block;padding:0;cursor:zoom-in;text-align:left}
.preview-expand{position:absolute;right:14px;bottom:14px;display:inline-flex;align-items:center;gap:8px;padding:10px 13px;border-radius:9px;background:#24242ceb;color:#eeeef5;font-size:10px;line-height:1.4;opacity:0;transform:translateY(4px);pointer-events:none;transition:opacity .2s ease,transform .3s var(--ease-out),background .2s ease}
.preview-expand svg{width:14px;height:14px;stroke-width:1.6}
.product-window:hover .preview-expand,.product-window:focus-visible .preview-expand{opacity:1;transform:translateY(0)}
.product-window:focus-visible .preview-expand{background:#454550;color:#fff}
.product-window.is-expanded{visibility:hidden}
body.preview-open{overflow:hidden}
.product-lightbox{position:fixed;inset:0;z-index:300;isolation:isolate;outline:0}
.preview-backdrop{position:absolute;inset:0;width:100%;height:100%;padding:0;background:#08080bf5;cursor:zoom-out}
.preview-toolbar{position:absolute;top:25px;left:36px;right:36px;display:flex;align-items:center;justify-content:space-between;gap:18px;z-index:2;pointer-events:none}
.preview-toolbar h2{font-size:14px;letter-spacing:-.3px;font-weight:500;color:#e8e8ef;margin:0}
.preview-toolbar p{font-size:10px;color:#8e8e9c;line-height:1.5;margin-top:4px}
.preview-close{display:inline-flex;align-items:center;gap:8px;height:38px;padding:0 13px;background:#23232c;border-radius:9px;color:#c8c8d4;font-size:11px;pointer-events:auto;transition:background .18s ease,color .18s ease,transform .25s var(--ease-out)}
.preview-close svg{width:15px;height:15px}
.preview-close kbd{font:inherit;font-size:9px;color:#8b8b9a;margin-left:8px}
.preview-close:hover,.preview-close:focus-visible{background:#3c3c48;color:#fff}
.preview-close:active{transform:scale(.96)}
.preview-stage{position:absolute;z-index:1;border-radius:10px;overflow:hidden;transform-origin:center center;will-change:transform;box-shadow:0 30px 90px #0009,0 6px 23px #0005}
.preview-stage img{display:block;width:100%;height:100%;object-fit:contain;user-select:none;-webkit-user-drag:none}
.preview-caption{position:absolute;left:20px;right:20px;bottom:24px;text-align:center;font-size:10px;line-height:1.7;color:#858593;pointer-events:none;z-index:2}
.product-lightbox.closing .preview-close{pointer-events:none}
@media(hover:none){.preview-expand{opacity:1;transform:none}}
@media(max-width:600px){.preview-toolbar{left:17px;right:17px;top:18px}.preview-close{height:36px;padding:0 11px}.preview-close kbd{display:none}.preview-caption{font-size:9px;bottom:22px}.preview-stage{border-radius:7px}}
.auth-header{animation:surface-enter .32s var(--ease-out) backwards}
.auth-card .form-stack>.field,.auth-card .form-stack>.btn,.auth-switch,.privacy-note,.auth-copy,
.auth-footer{animation:surface-enter .38s var(--ease-out) backwards}
.auth-card .form-stack>.field:nth-child(2){animation-delay:35ms}
.auth-card .form-stack>.field:nth-child(3){animation-delay:70ms}
.auth-card .form-stack>.btn{animation-delay:100ms}
.auth-switch{animation-delay:125ms}.privacy-note{animation-delay:145ms}
.auth-copy{animation-delay:65ms}.auth-footer{animation-delay:80ms}
.privacy-content{position:relative;z-index:1;width:100%;max-width:840px;margin:60px auto 70px}
.privacy-content>.back-link{margin-bottom:30px}
.privacy-content h1{font-size:46px;line-height:1.1;letter-spacing:-1.9px;margin-bottom:22px}
.privacy-content h1>span{color:#b3b3bf}
.privacy-intro{font-size:14px;line-height:1.9;color:#aaaab7;max-width:660px;margin-bottom:34px}
.privacy-content .privacy-list{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.privacy-content .privacy-list section{padding:24px;border-radius:14px;background:#19191f;animation:surface-enter .38s var(--ease-out) backwards}
.privacy-content .privacy-list section:nth-child(2){animation-delay:40ms}
.privacy-content .privacy-list section:nth-child(3){animation-delay:80ms}
.privacy-content .privacy-list section:nth-child(4){animation-delay:120ms}
.privacy-content .privacy-list section:last-child{grid-column:1/-1;animation-delay:160ms}
.privacy-content .privacy-list strong{display:block;font-size:13px;font-weight:500;color:#e6e6ed;margin-bottom:10px}
.privacy-content .privacy-list p{font-size:12px;line-height:1.9;color:#9292a1}
.privacy-contact{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;margin-top:29px;font-size:11px;color:#8e8e9d}
.privacy-contact a{color:#ccccd8;gap:5px}.privacy-contact svg{width:13px;height:13px}
@media(max-width:760px){
  .privacy-content{margin:42px auto 45px}.privacy-content h1{font-size:35px;letter-spacing:-1.3px}
  .privacy-content .privacy-list{grid-template-columns:1fr;gap:12px}.privacy-content .privacy-list section{padding:22px}
  .privacy-intro{font-size:12px}.privacy-contact{gap:12px;line-height:1.8}
}
@keyframes surface-enter{from{opacity:0;transform:translate3d(0,6px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes message-enter{from{opacity:0;transform:translate3d(0,-3px,0)}to{opacity:1;transform:translate3d(0,0,0)}}
@keyframes menu-leave{to{opacity:0;transform:translate3d(0,-4px,0) scale(.98)}}
@keyframes check-in{from{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}
  .field:focus-within label,.brand:focus-visible,.icon-btn:focus-visible,.checkline input:focus-visible{transform:none}
}