:root{--purple:#6f4be8;--purple2:#8b5cf6;--ink:#211c2c;--muted:#746e7e;--bg:#f7f6fb;--danger:#bf3650}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{margin:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;background:var(--bg);color:var(--ink)}button,input{font:inherit}button{cursor:pointer}body{overscroll-behavior:none}.shell{min-height:100svh;max-width:640px;margin:auto;padding:calc(env(safe-area-inset-top) + 10px) 16px calc(env(safe-area-inset-bottom) + 92px)}.topbar{height:54px;display:flex;align-items:center;justify-content:space-between}.topbar h1{font-size:19px;margin:0}.spacer,.icon{width:42px}.icon{height:42px;border:0;border-radius:50%;background:transparent;font-size:23px;color:inherit}.view-switch{display:flex;padding:3px;background:#eae7f1;border-radius:13px}.view-switch button{width:38px;height:34px;border:0;border-radius:10px;background:transparent;color:#777080;font-size:17px}.view-switch button.active{background:#fff;color:var(--purple);box-shadow:0 1px 7px #3025411d}.grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.tile{position:relative;aspect-ratio:.76;border:0;border-radius:22px;overflow:hidden;padding:0;background:linear-gradient(145deg,#9574ef,#5035a7);color:#fff;box-shadow:0 8px 25px #2d24431c}.tile img,.hero>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.shade{position:absolute;inset:0;background:linear-gradient(180deg,#0001 20%,#000c 100%)}.tile-copy{position:absolute;left:12px;right:12px;bottom:16px;display:flex;flex-direction:column;text-align:center}.tile-title{font-size:14px;font-weight:650}.tile-number{font-size:38px;font-weight:780;line-height:1.1}.tile-unit{font-size:10px;letter-spacing:1.5px;font-weight:750}.list{display:flex;flex-direction:column;gap:8px}.list-row{border:0;background:#fff;border-radius:18px;display:grid;grid-template-columns:70px 1fr auto;align-items:center;gap:12px;padding:8px;text-align:left;box-shadow:0 4px 18px #2d24430c}.thumb{width:70px;height:68px;border-radius:13px;object-fit:cover;background:linear-gradient(145deg,#9574ef,#5035a7)}.list-row h3{margin:0 0 4px;font-size:16px}.date{font-size:12px;color:var(--muted)}.row-count{text-align:right;padding-right:6px}.row-count b{font-size:30px}.row-count span{display:block;font-size:10px;color:var(--muted)}.fab{position:fixed;left:50%;bottom:calc(env(safe-area-inset-bottom) + 24px);transform:translateX(-50%);width:58px;height:58px;border:0;border-radius:50%;background:linear-gradient(145deg,var(--purple2),var(--purple));color:#fff;font-size:31px;box-shadow:0 12px 30px #6f4be866}.empty{min-height:72svh;display:grid;place-items:center;text-align:center;padding:30px}.empty-icon{width:120px;height:120px;border-radius:35px;background:#ede8ff;color:var(--purple);display:grid;place-items:center;font-size:52px;margin:auto}.empty p{color:var(--muted);line-height:1.45}.primary{height:54px;width:100%;border:0;border-radius:17px;background:linear-gradient(135deg,var(--purple2),var(--purple));color:#fff;font-weight:700;box-shadow:0 9px 26px #6f4be84d}.install{display:flex;align-items:center;gap:12px;padding:14px 16px;margin:8px 0 16px;border-radius:18px;background:#262132;color:#fff}.install p{margin:0;font-size:13px;line-height:1.4}.install button{margin-left:auto;border:0;background:transparent;color:#d9cfff;font-size:20px}.hero{position:fixed;inset:0;overflow:hidden;background:#382b68;color:#fff;touch-action:pan-y}.hero .shade{background:linear-gradient(180deg,#0007,#0001 35%,#000a)}.hero-top{position:absolute;z-index:4;top:calc(env(safe-area-inset-top) + 10px);left:12px;right:12px;display:flex;justify-content:space-between}.glass{background:#15111f73!important;color:#fff;backdrop-filter:blur(10px)}.hero-centre{position:absolute;z-index:3;inset:14% 22px 23%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.hero-title{font-family:Georgia,serif;font-style:italic;font-size:35px}.hero-date{font-size:15px;margin-top:10px}.divider{width:46px;border-top:2px solid #fff9;margin:25px}.big-number{font-size:112px;line-height:.9;font-weight:790;letter-spacing:-6px}.big-unit{font-size:21px;letter-spacing:2px;font-weight:650;margin-top:12px}.hero-footer{position:absolute;z-index:4;left:18px;right:18px;bottom:calc(env(safe-area-inset-bottom) + 20px);display:flex;flex-direction:column;align-items:center;gap:13px}.dots{display:flex;gap:8px;max-width:85%;overflow:hidden;padding:3px}.dot{width:7px;height:7px;flex:0 0 7px;border-radius:50%;background:#ffffff66;transition:.2s}.dot.active{background:#fff;transform:scale(1.45)}.swipe-hint{font-size:11px;color:#ffffffbb}.all-button{padding:13px 22px;border:1px solid #fff7;border-radius:15px;color:#fff;background:#18122066;backdrop-filter:blur(10px);font-weight:650}.slide-next .hero-centre{animation:slideNext .28s ease}.slide-prev .hero-centre{animation:slidePrev .28s ease}@keyframes slideNext{from{transform:translateX(45px);opacity:.35}to{transform:none;opacity:1}}@keyframes slidePrev{from{transform:translateX(-45px);opacity:.35}to{transform:none;opacity:1}}.celebration .shade{background:linear-gradient(160deg,#a42b8277,#35175fcc)}.confetti{position:absolute;inset:0;z-index:2;pointer-events:none;background-image:radial-gradient(circle,#ffd35a 0 4px,transparent 5px),radial-gradient(circle,#e75e9d 0 4px,transparent 5px),radial-gradient(circle,#62d9ff 0 4px,transparent 5px);background-size:80px 90px,110px 120px,140px 130px;animation:fall 8s linear infinite}@keyframes fall{from{transform:translateY(-110px)}to{transform:translateY(110px)}}.today{font-size:46px;font-weight:800}.form{padding-bottom:20px}.preview{position:relative;height:210px;margin:10px 0 18px;border-radius:20px;overflow:hidden;background:linear-gradient(145deg,#9574ef,#5035a7)}.preview img{width:100%;height:100%;object-fit:cover}.change-photo{position:absolute;right:12px;bottom:12px;border:0;border-radius:22px;padding:10px 13px;background:#fff;color:var(--purple);font-weight:700}.field{display:grid;grid-template-columns:110px 1fr;align-items:center;padding:14px 16px;border-bottom:1px solid #ece9f1;background:#fff}.field.first{border-radius:16px 16px 0 0}.field.last{border:0;border-radius:0 0 16px 16px}.field label{font-size:14px;color:#5f5969}.field input{min-width:0;border:0;outline:0;background:transparent}.switch{justify-self:end;width:51px;height:31px;padding:3px;border:0;border-radius:20px;background:#d5d0db}.switch span{display:block;width:25px;height:25px;border-radius:50%;background:#fff;box-shadow:0 2px 5px #0003;transition:.2s}.switch.on{background:var(--purple)}.switch.on span{transform:translateX(20px)}.actions{display:flex;gap:10px;margin-top:20px}.secondary{height:52px;flex:1;border:1px solid #ddd6ea;border-radius:16px;background:#fff;font-weight:700}.save-button{flex:2}.danger{width:100%;padding:20px;border:0;background:transparent;color:var(--danger)}.toast{position:fixed;z-index:20;left:20px;right:20px;bottom:30px;padding:14px;border-radius:16px;background:#201a2b;color:#fff;text-align:center}