*{box-sizing:border-box}html{color-scheme:dark}body{margin:0;background:#082c33;color:#f1f7f3;font:15px/1.4 system-ui,-apple-system,sans-serif;--ink:#f1f7f3;--mint:#dcebd1;overflow-x:hidden}button,a,input{-webkit-tap-highlight-color:transparent;touch-action:manipulation}button{font:inherit;color:inherit;border:0;cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:3px solid #d6f2d0;outline-offset:5px}button:active,a:active{transform:scale(.97)}.backdrop{position:fixed;inset:0;z-index:-2;background:linear-gradient(180deg,#05263068 0%,#062f3773 35%,#03232be0 100%),url('yacht.webp') center 38%/cover}.backdrop:after{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 10% 0,#9ce6c633,transparent 60%)}body.ocean .backdrop{background-image:linear-gradient(160deg,#04233280,#043b4370 50%,#05252fed),url('ocean.webp')}.glass{background:linear-gradient(130deg,#e4f5ed21,#d5e9e912);border:1px solid #e0eee633;box-shadow:inset 0 1px #fff1,0 10px 30px #001d2020;backdrop-filter:blur(20px) saturate(130%);-webkit-backdrop-filter:blur(20px) saturate(130%)}main{width:min(100%,760px);margin:auto;padding:env(safe-area-inset-top) max(22px,env(safe-area-inset-right)) 110px max(22px,env(safe-area-inset-left))}header{height:76px;display:flex;align-items:center;justify-content:space-between}.wordmark{display:flex;align-items:center;gap:10px;letter-spacing:.24em;font-size:12px;font-weight:600}.wordmark svg{width:27px;height:27px;fill:#d8eacf}.round{width:42px;height:42px;display:grid;place-items:center;border:1px solid #edf9ed28;background:#cce3da14;border-radius:50%;backdrop-filter:blur(15px)}svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.hero{padding:22px 0 25px}.eyebrow{font-size:9px;letter-spacing:.18em;color:#d7e7e0;text-transform:uppercase;font-weight:500}h1{font-size:clamp(45px,12vw,74px);font-weight:400;letter-spacing:-.055em;line-height:1.02;margin:12px 0 24px;text-shadow:0 2px 22px #001a2b44}.time-row{display:flex;align-items:center;gap:16px}#clock{font-size:28px;font-weight:300;letter-spacing:-.04em;font-variant-numeric:tabular-nums}#date{font-size:11px;max-width:135px;line-height:1.6;color:#d6e7df;letter-spacing:.04em;border-left:1px solid #d4e8dc50;padding-left:16px}.welcome{border-radius:22px;display:flex;align-items:center;gap:14px;padding:18px}.welcome .eyebrow{font-size:7px}.welcome strong{display:block;font-size:19px;letter-spacing:-.03em;font-weight:450;margin-top:3px}.welcome p{font-size:11px;color:#d0dfdc;margin:5px 0 0}.tiny-icon{width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:#e1ebd51c;color:#dfedcc}.welcome .arrow{margin-left:auto;font-size:24px;flex-shrink:0}.apps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px 14px;padding:29px 0}.app{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;font-size:9px;letter-spacing:.015em}.app-icon{display:grid;place-items:center;width:60px;height:60px;border-radius:19px;background:linear-gradient(140deg,#e4f4e03b,#d9f4df12);border:1px solid #e3f7e74a;box-shadow:inset 0 1px 1px #fff2,0 5px 16px #00262f20;backdrop-filter:blur(17px);-webkit-backdrop-filter:blur(17px);color:#e6f3df;transition:background 140ms}.app:hover .app-icon{background:#d8ead341}.app-icon svg{width:27px;height:27px;stroke-width:1.35}.letter{font-size:27px;font-weight:550}.cards{display:grid;grid-template-columns:1fr 1fr;gap:13px}.card{position:relative;min-height:207px;border-radius:23px;padding:17px;display:flex;flex-direction:column;align-items:flex-start;gap:13px}.card>svg{color:#dce8c9;width:24px}.card .eyebrow{font-size:7px}.card strong{font-size:19px;font-weight:400;letter-spacing:-.035em;line-height:1.15;display:block;margin-top:6px}.metric{font-size:32px;font-weight:350;line-height:1;letter-spacing:-.03em;margin-top:auto}.metric small{display:block;font-size:8px;letter-spacing:0;color:#c9dbd5;line-height:1.6;margin-top:5px;max-width:110px}.card-arrow{position:absolute;right:16px;top:16px;font-size:20px;color:#d0e5dc}.pill{margin-top:auto;font-size:8px;border-radius:20px;background:#d9ead322;border:1px solid #d7edda33;padding:7px 9px}.cabin{background:linear-gradient(130deg,#c1dccb30,#88aaa21a)}footer{display:flex;justify-content:space-between;align-items:center;gap:15px;color:#bdcfc7;font-size:8px;margin-top:22px}footer button{font-size:9px;background:transparent;color:#dce8ce;text-align:right}.dock{position:fixed;bottom:max(16px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);z-index:10;width:min(calc(100% - 44px),400px);height:70px;border-radius:26px;display:flex;align-items:center;justify-content:space-around;background:#b8d1c51f;box-shadow:inset 0 1px #fff3,0 10px 40px #00151e40;backdrop-filter:blur(30px) saturate(140%);-webkit-backdrop-filter:blur(30px) saturate(140%)}.dock a{width:50px;height:50px;display:grid;place-items:center;border-radius:18px;color:#d2e6d9}.dock [aria-current]{background:#e1efda;color:#234a43;box-shadow:0 2px 12px #00262c44}.dock a svg{width:24px;height:24px}.symbols{position:absolute;width:0;height:0;overflow:hidden}dialog{width:min(440px,calc(100% - 24px));max-height:88dvh;overflow:auto;border:1px solid #d3ecdb55;border-radius:30px;padding:25px;background:#103b42ed;color:#eef6ed;box-shadow:0 30px 100px #00141b99;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px)}dialog::backdrop{background:#001b2580;backdrop-filter:blur(5px)}.sheet-head{display:flex;align-items:center;justify-content:space-between}dialog h2{font-size:31px;font-weight:400;letter-spacing:-.05em;line-height:1.08;margin:22px 0}dialog p{font-size:12px;line-height:1.7;color:#c8ded5}.choices{display:flex;flex-wrap:wrap;gap:8px;margin:20px 0}.choices button{border:1px solid #d7e7d640;background:#d7e9d518;border-radius:24px;padding:11px 12px;font-size:11px}.setting{padding:16px 0;border-bottom:1px solid #d7ead32b;display:flex;align-items:center;gap:12px;font-size:12px}.setting small{display:block;font-size:9px;line-height:1.6;color:#abc6bb}.setting>span:last-child{margin-left:auto}.setting svg{width:21px;flex-shrink:0}.primary{display:block;background:#dfebd3;color:#204c42;padding:15px;border-radius:14px;text-align:center;font-size:13px;font-weight:600;margin:18px 0}h3{font-size:19px;font-weight:450;margin:25px 0 10px}.fine{font-size:10px!important}body.solid .glass,body.solid .app-icon{background:#173f48;backdrop-filter:none;-webkit-backdrop-filter:none}#toast{position:fixed;bottom:110px;left:50%;transform:translateX(-50%);background:#e0edd7;color:#214839;box-shadow:0 7px 30px #00131b50;padding:13px 18px;border-radius:15px;font-size:12px;max-width:88%;width:max-content;z-index:50}#toast:empty{display:none}@media(min-width:650px){main{padding-left:40px;padding-right:40px}.hero{padding-top:35px}.apps{gap:24px;padding:36px 0}.app{font-size:12px}.app-icon{width:76px;height:76px;border-radius:24px}.card{min-height:210px;padding:24px}.card strong{font-size:25px}.welcome{padding:23px}.welcome .eyebrow{font-size:9px}.welcome strong{font-size:23px}.welcome p{font-size:13px}.card .eyebrow{font-size:9px}footer{font-size:11px}}@media(max-width:350px){main{padding-left:16px;padding-right:16px}.app-icon{width:52px;height:52px;border-radius:16px}.apps{gap:18px 9px}.welcome{padding:14px;gap:10px}.tiny-icon{display:none}.card{padding:14px}.card strong{font-size:17px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}button:active,a:active{transform:none}}@media(prefers-reduced-transparency:reduce),(prefers-contrast:more){.glass,.app-icon,.dock,dialog{background:#103741!important;backdrop-filter:none!important;-webkit-backdrop-filter:none!important;border-color:#9ebfae}.backdrop{opacity:.5}}
.all-apps{display:flex;justify-content:space-between;align-items:center;width:100%;border-top:1px solid #d6ead92b;background:transparent;color:#d9e7df;font-size:11px;padding:17px 2px;margin-bottom:12px}.drawer-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px 10px;padding:10px 0}.drawer-grid .app-icon{width:54px;height:54px;border-radius:17px;font-size:16px}.drawer-grid .app{font-size:9px;overflow-wrap:anywhere}.drawer-grid>p{grid-column:1/-1}
/* Compatibility for launcher1: fixed CSS elements must clear Android's native navigation bar. */
body.legacy-system-bars .dock{bottom:calc(16px + max(56px,env(safe-area-inset-bottom,0px)))}body.legacy-system-bars main{padding-bottom:calc(180px + env(safe-area-inset-bottom,0px))}body.legacy-system-bars #toast{bottom:174px}
.update-callout{border-radius:22px;padding:20px;margin:0 0 20px;background:#1c594be8;border-color:#d4ebbd88}.update-callout strong{display:block;font-size:23px;line-height:1.2;margin:9px 0}.update-callout p{font-size:12px;color:#d3e9da}.update-callout .primary{font-size:15px;min-height:52px;margin-bottom:10px}.legacy-system-bars main{padding-top:max(36px,env(safe-area-inset-top,0px))}#preferences{width:52px;height:52px;flex-shrink:0}.update-callout[hidden]{display:none}
/* Keep Android navigation visible; lift Horizon’s own dock above it. */
.dock{bottom:calc(28px + env(safe-area-inset-bottom,0px))}body.legacy-system-bars .dock{bottom:calc(28px + max(56px,env(safe-area-inset-bottom,0px)))}