:root{--bg:#fdf4f6;--panel:#ffffff;--ink:#3f3237;--muted:#8d7b82;--line:#ead9df;--accent:#d78ca6;--radius:10px}*,*::before,*::after{box-sizing:border-box}[hidden]{display:none !important}body{margin:0;padding:3rem 1.25rem 5rem;background:var(--bg);color:var(--ink);font:16px/1.6 ui-sans-serif,-apple-system,segoe ui,Roboto,sans-serif;-webkit-font-smoothing:antialiased}main{max-width:560px;margin:0 auto}#lock{text-align:center;padding-top:12vh}#lock h1{margin:0 0 2rem;font-size:2rem;font-weight:600;letter-spacing:.08em}#lock-form{display:grid;gap:.75rem;justify-items:center}#lock label{color:var(--muted);font-size:.9rem}#code{width:100%;max-width:260px;padding:.7rem .9rem;font:inherit;text-align:center;letter-spacing:.25em;color:inherit;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}#code:focus-visible{outline:2px solid var(--accent);outline-offset:2px}button{padding:.6rem 1.4rem;font:inherit;color:var(--panel);background:var(--accent);border:0;border-radius:var(--radius);cursor:pointer}button:hover{filter:brightness(.95)}#lock-error{min-height:1.4em;margin:0;color:var(--accent);font-size:.875rem}@keyframes shake{25%,75%{transform:translateX(-5px)}50%{transform:translateX(5px)}}.shake{animation:shake .25s ease-in-out}.intro{margin-bottom:3rem;text-align:center}.intro h2{margin:0 0 .5rem;font-size:1.4rem;font-weight:600}.intro p{margin:0;color:var(--muted)}.months{position:relative;margin:0;padding:0 0 0 1.75rem;list-style:none}.months::before{content:"";position:absolute;left:5px;top:.6rem;bottom:.6rem;width:1px;background:var(--line)}.month{position:relative;padding-bottom:3rem}.month::before{content:"";position:absolute;left:-1.75rem;top:.55rem;width:11px;height:11px;background:var(--bg);border:1px solid var(--line);border-radius:50%}.month--shipped::before{border-color:var(--accent)}.month--opened::before{background:var(--accent);border-color:var(--accent)}.month h3{margin:0;font-size:1.05rem;font-weight:600}.status{margin:.15rem 0 1rem;color:var(--muted);font-size:.75rem;letter-spacing:.1em;text-transform:uppercase}.month--opened .status{color:var(--accent)}.items{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.item{margin:0}.item img,.cover{width:100%;aspect-ratio:1/1;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius)}.item img{display:block;object-fit:cover}.cover{display:grid;place-items:center}.cover svg{width:44px;height:44px;fill:none;stroke:var(--line);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.month--shipped .cover svg{stroke:var(--accent)}figcaption{margin-top:.4rem;color:var(--muted);font-size:.75rem;text-align:center}.note{margin:1rem 0 0;color:var(--muted);font-size:.9rem;font-style:italic}@media(max-width:420px){.items{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.shake{animation:none}}