@font-face{font-family:Sora;src:url('/design/v25/fonts/Sora-VariableFont.ttf');font-weight:100 800;font-style:normal;font-display:swap}@font-face{font-family:'Work Sans';src:url('/design/v25/fonts/WorkSans-VariableFont.ttf');font-weight:100 900;font-style:normal;font-display:swap}
:root{color-scheme:dark;--bg:#0f0f14;--surface:#181820;--line:#ffffff1b;--muted:#b0b0b8;--orange:#e07b39;--ease:cubic-bezier(.22,1,.36,1)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:#ffffff;font:16px/1.5 'Work Sans',sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit;cursor:pointer}button:disabled{cursor:default;opacity:.5}button,input,select,textarea{border-radius:12px}button{border:0}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #f5a05c;outline-offset:4px}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{font-family:Sora,sans-serif;letter-spacing:-.035em}h1{font-size:clamp(28px,3.4vw,42px);font-weight:700;line-height:1.25}h2{font-size:24px;font-weight:650;line-height:1.35}h3{font-size:18px;font-weight:650;line-height:1.4}img{display:block;max-width:100%}svg.icon{width:20px;height:20px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.muted{color:var(--muted)}.small{font-size:14px}.orange{color:#f5a05c}.skip{position:fixed;top:-100px;left:20px;z-index:50;background:var(--orange);padding:12px}.skip:focus{top:8px}
.portal-header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:24px;max-width:1280px;padding:0 34px;margin:auto}.portal-brand{display:flex;gap:11px;align-items:center;font:700 20px Sora;letter-spacing:-.03em;white-space:nowrap}.portal-brand img{width:29px;height:39px;object-fit:contain}.portal-brand b{color:var(--orange);font-weight:700}.header-links{display:flex;gap:30px;color:var(--muted);font-size:14px;align-items:center}.header-links a:hover{color:white}.header-end{display:flex;align-items:center;gap:16px}.avatar{width:42px;height:42px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:linear-gradient(140deg,#7c442f,#352f45);font:600 14px Sora;color:#ffe0c6;flex-shrink:0}.avatar.large{width:58px;height:58px;font-size:20px}.avatar.alt{background:linear-gradient(140deg,#444f65,#292f40);color:#d6e4ff}.icon-button{display:inline-flex;align-items:center;justify-content:center;width:38px;height:38px;background:transparent;border:1px solid var(--line);border-radius:50%;transition:background .25s,border-color .25s}.icon-button:hover{background:#ffffff0b;border-color:#ffffff35}.demo-ribbon{border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#0a0a0e;color:#b0b0b8;font-size:13px;display:flex;gap:15px;align-items:center;justify-content:center;padding:9px 24px;text-align:center}.demo-ribbon .demo-dot{width:5px;height:5px;border-radius:50%;background:var(--orange)}.demo-ribbon a{color:#f5a05c;text-decoration:underline;text-underline-offset:3px}.portal-main{max-width:1220px;margin:auto;padding:44px 34px 66px;min-height:70vh}.greeting{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:34px}.greeting p{color:var(--muted);margin-top:10px}.greeting .account-state{display:flex;align-items:center;gap:8px;color:#adbcac;font-size:14px;padding-bottom:8px}.account-state i,.connected i{width:6px;height:6px;background:#10b981;border-radius:50%;display:inline-block;flex-shrink:0}.account-nav{position:relative;display:flex;gap:6px;border-bottom:1px solid var(--line);margin-bottom:32px;padding:0 0 14px;isolation:isolate}.account-nav a{display:flex;align-items:center;justify-content:center;gap:9px;padding:11px 18px;position:relative;font-size:14px;color:var(--muted);border-radius:12px;transition:color .3s;background:transparent}.account-nav a:hover{color:white}.account-nav a[aria-current=page]{color:#f5a05c}.nav-glider{position:absolute;left:0;top:0;border:1px solid #ed975622;background:linear-gradient(110deg,#e07b3919,#e07b390a);border-radius:12px;z-index:-1;transition:transform .48s var(--ease),width .48s var(--ease),height .3s;pointer-events:none}.view{animation:view-in .42s var(--ease)}@keyframes view-in{from{opacity:0;transform:translateY(9px)}to{opacity:1;transform:none}}.view-title{display:flex;justify-content:space-between;align-items:center;gap:18px;margin-bottom:23px}.view-title p{margin-top:7px;color:var(--muted)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px;padding:11px 19px;border-radius:12px;background:#e07b39;color:#ffffff;font-size:15px;font-weight:600;white-space:normal;text-align:center;transition:background .3s,box-shadow .3s,transform .3s var(--ease)}.btn:hover{background:#f5a05c;box-shadow:none}.btn:active{transform:scale(.98)}.btn.secondary{background:#ffffff06;color:#f0eef4;border:1px solid #ffffff1a}.btn.secondary:hover{background:#ffffff0e;border-color:#ffffff30}.btn.quiet{background:transparent;color:#c6c4cf}.btn.danger{color:#ffc7c0;background:#f8717117;border:1px solid #f8717130}.text-action{display:inline-flex;gap:8px;align-items:center;color:#f5a05c;background:none;padding:0;font-size:14px}.text-action:hover{color:#f5a05c}.panel{background:var(--surface);border:1px solid var(--line);border-radius:16px;position:relative;min-width:0;overflow:hidden}.overview-top{display:grid;grid-template-columns:1.7fr 1fr;gap:22px}.welcome-panel{min-height:330px;padding:29px;isolation:isolate;display:flex;flex-direction:column;align-items:start;justify-content:space-between}.welcome-panel:before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 75% 70%,#c16b3524,transparent 64%);z-index:-1}.welcome-copy{position:relative;z-index:2;max-width:280px}.kicker{font-size:12px;letter-spacing:.12em;color:#b0b0b8;text-transform:uppercase;margin-bottom:14px}.welcome-copy h2{font-size:30px;line-height:1.28;max-width:265px}.welcome-copy p{font-size:14px;color:var(--muted);margin-top:13px;max-width:220px}.welcome-visual{position:absolute;right:-3%;bottom:11%;width:65%;pointer-events:none;transform:perspective(800px) rotateY(-4deg);filter:drop-shadow(0 18px 17px #0005);transition:transform .9s var(--ease)}.welcome-panel:hover .welcome-visual{transform:perspective(800px) rotateY(0deg) translateY(-5px)}.welcome-panel .text-action{position:relative;z-index:2}.identity-panel{padding:27px;display:flex;flex-direction:column;justify-content:space-between;gap:25px}.identity-top{display:flex;align-items:center;gap:15px}.identity-top p{font-size:14px;color:var(--muted);margin-top:4px;overflow-wrap:anywhere}.access-line{padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;gap:15px;align-items:center}.access-line>.icon{color:#f5a05c;width:27px;height:27px}.access-line strong{font-weight:500}.access-line p{font-size:13px;color:var(--muted);margin-top:5px}.section-bar{margin:34px 0 19px;display:flex;align-items:center;justify-content:space-between;gap:12px}.section-bar h2{font-size:19px}.device-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.device-card{padding:21px;transition:border-color .4s,background .4s}.device-card:hover{border-color:#ffffff25;background:#1c1c25}.device-meta{display:flex;justify-content:space-between;align-items:center;gap:8px}.device-meta>span{color:var(--muted);font-size:13px}.device-card h3{font-size:17px}.device-card p{font-size:14px;color:var(--muted);margin-top:4px}.device-art{position:relative;height:175px;display:flex;align-items:center;justify-content:center;margin:9px 0 15px;perspective:800px}.device-art img{object-fit:contain;max-height:160px;max-width:92%;filter:drop-shadow(0 15px 14px #0006);transition:transform .65s var(--ease)}.device-card:hover .device-art img{transform:rotateY(-4deg) translateY(-5px)}.device-art img.screen{border:5px solid #09090d;border-radius:8px;width:91%;height:auto}.device-art img.phone{border:5px solid #09090d;border-radius:17px;width:auto;height:158px;transform:rotate(-7deg)}.device-art img.laptop{width:93%;border:5px solid #09090d;border-bottom-width:12px;border-radius:7px}.connected{display:inline-flex;gap:7px;align-items:center;font-size:12px;color:#b6c3b3}.device-bottom{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding-top:15px;margin-top:17px;gap:10px}.compact-actions{display:flex;gap:8px}.lower-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:23px}.shortcut{padding:23px;display:flex;gap:17px;align-items:center;transition:border-color .3s}.shortcut:hover{border-color:#e07b3944}.shortcut>.icon{color:#e07b39;width:24px;height:24px}.shortcut p{font-size:14px;color:var(--muted);margin-top:4px}.shortcut>.icon:last-child{margin-left:auto;width:18px;color:var(--muted)}
.rows{display:grid;gap:14px}.source-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:20px;padding:25px;align-items:center}.source-symbol{width:54px;height:54px;border-radius:16px;background:#e07b3910;border:1px solid #e07b3920;display:grid;place-items:center;color:#e07b39}.source-row p{font-size:14px;color:var(--muted);margin-top:5px;overflow-wrap:anywhere}.source-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:11px}.tag{display:inline-flex;align-items:center;padding:4px 9px;font-size:12px;border-radius:7px;background:#ffffff06;color:#c0bfca;border:1px solid #ffffff0a}.inline-note{display:flex;gap:11px;color:var(--muted);font-size:14px;margin-top:23px;align-items:start}.inline-note>.icon{width:18px;margin-top:2px;flex-shrink:0}.empty{padding:50px 24px;text-align:center}.empty>.icon{width:36px;height:36px;color:#aa8165;margin:0 auto 18px}.empty p{color:var(--muted);margin:10px 0 23px}.profiles-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:19px}.profile-card{padding:27px;display:flex;flex-direction:column;align-items:center;gap:14px}.profile-card .avatar{width:82px;height:82px;font-size:28px}.profile-card p{font-size:14px;color:var(--muted)}.profile-card .btn{margin-top:8px}.profile-add{background:transparent;border:1px dashed #ffffff25;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;min-height:250px;color:var(--muted);font-size:14px;border-radius:23px;transition:background .3s}.profile-add:hover{background:#ffffff04;color:#f5a05c}.profile-add .icon{width:35px;height:35px}.settings-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:22px}.settings-panel{padding:26px}.settings-panel h3{padding-bottom:20px;border-bottom:1px solid var(--line)}.setting-row{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:22px 0;border-bottom:1px solid var(--line)}.setting-row:last-child{border-bottom:0;padding-bottom:0}.setting-row p{font-size:14px;color:var(--muted);margin-top:5px}.danger-section{margin-top:28px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 2px;border-top:1px solid var(--line)}.danger-section p{font-size:14px;color:var(--muted);margin-top:5px}.portal-footer{max-width:1220px;margin:auto;padding:25px 34px 33px;border-top:1px solid var(--line);display:flex;gap:20px;align-items:center;justify-content:space-between;color:#8e8e9c;font-size:13px}.portal-footer nav{display:flex;gap:24px;flex-wrap:wrap}.portal-footer a:hover{color:#edeaf3}
.sheet{background:#181820;border:1px solid #ffffff20;color:#ffffff;border-radius:24px;max-width:min(540px,calc(100% - 32px));width:540px;padding:0;box-shadow:0 40px 150px #0009;max-height:calc(100dvh - 38px)}.sheet::backdrop{background:#08080cab;backdrop-filter:blur(7px)}.sheet[open]{animation:sheet-in .4s var(--ease)}@keyframes sheet-in{from{opacity:0;transform:translateY(25px) scale(.98)}to{opacity:1;transform:none}}.sheet-head{padding:24px 25px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px}.sheet-body{padding:4px 25px 26px}.sheet-body>p{font-size:14px;color:var(--muted);margin-bottom:20px}.sheet-body label{display:block;font-size:14px;margin-bottom:7px;color:#cccbd4}.field{margin-top:17px}.field input,.field select,.field textarea{display:block;width:100%;background:#101016;border:1px solid #ffffff18;color:#fff;min-height:46px;padding:11px 13px;resize:vertical}.field input::placeholder{color:#727282}.field small{font-size:12px;display:block;color:var(--muted);margin-top:6px}.sheet-actions{display:flex;gap:10px;justify-content:end;margin-top:26px;flex-wrap:wrap}.segmented{display:flex;gap:6px;background:#101016;padding:5px;border-radius:14px;margin-bottom:20px}.segmented button{background:transparent;padding:10px 15px;flex:1;color:var(--muted);font-size:14px}.segmented button[aria-pressed=true]{background:#27232a;color:#f5a05c}.error{color:#ffb5aa!important;font-size:14px;margin-top:12px;min-height:20px}.success-icon{width:59px;height:59px;border-radius:50%;display:grid;place-items:center;color:#bdcfb6;background:#8da87f16;margin:0 0 18px}.success-icon>.icon{width:27px;height:27px}.toast{position:fixed;bottom:28px;left:50%;transform:translate(-50%,15px);opacity:0;background:#2c2b34;color:#eeeaf3;border:1px solid #ffffff20;border-radius:15px;padding:14px 20px;max-width:calc(100% - 32px);box-shadow:0 10px 45px #0007;z-index:80;font-size:14px;pointer-events:none;transition:opacity .25s,transform .35s var(--ease)}.toast.show{opacity:1;transform:translate(-50%,0)}
.auth-layout{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center;min-height:610px}.auth-art h1{font-size:43px;max-width:470px;line-height:1.22}.auth-art h1 span{color:var(--orange)}.auth-art>p{color:var(--muted);max-width:370px;margin-top:20px}.auth-art img{width:100%;margin:28px auto 0;filter:drop-shadow(0 20px 30px #0007)}.auth-form{padding:34px;max-width:435px;width:100%;justify-self:end}.auth-form>p{font-size:14px;color:var(--muted);margin-top:10px}.auth-form .btn.full{width:100%;margin-top:20px}.socials{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.socials .btn{padding:10px 8px}.separator{display:flex;align-items:center;gap:15px;color:#858593;font-size:12px;margin:22px 0}.separator:before,.separator:after{content:'';height:1px;background:var(--line);flex:1}.auth-links{display:flex;justify-content:space-between;gap:16px;font-size:13px;margin-top:18px}.auth-links button{background:none;padding:0;color:#f5a05c;text-align:left}.auth-disclaimer{font-size:12px;color:#9792a0;margin-top:24px!important}.back-link{display:inline-flex;gap:9px;align-items:center;font-size:14px;color:var(--muted);margin-bottom:28px}
.guide-layout{display:grid;grid-template-columns:1fr 1fr;gap:45px;align-items:start;margin-top:32px}.guide-intro{position:sticky;top:28px}.guide-intro>p{color:var(--muted);margin:17px 0 24px;max-width:440px}.guide-visual{padding:30px 20px 10px;min-height:265px;display:flex;align-items:center;justify-content:center}.guide-visual img{width:100%;border:5px solid #08080c;border-radius:9px;box-shadow:0 20px 35px #0007;transform:perspective(900px) rotateY(5deg);transition:transform .65s var(--ease)}.guide-visual:hover img{transform:perspective(900px) rotateY(0deg)}.guide-steps{counter-reset:step;display:grid;gap:14px}.step{padding:23px 24px;display:grid;grid-template-columns:32px minmax(0,1fr);gap:16px;counter-increment:step}.step:before{content:counter(step,decimal-leading-zero);font:500 14px Sora;color:#e07b39;padding-top:3px}.step h3{font-size:17px}.step p{font-size:14px;color:var(--muted);margin-top:10px}.step .btn{margin-top:18px}.step details{margin-top:12px}.step summary{cursor:pointer;font-size:14px;color:#f5a05c}.step a:not(.btn){text-decoration:underline;text-underline-offset:3px}.code-line{display:flex;align-items:center;justify-content:space-between;gap:10px;border:1px solid var(--line);padding:11px 15px;border-radius:12px;margin-top:15px;background:#101016;font:600 22px Sora;letter-spacing:.09em}.guide-note{margin-top:25px;padding:20px 23px}.guide-note p{font-size:14px;color:var(--muted);margin-top:8px}.support-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:29px}.support-form{padding:25px}.support-form .field:first-child{margin-top:0}.support-links{display:grid;gap:15px;align-content:start}.support-links .shortcut{padding:24px}.help-suggestion{padding:25px}.help-suggestion p{font-size:14px;color:var(--muted);margin:10px 0 18px}.install-tabs{display:flex;gap:10px;margin:25px 0}.install-tabs a{padding:10px 17px;border:1px solid var(--line);border-radius:22px;font-size:14px;color:var(--muted)}.install-tabs a[aria-current=page]{color:#f5a05c;border-color:#e07b3940;background:#e07b3912}
@media(max-width:1050px){.portal-header,.portal-main,.portal-footer{padding-left:26px;padding-right:26px}.header-links{gap:18px}.account-nav a{padding:11px 13px}.welcome-copy{max-width:210px}.welcome-copy h2{font-size:26px}.welcome-visual{width:64%;right:-9%;bottom:19%}.identity-panel{padding:22px}.device-art{height:145px}.device-art img{max-height:135px}.device-art img.phone{height:135px}.auth-layout{gap:28px}.auth-art h1{font-size:35px}.guide-layout{gap:25px}}
@media(max-width:760px){.portal-header{height:74px;padding:0 21px}.header-links{display:none}.portal-brand{font-size:18px;gap:8px}.portal-brand img{width:25px;height:33px}.header-end{gap:9px}.demo-ribbon{font-size:12px;padding:9px 14px;gap:8px}.demo-ribbon>a{display:none}.portal-main{padding:30px 20px 45px}.greeting{margin-bottom:23px}.greeting h1{font-size:29px}.greeting p{font-size:14px;margin-top:7px}.greeting .account-state{display:none}.account-nav{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:3px;padding-bottom:13px;margin-bottom:25px}.account-nav a{flex-direction:column;gap:5px;padding:10px 2px;font-size:12px}.account-nav .icon{width:19px;height:19px}.overview-top{grid-template-columns:1fr}.welcome-panel{min-height:285px;padding:25px}.welcome-copy h2{font-size:27px}.welcome-visual{width:63%;right:-2%;bottom:12%}.identity-panel{padding:23px;gap:20px}.identity-panel .access-line{padding:17px 0}.device-grid{grid-template-columns:1fr}.device-card{display:grid;grid-template-columns:110px minmax(0,1fr);gap:5px 18px;padding:19px}.device-art{grid-column:1;grid-row:1/5;margin:0;height:135px}.device-art img{max-height:110px}.device-art img.phone{height:115px}.device-meta{grid-column:2;grid-row:1}.device-card>h3,.device-card>p{grid-column:2}.device-bottom{grid-column:2;margin-top:8px;padding-top:10px;align-items:start}.device-bottom .text-action{font-size:13px}.lower-grid{grid-template-columns:1fr;gap:13px}.section-bar{margin-top:28px}.section-bar .text-action{font-size:13px}.view-title{align-items:start}.view-title h2{font-size:24px}.view-title p{font-size:14px}.view-title .btn{font-size:13px;padding:10px 13px;min-height:42px}.source-row{padding:20px;gap:14px;grid-template-columns:43px minmax(0,1fr)}.source-symbol{width:43px;height:43px;border-radius:13px}.source-row>.compact-actions{grid-column:2}.source-row h3{font-size:16px}.profiles-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.profile-card{padding:23px 14px}.profile-card h3{font-size:16px}.profile-card p{text-align:center;font-size:13px}.profile-add{min-height:230px}.settings-grid{grid-template-columns:1fr}.settings-panel{padding:22px}.setting-row{gap:12px}.setting-row .text-action{font-size:13px;flex-shrink:0}.danger-section{display:block}.danger-section .btn{margin-top:17px}.portal-footer{display:block;padding:22px 20px}.portal-footer nav{gap:13px 18px;margin-top:15px;font-size:12px}.auth-layout{display:block;min-height:0}.auth-art{display:none}.auth-form{max-width:450px;margin:auto;padding:26px}.guide-layout{grid-template-columns:1fr;margin-top:20px;gap:29px}.guide-intro{position:static}.guide-visual{min-height:0;padding:8px 13px 14px;max-width:500px;margin:auto}.guide-intro h1{font-size:33px}.support-grid{grid-template-columns:1fr}.support-form{padding:22px}.sheet-head{padding:21px 20px 14px}.sheet-body{padding:4px 20px 23px}.sheet-head h2{font-size:21px}.sheet-actions .btn{flex:1}.source-tags{gap:5px}}
@media(max-width:380px){.portal-main{padding-left:15px;padding-right:15px}.portal-header{padding:0 15px}.header-end .text-action{display:none}.account-nav a{font-size:11px}.welcome-copy h2{font-size:24px}.welcome-copy p{max-width:160px}.welcome-visual{right:-10%;width:70%;bottom:16%}.welcome-panel{padding:22px;min-height:290px}.device-card{grid-template-columns:85px minmax(0,1fr);gap:5px 12px;padding:16px}.device-art{height:126px}.device-bottom{flex-wrap:wrap}.view-title{flex-wrap:wrap}.setting-row{align-items:start;flex-wrap:wrap}.profiles-grid{grid-template-columns:1fr}.profile-add{min-height:170px}.auth-form{padding:22px}.socials{grid-template-columns:1fr}.demo-ribbon{font-size:11px}.portal-brand{font-size:16px}.avatar{width:36px;height:36px;font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.welcome-visual,.guide-visual img,.device-art img{transform:none!important}}

.host-row{display:flex;align-items:end;gap:10px}.host-row .field{flex:1;min-width:0}.host-row>.icon-button{margin-bottom:4px;flex-shrink:0}
.toast{width:max-content}
@media(max-width:760px){.welcome-panel{min-height:380px}.welcome-copy{max-width:100%}.welcome-copy p{max-width:100%}.welcome-visual{width:76%;max-width:270px;right:5%;bottom:49px}}
@media(max-width:380px){.portal-header{gap:10px}.header-end .btn{font-size:12px;padding:10px 11px;white-space:nowrap;gap:7px}.welcome-panel{min-height:400px}.welcome-visual{width:87%;bottom:49px}}

/* V8: the account is a management hub, using the live account DA. */
body[data-page="account"]{--bg:#0a0a0e}.avatar{background:rgba(224,123,57,.13);color:#f5a05c;border:1px solid rgba(224,123,57,.2)}.avatar.alt{background:#22222e;color:#b0b0b8;border-color:var(--line)}.btn.secondary{background:#ffffff06;color:#fff}.text-action{font-weight:600}.btn.quiet{color:var(--muted)}.btn.danger{background:#ef444415;border-color:#ef444433;color:#f87171}.sheet{border-radius:16px}.kicker{font-weight:600}.segmented button[aria-pressed=true]{background:#22222e;color:#f5a05c}.success-icon{color:#10b981;background:#10b98115}.portal-footer{color:var(--muted)}
[data-page="account"] .portal-main{padding-top:30px;min-height:0;padding-bottom:44px}.greeting{margin-bottom:19px;align-items:center}.greeting h1{font-size:32px}.greeting p{font-size:14px;margin-top:6px}.account-nav{padding:0;gap:10px;margin-bottom:24px}.account-nav a{font-size:13px;font-weight:650;padding:14px 15px;border-radius:0}.account-nav .icon{width:17px;height:17px}.nav-glider{border:0;border-radius:0;background:transparent;border-bottom:2px solid #e07b39}.account-nav a[aria-current=page]{color:#f5a05c}.account-nav a:hover{background:#ffffff03}.hub-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.hub-panel{padding:20px;display:flex;flex-direction:column}.hub-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:12px}.hub-heading h2{display:flex;align-items:center;gap:9px;font:700 14px/1.4 'Work Sans',sans-serif;letter-spacing:0}.hub-heading>.icon{color:var(--muted);width:18px}.hub-heading .btn{min-height:36px;padding:7px 12px;font-size:13px;gap:6px;border-radius:10px}.hub-heading .btn .icon{width:16px;height:16px}.count{font-size:12px;font-weight:500;color:var(--muted);background:#ffffff06;border-radius:6px;min-width:22px;text-align:center;padding:2px 5px}.hub-list{flex:1}.hub-symbol{display:grid;place-items:center;width:42px;height:42px;border-radius:10px;background:#22222e;color:#b0b0b8;flex-shrink:0}.hub-source{display:flex;align-items:center;gap:12px;padding:16px 0;border-top:1px solid var(--line);transition:background .25s}.hub-source:hover{background:#ffffff03}.hub-source>div{min-width:0;flex:1}.hub-source h3{font:600 14px/1.4 Sora,sans-serif;letter-spacing:-.02em;overflow-wrap:anywhere}.hub-source p{font-size:13px;color:var(--muted);margin-top:4px}.hub-source>.icon{width:16px;color:var(--muted)}.hub-foot{display:flex;flex-wrap:wrap;justify-content:space-between;gap:9px;margin-top:12px;padding-top:14px;border-top:1px solid var(--line)}.hub-foot>span{font-size:12px;color:var(--muted);width:100%}.hub-foot .text-action{font-size:13px}.device-row{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid var(--line)}.device-info{flex:1;min-width:0}.device-info h3{font:700 14px/1.4 'Work Sans',sans-serif;letter-spacing:0;overflow-wrap:anywhere}.device-info p{font-size:12px;color:var(--muted);margin-top:3px}.device-row .icon-button{width:32px;height:32px;border:0;border-radius:8px}.device-status{display:flex;align-items:center;gap:6px;font-size:11px;white-space:nowrap;color:var(--muted)}.device-status i{width:5px;height:5px;background:#10b981;border-radius:50%}.device-status.is-online{color:#10b981}.hub-secondary{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:18px}.hub-small{padding:20px;display:flex;flex-direction:column;gap:9px}.hub-small>.text-action{font-size:13px;margin-top:auto;padding-top:9px}.profile-strip{display:flex;gap:22px;margin-bottom:8px;flex-wrap:wrap}.profile-mini{display:flex;align-items:center;gap:9px;font-size:13px}.profile-mini .avatar{width:32px;height:32px;font-size:12px}.profile-mini:hover{color:#f5a05c}.plan-summary strong{font-size:15px;font-weight:600}.plan-summary p{font-size:13px;color:var(--muted);margin:4px 0 9px;overflow-wrap:anywhere}.hub-empty{font-size:14px;color:var(--muted);padding:24px 0}.view-title{margin-bottom:20px}.view-title h2{font-size:23px;font-weight:700}.view-title p{font-size:14px;margin-top:5px}.devices-panel{padding:0 20px}.devices-panel>.device-row:first-child{border-top:0}.devices-panel>.device-row{padding:17px 0}.device-dialog-heading{display:flex;align-items:center;gap:13px;margin-bottom:20px}.device-dialog-heading p{font-size:13px;color:var(--muted);margin-top:4px}.source-row{padding:18px;gap:15px}.source-symbol{width:42px;height:42px;border-radius:10px;color:#e07b39}.source-row h3{font-size:16px;font-weight:700}.source-tags{margin-top:7px}.inline-note{font-size:13px}.profiles-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-card{display:grid;grid-template-columns:42px minmax(0,1fr);align-content:start;justify-items:start;gap:6px 14px;padding:20px}.profile-card .avatar{grid-row:1/4;width:42px;height:42px;font-size:17px}.profile-card h3{font:600 15px 'Work Sans',sans-serif;letter-spacing:0}.profile-card p{font-size:13px}.profile-card .tag,.profile-card .btn{grid-column:2;margin-top:4px}.profile-add{min-height:82px;flex-direction:row;border-radius:16px;font-size:14px;gap:10px}.profile-add .icon{width:20px;height:20px}.settings-panel{padding:20px}.settings-panel h3{font:700 14px 'Work Sans',sans-serif;letter-spacing:0;padding-bottom:14px}.setting-row{padding:17px 0;font-size:14px}.setting-row p{font-size:13px}.subscription-panel{padding:22px;max-width:780px}.subscription-heading{display:flex;align-items:center;gap:15px;padding-bottom:22px;border-bottom:1px solid var(--line)}.subscription-heading>div{flex:1}.subscription-heading h3{font-size:18px}.subscription-heading p,.subscription-note{font-size:14px;color:var(--muted);margin-top:7px}.subscription-note{padding-top:20px}.subscription-heading .hub-symbol{color:#e07b39;background:rgba(224,123,57,.13)}
@media(max-width:1050px){.account-nav{gap:0}.account-nav a{padding:14px 12px}.hub-grid{gap:14px}.hub-panel{padding:17px}.hub-panel .device-status{display:none}.hub-secondary{gap:14px}.hub-small{padding:17px}.profile-strip{gap:10px}}
@media(max-width:760px){.greeting{align-items:start}.greeting h1{font-size:27px}.greeting>.text-action{font-size:0;gap:0;margin-top:5px}.greeting p{font-size:13px;max-width:260px;overflow-wrap:anywhere}.account-nav{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;margin-bottom:20px}.account-nav a{flex-direction:row;font-size:12px;gap:7px;padding:12px 2px}.account-nav .icon{width:16px;height:16px}.hub-grid{grid-template-columns:1fr}.hub-secondary{grid-template-columns:1fr}.hub-small{gap:6px}.hub-small .hub-heading{margin-bottom:6px}.device-status{display:none}.device-row{gap:10px}.device-info p{font-size:12px}.hub-source h3{font-size:13px}.hub-panel{padding:16px}.hub-heading h2{font-size:13px;gap:6px}.hub-heading .btn{font-size:12px;padding:7px 9px}.hub-heading{gap:8px}.hub-secondary{margin-top:14px}.profile-strip{gap:25px}.profiles-grid{grid-template-columns:1fr}.profile-card p{text-align:left}.source-row{grid-template-columns:42px minmax(0,1fr);padding:17px}.subscription-heading{flex-wrap:wrap}.subscription-heading>div{min-width:150px}.subscription-heading .tag{margin-left:57px}.devices-panel{padding:0 16px}.view-title h2{font-size:22px}.danger-section h3{font-size:16px}}