:root{--ink:#16365f;--blue:#407fb9;--pale:#d9eafd;--glass:rgba(255,255,255,.43);--stroke:rgba(255,255,255,.87);--gold:#ddba83;--shadow:0 8px 24px rgba(35,94,152,.14),inset 0 1px 2px #fff; font-family:-apple-system,BlinkMacSystemFont,'SF Pro Text',Arial,sans-serif;color:var(--ink)}*{box-sizing:border-box}body{margin:0;background:#b7d2ef}button,input,select,textarea{font:inherit;color:inherit}button{cursor:pointer;touch-action:manipulation}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #3f87d2;outline-offset:2px}.app{max-width:480px;margin:auto;min-height:100dvh;position:relative;background:#dbe9fc url('./assets/sky.svg') center top / 100% 100% fixed;overflow:hidden;padding-bottom:100px}.app:before{content:'';position:absolute;pointer-events:none;inset:0;background:linear-gradient(160deg,rgba(255,255,255,.24),transparent 45%,rgba(242,247,255,.26));z-index:0}.app>*{position:relative}.status{height:38px;display:flex;align-items:center;justify-content:space-between;padding:8px 24px;font-size:12px;font-weight:650}.top{padding:5px 22px 0;display:flex;justify-content:space-between;align-items:center}.brand{font:italic 23px Georgia,serif;color:#1e4672}.tiny-actions{display:flex;gap:7px}.icon-btn,.round-btn{border:1px solid white;box-shadow:var(--shadow);background:rgba(255,255,255,.42);border-radius:50%;width:43px;height:43px;display:grid;place-items:center;font-size:20px}.content{padding:4px 17px 18px}.page-title{font:italic 37px Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-1px;margin:7px 0 4px;color:#102c54}.greeting{font:22px Georgia,serif;margin:14px 0 4px}.subtitle,.hint{font-size:12px;color:#365b86;margin:2px 0 10px}.skyhero{height:133px;position:relative;margin:6px -17px 0;background:linear-gradient(180deg,transparent 8%,rgba(255,246,218,.24) 52%,rgba(171,208,239,.08));overflow:hidden}.skyhero:after{content:'';position:absolute;inset:27px 0 -22px;background:linear-gradient(160deg,#b6d3f1 10%,transparent 40%),url('./assets/sky.svg') center 31% / 100% auto;mask-image:linear-gradient(transparent,#000 40%,#000 85%,transparent)}.skyhero .sun{position:absolute;width:75px;height:75px;border-radius:50%;top:32px;left:48%;background:#fff4d7;filter:blur(18px);opacity:.82}.date-pill{position:relative;z-index:1;display:block;margin:-13px auto 15px;border:1px solid white;border-radius:30px;box-shadow:var(--shadow);background:rgba(255,255,255,.68);height:38px;padding:0 14px;font-size:12px;font-weight:600}.glass{background:linear-gradient(145deg,rgba(255,255,255,.63),rgba(229,238,255,.30));border:1px solid rgba(255,255,255,.90);border-radius:19px;box-shadow:var(--shadow);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.ring{--pct:0;display:grid;place-items:center;border-radius:50%;background:conic-gradient(from -12deg,#4f93d0 0%,#8fd4ff calc(var(--pct)*1%),rgba(255,255,255,.67) 0);padding:10px;box-shadow:inset 2px 3px 6px #fff,0 5px 12px #6795bd4d;flex-shrink:0}.ring-inner{height:100%;width:100%;border-radius:50%;background:radial-gradient(circle at 22% 13%,#fff,#d6e8ff 71%,#c0d8f4);display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;border:2px solid #fff;box-shadow:inset 0 2px 13px #b7cfeb}.ring.big{width:158px;height:158px;margin:0 auto}.ring.medium{width:120px;height:120px}.ring.small{width:71px;height:71px;padding:6px}.ring strong{font:34px Georgia,serif;font-weight:400;color:#132e54}.ring.medium strong{font-size:23px}.ring.small strong{font-size:19px}.ring em{font-size:12px;font-style:normal;max-width:90px}.focus-space{min-height:162px;display:flex;align-items:center;justify-content:center;position:relative}.branch{position:absolute;right:13px;top:36px;color:#c7a976;font-size:83px;transform:rotate(-19deg);opacity:.75}.focus-heading{font-size:13px;margin:10px 3px 8px;font-weight:700}.task-row{display:flex;align-items:center;gap:10px;padding:9px 10px;min-height:54px;margin:7px 0}.check{width:29px;height:29px;border-radius:9px;border:1px solid #fff;background:linear-gradient(#fff,#dfecff);font-size:18px;flex-shrink:0}.check.done{background:linear-gradient(#a5d8ff,#397fbe);color:white}.task-row .copy{flex:1;font-size:12px;font-weight:650;line-height:1.3}.muted{font-size:11px;color:#536f91}.small-action{background:none;border:0;min-width:36px;min-height:38px;font-size:17px}.energy-row{display:flex;gap:10px;align-items:center;padding:12px;margin:12px 0}.energy-row .bolt{font-size:24px}.energy-row .bar,.progress-track{flex:1;background:rgba(190,213,239,.65);height:8px;border-radius:99px;overflow:hidden;border:1px solid #eaf4ff}.bar>span,.progress-track>span{height:100%;display:block;background:linear-gradient(90deg,#6eaadb,#3e89c9,#b0e3fb);border-radius:inherit}.nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);z-index:30;width:min(480px,100%);height:calc(77px + env(safe-area-inset-bottom));padding:7px 10px calc(7px + env(safe-area-inset-bottom));display:flex;justify-content:space-around;background:linear-gradient(180deg,rgba(244,250,255,.88),rgba(205,226,250,.93));border-top:1px solid white;box-shadow:0 -4px 18px #6c9dcb3d;backdrop-filter:blur(20px)}.nav button{border:0;background:transparent;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;min-width:53px;font-size:10px;color:#385d87}.nav button .nav-icon{font-size:22px}.nav button.active{color:#0d5cab;font-weight:750}.segmented{display:flex;gap:2px;padding:4px;background:rgba(173,205,244,.38);border-radius:24px;border:1px solid #fff}.segmented button{border:0;background:transparent;min-height:37px;flex:1;padding:0 9px;border-radius:22px;font-size:12px}.segmented .selected{background:linear-gradient(#fff,#e8f2ff);box-shadow:0 2px 8px #629bd04a;font-weight:700}.chart{height:153px;margin:10px 0;padding:20px 15px 12px;display:flex;justify-content:space-around;align-items:end;gap:8px}.chart-col{width:28px;text-align:center;font-size:10px}.chart-bar{background:linear-gradient(#dbeeff,#78b4e9);border:1px solid #fff;border-radius:10px 10px 4px 4px;margin-bottom:5px;min-height:8px;box-shadow:inset 0 1px 3px white}.section-heading{font:18px Georgia,serif;margin:14px 1px 10px}.grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.stat-tile{padding:11px 6px;min-height:132px;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px}.stat-tile .label{font-size:12px}.stat-line{display:flex;gap:10px;align-items:center;justify-content:center}.bricks{display:grid;grid-template-columns:repeat(8,1fr);gap:3px}.brick{height:17px;border-radius:4px;border:1px solid #fff;background:linear-gradient(145deg,#fff2e3,#e9dacc)}.brick.filled{background:linear-gradient(150deg,#bce5ff,#4f97d7);box-shadow:0 2px 5px #7caadb88}.panel{padding:13px;margin:10px 0}.glass-button{min-height:46px;border-radius:26px;padding:9px 17px;border:1px solid white;background:linear-gradient(170deg,#c9e7ff,#7eb5e7 90%);color:#164270;box-shadow:0 5px 15px #74a5cc66,inset 0 3px 5px #fff;font-size:14px;font-weight:650}.glass-button:active{transform:translateY(1px)}.secondary{background:rgba(255,255,255,.5)}.full{width:100%}.finance-ring{width:184px;height:184px;margin:14px auto}.finance-ring strong{font-size:27px}.finance-item{display:flex;align-items:center;gap:10px;min-height:60px;padding:10px;margin:6px 0}.finance-item .symbol{width:35px;height:35px;display:grid;place-items:center;font-size:23px;border-radius:50%;background:#ffffff80}.finance-item .body{flex:1;min-width:0}.finance-item .body strong{font-size:12px}.finance-item .body .muted{font-size:10px}.finance-item .progress-track{margin:5px 0}.hero-art{width:100%;height:175px;object-fit:contain;filter:drop-shadow(0 10px 13px #7db3dc66)}.health-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.health-tabs button{min-height:76px;border:1px solid white;border-radius:20px;background:#ffffff73;box-shadow:var(--shadow);font-size:12px}.health-tabs .symbol{display:block;font-size:24px;margin-bottom:5px}.health-main{padding:13px;margin:10px 0}.movement-row{display:flex;align-items:center;gap:12px}.movement-row .stat{flex:1;font-size:14px}.health-card{padding:11px 4px;text-align:center;min-height:110px}.health-card .symbol{font-size:24px}.health-card strong{display:block;font-size:16px;margin:7px 0}.awards-hero{height:213px;display:grid;place-items:center}.awards-hero img{height:210px}.award-item{display:flex;gap:10px;align-items:center;padding:10px;margin:6px 0;font-size:12px}.award-item .symbol{font-size:24px}.lab-tabs{margin:8px 0}.lab-card{display:flex;align-items:center;gap:9px;padding:13px 9px;margin:9px 0;min-height:73px}.lab-card .symbol{font-size:25px}.lab-card .body{flex:1;font-size:12px;min-width:0}.lab-card strong{display:block;margin-bottom:4px}.inline-actions{display:flex;gap:8px;flex-wrap:wrap}.inline-actions>*{flex:1}.notice{font-size:12px;line-height:1.5;padding:12px;margin:10px 0}.tasks-toolbar{display:flex;gap:8px;margin:10px 0}.tasks-toolbar input{width:100%;min-width:0}.field{width:100%;border:1px solid white;border-radius:13px;min-height:43px;padding:10px 12px;background:rgba(255,255,255,.75);box-shadow:inset 0 1px 3px #9fbfdd66}.field-label{display:block;font-size:12px;font-weight:650;margin:12px 0 5px}textarea.field{min-height:82px;resize:vertical}.modal-mask{position:fixed;z-index:100;inset:0;background:rgba(22,43,76,.38);display:flex;align-items:end;justify-content:center;padding:10px;backdrop-filter:blur(5px)}.sheet{max-width:480px;width:100%;max-height:88dvh;overflow:auto;border:2px solid white;border-radius:26px 26px 19px 19px;background:linear-gradient(#e1f0ff,#bddcf5);padding:19px;box-shadow:0 15px 45px #1c486a88}.sheet h2{font:italic 27px Georgia,serif;margin:3px 0 13px}.sheet .close{float:right}.sheet-footer{display:flex;gap:10px;margin-top:16px}.sheet-footer button{flex:1}.pill{background:#ffffff91;border:1px solid white;border-radius:16px;padding:5px 9px;font-size:11px}.calendar-strip{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;margin:10px 0}.calendar-day{min-height:44px;border:1px solid white;border-radius:12px;background:#ffffff75;font-size:11px}.calendar-day.active{background:#6ca6d9;color:#fff}.list-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}.empty{padding:18px;text-align:center;font-size:12px;color:#476588}.tiny-button{border:1px solid #fff;border-radius:16px;padding:6px 10px;background:#ffffff8a;font-size:12px;min-height:34px}.v-space{height:10px}.nowrap{white-space:nowrap}.privacy{font-size:11px;color:#37597a;line-height:1.5}.screen-top{height:9px}.subnav{margin:10px 0}.switch{min-height:38px}.money-hidden{filter:blur(7px)}.award-trio{display:flex;gap:10px}.award-trio div{flex:1;text-align:center;font-size:39px;padding:9px}.fineprint{font-size:10px;color:#47668a}.toast{position:fixed;z-index:130;left:50%;transform:translateX(-50%);bottom:100px;width:max-content;max-width:90%;background:#214a76;color:white;padding:11px 16px;border-radius:18px;font-size:12px;box-shadow:0 5px 20px #12395c70}@media(max-width:350px){.content{padding-left:12px;padding-right:12px}.page-title{font-size:31px}.glass{border-radius:15px}.nav button{min-width:45px}.ring.big{width:140px;height:140px}}@media(min-width:540px){body{padding:20px}.app{border:4px solid #fff;border-radius:43px;min-height:900px;box-shadow:0 14px 55px #29588e55}.nav{border-radius:0 0 35px 35px}}@media(prefers-reduced-motion:no-preference){.glass-button,.check,.tiny-button{transition:transform .2s ease,filter .2s ease}.ring{transition:background .4s ease}}@media(prefers-reduced-transparency:reduce){.glass,.nav{background:#eaf3ff;backdrop-filter:none}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Sky Glass refinement v1.1 — scenic art is decoration; all controls are HTML. */
.app{background:linear-gradient(155deg,rgba(228,242,255,.24),rgba(229,238,253,.16) 47%,rgba(180,208,239,.24)),url('./assets/sky-atmosphere.webp') center top / cover fixed;background-color:#dbeafa}
.app:before{background:linear-gradient(160deg,rgba(255,255,255,.24) 0%,transparent 38%,rgba(255,255,255,.22) 82%)}
.skyhero{background:linear-gradient(to bottom,rgba(255,255,255,.12),rgba(231,244,255,.18));height:157px;margin-top:3px}
.skyhero:after{inset:1px 0 -7px;background:linear-gradient(180deg,rgba(246,251,255,.05),rgba(218,237,254,.07)),url('./assets/sunrise-illustration.webp') center 50% / cover no-repeat;mask-image:linear-gradient(transparent 0%,#000 12%,#000 86%,transparent 100%)}
.skyhero .sun{background:#fff6d5;opacity:.7;filter:blur(28px)}
.glass{background:linear-gradient(155deg,rgba(255,255,255,.74),rgba(233,242,255,.32) 65%,rgba(212,230,251,.26));box-shadow:0 9px 25px rgba(48,92,151,.13),inset 0 1.5px 1px rgba(255,255,255,.97),inset 1px 0 0 rgba(255,255,255,.49);border:1px solid rgba(255,255,255,.95)}
.ring{background:conic-gradient(from -82deg,#438cd0 0%,#9bd7ff calc(var(--pct)*1%),rgba(253,254,255,.88) 0);box-shadow:0 7px 28px rgba(68,132,187,.23),inset 2px 3px 6px #fff,0 0 18px rgba(255,248,218,.50)}
.ring-inner{background:radial-gradient(circle at 22% 12%,rgba(255,255,255,.98),rgba(216,237,255,.83) 67%,rgba(193,222,249,.85));box-shadow:inset 0 2px 15px rgba(115,166,210,.28),0 0 12px rgba(255,255,255,.65)}
.glass-button{background:linear-gradient(165deg,#ecf8ff 1%,#a4d2f6 40%,#69a8df 98%);box-shadow:0 6px 17px rgba(66,137,197,.27),inset 0 2px 3px rgba(255,255,255,.98)}
.nav{background:linear-gradient(180deg,rgba(249,252,255,.85),rgba(217,234,253,.9));border:1px solid rgba(255,255,255,.95);box-shadow:0 -3px 20px rgba(81,131,183,.20),inset 0 1px 3px white}
.hero-art{object-fit:cover;border-radius:24px;mask-image:linear-gradient(transparent 0%,#000 12%,#000 82%,transparent 100%)}
.awards-hero{overflow:hidden;border-radius:26px}
.awards-hero img{width:97%;height:205px;object-fit:contain;filter:drop-shadow(0 8px 12px rgba(190,146,74,.24))}
.delete-task{display:block;width:100%;margin-top:13px;color:#8f3653;background:rgba(255,239,243,.65);border-color:rgba(224,161,180,.85)}
@media(prefers-reduced-motion:no-preference){.glass{transition:box-shadow .22s ease,background .22s ease}.glass-button,.round-btn{transition:transform .23s ease,box-shadow .23s ease}.glass-button:active{transform:translateY(1px) scale(.99)}}
@media(max-width:350px){.skyhero{margin-left:-12px;margin-right:-12px}}
.chart-col{flex:1;min-width:0;width:auto;white-space:nowrap}