:root{
  --bg:#050814;--screen:#060916;--panel:rgba(255,255,255,.07);--panel2:rgba(255,255,255,.105);--line:rgba(255,255,255,.13);
  --text:#f7fbff;--muted:rgba(247,251,255,.62);--dim:rgba(247,251,255,.38);--cyan:#78e7ff;--blue:#75a7ff;--violet:#a994ff;--mint:#64f0c8;--green:#35e986;--orange:#ffbd63;--red:#ff6f7d;--pink:#f271d6;
  --r:28px;--shadow:0 35px 120px rgba(0,0,0,.52);--ease:cubic-bezier(.2,.9,.18,1);
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;
}
*{box-sizing:border-box}html,body,#app{margin:0;width:100%;min-height:100%;color:var(--text)}body{background:radial-gradient(circle at 12% 20%,rgba(120,231,255,.20),transparent 32%),radial-gradient(circle at 86% 75%,rgba(169,148,255,.22),transparent 42%),linear-gradient(145deg,#07101d 0%,#050814 42%,#11091e 100%);overflow-x:hidden}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer;border:0}svg{width:24px;height:24px;stroke-width:2}.mono{font-variant-numeric:tabular-nums}.embed .devbar,.embed .stage-label{display:none}.embed .shell{padding:0;background:transparent}.embed body{background:transparent}.embed .device-wrap{min-height:100vh}.embed .phone-shell,.embed .tablet-shell{transform:none!important;box-shadow:none;border:0;padding:0;border-radius:0;width:100vw;height:100vh;max-height:none}.embed .phone-bezel,.embed .tablet-bezel,.embed .phone-screen,.embed .tablet-screen{border-radius:0;border:0}
.shell{min-height:100vh;padding:26px clamp(14px,3vw,44px) 34px;display:flex;flex-direction:column;gap:24px}.devbar{position:sticky;top:16px;z-index:400;margin:auto;width:min(1180px,100%);min-height:60px;padding:9px 11px;border-radius:30px;background:rgba(5,10,22,.72);border:1px solid var(--line);display:flex;align-items:center;gap:12px;box-shadow:0 18px 60px rgba(0,0,0,.28);backdrop-filter:blur(24px)}.brand{display:flex;align-items:center;gap:11px;font-weight:1000;color:rgba(255,255,255,.82)}.brand small{color:var(--muted)}.orb{width:24px;height:24px;border-radius:50%;background:linear-gradient(135deg,var(--cyan),var(--violet));box-shadow:0 0 30px rgba(120,231,255,.35)}.device-tabs,.right-tabs{display:flex;gap:8px;align-items:center}.spacer{flex:1}.devbtn,.pill,.tab,.primary{min-height:40px;border-radius:999px;padding:0 15px;background:rgba(255,255,255,.08);border:1px solid var(--line);font-weight:950;display:inline-flex;align-items:center;justify-content:center;gap:8px;transition:.18s var(--ease)}.devbtn:hover,.pill:hover,.tab:hover{transform:translateY(-1px);background:rgba(255,255,255,.12)}.devbtn.active,.pill.primary,.tab.active,.primary{background:linear-gradient(135deg,var(--cyan),var(--violet));color:#06101c;border-color:rgba(255,255,255,.55);box-shadow:0 12px 35px rgba(120,231,255,.18)}.key{min-width:28px;height:28px;border-radius:12px;background:linear-gradient(135deg,#84e8ff,#a994ff);color:#08101d;display:grid;place-items:center;font-weight:1000}.stage-label{text-align:center;color:var(--dim);letter-spacing:.28em;text-transform:uppercase;font-size:12px;font-weight:1000}.device-wrap{display:grid;place-items:center;min-height:calc(100vh - 150px)}
.phone-shell{width:390px;height:844px;border-radius:54px;padding:10px;background:linear-gradient(145deg,rgba(255,255,255,.20),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.15);box-shadow:var(--shadow),0 0 0 10px rgba(0,0,0,.12);animation:deviceIn .55s var(--ease) both}.phone-shell.burner{width:378px;height:820px}.phone-bezel{height:100%;border-radius:45px;background:#030710;padding:8px;overflow:hidden}.phone-screen{position:relative;height:100%;border-radius:38px;background:radial-gradient(circle at 28% 5%,rgba(120,231,255,.15),transparent 31%),radial-gradient(circle at 92% 58%,rgba(169,148,255,.14),transparent 39%),linear-gradient(180deg,#0b1423 0%,#050714 56%,#060411 100%);overflow:hidden;border:1px solid rgba(255,255,255,.08)}.phone-screen:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent,rgba(255,255,255,.04),transparent);transform:translateX(-120%);animation:sheen 8s linear infinite;pointer-events:none}.statusbar{height:50px;padding:0 18px;display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;position:relative;z-index:40}.statusbar b{font-size:14px}.dynamic-island{justify-self:center;width:86px;height:28px;border-radius:18px;background:#03060e;box-shadow:inset 0 0 0 1px rgba(255,255,255,.035);position:relative}.dynamic-island:after{content:"";width:7px;height:7px;border-radius:50%;position:absolute;right:18px;top:11px;background:rgba(120,231,255,.45)}.net{justify-self:end;display:flex;align-items:center;gap:6px;font-size:13px;font-weight:1000}.battery{width:25px;height:11px;border:2px solid rgba(255,255,255,.75);border-radius:4px;position:relative}.battery:after{content:"";position:absolute;right:-5px;top:2px;width:3px;height:5px;border-radius:2px;background:rgba(255,255,255,.75)}.battery:before{content:"";position:absolute;left:2px;top:2px;bottom:2px;width:16px;border-radius:2px;background:rgba(255,255,255,.74)}
.phone-home{position:absolute;inset:50px 0 0;display:flex;flex-direction:column}.phone-scroll{flex:1;overflow:hidden;padding:8px 22px 0}.top-cluster{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;animation:rise .42s var(--ease) both}.big-time{font-size:50px;line-height:.9;font-weight:1000;letter-spacing:-.08em}.date{color:var(--muted);font-weight:900;font-size:13px;margin-top:7px}.profile-chip{height:56px;border-radius:22px;background:rgba(255,255,255,.10);border:1px solid var(--line);display:flex;align-items:center;gap:9px;padding:7px 10px;text-align:left;min-width:144px;transition:.18s var(--ease)}.profile-chip:hover{transform:translateY(-1px);background:rgba(255,255,255,.14)}.avatar,.mini-avatar{min-width:36px;width:36px;height:36px;border-radius:16px;display:grid;place-items:center;background:linear-gradient(135deg,#7ee5ff,#a994ff);color:#07101d;font-weight:1000}.profile-chip b,.profile-chip span{display:block}.profile-chip b{font-size:12px}.profile-chip span{font-size:10px;color:var(--muted)}.widget-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 0}.widget{height:88px;border-radius:24px;padding:13px;background:radial-gradient(circle at 80% 20%,var(--glow),transparent 44%),rgba(255,255,255,.08);border:1px solid var(--line);text-align:left;transition:.2s var(--ease);animation:rise .46s var(--ease) both}.widget:hover{transform:translateY(-2px) scale(1.01);background-color:rgba(255,255,255,.11)}.widget label{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.56);font-weight:1000}.widget strong{display:block;font-size:20px;margin-top:6px;letter-spacing:-.04em}.widget small{display:block;color:var(--muted);font-size:11px;margin-top:4px}.quick-stack{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px}.quick{height:46px;border-radius:18px;background:rgba(255,255,255,.075);border:1px solid var(--line);display:flex;gap:6px;align-items:center;justify-content:center;font-weight:950;font-size:12px}.app-pages{height:363px;overflow:hidden}.app-track{display:flex;width:200%;height:100%;transition:transform .45s var(--ease)}.app-page{width:50%;display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:79px;gap:10px 8px;align-content:start;padding-top:2px}.app-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;background:transparent;border:0;min-width:0;transition:.17s var(--ease);animation:iconIn .38s var(--ease) both}.app-wrap:hover{transform:translateY(-3px)}.app-wrap:active{transform:translateY(0) scale(.94)}.app-icon{width:56px;height:56px;border-radius:19px;display:grid;place-items:center;color:white;box-shadow:inset 0 1px rgba(255,255,255,.38),0 14px 30px rgba(0,0,0,.23);position:relative;overflow:hidden}.app-icon:after{content:"";position:absolute;inset:-30% -20% auto; height:40%;background:rgba(255,255,255,.22);transform:rotate(16deg)}.app-icon svg{width:28px;height:28px;position:relative;z-index:1}.app-name{font-size:11px;color:rgba(255,255,255,.82);font-weight:850;max-width:72px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.badge{position:absolute;right:8px;top:-2px;min-width:19px;height:19px;border-radius:10px;background:var(--red);color:white;font-size:11px;font-weight:1000;display:grid;place-items:center;z-index:4;border:2px solid #07101d;animation:pop .3s var(--ease)}.page-dots{display:flex;justify-content:center;gap:7px;margin-top:4px}.page-dots button{width:7px;height:7px;border-radius:8px;background:rgba(255,255,255,.20);transition:.2s var(--ease)}.page-dots button.active{width:24px;background:rgba(255,255,255,.72)}.dock{height:90px;margin:0 22px 18px;border-radius:31px;background:linear-gradient(135deg,rgba(255,255,255,.13),rgba(255,255,255,.07));border:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);align-items:center;padding:10px;box-shadow:0 20px 60px rgba(0,0,0,.32);backdrop-filter:blur(22px);animation:dockFloat 5s ease-in-out infinite}.dock .app-icon{width:54px;height:54px}.dock .app-name{display:none}.home-line{position:absolute;left:50%;bottom:8px;transform:translateX(-50%);width:120px;height:5px;border-radius:6px;background:rgba(255,255,255,.30);z-index:200}
.app-screen{position:absolute;z-index:60;inset:50px 0 0;background:rgba(5,8,18,.98);transform:translateY(105%) scale(.98);opacity:0;pointer-events:none;transition:.34s var(--ease);border-radius:0 0 38px 38px;overflow:hidden}.app-screen.open{transform:none;opacity:1;pointer-events:auto}.app-header{height:80px;padding:10px 18px;display:grid;grid-template-columns:42px 48px 1fr 42px;gap:10px;align-items:center;border-bottom:1px solid rgba(255,255,255,.08);background:rgba(255,255,255,.035);backdrop-filter:blur(22px)}.back,.iconbtn{width:42px;height:42px;border-radius:17px;background:rgba(255,255,255,.09);border:1px solid var(--line);font-size:28px;font-weight:900}.app-header .app-icon{width:48px;height:48px;border-radius:17px}.titlebox b{display:block;font-size:18px;letter-spacing:-.04em}.titlebox span{display:block;font-size:11px;color:var(--muted)}.app-body{position:absolute;left:0;right:0;top:80px;bottom:0;padding:16px 18px 22px;overflow:auto}.app-body::-webkit-scrollbar{width:0}.tabs{display:flex;gap:8px;overflow:auto;padding-bottom:10px;margin-bottom:2px}.tab{min-height:36px;font-size:12px;padding:0 13px;white-space:nowrap}.section-title{display:flex;justify-content:space-between;align-items:center;margin:2px 0 12px}.section-title h3{font-size:22px;letter-spacing:-.05em;margin:0}.grid2{display:grid;grid-template-columns:1fr 1fr;gap:10px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.metric,.row-card,.empty,.searchbar,.composer,.camera-view,.store-card,.tablet-panel,.detail-panel{border-radius:23px;background:rgba(255,255,255,.07);border:1px solid var(--line);box-shadow:inset 0 1px rgba(255,255,255,.04)}.metric{min-height:96px;padding:15px}.metric span{color:var(--muted);font-size:12px}.metric b{display:block;font-size:27px;letter-spacing:-.07em;margin-top:9px}.row-card{min-height:68px;padding:12px;display:flex;align-items:center;gap:12px;margin-bottom:9px;transition:.18s var(--ease)}.row-card:hover{background:rgba(255,255,255,.095);transform:translateY(-1px)}.row-main{min-width:0;flex:1}.row-main b,.row-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.row-main span{color:var(--muted);font-size:12px;margin-top:3px}.row-meta{color:var(--cyan);font-weight:1000;font-size:12px}.empty{min-height:220px;padding:24px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--muted)}.empty h3{color:var(--text);margin:10px 0 6px}.empty p{margin:0;line-height:1.35}.big{font-size:44px}.searchbar{height:48px;display:flex;align-items:center;gap:10px;padding:0 13px;margin-bottom:12px}.searchbar input,.input,.textarea{width:100%;background:rgba(255,255,255,.08);border:1px solid var(--line);border-radius:18px;outline:0;padding:0 14px;min-height:45px}.searchbar input{background:transparent;border:0}.textarea{height:100px;padding:14px;resize:none}.form{display:grid;gap:9px}.composer{display:grid;grid-template-columns:1fr auto;gap:9px;padding:9px;margin-top:12px}.keypad{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:12px}.dial{height:60px;border-radius:22px;background:rgba(255,255,255,.08);border:1px solid var(--line);font-size:22px;font-weight:1000}.callbar{display:flex;justify-content:center;margin-top:14px}.camera-view{height:360px;background:radial-gradient(circle at 50% 42%,rgba(120,231,255,.20),transparent 30%),linear-gradient(145deg,#0f1c2d,#050712);position:relative;overflow:hidden}.camera-view:before{content:"";position:absolute;inset:20px;border:1px solid rgba(255,255,255,.17);border-radius:20px}.camera-tools{position:absolute;left:0;right:0;bottom:18px;display:flex;justify-content:center;align-items:center;gap:20px}.shutter{width:72px;height:72px;border-radius:50%;border:7px solid white;background:transparent;box-shadow:0 0 0 1px rgba(255,255,255,.55),0 0 32px rgba(255,255,255,.25)}.gallery-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.photo{aspect-ratio:1;border-radius:18px;overflow:hidden;background:rgba(255,255,255,.08);border:1px solid var(--line)}.photo img{width:100%;height:100%;object-fit:cover}.store-grid{display:grid;gap:9px}.store-card{padding:10px;display:grid;grid-template-columns:48px 1fr auto;gap:10px;align-items:center}.store-card .app-icon{width:48px;height:48px;border-radius:16px}.danger{color:#fff;background:rgba(255,111,125,.18);border-color:rgba(255,111,125,.35)}.map-view{height:330px;border-radius:28px;position:relative;overflow:hidden;border:1px solid var(--line);background:linear-gradient(45deg,rgba(120,231,255,.08) 25%,transparent 25% 50%,rgba(169,148,255,.08) 50% 75%,transparent 75%),#06101c;background-size:68px 68px}.map-view:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent 49%,rgba(255,255,255,.06) 50%,transparent 51%),linear-gradient(transparent 49%,rgba(255,255,255,.06) 50%,transparent 51%);background-size:82px 82px}.pin{position:absolute;width:21px;height:21px;border-radius:50% 50% 50% 0;transform:rotate(-45deg);background:var(--cyan);box-shadow:0 0 22px var(--cyan)}.pin:nth-child(1){left:35%;top:31%}.pin:nth-child(2){left:62%;top:58%;background:var(--orange)}.pin:nth-child(3){left:48%;top:73%;background:var(--violet)}.timeline{display:grid;gap:8px}.timeline .row-card{margin-bottom:0}.permission-list{display:grid;gap:8px}.perm{display:flex;justify-content:space-between;gap:12px;border-radius:18px;background:rgba(255,255,255,.06);border:1px solid var(--line);padding:10px}.perm b{font-size:13px}.perm span{color:var(--mint);font-weight:1000;font-size:12px}.campaign-card{min-height:110px;border-radius:24px;padding:15px;background:linear-gradient(135deg,rgba(120,231,255,.10),rgba(242,113,214,.10)),rgba(255,255,255,.06);border:1px solid var(--line);margin-bottom:10px}.progress{height:10px;border-radius:10px;background:rgba(255,255,255,.09);overflow:hidden;margin-top:12px}.progress i{display:block;height:100%;width:62%;border-radius:10px;background:linear-gradient(90deg,var(--cyan),var(--violet))}.split-app{display:grid;grid-template-columns:1fr .75fr;gap:10px}.detail-panel{padding:14px;min-height:160px}.detail-panel h4{margin:0 0 8px}.mini-list{display:grid;gap:7px}.mini-list span{display:flex;justify-content:space-between;color:var(--muted);font-size:12px}.mini-list b{color:var(--text)}
.overlay{position:absolute;inset:50px 0 0;z-index:80;background:rgba(3,6,14,.70);backdrop-filter:blur(25px);opacity:0;pointer-events:none;transform:translateY(-8px);transition:.25s var(--ease);padding:18px}.overlay.open{opacity:1;pointer-events:auto;transform:none}.spotlight{padding-top:36px}.spotbox{height:58px;border-radius:24px;background:rgba(255,255,255,.11);border:1px solid var(--line);display:flex;align-items:center;gap:12px;padding:0 16px}.spotbox input{flex:1;background:transparent;border:0;outline:0;font-size:18px}.spot-results{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px}.control-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:15px}.ctrl{height:84px;border-radius:25px;background:rgba(255,255,255,.08);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;flex-direction:column;gap:6px;font-weight:1000}.ctrl.active{background:linear-gradient(135deg,rgba(120,231,255,.35),rgba(169,148,255,.18));border-color:rgba(120,231,255,.35)}.slider{height:116px;border-radius:25px;background:linear-gradient(to top,var(--cyan) 66%,rgba(255,255,255,.08) 66%);border:1px solid var(--line)}.notes{display:grid;gap:9px}.note{border-radius:20px;background:rgba(255,255,255,.085);border:1px solid var(--line);padding:12px}.note b,.note span{display:block}.note span{color:var(--muted);font-size:12px;margin-top:3px}.app-switcher{display:grid;gap:12px}.switch-card{height:96px;border-radius:24px;background:rgba(255,255,255,.085);border:1px solid var(--line);display:flex;gap:12px;align-items:center;padding:12px}.lockscreen{position:absolute;inset:0;z-index:95;background:radial-gradient(circle at 50% 8%,rgba(120,231,255,.18),transparent 34%),linear-gradient(180deg,#101b2e,#050714);display:flex;flex-direction:column;align-items:center;padding:66px 24px 28px;animation:lockIn .35s var(--ease) both}.lock-time{font-size:76px;line-height:.9;letter-spacing:-.09em;font-weight:1000}.lock-date{color:rgba(255,255,255,.78);font-weight:900;margin-top:7px}.lock-notes{width:100%;display:grid;gap:9px;margin-top:30px}.unlock{margin-top:auto;width:100%;height:56px;border-radius:28px;background:rgba(255,255,255,.11);border:1px solid var(--line);font-weight:1000}.toast-zone{position:absolute;z-index:110;left:14px;right:14px;top:58px;display:grid;gap:8px;pointer-events:none}.toast{border-radius:20px;background:rgba(18,27,47,.92);border:1px solid rgba(120,231,255,.25);box-shadow:0 18px 55px rgba(0,0,0,.38);padding:12px;display:flex;gap:10px;align-items:center;animation:toastIn .32s var(--ease) both}.toast b,.toast span{display:block}.toast span{color:var(--muted);font-size:12px;margin-top:2px}
.tablet-shell{width:min(1180px,94vw);aspect-ratio:4/3;max-height:82vh;min-height:720px;border-radius:38px;padding:11px;background:linear-gradient(145deg,rgba(255,255,255,.18),rgba(255,255,255,.035));border:1px solid rgba(255,255,255,.18);box-shadow:var(--shadow),0 0 0 10px rgba(8,16,30,.18);animation:deviceIn .55s var(--ease) both}.tablet-bezel{height:100%;border-radius:29px;background:#040812;overflow:hidden;border:1px solid rgba(255,255,255,.12)}.tablet-screen{height:100%;background:radial-gradient(circle at 15% 12%,rgba(120,231,255,.16),transparent 33%),radial-gradient(circle at 84% 18%,rgba(169,148,255,.14),transparent 36%),linear-gradient(145deg,#07101d,#050713);display:grid;grid-template-columns:90px 1fr;overflow:hidden}.tablet-rail{background:rgba(255,255,255,.055);border-right:1px solid var(--line);padding:18px 12px;display:flex;flex-direction:column;align-items:center;gap:12px}.tablet-rail .app-icon{width:54px;height:54px;border-radius:20px}.tablet-main{display:grid;grid-template-rows:78px 1fr;min-width:0}.tablet-head{display:flex;align-items:center;gap:16px;padding:0 24px;border-bottom:1px solid var(--line)}.tablet-title h1{font-size:31px;letter-spacing:-.07em;margin:0}.tablet-title span{display:block;color:var(--muted);font-size:12px}.tablet-search{margin-left:auto;width:310px;height:44px;border-radius:20px;background:rgba(255,255,255,.07);border:1px solid var(--line);display:flex;align-items:center;padding:0 13px;color:var(--muted)}.tablet-body{padding:22px;display:grid;grid-template-columns:1.1fr .9fr;gap:18px;overflow:hidden}.tablet-panel{padding:18px;overflow:hidden}.tablet-panel h2{margin:0 0 13px;letter-spacing:-.05em}.work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.work-tile{height:126px;border-radius:24px;background:rgba(255,255,255,.065);border:1px solid var(--line);padding:14px;transition:.18s var(--ease);text-align:left}.work-tile:hover{transform:translateY(-2px);background:rgba(255,255,255,.09)}.work-tile .app-icon{width:46px;height:46px;border-radius:16px}.work-tile b{display:block;margin-top:10px}.work-tile span{display:block;color:var(--muted);font-size:12px}.table{display:grid;gap:8px}.table-row{min-height:58px;border-radius:18px;background:rgba(255,255,255,.062);border:1px solid var(--line);display:grid;grid-template-columns:12px 1fr auto;align-items:center;gap:12px;padding:10px 12px}.dot{width:10px;height:10px;border-radius:50%;background:var(--cyan);box-shadow:0 0 18px var(--cyan)}.chart{height:160px;border-radius:24px;border:1px solid var(--line);background:linear-gradient(180deg,rgba(120,231,255,.13),transparent),repeating-linear-gradient(0deg,transparent 0 31px,rgba(255,255,255,.05) 32px),rgba(255,255,255,.04);position:relative;overflow:hidden}.chart:after{content:"";position:absolute;left:20px;right:20px;bottom:30px;height:70px;background:linear-gradient(135deg,transparent 0 12%,var(--cyan) 12% 18%,transparent 18% 33%,var(--violet) 33% 38%,transparent 38% 55%,var(--mint) 55% 60%,transparent 60%);filter:drop-shadow(0 0 12px rgba(120,231,255,.25))}.tablet-detail{display:grid;gap:12px}.tablet-detail .row-card{margin:0}
.setup{position:fixed;inset:0;z-index:300;background:radial-gradient(circle at 20% 26%,rgba(120,231,255,.21),transparent 36%),radial-gradient(circle at 82% 70%,rgba(169,148,255,.18),transparent 40%),rgba(4,7,14,.86);backdrop-filter:blur(22px);display:grid;place-items:center;padding:28px}.setup-inner{width:min(1100px,94vw);display:grid;grid-template-columns:1fr 440px;gap:22px}.setup-art{min-height:485px;border-radius:38px;border:1px solid var(--line);background:linear-gradient(145deg,rgba(120,231,255,.16),rgba(169,148,255,.13));position:relative;overflow:hidden}.setup-art:before{content:"";position:absolute;left:42px;right:42px;bottom:58px;height:92px;border-radius:32px;background:rgba(4,8,18,.42)}.setup-art:after{content:"GloryOS\A Testcenter";white-space:pre;position:absolute;right:70px;bottom:88px;font-size:34px;line-height:.9;font-weight:1000;letter-spacing:-.07em}.setup-card{border-radius:34px;background:rgba(9,14,27,.88);border:1px solid var(--line);box-shadow:var(--shadow);padding:24px}.eyebrow{text-transform:uppercase;letter-spacing:.22em;color:var(--cyan);font-size:11px;font-weight:1000}.setup-card h1{font-size:34px;line-height:.92;margin:8px 0 10px;letter-spacing:-.07em}.setup-card p{color:var(--muted);line-height:1.4}.char-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:16px 0}.char-card{text-align:left;border-radius:17px;background:rgba(255,255,255,.07);border:1px solid var(--line);padding:11px}.char-card.active{border-color:rgba(120,231,255,.62);background:rgba(120,231,255,.12)}.char-card b,.char-card span{display:block}.char-card span{color:var(--muted);font-size:11px}.mode-row{display:flex;gap:9px}.setup-form{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}.setup-card .primary{width:100%;height:50px;margin-top:12px}
@keyframes deviceIn{from{opacity:0;transform:translateY(18px) scale(.985)}to{opacity:1;transform:none}}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes iconIn{from{opacity:0;transform:translateY(13px) scale(.9)}to{opacity:1;transform:none}}@keyframes toastIn{from{opacity:0;transform:translateY(-14px) scale(.98)}to{opacity:1;transform:none}}@keyframes lockIn{from{opacity:0;transform:scale(1.05)}to{opacity:1;transform:none}}@keyframes pop{from{transform:scale(.4)}to{transform:scale(1)}}@keyframes sheen{0%,70%{transform:translateX(-120%)}100%{transform:translateX(120%)}}@keyframes dockFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@media(max-height:900px){.phone-shell{transform:scale(.91)}.tablet-shell{min-height:620px;max-height:76vh}.device-wrap{min-height:calc(100vh - 132px)}.stage-label{display:none}.shell{gap:14px}.phone-shell.burner{transform:scale(.92)}}@media(max-width:900px){.shell{padding:16px}.devbar{position:relative;top:0;flex-wrap:wrap}.setup-inner{grid-template-columns:1fr}.setup-art{display:none}.tablet-body{grid-template-columns:1fr}.tablet-detail{display:none}.tablet-shell{width:96vw;max-height:none;min-height:720px}.work-grid{grid-template-columns:repeat(2,1fr)}.split-app{grid-template-columns:1fr}.device-tabs{flex-wrap:wrap}}

/* v0.8.0 Motion + Detail Upgrade */
.phone-screen{isolation:isolate}
.phone-screen:before{content:"";position:absolute;inset:-20%;z-index:0;background:radial-gradient(circle at 15% 18%,rgba(120,231,255,.18),transparent 28%),radial-gradient(circle at 84% 22%,rgba(169,148,255,.16),transparent 31%),radial-gradient(circle at 52% 88%,rgba(111,231,215,.10),transparent 32%);filter:blur(8px);animation:auroraDrift 10s ease-in-out infinite alternate;pointer-events:none}
.phone-screen>*{position:relative;z-index:1}.wallpaper-ocean:before{background:radial-gradient(circle at 20% 16%,rgba(69,163,255,.22),transparent 32%),radial-gradient(circle at 75% 80%,rgba(63,235,211,.16),transparent 31%),linear-gradient(160deg,rgba(10,51,86,.55),rgba(5,7,18,.2))}.wallpaper-sunset:before{background:radial-gradient(circle at 20% 20%,rgba(255,166,92,.24),transparent 32%),radial-gradient(circle at 75% 70%,rgba(255,93,163,.18),transparent 34%),linear-gradient(160deg,rgba(60,18,30,.48),rgba(5,7,18,.2))}.wallpaper-mono:before{background:radial-gradient(circle at 35% 22%,rgba(255,255,255,.12),transparent 30%),radial-gradient(circle at 75% 78%,rgba(120,130,160,.12),transparent 31%)}
.os-hero{align-items:flex-start}.glass-chip{box-shadow:inset 0 1px 0 rgba(255,255,255,.14),0 12px 30px rgba(0,0,0,.22)}
.hero-panel{margin:12px 0 12px;border-radius:29px;padding:17px;background:linear-gradient(135deg,rgba(120,231,255,.14),rgba(169,148,255,.12)),rgba(255,255,255,.065);border:1px solid rgba(255,255,255,.14);display:flex;align-items:center;justify-content:space-between;box-shadow:0 22px 70px rgba(0,0,0,.22);overflow:hidden;position:relative;animation:rise .36s var(--ease) both}.hero-panel:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,transparent,rgba(255,255,255,.12),transparent);transform:translateX(-120%);animation:sheen 5.6s ease-in-out infinite}.hero-panel label{font-size:10px;text-transform:uppercase;letter-spacing:.18em;color:var(--cyan);font-weight:1000}.hero-panel h2{margin:4px 0 4px;font-size:27px;letter-spacing:-.07em}.hero-panel p{margin:0;color:var(--muted);font-size:12px}.hero-action{width:52px;height:52px;border-radius:22px;border:1px solid rgba(120,231,255,.30);background:rgba(120,231,255,.14);font-size:20px;font-weight:1000;box-shadow:0 0 34px rgba(120,231,255,.16)}
.widget-row.rich{grid-template-columns:1fr 1fr}.widget.tall{height:132px;position:relative;overflow:hidden}.widget-line{position:absolute;left:14px;right:14px;bottom:13px;height:6px;border-radius:12px;background:linear-gradient(90deg,var(--cyan),transparent)}.widget-line.mint{background:linear-gradient(90deg,var(--mint),transparent)}.live-card{border-radius:24px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12);padding:12px;display:flex;align-items:center;gap:10px;margin-bottom:11px;box-shadow:0 18px 50px rgba(0,0,0,.18);animation:rise .42s var(--ease) both}.live-card p{margin:2px 0 0;color:var(--muted);font-size:12px;line-height:1.25}.command-row{grid-template-columns:repeat(4,1fr)}.dock.elevated{box-shadow:0 24px 80px rgba(0,0,0,.42),inset 0 1px 0 rgba(255,255,255,.16)}
.app-screen.open{animation:appZoom .28s var(--ease) both;transform-origin:50% 90%}.app-header{backdrop-filter:blur(22px);background:linear-gradient(180deg,rgba(11,17,31,.82),rgba(11,17,31,.48))}.app-body{animation:softContent .28s var(--ease) both}.app-wrap:active,.pill:active,.row-card:active,.quick:active,.devbtn:active{transform:scale(.965)}.app-wrap:hover .app-icon{transform:translateY(-3px) scale(1.035);filter:saturate(1.1) brightness(1.06)}.app-icon{transition:transform .18s var(--ease),filter .18s var(--ease)}
.library-groups{display:grid;gap:14px;overflow:auto;max-height:calc(100% - 45px);padding-bottom:16px}.library-group h4{margin:0 0 8px;color:rgba(255,255,255,.72);font-size:12px;text-transform:uppercase;letter-spacing:.14em}.library-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.library-app{border-radius:22px;background:rgba(255,255,255,.075);border:1px solid var(--line);padding:10px;display:grid;grid-template-columns:44px 1fr;gap:9px;text-align:left;align-items:center}.library-app .app-icon{width:44px;height:44px;border-radius:16px}.library-app span,.library-app small{display:block}.library-app span{font-weight:1000}.library-app small{grid-column:2;color:var(--muted);font-size:11px;margin-top:-5px}.chat-head{display:flex;gap:12px;align-items:center;border-radius:24px;background:rgba(255,255,255,.07);border:1px solid var(--line);padding:12px;margin-bottom:12px}.chat-head b,.chat-head span{display:block}.chat-head span{color:var(--muted);font-size:12px}.bubble-stack{display:grid;gap:8px;max-height:260px;overflow:auto;padding:2px 3px 12px}.bubble{max-width:82%;border-radius:20px;padding:11px 13px;font-weight:760;line-height:1.25;animation:bubbleIn .22s var(--ease) both}.bubble small{display:block;margin-top:5px;opacity:.7;font-size:10px}.bubble.mine{justify-self:end;background:linear-gradient(135deg,rgba(120,231,255,.34),rgba(169,148,255,.24));border-bottom-right-radius:7px}.bubble.other{justify-self:start;background:rgba(255,255,255,.085);border:1px solid var(--line);border-bottom-left-radius:7px}.incoming-call{text-align:center;padding:16px 8px}.pulse-rings{width:150px;height:150px;margin:18px auto;position:relative;display:grid;place-items:center}.pulse-rings span{position:absolute;inset:0;border-radius:50%;border:1px solid rgba(120,231,255,.24);animation:ring 2.4s ease-out infinite}.pulse-rings span:nth-child(2){animation-delay:.55s}.pulse-rings span:nth-child(3){animation-delay:1.1s}.pulse-rings b{width:92px;height:92px;border-radius:34px;background:linear-gradient(135deg,var(--cyan),var(--violet));display:grid;place-items:center;font-size:34px;box-shadow:0 20px 80px rgba(120,231,255,.25)}.call-actions{display:flex;justify-content:center;gap:48px;margin-top:20px}.call-actions button{width:66px;height:66px;border-radius:50%;font-size:28px;color:white}.decline{background:#ff4e63}.accept{background:#20d878}.keypad.premium .dial{box-shadow:inset 0 1px 0 rgba(255,255,255,.12),0 10px 30px rgba(0,0,0,.14)}
.kanban{display:grid;grid-template-columns:1fr 1fr;gap:10px}.kanban>div{border-radius:24px;background:rgba(255,255,255,.06);border:1px solid var(--line);padding:13px}.kanban h4{margin:0 0 10px}.empty.small{min-height:110px;padding:14px}.empty.small b,.empty.small span{display:block}.empty.small span{color:var(--muted);margin-top:5px}.business-hero{border-radius:26px;background:linear-gradient(135deg,rgba(111,231,215,.14),rgba(120,231,255,.10)),rgba(255,255,255,.06);border:1px solid var(--line);padding:16px;display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}.business-hero span{font-size:11px;text-transform:uppercase;letter-spacing:.14em;color:var(--mint);font-weight:1000}.business-hero h2{margin:4px 0;font-size:25px;letter-spacing:-.06em}.business-hero p{margin:0;color:var(--muted);font-size:12px}.calendar-strip{border-radius:26px;background:rgba(255,255,255,.07);border:1px solid var(--line);display:grid;grid-template-columns:82px 1fr;gap:14px;padding:14px;margin-bottom:12px}.calendar-strip>div{border-radius:22px;background:linear-gradient(135deg,var(--cyan),var(--violet));display:grid;place-items:center;min-height:80px}.calendar-strip b{text-transform:uppercase;letter-spacing:.12em}.calendar-strip span{font-size:32px;font-weight:1000}.calendar-strip h3{margin:4px 0}.calendar-strip p{margin:0;color:var(--muted)}.service-grid{display:grid;gap:10px}.service-card{border-radius:24px;background:rgba(255,255,255,.065);border:1px solid var(--line);padding:14px}.service-card b,.service-card span{display:block}.service-card span{color:var(--muted);font-size:12px;margin-top:5px}.bank-card{border-radius:28px;min-height:170px;background:radial-gradient(circle at 85% 20%,rgba(255,255,255,.25),transparent 28%),linear-gradient(135deg,#213054,#0e182d);border:1px solid rgba(255,255,255,.18);padding:20px;margin-bottom:12px;box-shadow:0 24px 80px rgba(0,0,0,.22)}.bank-card label{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:rgba(255,255,255,.65);font-weight:1000}.bank-card h2{font-size:34px;letter-spacing:-.08em;margin:14px 0 5px}.bank-card p{color:var(--muted)}.wallpaper-row{display:grid;grid-template-columns:repeat(4,1fr);gap:9px;margin:8px 0 10px}.wallpaper-dot{height:52px;border-radius:20px;border:1px solid var(--line)}.wallpaper-dot.aurora{background:linear-gradient(135deg,#78e7ff,#a994ff)}.wallpaper-dot.ocean{background:linear-gradient(135deg,#2479ff,#32e6c8)}.wallpaper-dot.sunset{background:linear-gradient(135deg,#ff9d5c,#ff5da3)}.wallpaper-dot.mono{background:linear-gradient(135deg,#303a4f,#c5d0df)}
.tablet-screen{position:relative}.tablet-panel,.work-tile,.table-row{transition:transform .18s var(--ease),background .18s var(--ease),border-color .18s var(--ease)}.tablet-panel:hover,.work-tile:hover{border-color:rgba(120,231,255,.22)}.tablet-body{grid-template-columns:1.15fr .85fr}.tablet-rail{box-shadow:inset -1px 0 0 rgba(255,255,255,.05)}.tablet-rail .app-wrap{animation:iconIn .28s var(--ease) both}.tablet-search{box-shadow:inset 0 1px 0 rgba(255,255,255,.08)}
@keyframes auroraDrift{0%{transform:translate3d(-2%,0,0) scale(1)}100%{transform:translate3d(2%,2%,0) scale(1.06)}}@keyframes appZoom{from{opacity:0;transform:translateY(22px) scale(.94);filter:blur(4px)}to{opacity:1;transform:none;filter:none}}@keyframes softContent{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@keyframes bubbleIn{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}@keyframes ring{0%{transform:scale(.56);opacity:.8}100%{transform:scale(1.25);opacity:0}}


/* v0.9.0 Deep Polish Upgrade */
:root{--mx:50%;--my:50%}.shell:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at var(--mx) var(--my),rgba(120,231,255,.10),transparent 28%),radial-gradient(circle at calc(100% - var(--mx)) calc(100% - var(--my)),rgba(169,148,255,.09),transparent 26%);mix-blend-mode:screen;opacity:.75}.v09-home .phone-scroll{scrollbar-width:none}.live-island{height:38px;margin:10px 0 12px;padding:6px 7px 6px 12px;border-radius:99px;background:rgba(2,6,14,.42);border:1px solid rgba(255,255,255,.12);display:flex;align-items:center;justify-content:space-between;box-shadow:inset 0 1px 0 rgba(255,255,255,.10),0 16px 45px rgba(0,0,0,.20);animation:islandPop .38s var(--ease) both}.live-island div{display:flex;align-items:center;gap:7px}.live-island b{font-size:12px}.live-island small{color:var(--muted);font-size:10px}.live-island button{height:28px;border-radius:99px;border:1px solid rgba(120,231,255,.18);background:rgba(120,231,255,.12);color:var(--text);font-size:11px;font-weight:900;padding:0 11px}.signal-dot{width:8px;height:8px;border-radius:50%;background:var(--mint);box-shadow:0 0 18px var(--mint);animation:blink 1.6s ease-in-out infinite}.hero-v09{border-radius:31px;min-height:146px}.hero-v09 h2{font-size:28px;max-width:210px}.state-pills{display:flex;gap:6px;margin-top:10px;flex-wrap:wrap}.state-pill{display:inline-flex;gap:5px;align-items:center;border:1px solid rgba(255,255,255,.10);background:rgba(255,255,255,.06);border-radius:999px;padding:5px 8px}.state-pill b{font-size:9px;text-transform:uppercase;letter-spacing:.11em;color:var(--muted)}.state-pill em{font-style:normal;font-size:10px;font-weight:1000;color:var(--cyan)}.pulse-action{animation:softPulse 2.4s ease-in-out infinite}.smart-stack{display:grid;grid-template-columns:1fr 1fr 1fr;gap:9px;margin:0 0 12px}.stack-card{min-height:98px;border-radius:25px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.12);padding:12px;text-align:left;color:var(--text);box-shadow:0 18px 45px rgba(0,0,0,.16);position:relative;overflow:hidden;animation:rise .38s var(--ease) both}.stack-card:before{content:"";position:absolute;inset:auto -22px -35px auto;width:75px;height:75px;border-radius:50%;background:var(--glow,rgba(120,231,255,.16));filter:blur(3px)}.stack-card.weather{--glow:rgba(120,231,255,.26)}.stack-card.agenda{--glow:rgba(169,148,255,.22)}.stack-card.wallet{--glow:rgba(111,231,215,.24)}.stack-card b,.stack-card span,.stack-card small{display:block}.stack-card b{font-size:19px;letter-spacing:-.04em}.stack-card span{font-weight:900;font-size:12px;margin-top:4px}.stack-card small{font-size:10px;color:var(--muted);line-height:1.2;margin-top:5px}.premium-live{border-color:rgba(120,231,255,.18);background:linear-gradient(135deg,rgba(120,231,255,.10),rgba(255,255,255,.055));}.section-heading{display:flex;align-items:center;justify-content:space-between;margin:12px 3px 9px;color:rgba(255,255,255,.82)}.section-heading b{font-size:13px;text-transform:uppercase;letter-spacing:.16em}.section-heading span{font-size:11px;color:var(--muted)}.premium-icon{position:relative}.icon-aura{position:absolute;inset:8px 13px auto 13px;height:38px;border-radius:18px;background:var(--app-color);filter:blur(18px);opacity:.25;transition:.22s var(--ease)}.premium-icon:hover .icon-aura{opacity:.55;transform:translateY(-6px)}.dock-v09{background:rgba(11,17,31,.48);border-color:rgba(255,255,255,.18);backdrop-filter:blur(28px) saturate(1.3)}.app-context-bar{height:32px;border-radius:18px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;justify-content:space-between;padding:0 12px;margin-bottom:12px;color:var(--muted);font-size:11px}.app-context-bar b{color:var(--cyan)}.pro-empty{background:linear-gradient(135deg,rgba(255,255,255,.08),rgba(120,231,255,.05));border:1px solid rgba(255,255,255,.12)}.lock-v09{background:radial-gradient(circle at 50% 12%,rgba(120,231,255,.24),transparent 28%),radial-gradient(circle at 80% 74%,rgba(169,148,255,.18),transparent 32%),rgba(2,7,16,.75);backdrop-filter:blur(8px)}.lock-status{position:absolute;top:26px;left:24px;right:24px;display:flex;justify-content:space-between;color:rgba(255,255,255,.65);font-size:12px;font-weight:900}.lock-widget-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:18px 0;width:100%;max-width:330px}.lock-widget-row div{border-radius:22px;background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.12);padding:11px;text-align:center}.lock-widget-row b,.lock-widget-row span{display:block}.lock-widget-row b{font-size:22px}.lock-widget-row span{font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.unlock-v09{display:flex;gap:10px;align-items:center;justify-content:center}.unlock-v09 span{width:34px;height:6px;border-radius:99px;background:rgba(255,255,255,.35);box-shadow:0 0 18px rgba(255,255,255,.20);animation:unlockSlide 1.5s ease-in-out infinite}.lock-actions{position:absolute;left:28px;right:28px;bottom:30px;display:flex;justify-content:space-between}.lock-actions button{width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.09);font-size:20px}.tablet-command{border-radius:30px;background:linear-gradient(135deg,rgba(120,231,255,.13),rgba(169,148,255,.10)),rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.13);padding:20px;margin-bottom:16px;display:flex;justify-content:space-between;gap:20px;align-items:center;box-shadow:0 22px 70px rgba(0,0,0,.20)}.tablet-command label{font-size:11px;text-transform:uppercase;letter-spacing:.18em;color:var(--cyan);font-weight:1000}.tablet-command h2{margin:6px 0 4px;font-size:30px;letter-spacing:-.06em}.tablet-command p{margin:0;color:var(--muted)}.tablet-kpis{display:grid;grid-template-columns:repeat(4,76px);gap:8px}.tablet-kpis b{border-radius:22px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.10);display:grid;place-items:center;min-height:74px;font-size:24px}.tablet-kpis span{display:block;font-size:10px;color:var(--muted);text-transform:uppercase;letter-spacing:.1em}.pro-grid .work-tile{min-height:154px}.tablet-lane{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:16px}.tablet-lane>div{border-radius:26px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.10);padding:14px}.tablet-lane h3{margin:0 0 10px}.rich-detail{position:relative;overflow:hidden}.detail-orb{position:absolute;right:-48px;bottom:-48px;width:150px;height:150px;border-radius:50%;background:radial-gradient(circle,rgba(120,231,255,.30),transparent 60%);filter:blur(2px);animation:floaty 4.5s ease-in-out infinite}.tablet-split-v09{grid-template-columns:1.05fr .72fr}.row-card,.store-card,.work-tile,.library-app,.stack-card,.quick,.ctrl,.pill,.app-wrap{transition:transform .18s var(--ease),box-shadow .18s var(--ease),border-color .18s var(--ease),background .18s var(--ease)}.row-card:hover,.store-card:hover,.work-tile:hover,.library-app:hover,.stack-card:hover{transform:translateY(-2px);box-shadow:0 18px 50px rgba(0,0,0,.22);border-color:rgba(120,231,255,.24)}.quick:hover,.ctrl:hover,.pill:hover{transform:translateY(-1px)}@keyframes islandPop{from{opacity:0;transform:translateY(-12px) scale(.96)}to{opacity:1;transform:none}}@keyframes blink{0%,100%{opacity:.55;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}}@keyframes softPulse{0%,100%{box-shadow:0 0 0 rgba(120,231,255,0)}50%{box-shadow:0 0 34px rgba(120,231,255,.24)}}@keyframes unlockSlide{0%,100%{transform:translateX(-5px);opacity:.55}50%{transform:translateX(5px);opacity:1}}@keyframes floaty{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(-10px,-14px,0)}}
@media(max-width:700px){.smart-stack{grid-template-columns:1fr 1fr}.stack-card.wallet{grid-column:1/-1}.tablet-kpis{grid-template-columns:repeat(2,76px)}.tablet-command{align-items:flex-start;flex-direction:column}.tablet-lane{grid-template-columns:1fr}}