: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}}

/* Real Vista buttons, taken from the precise painted positions in the approved screenshot.
   The visible button is the DOM element itself, NOT a transparent hit rectangle.
   Every button has its own independent image skin and state. */
@media (min-width:801px) {
  .screenshot-stage .hit {background:transparent!important;box-shadow:none!important;filter:none!important;outline-offset:0}
  .screenshot-stage .hit:hover {background:transparent!important;box-shadow:none!important;filter:none!important}
  .screenshot-stage .hit:focus-visible {outline:2px dashed #c5f6ff;outline-offset:-2px}
  .screenshot-stage .vista-real-button {
    position:absolute;z-index:4;display:block;box-sizing:border-box;
    left:calc(var(--x)*1px);top:calc(var(--y)*1px);width:calc(var(--w)*1px);height:calc(var(--h)*1px);
    padding:0;margin:0;border:0;outline:0;overflow:visible;cursor:pointer;appearance:none;
    border-radius:9px;background:transparent;transform:none;
    transition:filter .13s ease,box-shadow .13s ease,transform .13s ease;
    box-shadow:none;filter:none;
  }
  .screenshot-stage .vista-real-button::before {
    content:"";position:absolute;inset:0;display:block;border-radius:inherit;
    background:var(--button-skin) 0 0/100% 100% no-repeat;
    pointer-events:none;box-shadow:none;
  }
  .screenshot-stage .vista-real-button::after {
    content:"";position:absolute;inset:1px;border-radius:inherit;opacity:0;pointer-events:none;
    background:linear-gradient(180deg,rgba(255,255,255,.27),transparent 45%,rgba(11,110,222,.09));
    box-shadow:inset 0 1px 0 rgba(255,255,255,.6);transition:opacity .13s ease;
  }
  .screenshot-stage .vista-real-button:hover {
    /* The button skin, border and hover travel as one item, with no offset hitbox. */
    transform:translateY(-1px);filter:brightness(1.08) saturate(1.07);
    box-shadow:0 3px 13px rgba(27,122,202,.45),0 0 0 1px rgba(190,240,255,.60);
  }
  .screenshot-stage .vista-real-button:hover::after {opacity:.66}
  .screenshot-stage .vista-real-button:active {transform:translateY(1px);filter:brightness(.94);box-shadow:inset 0 2px 8px #0a4b9680}
  .screenshot-stage .vista-real-button:focus-visible {outline:2px solid #fbfcff;outline-offset:1px;filter:brightness(1.08)}
  .visually-hidden {position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
    .screenshot-stage .vista-real-enter {--button-skin:url("assets/ui-enter.png");}
  .screenshot-stage .vista-real-buy {--button-skin:url("assets/ui-buy.png");}
  .screenshot-stage .vista-real-watch {--button-skin:url("assets/ui-watch.png");}
  .screenshot-stage .vista-real-sol {--button-skin:url("assets/ui-sol.png");}
  .screenshot-stage .vista-real-usdc {--button-skin:url("assets/ui-usdc.png");}
  .screenshot-stage .vista-real-chart {--button-skin:url("assets/ui-chart.png");}
  .screenshot-stage .vista-real-dex {--button-skin:url("assets/ui-dex.png");}
  .screenshot-stage .vista-real-contract {--button-skin:url("assets/ui-contract.png");}
  .screenshot-stage .vista-real-community {--button-skin:url("assets/ui-community.png");}
  .screenshot-stage .vista-real-start {--button-skin:url("assets/ui-start.png");}
  .screenshot-stage .vista-real-start {border-radius:0 0 12px 0}
}

/* Five-button surgical repair — Start orb + four compact Offerings controls.
   Original artwork underneath restored locally; DOM skins match their pixels.
   No shifted boxes, no invisible rectangular Start skin, no detached hover frames. */
@media (min-width:801px) {
  .screenshot-stage .vista-real-start {
    --button-skin:url("assets/ui-start-orb.png");
    border-radius:50%;
    overflow:visible;
    box-shadow:none;
    transition:filter 130ms ease;
  }
  .screenshot-stage .vista-real-start::before {
    border-radius:50%;
    background-size:100% 100%;
  }
  .screenshot-stage .vista-real-start::after {
    content:none;
  }
  .screenshot-stage .vista-real-start:hover {
    transform:none;
    filter:brightness(1.2) saturate(1.09) drop-shadow(0 0 5px rgba(213,243,255,.85));
    box-shadow:none;
  }
  .screenshot-stage .vista-real-start:active {
    transform:none;
    filter:brightness(.92);
    box-shadow:none;
  }
  .screenshot-stage .vista-real-chart,
  .screenshot-stage .vista-real-dex,
  .screenshot-stage .vista-real-contract,
  .screenshot-stage .vista-real-community {
    border-radius:8px;
    box-shadow:none;
    transition:filter 130ms ease;
  }
  .screenshot-stage .vista-real-chart::after,
  .screenshot-stage .vista-real-dex::after,
  .screenshot-stage .vista-real-contract::after,
  .screenshot-stage .vista-real-community::after {
    inset:2px;
    border-radius:6px;
    box-shadow:inset 0 1px 1px rgba(255,255,255,.62);
    background:linear-gradient(180deg,rgba(255,255,255,.15),rgba(33,144,244,.08));
  }
  .screenshot-stage .vista-real-chart:hover,
  .screenshot-stage .vista-real-dex:hover,
  .screenshot-stage .vista-real-contract:hover,
  .screenshot-stage .vista-real-community:hover {
    transform:none;
    filter:brightness(1.11) saturate(1.08);
    box-shadow:none;
  }
  .screenshot-stage .vista-real-chart:active,
  .screenshot-stage .vista-real-dex:active,
  .screenshot-stage .vista-real-contract:active,
  .screenshot-stage .vista-real-community:active {
    transform:none;
    filter:brightness(.94);
    box-shadow:none;
  }
}


/* FIX 2026-10-21: The four compact buttons already contain their Aero
   border/highlights in the PNG skins.  An additional ::after glass overlay
   produced the unwanted white/cyan double-outline seen on hover/focus.
   Keep the original skins and change their brightness only. */
@media (min-width:801px) {
  .screenshot-stage .vista-real-chart,
  .screenshot-stage .vista-real-dex,
  .screenshot-stage .vista-real-contract,
  .screenshot-stage .vista-real-community {
    outline:none !important;
    box-shadow:none !important;
    transition:filter 140ms ease !important;
  }
  .screenshot-stage .vista-real-chart::after,
  .screenshot-stage .vista-real-dex::after,
  .screenshot-stage .vista-real-contract::after,
  .screenshot-stage .vista-real-community::after {
    content:none !important;
    display:none !important;
    box-shadow:none !important;
  }
  .screenshot-stage .vista-real-chart:hover,
  .screenshot-stage .vista-real-dex:hover,
  .screenshot-stage .vista-real-contract:hover,
  .screenshot-stage .vista-real-community:hover {
    outline:none !important;
    box-shadow:none !important;
    transform:none !important;
    filter:brightness(1.055) !important;
  }
  .screenshot-stage .vista-real-chart:focus-visible,
  .screenshot-stage .vista-real-dex:focus-visible,
  .screenshot-stage .vista-real-contract:focus-visible,
  .screenshot-stage .vista-real-community:focus-visible {
    outline:none !important;
    box-shadow:none !important;
    filter:brightness(1.16) !important;
  }
  .screenshot-stage .vista-real-chart:active,
  .screenshot-stage .vista-real-dex:active,
  .screenshot-stage .vista-real-contract:active,
  .screenshot-stage .vista-real-community:active {
    outline:none !important;
    box-shadow:none !important;
    filter:brightness(.96) !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}