:root{color-scheme:dark;--ease:cubic-bezier(.2,.7,.2,1);--ink:#fdf8ef;--paper:#f7f5f0;--dark:#22231f}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif}body{background:radial-gradient(ellipse at 75% 25%,#bca391,#5b4740 45%,#211e20 95%);padding:24px clamp(15px,3vw,42px);color:var(--ink)}button{font:inherit;cursor:pointer;-webkit-tap-highlight-color:transparent}button:focus-visible{outline:2px solid #e7e9c7;outline-offset:3px}[hidden]{display:none!important}.landscape{position:absolute;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 85% 41%,#ffe7ce 0%,#e5b795 19%,#aa9588 43%,transparent 67%),linear-gradient(165deg,#717e7c 0%,#aa9a91 25%,#e8c2a7 49%,#a47756 65%,#181711 100%)}.landscape:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#24252424 0%,#7e4b3217 32%,#201a13a0 72%,#0d0c0aee 100%)}.landscape .sun{position:absolute;right:-18%;top:30%;width:230px;height:250px;background:#ffddae;filter:blur(70px);opacity:.85}.landscape .hill{position:absolute;display:block;width:135%;height:46%;left:-22%;border-radius:50%;filter:blur(22px)}.landscape .hill.far{top:52%;transform:rotate(-19deg);background:#c7a081}.landscape .hill.near{top:64%;left:-17%;transform:rotate(25deg);background:#523d2d}.home-scroll{position:relative;z-index:2;height:100%;overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;padding:94px 21px 116px}.home-scroll::-webkit-scrollbar{display:none}.home-top{display:flex;justify-content:space-between;align-items:center;height:43px}.brand{display:flex;align-items:center;gap:5px;font-weight:600;font-size:12px;letter-spacing:.7px}.brand span{opacity:.86}.profile{position:relative;height:49px;width:49px;border-radius:50%;background:radial-gradient(circle at 28% 24%,#e7d5c2,#a19a89 55%,#34322a);border:2px solid #ffffffa1;overflow:hidden}.profile:before{content:"";position:absolute;top:11px;left:20px;width:15px;height:17px;background:#272623;border-radius:46% 46% 43% 43%;transform:rotate(-12deg)}.profile:after{content:"";position:absolute;bottom:-3px;left:10px;width:38px;height:22px;background:#222522;border-radius:44% 44% 0 0;transform:rotate(12deg)}.date-block{margin:48px 0 18px}.date-label{font-size:9px;letter-spacing:2px;font-weight:650;color:#fffbf0b8}.date-block h1{margin:9px 0 4px;font-size:64px;font-weight:300;letter-spacing:1px;line-height:1.06}.date-sub{font-size:10px;color:#fffbd9d0;letter-spacing:.6px}.top-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.home-card{position:relative;text-align:left;border:1px solid #fff5;background:#d8b49e30;backdrop-filter:blur(28px);-webkit-backdrop-filter:blur(28px);border-radius:26px;color:white;padding:18px 17px;display:flex;flex-direction:column;justify-content:space-between;min-width:0;overflow:hidden;box-shadow:inset 0 1px #ffffff1f,0 9px 24px #150e0820;transition:background .2s,transform .2s,box-shadow .2s}.home-card:hover{background:#e4bca63d;box-shadow:inset 0 1px #ffffff42,0 12px 28px #150e0829}.home-card:active{transform:scale(.98)}.card-kicker{font-size:10px;font-weight:650;letter-spacing:.45px;white-space:nowrap}.card-kicker i{display:inline-block;width:4px;height:4px;margin:0 3px 2px;border-radius:50%;background:#e9e2cd}.card-bottom{display:flex;align-items:baseline;gap:8px}.card-bottom strong{font:30px Georgia,serif}.card-bottom small{font-size:12px;opacity:.86}.card-arrow{position:absolute;right:15px;bottom:15px;font-size:15px;opacity:.8}.card-todo,.card-images{height:136px}.card-todo{background:#bd9f903d}.card-images{background:radial-gradient(ellipse at 75% 47%,#f6d5aa52,transparent 58%),linear-gradient(160deg,#b6ae9e57,#251c1657)}.card-images:before{content:"";position:absolute;top:44px;right:-30px;width:130px;height:87px;background:#3d2b1ea3;filter:blur(12px);border-radius:90% 10% 0 0;transform:rotate(-24deg)}.card-images>*{position:relative}.card-notes{grid-column:1/-1;min-height:68px;border-radius:27px;flex-direction:row;align-items:center;background:#bd967d35}.card-notes .notes-plus{margin-left:auto;display:grid;place-items:center;width:37px;height:37px;background:#a37e6780;border-radius:50%;font-size:25px;font-weight:300}.card-note{position:absolute;left:17px;bottom:9px;font-size:9px;opacity:.68}.card-event{grid-column:1/-1;min-height:171px;gap:12px;background:linear-gradient(140deg,#6c4d374e,#120f0c61);border-color:#ffffff29;border-radius:26px;padding:19px 20px 16px}.event-top{font-size:11px;font-weight:650;display:flex;justify-content:space-between}.bubbles{display:flex;padding-right:8px}.bubbles i{width:21px;height:21px;border:2px solid #5c4535;border-radius:50%;margin-right:-8px;background:linear-gradient(140deg,#d1b9a3,#352c27)}.bubbles i:nth-child(2){background:linear-gradient(120deg,#ccd0cf,#574c46)}.bubbles i:nth-child(3){background:linear-gradient(120deg,#f0ce9b,#4c4b42)}.event-title{font-size:28px;font-weight:550;line-height:1}.event-title small{font-size:12px;margin-left:8px;font-weight:500}.event-info{font-size:11px;color:#e5dbd2}.event-foot{display:flex;align-items:center;gap:11px;font-size:10px;margin-top:6px}.event-foot span{border-radius:20px;background:#ffffff18;padding:8px 11px}.event-foot b{margin-left:auto;font-size:19px;font-weight:400}.card-small{height:87px;border-radius:22px;padding:12px 13px}.card-small .card-kicker{font-size:9px}.small-card-title{font:25px Georgia,serif;line-height:1}.small-card-title small{font:10px system-ui;opacity:.8}.card-small .card-arrow{right:12px;bottom:12px;font-size:13px}.card-read{background:#77877e55}.card-table{background:#b68d7557}.home-help{margin:12px 4px 0;font-size:9px;line-height:1.5;color:#ffffffa4}.dock{position:absolute;left:18px;right:18px;bottom:20px;height:67px;z-index:10;display:flex;align-items:center;gap:2px;padding:7px;background:#29231edc;border:1px solid #eee4d335;border-radius:36px;backdrop-filter:blur(25px);-webkit-backdrop-filter:blur(25px);box-shadow:0 8px 22px #100b086b}.dock-btn{flex:1;min-width:0;height:51px;border:0;border-radius:28px;background:transparent;color:#ece9e8b0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;padding:0;transition:background .25s,color .25s}.dock-btn.active{background:#fff;color:#262422;flex:1.25}.dock-ico{font-size:19px;line-height:22px}.dock-btn span:last-child{font-size:8px;white-space:nowrap}
/* Shared overlay: one source of state and lifecycle for six sheets */
.overlay{position:absolute;z-index:20;inset:0;display:flex;align-items:flex-end;justify-content:center;padding:0 13px 17px;visibility:hidden;opacity:0;transition:opacity .4s var(--ease),visibility .4s}.overlay.open{opacity:1;visibility:visible}.shade{position:absolute;inset:0;border:0;background:#0a0a08a8;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px)}.overlay[data-mode="glass"] .shade{background:#d6d0c12e;backdrop-filter:blur(0px);-webkit-backdrop-filter:blur(0px);transition:backdrop-filter 1s var(--ease),-webkit-backdrop-filter 1s var(--ease),background .45s}.overlay.open[data-mode="glass"] .shade{background:#dad0ba3b;backdrop-filter:blur(26px);-webkit-backdrop-filter:blur(26px)}.overlay.open[data-mode="pull"] .shade{background:rgba(148,134,122,.45);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.sheet{position:relative;z-index:2;width:100%;max-height:calc(100% - 66px);overflow-y:auto;overscroll-behavior:contain;scrollbar-width:none;border-radius:30px;color:#1c1c1a;background:var(--paper);opacity:0;transform:translateY(100%) scale(.99);transition:transform .5s var(--ease),opacity .4s var(--ease)}.sheet::-webkit-scrollbar{display:none}.overlay.open .sheet:not([hidden]){opacity:1;transform:translateY(0) scale(1)}.s-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.s-head strong{display:block;font-size:13px;font-weight:800;letter-spacing:.5px}.s-head small{display:block;font-size:11px;opacity:.63;margin-top:4px}.pill{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:700;padding:6px 9px;border-radius:99px;white-space:nowrap}.pill-dark{background:#20201c;color:white}.pill-lime{color:#d4e157}.pill-green{color:#167a40}.pill-orange{color:#ffa85b}.pill-light{color:#e6d9cb;border:1px solid #ddd3ba40}.pill-green-light{color:#94d79e}.dot{display:inline-block;width:6px;height:6px;border-radius:50%}.dot.lime{background:#d4e157}.dot.green{background:#42b466}.dot.orange{background:#ffa85b}.minor{font-size:11px;color:#77746f;margin:2px 0}.btn{border:0;border-radius:13px;padding:13px 10px;font-weight:650;font-size:13px}.btn-black{background:#1d1e1c;color:white;width:100%}.btn-muted{background:#ffffff18;color:#fff}.btn-white{background:white;color:#1e1e1b}.btn-outline{background:white;border:1px solid #d8d2cb;color:#292a26}.btn-green{background:#193829;color:white}.btn-row{display:grid;grid-template-columns:1fr 1fr;gap:10px}.link-toggle{color:inherit;background:none;border:0;padding:3px 4px;font-size:11px;font-weight:750;text-decoration:underline;text-underline-offset:3px}
/* 01 — glass */
.sheet-glass{background:#ffffff6b;border:1px solid #fff9;box-shadow:0 18px 40px #0003,inset 0 1px #fff7;backdrop-filter:blur(23px);-webkit-backdrop-filter:blur(23px);padding:22px 19px;transform:translateY(28px) scale(.94);transition:transform 1s var(--ease),opacity .6s var(--ease);margin-bottom:18px}.overlay.open .sheet-glass{transform:translateY(0) scale(1)}.glass-number{font-size:59px;font-weight:730;line-height:1.12;margin-top:12px;letter-spacing:-2px}.months{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:5px;margin:22px 0 7px}.month{height:22px;border-radius:99px;background:#ffffffb8;overflow:hidden}.month i{display:block;height:100%;width:100%;background:#d97736;border-radius:99px;transform:scaleX(0);transform-origin:left}.overlay.open .month.fill i{transform:scaleX(1);transition:transform .45s var(--ease);transition-delay:calc(var(--i)*66ms + 180ms)}.overlay.open .month.half i{transform:scaleX(.52);transition:transform .45s var(--ease);transition-delay:calc(var(--i)*66ms + 180ms)}.axis{display:flex;justify-content:space-between;font-size:10px;color:#5e5d59;margin:0 0 19px}.axis .today{color:#c5632b;font-weight:750}.glass-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px;margin-bottom:17px}.glass-facts>div{padding:12px 13px;background:#ffffff61;border:1px solid #ffffff6c;border-radius:15px}.glass-facts small{display:block;font-size:10px;color:#777}.glass-facts b{display:block;margin-top:5px;font-size:13px}
/* 02 — ring */
.sheet-ring{padding:22px 20px;background:#22231f;color:#f5f5ee;transform:translateY(105%)}.ring-row{display:flex;gap:17px;align-items:center;margin:22px 0 20px}.ring-wrap{width:118px;height:118px;flex:none;position:relative}.ring-wrap svg{width:118px;height:118px;transform:rotate(-90deg)}.ring-bg,.ring-bar{fill:none;stroke-width:7}.ring-bg{stroke:#ffffff22}.ring-bar{stroke:#d4e157;stroke-linecap:round;stroke-dasharray:326.73;stroke-dashoffset:326.73}.overlay.open .sheet-ring .ring-bar{stroke-dashoffset:180.79;transition:stroke-dashoffset 1.2s var(--ease) .92s}.ring-center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.ring-center b{font-size:33px;font-weight:650}.ring-center small{font-size:10px;color:#9b9d95}.ring-meta{flex:1;min-width:0;font-size:11px;color:#adafa6}.ring-meta strong{display:block;color:white;font:24px Georgia,serif;margin:5px 0 13px}.ring-meta div{display:flex;justify-content:space-between;gap:8px;border-top:1px solid #fff2;padding:6px 0}.ring-meta div b{font-size:11px;color:white}.ring-facts{display:grid;grid-template-columns:1.3fr 1fr .6fr;gap:7px;border-top:1px solid #fff2;padding:16px 0;margin-bottom:5px;font-size:10px;color:#aaa9a0}.ring-facts b{display:block;font-size:12px;color:#fff;margin-top:7px;font-family:monospace;letter-spacing:-.4px}.ring-facts .link-toggle{color:#d4e157;font-size:10px}.ring-facts>div{min-width:0}
/* 03 — paper / 53 ticks */
.sheet-ruler{padding:22px 19px;background:#f7f5f0}.ruler-number{display:flex;align-items:baseline;gap:9px;margin:21px 0 3px}.ruler-number>strong{font-size:72px;line-height:1;font-weight:750}.ruler-number>span{font-size:17px;font-weight:700}.ruler-number small{display:block;font-size:10px;color:#777;font-weight:400;margin-top:4px}.ticks{height:34px;display:flex;align-items:flex-end;justify-content:space-between;gap:2px;margin-top:23px}.tick{display:block;flex:0 0 2px;height:14px;border-radius:2px;background:#d8d5ce}.tick.long{height:19px}.tick.passed{background:#d8d5ce}.overlay.open .tick.passed{animation:tickLight .3s both;animation-delay:calc(.5s + var(--i)*16ms)}.tick.today{height:14px;background:#d8d5ce}.overlay.open .tick.today{animation:tickToday .36s both;animation-delay:calc(.5s + var(--i)*16ms)}@keyframes tickLight{to{background:#579c72}}@keyframes tickToday{to{height:29px;background:#12673c}}.ticks-axis{display:flex;align-items:center;justify-content:space-between;color:#8a867f;font-size:10px;position:relative;margin:9px 0 21px}.ticks-today{position:absolute;left:53.846%;transform:translateX(-50%);font-weight:700;color:#167b40}.ruler-facts{border-top:1px solid #e2ded6;margin:0 0 14px}.ruler-facts>div{display:flex;align-items:center;justify-content:space-between;min-height:41px;gap:6px;border-bottom:1px solid #e2ded6;font-size:12px}.ruler-facts>div>span:first-child{color:#827d75}.ruler-facts b{font-size:12px}.ruler-code-wrap{display:flex;align-items:center;gap:5px;white-space:nowrap;min-width:0}.ruler-code-wrap b{font:700 12px monospace;display:inline-block;min-width:84px;text-align:right;font-variant-numeric:tabular-nums}.ruler-code-wrap .link-toggle{color:#167b40}.code-char{display:inline-block;animation:charIn .22s var(--ease) both}@keyframes charIn{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
/* 04 — image zoom + raised drawer + delayed progress */
.sheet-photo{background:transparent;overflow:hidden;transform:translateY(12%) scale(.99)}.photo-visual{height:222px;position:relative;overflow:hidden;border-radius:28px 28px 0 0;background:#59724f;opacity:0;transform:scale(1.08);transition:transform .65s var(--ease),opacity .4s}.overlay.open .photo-visual{opacity:1;transform:scale(1)}.food-surface{position:absolute;inset:0;background:radial-gradient(ellipse at 66% 43%,#ac693e,#483a2f 53%,#1d271b 100%)}.food-surface:before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(40deg,#ffffff0a 0 2px,transparent 2px 10px);opacity:.4}.food-bowl{position:absolute;left:26%;top:-20px;width:220px;height:220px;border-radius:50%;background:radial-gradient(circle at 38% 26%,#c0d36f,#5c863e 45%,#25351f 73%);border:13px solid #f4e8cd;box-shadow:0 12px 33px #18180d99,inset 0 0 0 5px #c3aa82}.food-bowl i{position:absolute;border-radius:50%;filter:blur(1px)}.food-bowl i:nth-child(1){width:90px;height:60px;left:27px;top:22px;background:linear-gradient(130deg,#f7b070,#e46d35);transform:rotate(28deg)}.food-bowl i:nth-child(2){width:67px;height:72px;right:16px;top:30px;background:#e8e4c7}.food-bowl i:nth-child(3){width:78px;height:34px;left:28px;bottom:35px;background:#942b42;transform:rotate(-24deg)}.food-bowl i:nth-child(4){width:60px;height:48px;right:18px;bottom:30px;background:#a7c15d}.food-bowl i:nth-child(5){width:56px;height:37px;left:70px;bottom:8px;background:#ecd384}.photo-visual:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#0004,transparent 38%,#000c 100%);pointer-events:none}.photo-top,.photo-caption{position:absolute;z-index:2;left:19px;right:19px;color:#fff}.photo-top{top:17px;display:flex;justify-content:space-between;align-items:center;font-size:12px;letter-spacing:.7px}.pill-photo{background:#17130f7a}.photo-caption{bottom:35px;display:flex;flex-direction:column;gap:2px;text-shadow:0 2px 9px #0006}.photo-caption strong{font-size:31px}.photo-caption span{font-size:10px;letter-spacing:2px}.photo-drawer{position:relative;margin-top:-22px;border-radius:24px 24px 30px 30px;padding:20px;background:#f7f5f0;transform:translateY(100%);transition:transform .6s var(--ease) .14s}.overlay.open .photo-drawer{transform:translateY(0)}.photo-number{display:flex;align-items:baseline;gap:6px;font-size:15px}.photo-number strong{font-size:54px}.bar{height:6px;background:#e4e0d7;overflow:hidden;border-radius:8px;margin-top:10px}.bar i{display:block;width:0;height:100%;border-radius:8px;background:#d96b27}.overlay.open .bar i{width:44.7%;transition:width .9s var(--ease) .5s}.bar-legend{display:flex;justify-content:space-between;margin:6px 0 13px;font-size:10px;color:#85827d}.photo-facts{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 0 17px}.photo-facts small{display:block;font-size:10px;color:#827f78}.photo-facts b{display:block;font-size:13px;margin-top:4px}
/* 05 — 3D */
.sheet-flip{background:transparent;overflow:visible;perspective:1200px;height:420px;transform:translateY(40px);transition:transform .5s var(--ease),opacity .5s}.flip-card{height:100%;width:100%;position:relative;transform-style:preserve-3d;transition:transform .8s var(--ease)}.flip-card.flipped{transform:rotateY(180deg)}.flip-face{position:absolute;inset:0;overflow:hidden;border-radius:30px;padding:23px 21px;display:flex;flex-direction:column;justify-content:space-between;backface-visibility:hidden;-webkit-backface-visibility:hidden;color:white}.flip-front{background:linear-gradient(175deg,#3e3830,#261b17 60%,#120f0d);text-align:center}.flip-front .s-head{text-align:left}.flip-main strong{font-size:60px;line-height:1}.flip-main p{margin:6px 0 18px;font-size:12px;color:#eee0d5}.flip-facts{display:grid;grid-template-columns:1fr 1fr;gap:13px;border-top:1px solid #ffffff35;text-align:left;padding-top:14px}.flip-facts small{display:block;color:#ffffffa9;font-size:11px}.flip-facts b{display:block;font-size:13px;margin-top:5px}.flip-button{padding:12px 24px;border:1px solid #ffffff55;background:#0006;color:#fff;border-radius:99px;font-size:12px;font-weight:650}.flip-front .flip-button{align-self:center}.flip-back{background:#252622;transform:rotateY(180deg)}.code-box{text-align:center;padding:19px;border:1px solid #fff3;background:#ffffff0b;border-radius:19px}.code-box>span{font-size:11px;color:#aaa}.code-box b{display:block;font:700 25px monospace;letter-spacing:.7px;margin-top:13px;opacity:0;transform:scale(.92);transition:opacity .35s var(--ease),transform .35s var(--ease)}.flip-card.flipped .code-box b{opacity:1;transform:scale(1);transition-delay:.45s}.flip-back p{text-align:center;margin:0;font-size:11px;color:#999}.flip-back-facts>div{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #fff2;padding:9px 0;color:#a7a7a0;font-size:11px}.flip-back-facts b{color:#fff}.flip-back .flip-button{width:100%;border-radius:15px}
/* 06 — pull-down stub, pointer motion follows finger */
.sheet-pull{background:#262523;color:white;padding:19px 19px 0;overflow:hidden;--expand:0;transform:translateY(105%);-webkit-mask-image:radial-gradient(circle 12px at 0 var(--notch-y,346px),transparent 12px,#000 12.5px),radial-gradient(circle 12px at 100% var(--notch-y,346px),transparent 12px,#000 12.5px);-webkit-mask-composite:source-in;mask-composite:intersect}.sheet-pull .s-head{margin-bottom:16px}.pull-banner{height:113px;background:linear-gradient(140deg,#3a4d39,#759372 56%,#e8d5b8);border-radius:16px;display:grid;place-items:center}.pull-salad{font-size:58px;filter:drop-shadow(0 8px 9px #0005)}.pull-summary{display:flex;justify-content:space-between;align-items:center;margin:16px 0}.pull-summary small{display:block;font-size:11px;color:#a9a9a2}.pull-summary strong{display:block;font-size:44px;line-height:1.1}.pull-summary em{font-style:normal;font-size:14px}.pull-facts{border-top:1px solid #ffffff24;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:4px;padding:12px 0 17px}.pull-facts small{display:block;color:#a4a29b;font-size:9px;margin-bottom:5px}.pull-facts b{font-size:10px;white-space:nowrap}.pull-dash{border-top:2px dashed #ffffff48;text-align:center;padding-top:10px;color:#a4a29c;font-size:10px;margin:0 -19px;padding-left:19px;padding-right:19px}.pull-stub{height:calc(var(--expand)*128px);opacity:var(--expand);overflow:hidden;transition:height .38s var(--ease),opacity .28s}.pull-stub-inner{padding:13px;text-align:center;background:#141412a8;border:1px solid #ffffff29;border-radius:15px;margin:13px 0 6px}.pull-stub-inner small{display:block;font-size:10px;color:#a9a9a1}.pull-stub-inner strong{display:block;font:700 21px monospace;margin:7px 0 5px;letter-spacing:.6px}.sheet-pull.dragging .pull-stub{transition:none}.pull-handle{width:calc(100% + 38px);margin:10px -19px 0;padding:10px 0 16px;background:#272624;color:#b8b7af;border:0;display:flex;flex-direction:column;align-items:center;gap:7px;touch-action:none;user-select:none}.pull-handle span{width:39px;height:4px;background:#b6b5af80;border-radius:10px}.pull-handle small{font-size:10px}
@media(max-height:770px) and (min-width:501px){.home-scroll{padding-top:73px}.date-block{margin-top:22px}}
@media(max-width:500px){body{padding:16px 13px}.home-scroll{padding-top:max(92px,env(safe-area-inset-top) + 67px);padding-bottom:max(123px,env(safe-area-inset-bottom) + 104px)}.dock{bottom:max(15px,env(safe-area-inset-bottom) + 9px)}.overlay{padding-bottom:max(11px,env(safe-area-inset-bottom) + 7px)}}
@media(max-width:365px){.home-scroll{padding-left:15px;padding-right:15px}.date-block{margin-top:32px}.date-block h1{font-size:55px}.top-grid{gap:8px}.home-card{padding:14px 12px}.card-todo,.card-images{height:119px}.card-event{min-height:152px}.dock{left:10px;right:10px}.sheet{border-radius:24px}.sheet-glass,.sheet-ruler,.sheet-ring{padding:18px 15px}.ring-row{gap:9px}.ring-wrap,.ring-wrap svg{width:105px;height:105px}.ring-meta strong{font-size:19px}.ring-facts{grid-template-columns:1.1fr 1fr .6fr}.ring-facts b{font-size:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-delay:0ms!important;transition-duration:.01ms!important;transition-delay:0ms!important;scroll-behavior:auto!important}}
/* Keep all six dashboard cards visible above the floating dock at 390×844. */
@media(min-height:750px){.date-block{margin-top:30px;margin-bottom:13px}.top-grid{gap:8px}.card-todo,.card-images{height:126px}.card-notes{min-height:61px}.card-event{min-height:145px;gap:7px;padding-top:16px;padding-bottom:13px}.card-small{height:76px}}
/* The six cards and dock are self-explanatory; avoid a clipped caption behind the dock. */
.home-help{display:none}