:root{--o:#ff8300;--o2:#ffab45;--bg:#030303;--text:#fff;--muted:#aaa9aa;--panel:rgba(15,12,10,.84);--line:rgba(255,133,29,.42);--safeT:env(safe-area-inset-top,0px);--safeB:env(safe-area-inset-bottom,0px);font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;-webkit-text-size-adjust:100%}
*{box-sizing:border-box}html,body{margin:0;width:100%;height:100%;background:#000;color:var(--text);overflow:hidden}button,input,textarea{font:inherit}button{color:inherit}#app{width:100vw;height:100dvh;background:#000}.toast{position:fixed;z-index:300;left:50%;bottom:calc(86px + var(--safeB));transform:translate(-50%,14px);opacity:0;pointer-events:none;transition:.18s;padding:10px 14px;border-radius:14px;background:rgba(15,14,14,.96);border:1px solid var(--line);max-width:86vw;text-align:center;font-size:12px}.toast.show{opacity:1;transform:translate(-50%,0)}
/* Pixel-art onboarding/profile screens only. Never crop horizontally. */
.stage{position:relative;width:100vw;height:100dvh;background:#000;overflow:hidden}.surface{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;object-position:top center;pointer-events:none}.hotspot{position:absolute;z-index:20;border:0;background:transparent;padding:0}.profile-input{position:absolute;z-index:25;color:#f2f2f2;border:1px solid rgba(255,255,255,.08);outline:0;font-size:clamp(14px,3.45vw,20px);height:5.25%;padding:0 2.4%;caret-color:var(--o);background:linear-gradient(90deg,rgba(7,7,7,.99),rgba(9,8,7,.98));border-radius:14px}.profile-input::placeholder{color:transparent}.profile-input.name{left:10.1%;top:54.05%;width:78.5%}.profile-input.handle{left:10.1%;top:64.75%;width:61.8%}
/* Adaptive app shell */
.app-shell{height:100dvh;display:grid;grid-template-rows:auto minmax(0,1fr) auto;padding:calc(var(--safeT) + 8px) 18px 0;background:radial-gradient(72% 45% at 100% 5%,rgba(255,111,0,.21),transparent 68%),radial-gradient(42% 32% at 0% 90%,rgba(255,110,0,.06),transparent 72%),linear-gradient(160deg,#020202,#080604 55%,#020202);overflow:hidden}
.app-header{height:58px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:10px}.head-left{display:flex;align-items:center;min-width:0}.brand{display:flex;align-items:center;gap:10px;letter-spacing:.24em;font-weight:800;font-size:14px;white-space:nowrap}.brand img{width:36px;height:36px;object-fit:contain}.head-title{font-size:18px;font-weight:800;text-align:center;white-space:nowrap}.head-right{display:flex;justify-content:flex-end}.head-btn{width:46px;height:46px;border-radius:17px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,119,0,.055));display:grid;place-items:center;font-size:25px;box-shadow:inset 0 1px rgba(255,255,255,.11),0 0 20px rgba(255,111,0,.08)}.page-scroll{min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:10px 0 8px}.page-scroll::-webkit-scrollbar{display:none}.page-content{min-height:100%;display:flex;flex-direction:column}.eyebrow{color:#ff9a32;font-size:11px;font-weight:800;letter-spacing:.24em}.title{font-size:clamp(31px,8vw,45px);line-height:1.04;letter-spacing:-.035em;margin:7px 0 5px}.muted{color:var(--muted);line-height:1.4}.small{font-size:14px}.tiny{font-size:11px}
.glass{background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,118,0,.045));border:1px solid var(--line);box-shadow:inset 0 1px rgba(255,255,255,.10),0 12px 34px rgba(0,0,0,.28),0 0 18px rgba(255,112,0,.045);backdrop-filter:blur(22px);-webkit-backdrop-filter:blur(22px)}.card{border-radius:22px}.icon-tile{width:58px;height:58px;border-radius:17px;object-fit:cover;flex:0 0 auto}.row{display:flex;align-items:center;gap:12px}.grow{flex:1;min-width:0}.row h3{font-size:17px;margin:0 0 4px}.btn{border:0;border-radius:17px;min-height:50px;padding:12px 15px;background:linear-gradient(135deg,#ff7000,#ff9800);font-weight:800;box-shadow:0 10px 28px rgba(255,112,0,.20)}.btn.secondary{background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,119,0,.045));border:1px solid var(--line);box-shadow:inset 0 1px rgba(255,255,255,.09)}.btn.danger{background:linear-gradient(135deg,#ff493f,#c92118)}.btn.block{width:100%}.input{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:16px;background:rgba(255,255,255,.055);color:inherit;padding:13px 14px;outline:0}
.app-footer-wrap{padding:7px 0 max(6px,var(--safeB))}.app-footer{height:64px;border-radius:23px;border:1px solid rgba(255,255,255,.15);background:rgba(5,5,6,.90);display:grid;grid-template-columns:repeat(5,1fr);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);box-shadow:0 10px 28px rgba(0,0,0,.30)}.app-footer button{border:0;background:transparent;color:#969696;display:grid;place-items:center;align-content:center;gap:1px;font-size:10px}.app-footer button.on{color:#ff962e;background:linear-gradient(145deg,rgba(255,118,0,.26),rgba(255,118,0,.08));border-radius:19px;margin:4px}.navico{font-size:20px;line-height:1}
/* Home */
.home-body{justify-content:space-between;gap:10px}.welcome{padding:2px 2px 0}.welcome h1{font-size:clamp(31px,8vw,45px);margin:6px 0 4px}.hero{position:relative;width:100%;aspect-ratio:850/350;border-radius:24px;overflow:hidden}.hero img{width:100%;height:100%;object-fit:cover;display:block}.hero:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 0 0 0 1px rgba(255,133,28,.55),0 0 24px rgba(255,119,0,.08);pointer-events:none}.hero img{animation:heroPulse 4.2s ease-in-out infinite}@keyframes heroPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.008);filter:brightness(1.05)}}.quick-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-card{min-height:68px;border-radius:20px;padding:8px 12px;display:flex;align-items:center;gap:10px;text-align:left}.quick-card .icon-tile{width:49px;height:49px}.feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.feature-card{min-height:145px;border-radius:23px;padding:12px;display:flex;flex-direction:column;text-align:left}.feature-top{display:flex;align-items:center;justify-content:space-between}.feature-card .icon-tile{width:68px;height:68px}.feature-card h3{font-size:17px;margin:9px 0 4px}.chev{width:34px;height:34px;border-radius:50%;display:grid;place-items:center;border:1px solid rgba(255,132,24,.45);color:#ff941f;font-size:22px}.security-state{min-height:66px;border-radius:20px;padding:9px 12px;display:flex;align-items:center;gap:10px}.security-state .icon-tile{width:45px;height:45px}.active-pill{margin-left:auto;padding:9px 13px;border-radius:999px;border:1px solid rgba(255,133,28,.45);color:#ff9b32;font-size:12px}
/* Settings */
.settings-body{gap:8px}.settings-heading{padding:0 2px 5px}.settings-list{flex:1;display:grid;align-content:space-evenly;gap:9px;min-height:0}.setting-row{min-height:clamp(92px,8.2vh,116px);border-radius:22px;padding:10px 13px;display:flex;align-items:center;gap:12px;text-align:left}.setting-row .icon-tile{width:56px;height:56px}.switch-zone{margin-left:auto;width:74px;height:46px;display:grid;place-items:center}.switch{position:relative;width:68px;height:38px;border-radius:999px;border:1px solid rgba(255,255,255,.18);background:#424242;padding:3px;transition:.22s;box-shadow:inset 0 1px rgba(255,255,255,.12)}.switch:after{content:"";display:block;width:30px;height:30px;border-radius:50%;background:#fff;transition:.22s;box-shadow:0 1px 5px rgba(0,0,0,.35)}.switch.on{background:linear-gradient(90deg,#ff6d00,#ff9900);box-shadow:0 0 20px rgba(255,120,0,.25)}.switch.on:after{transform:translateX(30px)}.setting-value{color:#aaa;font-size:13px}.change-pill{margin-left:auto;padding:10px 14px;border-radius:15px;border:1px solid rgba(255,133,28,.42);color:#ff9c36}.setting-chevron{margin-left:auto;color:#ff8d20;font-size:26px}
/* Chat and other live pages */
.section-head{padding:5px 1px 8px}.list{display:grid;gap:10px}.empty{padding:22px;border-radius:22px}.contact-row,.file-row,.test-row{padding:12px;border-radius:21px;text-align:left}.avatar{width:50px;height:50px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ff9a38,#ad4100);font-weight:800}.chatbox{height:100%;display:flex;flex-direction:column}.messages{flex:1;overflow-y:auto;display:grid;align-content:end;gap:8px;padding:10px 0}.bubble{max-width:78%;padding:11px 13px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.13);font-size:14px}.bubble.me{justify-self:end;background:linear-gradient(145deg,rgba(255,126,0,.88),rgba(190,62,0,.9));border-color:rgba(255,173,89,.33)}.composer{display:flex;gap:8px;align-items:center}.composer .input{flex:1}.sendbtn{width:46px;height:46px;border-radius:15px;border:0;background:#ff8400;color:#fff}.video-preview{width:100%;height:44dvh;border-radius:24px;overflow:hidden;border:1px solid var(--line);background:#101010}.video-preview video{width:100%;height:100%;object-fit:cover}.callstage{height:100%;display:grid;align-content:center;justify-items:center;gap:20px}.callavatar{width:138px;height:138px;border-radius:50%;display:grid;place-items:center;font-size:44px;background:radial-gradient(circle at 40% 30%,rgba(255,151,56,.24),rgba(14,12,10,.99));border:1px solid var(--line)}.callcontrols{display:flex;gap:14px}.callbtn{width:58px;height:58px;border-radius:50%;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.08)}.callbtn.end{background:#ff3b30}.code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;word-break:break-all;padding:14px;border-radius:16px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.12)}
/* Glassmorphism bottom sheets */
.sheetback{position:fixed;inset:0;z-index:180;background:rgba(0,0,0,.48);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);display:grid;align-items:end}.sheet{margin:0 14px calc(8px + var(--safeB));border-radius:30px;padding:16px 16px 18px;background:linear-gradient(145deg,rgba(25,22,19,.87),rgba(10,10,10,.95));border:1px solid rgba(255,135,28,.45);box-shadow:0 -14px 60px rgba(0,0,0,.55),inset 0 1px rgba(255,255,255,.12);backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px);animation:sheetUp .22s ease-out}@keyframes sheetUp{from{transform:translateY(35px);opacity:0}to{transform:none;opacity:1}}.sheet-grabber{width:88px;height:7px;border-radius:999px;background:linear-gradient(90deg,#f0a264,#8d480a);margin:3px auto 17px}.sheet h2{font-size:27px;margin:0 0 7px}.expiry-options{display:grid;gap:10px;margin-top:15px}.expiry-option{min-height:72px;border-radius:20px;padding:9px 12px;display:flex;align-items:center;gap:12px;text-align:left}.expiry-icon{width:49px;height:49px;border-radius:15px;display:grid;place-items:center;border:1px solid rgba(255,133,28,.45);background:radial-gradient(circle at 40% 25%,rgba(255,164,72,.16),rgba(30,17,7,.87));color:#ff9b32;font-size:24px}.expiry-option.selected{border-color:#ff8b18;box-shadow:0 0 22px rgba(255,122,0,.18),inset 0 0 18px rgba(255,122,0,.06)}.check{margin-left:auto;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#ff8612;color:#1d0e00;font-weight:900}
/* Appearance */
.appearance-body{gap:13px}.appearance-intro{padding:5px 1px}.appearance-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.appearance-card{position:relative;border-radius:27px;padding:10px 10px 14px;text-align:center;overflow:hidden}.appearance-card.selected{border-color:#ff8c1d;box-shadow:0 0 26px rgba(255,125,0,.18),inset 0 0 22px rgba(255,125,0,.06)}.appearance-preview{width:100%;aspect-ratio:0.57;border-radius:20px;object-fit:cover;object-position:top center;display:block}.appearance-check{position:absolute;right:12px;top:12px;width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:#ff8611;color:white;font-size:24px;font-weight:900}.appearance-card h3{font-size:18px;margin:12px 0 4px}.appearance-note{padding:14px;border-radius:20px}.apply-wrap{margin-top:auto;padding-top:2px}.apply-btn{width:100%;min-height:58px;border:0;border-radius:18px;background:linear-gradient(90deg,#ff7200,#ff9800);font-size:17px;font-weight:800;box-shadow:0 12px 32px rgba(255,113,0,.22)}
html[data-theme="light"]{--text:#181512;--muted:#6f6760;--panel:rgba(255,255,255,.78);--line:rgba(255,128,20,.30)}html[data-theme="light"] body,html[data-theme="light"] #app{background:#f8f3ed;color:#181512}html[data-theme="light"] .app-shell{background:radial-gradient(70% 45% at 100% 5%,rgba(255,141,43,.19),transparent 68%),linear-gradient(160deg,#fffaf5,#f2e9df 58%,#fff)}html[data-theme="light"] .glass{background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(255,237,219,.68));box-shadow:inset 0 1px #fff,0 12px 30px rgba(70,40,15,.08)}html[data-theme="light"] .app-footer{background:rgba(255,255,255,.88)}html[data-theme="light"] .input{background:rgba(255,255,255,.76);color:#181512;border-color:rgba(40,25,12,.13)}html[data-theme="light"] .sheet{background:rgba(255,249,243,.94);color:#181512}
@media(max-height:740px){.feature-card{min-height:125px}.feature-card .icon-tile{width:60px;height:60px}.hero{aspect-ratio:850/315}.setting-row{min-height:86px}.settings-list{gap:7px}.app-header{height:54px}.app-footer{height:60px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}

/* v8.5 correction */
.onboard-shell{width:100vw;height:100dvh;overflow:hidden;background:radial-gradient(70% 42% at 50% 100%,rgba(255,102,0,.20),transparent 70%),radial-gradient(55% 35% at 50% 12%,rgba(255,120,0,.08),transparent 70%),#030303;padding:calc(var(--safeT) + 18px) 20px calc(var(--safeB) + 12px);display:flex;justify-content:center;color:#fff}.onboard-content{width:min(100%,560px);height:100%;display:flex;flex-direction:column;align-items:center;gap:10px}.onboard-brand{text-align:center}.onboard-brand img{width:108px;height:108px;object-fit:contain;filter:drop-shadow(0 0 18px rgba(255,120,0,.22));animation:onboardFloat 4s ease-in-out infinite}.onboard-word{font-weight:900;letter-spacing:.22em;font-size:27px;margin-top:-4px}.onboard-tag{font-size:10px;letter-spacing:.28em;color:#c7c7c7;margin-top:4px}.onboard-tag span{color:#ff941f}.onboard-copy{text-align:center}.onboard-copy h1{font-size:clamp(29px,8vw,43px);line-height:1.04;margin:0}.onboard-copy h1 span{color:#ff8d16}.onboard-copy p{color:#aaa;line-height:1.38;font-size:13px;max-width:420px;margin:9px auto 0}.onboard-features{width:100%;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.onboard-card{min-height:136px;border-radius:21px;padding:10px 7px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px}.onboard-card img{width:54px;height:54px;border-radius:17px}.onboard-card strong{font-size:13px}.onboard-card span{font-size:9px;line-height:1.32;color:#aaa}.onboard-continue{width:100%;min-height:58px;border-radius:21px;border:1px solid rgba(255,142,42,.60);display:flex;align-items:center;justify-content:center;position:relative;background:linear-gradient(135deg,rgba(255,135,31,.13),rgba(255,95,0,.05));font-size:18px;font-weight:800;box-shadow:0 0 26px rgba(255,118,0,.14),inset 0 1px rgba(255,255,255,.10);margin-top:auto}.onboard-continue b{position:absolute;right:22px;font-size:34px;color:#ff941f;font-weight:400;line-height:1}.onboard-skip{border:0;background:transparent;color:#a8a8a8;font-size:14px;padding:4px 14px}.onboard-dots{display:flex;gap:10px}.onboard-dots i{width:9px;height:9px;border-radius:50%;border:1px solid rgba(255,255,255,.42)}.onboard-dots i.on{background:#ff941f;border-color:#ff941f;box-shadow:0 0 12px rgba(255,148,31,.65)}.onboard-platform{height:31px;width:78%;position:relative}.onboard-platform:before,.onboard-platform:after,.onboard-platform span{content:"";position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,118,0,.45);box-shadow:0 0 15px rgba(255,111,0,.20)}.onboard-platform:before{width:100%;height:26px}.onboard-platform:after{width:72%;height:16px}.onboard-platform span{width:42%;height:7px;background:rgba(255,122,0,.16)}@keyframes onboardFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
.profile-page{gap:10px}.profile-live{display:flex;flex-direction:column;gap:11px}.profile-orbit{height:176px;position:relative;display:grid;place-items:center;overflow:visible}.profile-orbit img{width:132px;height:132px;object-fit:contain;z-index:3;animation:profileLogoFloat 4s ease-in-out infinite;filter:drop-shadow(0 0 18px rgba(255,112,0,.22))}.orbit-ring,.orbit-platform{position:absolute;left:50%;top:61%;transform:translate(-50%,-50%);border-radius:50%}.orbit-ring{border:1px solid rgba(255,118,0,.25)}.orbit-ring.r1{width:235px;height:145px}.orbit-ring.r2{width:185px;height:110px;border-style:dashed}.orbit-platform{top:78%;width:220px;height:32px;border:1px solid rgba(255,127,0,.45);box-shadow:0 0 26px rgba(255,112,0,.28),inset 0 0 18px rgba(255,112,0,.10)}.profile-copy{padding:0 2px}.profile-copy .muted{margin:0}.profile-card{border-radius:25px;padding:17px;display:grid;gap:15px}.profile-card label{display:grid;gap:7px;font-size:15px;font-weight:700}.profile-card label>span{font-weight:400;color:#aaa;font-size:12px}.profile-field{width:100%;height:56px;border-radius:16px;border:1px solid rgba(255,133,28,.34);background:#080808;color:#fff;padding:0 16px;font-size:17px;line-height:normal;outline:none;appearance:none;-webkit-appearance:none;text-align:left}.profile-field::placeholder{color:#777}.profile-field:focus{border-color:#ff8c1d;box-shadow:0 0 0 1px rgba(255,140,29,.18),0 0 22px rgba(255,118,0,.08)}.handle-wrap{position:relative}.handle-wrap .profile-field{padding-right:92px}.handle-wrap>span{position:absolute;right:15px;top:50%;transform:translateY(-50%);font-size:14px;color:#c5c5c5;pointer-events:none}.profile-note{min-height:46px;border-radius:14px;border:1px solid rgba(255,255,255,.08);background:rgba(0,0,0,.28);display:flex;align-items:center;gap:10px;padding:9px 12px;color:#aaa;font-size:12px}.profile-note b{color:#ff9b31;font-size:18px}.profile-create{width:100%;min-height:59px;border-radius:20px;border:1px solid rgba(255,165,72,.66);background:linear-gradient(135deg,#ff7200,#ff9800);box-shadow:0 0 26px rgba(255,112,0,.22),inset 0 1px rgba(255,255,255,.18);font-weight:800;font-size:17px;position:relative}.profile-create span{position:absolute;right:22px;font-size:30px;font-weight:400;top:50%;transform:translateY(-52%)}.privacy-note{display:flex;align-items:center;justify-content:center;gap:12px;color:#aaa}.privacy-note strong{color:#fff;font-size:13px}.privacy-note p{margin:3px 0 0;font-size:11px;line-height:1.35}.privacy-lock{width:45px;height:45px;border-radius:15px;border:1px solid rgba(255,133,28,.42);display:grid;place-items:center;color:#ff9a31;background:rgba(255,116,0,.05)}@keyframes profileLogoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.hero-stage{position:relative;width:100%;min-height:230px;border-radius:25px;overflow:visible;border:1px solid rgba(255,135,29,.55);background:radial-gradient(52% 48% at 50% 68%,rgba(255,105,0,.22),transparent 68%),linear-gradient(145deg,rgba(255,255,255,.04),rgba(255,119,0,.025));display:grid;place-items:center;padding:20px}.hero-symbol{position:relative;z-index:3;width:min(43%,170px);height:auto;object-fit:contain;animation:homeLogoFloat 4s ease-in-out infinite;filter:drop-shadow(0 0 16px rgba(255,122,0,.25))}.hero-aura{position:absolute;inset:10% 15% 14%;border-radius:50%;background:radial-gradient(circle,rgba(255,119,0,.14),transparent 68%);animation:auraPulse 3.6s ease-in-out infinite}.hero-platform{position:absolute;left:50%;bottom:13%;width:78%;height:64px;transform:translateX(-50%)}.hero-platform i{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);border-radius:50%;border:1px solid rgba(255,130,18,.48);box-shadow:0 0 18px rgba(255,112,0,.18)}.hero-platform i:nth-child(1){width:100%;height:50px}.hero-platform i:nth-child(2){width:72%;height:32px}.hero-platform i:nth-child(3){width:42%;height:13px;background:rgba(255,119,0,.16);box-shadow:0 0 30px rgba(255,112,0,.34)}@keyframes homeLogoFloat{0%,100%{transform:translateY(-4px);filter:drop-shadow(0 0 14px rgba(255,122,0,.22))}50%{transform:translateY(-10px);filter:drop-shadow(0 0 24px rgba(255,122,0,.48))}}@keyframes auraPulse{0%,100%{opacity:.55;transform:scale(.96)}50%{opacity:1;transform:scale(1.04)}}
html[data-theme="light"] .hero-stage{background:radial-gradient(52% 48% at 50% 68%,rgba(255,133,22,.15),transparent 68%),linear-gradient(145deg,rgba(255,255,255,.98),rgba(255,239,221,.82));border-color:rgba(255,126,10,.28);box-shadow:inset 0 1px #fff,0 16px 34px rgba(80,45,15,.08)}html[data-theme="light"] .hero-symbol{filter:drop-shadow(0 0 12px rgba(255,126,0,.18))}html[data-theme="light"] .hero-platform i{border-color:rgba(255,122,0,.34)}html[data-theme="light"] .icon-tile{background:#15110f;border:1px solid rgba(255,119,0,.16);box-shadow:0 5px 15px rgba(70,35,8,.12)}html[data-theme="light"] .brand img{filter:drop-shadow(0 0 5px rgba(255,126,0,.16))}html[data-theme="light"] .switch.on{background:linear-gradient(90deg,#ff6f00,#ff9800)}html[data-theme="light"] .head-btn{color:#17130f;background:rgba(255,255,255,.62)}html[data-theme="light"] .profile-field{background:#fff;color:#17130f;border-color:rgba(255,126,10,.25)}html[data-theme="light"] .profile-note{background:rgba(255,255,255,.55);border-color:rgba(255,126,10,.16)}html[data-theme="light"] .privacy-note strong{color:#17130f}
html[data-theme="light"] .app-shell:has(.force-dark){--text:#fff;--muted:#aaa9aa;--line:rgba(255,133,29,.42);background:radial-gradient(72% 45% at 100% 5%,rgba(255,111,0,.21),transparent 68%),linear-gradient(160deg,#020202,#080604 55%,#020202);color:#fff}html[data-theme="light"] .app-shell:has(.force-dark) .glass{background:linear-gradient(135deg,rgba(255,255,255,.07),rgba(255,118,0,.045));box-shadow:inset 0 1px rgba(255,255,255,.10),0 12px 34px rgba(0,0,0,.28)}html[data-theme="light"] .app-shell:has(.force-dark) .head-btn{color:#fff;background:linear-gradient(145deg,rgba(255,255,255,.08),rgba(255,119,0,.055))}
@media(max-height:760px){.onboard-brand img{width:82px;height:82px}.onboard-word{font-size:23px}.onboard-copy h1{font-size:29px}.onboard-copy p{font-size:12px}.onboard-card{min-height:112px}.onboard-card img{width:45px;height:45px}.onboard-content{gap:7px}.profile-orbit{height:135px}.profile-orbit img{width:104px;height:104px}.profile-card{padding:13px;gap:11px}.profile-field{height:50px}.hero-stage{min-height:180px}.feature-card{min-height:118px}}

/* v8.6 clean live appearance previews */
.appearance-preview{display:none!important}.mini-preview{width:100%;aspect-ratio:.60;border-radius:19px;padding:9px;display:flex;flex-direction:column;gap:5px;overflow:hidden;text-align:left;position:relative}.mini-preview.dark{background:radial-gradient(75% 40% at 100% 0%,rgba(255,115,0,.20),transparent 66%),#060504;color:#fff;border:1px solid rgba(255,128,20,.38)}.mini-preview.light{background:radial-gradient(75% 40% at 100% 0%,rgba(255,142,45,.16),transparent 66%),#fff9f3;color:#211c17;border:1px solid rgba(255,128,20,.23)}.mini-top{display:flex;justify-content:space-between;align-items:center}.mini-brand{display:flex;align-items:center;gap:5px;font-size:8px;letter-spacing:.16em;font-weight:800}.mini-brand img{width:18px;height:18px;object-fit:contain}.mini-target{font-size:13px;border:1px solid rgba(255,132,20,.26);border-radius:8px;padding:3px 5px}.mini-welcome{font-size:6px;color:#ff8c1d;letter-spacing:.14em;font-weight:800;margin-top:2px}.mini-name{font-size:13px}.mini-handle{font-size:6px;opacity:.62}.mini-hero{height:75px;border-radius:12px;margin-top:2px;position:relative;display:grid;place-items:center;overflow:hidden;border:1px solid rgba(255,131,24,.20);background:radial-gradient(48% 38% at 50% 72%,rgba(255,124,0,.18),transparent 70%)}.mini-hero img{width:50px;height:50px;object-fit:contain;z-index:2;filter:drop-shadow(0 0 7px rgba(255,120,0,.20))}.mini-rings{position:absolute;bottom:9px;left:50%;transform:translateX(-50%);width:72%;height:20px;border-radius:50%;border:1px solid rgba(255,123,0,.35);box-shadow:0 0 8px rgba(255,120,0,.14)}.mini-grid{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:2px}.mini-card{min-height:45px;border-radius:9px;padding:5px;display:flex;align-items:center;gap:5px;border:1px solid rgba(255,132,20,.16);background:rgba(255,255,255,.04)}.mini-preview.light .mini-card{background:rgba(255,255,255,.68);box-shadow:0 2px 7px rgba(70,40,15,.05)}.mini-card img{width:23px;height:23px;border-radius:7px;object-fit:cover}.mini-card b{font-size:6px;line-height:1.1}
html[data-theme="light"] .app-shell:has(.force-dark) .profile-field{background:#080808;color:#fff;border-color:rgba(255,133,28,.34)}html[data-theme="light"] .app-shell:has(.force-dark) .profile-note{background:rgba(0,0,0,.28);border-color:rgba(255,255,255,.08)}html[data-theme="light"] .app-shell:has(.force-dark) .privacy-note strong{color:#fff}

/* v8.7 — restore previously approved Home hero/logo only */
.hero-stage-previous{position:relative;width:100%;min-height:0!important;aspect-ratio:850/350;border-radius:25px;overflow:hidden;padding:0!important;background:#060504!important;border:0!important;box-shadow:0 0 0 1px rgba(255,135,29,.48),0 14px 38px rgba(0,0,0,.34),0 0 24px rgba(255,112,0,.08)!important}
.hero-previous-art{position:absolute;inset:0;width:100%;height:100%;display:block;object-fit:cover;object-position:center;animation:previousHeroPulse 4.2s ease-in-out infinite;transform-origin:center}
@keyframes previousHeroPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.006);filter:brightness(1.045)}}
html[data-theme="light"] .hero-stage-previous{background:#080604!important;border:0!important;box-shadow:0 0 0 1px rgba(255,126,10,.30),0 14px 30px rgba(75,40,10,.10),0 0 20px rgba(255,112,0,.07)!important}