:root{font-family:'Segoe UI',Tahoma,Arial,sans-serif;color:#102a50;font-synthesis:none}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;}button,a{touch-action:manipulation}button{cursor:pointer;font-family:inherit}body{overflow:hidden;background:radial-gradient(ellipse at center,#90c9ef,#255493 78%,#102d59);}
[hidden]{display:none!important}.desktop{position:fixed;inset:0;overflow:hidden;background:linear-gradient(122deg,#3475be,#9edbff,#416eb0)}
.desktop::before{content:'';position:absolute;inset:-12px;background:url('assets/left-clouds.webp') center/cover;filter:blur(23px);opacity:.65}
.screenshot-stage{position:absolute;width:1586px;height:992px;left:50%;top:50%;transform-origin:center center;transform:translate(-50%,-50%) scale(var(--scale,1));isolation:isolate}
.approved-art{position:absolute;width:100%;height:100%;object-fit:contain;user-select:none;pointer-events:none}
.hit{position:absolute;left:calc(var(--x)*1px);top:calc(var(--y)*1px);width:calc(var(--w)*1px);height:calc(var(--h)*1px);background:transparent;border:0;border-radius:6px;cursor:pointer;padding:0;z-index:2;display:block;}
.hit:hover{background:rgba(255,255,255,.105);box-shadow:inset 0 0 0 1px rgba(255,255,255,.68),0 0 12px rgba(198,226,255,.35)}
.hit:focus-visible{outline:4px solid #d4ecff;outline-offset:0;background:rgba(255,255,255,.15)}
.cat-hit:hover{box-shadow:none;background:transparent;filter:drop-shadow(0 0 16px #fff)}
.site-status{position:absolute;top:905px;right:10px;color:#e7f9ff;font:700 9px/1.5 Tahoma,Arial,sans-serif;background:rgba(8,30,60,.72);border:1px solid rgba(255,255,255,.25);padding:2px 7px;z-index:1;pointer-events:none}
.online-dot{display:inline-block;height:6px;width:6px;border-radius:100%;background:#b8ff94;box-shadow:0 0 5px #b8ff94}
.mobile{display:none}
.start-menu{position:fixed;bottom:55px;left:7px;width:360px;max-height:calc(100vh - 80px);z-index:40;overflow:auto;background:linear-gradient(130deg,rgba(236,246,255,.96),rgba(185,214,245,.94));border:2px solid #79b9f2;border-radius:13px 13px 6px 6px;box-shadow:0 18px 55px #061a4390, inset 0 0 0 1px white;backdrop-filter:blur(16px)}
.start-top{display:flex;align-items:center;gap:12px;padding:16px;background:linear-gradient(#276ab5,#7fb9ec);color:white}
.start-top img{height:56px;width:45px;object-fit:contain}
.start-top strong{display:block;font-size:19px;text-shadow:0 1px #0a326d}
.start-top small{display:block;font-size:12px;margin-top:4px}
.start-items{display:grid;padding:8px 10px}
.start-items button{border:0;border-radius:6px;background:transparent;padding:12px 14px;text-align:left;font-size:15px;font-weight:600;color:#134477}
.start-items button:hover{background:linear-gradient(90deg,#d3eaff,#75b7f1);color:#093b7a}
.start-bottom{background:linear-gradient(180deg,#2767aa,#1b508e);color:#fff;padding:11px 12px;font-size:12px}
.modal-backdrop{position:fixed;inset:0;background:rgba(8,30,65,.48);z-index:30;display:flex;justify-content:center;align-items:center;padding:22px;backdrop-filter:blur(6px)}
.vista-dialog{width:min(840px,96vw);max-height:min(820px,92vh);display:flex;flex-direction:column;overflow:hidden;border:1px solid rgba(255,255,255,.86);border-radius:13px;background:linear-gradient(180deg,rgba(223,243,255,.91),rgba(184,216,245,.96));box-shadow:0 18px 64px #041f5099,0 0 0 1px #5a99ca,inset 0 0 0 1px white;color:#19385f}
.dialog-titlebar{height:48px;flex:none;display:flex;align-items:center;justify-content:space-between;gap:15px;background:linear-gradient(180deg,#b1e0ff,#5dabe6 55%,#347abb);color:white;text-shadow:0 1px 2px #1b5694;border-bottom:1px solid #91c7ed;padding:0 9px 0 17px;font-size:15px;font-weight:700;cursor:grab;user-select:none}
.dialog-titlebar>div{display:flex;gap:4px}
.dialog-titlebar button{font-family:Tahoma,Arial;background:linear-gradient(#f3fbff,#91c4f0);width:31px;height:27px;color:#1a4773;border:1px solid white;border-radius:4px;font-weight:bold}
#dialog-close{background:linear-gradient(#ffb5aa,#d95237);color:#fff}
.dialog-content{overflow:auto;padding:20px;min-height:180px;scrollbar-color:#7bbbec #ecf5ff}
.dialog-status{display:flex;justify-content:space-between;gap:8px;background:linear-gradient(#fcfeff,#c5ddf5);border-top:1px solid #80acd7;padding:8px 14px;font:12px Tahoma,Arial}
.modal-heading{font:normal 39px Georgia,'Times New Roman',serif;margin:4px 0 8px;color:#205a99}
.modal-lede{margin:5px 0 18px;line-height:1.6;font-size:15px;color:#345779}
.tape-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:16px}
.tape-tabs button,.modal-btn,.modal-links a{padding:11px 16px;background:linear-gradient(#fafefe,#a4d0f4);border:1px solid #65a4d9;border-radius:7px;color:#165295;font-size:14px;font-weight:700;box-shadow:inset 0 1px white,0 2px 4px #2468a230;text-decoration:none;display:inline-flex;justify-content:center;align-items:center;gap:7px}
.tape-tabs button[aria-selected="true"],.modal-btn.primary{background:linear-gradient(#6cc9ff,#1873cf);color:white;border-color:#357bbe;text-shadow:0 1px #2b63a0}
.media-player{max-width:530px;margin:0 auto}
.media-player video{width:100%;max-height:510px;display:block;background:#080b15;border:6px solid #121722;border-radius:6px;box-shadow:0 0 0 1px #7cafe1,0 12px 26px #4c82af62}
.media-player figcaption{padding:12px 0;text-align:center;font-size:13px;color:#3f5f80}
.gallery-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.gallery-item{padding:8px;border-radius:8px;background:#f1f7ff;border:1px solid #8bb7df;box-shadow:0 3px 8px #2b5e8733;text-align:left}
.gallery-item img{width:100%;height:200px;object-fit:contain;background:#dbe8f5;border-radius:5px}
.gallery-item strong{display:block;font-size:12px;color:#295078;margin-top:5px}
.gallery-item:focus-visible{outline:3px solid #3b8ade}
.gallery-single{display:grid;place-items:center;gap:16px}
.gallery-single img{max-width:min(100%,640px);max-height:62vh;object-fit:contain;box-shadow:0 7px 24px #1f4a7455}
.trade-pairs{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0}
.pair-card{border:1px solid #81b4dc;border-radius:10px;background:linear-gradient(#f6fbff,#c7e7fa);padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.pair-card h3{font-size:26px;margin:0;color:#1964ae}
.pair-card p{font-size:13px;line-height:1.5;margin:0}
.pair-card a{margin-top:auto}
.mint-box{border:1px solid #97b9d8;background:#fff;border-radius:8px;padding:13px;margin:14px 0;display:flex;align-items:center;gap:8px;flex-wrap:wrap}
.mint-box code{font:12px/1.4 monospace;word-break:break-all;flex:1;min-width:150px}
.modal-links{display:flex;flex-wrap:wrap;gap:10px}
.modal-links a{flex:1}
.music-screen{border:8px solid #203953;border-radius:9px;background:linear-gradient(#143446,#142d2f);color:#d4fbff;padding:18px;font:16px 'Courier New',monospace;margin-bottom:14px}
.music-screen .display{font-weight:bold;font-size:30px;letter-spacing:5px;color:#d7f3be}
.eq{display:flex;align-items:flex-end;height:74px;gap:5px;margin-top:14px}.eq i{flex:1;background:linear-gradient(#c9f7df,#4cbae0,#2360a4);height:var(--h)}
.music-screen.playing .eq i{animation:eqdance .25s alternate infinite}
.music-screen.playing .eq i:nth-child(2n){animation-delay:-.13s}
@keyframes eqdance{to{height:100%}}
.original-cat-content{display:grid;grid-template-columns:1fr 1fr;gap:25px;align-items:center}
.original-cat-content img{width:min(100%,330px);height:340px;object-fit:contain;background:radial-gradient(circle,#fff8,#90c1e911);border:1px solid #afd3f3;border-radius:8px}
.original-cat-content p{line-height:1.7}
.toast{position:fixed;z-index:100;bottom:24px;right:22px;padding:14px 22px;background:#eefaff;border:2px solid #317aba;border-radius:8px;box-shadow:0 9px 30px #08265066;color:#164c83;font-weight:bold;font-size:14px;opacity:0;transform:translateY(20px);pointer-events:none;transition:opacity .2s,transform .2s}
.toast.show{opacity:1;transform:translateY(0)}
@media(max-width:800px){
 body{overflow:auto;background:linear-gradient(160deg,#0e76ca,#79b8ef 39%,#e1f5fd 68%,#367ec9);min-height:100vh}
 .desktop{display:none}.mobile{display:block;position:relative;z-index:1;padding:12px 12px 32px;max-width:650px;margin:auto;background:radial-gradient(circle at 60% 0%,#ffffff55,transparent 44%)}
 .mobile-toolbar{position:sticky;z-index:4;top:0;display:flex;align-items:center;gap:12px;background:linear-gradient(#b2ddfeee,#3d90d5e8);border:1px solid #ffffffd9;border-radius:9px;padding:9px 12px;box-shadow:0 6px 18px #245c9266;color:#fff;font-weight:700;margin-bottom:12px;backdrop-filter:blur(10px)}
 .mobile-toolbar button{margin-left:auto;border:1px solid #e8f8ff;border-radius:6px;background:linear-gradient(#fff,#82b8e7);color:#1a5187;padding:5px 10px;font-size:18px}
 .orb{height:28px;width:28px;background:linear-gradient(#76d46e,#23893d);border:1px solid #e2faff;border-radius:50%;display:grid;place-items:center;color:#fff}
 .vista-pane{border:1px solid #fff;border-radius:10px;box-shadow:0 12px 24px #153e7073,inset 0 1px #fff7;overflow:hidden;background:linear-gradient(#ffffff70,#b6def17d);backdrop-filter:blur(7px)}
 .mobile-pane-title{height:36px;background:linear-gradient(#cdeeff,#508bc7);border-bottom:1px solid #fff9;color:#fff;text-shadow:0 1px #164d89;padding:9px 13px;font-weight:700;font-size:13px;display:flex;justify-content:space-between;align-items:center}
 .mobile-hero-inner{padding:18px 19px 25px;background:linear-gradient(#347dc25a,#aedaf632), url('assets/temple-scene.webp') center/cover;text-align:left}
 .holy-kicker{font:18px Georgia,serif;margin:12px 0 3px;color:#fff;text-shadow:0 2px 9px #27578a}
 .mobile-hero h1{font:normal clamp(42px,11vw,78px)/.95 Georgia,'Times New Roman',serif;color:white;margin:0;text-shadow:0 1px 8px #346e9f,0 0 16px #fff9}
 .mobile-hero h2{font:normal 18px/1.3 Georgia,serif;color:#fff;margin:14px 0 15px;text-shadow:0 1px 9px #1d5185}
 .mobile-original-miu{width:200px;height:260px;object-fit:contain;display:block;margin:auto;filter:none;animation:floatcat 5s ease-in-out infinite alternate}
 @keyframes floatcat{to{transform:translateY(-9px)}}
 .mobile-hero p:not(.holy-kicker){font-size:16px;line-height:1.5;color:#fff;text-shadow:0 1px 9px #184d7a}
 .mobile-cta{display:block;width:100%;margin-top:8px;border-radius:8px;padding:14px;font-weight:700;font-size:15px;background:linear-gradient(#78cfff,#1769be);border:1px solid #e8f9ff;color:#fff;text-shadow:0 1px #3171ab}
 .mobile-cta.pale{background:linear-gradient(#fff,#b8ddfb);color:#194d83;text-shadow:none}
 .mobile-apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:16px 0}
 .mobile-app{min-height:164px;display:flex;flex-direction:column;gap:8px;align-items:center;justify-content:center;color:#fff;text-shadow:0 1px 5px #184f8b;padding:10px;text-align:center}
 .mobile-app span{font-size:43px}.mobile-app b{font-size:17px}.mobile-app small{font-size:12px}
 .mobile-footer{text-align:center;color:#fff;font-size:11px;letter-spacing:1px}
 .modal-backdrop{padding:9px}.vista-dialog{max-height:96vh;width:100%}.dialog-content{padding:14px}
 .gallery-grid{grid-template-columns:1fr 1fr}.gallery-item img{height:155px}
 .trade-pairs,.original-cat-content{grid-template-columns:1fr}
 .original-cat-content img{height:225px;margin:auto}
 .modal-heading{font-size:30px}
 .start-menu{bottom:12px;left:12px;right:12px;width:auto}
 .dialog-titlebar{font-size:12px}
}
@media(prefers-reduced-motion:reduce){*{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

/* MIU Heaven OS Aero refinement, 2026-10-21.
   Landing artwork remains exactly as approved; only invisible hotspots and
   independently rendered windows/start menu are altered. */
.hit:hover,.hit:active{background:transparent!important;box-shadow:none!important;filter:none!important}
.hit:focus-visible{outline:2px dotted #fff;outline-offset:2px;background:transparent!important}
.cat-hit:hover{background:transparent!important;filter:none!important}
.vista-hover-tip{position:fixed;z-index:25;pointer-events:none;max-width:250px;padding:6px 10px;border:1px solid #edf7ffbd;border-radius:5px;background:linear-gradient(165deg,#fffefd,#dbeefa);box-shadow:0 5px 15px #0e355b88;color:#294569;font:12px/1.3 'Segoe UI',Tahoma,sans-serif;transform:translate(13px,18px);text-shadow:0 1px #fff}
.vista-hover-tip[hidden]{display:none!important}

/* Authentic Vista Start: dark graphite Aero glass with programs/light panel. */
.start-menu{width:438px;max-width:calc(100vw - 14px);max-height:calc(100vh - 88px);bottom:56px;left:8px;z-index:48;padding:7px 7px 0;border:1px solid #d1e8fc9c;border-radius:11px 11px 0 0;overflow:hidden;color:#f9fcff;background:linear-gradient(125deg,#36495acb,#0d243cd9 62%,#162943e8);box-shadow:0 0 0 1px #10283d,0 20px 66px #06132bd9,inset 0 2px 0 #ffffff82,inset 0 0 0 2px #d7e5f024;backdrop-filter:blur(22px) saturate(1.24);font:13px 'Segoe UI',Tahoma,sans-serif}
.start-menu::before{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(170deg,#eafaff5b 0%,transparent 27%,#ffffff05 65%,#96b7d723);pointer-events:none}
.start-menu-header{display:flex;align-items:center;gap:11px;padding:7px 10px 9px;height:70px;color:white;text-shadow:0 1px 3px #091526}
.start-avatar{display:grid;place-items:center;height:57px;width:57px;flex:none;border:2px solid #fff9;border-radius:7px;background:linear-gradient(#fbfaffd9,#6698c8d1);box-shadow:0 0 0 1px #131f3d,0 2px 12px #addbffaa;transform:translateY(-2px)}
.start-avatar img{height:53px;width:51px;object-fit:contain;filter:none}
.start-account{flex:1;display:flex;flex-direction:column;gap:4px}.start-account strong{font-size:19px;font-weight:600}.start-account small{font-size:11px;color:#d3e9f8}
.start-status{align-self:flex-start;color:#d3efff;font-size:10px;margin-top:7px}
.start-content{display:grid;grid-template-columns:minmax(0,1.24fr) minmax(0,.84fr);min-height:345px;border-radius:5px 5px 0 0;overflow:hidden;border:1px solid #b5d4eaa3;border-bottom:0}
.start-programs{min-width:0;display:flex;flex-direction:column;background:linear-gradient(180deg,#ffffff,#f4f9fe 55%,#e5f2fe);color:#152d49;padding:6px 6px 0}
.start-program-list{display:flex;flex-direction:column;gap:1px;flex:1;overflow-y:auto;max-height:360px;scrollbar-color:#91b7de #e4f0fa}
.start-program-list button{display:flex;align-items:center;gap:11px;width:100%;min-height:43px;padding:5px 6px;background:transparent;border:1px solid transparent;border-radius:3px;text-align:left;color:#1f344e;font:normal 13px/1.15 'Segoe UI',Tahoma,Arial,sans-serif;text-shadow:none}
.start-program-list button:hover,.start-program-list button:focus-visible,.start-shortcuts button:hover,.start-shortcuts button:focus-visible{background:linear-gradient(#edf9ff,#b5ddfa 55%,#83bfef);border-color:#669cce;box-shadow:inset 0 1px #fff;border-radius:4px;color:#12335a;outline:none}
.start-pict{display:grid;place-items:center;width:33px;height:33px;font-size:22px;filter:drop-shadow(0 1px 1px #799ec0)}
.start-program-list button>span:last-child{display:flex;flex-direction:column;gap:2px}.start-program-list small{font-size:10px;color:#677889}
.start-divider{height:1px;background:linear-gradient(90deg,transparent,#aac2d8 20%,#aac2d8 80%,transparent);margin:5px 0}
.all-programs{display:block;width:100%;border:1px solid transparent;background:none;border-radius:3px;font-size:13px;text-align:left;color:#174779;padding:8px 11px}
.all-programs:hover{background:linear-gradient(#fff,#c2e2ff);border-color:#9ac1df}
.start-program-search{height:34px;display:flex;align-items:center;margin:4px 3px 8px;background:#fff;border:1px solid #93b1d0;border-radius:3px;box-shadow:inset 0 1px 3px #1d50743d}
.start-program-search input{border:0;background:transparent;outline:0;min-width:0;padding:7px 8px;width:100%;font:12px 'Segoe UI',Tahoma,sans-serif;color:#243b55}
.start-program-search span{font:24px Tahoma;color:#527ba4;padding-right:7px}
.start-shortcuts{display:flex;flex-direction:column;gap:1px;padding:7px 7px 8px;background:linear-gradient(90deg,#415d79a0,#19354fca 18%,#09243cdd 92%);color:#fff;box-shadow:inset 1px 0 #ffffff25}
.start-shortcuts button{display:flex;align-items:center;gap:8px;width:100%;min-height:33px;border:1px solid transparent;background:none;color:#e6f4ff;text-shadow:0 1px 2px #0b1925;font-size:12px;font-weight:550;text-align:left;border-radius:3px;padding:6px 9px}
.start-shortcuts button:first-child{min-height:48px}
.start-shortcuts button img{width:27px;height:32px;object-fit:contain}
.start-right-divider{height:1px;background:#c9e9ff2d;margin:5px 8px}
.start-powerbar{display:flex;align-items:center;justify-content:flex-end;gap:6px;min-height:41px;padding:5px 7px 5px 12px;background:linear-gradient(#354d63cc,#122c44ea);border-top:1px solid #ffffff51}
.start-powerbar span{font:10px Tahoma;color:#c7ddf3;margin-right:auto}
.start-powerbar button{width:38px;height:27px;border:1px solid #e2f2ffc2;border-radius:4px;background:linear-gradient(#ffc0a0,#c34c32 48%,#9f2c26);box-shadow:inset 0 1px #ffebe2;color:white;text-shadow:0 1px #68221c}
.start-powerbar button:last-child{background:linear-gradient(#b4c8d9,#527c9f 55%,#2a4f71)}
.start-search-empty{padding:12px;font-size:12px;color:#67829d}

/* Vista Aero dialogs — thick translucent glass chrome surrounding white/light
   task panes, like the reference screenshot rather than opaque XP blue bars. */
.modal-backdrop{background:rgba(6,24,55,.42);backdrop-filter:blur(5px) saturate(.85);padding:18px}
.vista-dialog{--dialog-accent:#2c699c;position:relative;width:min(900px,calc(100vw - 30px));max-height:min(850px,calc(100dvh - 38px));padding:8px 8px 7px;display:flex;flex-direction:column;gap:0;overflow:hidden;color:#1e3249;border:1px solid #f4fcffcc;border-radius:12px;background:linear-gradient(125deg,#eaf4fb99 0%,#acc8dc8c 13%,#314757b8 44%,#0b1e34d1 92%);box-shadow:0 0 0 1px #163c61,0 24px 80px #081830a8,0 0 38px #b6eaff29,inset 0 1px 0 #ffffffd5,inset 1px 0 #ffffff73;backdrop-filter:blur(24px) saturate(1.4)}
.vista-dialog::before{content:'';position:absolute;pointer-events:none;top:2px;left:2px;right:2px;height:44px;border-radius:10px 10px 35% 35%;background:linear-gradient(#f8ffff78,#ffffff19 52%,transparent);z-index:0}
.dialog-titlebar{position:relative;z-index:1;height:36px;min-height:36px;background:transparent;border:0;padding:0 0 7px 7px;display:flex;align-items:center;justify-content:space-between;gap:12px;color:#fcfdff;text-shadow:0 1px 3px #092447,0 1px 1px #132e45;font:600 13px 'Segoe UI',Tahoma,sans-serif;cursor:grab;user-select:none}
.dialog-titlebar .dialog-caption{display:flex;align-items:center;gap:9px;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
#dialog-icon{display:grid;place-items:center;width:21px;height:21px;font-size:18px;filter:drop-shadow(0 1px 2px #152535)}
#dialog-title{overflow:hidden;text-overflow:ellipsis}
.dialog-titlebar .dialog-winbuttons{display:flex;align-items:flex-start;gap:0;align-self:flex-start;height:27px;border-radius:0 0 5px 5px;overflow:hidden;border:1px solid #d4efff8e;border-top:0;box-shadow:0 2px 3px #0a203866}
.dialog-winbuttons button{height:24px;width:35px;min-width:35px;border:0;border-right:1px solid #1d4d70b3;border-radius:0;color:white;font:600 14px/20px Tahoma;box-shadow:inset 0 1px #ffffff8a;text-shadow:0 1px #0d3258;background:linear-gradient(#bdddf0b2,#588bb5b0 53%,#234d76cf)}
.dialog-winbuttons button:hover{filter:brightness(1.2);background:linear-gradient(#c8eafc,#64a5d6 55%,#376991)}
.dialog-winbuttons button:last-child{border:0;width:49px;min-width:49px;background:linear-gradient(#f7c0b3,#e27456 45%,#c04426 70%,#b1291b);text-shadow:0 1px #932c27;font-size:20px;font-weight:400}
.dialog-winbuttons button:last-child:hover{background:linear-gradient(#ffd3c5,#f58c70 49%,#d63314)}
.dialog-navigator{display:flex;align-items:center;gap:7px;padding:5px 10px 6px;min-height:49px;border:1px solid #ffffffc8;border-bottom:0;border-radius:4px 4px 0 0;background:linear-gradient(#f6fbff,#dbeaf3 66%,#c7dae9);box-shadow:inset 0 1px #fff}
.dialog-back,.dialog-forwards{display:grid;place-items:center;height:30px;width:30px;min-width:30px;border:1px solid #9db9c9;border-radius:50%;background:linear-gradient(#f9feff,#c5dcec 59%,#8bb5d1);color:#2d709f;font:30px/1 Tahoma;text-decoration:none;box-shadow:inset 0 2px #fff,0 1px 1px #648ca0}
.dialog-back:hover{background:linear-gradient(#fff,#abd7fa 60%,#65afd8)}
.dialog-forwards{width:23px;min-width:23px;height:23px;font-size:20px;color:#91a9bb;opacity:.65}
.dialog-path{display:flex;align-items:center;gap:7px;min-width:0;flex:1;height:30px;padding:0 10px;background:linear-gradient(#fff,#f5f9fc);border:1px solid #93b8cf;border-radius:2px;box-shadow:inset 0 1px 2px #b5d0df;font:12px Tahoma;color:#416886;white-space:nowrap;overflow:hidden}
.dialog-path span:first-child{color:#3184bf;font-size:18px}.dialog-path strong{font-weight:500;color:#185283;text-overflow:ellipsis;overflow:hidden}.crumb-arrow{color:#89afc9}
.dialog-search{display:flex;align-items:center;justify-content:space-between;width:176px;height:30px;padding:0 9px;border:1px solid #a7c2d6;border-radius:3px;background:#fff;box-shadow:inset 0 1px 2px #c2d1db;color:#97a7b2;font:12px Tahoma;white-space:nowrap}
.dialog-search span{font-size:21px;color:#3979b1}
.dialog-command{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:33px;padding:0 15px;border:1px solid #ffffffc8;border-top:1px solid #eaf4fc;border-bottom:1px solid #a3c0d5;background:linear-gradient(#fafcfe,#e2edf5 52%,#d2e1eb);color:#31516e;font:11px Tahoma}
.dialog-command-right{color:#6889a7}
.dialog-content{position:relative;flex:1;min-height:160px;overflow-y:auto;background:linear-gradient(110deg,#fff 0%,#fcfeff 52%,#eaf5fc 100%);border-left:1px solid #ffffffc8;border-right:1px solid #ffffffc8;padding:25px 27px 24px;color:#223e59;scrollbar-color:#adc8db #eff7fc}
.dialog-status{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:28px;padding:5px 13px;border:1px solid #ffffffbd;border-top:1px solid #bfd4e3;border-radius:0 0 3px 3px;background:linear-gradient(#f6fbff,#dce9f4);color:#55748e;text-shadow:0 1px #fff;font:10px 'Segoe UI',Tahoma,sans-serif}
.vista-dialog.is-maximized{width:calc(100vw - 34px);max-width:none;height:calc(100dvh - 34px);max-height:none;transform:none!important}
.modal-heading{font:400 clamp(27px,3.3vw,39px)/1.18 'Segoe UI',Tahoma,sans-serif;color:#275b87;margin:0 0 8px;letter-spacing:-.55px;text-shadow:0 1px white}
.modal-lede{color:#4a6983;font-size:13px;line-height:1.6;margin:4px 0 19px}
.vista-dialog[data-app="lore"] .modal-heading,.vista-dialog[data-app="cat"] .modal-heading{font-family:Georgia,'Times New Roman',serif;font-size:34px;color:#316d9c}
.vista-dialog[data-app="lore"] .dialog-content,.vista-dialog[data-app="cat"] .dialog-content{background:linear-gradient(95deg,#f9fcff,#dbeffd 89%)}
.gallery-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:11px}
.gallery-item{padding:7px;background:linear-gradient(#fff,#e9f1f9);border:1px solid #cadbe8;border-radius:3px;box-shadow:0 1px 3px #7ca0be36}
.gallery-item img{border:1px solid #d2e1ed;background:#fff;border-radius:2px;height:183px;width:100%;object-fit:contain}
.gallery-item strong{font-size:11px;color:#345d7b;font-weight:600}
.gallery-item:hover,.gallery-item:focus-visible{background:linear-gradient(#e8f6ff,#c5e6fc);border-color:#6faedd;box-shadow:0 0 0 1px #b5e5ff,inset 0 1px white;outline:none}
.tape-tabs{gap:5px;margin-bottom:15px}
.tape-tabs button,.modal-btn,.modal-links a{border:1px solid #98b7d0;border-radius:4px;padding:9px 14px;color:#1c557e;background:linear-gradient(#fff,#f0f7fc 54%,#d4e8f7);box-shadow:inset 0 1px #fff,0 1px 3px #558bb340;text-shadow:0 1px white;font:600 12px 'Segoe UI',Tahoma,sans-serif;min-height:32px}
.tape-tabs button:hover,.modal-btn:hover,.modal-links a:hover{border-color:#438cbe;background:linear-gradient(#fff,#daf3ff 58%,#a9dbfa)}
.tape-tabs button[aria-selected="true"],.modal-btn.primary{background:linear-gradient(#7cd3ff,#2b97db 50%,#1361ac);border-color:#236bae;color:#fff;text-shadow:0 1px #25578d;box-shadow:inset 0 1px #e3f8ff,0 1px 4px #1e5d9180}
.media-player{max-width:610px;margin:0 auto;padding:6px 8px;background:linear-gradient(#313c49,#0c1523 60%,#23303d);border:1px solid #9cb4c7;border-radius:8px;box-shadow:inset 0 1px #7f9cb6,0 10px 26px #2e4f6f65}
.media-player video{display:block;width:100%;max-height:min(510px,55vh);border:2px solid #0a121b;border-radius:2px;background:#080c14;box-shadow:inset 0 1px #536d85}
.media-player figcaption{color:#c8deef;font-size:12px}
.pair-card{background:linear-gradient(#fafdff,#e8f3fb 80%,#d7e9f8);border:1px solid #c4d7e8;border-radius:5px;box-shadow:inset 0 1px #fff}
.pair-card h3{color:#285f92;font-size:23px;font-weight:600}
.pair-card p{color:#49667f}
.mint-box{background:#fbfdff;border-color:#b7cedf;box-shadow:inset 0 1px 2px #abc8d944}
.music-screen{border:1px solid #6b8496;background:linear-gradient(#0b2637,#123547 51%,#0c1c2a);box-shadow:0 0 0 5px #e2eff7,0 4px 16px #8aabc867;border-radius:4px;margin:8px 6px 24px;color:#cae7ea}
.original-cat-content img{height:min(340px,46vh);border:0;border-radius:0;background:transparent;box-shadow:none;filter:none}
.vista-dialog[data-app="social"] .modal-links{padding:14px;background:linear-gradient(#f8fbff,#e4f2fa);border:1px solid #d6e5f0;border-radius:5px}
.restore-chip{position:fixed;z-index:31;right:20px;bottom:20px;display:flex;align-items:center;gap:5px;padding:5px;border:1px solid #f5ffffad;border-radius:8px;background:linear-gradient(#738fa8bd,#1e405bdc);box-shadow:0 5px 28px #051e45aa;backdrop-filter:blur(15px)}
.restore-chip button{padding:7px 12px;background:linear-gradient(#fdfefe,#b0d5f0);border:1px solid #ffffffb8;border-radius:4px;color:#1e4d78;font:600 12px 'Segoe UI',Tahoma}
.restore-chip button:last-child{padding:7px 10px;background:linear-gradient(#f6b59d,#bd5239);color:white}
@media(max-width:800px){
  .start-menu{position:fixed;top:auto;bottom:12px;left:8px;right:8px;width:auto;max-width:540px;margin:auto;max-height:calc(100dvh - 72px)}
  .start-content{grid-template-columns:1.35fr .85fr;min-height:0}.start-program-list{max-height:min(43dvh,300px)}.start-menu-header{height:55px}.start-avatar{height:42px;width:43px}.start-avatar img{height:40px;width:40px}
  .start-shortcuts{padding:7px 4px}.start-shortcuts button{font-size:11px;min-height:30px;padding:5px 5px}
  .modal-backdrop{padding:6px;align-items:center}.vista-dialog{width:100%;max-width:650px;max-height:calc(100dvh - 12px);padding:5px 5px 4px;border-radius:10px}
  .dialog-titlebar{height:33px;min-height:33px;font-size:11px;padding-bottom:4px}.dialog-winbuttons button{width:26px;min-width:26px;height:23px}.dialog-winbuttons button:last-child{width:34px;min-width:34px}
  .dialog-navigator{padding:4px 6px;min-height:42px}.dialog-search{display:none}.dialog-path{font-size:10px}.dialog-forwards{display:none}.dialog-back{height:25px;width:25px;min-width:25px}
  .dialog-command{padding:0 10px;min-height:26px;font-size:9px}.dialog-command-right{white-space:nowrap}
  .dialog-content{padding:16px;min-height:120px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-item img{height:145px}
  .modal-heading{font-size:28px}.vista-dialog.is-maximized{width:calc(100vw - 12px);height:calc(100dvh - 12px)}
  .dialog-status{font-size:9px}.dialog-status span:last-child{display:none}
}
@media(max-width:410px){.start-shortcuts button:nth-of-type(n+6){display:none}.start-program-list button{min-height:38px}.start-pict{width:28px;height:29px;font-size:18px}.start-account strong{font-size:16px}.start-status{display:none}}


/* New purpose-built mobile Vista Aero landing — no changes to desktop rendering. */
@media(max-width:800px){
  html,body{min-width:320px}
  body{overflow-x:hidden;overflow-y:auto;background:#478fcd url('assets/left-clouds.webp') center top/cover fixed no-repeat;color:#fff}
  .mobile{display:block;max-width:none;min-height:100dvh;margin:0;padding:12px 10px 85px;background:radial-gradient(circle at 80% 12%,#ffffff5c,transparent 30%),linear-gradient(180deg,#1260a340,#317db565)}
  .mv-atmosphere{position:fixed;z-index:-1;inset:0;pointer-events:none;background:radial-gradient(circle at 50% 20%,#d7f6ff69,transparent 55%)}
  .mv-browser{position:relative;width:min(100%,550px);margin:0 auto;padding:7px 6px 6px;border:1px solid #eafffff0;border-radius:11px;background:linear-gradient(128deg,#e4f4ffd6 0%,#82b6dbb5 30%,#1c4e82d1 85%);box-shadow:0 0 0 1px #22436c,0 13px 43px #082c58ad,inset 0 1px #fff,inset 1px 0 #ffffff91;backdrop-filter:blur(13px) saturate(1.2)}
  .mv-browser::before{content:"";pointer-events:none;position:absolute;inset:2px 3px auto;height:42px;border-radius:8px 8px 24px 24px;background:linear-gradient(#ffffffb0,#ffffff1f 70%,transparent)}
  .mv-captionbar{position:relative;z-index:1;height:30px;display:flex;align-items:center;justify-content:space-between;gap:6px;color:#f8fcff;text-shadow:0 1px 3px #153c64;font:600 11px 'Segoe UI',Tahoma,sans-serif;padding:0 1px 6px 5px}
  .mv-caption{display:flex;align-items:center;gap:7px;overflow:hidden;min-width:0;white-space:nowrap}
  .mv-caption>span:last-child{text-overflow:ellipsis;overflow:hidden}
  .mv-ie-icon,.mv-task-ie{display:grid;place-items:center;color:#f0c64e;font:italic 900 23px Georgia;text-shadow:1px 1px #1665aa,-1px -1px #0e74c6;width:20px;height:21px;flex:none}
  .mv-caption-controls{display:flex;flex:none;align-self:start;border:1px solid #ffffff99;border-top:0;border-radius:0 0 4px 4px;overflow:hidden;margin-top:-1px}
  .mv-caption-controls span{width:23px;height:19px;display:grid;place-items:center;border-right:1px solid #1f597d;background:linear-gradient(#c7e7f9d9,#3b7dacb8);font-size:12px}
  .mv-caption-controls span:last-child{width:30px;border:0;background:linear-gradient(#ffc5aa,#dc6044 60%,#c33b2d)}
  .mv-browser-toolbar{position:relative;display:flex;align-items:center;gap:5px;height:41px;margin:0 0 5px;padding:4px 6px;background:linear-gradient(#fafdff,#d6e9f7 52%,#bad4e9);border:1px solid #fff;border-radius:4px 4px 0 0;box-shadow:inset 0 1px #fff8}
  .mv-nav-back,.mv-nav-next{width:29px;height:29px;flex:none;border-radius:50%;display:grid;place-items:center;background:linear-gradient(#fcffff,#b8ddf8 50%,#448cbd);border:1px solid #5f9ac2;box-shadow:inset 0 1px #fff,0 1px 2px #5f82a7;font:27px/1 Tahoma;color:#235e9c}
  .mv-nav-next{width:21px;height:21px;font-size:17px;color:#7b9ebd;opacity:.75}
  .mv-address{height:27px;min-width:0;flex:1;background:linear-gradient(#fff,#f0f7fd);border:1px solid #8aacc6;box-shadow:inset 0 1px 2px #b0cde7;border-radius:3px;color:#315575;font:12px Tahoma;display:flex;align-items:center;gap:6px;padding:0 6px;white-space:nowrap;overflow:hidden}
  .mv-address img{width:17px;height:20px;object-fit:contain;flex:none}
  .mv-address span:nth-child(2){overflow:hidden;text-overflow:ellipsis}
  .mv-go{margin-left:auto;font-size:17px;color:#3e967c}
  .mv-browser-surface{background:linear-gradient(#d2e8f31f,#72a4d51c);border:1px solid #dff3ffb5;border-radius:0 0 4px 4px;padding:6px}
  .mv-sitebar{display:flex;align-items:center;justify-content:space-between;gap:7px;min-height:47px;padding:5px 10px;margin-bottom:8px;border-radius:8px;border:1px solid #e8f8ffca;background:linear-gradient(#ccecff95,#438ec4a5);box-shadow:inset 0 1px #fff7,0 3px 7px #1b447b38;backdrop-filter:blur(12px)}
  .mv-brand{display:flex;align-items:center;gap:7px;font-size:15px;font-weight:500;text-shadow:0 1px 3px #245889}
  .mv-brand b{font-weight:700}
  .mv-brand img{height:33px;width:31px;object-fit:contain;filter:none}
  .mv-menu-button{min-height:31px;border-radius:5px;border:1px solid #e8f6ffe3;padding:4px 10px;color:#fff;text-shadow:0 1px #1a5290;font-weight:600;font-size:12px;background:linear-gradient(#7cbdf7e3,#2e7dc2ee);box-shadow:inset 0 1px #fff9}
  .mv-hero{position:relative;isolation:isolate;overflow:hidden;padding:22px 19px 20px;border:1px solid #fcffffbd;border-radius:8px;background:linear-gradient(180deg,#1d6caf40,#103e868c),url('assets/temple-scene.webp') center 36%/cover no-repeat;box-shadow:inset 0 0 0 1px #ffffff3d,0 5px 21px #0b37675a}
  .mv-hero::after{content:"";position:absolute;inset:auto 0 0;height:62%;pointer-events:none;z-index:-1;background:linear-gradient(transparent,#114c91ae 75%,#134274e6)}
  .mv-religious-glow{position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(circle at 65% 40%,#fff7,transparent 35%),radial-gradient(circle at 8% 12%,#e4fcff73,transparent 28%)}
  .mv-copy{position:relative;z-index:1;text-shadow:0 2px 9px #173c73,0 0 6px #235999}
  .mv-kicker{font:normal 15px Georgia,serif;letter-spacing:1.2px;margin:0 0 2px}
  .mv-copy h1{font:normal clamp(40px,12vw,63px)/.95 Georgia,'Times New Roman',serif;letter-spacing:-1.5px;margin:0;color:#fff;text-shadow:0 1px 4px #226da2,0 0 15px #cbeeff}
  .mv-copy h1 span{display:block}
  .mv-subtitle{margin:10px 0 0;font:normal clamp(14px,3.8vw,19px)/1.3 Georgia,serif;letter-spacing:.4px}
  .mv-cat-scene{height:243px;position:relative;display:flex;align-items:center;justify-content:center;margin:0 -15px}
  .mv-cat-backlight{position:absolute;width:270px;height:270px;left:50%;top:0;transform:translateX(-50%);border-radius:50%;background:radial-gradient(circle,#fff9 0%,#d8f2ff55 33%,transparent 68%);pointer-events:none}
  .mv-original-cat{position:relative;z-index:1;width:auto;height:245px;max-width:90%;object-fit:contain;filter:none!important;border:none!important;border-radius:0!important;background:transparent!important;box-shadow:none!important;animation:mv-cat-float 5s ease-in-out infinite alternate}
  @keyframes mv-cat-float{to{transform:translateY(-7px)}}
  .mv-floating-quote{position:absolute;z-index:2;right:5%;bottom:7px;font:italic 16px/1.15 Georgia,serif;text-align:right;color:#fff;text-shadow:0 2px 7px #22548c,0 0 10px #22548c;transform:rotate(-4deg)}
  .mv-manifesto{position:relative;margin:4px 0 13px;color:#f7fbff;font:14px/1.55 'Segoe UI',Tahoma,sans-serif;text-align:center;text-shadow:0 1px 6px #1f4e86}
  .mv-hero-actions{position:relative;display:grid;gap:8px;max-width:420px;margin:0 auto}
  .mv-aero-action{display:flex;align-items:center;justify-content:flex-start;gap:12px;width:100%;min-height:43px;padding:5px 12px;border-radius:8px;border:1px solid #edfaffeb;background:linear-gradient(#ffffffed 0%,#d2eafd 50%,#92c3ee 100%);color:#1a467b;font-weight:700;font-size:13px;letter-spacing:.15px;text-shadow:0 1px white;box-shadow:inset 0 2px #ffffffdb,0 3px 6px #153b737d}
  .mv-aero-action-main{background:linear-gradient(#81c7faff,#318cdb 52%,#1562bc);color:#fff;text-shadow:0 1px #1b5793;border-color:#e0f7ff}
  .mv-action-icon{display:grid;place-items:center;flex:none;width:25px;height:25px;border:1px solid #7eaed2b7;border-radius:50%;background:linear-gradient(#faffff,#8bc3e7);color:#1664a1;font-size:15px;text-shadow:none;box-shadow:inset 0 1px #fff}
  .mv-arrow{font-size:24px;margin-left:auto;font-weight:400}
  .mv-aero-action:active{transform:translateY(1px);filter:brightness(.96)}
  .mv-explorer-caption{height:34px;display:flex;align-items:center;justify-content:space-between;font:11px Tahoma;color:#e8faff;text-shadow:0 1px 2px #214b7e;padding:0 4px}
  .mv-desktop-apps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
  .mv-app{display:flex;flex-direction:column;overflow:hidden;gap:0;padding:0;min-width:0;border:1px solid #faffffd9;border-radius:7px;background:linear-gradient(#ffffffd9,#bfdff6c9);box-shadow:0 6px 14px #1a46729a,inset 0 0 0 1px #fff6;color:#214c75;text-align:left}
  .mv-app-title{display:block;width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;padding:8px 8px 7px;background:linear-gradient(#a6d9f5,#4e91c9 58%,#2573af);font-size:11px;font-weight:700;color:white;text-shadow:0 1px #1a4975;border-bottom:1px solid #f7feffcf}
  .mv-app>img,.mv-fm-art,.mv-offerings-art{width:100%;height:105px;display:block;object-fit:cover}
  .mv-fm-art{display:flex;align-items:center;gap:5px;background:linear-gradient(125deg,#28689f,#81bde5)}
  .mv-fm-art img{width:54%;height:100%;object-fit:contain;filter:none}
  .mv-fm-art span{color:#fff;font:700 10px/1.7 'Segoe UI',Tahoma,sans-serif;text-shadow:0 1px #2162a0}
  .mv-offerings-art{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;background:linear-gradient(130deg,#e1f3ff,#82b8ee);font:700 30px Georgia;color:#266eb0;text-shadow:0 1px white}
  .mv-offerings-art span{font:700 11px 'Segoe UI',Tahoma;color:#32648d}
  .mv-app-detail{display:flex;align-items:center;justify-content:space-between;gap:3px;padding:8px 7px;font-size:10px;min-height:30px;white-space:nowrap}
  .mv-app-detail b{font-size:18px;color:#2c7cc0}
  .mv-browser-status{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:7px;color:#315476;font:10px Tahoma;background:linear-gradient(#f4fcff,#c5def1);border:1px solid #fff;border-radius:3px}
  .mv-taskbar{position:fixed;z-index:25;left:0;right:0;bottom:0;height:52px;display:flex;align-items:center;gap:4px;padding:4px 7px;background:linear-gradient(#66788ac7,#1b314acf 44%,#102032e8 85%);border-top:1px solid #f5faffac;box-shadow:inset 0 1px #ffffff82,0 -5px 17px #11355e91;backdrop-filter:blur(13px)}
  .mv-start{width:47px;height:43px;display:grid;place-items:center;flex:none;padding:0;background:transparent;border:none}
  .mv-orb{width:41px;height:41px;position:relative;display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:1px;padding:10px;border-radius:50%;background:radial-gradient(circle at 30% 20%,#fff,#87e4f9 19%,#1a7bce 51%,#14356c 75%);border:1px solid #d6f4ff;box-shadow:inset 0 1px 4px #fff9,0 2px 5px #081937b5,0 0 7px #a3e4ffaa;transform:rotate(-13deg)}
  .mv-orb i:nth-child(1){background:#ef4541}.mv-orb i:nth-child(2){background:#66a6f5}.mv-orb i:nth-child(3){background:#57bc50}.mv-orb i:nth-child(4){background:#ffd464}
  .mv-task-app{height:38px;min-width:0;flex:1;display:flex;align-items:center;gap:4px;border-radius:4px;border:1px solid #9bafc4be;background:linear-gradient(#a9d2ed78,#3c6f9991 55%,#17395996);color:white;text-shadow:0 1px #162d47;text-align:left;font-size:11px;padding:0 7px;white-space:nowrap;overflow:hidden}
  .mv-task-shortcut{width:35px;height:38px;flex:none;border-radius:4px;border:1px solid #b1d5ec80;background:linear-gradient(#e2f8ff46,#5c83b456);color:white;font-size:18px;text-shadow:0 1px #234663}
  .mv-tray-clock{flex:none;display:grid;place-items:center;width:27px;color:#d3efff}
  .start-menu{z-index:55;bottom:58px;left:7px;right:7px;max-width:540px}
  .toast{bottom:62px;right:10px;max-width:calc(100vw - 20px)}
}
@media(max-width:365px){
  .mv-hero{padding:18px 14px 16px}
  .mv-copy h1{font-size:41px}
  .mv-cat-scene{height:214px}
  .mv-original-cat{height:218px}
  .mv-floating-quote{font-size:14px;right:2%}
  .mv-tray-clock{display:none}
}
@media(prefers-reduced-motion:reduce){.mv-original-cat{animation:none!important}}

/* MIU Vista OS -- unified real Aero window skin, matching the luminous 2007 landing. */
:root{--aero-ice:#e9f7ff;--aero-border:#92c9f5;--aero-title:#387ebd;--aero-ink:#204d75}
#desktop:focus,#mobile:focus{outline:none!important}
@media (min-width:801px){
  .screenshot-stage .hit:focus,.screenshot-stage .hit:focus-visible{
    outline:none!important;box-shadow:none!important;background:transparent!important;
  }
}
.modal-backdrop{background:rgba(8,35,82,.43);backdrop-filter:blur(6px) saturate(.9)}
.vista-dialog{
  --dialog-accent:#3472b4;
  width:min(890px,calc(100vw - 24px));padding:7px 7px 7px;border-radius:10px;
  border:1px solid rgba(246,254,255,.98);
  background:linear-gradient(155deg,rgba(228,247,255,.88) 0%,rgba(131,190,237,.82) 14%,rgba(60,117,178,.83) 50%,rgba(26,62,113,.91) 100%);
  box-shadow:0 28px 85px rgba(4,22,62,.7),0 0 0 1px rgba(26,70,133,.94),inset 0 1px 0 #fff,inset 0 0 0 2px rgba(210,239,255,.33);
  backdrop-filter:blur(18px) saturate(1.18);font-family:'Segoe UI',Tahoma,Arial,sans-serif;
}
.vista-dialog::before{top:2px;height:38px;border-radius:9px 9px 40% 40%;background:linear-gradient(180deg,rgba(255,255,255,.52),rgba(255,255,255,.12) 60%,transparent)}
.dialog-titlebar{
  height:33px;min-height:33px;padding:1px 0 6px 7px;color:#f6fcff;
  font:600 12px/1.2 'Segoe UI',Tahoma,sans-serif;text-shadow:0 1px 2px #25486c,0 0 3px #2b527c;
}
.dialog-caption{font:600 12px/1.2 'Segoe UI',Tahoma,sans-serif}
#dialog-icon{display:inline-flex;align-items:center;justify-content:center;width:21px;height:21px;flex-shrink:0}
#dialog-icon img{width:21px;height:21px;object-fit:contain;filter:drop-shadow(0 1px 2px #163d67a6)}
.dialog-winbuttons button{height:22px;min-width:31px;width:31px;font-size:13px;font-weight:500;
  background:linear-gradient(#d0eaffee,#7bb9e6ce 45%,#3b87c7de 52%,#1d619ecc);
  border-right:1px solid #1e5a90;box-shadow:inset 0 1px #fff9,0 1px 3px #2f5b8b;
}
.dialog-winbuttons button:last-child{min-width:41px;width:41px;font-size:19px;font-family:Tahoma,sans-serif;
  background:linear-gradient(#f7c1ac,#eb8266 39%,#cf3e28 54%,#a8261b)}
.dialog-navigator{min-height:46px;padding:6px 10px;background:linear-gradient(180deg,#f7fcfff7 0%,#dceefced 52%,#b4d5f1ed 100%);
  border:1px solid #dceffed9;border-bottom:none;box-shadow:inset 0 1px #fff,0 1px 2px #205d9b44}
.dialog-back,.dialog-forwards{height:29px;width:29px;min-width:29px;border-radius:50%;
  background:linear-gradient(#edfaff,#9cd1fa 48%,#4b9dd7);border:1px solid #5d9acc;box-shadow:inset 0 1px #fff,0 1px 4px #397cbd}
.dialog-back{display:grid;place-items:center;padding:2px}
.dialog-back img{width:24px;height:24px;object-fit:contain}
.dialog-forwards{font-size:24px;color:#4073a4}
.dialog-path{height:29px;font:12px 'Segoe UI',Tahoma,sans-serif;color:#426d9a;background:linear-gradient(#fff,#f8fdff 65%,#f3faff);
  border:1px solid #84b0d5;border-radius:3px}
.dialog-path strong{font-weight:600;color:#205b9a}
.dialog-path .vista-path-icon{display:inline-flex;align-items:center}
.vista-path-icon img{width:17px;height:17px;object-fit:contain}
.dialog-search{height:29px;font:italic 11px 'Segoe UI',Tahoma,sans-serif}
.dialog-command{min-height:30px;background:linear-gradient(#fff,#edf8ff 48%,#d7ebfa);border-left-color:#e9f7ff;
  font:10px 'Segoe UI',Tahoma,sans-serif;color:#2a6395}
.dialog-content{padding:21px 24px 23px;color:#24527a;
  background:linear-gradient(128deg,#ffffff 0%,#f3faff 50%,#d8efff 100%);
  border-left:1px solid #f4fbff;border-right:1px solid #f4fbff;
  font:13px/1.53 'Segoe UI',Tahoma,Arial,sans-serif}
.dialog-status{min-height:25px;background:linear-gradient(#faffff,#d1e8fa 58%,#b4d5ec);border:1px solid #f3fcff;
  border-top:1px solid #b5d7e9;font:10px 'Segoe UI',Tahoma,sans-serif;color:#4d7799}
.modal-heading{font:400 30px/1.2 'Segoe UI',Tahoma,Arial,sans-serif;letter-spacing:-.45px;color:#25639f;text-shadow:0 1px #fff}
.modal-lede{font:13px/1.55 'Segoe UI',Tahoma,sans-serif;color:#4c7294}
/* App-specific frames use the exact same glass and iconography as the shell. */
.gallery-item{background:linear-gradient(#f9feff,#e3f4ff 58%,#cce6f8);border-color:#a6cdec;box-shadow:inset 0 1px #fff,0 2px 5px #235b8d25}
.gallery-item img{background:#ebf7ff;border-color:#c1d7e8}
.gallery-item strong{font:600 11px 'Segoe UI',Tahoma,sans-serif;color:#205c95}
.gallery-item:hover,.gallery-item:focus-visible{background:linear-gradient(#fff,#d9f3ff 55%,#adddfb);border-color:#5fa9e9}
.modal-btn,.tape-tabs button,.modal-links a{
  font:600 12px 'Segoe UI',Tahoma,sans-serif;color:#235c95;border:1px solid #70b0e6;
  border-radius:5px;background:linear-gradient(180deg,#fcffff 0%,#d9f1ff 41%,#a6d3f6 52%,#d9f0ff 100%);
  box-shadow:inset 0 1px #fff,inset 0 0 0 1px #ffffff69,0 2px 3px #346b9a28;
  text-shadow:0 1px #fff;padding:9px 13px;min-height:35px;
}
.modal-btn:hover,.tape-tabs button:hover,.modal-links a:hover{filter:brightness(1.06);border-color:#3b95de;box-shadow:inset 0 1px #fff,0 0 9px #74c4ff90}
.modal-btn.primary,.tape-tabs button[aria-selected="true"]{color:white;text-shadow:0 1px #1d4d81;
  background:linear-gradient(#a8dcff,#459be0 42%,#1767bc 54%,#358dd5);border-color:#3b85c7;}
.pair-card{border-color:#a2c6e6;border-radius:5px;background:linear-gradient(130deg,#ffffff,#d6ecfd 70%,#bcdef8);box-shadow:inset 0 1px white}
.pair-card h3{font-family:'Segoe UI',Tahoma,sans-serif;font-size:22px;font-weight:600;color:#1e69a5}
.mint-box{border-color:#9dc5e7;border-radius:4px}
.original-cat-content img{border-color:#abd5f1;background:linear-gradient(#fff,#d9f0ff)}
/* Functional MIU media player styled as a glossy Vista Media Player library. */
.vista-media-library{background:linear-gradient(#f4fbff,#dceffd);border:1px solid #accee9;box-shadow:inset 0 1px white;border-radius:5px;overflow:hidden}
.vista-nowplaying{display:flex;align-items:center;gap:8px;background:linear-gradient(#fff,#d8ebf7);color:#3b6f9c;padding:9px 11px;border-bottom:1px solid #b6d4eb;font-size:12px;font-weight:600}
.vista-nowplaying-icon img{width:22px;height:22px;display:block}
.library-subtitle{margin-left:auto;font-size:10px;font-weight:400;letter-spacing:.08em}
.music-library-main{display:grid;grid-template-columns:160px 1fr;gap:22px;padding:20px}
.music-album{display:flex;flex-direction:column;align-items:center;justify-content:center;align-self:start;border:1px solid #93bde3;border-radius:3px;
 background:linear-gradient(#fff,#c0e3fb);padding:9px;box-shadow:inset 0 1px white,0 4px 10px #1a5e9533}
.music-album img{width:135px;height:160px;object-fit:contain}
.music-album span{padding-top:6px;font:700 11px 'Segoe UI',Tahoma;color:#2d6596}
.music-information h2{font:400 26px 'Segoe UI',Tahoma,sans-serif;color:#1c69a5;margin:0 0 8px}
.music-information p{font-size:13px;line-height:1.5;color:#4c7092;margin:4px 0 6px}
.player-visualizer{margin:13px 0 11px;border:4px solid #284760;border-radius:4px;background:linear-gradient(#123750,#06243c);box-shadow:inset 0 2px #ffffff2c;color:#d8f6ff;padding:13px 15px 10px}
.player-visualizer-label{display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px;font:12px 'Consolas','Courier New',monospace}
.player-visualizer-label strong{font-size:16px;color:#cbfbec}
.player-visualizer .eq{height:60px;margin-top:6px}
.music-play-control{display:inline-flex;align-items:center;gap:8px}
.music-play-control img{width:20px;height:20px;object-fit:contain}
.music-library-foot{border-top:1px solid #b2d1eb;background:linear-gradient(#fff,#d6eafa);padding:8px 13px;font-size:11px;color:#446e8f}
@media(max-width:800px){
 .vista-dialog{max-height:calc(100dvh - 12px);padding:5px}
 .dialog-titlebar{height:33px;min-height:33px}
 .dialog-content{padding:14px}
 .music-library-main{grid-template-columns:1fr;gap:10px;padding:12px}
 .music-album{flex-direction:row;gap:14px}
 .music-album img{width:70px;height:80px}
 .music-album span{flex:1}
 .music-information h2{font-size:23px}
 .library-subtitle{font-size:9px}
}
/* The Start menu shares the same glass-blue palette and icon set. */
.start-menu{background:linear-gradient(125deg,rgba(173,215,248,.96),rgba(46,99,156,.95) 33%,rgba(15,51,106,.96));border:1px solid #d7f6ffde;
 box-shadow:0 20px 55px #031c4690,inset 0 1px #fff,inset 0 0 0 1px #8dc4f288}
.start-menu-header{background:linear-gradient(180deg,#c9e8ff55,#74b7e522 72%,transparent)}
.start-menu::before{background:linear-gradient(180deg,#fff9 0%,transparent 22%,#74b7f91a 90%)}
.start-programs{background:linear-gradient(#fff,#edf8ff 55%,#d9eefa)}
.start-shortcuts{background:linear-gradient(110deg,#4c89bfcc,#28547ec7 25%,#103a67e8);color:#fff}
.start-account strong,.start-program-list button,.start-shortcuts button{font-family:'Segoe UI',Tahoma,Arial,sans-serif}
.start-pict{width:34px;height:34px;filter:none}
.start-pict .app-icon-img{display:block;width:32px;height:32px;object-fit:contain;filter:drop-shadow(0 1px 2px #2e65965e)}
.start-program-list button{font-size:13px;min-height:43px;color:#234969}
.start-program-list button small{font-size:10px;color:#5a7897}
.start-program-list button:hover{color:#174e83}
.start-status{display:inline-flex;align-items:center;gap:3px}
.start-status img{width:18px;height:18px}
.start-shortcuts button:hover{color:#0c416e;text-shadow:none}
.start-menu .start-program-search{background:#fff;color:#234f75}
#start-search{font-family:'Segoe UI',Tahoma,sans-serif}
/* MIU Heaven — authentic luminous Vista Aero application windows, v3.
   Only popup windows are redesigned; desktop art, hotspots and Start remain untouched. */
.modal-backdrop{
  background:rgba(9,40,85,.34);
  -webkit-backdrop-filter:blur(5px) saturate(.94);
  backdrop-filter:blur(5px) saturate(.94);
}
.vista-dialog{
  width:min(980px,calc(100vw - 46px));
  max-height:min(900px,calc(100dvh - 40px));
  padding:9px 9px 8px;
  border:1px solid rgba(255,255,255,.97);
  border-radius:15px;
  background:
    linear-gradient(135deg,rgba(252,255,255,.93) 0%,rgba(155,214,255,.66) 12%,rgba(29,99,188,.57) 48%,rgba(21,66,127,.82) 100%);
  -webkit-backdrop-filter:blur(18px) saturate(1.4);
  backdrop-filter:blur(18px) saturate(1.4);
  box-shadow:0 0 0 1px rgba(17,72,142,.88), 0 28px 70px rgba(0,25,64,.72),
     inset 0 1px 1px #ffffff, inset 0 0 0 2px rgba(222,247,255,.38),
     0 0 34px rgba(170,228,255,.34);
  color:#16436e;
  font-family:'Segoe UI',Tahoma,Arial,sans-serif;
}
.vista-dialog::before{
  top:2px;left:3px;right:3px;height:50px;z-index:0;opacity:.93;
  background:linear-gradient(180deg,rgba(255,255,255,.7),rgba(255,255,255,.13) 50%,transparent);
  border-radius:13px 13px 40% 40%;
}
.dialog-titlebar{
  height:39px;min-height:39px;padding:0 0 9px 9px;
  background:transparent;color:#102b48;text-shadow:0 1px rgba(255,255,255,.9),0 0 4px #fff;
  font:600 13px/1.25 'Segoe UI',Tahoma,Arial,sans-serif;
}
.dialog-caption{font-size:13px;color:#143c66;min-width:0}
#dialog-icon,#dialog-icon img{width:23px;height:23px}
#dialog-icon img{filter:drop-shadow(0 1px 2px #285c8eaa)}
.dialog-titlebar .dialog-winbuttons{border:1px solid rgba(218,245,255,.9);border-top:0;height:30px;border-radius:0 0 6px 6px;box-shadow:0 2px 5px #1e4465a0}
.dialog-winbuttons button{
  height:27px;width:38px;min-width:38px; background:linear-gradient(180deg,#ecfbff,#8bc9f5 49%,#3477b6 52%,#6eb7ef);
  border-right:1px solid #326c9e; box-shadow:inset 0 1px rgba(255,255,255,.9);
  color:#fff;text-shadow:0 1px #285d87;font-size:14px;
}
.dialog-winbuttons button:last-child{width:49px;min-width:49px;
  background:linear-gradient(180deg,#ffddd2,#ff9681 42%,#cd4e3c 54%,#ad291d);
}
.dialog-winbuttons button:focus-visible,.modal-btn:focus-visible,.gallery-item:focus-visible,.tape-tabs button:focus-visible{
  outline:2px solid #ffe4a3;outline-offset:2px;
}
.dialog-navigator{
  min-height:51px; padding:7px 12px;
  border:1px solid rgba(255,255,255,.82);border-bottom:0;
  background:linear-gradient(180deg,rgba(250,254,255,.96),rgba(183,223,251,.88) 50%,rgba(121,177,222,.75));
  box-shadow:inset 0 1px 1px #fff,0 1px 3px #154f7f33;
}
.dialog-back,.dialog-forwards{height:31px;width:31px;min-width:31px;
  background:linear-gradient(#f9ffff,#9ddaff 50%,#397fb8);
  border:1px solid #83aed4;box-shadow:inset 0 1px white,0 0 0 1px #eaf8ff88;
}
.dialog-path{height:31px;background:rgba(255,255,255,.87);border-color:#80b4d9;
 box-shadow:inset 0 1px 3px #aecadf9a;font:12px/1 'Segoe UI',Tahoma,sans-serif}
.dialog-search{height:31px;background:rgba(255,255,255,.8)}
.dialog-command{min-height:34px;padding:0 16px;
  color:#194e81;background:linear-gradient(180deg,rgba(255,255,255,.93),rgba(193,226,248,.82) 55%,rgba(150,202,241,.76));
  border:1px solid rgba(255,255,255,.8);border-bottom:1px solid #72afd2;
  font:600 10px 'Segoe UI',Tahoma,sans-serif;letter-spacing:.07em;
}
.dialog-command-right{color:#517b9d;font:11px Georgia,serif;letter-spacing:0;font-style:italic}
.dialog-content{
  position:relative;
  flex:1;min-height:270px;
  overflow-y:auto;overflow-x:hidden;
  padding:25px 29px 30px;
  border-left:1px solid rgba(255,255,255,.82);
  border-right:1px solid rgba(255,255,255,.82);
  background:
    linear-gradient(115deg,rgba(33,97,175,.47),rgba(133,195,247,.14) 35%,rgba(195,225,250,.1) 68%,rgba(30,101,181,.37)),
    url('assets/temple-scene.webp') center 43%/cover no-repeat;
  scrollbar-color:#66a5dc #dbeeff;
  color:#16456f;
  font:14px/1.52 'Segoe UI',Tahoma,Arial,sans-serif;
}
.dialog-content::before{
  content:"";position:absolute;z-index:0;inset:0;pointer-events:none;
  background:radial-gradient(ellipse at 20% 5%,rgba(255,255,255,.46),transparent 48%),linear-gradient(180deg,transparent 0%,rgba(224,242,255,.31) 92%);
}
.dialog-content>*{position:relative;z-index:1}
.dialog-status{
  min-height:30px;border:1px solid rgba(246,255,255,.9);
  background:linear-gradient(180deg,rgba(255,255,255,.96),rgba(179,223,255,.78) 50%,rgba(113,175,219,.76));
  color:#3d6285;font:10px 'Segoe UI',Tahoma,sans-serif;
}
.aero-app-heading{
  position:relative;margin:0 0 18px;
  padding:18px 22px 17px;
  border:1px solid rgba(255,255,255,.72);border-radius:8px;
  background:linear-gradient(90deg,rgba(15,95,176,.67),rgba(59,136,207,.37) 61%,rgba(255,255,255,.19));
  -webkit-backdrop-filter:blur(9px);backdrop-filter:blur(9px);
  box-shadow:inset 0 1px rgba(255,255,255,.57),0 7px 18px rgba(10,64,131,.18);
}
.aero-kicker{font:700 10px/1.5 'Segoe UI',Tahoma,sans-serif;letter-spacing:.22em;color:#f6faff;text-shadow:0 1px 5px #1b5d9f}
.aero-app-heading .modal-heading{
  margin:6px 0 6px;color:#fff;
  font:400 clamp(30px,3.7vw,46px)/1.08 Georgia,'Times New Roman',serif;
  letter-spacing:-.025em;text-shadow:0 1px 0 #e9faff,0 3px 14px rgba(9,60,132,.85);
}
.aero-app-heading .modal-lede{margin:0;color:#f6fbff;text-shadow:0 1px 5px #155eaf;font:13px/1.45 'Segoe UI',Tahoma,sans-serif}
.aero-gallery-shell,.aero-video-workspace,.aero-trade-workspace,.aero-social-workspace,.vista-media-library,.aero-character-layout,.aero-single-view{
  border:1px solid rgba(255,255,255,.82);border-radius:9px;
  background:linear-gradient(145deg,rgba(251,255,255,.91),rgba(198,229,252,.82) 60%,rgba(148,199,239,.83));
  -webkit-backdrop-filter:blur(14px) saturate(1.25);backdrop-filter:blur(14px) saturate(1.25);
  box-shadow:0 9px 24px rgba(19,76,139,.24),inset 0 1px #fff,inset 0 0 0 1px rgba(255,255,255,.27);
  overflow:hidden;
}
.aero-gallery-shell{padding:0 14px 12px}
.aero-shelf-toolbar{display:flex;align-items:center;justify-content:space-between;gap:9px;
  margin:0 -14px 14px;padding:8px 15px;background:linear-gradient(#fffefcdb,#b7daf5b8);border-bottom:1px solid #b1d0e7;
  color:#295c8b;font-size:12px}
.aero-shelf-toolbar span:first-child{display:flex;align-items:center;gap:6px;font-weight:600}
.aero-shelf-toolbar img{width:21px;height:21px}
.gallery-grid{gap:12px}
.gallery-item{padding:7px;background:linear-gradient(#fbfeff,#ebf8ff 50%,#cfe9f8);border:1px solid #a6cce9;border-radius:6px;
 box-shadow:inset 0 1px #fff,0 3px 9px #21588122;text-align:left;color:#1b4b7c;
 transition:background .15s,box-shadow .15s,transform .15s}
.gallery-item img{height:195px;border:1px solid #c6dfed;border-radius:3px;background:#e6eff7;object-fit:contain}
.gallery-item strong{font:600 11px/1.4 'Segoe UI',Tahoma,sans-serif}
.gallery-item:hover{transform:translateY(-2px);box-shadow:0 5px 14px #20558c33;background:linear-gradient(#fff,#d9f2ff)}
.aero-footer-link{border-top:1px solid rgba(107,161,205,.45);margin-top:14px;padding:10px 3px 1px;font-size:12px;color:#47709c}
.aero-footer-link a{color:#095b9e;font-weight:600}
.aero-video-workspace{padding:16px 18px 11px}
.tape-tabs{margin:0 0 15px;display:flex;gap:10px}
.tape-tabs button{display:inline-flex;align-items:center;gap:7px;background:linear-gradient(#fcffff,#d6edff 50%,#b3d8fa);border-color:#96bfdf;color:#236098;border-radius:6px;font:600 12px 'Segoe UI',Tahoma,sans-serif;}
.tape-tabs button img{width:21px;height:21px;object-fit:contain}
.tape-tabs button[aria-selected="true"]{background:linear-gradient(#b8e8ff,#74baf0 50%,#307bbd);color:#fff;text-shadow:0 1px #1f5b97;border-color:#4b93cc}
.media-player{max-width:420px;margin:0 auto}
.aero-video-frame{padding:7px;border-radius:8px;border:1px solid rgba(255,255,255,.92);
 background:linear-gradient(#7bbbe9,#225e9a 50%,#73b4eb);box-shadow:0 10px 20px #22558b44,inset 0 1px #fff}
.media-player video{display:block;width:100%;height:min(38vh,330px);max-height:330px;object-fit:contain;background:#080d19;border:4px solid #193d60;
 border-radius:3px;box-shadow:inset 0 0 10px #000,0 1px 0 #c6eeff}
.media-player figcaption{padding:7px 0;font:11px 'Segoe UI',Tahoma,sans-serif;color:#4272a0}
.aero-video-label{display:flex;align-items:center;gap:10px;margin:7px 0 0;padding:10px 13px;border-radius:5px;
 background:linear-gradient(#fff9,#bfdef0ab);border:1px solid #bfdbed;color:#245783}
.aero-video-label img{width:28px;height:28px}.aero-video-label strong{display:block;font-size:13px}.aero-video-label span{display:block;font-size:11px;color:#53799c}
.aero-trade-workspace{padding:17px 18px 14px}
.trade-pairs{gap:13px;margin:0 0 18px}
.pair-card{padding:17px;border:1px solid #aed3eb;border-radius:8px;
 background:linear-gradient(#ffffffd6,#d5edffe0);box-shadow:inset 0 1px #fff,0 3px 10px #316a9522}
.aero-pair-title{display:flex;align-items:center;gap:9px}
.aero-pair-title img{width:30px;height:30px}
.pair-card h3{font:700 22px 'Segoe UI',Tahoma,sans-serif;color:#21639c}
.pair-card p{font-size:12px;color:#4b7195}
.modal-btn,.modal-links a,.tape-tabs button{min-height:37px;border-radius:6px;
 background:linear-gradient(180deg,#fbffff,#d9f2ff 43%,#8abfed 52%,#deefff 100%);
 border:1px solid #6fa5d4;color:#1c5d98;font:600 12px 'Segoe UI',Tahoma,sans-serif;
 text-shadow:0 1px #fff;box-shadow:inset 0 1px #fff,0 2px 4px #2b639a30}
.modal-btn:hover,.modal-links a:hover{filter:brightness(1.06);box-shadow:inset 0 1px #fff,0 0 8px #68c7ff98}
.modal-btn.primary{color:#fff;background:linear-gradient(#aee4ff,#4ea4ed 45%,#2373bf 51%,#4ca2e8);text-shadow:0 1px #235687}
.aero-contract-section label{display:block;font:600 12px 'Segoe UI',Tahoma,sans-serif;color:#2a618f;margin:0 0 6px}
.mint-box{border:1px solid #98bddd;border-radius:6px;margin:0 0 13px;background:#f8fdffde;padding:9px 11px}
.mint-box code{font-size:12px}
.aero-risk{margin:13px 0 0;color:#526f87;font-size:11px;line-height:1.4}
.aero-social-workspace{padding:15px}
.aero-social-banner{display:flex;gap:11px;align-items:center;margin:0 0 16px;
 border-bottom:1px solid #b4d6ec;padding:0 0 12px;color:#2d6797;font-weight:700;letter-spacing:.08em}
.aero-social-banner img{width:44px;height:44px}
.aero-social-workspace .modal-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
.aero-social-workspace .modal-links a{min-height:62px}
.aero-character-layout{display:grid;grid-template-columns:38% 1fr;align-items:center;gap:15px;padding:16px 24px}
.aero-character-photo{display:grid;place-items:center;min-height:320px;
 background:radial-gradient(circle,rgba(255,255,255,.97),rgba(255,255,255,.25) 48%,transparent 72%)}
.aero-character-photo img{max-width:100%;height:330px;object-fit:contain;filter:none}
.aero-character-copy{padding:15px;color:#2b5c84}
.aero-character-copy .aero-kicker{color:#3577a9;text-shadow:none}
.aero-character-copy .modal-heading{font:400 34px/1.1 Georgia,serif;color:#266b9d;text-shadow:0 1px #fff}
.aero-character-copy p{font-size:14px;line-height:1.56}
.aero-character-copy .modal-btn{margin-top:10px;display:inline-flex;align-items:center;gap:7px}
.aero-character-copy .modal-btn img{width:22px;height:22px}
.aero-single-view{padding:16px 19px;text-align:center}
.aero-single-view .modal-heading{font:400 29px Georgia,serif;color:#226297}
.gallery-single img{max-height:min(47vh,460px);border-radius:3px}
.vista-media-library{background:linear-gradient(145deg,rgba(252,255,255,.92),rgba(191,227,252,.85));border-radius:9px}
.vista-nowplaying{display:flex;gap:9px;align-items:center;padding:10px 14px;background:linear-gradient(180deg,#ffffffce,#abd5f1cc);
 font:11px 'Segoe UI',Tahoma,sans-serif;border-bottom:1px solid #94bee0;color:#275d8b}
.vista-nowplaying>img{width:29px;height:29px}
.library-subtitle{margin-left:auto;color:#507ba0;font:italic 12px Georgia,serif;letter-spacing:0}
.music-library-main{display:grid;grid-template-columns:190px 1fr;gap:19px;padding:16px 19px}
.music-album{border-radius:6px;box-shadow:inset 0 1px #fff,0 4px 12px #24619939;background:linear-gradient(#fff,#c6e9fc);padding:12px}
.music-album img{width:155px;height:190px;object-fit:contain;filter:none}
.music-information h3{margin:4px 0 0;color:#246a9f;font:400 24px Georgia,serif}
.music-information p{color:#507a9f;font-size:12px}
.player-visualizer{padding:11px 13px 7px;border:2px solid #345b80;background:linear-gradient(#1b4565,#0a2b45);
 box-shadow:inset 0 1px 4px #000,0 0 0 2px #cdeaff;border-radius:4px}
.player-visualizer .eq{height:49px}
.music-play-control img{width:23px;height:23px}
.music-library-foot{padding:10px 14px;background:linear-gradient(#f9fdff,#b8d9f0);font-size:11px}
@media(max-width:800px){
 .modal-backdrop{padding:8px;align-items:center}
 .vista-dialog{width:100%;padding:6px;border-radius:10px;max-height:calc(100dvh - 16px)}
 .dialog-titlebar{height:35px;min-height:35px;font-size:11px;padding:0 0 6px 5px}
 .dialog-caption{font-size:11px}
 .dialog-winbuttons button{width:27px;min-width:27px;height:25px}
 .dialog-winbuttons button:last-child{width:33px;min-width:33px}
 .dialog-navigator{min-height:42px;padding:5px 7px}.dialog-path{font-size:10px}
 .dialog-content{padding:12px;min-height:170px}
 .aero-app-heading{padding:12px 13px;margin-bottom:10px}
 .aero-app-heading .modal-heading{font-size:29px}
 .aero-app-heading .modal-lede{font-size:11px}
 .aero-kicker{font-size:9px}
 .aero-gallery-shell{padding:0 8px 8px}
 .aero-shelf-toolbar{margin:0 -8px 8px;padding:7px 9px;font-size:10px}
 .gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}
 .gallery-item img{height:130px}
 .aero-video-workspace{padding:10px}
 .tape-tabs button{font-size:10px;padding:6px}
 .tape-tabs button img{width:18px;height:18px}
 .media-player video{height:min(37vh,310px)}
 .trade-pairs{grid-template-columns:1fr;gap:9px}
 .pair-card{padding:12px}
 .aero-trade-workspace{padding:12px}
 .aero-character-layout{grid-template-columns:1fr;gap:0;padding:8px}
 .aero-character-photo{min-height:150px}.aero-character-photo img{height:190px}
 .aero-character-copy{padding:10px}
 .aero-character-copy .modal-heading{font-size:26px}
 .music-library-main{grid-template-columns:1fr;gap:8px;padding:10px}
 .music-album{flex-direction:row;gap:12px}.music-album img{width:75px;height:95px}
 .music-information h3{font-size:21px}
 .library-subtitle{font-size:10px}
 .aero-social-workspace .modal-links{grid-template-columns:1fr}
 .aero-social-workspace .modal-links a{min-height:40px}
 .dialog-status{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.gallery-item{transition:none}}
/* MIU Generator — limited addition, not a redesign of the approved landing. */
.generator-shortcut{position:absolute;left:calc(var(--x)*1px);top:calc(var(--y)*1px);width:calc(var(--w)*1px);height:calc(var(--h)*1px);background:transparent;border:1px solid transparent;border-radius:6px;z-index:3;color:#fff;text-shadow:0 1px 2px #164572,0 0 5px #17426a;display:flex;flex-direction:column;align-items:center;justify-content:flex-start;gap:4px;padding:4px;font:600 12px/1.15 'Segoe UI',Tahoma,sans-serif;text-align:center;cursor:pointer}
.generator-shortcut img{display:block;width:49px;height:49px;filter:drop-shadow(0 2px 3px #174c86)}
.generator-shortcut:hover{background:#e5f8ff33;border-color:#fff8;box-shadow:inset 0 0 0 1px #fff4}
.generator-shortcut:focus-visible{outline:2px solid #fff;outline-offset:-2px}
.mv-generator-art{display:flex;align-items:center;gap:8px;justify-content:center;width:100%;height:105px;background:radial-gradient(circle at 38% 20%,#fff9,transparent 35%),linear-gradient(135deg,#5595d1,#d0e8fe)}
.mv-generator-art img{width:74px;height:96px;object-fit:contain}
.mv-generator-art b{font:700 13px 'Segoe UI',Tahoma,sans-serif;color:#17538c;max-width:80px;text-shadow:0 1px white}
.gen-studio{display:grid;grid-template-columns:minmax(140px,185px) minmax(0,1fr);gap:18px;min-width:0;color:#265982}
.gen-studio-left{display:flex;flex-direction:column;gap:11px}
.gen-mini-preview{background:linear-gradient(125deg,#ffffffcc,#90c5e6ae),url('assets/temple-scene.webp') center/cover;border:1px solid #c5eafc;border-radius:7px;box-shadow:inset 0 1px #fff,0 4px 14px #2a70a03b;padding:12px 8px 6px;text-align:center}
.gen-mini-preview img{width:100%;height:153px;object-fit:contain;display:block}
.gen-mini-preview span{font:700 10px 'Segoe UI',Tahoma;color:#195f9c}
.gen-rule{font:12px/1.5 'Segoe UI',Tahoma;color:#33648a;margin:0}
.gen-studio-form{background:linear-gradient(145deg,#ffffffb5,#c8e9ff7a);border:1px solid #b0d6f0;padding:16px;border-radius:7px;box-shadow:inset 0 1px #fff}
.gen-studio-form>label{font-size:16px;font-weight:700;display:block;margin-bottom:9px}
#gen-prompt{display:block;width:100%;box-sizing:border-box;resize:vertical;min-height:95px;max-height:190px;padding:12px;background:linear-gradient(#fff,#f6fcff);color:#204b75;border:1px solid #8fb9d7;border-radius:5px;font:14px/1.45 'Segoe UI',Tahoma,sans-serif;box-shadow:inset 1px 2px 4px #418dc029}
#gen-prompt:focus-visible{outline:2px solid #73bdf0;outline-offset:1px}
.gen-prompt-counter{display:flex;justify-content:space-between;gap:8px;font-size:11px;margin:6px 0 12px;color:#5881a5}
.gen-styles{border:1px solid #acd1e9;border-radius:6px;background:#f5fbffad;margin:0 0 12px;padding:8px 10px 10px;display:flex;gap:18px;flex-wrap:wrap}
.gen-styles legend{font-weight:600;font-size:12px;padding:0 5px}
.gen-styles label{font-size:13px;display:flex;align-items:center;gap:5px;cursor:pointer}
.gen-styles input{accent-color:#247dc3}
.gen-verification{padding:9px 10px;margin:10px 0;background:#f6fcffab;border:1px solid #bbdcf1;border-radius:6px;min-height:42px}
#gen-verification-help{display:block;color:#47779d;font-size:11px;margin-bottom:8px}
.gen-form-actions{display:flex;gap:12px;align-items:center;flex-wrap:wrap}
.gen-form-actions .modal-btn img{width:20px;height:20px}
.gen-form-actions .modal-btn:disabled{opacity:.6;cursor:not-allowed}
#gen-status{font-size:12px;color:#3a6a8b;flex:1;min-width:145px}
.gen-result{border-top:1px solid #bbd8ec;margin-top:18px;padding-top:12px}
.gen-result-head{font-size:12px;font-weight:700;color:#226997;margin-bottom:9px}
.gen-result>img{display:block;max-width:100%;max-height:425px;object-fit:contain;margin-bottom:12px;border:3px solid #faffff;box-shadow:0 3px 12px #15497555;background:white}
.gen-result p{font-size:12px;color:#3b7094;margin:10px 0 0}
.vista-dialog[data-app="generator"] .dialog-content{background:linear-gradient(90deg,#f9fcffdc,#dbf0ffb5),url('assets/temple-scene.webp') center/cover}
@media(max-width:600px){.gen-studio{grid-template-columns:1fr}.gen-studio-left{display:grid;grid-template-columns:88px 1fr;gap:10px;align-items:center}.gen-mini-preview{padding:5px}.gen-mini-preview img{height:100px}.gen-mini-preview span{font-size:7px}.gen-rule{font-size:10px}.gen-rule:last-child{grid-column:1/-1}.gen-studio-form{padding:11px}}

/* MIU native desktop shortcuts: visible art comes from the approved Vista
   screenshot; each shortcut is a real focusable button with its own highlight. */
.desktop-shortcut{position:absolute;left:calc(var(--x)*1px);top:calc(var(--y)*1px);width:calc(var(--w)*1px);height:calc(var(--h)*1px);z-index:3;cursor:pointer;border:1px solid transparent;border-radius:6px;padding:0;background:transparent;appearance:none;}
.desktop-shortcut:hover,.generator-shortcut:hover{background-color:rgba(229,248,255,.2);border-color:rgba(255,255,255,.55);box-shadow:inset 0 0 0 1px rgba(255,255,255,.25)}
.desktop-shortcut:focus-visible,.generator-shortcut:focus-visible{outline:2px solid #ecfbff;outline-offset:-3px;background:rgba(229,248,255,.22)}
.archive-shortcut{z-index:3}
.archive-shortcut img{width:49px;height:49px}
.mv-archive-art{height:105px;display:flex;align-items:center;justify-content:center;gap:10px;background:linear-gradient(135deg,#6ba2d7,#f0f9ff)}
.mv-archive-art img{width:66px;height:66px}.mv-archive-art b{font-size:12px;color:#205b8f}
.archive-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:14px 0}
.archive-image{min-width:0;display:block;background:linear-gradient(#f9fdff,#bcdef5);border:1px solid #9bc6e8;padding:7px;border-radius:7px;text-align:left;cursor:pointer;box-shadow:0 4px 12px #17578c33;color:#1c527e}
.archive-image:hover{border-color:#fff;box-shadow:0 0 0 2px #7db8ed,0 8px 20px #1f70aa45;transform:translateY(-1px)}
.archive-image img{display:block;width:100%;height:160px;object-fit:contain;background:#fff;border-radius:4px}
.archive-image span{display:block;font-size:11px;margin-top:7px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.archive-topbar{display:flex;gap:12px;align-items:center;justify-content:space-between;flex-wrap:wrap;padding:12px;background:#edf9ff91;border:1px solid #c2e1f7;border-radius:5px;color:#2d638f}
.archive-foot{display:flex;justify-content:center;padding:7px 0 16px}
.archive-empty{font-size:14px;padding:30px 15px;text-align:center;background:#f8fcffe3;border:1px dashed #79b5e2;color:#356e9a;border-radius:8px;margin-top:15px}
.archive-single-view{display:flex;flex-direction:column;align-items:center;gap:10px}
.archive-single-view img{display:block;max-width:100%;max-height:min(56vh,510px);object-fit:contain;border:4px solid #fff;box-shadow:0 6px 20px #1c5d9c46;background:white}
.gen-result-links{display:flex;flex-wrap:wrap;gap:8px;margin-top:11px}
.gen-result-links a,.gen-result-links button{display:inline-flex;align-items:center;text-decoration:none}
.gen-save-state{font-size:12px;color:#235f8b;margin-top:12px;line-height:1.4}
@media(max-width:700px){.archive-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.archive-image img{height:130px}}
@media(max-width:400px){.archive-grid{grid-template-columns:1fr 1fr;gap:7px}.archive-image img{height:110px}}

.vista-dialog[data-app="generator"] .aero-app-heading .modal-heading{color:#fff;text-shadow:0 1px 4px #174f8c,0 2px 7px #124371;font-size:clamp(25px,3vw,34px)}


/* MIU ULTRA OS — production visual layer, 2026-11-02 */
@media(min-width:801px){
.screenshot-stage{width:1672px;height:941px}
.screenshot-stage .ultra-shortcut-dock{position:absolute;z-index:5;left:71px;top:22px;width:95px;height:665px;border-radius:11px;background:linear-gradient(110deg,rgba(28,92,158,1),rgba(58,136,205,1));backdrop-filter:blur(16px) saturate(1.4);box-shadow:inset 0 0 0 1px #d2efff50,0 4px 17px #1e64b05c;pointer-events:none}
.screenshot-stage .miu-unified-shortcut{height:94px!important;width:94px!important;padding:3px 2px!important;border:1px solid transparent!important}
.screenshot-stage .miu-unified-shortcut .miu-shortcut-graphic{width:57px!important;height:57px!important;flex-basis:57px!important;margin-bottom:2px!important}
.screenshot-stage .miu-unified-shortcut .miu-shortcut-name{height:28px!important;line-height:14px!important}
.screenshot-stage .ultra-cat-halo{display:none!important;position:absolute;z-index:3;left:790px;top:192px;width:325px;height:394px;display:grid;place-items:center;background:radial-gradient(ellipse closest-side,#74bcf0f0 1%,#89bcf2d8 49%,#a9d8ff52 76%,transparent 100%);pointer-events:none}
.screenshot-stage .ultra-cat-halo img{height:100%;width:100%;object-fit:contain;filter:none!important;opacity:1}
.screenshot-stage .ultra-cta{position:absolute;left:calc(var(--x)*1px);top:calc(var(--y)*1px);height:calc(var(--h)*1px);width:calc(var(--w)*1px);z-index:10;display:flex;align-items:center;justify-content:center;gap:9px;border-radius:10px;border:1px solid #fffbd9;background:linear-gradient(#c6ebff,#368fd4 44%,#0864b5 48%,#0c5ca4);box-shadow:0 2px 5px #144c8c99,inset 0 1px 2px #fff;color:white;font:bold 15px Tahoma,Arial,sans-serif;text-shadow:0 1px 1px #0a4f98;transition:transform .13s,filter .13s}
.screenshot-stage .ultra-cta-sub{color:#204b7e;text-shadow:0 1px #fff;background:linear-gradient(#fff,#d9edff 50%,#b0dbf6);border-color:#88c8f6}
.screenshot-stage .ultra-cta img{height:32px;width:32px;object-fit:contain;position:absolute;left:11px}
.screenshot-stage .ultra-cta span:last-child{position:absolute;right:17px;font-size:29px;font-weight:normal;line-height:1}
.screenshot-stage .ultra-cta:hover{transform:translateY(-2px);filter:brightness(1.13);box-shadow:0 5px 12px #134e97aa}
.screenshot-stage .ultra-cta .ultra-cta-play{position:absolute;left:13px;right:auto;font-size:14px;color:white;background:#176cb3;border-radius:50%;padding:7px}
.screenshot-stage .ultra-start-orb{position:absolute;z-index:12;left:17px;top:872px;width:55px;height:58px;border:0;padding:0;background:transparent;cursor:pointer}
.screenshot-stage .ultra-start-orb img{width:55px;height:55px;object-fit:contain;filter:drop-shadow(0 2px 2px #082c5c)}
.screenshot-stage .ultra-start-orb:hover{filter:brightness(1.22)}
.screenshot-stage .hit{z-index:8}
.screenshot-stage .ultra-trade:hover{background:#effdff2b!important;box-shadow:inset 0 0 0 2px #d3faff!important;border-radius:8px}
}
@media(max-width:800px){
.mv-hero{background-image:linear-gradient(175deg,#034b8c4d,#103a8d8c),url('assets/ultra-portal-mobile.webp')!important;background-size:cover!important}
.mv-hero h1{font-size:clamp(42px,10vw,70px)!important}
.mv-orb{overflow:hidden;background:transparent!important}
.mv-orb img{width:100%;height:100%;object-fit:contain}
.mv-religious-glow{background:radial-gradient(circle,#b6f5ffad,transparent 66%)!important}
}
.elevator-scene{display:grid;grid-template-columns:minmax(190px,280px) 1fr;gap:20px;align-items:center}
.elevator-shaft{position:relative;height:310px;background:linear-gradient(90deg,#183d6b,#8dbfe8 50%,#193d6a);border:9px solid #4b779b;border-radius:10px;overflow:hidden;box-shadow:inset 0 0 0 3px white,0 4px 15px #163d6966}
.elevator-shaft>span{position:absolute;top:10px;left:16px;color:#bbffef;background:#193d53;padding:5px 12px;font:bold 14px Consolas,monospace;z-index:3}
.elevator-car{position:absolute;bottom:0;left:29%;width:46%;height:140px;background:linear-gradient(#c4ebff,#2474a1);border:3px solid white;border-radius:9px 9px 0 0;display:grid;place-items:center;transition:transform 1.8s cubic-bezier(.2,.85,.15,1)}
.elevator-car img{width:100%;height:100%;object-fit:contain;filter:none}
.elevator-car.launch{transform:translateY(-170px)}
.elevator-desk{display:flex;flex-wrap:wrap;gap:10px;align-items:start}.elevator-desk strong{font:bold 20px Tahoma;color:#184e7e;width:100%}.elevator-desk p{width:100%;font-size:14px;line-height:1.5}
.depot-actions{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.depot-frame{width:100%;min-height:330px;border:1px solid #8ab8da;background:#fff;border-radius:7px}
.aero-footnote{color:#597d9d;font-size:12px}
.vault-description{color:#3c6384;margin:12px 4px}
.ultra-playlist{padding:16px;background:linear-gradient(#f3faff,#dceefa);border:1px solid #94bce0;border-radius:8px;margin-top:16px}
.ultra-playlist h3{font:600 18px 'Segoe UI',Tahoma;color:#245989;margin:0 0 8px}.ultra-playlist p{font-size:13px;line-height:1.5}
.ultra-tracks{display:grid;gap:5px;margin:10px 0}.ultra-tracks>a{display:flex;align-items:center;gap:12px;padding:9px;border-radius:5px;color:#1a6193;background:linear-gradient(white,#d8ebf8);text-decoration:none}.ultra-tracks>a span{flex:1}.ultra-tracks>a small{display:block;margin-top:3px;color:#6884a2}
@media(max-width:600px){.elevator-scene{grid-template-columns:1fr}.elevator-shaft{height:245px;max-width:280px}}

@media(min-width:801px){.screenshot-stage .ultra-mini-playlist{position:absolute;z-index:9;left:541px;top:731px;width:289px;height:107px;border:1px solid #8fc2e9;border-radius:4px;background:linear-gradient(#ddf3ff,#b1d4f3 43%,#dfedfc);box-shadow:inset 0 1px white;padding:8px 11px;color:#205180;font:11px/1.45 Tahoma,sans-serif}.ultra-mini-playlist strong{font-size:11px}.ultra-mini-playlist>div{margin:6px 0 4px;min-height:35px;max-height:41px;overflow:auto}.ultra-mini-playlist button{font:bold 10px Tahoma;color:#124d92;border:1px solid #7fb7e2;border-radius:4px;background:linear-gradient(#fff,#bcddfa);padding:3px 10px;cursor:pointer}.ultra-mini-playlist button:hover{background:#fff}.ultra-mini-playlist a{color:#115899;text-decoration:none}}

/* VISUAL INTEGRITY HOTFIX 2026-11-02
 * Do not double-paint bitmap-rendered labels/buttons. Interactive overlays follow exactly
 * the visible button bounds and only provide a subtle, in-bounds Vista highlight.
 * Existing backend, routes and responsive mobile content remain unchanged. */
@media (min-width:801px) {
  .screenshot-stage .ultra-cta-hit {
    z-index:12; display:block; border-radius:8px; background:transparent;
    border:1px solid transparent; box-shadow:none; padding:0;
  }
  .screenshot-stage .ultra-cta-hit:is(:hover,:focus-visible) {
    background:rgba(228,248,255,.11); border-color:rgba(245,254,255,.78);
    box-shadow:inset 0 0 0 1px rgba(124,205,255,.43),0 2px 9px rgba(6,53,119,.30);
    outline:0; transform:none;
  }
  .screenshot-stage .ultra-cta-hit:active { background:rgba(12,84,147,.22); }
  .screenshot-stage .ultra-shortcut-dock { background:linear-gradient(108deg,#1763ad 1%,#458ed2 100%); }
  .screenshot-stage .ultra-cat-halo {
    position:absolute!important;display:block!important;z-index:6;left:770px;top:165px;
    width:340px;height:420px;border:0;pointer-events:none;
    background:radial-gradient(ellipse 56% 49% at 53% 53%,
      rgba(157,202,248,.99) 0%,rgba(145,190,242,.96) 65%,rgba(166,204,250,.58) 85%,transparent 100%);
  }
  .screenshot-stage .ultra-cat-halo img {
    position:absolute;left:-58px;top:-17px;width:470px;height:470px;
    object-fit:contain;opacity:1;filter:none!important;
  }
}
@media (min-width:801px) {
 .screenshot-stage .ultra-cat-halo {background:none!important;}
}

/* MIU SINGLE ICON FIX — each button icon is painted exactly once in the static visual.
   The controls are transparent live hit targets; they MUST NOT add another logo. */
@media (min-width:801px){
 .screenshot-stage .ultra-start-orb{left:16px!important;top:867px!important;width:58px!important;height:58px!important;background:transparent!important;border:0!important;box-shadow:none!important;filter:none!important;padding:0!important}
 .screenshot-stage .ultra-start-orb::before,.screenshot-stage .ultra-start-orb::after{content:none!important}
 .screenshot-stage .ultra-start-orb img{display:none!important}
 .screenshot-stage .ultra-start-orb:hover{background:rgba(255,255,255,.07)!important;border-radius:50%}
 .screenshot-stage .ultra-start-orb:focus-visible{outline:2px solid #e6f9ff;outline-offset:-4px;border-radius:50%}
 .screenshot-stage .ultra-cta-hit::before,.screenshot-stage .ultra-cta-hit::after{content:none!important}
}
/* MIU ULTRA REAL UI REBUILD — NO SCREENSHOT/HOTSPOT INTERFACE */
@media (min-width:801px){
 body{overflow:hidden}
 .desktop{background:linear-gradient(130deg,#3878c6,#b2dcff 43%,#4a86ca)}
 .os-stage{width:1672px!important;height:941px!important;left:50%;top:50%;overflow:hidden;isolation:isolate;font:14px 'Segoe UI',Tahoma,Arial,sans-serif;color:#173b63;text-align:left}
 .os-stage button,.os-stage a{font-family:'Segoe UI',Tahoma,Arial,sans-serif;cursor:pointer}
 .os-stage button:focus-visible,.os-stage a:focus-visible{outline:3px solid #fff6ac!important;outline-offset:2px!important}
 .os-wallpaper{position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,#1d69bf25,#c3ecff15),url('assets/ultra-portal-mobile.webp') center 41%/cover no-repeat;}
 .os-wallpaper::before{content:'';position:absolute;inset:0;background:radial-gradient(circle at 36% 20%,#fff9 0,transparent 28%),linear-gradient(90deg,#2775c19c 0%,transparent 30%,#2775c133);pointer-events:none}
 .os-wallpaper::after{content:'';position:absolute;inset:0;background:linear-gradient(180deg,transparent 72%,#1e4772ba 100%);pointer-events:none}
 .os-wallpaper-left{position:absolute;left:0;top:0;width:235px;height:100%;background:url('assets/left-clouds.webp') center/100% 100% no-repeat;opacity:.67}
 .os-wallpaper-stars{position:absolute;inset:0;background:radial-gradient(circle at 11% 13%,#fff 0,transparent 1.3%),radial-gradient(circle at 87% 17%,#fff 0,transparent 1.1%),radial-gradient(circle at 18% 63%,#fff 0,transparent 1.5%);mix-blend-mode:screen;opacity:.7}
 .os-icon-rail{position:absolute;left:70px;top:35px;width:100px;display:flex;flex-direction:column;gap:5px;z-index:9;align-items:center}
 .os-shortcut{height:94px;width:92px;padding:7px 4px 4px;border:1px solid transparent;border-radius:7px;background:none;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;gap:5px;color:white;text-shadow:0 1px 3px #001b36,0 1px 1px #00152c;font-size:12px;font-weight:600;line-height:1.2;text-align:center}
 .os-shortcut img{display:block;width:51px;height:51px;object-fit:contain;filter:drop-shadow(0 2px 2px #102a5688)}
 .os-shortcut span{display:block;min-height:27px;max-width:100%;overflow-wrap:normal}
 .os-shortcut:hover,.os-shortcut:focus-visible{border-color:#d9efffda;background:linear-gradient(#daefff5c,#7baee76a);box-shadow:inset 0 0 0 1px #8dc4ff7f,0 0 12px #b7dcff70}
 .os-shortcut:active{background:#479fe99c}
 .os-browser{position:absolute;z-index:3;left:262px;right:82px;top:17px;bottom:65px;border:1px solid #a2d8f9;border-radius:12px 12px 5px 5px;background:linear-gradient(125deg,#e1f9ff80,#2e79bba5 22%,#103e83bd 75%,#cfeeffa1);box-shadow:0 0 0 1px #194f8e,0 8px 32px #122d6499,inset 0 1px #fff,inset 0 0 0 5px #ffffff42;backdrop-filter:blur(4px) saturate(1.25);overflow:hidden;}
 .os-titlebar{height:33px;display:flex;align-items:center;justify-content:space-between;padding:0 8px 0 10px;background:linear-gradient(#ffffffaa,#f0fbff25 40%,#165ca363);font-size:12px;color:#102e4d;text-shadow:0 1px #fff;}
 .os-title-text{display:flex;align-items:center;gap:7px;white-space:nowrap;font-weight:600}
 .os-title-text img{width:20px;height:20px;object-fit:contain}
 .os-window-controls{height:27px;display:flex;align-self:flex-start;overflow:hidden;border:1px solid #d7f4ff;border-top:0;border-radius:0 0 5px 5px;box-shadow:0 1px 5px #15457b}
 .os-window-controls button{background:linear-gradient(#d9f3ff,#79b9e4 55%,#3775ad);color:white;text-shadow:0 1px #285f96;width:31px;border:0;border-right:1px solid #4a83b1;font-size:16px;line-height:21px}
 .os-window-controls button:last-child{width:44px;background:linear-gradient(#ffd0be,#e46e57 53%,#c4301d);border-right:0}
 .os-window-controls button:hover{filter:brightness(1.17)}
 .os-addressbar{height:42px;display:flex;gap:7px;align-items:center;padding:2px 10px 6px;background:linear-gradient(#c9e8ffc7,#2a76c3a8);box-shadow:inset 0 1px #ffffffa8}
 .os-round-btn{width:30px;height:30px;flex:none;border-radius:50%;border:1px solid #d7f8ff;color:#fff;font:bold 32px/21px Tahoma!important;text-shadow:0 1px #154783;background:linear-gradient(#c2edff,#418ed8 50%,#155aa6 52%,#3a9bf0);box-shadow:inset 0 1px #fff,0 2px 4px #215789}
 .os-round-btn:hover{filter:brightness(1.15)}
 .os-address{display:flex;align-items:center;gap:7px;height:30px;flex:1;padding:2px 9px;border-radius:3px;border:1px solid #8fb8d5;background:linear-gradient(#fff,#e9f4fc);text-align:left;color:#1c3a5b;font:13px Tahoma!important;box-shadow:inset 0 1px 3px #9abbd2}
 .os-address img{width:21px;height:23px;object-fit:contain}.os-address b{margin-left:auto;font-weight:400;color:#426f97}
 .os-refresh{height:30px;width:34px;color:#1689c6;font-size:23px;border:1px solid #8db3d3;border-radius:3px;background:linear-gradient(#fff,#b2daee)}
 .os-search{height:30px;width:194px;border:1px solid #8bb3d0;border-radius:4px;background:linear-gradient(#fff,#daedfa);color:#7995ad;text-align:left;font-size:12px;font-style:italic;padding:0 10px}
 .os-browser-content{margin:0 9px;height:calc(100% - 102px);position:relative;border:1px solid #b7e8ff;border-radius:9px;overflow:hidden;background:linear-gradient(#1d61ba31,#4399d53b),url('assets/ultra-portal-mobile.webp') center center/cover no-repeat;box-shadow:inset 0 1px 1px white,0 0 0 1px #1a5795}
 .os-browser-content::before{position:absolute;content:'';inset:0;pointer-events:none;background:linear-gradient(90deg,#1b60aa8f 0%,#266bb545 40%,#98bff415 73%);}
 .os-site-nav{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;height:49px;background:linear-gradient(#edfaff8a,#579fd399 55%,#2c669bb5);border-bottom:1px solid #e6faffb5;padding:0 23px 0 28px;box-shadow:inset 0 1px #ffffff97}
 .os-brand{display:flex;align-items:center;gap:12px;border:0;background:transparent;color:white;text-shadow:0 1px 2px #205589;font-size:19px}
 .os-brand img{width:35px;height:38px;object-fit:contain}.os-brand strong{font-weight:600}
 .os-site-nav nav{display:flex;gap:5px;align-items:center}
 .os-nav-btn{height:41px;padding:0 12px;border:1px solid transparent;border-radius:3px;background:transparent;color:#fff;font-size:13px;font-weight:600;text-shadow:0 1px 2px #14528b}
 .os-nav-btn:hover,.os-nav-btn:focus-visible{background:linear-gradient(#ffffff63,#9dd9ff60);border-color:#ffffff8a;box-shadow:inset 0 1px #fff6}
 .os-hero{position:relative;z-index:1;height:calc(100% - 49px);overflow:hidden}
 .os-hero-copy{position:absolute;top:41px;left:62px;z-index:4;width:390px}
 .os-welcome{font:italic 36px/1 Georgia,'Times New Roman',serif;color:white;text-shadow:0 2px 5px #0e438b}
 .os-hero h1{font:italic normal 112px/.87 Georgia,serif;letter-spacing:-6px;margin:0 0 5px;color:white;text-shadow:1px 3px 7px #2767c4,0 0 12px #c7eaff}
 .os-latin{font:italic 26px Georgia,serif;white-space:nowrap;color:white;text-shadow:0 2px 5px #0b4ca2}
 .os-hero-copy p{font-size:18px;line-height:1.18;color:#164477;text-shadow:0 1px 3px #fff,0 0 6px #eefaff;margin:19px 0 13px;font-weight:500}
 .os-hero-actions{display:flex;flex-direction:column;gap:8px;width:268px}
 .os-button{position:relative;display:flex;align-items:center;justify-content:center;gap:11px;min-height:42px;width:100%;padding:5px 13px;border-radius:9px;border:1px solid #e2f5ff;background:linear-gradient(#fff,#dff4ff 40%,#9bc8e9 53%,#d2efff);color:#153f73;font-weight:700!important;font-size:14px!important;text-decoration:none;text-shadow:0 1px #fff;box-shadow:inset 0 1px #fff,0 0 0 1px #579ad0,0 3px 5px #2358906a;transition:filter .15s,transform .15s,box-shadow .15s}
 .os-button-primary{background:linear-gradient(#b5e8ff,#4da8e9 35%,#1165b4 53%,#227bc8);color:white;text-shadow:0 1px 1px #1b4b83}
 .os-button img{position:absolute;left:9px;width:31px;height:31px;object-fit:contain}
 .os-button .os-chevron{position:absolute;right:12px;color:#37b5ff;text-shadow:0 0 2px white}
 .os-button-primary .os-chevron{color:#fff}
 .os-icon-circle{position:absolute;left:11px;display:grid;place-items:center;background:linear-gradient(#5db4e8,#0f64ab);color:#fff;width:28px;height:28px;border-radius:50%;font-size:14px}
 .os-button:hover,.os-offer-grid a:hover,.os-offer-grid button:hover{filter:brightness(1.13);transform:translateY(-1px);box-shadow:inset 0 1px #fff,0 0 0 1px #61bfff,0 3px 11px #347ac0ad}
 .os-button:active{transform:translateY(1px)}
 .os-cat-holder{position:absolute;top:25px;left:47%;width:345px;height:420px;z-index:2;pointer-events:none}
 .os-cat-aura{position:absolute;width:100%;height:90%;inset:0;background:radial-gradient(ellipse,#fff6d6a0 0%,#c8e5ff66 37%,transparent 71%);filter:blur(11px)}
 .os-cat-button{position:absolute;inset:0;width:100%;height:100%;border:0;background:none;pointer-events:auto;padding:0;transition:transform .15s}
 .os-cat-button:hover{transform:translateY(-5px)}.os-cat-button img{height:100%;width:100%;object-fit:contain;filter:none}
 .os-quote{position:absolute;right:38px;bottom:90px;font:italic bold 25px/1.17 Georgia,serif;text-align:center;color:#15416d;text-shadow:0 1px 4px #fff,0 0 9px #fff;z-index:4}
 .os-browser-status{position:absolute;bottom:4px;left:8px;right:8px;height:21px;padding:2px 9px;display:flex;align-items:center;justify-content:space-between;color:#1d5079;background:linear-gradient(#e6f7ffad,#a2cce899);font-size:10px;border-top:1px solid #b0d7f4}
 .os-dock-windows{position:absolute;inset:0;pointer-events:none;z-index:5}
 .os-widget{position:absolute;top:594px;height:265px;pointer-events:auto;overflow:hidden;border:1px solid #dff7ff;border-radius:9px;background:linear-gradient(#dff1ffec,#aed4f0ef);box-shadow:0 0 0 1px #447faf,0 6px 17px #103c78a0,inset 0 1px #fff;color:#1b5182}
 .os-gallery-widget{left:185px;width:360px}.os-music-widget{left:552px;width:307px}.os-video-widget{left:866px;width:360px}.os-offer-widget{left:1233px;width:337px}
 .os-widget-title{height:32px;display:flex;align-items:center;justify-content:space-between;padding:0 5px 0 7px;border-bottom:1px solid #5e9cc9;background:linear-gradient(#ebfaffd9,#7ac4f0c4 48%,#3e84bcda 55%,#6aaad5d4);box-shadow:inset 0 1px #fff}
 .os-widget-title>button{display:flex;align-items:center;gap:7px;min-width:0;flex:1;color:#fff;text-shadow:0 1px #315f85;font-weight:600;font-size:14px;background:none;border:0;text-align:left;white-space:nowrap}
 .os-widget-title>button:hover{text-decoration:underline}.os-widget-title>button img{height:26px;width:26px;object-fit:contain}
 .os-widget-tools{display:flex;gap:1px}.os-widget-tools button{display:grid;place-items:center;width:24px;height:19px;border:1px solid #cfedff;border-radius:2px;color:#fff;text-shadow:0 1px #1f5688;background:linear-gradient(#afdfff,#387bb9)}
 .os-widget-tools button:last-child{background:linear-gradient(#f9cdba,#dc7053,#b44231)}
 .os-widget-tools button:hover{filter:brightness(1.25)}
 .os-widget-body{height:calc(100% - 32px);padding:9px;overflow:hidden;background:linear-gradient(#f2faffc9,#cde7fbd4)}
 .os-widget-caption{display:flex;align-items:center;justify-content:space-between;font-size:12px;margin-bottom:8px}
 .os-widget-caption button{border:0;background:transparent;color:#2378ae;font-size:11px}.os-widget-caption button:hover{text-decoration:underline}
 .os-thumbnail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;height:188px}
 .os-meme-thumb{display:block;border:1px solid #f0faff;border-radius:5px;background:#e4f3ff;padding:0;overflow:hidden;box-shadow:0 1px 3px #578cb6}
 .os-meme-thumb img{display:block;width:100%;height:100%;object-fit:cover}.os-meme-thumb:hover{border-color:#208de1;filter:brightness(1.1)}
 .os-music-now{display:flex;gap:8px;align-items:center;text-align:left;width:100%;min-height:66px;background:none;border:0;padding:0 0 5px}
 .os-music-now img{height:64px;width:64px;object-fit:contain;border:1px solid #91bedf;border-radius:4px;background:#bee4f5}
 .os-music-now span{display:flex;flex-direction:column}.os-music-now b{color:#1b4e7b;font-size:15px}.os-music-now small{color:#50769a;font-size:12px;line-height:1.3}
 .os-trackline{width:100%;height:5px;background:linear-gradient(#aac4d7,#e4f8ff);box-shadow:inset 0 1px 3px #5985a9;border-radius:4px;margin:5px 0}
 .os-trackline span{display:block;width:63%;height:100%;background:#349be4}
 .os-music-controls{display:flex;justify-content:center;gap:12px;align-items:center;margin:3px 0 7px}
 .os-music-controls button{border:0;background:none;color:#1f78b7;font-size:12px;padding:4px;min-width:28px}
 .os-music-controls .os-play{display:grid;place-items:center;width:33px;height:33px;border-radius:50%;background:linear-gradient(#5da9dd,#1c62a3);color:white;font-size:16px;border:1px solid #d9faff}
 .os-music-controls button:hover{filter:brightness(1.3);transform:scale(1.06)}
 .os-playlist-open{width:100%;height:58px;border:1px solid #a7cbe8;background:linear-gradient(#d7eefe,#afd4f0);border-radius:4px;text-align:left;padding:5px 8px;color:#2b6797}
 .os-playlist-open strong{font-size:10px;display:block}.os-playlist-open span{font-size:11px;display:block;margin-top:5px}
 .os-playlist-open:hover{background:#e2f6ff}
 .os-video-preview{width:100%;height:167px;position:relative;display:block;padding:4px;border:1px solid #7fafd3;border-radius:5px;background:#0e2335;overflow:hidden}
 .os-video-preview img{width:100%;height:100%;object-fit:cover}.os-video-preview>span{position:absolute;bottom:10px;left:12px;color:white;font-size:24px;text-shadow:0 1px 4px #000}
 .os-video-preview:hover>img{filter:brightness(1.1)}
 .os-video-caption{border:0;background:none;text-align:left;color:#235b88;padding:6px 0;display:flex;flex-direction:column}
 .os-video-caption b{font-size:12px}.os-video-caption small{font-size:10px;margin-top:3px}
 .os-offer-widget .os-widget-body{padding:9px 12px}.os-offer-widget p{margin:1px 0 11px;font-size:14px}
 .os-offer-widget .os-trade-large{height:46px;min-height:46px;margin-bottom:7px;justify-content:space-around;font-size:12px!important;text-align:center}
 .os-offer-widget .os-trade-large>span:first-child{font-size:21px;color:#1d91d9}.os-offer-widget .os-trade-large>b{color:#2599e3}
 .os-offer-grid{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:4px}
 .os-offer-grid a,.os-offer-grid button{min-height:27px;display:flex;align-items:center;justify-content:center;text-align:center;border:1px solid #91c2e7;border-radius:5px;background:linear-gradient(#fff,#d4f0ff 52%,#aad4f1);box-shadow:inset 0 1px #fff;color:#215c8b;text-decoration:none;font:600 11px 'Segoe UI',Tahoma}
 .os-widget.is-minimized .os-widget-body{display:none}.os-widget.is-minimized{height:32px!important}.os-widget.is-closed{display:none}
 .os-taskbar{position:absolute;bottom:0;left:0;right:0;height:56px;z-index:12;display:flex;align-items:center;gap:7px;padding:3px 15px;background:linear-gradient(#f5fdffbf 0%,#a2c9f17d 12%,#234d7de8 28%,#0d3359ec 78%,#1e486fde);border-top:1px solid #e2faff;box-shadow:0 -2px 6px #163e7499}
 .os-start{height:51px;width:51px;display:grid;place-items:center;flex:none;padding:0;border:1px solid #e7faff;border-radius:50%;background:radial-gradient(circle at 32% 23%,#e5f9ff,#64a8e6 32%,#004e8b 65%,#153462);box-shadow:0 0 0 2px #265f9a,0 2px 7px #0e1d42}
 .os-start img{width:40px;height:40px;object-fit:contain}.os-start:hover{filter:brightness(1.2);transform:translateY(-1px)}
 .os-quick-launch{display:grid;place-items:center;width:34px;height:37px;background:none;border:1px solid transparent;border-radius:4px}.os-quick-launch img{width:30px;height:30px}
 .os-task-program{height:39px;display:flex;align-items:center;gap:7px;text-align:left;width:245px;padding:0 11px;border-radius:5px;border:1px solid #a6d7f88a;color:white;text-shadow:0 1px #0c3457;background:linear-gradient(#a8d5f485,#3b6ba1bc 53%,#143f69b8);box-shadow:inset 0 1px #ffffff8c;font-size:12px}
 .os-task-program img{width:27px;height:27px;object-fit:contain}.os-task-program:hover,.os-quick-launch:hover,.os-task-tray:hover{background-color:#a2d6ff52;border-color:#d9f6ff}
 .os-small-task{width:147px}.os-task-spacer{flex:1}
 .os-task-tray{color:white;border:0;background:none;padding:10px}
 .os-clock{display:flex;flex-direction:column;align-items:flex-end;color:white;font:12px Tahoma;text-shadow:0 1px #071f43;line-height:1.25}.os-clock small{font-size:10px}
}
@media(min-width:801px){
 .os-browser.is-browser-minimized{height:33px!important;bottom:auto!important}
 .os-browser.is-browser-minimized .os-addressbar,.os-browser.is-browser-minimized .os-browser-content,.os-browser.is-browser-minimized .os-browser-status{display:none}
 .os-browser.is-browser-maximized{left:179px;right:27px;top:3px;bottom:59px;}
}
/* Final independent layout verification: hero controls never disappear behind the app shelf. */
@media (min-width:801px){
 .os-hero-copy{top:21px}
 .os-hero h1{font-size:102px;margin-bottom:3px}
 .os-hero-copy p{font-size:17px;line-height:1.15;margin:12px 0 11px}
 .os-hero-actions{gap:6px}
 .os-cat-holder{left:41%;top:-13px;width:540px;height:515px}
 .os-cat-button img{object-fit:contain;object-position:center}
 .os-welcome{font-size:34px}
 .os-latin{font-size:25px}
}

@media(min-width:801px){ .os-browser.is-browser-minimized,.os-browser.is-browser-closed{display:none!important} }


/* MIU Radio: real original audio tracks and functional controls, Vista Aero theme. */
.motus-controls{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:10px}
.motus-controls .music-play-control{min-width:120px;justify-content:center}
.motus-controls .motus-skip{min-width:47px;padding:9px 10px}
.motus-volume-label{font:700 11px 'Segoe UI',Tahoma;color:#376f9a;margin-left:auto}
#motus-volume{width:105px;max-width:100%;accent-color:#267bcc;cursor:pointer}
.motus-seek-row{display:flex;align-items:center;gap:9px;margin-top:11px;font:12px Consolas,monospace;color:#2a678d}
.motus-seek-row time{min-width:35px;text-align:center}
#motus-seek{min-width:50px;flex:1;accent-color:#288bd1;cursor:pointer}
.motus-player-status{min-height:22px;margin:7px 0 0!important;color:#2e6895;font-size:12px!important}
.motus-library{margin-top:10px!important}
.motus-library-heading{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap;justify-content:space-between;margin-bottom:9px}
.motus-library-heading h3{margin:0!important}
.motus-library-heading>span{font:600 10px 'Segoe UI',Tahoma;color:#5b83a3;letter-spacing:.04em}
.motus-track-list{display:grid;gap:6px}
.motus-track{width:100%;display:flex;align-items:center;gap:10px;min-height:53px;border:1px solid #86bce6;border-radius:5px;padding:8px 12px;text-align:left;color:#185b8f;background:linear-gradient(180deg,#fff,#e1f1fb 46%,#c8e5f8);cursor:pointer;font:12px 'Segoe UI',Tahoma,sans-serif;box-shadow:inset 0 1px #fff,0 2px 3px #3677aa18}
.motus-track:hover,.motus-track:focus-visible{background:linear-gradient(#fff,#cfebff 55%,#b2dafa);border-color:#408cce;outline:2px solid #539cdd;outline-offset:1px}
.motus-track.selected{background:linear-gradient(#fcffff,#d8efff 43%,#a9d3f4);border-color:#3975b1;box-shadow:inset 4px 0 #257ecb,inset 0 1px #fff}
.motus-track-no{font:700 13px Consolas,monospace;color:#3e89c2;min-width:24px}
.motus-track-description{flex:1;min-width:0;display:grid;gap:4px}.motus-track-description strong{font:700 12px 'Segoe UI',Tahoma;overflow-wrap:anywhere}.motus-track-description small{font-size:11px;color:#557d9b}
.motus-track-bpm{white-space:nowrap;color:#527d9d;font:600 11px Consolas,monospace}.motus-track-arrow{font-size:11px;color:#3685bb}
.motus-community{margin-top:12px;padding:15px;border:1px solid #92bce0;border-radius:7px;background:linear-gradient(#f4fcff,#e0eefb)}
.motus-community h3{font:600 17px 'Segoe UI',Tahoma;color:#245989;margin:0 0 10px}
.motus-community .modal-btn{display:inline-block;margin-top:8px;text-decoration:none}
@media(max-width:600px){.motus-track{padding:8px;gap:6px}.motus-track-bpm{font-size:10px}.motus-controls{gap:5px}.music-library-main{grid-template-columns:1fr!important}.music-album{display:none}.motus-volume-label{margin-left:0}}
/* Fit the complete three-track MIU Radio within common desktop Vista popups. */
#dialog[data-app="music"] .aero-app-heading{padding-top:15px;padding-bottom:15px}
#dialog[data-app="music"] .music-library-main{padding-top:12px;padding-bottom:12px}
#dialog[data-app="music"] .music-album img{height:125px}
#dialog[data-app="music"] .player-visualizer{padding-top:8px;padding-bottom:6px;margin-top:8px;margin-bottom:7px}
#dialog[data-app="music"] .player-visualizer .eq{height:39px}
#dialog[data-app="music"] .motus-track{min-height:46px;padding-top:5px;padding-bottom:5px}
#dialog[data-app="music"] .motus-library{padding-top:10px;padding-bottom:10px}
@media(max-width:600px){#dialog[data-app="music"] .aero-app-heading{padding:13px}#dialog[data-app="music"] .music-library-main{padding:10px}}
/* Live community playlist · same Vista UI, no overlays or raster buttons. */
.motus-community{margin:14px 0 0!important;padding:16px!important;background:linear-gradient(180deg,#f9fdffef,#d9edfcf5)!important;border:1px solid #80b9e6!important;border-radius:7px;color:#245988}
.community-top{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.community-top h3{margin:0 0 3px!important;font:700 20px 'Segoe UI',Tahoma,sans-serif;color:#1d5892}
.community-top p,.community-form p{margin:3px 0 11px;font:12px/1.5 'Segoe UI',Tahoma,sans-serif;color:#477ba3}
.community-list{display:grid;gap:8px;margin:12px 0}
.community-empty{font:13px/1.5 'Segoe UI',Tahoma,sans-serif;color:#496f91;margin:0;padding:12px;border:1px dashed #9fceeb;background:#f9fdffb8;border-radius:5px}
.community-track,.community-pending{background:linear-gradient(#fff,#d9edfb);border:1px solid #a2c7e5;border-radius:5px;padding:11px;display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap}
.community-track-info{min-width:175px;flex:1;display:grid;gap:4px}
.community-track-info strong{font-size:14px;color:#154d81;overflow-wrap:anywhere}
.community-track-info small{font-size:11px;color:#4c7297}
.community-track-buttons{display:flex;gap:7px;align-items:center;flex-wrap:wrap}
.community-track button:disabled{opacity:.65;cursor:default}
.community-embed{display:grid;gap:8px}
.community-embed:empty{display:none}
.community-embed iframe{width:100%;height:255px;border:2px solid #6aa5d4;border-radius:6px;background:#132641}
.community-embed .modal-btn{justify-self:start}
.community-form{border-top:1px solid #9bc4e4;margin-top:14px;padding-top:13px}
.community-form h4{color:#185e97;font:700 14px 'Segoe UI',Tahoma,sans-serif;margin:0 0 4px}
.community-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.community-form-grid .wide{grid-column:1/-1}
.community-form-grid label{display:grid;gap:4px;font:600 12px 'Segoe UI',Tahoma;color:#2b6998}
.community-form-grid input{padding:10px;width:100%;min-width:0;box-sizing:border-box;border-radius:5px;border:1px solid #8fbce1;background:#fff;color:#1b5284;font:13px 'Segoe UI',Tahoma,sans-serif}
.community-form-grid input:focus-visible{outline:2px solid #348bdd;outline-offset:1px}
.community-verify{margin:13px 0;min-height:10px}
#miu-community-status{font:12px/1.5 'Segoe UI',Tahoma,sans-serif;color:#25608e;margin:10px 0 0}
@media(max-width:600px){.community-form-grid{grid-template-columns:1fr}.community-form-grid .wide{grid-column:auto}.motus-community{padding:11px!important}.community-track-buttons{width:100%}}