@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2c55a0e60120577a-s.03ez25a9g3i0n.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/9c72aa0f40e4eef8-s.3i9rha7jpxn0q.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/ad66f9afd8947f86-s.2o7ko1d-5m1xu.woff2)format("woff2");unicode-range:U+1F??}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/5476f68d60460930-s.1ee5w62fj497l.woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/2bbe8d2671613f1f-s.1way2z9fj6cig.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/1bffadaabf893a1e-s.0szrwpqb9mkwe.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-weight:100 900;font-display:swap;src:url(../media/83afe278b6a6bb3c-s.p.45535valc9rzk.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter Fallback;src:local(Arial);ascent-override:90.44%;descent-override:22.52%;line-gap-override:0.0%;size-adjust:107.12%}._3BAU3W_className{font-family:Inter,Inter Fallback;font-style:normal}._3BAU3W_variable{--sans:"Inter", "Inter Fallback"}
:root{--ink:#0d0d0d;--muted:#6e6e73;--faint:#a1a1a6;--line:#e5e5ea;--bg:#fff;--paper:#fbfaf6;--cover:#141414;--page-w:min(30vw,440px)}*{box-sizing:border-box}html,body{background:var(--bg);color:var(--ink);height:100%;margin:0;overflow:hidden}body{font-family:var(--sans),-apple-system,"Segoe UI",Roboto,sans-serif;-webkit-font-smoothing:antialiased;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}.muted{color:var(--muted)}.app{max-width:1400px;height:100dvh;padding:0 24px env(safe-area-inset-bottom);flex-direction:column;margin:0 auto;display:flex}.top{border-bottom:1px solid var(--line);flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:20px;padding:18px 0 14px;display:grid}.brand{align-items:center;gap:12px;display:flex}.year{letter-spacing:-.05em;margin:0;font-size:40px;font-weight:600;line-height:1}.by{color:var(--muted);white-space:nowrap;font-size:12px;line-height:1.3}.by a{color:var(--ink);font-weight:500}.by a:hover{opacity:.6}.meta{align-items:center;gap:18px;display:flex}.lede{color:var(--muted);letter-spacing:-.01em;white-space:nowrap;margin:0;font-size:14px}.progress{color:var(--muted);font-variant-numeric:tabular-nums;white-space:nowrap;align-items:center;gap:10px;font-size:12px;display:inline-flex}.ticks{gap:2px;display:flex}.ticks i{background:var(--line);border-radius:2px;width:4px;height:12px;transition:background .3s}.ticks i.done{background:var(--ink)}.top .switch{justify-self:end}.switch{background:#f2f2f4;border-radius:999px;gap:2px;padding:3px;display:flex}.switch button{color:var(--muted);background:0 0;border:0;border-radius:999px;padding:6px 16px;font-size:13px;transition:all .2s}.switch button.on{color:var(--ink);background:#fff;box-shadow:0 1px 3px #00000014,0 1px 1px #0000000a}.stage{flex:1;justify-content:center;align-items:center;min-height:0;padding:14px 0 10px;display:flex}.bookwrap{flex-direction:column;align-items:center;gap:12px;display:flex}.book{perspective:2600px;transition:transform .9s cubic-bezier(.65,0,.35,1);position:relative}.phonebook{perspective:1800px;touch-action:pan-y;border-radius:0 8px 8px 0;position:relative;overflow:hidden}.pleaf{transform-origin:0;backface-visibility:hidden;transition:transform .7s cubic-bezier(.65,0,.35,1),opacity .7s;position:absolute;inset:0}.pleaf.gone{opacity:0;pointer-events:none;transform:rotateY(-110deg)}.pleaf .page.right{border-radius:0 8px 8px 0}.leaf{transform-origin:0;width:50%;height:100%;transform-style:preserve-3d;cursor:pointer;transition:transform .9s cubic-bezier(.65,0,.35,1);position:absolute;top:0;left:50%}.leaf.flipped{transform:rotateY(-180deg)}.face{backface-visibility:hidden;position:absolute;inset:0;overflow:hidden}.face.back{transform:rotateY(180deg)}.page{background:var(--paper);flex-direction:column;padding:7% 8%;display:flex;position:absolute;inset:0;container-type:size}.page.right{border-radius:0 6px 6px 0;box-shadow:inset 18px 0 24px -16px #0000002e,1px 1px #e9e6dd,2px 2px #f3f1ea,3px 3px 6px #00000014}.page.left{border-radius:6px 0 0 6px;box-shadow:inset -18px 0 24px -16px #0000002e,-1px 1px #e9e6dd,-2px 2px #f3f1ea,-3px 3px 6px #00000014}.cover{background:var(--cover);color:#f5f5f5;border-radius:0 8px 8px 0;justify-content:center;align-items:center;gap:8px;box-shadow:0 20px 40px -12px #00000059,inset 6px 0 10px -4px #ffffff14}.back-cover{border-radius:8px 0 0 8px}.cv-small{letter-spacing:.35em;text-transform:uppercase;opacity:.65;font-size:2.8cqw}.cv-year{letter-spacing:-.05em;font-size:21cqw;font-weight:600;line-height:1}.cv-name{opacity:.55;font-size:3.2cqw;position:absolute;bottom:8%}.page.text{color:#333;justify-content:center;gap:4px}.page.text p{font-size:4.4cqw}.page.text .big{letter-spacing:-.03em;color:var(--ink);margin:0 0 6px;font-size:7.4cqw;font-weight:600}.page.text p{max-width:28ch;margin:6px 0}.day-head{align-items:flex-start;gap:12px;margin-bottom:4%;display:flex}.num{letter-spacing:-.05em;font-size:11cqw;font-weight:600;line-height:.9}.when{color:var(--muted);padding-top:2px;font-size:3cqw;line-height:1.35}.art{background:0 0;border:0;flex:1;justify-content:center;align-items:center;min-height:0;padding:0;display:flex}.art img{object-fit:contain;mix-blend-mode:multiply;max-width:100%;max-height:100%;transition:transform .3s}.art:hover img{transform:scale(1.02)}.art.empty{color:var(--faint);cursor:default;border:1px dashed #d8d4c8;border-radius:6px;font-size:3.2cqw}.prompt{color:var(--muted);text-align:center;margin:3% 0 0;font-size:3.4cqw}.bookbar{color:var(--muted);font-variant-numeric:tabular-nums;align-items:center;gap:20px;font-size:14px;display:flex}.bookbar span{text-align:center;min-width:220px}.bookbar button,.v-bar button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:8px 16px;font-size:14px;transition:all .2s}.bookbar button:hover:not(:disabled),.v-bar button:hover:not(:disabled){border-color:var(--ink)}button:disabled{opacity:.3;cursor:default}.cal{flex-direction:column;height:100%;display:flex}.cal-head,.cal-grid{gap:var(--gap);grid-template-columns:repeat(7,1fr);display:grid}.cal-grid{grid-template-rows:repeat(var(--rows),var(--cellh))}.cal-head{height:24px;color:var(--muted);text-transform:uppercase;letter-spacing:.08em;flex:none;margin-bottom:10px;padding-left:4px;font-size:11px}.cal-head i{font-style:normal;display:none}.cell{border:1px solid var(--line);text-align:left;background:#fff;border-radius:12px;height:100%;padding:0;transition:transform .2s,box-shadow .2s,border-color .2s;position:relative;overflow:hidden}.cell.pad{background:0 0;border:0}.cell:disabled{opacity:1;background:#fafafa}.cell .d{font-variant-numeric:tabular-nums;z-index:1;font-size:13px;font-weight:600;position:absolute;top:8px;left:10px}.cell:disabled .d{color:var(--faint);font-weight:500}.cell img{object-fit:contain;mix-blend-mode:multiply;width:calc(100% - 12px);height:calc(100% - 28px);position:absolute;inset:22px 6px 6px}.cell.here{background:var(--paper)}.cell.here:hover{border-color:#cfcfd4;transform:translateY(-3px);box-shadow:0 12px 28px -12px #00000040}.cell.today{outline:2px solid var(--ink);outline-offset:2px}.cell .tag{z-index:1;background:var(--ink);color:#fff;border-radius:999px;padding:2px 7px;font-size:10px;font-weight:600;position:absolute;top:8px;right:8px}.viewer{z-index:50;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;justify-content:center;align-items:center;padding:24px;animation:.25s fade;display:flex;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.v-inner{flex-direction:column;gap:14px;width:min(640px,100%);max-height:100%;display:flex}.v-top{justify-content:space-between;align-items:center;font-size:15px;display:flex}.v-day{font-weight:600}.v-x{background:#f2f2f4;border:0;border-radius:50%;width:34px;height:34px;font-size:20px;line-height:1}.v-inner img{object-fit:contain;background:var(--paper);border-radius:10px;width:100%;max-height:68vh;box-shadow:0 20px 50px -20px #0000004d}.v-note{color:#333;margin:0;font-size:15px}.v-bar{flex-wrap:wrap;justify-content:space-between;gap:8px;display:flex}.v-bar .ghost{color:var(--muted);border-color:#0000}@media (max-width:1000px){.lede{display:none}}@media (max-width:640px){.app{padding:0 14px env(safe-area-inset-bottom)}.top{grid-template-columns:1fr auto;row-gap:10px;padding:12px 0 10px}.year{font-size:32px}.meta{grid-area:2/1/auto/-1;justify-content:center}.switch button{padding:6px 12px}.cal-head{height:18px;margin-bottom:6px;padding-left:2px}.cal-head b{display:none}.cal-head i{display:inline}.cell{border-radius:7px}.cell .d{font-size:10px;top:3px;left:5px}.cell .tag{display:none}.cell img{width:calc(100% - 4px);height:calc(100% - 16px);inset:14px 2px 2px}.bookbar span{min-width:120px;font-size:13px}.page{padding:8% 9%}}@media (max-height:540px){.top{grid-template-columns:1fr auto 1fr;padding:8px 0 6px}.meta{grid-area:auto}.year{font-size:24px}.by{font-size:10px}.stage{padding:6px 0 4px}.bookwrap{gap:6px}.bookbar button{padding:4px 12px}.cell .tag{display:none}.cal-head{margin-bottom:4px}}@media (prefers-reduced-motion:reduce){.leaf,.book{transition:none}}
