.otd-coffee{right:18px;bottom:calc(18px + env(safe-area-inset-bottom,0px));z-index:50;animation:otd-coffee-bob 2.4s var(--ease-pop) infinite;position:fixed}@media (max-width:520px){.otd-coffee{bottom:calc(68px + env(safe-area-inset-bottom,0px));right:12px}}@keyframes otd-coffee-bob{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}@media (prefers-reduced-motion:reduce){.otd-coffee{animation:none}}
:root{--lcd-0:#0f380f;--lcd-1:#1e4620;--lcd-2:#306230;--lcd-3:#6c9a32;--lcd-4:#8bac0f;--lcd-5:#9bbc0f;--lcd-screen:#c4cfa1;--lcd-screen-dim:#b6c194;--shell-bone:#f3ead7;--shell-gray:#d8d2c2;--shell-deep:#b9b2a0;--ink:#2b2a26;--ink-soft:#4a463d;--candy-tangerine:#f5853f;--candy-tangerine-deep:#c95f1c;--candy-tangerine-soft:#ffc79a;--candy-rose:#e84d8a;--candy-rose-deep:#b8246a;--candy-pink:#ff9ec4;--candy-teal:#2ec4b6;--candy-teal-deep:#1a978c;--candy-blue:#4ea8de;--candy-purple:#9b6dde;--candy-yellow:#ffc94d;--candy-orange:#ff945b;--candy-cream:#fff7e9;--paper:#f7f0e1;--paper-dot:#e9dfca;--white:#fffdf7;--brand:var(--candy-tangerine);--brand-deep:var(--candy-tangerine-deep);--brand-soft:var(--candy-tangerine-soft);--accent:var(--candy-teal);--accent-deep:var(--candy-teal-deep);--surface-page:var(--paper);--surface-card:var(--white);--surface-shell:var(--shell-bone);--surface-shell-2:var(--shell-gray);--surface-screen:var(--lcd-screen);--surface-sunken:#efe6d2;--text-strong:var(--ink);--text-body:var(--ink-soft);--text-muted:#8a8470;--text-faint:#b3ab97;--text-on-brand:#3a1700;--text-on-accent:#06302c;--text-lcd:var(--lcd-0);--text-lcd-dim:var(--lcd-2);--border:var(--ink);--border-soft:#d8cfb9;--border-screen:var(--lcd-1);--success:var(--candy-teal);--success-deep:var(--candy-teal-deep);--warning:var(--candy-yellow);--warning-deep:#c9912a;--danger:#e5484d;--danger-deep:#b42a2f;--info:var(--candy-blue);--focus:var(--candy-blue)}
:root{--font-pixel:var(--next-font-pixel), "Courier New", monospace;--font-dot:var(--next-font-dot), "Courier New", monospace;--font-round:var(--next-font-round), "Trebuchet MS", system-ui, sans-serif;--font-num:var(--next-font-num), "Courier New", monospace;--font-display:var(--font-pixel);--font-heading:var(--font-round);--font-body:var(--font-round);--font-screen:var(--font-dot);--font-readout:var(--font-num);--text-2xs:.625rem;--text-xs:.75rem;--text-sm:.875rem;--text-base:1rem;--text-md:1.125rem;--text-lg:1.375rem;--text-xl:1.75rem;--text-2xl:2.25rem;--text-3xl:3rem;--text-4xl:4rem;--text-readout:5.5rem;--weight-regular:400;--weight-medium:500;--weight-semibold:600;--weight-bold:700;--leading-tight:1.05;--leading-snug:1.25;--leading-normal:1.5;--leading-loose:1.7;--tracking-pixel:.04em;--tracking-dot:.02em;--tracking-normal:0;--tracking-wide:.08em;--tracking-caps:.14em}
:root{--space-0:0;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--space-10:40px;--space-12:48px;--space-16:64px;--space-20:80px;--space-24:96px;--pixel:4px;--pixel-lcd:8px;--width-prose:60ch;--width-app:420px;--width-page:1120px;--gutter:var(--space-6);--section-gap:var(--space-16)}
:root{--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:26px;--radius-2xl:36px;--radius-pill:999px;--radius-screen:14px;--line-1:1.5px;--line-2:2.5px;--line-3:4px;--shadow-hard-sm:2px 2px 0 var(--ink);--shadow-hard:4px 4px 0 var(--ink);--shadow-hard-lg:6px 6px 0 var(--ink);--shadow-hard-brand:4px 4px 0 var(--brand-deep);--shadow-hard-teal:4px 4px 0 var(--accent-deep);--shadow-float:0 10px 24px -8px #2b2a2659;--shadow-lift:0 4px 0 var(--ink), 0 12px 22px -10px #2b2a2666;--plastic-top:inset 0 2px 0 #fff9;--plastic-bottom:inset 0 -4px 0 #2b2a2629;--plastic:var(--plastic-top), var(--plastic-bottom);--plastic-pressed:inset 0 3px 6px #2b2a2647;--lcd-inset:inset 0 0 0 3px var(--lcd-1), inset 0 4px 10px #0f380f73, inset 0 -2px 6px #9bbc0f40;--lcd-glow:0 0 6px #9bbc0f73;--ring-focus:0 0 0 2px var(--white), 0 0 0 5px var(--focus);--ease-pop:cubic-bezier(.34, 1.56, .64, 1);--ease-snap:steps(6, end);--ease-out:cubic-bezier(.22, .61, .36, 1);--dur-fast:90ms;--dur:.16s;--dur-slow:.32s;--dot-grid:radial-gradient(var(--paper-dot) 1.5px, transparent 1.6px);--dot-grid-size:16px 16px}
*,:before,:after{box-sizing:border-box}body{font-family:var(--font-body);font-weight:var(--weight-medium);font-size:var(--text-base);line-height:var(--leading-normal);color:var(--text-body);background-color:var(--surface-page);background-image:var(--dot-grid);background-size:var(--dot-grid-size);-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;margin:0}h1,h2,h3,h4{font-family:var(--font-heading);font-weight:var(--weight-bold);color:var(--text-strong);line-height:var(--leading-tight);margin:0}::selection{background:var(--brand-soft);color:var(--ink)}.otd-lcd{background-color:var(--surface-screen);background-image:repeating-linear-gradient(var(--lcd-1) 0 1px, transparent 1px 3px);color:var(--text-lcd);font-family:var(--font-screen);border-radius:var(--radius-screen);box-shadow:var(--lcd-inset);background-size:100% 3px}.otd-plastic{background:var(--surface-shell);border:var(--line-2) solid var(--border);box-shadow:var(--plastic)}.otd-card{background:var(--surface-card);border:var(--line-2) solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-hard)}.otd-page{background-color:var(--surface-page);background-image:var(--dot-grid);background-size:var(--dot-grid-size)}.otd-pixelated{image-rendering:pixelated}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.001ms!important;animation-duration:.001ms!important}}
html{background:var(--paper);scrollbar-color:var(--shell-deep) var(--paper)}*{scrollbar-width:thin;scrollbar-color:var(--shell-deep) transparent}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--shell-deep);border:2px solid var(--paper);border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--ink-soft)}::-webkit-scrollbar-corner{background:0 0}.otd-stage{background-color:var(--surface-page);background-image:var(--dot-grid);background-size:var(--dot-grid-size);justify-content:center;align-items:center;min-height:100vh;padding:28px 16px;display:flex}.otd-phone{background:var(--shell-gray);border:5px solid var(--ink);width:420px;max-width:100%;height:860px;max-height:92vh;box-shadow:var(--plastic-top), 10px 12px 0 var(--ink), 0 26px 50px -18px #2b2a2680;border-radius:44px;padding:14px;position:relative}.otd-phone:before{content:"";background:var(--shell-deep);border-radius:999px;width:58px;height:8px;position:absolute;top:20px;left:50%;transform:translate(-50%);box-shadow:inset 0 1px 2px #2b2a2666}.otd-phone__screen{background:var(--paper);background-image:var(--dot-grid);background-size:var(--dot-grid-size);border:var(--line-2) solid var(--ink);border-radius:30px;flex-direction:column;height:calc(100% - 18px);margin-top:18px;display:flex;position:relative;overflow:hidden}@media (max-width:520px){html,body{overscroll-behavior-y:none}.otd-stage{padding:0}.otd-stage--app{min-height:0;position:fixed;inset:0;overflow:hidden}.otd-phone{width:100%;height:100dvh;max-height:none;box-shadow:none;background:var(--paper);border:0;border-radius:0;padding:0}.otd-stage--app .otd-phone{height:100%}.otd-phone:before{display:none}.otd-phone__screen{border:0;border-radius:0;height:100%;margin-top:0}.otd-screen{padding-bottom:88px}}.otd-topbar{background:var(--shell-bone);border-bottom:var(--line-2) solid var(--ink);flex:none;justify-content:space-between;align-items:center;padding:16px 18px 12px;display:flex}.otd-brand{flex-direction:column;gap:5px;line-height:1;display:flex}.otd-brand__on{font-family:var(--font-pixel);color:var(--brand);letter-spacing:.1em;font-size:8px}.otd-brand__this{font-family:var(--font-pixel);color:var(--text-strong);letter-spacing:.04em;font-size:14px}.otd-screen{flex-direction:column;flex:1;gap:16px;padding:18px 18px 20px;display:flex;overflow-y:auto}.otd-screen>*{flex-shrink:0}.otd-screen--center{text-align:center;justify-content:safe center;align-items:center;gap:18px}.otd-screen__head{align-items:center;gap:12px;display:flex}.otd-screen__title{font-family:var(--font-heading);color:var(--text-strong);flex:1;margin:0;font-size:22px;font-weight:700}.otd-hero{justify-content:space-between;align-items:center;gap:12px;display:flex}.otd-hero__hello{font-family:var(--font-heading);color:var(--text-strong);font-size:26px;font-weight:700}.otd-hero__sub{color:var(--text-muted);margin-top:2px;font-size:14px}.otd-section{flex-direction:column;display:flex}.otd-section__label{font-family:var(--font-pixel);letter-spacing:.12em;text-transform:uppercase;color:var(--text-muted);margin-bottom:12px;font-size:9px}.otd-cap__glyph{background:var(--brand-soft);border:var(--line-2) solid var(--ink);width:52px;height:52px;box-shadow:var(--shadow-hard-sm);color:var(--brand-deep);border-radius:14px;flex:none;justify-content:center;align-items:center;font-size:26px;display:flex}.otd-field-block{flex-direction:column;gap:10px;display:flex}.otd-field-block__label,.otd-pixel-head{font-family:var(--font-pixel)}.otd-field-block__label{letter-spacing:.12em;color:var(--text-muted);font-size:9px}.otd-chips{flex-wrap:wrap;gap:8px;display:flex}.otd-chip{font-family:var(--font-round);border-radius:var(--radius-pill);border:var(--line-2) solid var(--ink);background:var(--white);color:var(--text-strong);cursor:pointer;box-shadow:var(--shadow-hard-sm);white-space:nowrap;transition:transform var(--dur-fast) var(--ease-pop), background var(--dur);padding:9px 16px;font-size:14px;font-weight:600}.otd-chip:active{transform:translate(1px,1px)}.otd-chip.is-on{background:var(--brand);color:var(--text-on-brand)}.otd-unlock-note{color:var(--text-body);font-size:14px;font-family:var(--font-round);align-items:center;gap:8px;display:flex}.otd-unlock-note .otd-i{color:var(--brand);font-size:18px}.otd-datedial{gap:8px;display:flex}.otd-datedial select{appearance:none;font-family:var(--font-round);border-radius:var(--radius-md);border:var(--line-2) solid var(--ink);background:var(--white);color:var(--text-strong);box-shadow:var(--shadow-hard-sm);cursor:pointer;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 8 5'%3E%3Cpath d='M0 0h8L4 5z' fill='%232b2a26'/%3E%3C/svg%3E");background-position:right 10px center;background-repeat:no-repeat;background-size:10px 7px;min-width:0;padding:10px 28px 10px 12px;font-size:15px;font-weight:600}.otd-datedial select:focus-visible{box-shadow:var(--shadow-hard-sm), var(--ring-focus);outline:none}.otd-datedial select:active{transform:translate(1px,1px)}.otd-datedial select{appearance:base-select}.otd-datedial select::picker(select){appearance:base-select}.otd-datedial select::picker-icon{display:none}.otd-datedial select::picker(select){background:var(--white);border:var(--line-2) solid var(--ink);border-radius:var(--radius-md);box-shadow:var(--shadow-hard-sm);margin-top:4px;padding:4px}.otd-datedial option{font-family:var(--font-round);color:var(--text-strong);background:var(--white);cursor:pointer;border-radius:8px;padding:8px 12px;font-size:15px;font-weight:600}.otd-datedial option:hover,.otd-datedial option:focus{background:var(--brand-soft)}.otd-datedial option:checked{background:var(--brand);color:var(--text-on-brand)}.otd-datedial option::checkmark{display:none}.otd-modal{z-index:30;background:#2b2a2673;justify-content:center;align-items:center;padding:22px;display:flex;position:absolute;inset:0}.otd-modal__panel{background:var(--surface-shell);border:var(--line-2) solid var(--ink);border-radius:var(--radius-xl);box-shadow:var(--shadow-hard-lg);text-align:center;flex-direction:column;align-items:center;gap:14px;max-width:300px;padding:24px 22px;display:flex}.otd-iconpick{flex-wrap:wrap;gap:8px;display:flex}.otd-iconpick button{border:var(--line-2) solid var(--ink);background:var(--white);width:44px;height:44px;color:var(--text-muted);cursor:pointer;box-shadow:var(--shadow-hard-sm);transition:transform var(--dur-fast) var(--ease-pop), background var(--dur), color var(--dur);border-radius:14px;justify-content:center;align-items:center;padding:0;font-size:22px;display:flex}.otd-iconpick button:active{transform:translate(1px,1px)}.otd-iconpick button:focus-visible{box-shadow:var(--shadow-hard-sm), var(--ring-focus);outline:none}.otd-iconpick button.is-on{background:var(--brand-soft);color:var(--brand-deep);box-shadow:var(--shadow-hard-sm), var(--plastic-top)}.otd-sealed__burst{padding:8px 0 4px}.otd-pixel-head{color:var(--text-strong);letter-spacing:.06em;font-size:16px}.otd-sealed__body{font-family:var(--font-round);color:var(--text-body);max-width:30ch;margin:0;font-size:15px}.otd-sealed__date,.otd-read__meta{font-family:var(--font-round);color:var(--text-muted);white-space:nowrap;justify-content:center;align-items:center;gap:8px;font-size:14px;display:flex}.otd-read__meta{justify-content:flex-start}.otd-read__line{letter-spacing:.02em;margin:0 0 12px;font-size:19px;line-height:1.5}.otd-read__sign{color:var(--text-lcd-dim);margin:0;font-size:18px}.otd-read__actions{align-items:center;gap:10px;display:flex}.otd-nav{background:var(--shell-bone);border-top:var(--line-2) solid var(--ink);flex:none;justify-content:space-around;align-items:center;padding:8px 10px 10px;display:flex;position:relative}.otd-nav__item{cursor:pointer;font-family:var(--font-round);color:var(--text-muted);background:0 0;border:0;flex-direction:column;align-items:center;gap:3px;padding:4px 8px;font-size:22px;font-weight:600;text-decoration:none;display:flex}.otd-nav__item span{font-size:10px}.otd-nav__item.is-active{color:var(--brand)}.otd-nav__fab{background:var(--brand);width:56px;height:56px;color:var(--text-on-brand);border:var(--line-3) solid var(--ink);cursor:pointer;box-shadow:var(--shadow-hard), var(--plastic-top);transition:transform var(--dur-fast) var(--ease-pop);border-radius:50%;flex:none;justify-content:center;align-items:center;margin-top:-28px;font-size:28px;display:flex}.otd-nav__fab:active{box-shadow:var(--shadow-hard-sm);transform:translateY(2px)}.otd-fade{animation:otd-fade var(--dur-slow) var(--ease-out)}@keyframes otd-fade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}