:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--display:"Futura", "Futura PT", "Avenir Next", "Century Gothic", system-ui, sans-serif;--util:-apple-system, BlinkMacSystemFont, "Helvetica Neue", system-ui, sans-serif;--mono:ui-monospace, "SF Mono", Menlo, "Roboto Mono", monospace;--hand:"Bradley Hand", "Noteworthy", "Segoe Print", "Segoe Script", "Chalkboard SE", cursive;--paper:#fbf9f2;--ruleblue:#4a6ab057;--rulered:#c5484299;--penred:#bc4238;--penblack:#232a33;--emma:#f0913f;--ty:#5e97f6;--us:#b383ec;--ground:#e06a2c;--ink:#2b0d04;--dim:#2b0d049e;--rule:#2b0d0447;--accent:#7a3b22}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{height:100%;font-family:var(--util);-webkit-text-size-adjust:100%;overscroll-behavior:none;background:#060b26;margin:0;padding:0;overflow:hidden}.stage{background:var(--ground);color:var(--ink);touch-action:manipulation;transition:background-color .62s cubic-bezier(.2,.7,.2,1),color .62s cubic-bezier(.2,.7,.2,1);position:fixed;inset:0;overflow:hidden}.frame{--fw:100dvw;--fh:100dvh;width:var(--fw);height:var(--fh);transition:transform .42s cubic-bezier(.2,.8,.2,1);position:absolute;top:50%;left:50%}.frame.turn{--fw:100dvh;--fh:100dvw}.dial{z-index:6;touch-action:none;cursor:grab;width:132px;height:132px;transition:transform .42s cubic-bezier(.2,.8,.2,1);position:absolute;top:18px;right:18px}.dial:active{cursor:grabbing}.dish{border:1px solid var(--rule);border-radius:50%;position:absolute;inset:16px;box-shadow:inset 0 0 20px #00000029}.ball{will-change:transform;background:radial-gradient(circle at 33% 28%, #ffffff80, #fff0 48%), radial-gradient(circle at 72% 80%, #0006, #0000 58%), color-mix(in srgb, var(--ground) 22%, var(--ink));border-radius:50%;width:22px;height:22px;margin:-11px 0 0 -11px;position:absolute;top:50%;left:50%;box-shadow:0 2px 7px #0000004d}.edge,.tick{transform-origin:50%;position:absolute;top:50%;left:50%}.edge{letter-spacing:.18em;color:var(--dim);white-space:nowrap;opacity:.5;font-size:7px;font-weight:700;transition:color .3s,opacity .3s}.edge.lit{color:var(--accent);opacity:1}.edge[data-edge="0"]{transform:translate(-50%,-50%)translateY(58px)}.edge[data-edge="180"]{transform:translate(-50%,-50%)translateY(-58px)rotate(180deg)}.edge[data-edge="90"]{transform:translate(-50%,-50%)translate(58px)rotate(90deg)}.edge[data-edge="270"]{transform:translate(-50%,-50%)translate(-58px)rotate(-90deg)}.tick{background:var(--rule);width:2px;height:8px;margin:-4px 0 0 -1px;transition:background .3s}.tick.lit{background:var(--accent)}.tick[data-edge="0"]{transform:translateY(45px)}.tick[data-edge="180"]{transform:translateY(-45px)}.tick[data-edge="90"]{transform:translate(45px)rotate(90deg)}.tick[data-edge="270"]{transform:translate(-45px)rotate(90deg)}.panel{z-index:5;pointer-events:none;justify-content:center;align-items:center;padding:24px;display:flex;position:absolute;inset:0}.face{text-align:center;pointer-events:auto;max-width:100%;animation:.62s cubic-bezier(.16,.9,.3,1) both land;display:none}.face.on{display:block}@keyframes land{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}.stack{color:inherit;font:inherit;cursor:pointer;background:0 0;border:0;flex-direction:column;align-items:center;gap:15px;margin:0;padding:8px;transition:transform .14s;display:flex}.stack:active{transform:scale(.975)}.stack:focus-visible{outline:2px solid var(--ink);outline-offset:8px}.labels{flex-direction:column;align-items:center;gap:7px;display:flex}.unit{letter-spacing:.42em;text-indent:.42em;text-transform:uppercase;font-size:13px;font-weight:700}.unit.eq{font-family:var(--mono);letter-spacing:.14em;text-indent:.14em;text-transform:none;font-size:14px;font-weight:500}.tag{letter-spacing:.3em;text-indent:.3em;text-transform:uppercase;color:var(--dim);max-width:min(calc(var(--fw) - 72px), 330px);text-wrap:balance;font-size:10px;font-weight:600}.tag.long{letter-spacing:.2em;text-indent:.2em;line-height:1.7}.figure{font-family:var(--display);letter-spacing:-.02em;font-variant-numeric:tabular-nums;font-weight:500;line-height:.84;font-size:min(calc((var(--fw) - 72px) / var(--figw,2)), calc(var(--fw) * .27), calc(var(--fh) * .19), 220px)}.figure.metered{font-family:var(--mono);letter-spacing:-.045em;font-weight:500;font-size:min(calc((var(--fw) - 72px) / var(--figw,2)), calc(var(--fw) * .19), calc(var(--fh) * .16), 160px)}.stage[data-mode=dates] .panel{padding:10px 0 8px}.face.dates{--gutterR:clamp(0px, (var(--fw) - 520px) * 4, 152px);--gutterT:clamp(0px, (520px - var(--fw)) * 4, 150px);width:100%;height:100%;padding:var(--gutterT) var(--gutterR) 0 0;text-align:left;display:none}.face.dates.on{flex-direction:column;align-items:center;gap:8px;display:flex}.key{flex:none;gap:16px;display:flex}.k{letter-spacing:.18em;text-transform:uppercase;color:var(--dim);align-items:center;gap:5px;font-size:9px;font-weight:700;display:flex}.k:before{content:"";background:currentColor;border-radius:50%;width:6px;height:6px}.k.emma:before{background:var(--emma)}.k.ty:before{background:var(--ty)}.k.us:before{background:var(--us)}.months{min-height:0;width:min(calc(var(--fw) - var(--gutterR) - 20px), 920px);-webkit-overflow-scrolling:touch;overscroll-behavior:contain;scrollbar-width:none;flex:1;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));align-content:start;gap:6px 18px;padding:0 10px 20px;display:grid;overflow-y:auto}.months::-webkit-scrollbar{display:none}.month{scroll-margin-top:4px}.monthName{font-family:var(--display);letter-spacing:.1em;text-transform:uppercase;margin:10px 0 5px;font-size:15px;font-weight:500}.monthName span{letter-spacing:.16em;color:var(--dim);font-size:10px}.dow,.week{grid-template-columns:repeat(7,1fr);display:grid}.dow{border-bottom:1px solid var(--rule);padding-bottom:3px}.dow span{letter-spacing:.1em;text-align:center;color:var(--dim);font-size:8px;font-weight:700}.week{border-bottom:1px solid var(--rule);position:relative}.day{border:0;border-left:1px solid var(--rule);min-height:34px;color:inherit;font:inherit;text-align:left;background:0 0;flex-direction:column;gap:1px;margin:0;padding:2px 2px 4px;display:flex;overflow:hidden}.day:first-child{border-left:0}button.day{cursor:pointer}button.day:active{background:#ffffff12}button.day:focus-visible{outline:1px solid var(--accent);outline-offset:-1px}.day.out{min-height:0}.dnum{font-family:var(--mono);color:var(--dim);flex:none;font-size:9px;line-height:13px}.dnum.now{color:var(--ground);background:var(--accent);border-radius:2px;margin-left:-1px;padding:0 3px;font-weight:700}.dEntries{margin-top:calc(var(--lanes,0) * 12px);flex-direction:column;gap:1px;display:flex}.dEntry{letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;align-items:center;gap:3px;font-size:8.5px;line-height:11px;display:flex;overflow:hidden}.dot{border-radius:50%;flex:none;width:5px;height:5px}.dot.emma{background:var(--emma)}.dot.ty{background:var(--ty)}.dot.us{background:var(--us)}.bar{top:calc(15px + var(--lane) * 12px);left:calc(var(--c0) * (100% / 7) + 1px);width:calc((var(--c1) - var(--c0)) * (100% / 7) - 2px);letter-spacing:.01em;white-space:nowrap;text-overflow:ellipsis;pointer-events:none;border-radius:3px;height:11px;padding:0 4px;font-size:8.5px;line-height:11px;position:absolute;overflow:hidden}.bar.emma{background:color-mix(in srgb, var(--emma) 34%, transparent);box-shadow:inset 2px 0 0 var(--emma)}.bar.ty{background:color-mix(in srgb, var(--ty) 34%, transparent);box-shadow:inset 2px 0 0 var(--ty)}.bar.us{background:color-mix(in srgb, var(--us) 34%, transparent);box-shadow:inset 2px 0 0 var(--us)}.bar[data-open-left]{box-shadow:none;border-top-left-radius:0;border-bottom-left-radius:0}.bar[data-open-right]{border-top-right-radius:0;border-bottom-right-radius:0}.dec{align-items:center;gap:8px;margin-top:12px;display:flex}.decSays{letter-spacing:.18em;text-transform:uppercase;color:var(--dim);font-size:9px;font-weight:700}.decSwitch{border:1px solid var(--rule);border-radius:999px;display:flex;overflow:hidden}.decSwitch button{color:var(--dim);font-family:var(--util);letter-spacing:.12em;text-transform:uppercase;cursor:pointer;background:0 0;border:0;margin:0;padding:4px 10px;font-size:9px;font-weight:700;transition:background .22s,color .22s}.decSwitch button.on{background:color-mix(in srgb, var(--ty) 42%, transparent);color:var(--ink)}.dayCard{z-index:8;background:#03140bbd;justify-content:center;align-items:center;padding:20px;animation:.22s both land;display:flex;position:fixed;inset:0}.dayCardIn{width:min(calc(var(--fw) - 60px), 340px);max-height:calc(var(--fh) - 60px);border:1px solid var(--rule);background:var(--ground);border-radius:4px;padding:16px 18px;overflow-y:auto}.dayCardIn h4{font-family:var(--display);letter-spacing:.06em;margin:0 0 10px;font-size:15px;font-weight:500}.dayCardIn ul{flex-direction:column;gap:9px;margin:0;padding:0;list-style:none;display:flex}.dayCardIn li{align-items:baseline;gap:9px;font-size:13px;line-height:1.45;display:flex}.dayCardIn .dot{transform:translateY(-1px)}.dayCardIn em{color:var(--dim);margin-top:3px;font-size:10px;font-style:normal;line-height:1.6;display:block}.stage[data-mode=poems] .panel{padding:156px 0 20px}.face.poems{width:100%;display:none}.face.poems.on{flex-direction:column;align-items:center;gap:16px;display:flex}.shelf{gap:var(--gap);width:100%;padding:0 var(--rail);scroll-snap-type:x mandatory;scrollbar-width:none;-webkit-overflow-scrolling:touch;overscroll-behavior-x:contain;display:flex;overflow:auto hidden}.shelf::-webkit-scrollbar{display:none}.face.poems{--gap:18px;--cardw:min(calc(var(--fw) - 56px), 330px);--rail:calc((100% - var(--cardw)) / 2)}.card{--pitch:26px;--size:15px;width:var(--cardw);height:clamp(180px, calc(var(--fh) - 240px), 396px);scroll-snap-align:center;background:var(--paper);border-radius:3px;flex-direction:column;flex:none;display:flex;position:relative;overflow:hidden;box-shadow:0 1px #00000029,0 14px 28px #00000047}.cardHead{border-bottom:1px solid var(--rulered);font-family:var(--hand);letter-spacing:.04em;color:var(--pen);flex:none;justify-content:space-between;align-items:baseline;gap:12px;padding:13px 18px 9px;font-size:13px;display:flex}.cardDate{opacity:.75}.cardMark{text-underline-offset:3px;text-decoration:underline}.cardBody{-webkit-overflow-scrolling:touch;text-align:left;min-height:0;font-family:var(--hand);color:var(--pen);background-image:repeating-linear-gradient(to bottom, transparent 0, transparent calc(var(--pitch) - 1px), var(--ruleblue) calc(var(--pitch) - 1px), var(--ruleblue) var(--pitch));background-position:0 0;flex:1;padding:0 18px 18px;overflow-y:auto}.card[data-density=tight]{--pitch:22px;--size:13.5px}.card[data-density=dense]{--pitch:19px;--size:12px}.cardTitle,.cardTo,.cardText,.cardLost,.cardSign{font-weight:400;font-size:var(--size);line-height:var(--pitch);letter-spacing:.01em;margin:0}.cardTitle{font-size:calc(var(--size) + 2px);text-underline-offset:4px;text-decoration:underline;text-decoration-thickness:1px}.cardTo{opacity:.85}.cardText{text-wrap:pretty}.cardSign{text-align:right;opacity:.9}.cardLost{opacity:.45;font-style:italic}.cardMore{background:var(--paper);color:var(--pen);opacity:0;pointer-events:none;padding:0 3px 1px;font-size:12px;line-height:1;transition:opacity .32s;position:absolute;bottom:5px;right:6px}.cardMore.on{opacity:.5;animation:2s ease-in-out infinite nudge}@keyframes nudge{0%,to{transform:translateY(0)}50%{transform:translateY(3px)}}.card[data-ink=red]{--pen:var(--penred)}.card[data-ink=black]{--pen:var(--penblack)}.card.gone{background:color-mix(in srgb, var(--paper) 76%, transparent);box-shadow:0 1px #0000001a,0 8px 18px #0000002e}.shelfBar{align-items:center;gap:18px;display:flex}.shelfCount{font-family:var(--mono);letter-spacing:.16em;font-variant-numeric:tabular-nums;color:var(--dim);font-size:11px}.turnCard{border:1px solid var(--rule);width:34px;height:34px;color:var(--ink);cursor:pointer;background:0 0;border-radius:50%;justify-content:center;align-items:center;font-size:14px;line-height:1;transition:opacity .2s,border-color .2s;display:flex}.turnCard:disabled{opacity:.28;cursor:default}.turnCard:not(:disabled):hover,.turnCard:focus-visible{border-color:var(--accent)}.gate{z-index:9;background:var(--ground);width:100%;color:var(--ink);cursor:pointer;text-align:center;border:0;flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:24px;display:flex;position:absolute;inset:0}.gateWord{font-family:var(--display);letter-spacing:.26em;text-indent:.26em;text-transform:uppercase;font-size:min(11dvw,46px);font-weight:500}.gateNote{max-width:300px;font-family:var(--util);letter-spacing:.16em;text-indent:.16em;text-transform:uppercase;color:var(--dim);text-wrap:balance;font-size:11px;font-weight:600;line-height:1.7}@media (prefers-reduced-motion:reduce){.face{animation:none!important}.shelf{scroll-behavior:auto}.stage,.dial,.frame{transition-duration:1ms}}