:root{color-scheme:dark;--ink:#070522;--cyan:#66f6ff;--pink:#ff47df;--yellow:#ffe835;font-family:Arial,Helvetica,sans-serif;color:#fff;background:var(--ink)}*{box-sizing:border-box}body{margin:0;min-width:280px;background:#090622}a{color:inherit;text-decoration:none}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid var(--yellow);outline-offset:6px}button:disabled{cursor:default}button,a{touch-action:manipulation}.os{min-height:100svh;position:relative;isolation:isolate;overflow:hidden;padding:24px 4vw 20px;display:flex;flex-direction:column}.wallpaper{position:absolute;inset:0;z-index:-3;background:url('/bananaos/assets/paradise.webp') left center/cover no-repeat}.shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(4,3,26,.18),transparent 60%,#090622 100%)}.top{display:flex;align-items:center;justify-content:space-between;gap:16px}.brand{display:flex;align-items:center;gap:9px;font-weight:800;letter-spacing:.08em;font-size:12px}.brand img{width:36px;height:36px}.brand small{display:block;color:#bdb8e4;font-size:9px;letter-spacing:.15em;margin-top:5px}.actions{display:flex;gap:10px;align-items:center}.subtle{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid #8f78b6;border-radius:24px;background:#100926b3;color:#fff;font-size:12px;font-weight:700}.subtle:hover{border-color:var(--cyan);background:#28204e}.vault{border-color:#ffc888;box-shadow:0 0 12px #ff55ae55,inset 0 0 8px #ffb33233}.hero-title{text-align:center;align-self:center;margin:22px 0 20px 17%;position:relative}.wordmark{font-style:italic;font-weight:950;letter-spacing:-.065em;font-size:clamp(44px,6vw,94px);line-height:1.04;filter:drop-shadow(0 5px 0 #171344) drop-shadow(0 0 10px #4466dd66);white-space:nowrap}.wordmark .banana{background:linear-gradient(#fff 30%,#c2d7ff 55%,#698bcf 65%,#fff 90%);background-clip:text;color:transparent}.wordmark .os-word{color:#ffe12d;text-shadow:0 2px #c57507}.wordmark .version{background:linear-gradient(#efffff 10%,#2af0ff 45%,#8073ff 65%,#ff62ee);background-clip:text;color:transparent;letter-spacing:-.09em}.tagline{font-size:10px;letter-spacing:.24em;font-weight:700;margin:16px 0 0;color:#eeeaff}.tagline:before,.tagline:after{content:'';display:inline-block;width:30px;height:2px;background:var(--cyan);box-shadow:0 0 8px var(--cyan);vertical-align:middle;margin:0 12px}.scene{display:grid;grid-template-columns:minmax(160px,28%) minmax(0,640px) minmax(100px,1fr);align-items:center;justify-content:center;flex:1;max-width:1440px;width:100%;margin:auto}.display{grid-column:2;position:relative;border:1px solid #b5fcff;border-radius:28px;background:linear-gradient(130deg,#161039de,#140c37e8 65%,#133059df);box-shadow:0 0 4px #fff,0 0 13px #21dbff,10px 5px 35px #b51ffb55,inset 0 0 20px #2bcaff33}.display:after{content:'';position:absolute;bottom:-2px;left:10%;right:10%;height:2px;background:#ff63f7;box-shadow:0 0 15px 4px #f915fa;pointer-events:none}.windowbar{border-bottom:1px solid #9f85d94d;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:15px 22px;font-size:10px;letter-spacing:.09em}.windowbar .running{display:flex;align-items:center;gap:8px}.monitor{width:17px;height:12px;border:1.5px solid var(--cyan);box-shadow:0 0 6px #33e9ff;position:relative}.monitor:after{content:'';position:absolute;width:9px;height:2px;background:var(--cyan);bottom:-5px;left:2.5px}.dots{display:flex;gap:8px}.dots i{display:block;width:9px;height:9px;border-radius:50%;background:#ffe52e;box-shadow:0 0 9px currentColor;color:#ffe52e}.dots i:nth-child(2){background:#ff4cdb;color:#ff4cdb}.dots i:nth-child(3){background:#29ecff;color:#29ecff}.screen{padding:22px 25px 20px;text-align:center}h1{font-size:clamp(24px,2.7vw,39px);line-height:1.12;letter-spacing:-.04em;margin:0 0 12px}h1 em{font-style:normal;color:var(--yellow)}.gauge{width:190px;height:190px;margin:12px auto 8px;border:1px solid #8750ff;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;background:radial-gradient(circle,#12365b 0%,#0a1534 60%,#32328b 70%);box-shadow:0 0 26px #7357ff55,inset 0 0 18px #28dfff44}.gauge:before{content:'';position:absolute;inset:10px;border:2px solid #41e7ff;border-left-color:#7d5aff;border-bottom-color:#3940a6;border-radius:50%;box-shadow:0 0 12px #3ddfff66;transform:rotate(-35deg)}.percentage{font-size:78px;font-weight:800;letter-spacing:-.07em;color:#edffff;text-shadow:0 0 12px #20d9ff,0 0 30px #00baff;line-height:1}.percentage span{font-size:.63em;margin-left:4px}.productivity{font-size:10px;font-weight:700;letter-spacing:.23em;color:#b4d7ed;margin:0}.subtitle{margin:12px 0 23px;font-size:14px;font-weight:600}.do-nothing{display:flex;gap:12px;align-items:center;justify-content:center;margin:auto;width:min(100%,370px);min-height:64px;padding:15px 24px;border:2px solid #fff8ab;border-radius:40px;color:#140a2b;font-size:25px;font-weight:850;letter-spacing:-.035em;background:linear-gradient(#fff87d,#ffe613 48%,#ffbe12 90%);box-shadow:0 0 0 3px #ffc72c99,0 0 0 5px #ff5ed766,0 0 25px #ffb72288,0 6px 25px #ff29ce88,inset 0 3px 3px #fff9cc;transition:transform .2s,filter .2s}.do-nothing:hover{filter:brightness(1.12);transform:translateY(-2px)}.do-nothing:active{transform:scale(.97)}.play{font-size:20px}.status{min-height:32px;margin:20px auto 0;max-width:400px;font-size:12px;line-height:1.5;color:#d5d0ef}.display.pulse .gauge{animation:relax .65s ease-out}@keyframes relax{50%{box-shadow:0 0 50px #27dfffaa;transform:scale(1.035)}}.promise{position:relative;z-index:1;margin-left:-20px;align-self:center;max-width:220px;padding:24px 22px;transform:rotate(4deg);border:1px solid #f1b0ff;border-radius:24px;background:linear-gradient(135deg,#461775e6,#120927eb);box-shadow:0 0 7px #e660ff,inset 0 0 17px #d94bff44;font-size:12px}.infinity{font-size:62px;line-height:.8;color:#ffe238;text-shadow:0 0 12px #ff9933;text-align:center;margin-bottom:20px}.promise p{white-space:nowrap}.promise p span{color:#7cffb7;font-size:17px;margin-right:6px;text-shadow:0 0 8px #3fff62}.benefits{display:flex;justify-content:center;gap:0;margin:38px auto 25px;width:min(100%,1000px);padding:18px 0;border-top:1px solid #8f64b64d;border-bottom:1px solid #8f64b64d;background:#0b092855;backdrop-filter:blur(5px)}.benefit{display:flex;align-items:center;justify-content:center;gap:13px;flex:1;padding:0 25px;border-right:1px solid #7962a54d}.benefit:last-child{border:0}.benefit .symbol{font-size:30px;color:var(--cyan);text-shadow:0 0 12px #578fff}.benefit:nth-child(2) .symbol{color:#f8a0ff;text-shadow:0 0 12px #f400ff}.benefit:nth-child(3) .symbol{color:#ffe65b;text-shadow:0 0 12px #ff9300}.benefit strong{font-size:12px;display:block}.benefit small{font-size:10px;color:#bbb4d4;display:block;line-height:1.4;margin-top:5px}.bottom{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:10px;color:#c2b9d9;margin-top:auto}.bottom a{padding:12px 0;text-decoration:underline;text-underline-offset:4px}.dialog{width:min(90vw,440px);border:1px solid #aa84ee;border-radius:24px;background:#17102e;color:#fff;padding:28px;box-shadow:0 0 55px #ab46ff44}.dialog::backdrop{background:#050116b8;backdrop-filter:blur(8px)}.dialog h2{font-size:25px;margin-top:0}.dialog p{font-size:14px;line-height:1.7;color:#d5cce8}.installed .install{display:none}.offline-note{font-size:11px;color:#b4ecff}.skip{position:absolute;left:15px;top:-80px;padding:12px;background:#130a33;z-index:9}.skip:focus{top:10px}
@media(min-width:1500px){.os{padding-top:35px}.hero-title{margin-top:30px;margin-bottom:35px}.screen{padding-top:30px;padding-bottom:25px}.gauge{width:210px;height:210px}.benefits{margin-top:50px}}
@media(max-width:1050px) and (min-width:701px){.scene{grid-template-columns:23% minmax(0,1fr) 12%}.promise{display:none}.hero-title{margin-left:15%}.screen{padding:22px}.wordmark{font-size:65px}}
@media(max-width:700px){.os{padding:14px 18px 16px;min-height:100svh}.wallpaper{background-size:auto 590px;background-position:15% 20px;background-repeat:no-repeat}.shade{background:linear-gradient(180deg,#09062218 0%,#09062200 220px,#090622bb 365px,#090622 570px)}.top{gap:8px;min-height:44px}.brand span{display:none}.brand img{width:32px;height:32px}.actions{gap:7px}.subtle{font-size:11px;min-height:40px;padding:8px 12px}.vault{font-size:0;padding:8px 12px}.vault:after{content:'↗ Vault';font-size:11px}.hero-title{margin:24px 0 0;align-self:stretch;min-height:168px;text-align:right;padding-top:3px}.wordmark{font-size:clamp(34px,8.2vw,54px);white-space:nowrap}.tagline{font-size:8px;letter-spacing:.14em;max-width:220px;margin:12px 0 0 auto;line-height:1.7}.tagline:before,.tagline:after{display:none}.scene{display:block;margin:0 auto;max-width:430px;flex:0}.display{border-radius:23px;background:linear-gradient(130deg,#1b1042e8,#100d2bf5 70%,#11334ced)}.windowbar{padding:14px 16px;font-size:8px}.screen{padding:22px 18px 17px}h1{font-size:27px;margin-bottom:12px}.gauge{height:154px;width:154px;margin:12px auto 9px}.percentage{font-size:67px}.subtitle{font-size:12px;margin:11px 0 20px}.do-nothing{min-height:57px;font-size:22px}.status{font-size:11px;margin-top:18px;min-height:33px}.promise{display:none}.benefits{margin:25px auto 13px;padding:15px 0;max-width:430px}.benefit{flex-direction:column;gap:8px;text-align:center;padding:0 10px}.benefit .symbol{font-size:24px}.benefit strong{font-size:10px}.benefit small{font-size:9px}.bottom{flex-direction:column-reverse;gap:3px;text-align:center;line-height:1.5;font-size:9px}.bottom a{font-size:11px}.disclaimer{max-width:290px}.install{display:inline-flex}}
@media(max-width:350px){.os{padding:10px 12px 14px}.hero-title{min-height:150px}.wordmark{font-size:32px}.screen{padding:20px 12px 15px}h1{font-size:24px}.benefit{padding:0 7px}.actions{gap:5px}.subtle{padding:8px 10px}.status{min-height:49px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

[hidden]{display:none!important}
/* Keep the mascot's face above the live panel on narrow screens. */
@media(max-width:700px){.wallpaper{background-size:auto 500px;background-position:left -65px}.play{font-size:0;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #170c32}.vault:after{content:'Vault'}}
.play{font-variant-emoji:text}
.play{font-size:0;width:0;height:0;border-top:8px solid transparent;border-bottom:8px solid transparent;border-left:12px solid #170c32}
@supports(padding:max(0px)){.os{padding-top:max(14px,env(safe-area-inset-top));padding-bottom:max(16px,env(safe-area-inset-bottom))}}

.language-wrap{display:inline-flex}.language{appearance:none;min-width:52px;cursor:pointer;color:#fff;text-align:center;background:#100926b3}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}html[dir="rtl"] .os{direction:rtl}@media(max-width:700px){.language{min-width:48px;padding:8px 5px}.actions{gap:5px}}