/* AEOTEE premium refinement v1: approved Minimal Mocha visual layer only.
   Core Supabase, call eligibility, encryption, device identity and PWA update logic are unchanged. */
:root{--premium-night:#10101b;--premium-surface:#1d1b2a;--premium-card:#292332;--premium-line:rgba(207,177,220,.16);--premium-accent:#9273f7;--premium-rose:#e5a5b8;--premium-text:#f8f3fc;--premium-muted:#b9adc6;--premium-ease:cubic-bezier(.22,1,.36,1)}
html{color-scheme:dark}
button{ -webkit-tap-highlight-color:transparent }

/* Login / sign-up remains the existing secure authentication form, including
   its email/password confirmation, validation, error messages and passkey gates. */
#loginBox.auth-shell{font-family:Arial,"Helvetica Neue",system-ui,sans-serif!important;color:var(--premium-text)!important;background:var(--premium-night)!important}
#loginBox.auth-shell::before{background:radial-gradient(ellipse at 92% 8%,rgba(133,80,170,.26),transparent 37%),radial-gradient(ellipse at 12% 95%,rgba(199,105,123,.14),transparent 42%),linear-gradient(155deg,#12101e,#121426 67%,#18131f)!important}
#loginBox.auth-shell::after{opacity:.07!important}
#loginBox.auth-shell .auth-ambient span{width:210px;height:210px;filter:blur(95px);opacity:.1;background:#9874f7;animation:premium-drift 11s ease-in-out infinite alternate}
#loginBox.auth-shell .auth-ambient span:last-child{background:#e58b9f;animation-delay:-5s}
#loginBox.auth-shell .auth-card{width:min(100%,432px);padding:clamp(22px,4vw,32px);background:linear-gradient(146deg,rgba(25,23,40,.96),rgba(17,17,29,.97))!important;border:1px solid rgba(176,143,215,.24)!important;border-radius:24px!important;box-shadow:0 20px 70px rgba(0,0,0,.44),inset 0 1px #ffffff08!important;animation:premium-enter .32s var(--premium-ease) both}
#loginBox.auth-shell .auth-brand{margin-bottom:26px}
#loginBox.auth-shell .auth-brand-mark{width:42px;height:42px;font-size:20px;border-radius:13px;background:linear-gradient(135deg,#a387fa,#7153e4)!important;box-shadow:0 5px 17px #7856ea36}
#loginBox.auth-shell .auth-brand-copy strong{font-size:16px;font-weight:780;letter-spacing:.13em}
#loginBox.auth-shell .auth-brand-copy small{font-size:10px;color:#c0b7c8}
#loginBox.auth-shell .auth-intro{margin-bottom:20px}
#loginBox.auth-shell .auth-eyebrow{color:#c0aafa;font-size:9px;letter-spacing:.12em;margin-bottom:10px}
#loginBox.auth-shell .auth-status-dot{background:#83dec1}
#loginBox.auth-shell .auth-intro h1{font-size:clamp(25px,5vw,32px);font-weight:790;color:#fcf7ff}
#loginBox.auth-shell .auth-intro>p:last-child{font-size:12px;margin-top:7px;color:#bdb0c6}
#loginBox.auth-shell .auth-fields{gap:8px}
#loginBox.auth-shell .auth-fields label,#loginBox.auth-shell .auth-reset-panel label{font-size:11px;color:#e7dfee;margin-top:3px}
#loginBox.auth-shell input{min-height:43px;padding:11px 13px;border:1px solid #564761!important;border-radius:12px;background:#171522!important;color:#fff6fb!important;font-size:13px;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}
#loginBox.auth-shell input::placeholder{color:#96889f}
#loginBox.auth-shell input:focus-visible{border-color:#b69efc!important;box-shadow:0 0 0 3px #9576f52b!important;background:#201b2c!important}
#loginBox.auth-shell button.auth-password-toggle{color:#c6affb!important}
#loginBox.auth-shell button.auth-submit{margin-top:13px;min-height:47px;border-radius:13px;background:linear-gradient(110deg,#8c70f3,#7354e5)!important;box-shadow:0 9px 24px #7354e438!important;border:1px solid #c5aefd52!important;font-size:13px}
#loginBox.auth-shell button.auth-submit:hover:not(:disabled){filter:brightness(1.08);transform:translateY(-2px);box-shadow:0 13px 30px #7757e44f!important}
#loginBox.auth-shell button.auth-submit:active:not(:disabled){transform:scale(.987)}
#loginBox.auth-shell .auth-submit-arrow{width:26px;height:26px;border-radius:10px}
#loginBox.auth-shell #aeoteePasskeyLoginBtn{min-height:45px!important;border:1px solid #7762a5!important;border-radius:12px!important;background:#272237!important;color:#f8f0ff!important;font:650 12px Arial,system-ui,sans-serif!important;transition:background .2s ease,transform .2s ease}
#loginBox.auth-shell #aeoteePasskeyLoginBtn:hover:not(:disabled){background:#372a50!important;transform:translateY(-1px)}
#loginBox.auth-shell #loginStatus{font-size:11px;color:#b5a9c1;margin-top:10px;min-height:18px}
#loginBox.auth-shell .auth-forgot{font-size:11px;color:#c4a8ff!important;padding:7px}
#loginBox.auth-shell button.auth-signup-toggle{min-height:39px;border-color:#615179!important;background:#242034!important;color:#dccaff!important;font-size:11px}
#loginBox.auth-shell button.auth-signup-toggle:hover:not(:disabled){background:#352b48!important}
#loginBox.auth-shell .auth-card-footer{margin-top:20px;padding-top:13px}
#loginBox.auth-shell .auth-card-footer p,#loginBox.auth-shell .auth-page-note{font-size:10px;color:#a698b1}
#loginBox.auth-shell:has(#signupConfirmRow:not([hidden])) .auth-intro h1{font-size:29px}
#loginBox.auth-shell .auth-signup-confirm:not([hidden]){animation:premium-enter .19s var(--premium-ease) both}
#loginBox.auth-shell #forgotPasswordBtn[hidden]{display:none!important}
@media(max-width:520px){
 #loginBox.auth-shell{padding:14px 13px!important;gap:9px!important}
 #loginBox.auth-shell .auth-card{padding:22px 20px!important;margin:auto 0!important}
 #loginBox.auth-shell .auth-brand{margin-bottom:23px}
 #loginBox.auth-shell .auth-intro{margin-bottom:18px}
 #loginBox.auth-shell .auth-card-footer{margin-top:14px}
}

/* Main space: compact people list, no oversized sidebar utilities. */
.app.premium-ready{font-family:Arial,"Helvetica Neue",system-ui,sans-serif!important}
.app.premium-ready .sidebar{display:flex;flex-direction:column;min-height:0;overflow:hidden;background:linear-gradient(180deg,#201926,#16121d 70%)!important}
.app.premium-ready .sidebar .brand{flex:0 0 auto;font-size:18px;letter-spacing:.09em;padding:16px!important;min-height:66px}
.app.premium-ready .sidebar .brand-mark{width:36px;height:36px;font-size:17px;border-radius:12px}
.app.premium-ready .sidebar .logout-btn{width:37px;height:37px;background:#382933;color:#f6c2ca;border-radius:13px;border:1px solid #8b667d63;transition:transform .16s var(--premium-ease),background .16s ease}
.app.premium-ready .sidebar .logout-btn:hover{background:#4d3140;transform:translateY(-1px)}
.app.premium-ready .sidebar .logout-btn:active{transform:scale(.95)}
.app.premium-ready .sidebar .logout-btn .premium-icon svg{width:19px;height:19px}
.app.premium-ready .sidebar .sidebar-intro{display:none}
.app.premium-ready .sidebar #aeoteeLinkedDevicesBtn,
.app.premium-ready .sidebar #aeoteeSecurityBtn,
.app.premium-ready .sidebar #aeoteeStorageBtn,
.app.premium-ready .sidebar #aeoteeLanguageBtn,
.app.premium-ready .sidebar #aeoteeEnableNotifications,
.app.premium-ready .sidebar #aeoteeInstallApp{display:none!important}
.app.premium-ready .sidebar .mocha-settings-entry{flex:0 0 auto;margin:5px 14px 14px;width:calc(100% - 28px);min-height:46px;border-color:#8c637b50;border-radius:15px;background:#382933!important;color:#f5e5ee;font-size:12px;font-weight:730;padding:11px 13px;transition:transform .17s var(--premium-ease),border-color .17s ease,background .17s ease}
.app.premium-ready .sidebar .mocha-settings-entry .premium-icon{width:26px;height:26px}
.app.premium-ready .sidebar .mocha-settings-entry:hover{background:#4d3544!important;border-color:#bd849d80;transform:translateY(-1px)}
.app.premium-ready .sidebar .search{flex:0 0 auto;padding:0 14px 8px}
.app.premium-ready .sidebar .search input{min-height:42px;border-radius:13px!important;background:#2a2430!important;border:1px solid #624d655c!important;font-size:12px!important;color:#f9ecfc!important;transition:border-color .17s ease,box-shadow .17s ease}
.app.premium-ready .sidebar .search input:focus{border-color:#b299f1!important;box-shadow:0 0 0 3px #9981f525!important}
.app.premium-ready .premium-people-title{display:flex;align-items:baseline;justify-content:space-between;gap:7px;padding:10px 17px 4px}
.app.premium-ready .premium-people-title h2{font-size:13px;font-weight:760;color:#fbf4fb;margin:0;letter-spacing:-.015em}
.app.premium-ready .premium-people-title span{font-size:10px;color:#ac99b1;white-space:nowrap}
.app.premium-ready #userList{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding-bottom:10px}
.app.premium-ready #userList .contact{margin:4px 10px;border:1px solid transparent;border-radius:14px;min-height:64px;padding:11px 10px!important;transition:background .2s ease,border-color .2s ease,transform .2s var(--premium-ease)}
.app.premium-ready #userList .contact:hover,.app.premium-ready #userList .contact.active{background:#332737!important;border-color:#8c677856;transform:translateX(2px)}
.app.premium-ready #userList .contact .avatar{width:40px;height:40px;min-width:40px;border-radius:13px;background:linear-gradient(145deg,#9d85ef,#6d58c5)!important;font-size:16px}
.app.premium-ready #userList .contact small{color:#b9a9c1!important}
.app.premium-ready .avatar:not(.auth-brand-mark){background:linear-gradient(145deg,#9d85ef,#6953c1);color:#fff;border-radius:15px}
.app.premium-ready button:focus-visible,.premium-mobile-nav button:focus-visible{outline:2px solid #d1a8ff!important;outline-offset:2px}
.app.premium-ready .chat-header .actions .mocha-call-launch:not([hidden]){display:grid!important}
.app.premium-ready .composer button:not(:disabled):active{transform:scale(.93)}
.app.premium-ready .bubble .message-actions button{transition:transform .13s ease,background .15s ease}
.app.premium-ready .bubble .message-actions button:active{transform:scale(.9)}
.app.premium-ready .reply-bar{animation:premium-enter .2s var(--premium-ease) both}

/* Bottom navigation stays on the people list, not over a live chat/video. */
.premium-mobile-nav{display:none}
.premium-mobile-nav .premium-icon{width:22px;height:22px}
@media(max-width:680px){
 .app.premium-ready{height:100dvh!important}
 .app.premium-ready .sidebar{display:flex;flex:1 1 100%;width:100%;height:100dvh;max-height:100dvh}
 .app.premium-ready.mobile-chat-open .sidebar{display:none!important}
 .app.premium-ready.mobile-chat-open .chat{display:flex!important}
 .app.premium-ready .sidebar .mocha-settings-entry{display:none!important}
 .app.premium-ready .sidebar .brand{min-height:70px}
 .app.premium-ready .sidebar .search{padding:3px 16px 8px}
 .app.premium-ready .premium-people-title{padding:12px 20px 6px}
 .app.premium-ready #userList{flex:1;min-height:0;padding:7px 12px 10px}
 .app.premium-ready #userList .contact{margin:3px 1px}
 .app.premium-ready .premium-mobile-nav{display:flex;flex:0 0 auto;align-items:stretch;justify-content:space-around;gap:8px;min-height:65px;padding:8px 12px max(8px,env(safe-area-inset-bottom));border-top:1px solid #74586a4a;background:#201924ea;backdrop-filter:blur(15px)}
 .app.premium-ready .premium-nav-item{border:0;background:transparent;flex:1;min-width:0;min-height:48px;color:#b6a5bf;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font:650 10px Arial,system-ui,sans-serif;border-radius:13px;transition:color .2s ease,background .2s ease,transform .2s var(--premium-ease)}
 .app.premium-ready .premium-nav-item .premium-icon{display:grid;place-items:center}
 .app.premium-ready .premium-nav-item[aria-current="page"]{background:#6e50a12c;color:#ceb4ff}
 .app.premium-ready .premium-nav-item:active{transform:scale(.94)}
 .app.premium-ready .premium-nav-item.premium-unavailable{opacity:.72}
}
@media(max-width:350px){.app.premium-ready .premium-people-title span{display:none}}

/* True settings screen: organized actions reuse the original existing buttons. */
#mochaSettings.mocha-panel{font:13px/1.5 Arial,"Helvetica Neue",system-ui,sans-serif!important;background:linear-gradient(155deg,#211b2b,#171522)!important;border:1px solid #745d875f!important;color:#fff5fc!important;padding:20px 17px 22px!important;scrollbar-width:thin;scrollbar-color:#695674 transparent}
#mochaSettings .premium-settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:9px}
#mochaSettings .premium-settings-header .premium-eyebrow{font:750 9px/1.5 Arial,system-ui,sans-serif;letter-spacing:.16em;color:#bda5ee}
#mochaSettings .premium-settings-header h2{margin:7px 0 3px;color:#faf4fc;font-size:24px;letter-spacing:-.04em}
#mochaSettings .premium-settings-header p{margin:0;color:#b7a9bf;font-size:12px}
#mochaSettings .premium-close{width:36px;height:36px;flex:0 0 auto;border:1px solid #80688169;border-radius:12px;background:#302638;color:#fff5fc;font-size:19px}
#mochaSettings .premium-settings-section{font:800 10px/1.5 Arial,system-ui,sans-serif;letter-spacing:.11em;text-transform:uppercase;color:#c5afcf;margin:19px 3px 8px}
#mochaSettings .premium-settings-group{background:#292333;border:1px solid #896d8640;border-radius:17px;overflow:hidden}
#mochaSettings .premium-item{box-sizing:border-box;display:flex;gap:11px;align-items:center;width:100%;min-height:63px;padding:10px 12px;text-align:left;border:0;border-bottom:1px solid #795f7052;background:transparent;color:#f9eef5;cursor:pointer;transition:background .18s ease,transform .18s var(--premium-ease)}
#mochaSettings .premium-item:last-child{border-bottom:0}
#mochaSettings .premium-item:hover{background:#403047}
#mochaSettings .premium-item:active{background:#47334e;transform:scale(.99)}
#mochaSettings .premium-item-mark{width:35px;height:35px;flex:0 0 35px;border-radius:11px;display:grid;place-items:center;background:#453149;color:#e8b0ce}
#mochaSettings .premium-item-mark .premium-icon{display:grid;place-items:center}
#mochaSettings .premium-item-mark svg{width:18px;height:18px}
#mochaSettings .premium-item-copy{min-width:0;flex:1;display:flex;flex-direction:column;gap:3px}
#mochaSettings .premium-item-copy strong{font-size:12px;font-weight:770;line-height:1.4}
#mochaSettings .premium-item-copy small{color:#baaabc;font-size:10px;line-height:1.4}
#mochaSettings .premium-item>.premium-icon{display:grid;color:#b5a4c8;place-items:center}
#mochaSettings .premium-item>.premium-icon svg{width:15px;height:15px}
#mochaSettings .premium-item-trailing{font-size:12px;font-weight:750;color:#c4a8ff}
#mochaSettings .premium-danger .premium-item-mark{color:#ffabb8;background:#5f354657}
#mochaSettings .premium-danger .premium-item-copy strong{color:#ffb6c1}
#mochaSettings .premium-back{margin:7px 0;padding:8px 0;background:transparent;border:0;color:#cbb0ff;font-size:12px;font-weight:720}
#mochaSettings .premium-notice{margin:13px 5px 0;color:#baa9c0;font-size:11px;line-height:1.6}
#mochaSettings .premium-confirm{display:flex;gap:10px;margin-top:22px}
#mochaSettings .premium-confirm button{min-height:46px;flex:1;border:1px solid #7c657a;border-radius:12px;font-weight:760}
#mochaSettings .premium-confirm .premium-secondary{background:#3c3042;color:#e9dbec}
#mochaSettings .premium-confirm .premium-confirm-logout{background:#ba5870;border-color:#e297a5;color:white}
#mochaSettings .premium-settings-header~.premium-settings-group{margin-top:14px}
#mochaSettings .premium-item[aria-pressed="true"] .premium-item-trailing{color:#8ee4c4}
@media(max-width:680px){
 #mochaSettings.mocha-panel{width:100vw;max-width:none;height:100dvh;max-height:none;inset:0;position:fixed;border:0!important;border-radius:0;padding:calc(env(safe-area-inset-top) + 22px) 19px calc(env(safe-area-inset-bottom) + 25px)!important;margin:0}
}

/* Security Centre: original, dynamically verified status remains authoritative.
   Reflow the existing keyed nodes; don't substitute fabricated status icons. */
#aeoteeSecurityDialog .a2s-panel{width:min(530px,100%)!important;max-height:93dvh!important;background:linear-gradient(150deg,#251c2b,#171521)!important;border:1px solid #87678c5a!important;border-radius:24px!important;font:12px/1.5 Arial,"Helvetica Neue",system-ui,sans-serif!important;scrollbar-width:thin}
#aeoteeSecurityDialog .a2s-head{position:sticky;top:0;z-index:2;align-items:center;margin:-2px 0 12px;padding:8px 0 12px;background:#251e2cd9;backdrop-filter:blur(15px);border-bottom:1px solid #7c627052}
#aeoteeSecurityDialog .a2s-head h2{font:790 23px/1.2 Arial,system-ui,sans-serif!important;letter-spacing:-.035em!important;color:#fff3ff!important}
#aeoteeSecurityDialog .a2s-head p{font-size:11px!important;line-height:1.5!important;color:#b7a9c5!important}
#aeoteeSecurityDialog .a2s-close{width:35px;height:35px;border-radius:12px!important;background:#3a2c41!important;color:#efe0fb!important}
#aeoteeSecurityDialog .a2s-grid{display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:8px!important}
#aeoteeSecurityDialog .premium-security-group-title{grid-column:1/-1;margin:8px 2px 0;font-size:10px;line-height:1.4;text-transform:uppercase;letter-spacing:.12em;color:#c9b2d4;font-weight:780}
#aeoteeSecurityDialog .a2s-card{box-sizing:border-box;grid-column:1/-1!important;display:block;padding:11px 13px!important;margin:0;border:1px solid #725b785b!important;border-radius:14px!important;background:#2e2737!important;color:#fff4fc!important}
#aeoteeSecurityDialog .a2s-card span{margin:0 0 4px!important;color:#e2bedc!important;font:720 10px/1.35 Arial,system-ui,sans-serif!important;letter-spacing:0!important;text-transform:none!important}
#aeoteeSecurityDialog .a2s-card strong{font-size:12px;line-height:1.5;color:#fff4fd;font-weight:740}
#aeoteeSecurityDialog .a2s-card code{font-size:10px;color:#bdb1ce!important}
#aeoteeSecurityDialog .a2s-card .a2s-note{display:block;margin:5px 0 0!important;font-size:10px!important;line-height:1.55!important;color:#bbaec6!important}
#aeoteeSecurityDialog #a2sBackupNote{color:#d4bed0!important}
#aeoteeSecurityDialog .a2s-msg{margin:13px 0 0!important;padding:10px 12px!important;border-color:#8165816b!important;font-size:11px!important}
#aeoteeSecurityDialog .a2s-msg[data-kind="error"]{color:#ffb6bd!important}
#aeoteeSecurityDialog .premium-security-advanced{margin-top:15px;border:1px solid #715b785e;border-radius:14px;background:#2a2433;padding:0 12px 12px}
#aeoteeSecurityDialog .premium-security-advanced:not([open]){padding-bottom:0}
#aeoteeSecurityDialog .premium-security-advanced>summary{cursor:pointer;padding:14px 3px;color:#e8d8f0;font-size:12px;font-weight:740}
#aeoteeSecurityDialog .premium-security-advanced>summary:focus-visible{outline:2px solid #c2a3fc;outline-offset:2px}
#aeoteeSecurityDialog .premium-security-advanced>.a2s-actions{margin-top:0}
#aeoteeSecurityDialog .premium-security-advanced>.a2s-actions button{min-width:0;min-height:42px;padding:8px 10px;font-size:11px!important}
#aeoteeSecurityDialog .a2s-sub{background:#231d2b!important;border-color:#6b55725c!important;border-radius:13px!important}
#aeoteeSecurityDialog .a2s-sub input,#aeoteeSecurityDialog .a2s-sub textarea{background:#14111d!important;border-color:#67526e!important;color:#fff!important;font-size:12px}
#aeoteeSecurityDialog:not([hidden]) .a2s-panel{animation:premium-enter .22s var(--premium-ease) both}
@media(max-width:600px){
 #aeoteeSecurityDialog.a2s-backdrop{padding:4px!important}
 #aeoteeSecurityDialog .a2s-panel{width:100%!important;max-height:calc(100dvh - 8px)!important;padding:16px!important;border-radius:19px!important}
 #aeoteeSecurityDialog .a2s-grid{grid-template-columns:minmax(0,1fr)!important}
}

/* Linked devices: two guided routes, passkeys optional, same secure QR/controller.
   Collapsed options hide only optional controls; all source DOM IDs and listeners survive. */
#aeoteeLinkDialog.aeotee-link-dialog{font:12px/1.5 Arial,"Helvetica Neue",system-ui,sans-serif!important;background:linear-gradient(155deg,#241c2d,#171522)!important;border:1px solid #7961876e!important;color:#fff3fb!important;width:min(520px,calc(100vw - 18px));max-height:92dvh;border-radius:23px!important;scrollbar-width:thin}
#aeoteeLinkDialog::backdrop{background:#08050bbd;backdrop-filter:blur(9px)}
#aeoteeLinkDialog[open]{animation:premium-enter .25s var(--premium-ease) both}
#aeoteeLinkDialog .aeotee-link-header{gap:12px;padding:19px 18px 0}
#aeoteeLinkDialog .aeotee-link-header h2{font:800 23px Arial,system-ui,sans-serif;letter-spacing:-.035em}
#aeoteeLinkDialog .aeotee-link-header p{font-size:11px;color:#bbaec9;max-width:340px;margin:6px 0}
#aeoteeLinkDialog #aeoteeLinkClose{width:34px;height:34px;min-width:34px;display:grid;place-items:center;background:#342b3f;border:1px solid #745f88;border-radius:10px;font-size:19px}
#aeoteeLinkDialog .aeotee-link-status{margin:0;padding:9px 18px;color:#ddc8fa;font-size:11px;line-height:1.6}
#aeoteeLinkDialog .aeotee-link-panel{margin:0 14px 12px;padding:15px!important;border:1px solid #765f805b!important;border-radius:15px;background:#2d2636;gap:9px}
#aeoteeLinkDialog .aeotee-link-panel h3{font:760 14px/1.45 Arial,system-ui,sans-serif;color:#fdf1ff}
#aeoteeLinkDialog .aeotee-link-panel p{font-size:11px!important;color:#bcadca!important;line-height:1.6}
#aeoteeLinkDialog .aeotee-link-panel label{font-size:11px;color:#e5d6ea}
#aeoteeLinkDialog button:not(#aeoteeLinkClose){border-color:#7b6594!important;background:#49365c!important;color:#fff0ff!important;border-radius:12px!important;min-height:43px;font-size:12px;font-weight:670;transition:transform .17s var(--premium-ease),filter .17s ease,background .17s ease}
#aeoteeLinkDialog button:not(#aeoteeLinkClose):hover:not(:disabled){filter:brightness(1.08);transform:translateY(-1px)}
#aeoteeLinkDialog button:not(#aeoteeLinkClose):active:not(:disabled){transform:scale(.985)}
#aeoteeLinkDialog #aeoteeLinkCreate,#aeoteeLinkDialog #aeoteeLinkApprove{background:linear-gradient(115deg,#9475f9,#7458e7)!important;border-color:#a993ff!important;color:#fff!important}
#aeoteeLinkDialog .premium-link-details{margin:0 14px 12px;border:1px solid #705d8061;border-radius:15px;overflow:hidden;background:#24202e}
#aeoteeLinkDialog .premium-link-details>summary{padding:15px;cursor:pointer;list-style:none;display:flex;flex-direction:column;gap:4px}
#aeoteeLinkDialog .premium-link-details>summary::-webkit-details-marker{display:none}
#aeoteeLinkDialog .premium-link-details>summary::after{content:"⌄";margin-left:auto;position:absolute;right:30px;color:#c7b3e5;font-size:18px}
#aeoteeLinkDialog .premium-link-details>summary{position:relative;padding-right:39px}
#aeoteeLinkDialog .premium-link-details>summary strong{font:720 12px Arial,system-ui,sans-serif;color:#f3e9ff}
#aeoteeLinkDialog .premium-link-details>summary small{font:11px Arial,system-ui,sans-serif;color:#b4a6c2}
#aeoteeLinkDialog .premium-link-details>.aeotee-link-panel{margin:0;border:0!important;border-top:1px solid #7563834c!important;border-radius:0!important;background:transparent;padding:12px!important}
#aeoteeLinkDialog .premium-link-details>.aeotee-link-panel h3{display:none}
#aeoteeLinkDialog input:not([type="checkbox"]),#aeoteeLinkDialog select{border-color:#6f5981!important;background:#191623!important;border-radius:10px!important;color:#fff1fb!important;font-size:12px}
#aeoteeLinkDialog #aeoteeLinkQr{max-width:100%;width:min(205px,75vw);height:auto;aspect-ratio:1}
#aeoteeLinkDialog input[type="checkbox"]{accent-color:#9274ec}
#aeoteeLinkDialog .premium-link-details[open]{animation:premium-tint .2s ease both}
#aeoteeLinkDialog .premium-link-details>summary:focus-visible{outline:2px solid #cab5fa;outline-offset:-3px}
@media(max-width:560px){#aeoteeLinkDialog.aeotee-link-dialog{width:calc(100vw - 12px);max-height:calc(100dvh - 12px);border-radius:17px!important}}

/* Storage diagnostic remains read-only/on-demand, relocated to Settings. */
#aeoteeStorageDialog{background:#241e2c!important;color:#fbf1fa!important;border-color:#806681!important;border-radius:20px!important}
#aeoteeStorageDialog::backdrop{background:#090611ad;backdrop-filter:blur(7px)}

/* Premium micro-interactions are short, transform/opacity-based and optional. */
@keyframes premium-enter{from{opacity:0;transform:translate3d(0,9px,0) scale(.991)}to{opacity:1;transform:translate3d(0,0,0) scale(1)}}
@keyframes premium-drift{from{transform:translate3d(-5px,0,0)}to{transform:translate3d(6px,-7px,0)}}
@keyframes premium-tint{from{background:#352a3f}to{background:#24202e}}
@media(prefers-reduced-motion:reduce){
 #loginBox.auth-shell .auth-card,#loginBox.auth-shell .auth-ambient span,
 #loginBox.auth-shell .auth-signup-confirm,#aeoteeSecurityDialog .a2s-panel,
 #aeoteeLinkDialog,#mochaSettings,.premium-mobile-nav *,#aeoteeLinkDialog .premium-link-details,
 .app.premium-ready *{animation:none!important;transition:none!important;scroll-behavior:auto!important}
}
html.premium-motion-off #loginBox.auth-shell .auth-card,
html.premium-motion-off #loginBox.auth-shell .auth-ambient span,
html.premium-motion-off #loginBox.auth-shell .auth-signup-confirm,
html.premium-motion-off #aeoteeSecurityDialog .a2s-panel,
html.premium-motion-off #aeoteeLinkDialog,
html.premium-motion-off #mochaSettings,
html.premium-motion-off .app.premium-ready *,
html.premium-motion-off #aeoteeLinkDialog *{animation:none!important;transition:none!important;scroll-behavior:auto!important}

#aeoteeStorageDialog .aeotee-storage-actions button{background:linear-gradient(110deg,#9576f4,#7559e1)!important;border-radius:12px!important;color:#fff!important;min-height:43px;transition:transform .17s var(--premium-ease),filter .17s ease}
#aeoteeStorageDialog .aeotee-storage-actions button:last-child{background:#45374f!important}
#aeoteeStorageDialog .aeotee-storage-actions button:hover:not(:disabled){filter:brightness(1.08)}
#aeoteeStorageDialog .aeotee-storage-actions button:active:not(:disabled){transform:scale(.98)}
#aeoteeStorageDialog .aeotee-storage-panel{font:12px/1.6 Arial,system-ui,sans-serif}
#aeoteeStorageDialog .aeotee-storage-panel h2{font-size:22px;color:#fff2ff}
#aeoteeStorageDialog .aeotee-storage-persistence{color:#c7b8d3}
@media(prefers-reduced-motion:reduce){
 #aeoteeStorageDialog .aeotee-storage-actions button{transition:none!important}
}

/* 2026-10-23 AEOTEE kitten identity: approved cat art, no text-only letter badges. */
#loginBox.auth-shell .auth-brand-mark{width:46px!important;height:46px!important;flex:0 0 46px;overflow:hidden;display:grid;place-items:center;padding:0!important;background:#21162e!important;border:1px solid #bda3ef90!important;border-radius:14px!important;box-shadow:0 5px 19px #8f65e648!important}
#loginBox.auth-shell .auth-brand-mark img{display:block;width:100%;height:100%;object-fit:cover;border-radius:13px}
#loginBox.auth-shell .auth-brand{gap:12px;align-items:center}
.app .brand-mark:has(>img),.app.premium-ready .sidebar .brand-mark:has(>img){width:43px!important;height:43px!important;min-width:43px!important;flex:0 0 43px!important;overflow:visible!important;padding:0!important;border:1px solid #bda3ef70!important;border-radius:13px!important;background:#21162e!important;box-shadow:0 6px 17px #9065e23a!important}
.app .brand-mark>img{display:block;width:100%;height:100%;object-fit:cover;border-radius:12px}
.app.premium-ready .sidebar .brand{min-height:68px;gap:12px}
.app .brand-mark:has(>img)::after{right:-4px;bottom:-3px;width:10px;height:10px;border-color:#17121d;background:#4edcc9}
.app .brand-mark:has(>img),#loginBox.auth-shell .auth-brand-mark{transition:transform .2s cubic-bezier(.22,1,.36,1),box-shadow .2s ease}
.app .brand-mark:has(>img):hover,#loginBox.auth-shell .auth-brand-mark:hover{transform:translateY(-1px) scale(1.035)}
@media(max-width:680px){.app.premium-ready .sidebar .brand-mark:has(>img){width:40px!important;height:40px!important;min-width:40px!important;flex-basis:40px!important}}
@media(prefers-reduced-motion:reduce){.app .brand-mark:has(>img),#loginBox.auth-shell .auth-brand-mark{transition:none!important}}
html.premium-motion-off .app .brand-mark:has(>img),html.premium-motion-off #loginBox.auth-shell .auth-brand-mark{transition:none!important}