:root{--bg:#f3eef6;--surface:#ffffff;--surface2:#faf6fb;--line:#e7dceb;--line-strong:#cdbcd6;--fg:#1d1028;--muted:#64566e;--hop:#c2185b;--hop-2:#6a11cb;--hop-soft:#fde7f0;--on-hop:#ffffff;--grad:linear-gradient(120deg,#ff6a00 0%,#ee0979 52%,#6a11cb 100%);--grad-btn:linear-gradient(120deg,#e8590c 0%,#d6156c 55%,#7b2ff7 100%);--grad-deep:linear-gradient(150deg,#3b0a6e 0%,#8e0f5a 55%,#d9480f 120%);--wicker:#a2702a;--wicker-soft:#f5ead6;--sun:#ff8a00;--sun-soft:#fff1e0;--sun-ink:#9a4300;--info:#2b6cb0;--info-soft:#e4eef9;--warn:#a86f00;--warn-soft:#fbf0d2;--imp:#b5571a;--imp-soft:#fde6d4;--crit:#c23b2e;--crit-soft:#fbe2df;--ok:#1f8a4c;--ok-soft:#e1f3e8;--shadow:0 1px 0 rgba(16,32,26,.04),0 10px 24px -14px rgba(16,32,26,.28);--shadow-up:0 2px 0 rgba(16,32,26,.05),0 22px 40px -18px rgba(16,32,26,.42);--r-l:22px;--r-m:16px;--r-s:11px;--font-display:"Bricolage Grotesque","Trebuchet MS",sans-serif;--font-body:"Figtree",system-ui,-apple-system,"Segoe UI",sans-serif;--hero:320px;color-scheme:light}@media (prefers-color-scheme: dark){:root{--bg:#0e0814;--surface:#1a1022;--surface2:#140c1b;--line:#33203f;--line-strong:#4a2f5a;--fg:#f3e9f7;--muted:#ad9bb8;--hop:#ff5c9a;--hop-2:#b388ff;--hop-soft:#3a1028;--on-hop:#1a0410;--wicker:#d9ae66;--wicker-soft:#33281a;--sun:#f7ac44;--sun-soft:#3a2a12;--sun-ink:#ffd08f;--info:#7fb3ea;--info-soft:#172a40;--warn:#e9b54a;--warn-soft:#352a10;--imp:#f0965a;--imp-soft:#3a2214;--crit:#f07a6e;--crit-soft:#3d1c19;--ok:#5cc98a;--ok-soft:#153325;--shadow:0 1px 0 rgba(0,0,0,.3),0 12px 26px -16px rgba(0,0,0,.8);--shadow-up:0 2px 0 rgba(0,0,0,.35),0 24px 44px -18px rgba(0,0,0,.9);color-scheme:dark}}*{box-sizing:border-box}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);font-family:var(--font-body);font-size:15px;line-height:1.45;display:flex;justify-content:center;-webkit-font-smoothing:antialiased}h1,h2,h3{font-family:var(--font-display);margin:0;text-wrap:balance;letter-spacing:-.015em}p{margin:0}a{color:var(--hop)}button,select,input,textarea{font:inherit;color:inherit}:focus-visible{outline:2px solid var(--sun);outline-offset:2px;border-radius:6px}[hidden]{display:none!important}.app{position:relative;width:100%;max-width:480px;height:100%;display:flex;flex-direction:column;background:var(--surface2);overflow:hidden}@media (min-width:520px){.app{border-inline:1px solid var(--line);box-shadow:0 0 80px -30px #10201a59}}.hero{position:relative;flex:none;height:var(--hero);color:#fff;perspective:900px;overflow:hidden;isolation:isolate;transition:height .35s cubic-bezier(.2,.7,.2,1);background:var(--grad)}.hero.compact{height:calc(env(safe-area-inset-top,0px) + 132px)}.hero-img{position:absolute;inset:-8%;background-size:cover;background-position:var(--pos,50% 50%);transform-style:preserve-3d;transform:translate3d(0,var(--py,0px),0) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg)) scale(1.08);transition:transform .25s ease-out,opacity .6s;opacity:0;will-change:transform}.hero-img.on{opacity:1}.hero-shade{position:absolute;inset:0;background:linear-gradient(180deg,#2806328c,#28063200 32% 44%,#1e0428e0),linear-gradient(120deg,#ff6a0061,#ee09794d 50%,#6a11cb6b)}.hero-in{position:relative;height:100%;display:flex;flex-direction:column;padding:calc(env(safe-area-inset-top,0px) + 12px) 16px 14px}.top-row{display:flex;justify-content:space-between;align-items:center;gap:8px}.brand{font-family:var(--font-display);font-weight:800;font-size:14px;display:flex;align-items:center;gap:7px;letter-spacing:.02em;text-shadow:0 1px 8px rgba(0,0,0,.35)}.brand i{width:20px;height:20px;border-radius:50%;background:radial-gradient(circle at 50% 72%,#ffd27a 0 38%,#f29a1d 39% 100%);box-shadow:0 0 0 3px #ffffff2e}.top-actions{display:flex;gap:6px;align-items:center;min-width:0}.glass{background:#ffffff29;border:1px solid rgba(255,255,255,.32);-webkit-backdrop-filter:blur(14px) saturate(1.3);backdrop-filter:blur(14px) saturate(1.3)}.gsel{border-radius:999px;padding:6px 10px;color:#fff;font-size:13px;max-width:150px}.gsel option{color:#15211b}.acct{background:#fff;color:var(--hop);border:0;border-radius:999px;padding:6px 12px;font-size:12px;font-weight:700;cursor:pointer;white-space:nowrap}.hero-title{margin-top:auto;transform:translateZ(40px)}.hero h1{font-size:clamp(40px,12vw,56px);font-weight:800;line-height:.92;letter-spacing:-.035em;text-shadow:0 4px 30px rgba(0,0,0,.45)}.hero.compact h1{font-size:30px}.hero .sub{font-size:13px;opacity:.94;margin-top:6px}.hero.compact .sub{display:none}.wx{display:inline-flex;gap:6px 12px;margin-top:10px;font-size:13px;flex-wrap:wrap;align-items:center;border-radius:14px;padding:7px 11px;width:fit-content}.wx b{font-size:20px;font-family:var(--font-display)}.hero.compact .wx{display:none}.credit{position:absolute;right:10px;bottom:6px;font-size:10px;color:#ffffffb8;text-decoration:none;z-index:2}.hero.compact .credit{display:none}main.view>*{flex:none}main.view{flex:1;overflow-y:auto;padding:16px 16px 110px;display:flex;flex-direction:column;gap:14px;scroll-behavior:smooth}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-m);padding:15px;box-shadow:var(--shadow)}.sec-h{display:flex;justify-content:space-between;align-items:baseline;gap:8px}.sec-h h2{font-size:18px;font-weight:700}.card .sec-h h2{font-size:17px}.eyebrow{font-size:12px;color:var(--muted);font-weight:600}.note{font-size:12.5px;color:var(--muted)}.more{background:none;border:0;color:var(--hop);cursor:pointer;font-size:13px;font-weight:600;padding:0;text-decoration:none}.chip{display:inline-flex;align-items:center;gap:4px;font-size:11.5px;font-weight:700;border-radius:999px;padding:2px 9px}.c-info{background:var(--info-soft);color:var(--info)}.c-warn{background:var(--warn-soft);color:var(--warn)}.c-imp{background:var(--imp-soft);color:var(--imp)}.c-crit{background:var(--crit-soft);color:var(--crit)}.c-ok{background:var(--ok-soft);color:var(--ok)}.c-off{background:var(--surface2);color:var(--muted);border:1px solid var(--line)}.c-live{background:var(--hop-soft);color:var(--hop)}.item{display:flex;flex-direction:column;gap:6px}.item-top{display:flex;gap:6px;flex-wrap:wrap;align-items:center}.item h3{font-family:var(--font-body);font-size:15.5px;font-weight:700;line-height:1.3}.item p{font-size:14px}.src{font-size:12px;color:var(--muted);display:flex;gap:4px 10px;flex-wrap:wrap;border-top:1px dashed var(--line);padding-top:7px;margin-top:4px}.src a{color:var(--muted)}.alert-crit{border-left:4px solid var(--crit)}.alert-imp{border-left:4px solid var(--imp)}.alert-warn{border-left:4px solid var(--warn)}.alert-info{border-left:4px solid var(--info)}.empty{display:flex;gap:12px;align-items:center}.empty i{width:10px;height:10px;border-radius:50%;background:var(--ok);flex:none;box-shadow:0 0 0 5px var(--ok-soft)}.today{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(150px,44%);gap:10px;overflow-x:auto;scroll-snap-type:x mandatory;padding:6px 2px 14px;margin:-6px -2px -8px;perspective:700px;scrollbar-width:none}.today::-webkit-scrollbar{display:none}.tile{scroll-snap-align:start;position:relative;border-radius:var(--r-l);padding:14px;min-height:132px;display:flex;flex-direction:column;justify-content:space-between;text-decoration:none;color:var(--fg);background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow-up);transform:rotateY(-6deg) rotateX(3deg);transform-origin:left center;transition:transform .3s cubic-bezier(.2,.7,.2,1)}.tile:active{transform:rotateY(0) scale(.97)}.tile .t-ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:19px;background:var(--hop-soft);transform:translateZ(18px)}.tile b{font-family:var(--font-display);font-size:19px;line-height:1.1;display:block;margin-top:10px}.tile span{font-size:12.5px;color:var(--muted)}.tile.sun .t-ic{background:var(--sun-soft)}.tile.wick .t-ic{background:var(--wicker-soft)}.tile.dark{background:var(--grad-deep);color:#fff;border-color:transparent}.tile.dark span{color:#ffffffc7}.tile.dark .t-ic{background:#ffffff24}.aq{display:grid;grid-template-columns:96px 1fr;gap:14px;align-items:center}.ring{width:96px;height:96px;border-radius:50%;display:grid;place-items:center;text-align:center;border:7px solid var(--ok);background:var(--ok-soft);box-shadow:inset 0 -6px 14px #00000014,0 10px 20px -12px #0006}.ring b{font-family:var(--font-display);font-size:28px;display:block;line-height:1}.ring span{font-size:10px}.metrics{display:grid;grid-template-columns:1fr 1fr;gap:4px 14px;font-size:13px;font-variant-numeric:tabular-nums}.metrics div{display:flex;justify-content:space-between;gap:6px;border-bottom:1px dashed var(--line);padding-block:5px}.metrics span{color:var(--muted)}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.stats div{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-s);padding:11px;min-width:0;box-shadow:var(--shadow)}.stats b{display:block;font-family:var(--font-display);font-size:20px;font-variant-numeric:tabular-nums}.stats span{font-size:11.5px;color:var(--muted)}.rec{background:linear-gradient(150deg,#fff1e0,#fde7f0 55%,var(--surface));border:1px solid color-mix(in srgb,var(--sun) 32%,transparent);border-radius:var(--r-m);padding:15px;display:flex;flex-direction:column;gap:7px;box-shadow:var(--shadow)}.rec .who{font-size:12px;font-weight:700;color:var(--sun-ink)}.rec h3{font-size:16px;font-family:var(--font-body);font-weight:700}.rec p{font-size:13.5px}.rec .btn{align-self:flex-start}.btn{border:0;border-radius:12px;padding:10px 15px;font-weight:650;cursor:pointer;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;gap:6px;text-align:center;transition:transform .12s ease,filter .12s}.btn:active{transform:translateY(1px) scale(.98)}.btn-sun{background:linear-gradient(120deg,#ffb000,#ff6a00);color:#2a1100;box-shadow:0 8px 18px -8px #ff6a00}.btn-hop{background:var(--grad-btn);color:#fff;box-shadow:0 8px 18px -9px #d6156c}.btn-ghost{background:var(--surface);border:1px solid var(--line-strong);color:var(--fg)}.btn-nav{background:var(--hop-soft);color:var(--hop);border:1px solid color-mix(in srgb,var(--hop) 25%,transparent)}.btn-sm{padding:7px 12px;font-size:13.5px;border-radius:10px}.btn:hover{filter:brightness(1.05)}.btn[disabled]{opacity:.6;cursor:default}.row{display:flex;gap:8px;flex-wrap:wrap}.addr{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:8px;padding:8px 8px 8px 11px;border-radius:12px;background:var(--surface2);border:1px solid var(--line)}.addr span{font-size:13.5px;min-width:0}.addr .btn{flex:none}.place{display:grid;grid-template-columns:44px 1fr;gap:12px;align-items:start}.place .ic{width:44px;height:44px;border-radius:13px;background:var(--wicker-soft);color:var(--wicker);display:grid;place-items:center;font-family:var(--font-display);font-weight:800;font-size:13px;box-shadow:inset 0 -3px #0000000f}.place h3{font-size:15.5px;font-family:var(--font-body);font-weight:700}.place p{font-size:13px;color:var(--muted)}.bars{display:flex;align-items:flex-end;gap:6px;height:110px;margin-top:10px}.bars div{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;font-size:11px;color:var(--muted);height:100%;font-variant-numeric:tabular-nums}.bars i{width:100%;border-radius:8px 8px 3px 3px;background:linear-gradient(to top,#ee0979,#ff6a00 60%,#ffb000);display:block;min-height:2px;box-shadow:inset -4px 0 #00000014}.days{display:grid;grid-template-columns:repeat(7,1fr);gap:4px;text-align:center;font-size:12px;font-variant-numeric:tabular-nums}.days div{background:var(--surface2);border-radius:12px;padding:7px 2px;display:flex;flex-direction:column;align-items:center;gap:2px;min-width:0}.days b{display:block;font-size:13px}.days span{font-size:12px}.field{display:flex;flex-direction:column;gap:5px;font-size:13px}.field input,.field select,.field textarea{background:var(--surface2);border:1px solid var(--line-strong);border-radius:12px;padding:11px;min-width:0}.form{display:flex;flex-direction:column;gap:11px}.check{display:flex;gap:9px;font-size:13.5px;align-items:flex-start}.check.small{font-size:12px;color:var(--muted)}.err{color:var(--crit);font-size:13px}.big{font-family:var(--font-display);font-size:24px;color:var(--sun-ink)}.next-pick{border-radius:var(--r-l);padding:16px;color:#fff;background:var(--grad-deep);box-shadow:var(--shadow-up);position:relative;overflow:hidden}.next-pick:after{content:"";position:absolute;right:-30px;top:-30px;width:140px;height:140px;border-radius:50%;background:radial-gradient(circle,rgba(255,138,0,.55),transparent 70%)}.next-pick h2{font-size:28px;line-height:1;margin-top:4px}.next-pick .note{color:#ffffffc7}.frac{display:flex;gap:6px;flex-wrap:wrap;margin-top:10px}.frac i{font-style:normal;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:650;border-radius:999px;padding:5px 11px 5px 6px;background:#fffffff2;color:#10201a}.frac i:before{content:"";width:16px;height:16px;border-radius:50%;background:var(--c,#888);box-shadow:inset 0 -2px #00000040}.card .frac i{background:var(--surface2);color:var(--fg);border:1px solid var(--line)}.cal{display:flex;flex-direction:column}.cal-row{display:grid;grid-template-columns:54px 1fr;gap:10px;align-items:center;padding:9px 0;border-bottom:1px dashed var(--line)}.cal-row:last-child{border-bottom:0}.cal-d{text-align:center;border-radius:12px;background:var(--surface2);padding:5px 0;font-variant-numeric:tabular-nums}.cal-d b{display:block;font-family:var(--font-display);font-size:20px;line-height:1}.cal-d span{font-size:11px;color:var(--muted)}.cal-row .frac{margin-top:0}.cal-row.past{opacity:.5}.month{font-family:var(--font-display);font-weight:700;font-size:14px;margin-top:10px;color:var(--muted)}.tabs{position:absolute;left:12px;right:12px;bottom:calc(env(safe-area-inset-bottom,0px) + 10px);display:grid;grid-template-columns:repeat(5,1fr);border-radius:22px;padding:6px;z-index:5;background:color-mix(in srgb,var(--surface) 82%,transparent);border:1px solid var(--line);-webkit-backdrop-filter:blur(18px) saturate(1.4);backdrop-filter:blur(18px) saturate(1.4);box-shadow:0 18px 40px -18px #10201a8c}.tabs a{padding:7px 2px 6px;font-size:11px;color:var(--muted);display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;border-radius:16px;font-weight:600}.tabs svg{width:22px;height:22px;stroke:currentColor;fill:none;stroke-width:1.8}.tabs a[aria-current=page]{color:#fff;background:var(--grad-btn);box-shadow:0 8px 18px -10px #d6156c}.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:var(--r-m);background:var(--surface)}table{width:100%;border-collapse:collapse;font-size:13px;min-width:560px}th,td{text-align:left;padding:9px 10px;border-bottom:1px solid var(--line);vertical-align:top}th{font-size:12px;color:var(--muted);background:var(--surface2)}td.num{font-variant-numeric:tabular-nums}tr:last-child td{border-bottom:0}.sheet{position:fixed;inset:0;background:#0a140f80;display:flex;align-items:flex-end;justify-content:center;z-index:20}.sheet-card{background:var(--surface);color:var(--fg);width:100%;max-width:480px;border-radius:24px 24px 0 0;padding:22px 18px calc(env(safe-area-inset-bottom,0px) + 18px);display:flex;flex-direction:column;gap:10px;animation:up .35s cubic-bezier(.2,.7,.2,1)}.sheet-card h2{font-size:21px}@keyframes up{0%{transform:translateY(40px);opacity:0}to{transform:none;opacity:1}}.toast{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom,0px) + 96px);transform:translate(-50%);background:var(--fg);color:var(--bg);padding:10px 16px;border-radius:999px;font-size:14px;z-index:30;max-width:90vw;box-shadow:var(--shadow-up)}.links{display:flex;flex-direction:column}.links a{display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid var(--line);text-decoration:none;color:var(--fg);font-weight:600}.links a:last-child{border-bottom:0}.links a span{color:var(--muted);font-weight:400}.ev{display:grid;grid-template-columns:50px 1fr;gap:12px;align-items:center;margin-top:10px;text-decoration:none;color:inherit}.ev-d{background:var(--wicker-soft);color:var(--wicker);border-radius:13px;text-align:center;padding:5px 0;font-family:var(--font-display);box-shadow:inset 0 -3px #0000000f}.ev-d b{display:block;font-size:19px;line-height:1.1}.ev-d span{font-size:11px}@media (prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}.tile{transform:none}.hero-img{transform:scale(1.04)!important}}@media (prefers-color-scheme: dark){.rec{background:linear-gradient(150deg,#3a1a10,#3a1028 55%,var(--surface))}}.hero-title h1{background:linear-gradient(100deg,#fff 30%,#ffd1e6 70%,#ffc58a);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 4px 18px rgba(0,0,0,.45))}.stats b{background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}