:root{--paper:#fbf3df;--paper-deep:#f9dee6;--paper-line:#33303a29;--ink:#33303a;--ink-soft:#33303ac7;--raspberry:#b03a63;--raspberry-deep:#8e2e4f;--turquoise:#16545a;--turquoise-deep:#0f3d42;--mustard:#e8b23d;--cream:#fbf3df;--font-display:"Outfit", system-ui, sans-serif;--font-body:"Outfit", system-ui, sans-serif;--font-mono:"Space Mono", ui-monospace, monospace;--radius:10px;--shadow-card:0 2px 0 var(--paper-line)}*{box-sizing:border-box}body{font-family:var(--font-body);color:var(--ink);background-color:var(--paper);background-image:radial-gradient(#33303a0f 1px,#0000 1.3px);background-size:14px 14px;margin:0;font-size:16px;line-height:1.45}#root{max-width:480px;min-height:100vh;margin:0 auto;padding:0 16px 152px}h1,h2,h3{font-family:var(--font-display);letter-spacing:-.01em;margin:0 0 12px;font-weight:800;line-height:1.15}h1{font-size:1.7rem}h2{text-transform:uppercase;letter-spacing:.04em;color:var(--turquoise-deep);font-size:1.05rem}p{color:var(--ink-soft);margin:0 0 12px}a{color:var(--turquoise-deep);font-weight:600}ul,ol{margin:0;padding-left:0;list-style:none}button,input,select{font:inherit;min-height:48px}input,select{border:1.5px solid var(--paper-line);background:var(--cream);width:100%;color:var(--ink);border-radius:8px;padding:0 14px}input:focus,select:focus,button:focus-visible{outline:3px solid var(--mustard);outline-offset:1px}label{color:var(--ink);margin-bottom:14px;font-size:.9rem;font-weight:600;display:block}label>input,label>select{margin-top:6px}button{cursor:pointer;background:var(--turquoise);color:var(--cream);border:none;border-radius:8px;padding:0 18px;font-weight:700;transition:transform 80ms,background-color .15s}button:hover{background:var(--turquoise-deep)}button:active{transform:translateY(1px)}button:disabled{background:var(--paper-line);color:var(--ink-soft);cursor:not-allowed}.btn-outline{color:var(--turquoise-deep);border:1.5px solid var(--turquoise);background:0 0}.btn-outline:hover{background:#16545a14}.btn-danger{background:var(--raspberry-deep)}.btn-danger:hover{background:#6e2340}.btn-block{width:100%;margin-top:4px}.masthead{justify-content:space-between;align-items:center;padding:20px 0 12px;display:flex}.brand{font-family:var(--font-display);color:var(--ink);letter-spacing:-.01em;align-items:center;gap:6px;font-size:1.3rem;font-weight:800;display:flex}.stamp-card{background:var(--paper-deep);border:1.5px solid var(--paper-line);border-radius:var(--radius);margin-bottom:16px;padding:18px 16px;position:relative}.stamp-card--accent{border-color:var(--turquoise);border-width:2px}.hero-banner{background:var(--raspberry);color:var(--cream);border-radius:var(--radius) var(--radius) 0 0;z-index:0;margin-bottom:20px;padding:22px 18px 20px;position:relative;overflow:hidden}.hero-banner:after{content:"";background:var(--raspberry);height:12px;position:absolute;bottom:-1px;left:-1px;right:-1px;-webkit-mask-image:linear-gradient(135deg,#0000 6px,#000 6px),linear-gradient(-135deg,#0000 6px,#000 6px);mask-image:linear-gradient(135deg,#0000 6px,#000 6px),linear-gradient(-135deg,#0000 6px,#000 6px);-webkit-mask-position:0 100%;mask-position:0 100%;-webkit-mask-size:12px 12px;mask-size:12px 12px;-webkit-mask-repeat:repeat-x;mask-repeat:repeat-x}.hero-banner h1{color:var(--cream);margin-bottom:4px}.hero-banner p{color:var(--cream);margin-bottom:12px}.hero-banner p:last-child{margin-bottom:0}.group-nav{z-index:30;background:var(--paper-deep);border-top:1.5px solid var(--paper-line);gap:4px;max-width:480px;margin:0 auto;padding:6px 12px;display:flex;position:fixed;bottom:0;left:0;right:0}.group-nav__tab{text-align:center;color:var(--ink-soft);background:0 0;border-radius:6px;flex:1;justify-content:center;align-items:center;min-height:44px;padding:10px 4px;font-size:.82rem;font-weight:700;display:flex}.group-nav__tab--active{background:var(--turquoise);color:var(--cream)}.drink-grid{grid-template-columns:1fr 1fr;gap:14px;margin-bottom:16px;display:grid}.drink-stamp{background:radial-gradient(circle at 50% 0, var(--paper) 3.6px, transparent 3.7px) top left / 12px 8px repeat-x, radial-gradient(circle at 50% 100%, var(--paper) 3.6px, transparent 3.7px) bottom left / 12px 8px repeat-x, var(--turquoise);font-family:var(--font-display);color:var(--cream);text-align:center;border:none;border-radius:0;min-height:64px;padding:16px 10px;font-size:1.15rem;font-weight:800}.drink-stamp:hover{background:radial-gradient(circle at 50% 0, var(--paper) 3.6px, transparent 3.7px) top left / 12px 8px repeat-x, radial-gradient(circle at 50% 100%, var(--paper) 3.6px, transparent 3.7px) bottom left / 12px 8px repeat-x, var(--turquoise-deep)}.day-strip{gap:6px;margin-bottom:16px;padding:4px 2px 12px;display:flex;overflow-x:auto}.day-strip__day{background:var(--paper-deep);border:1.5px solid var(--paper-line);width:40px;min-height:56px;color:var(--ink-soft);border-radius:8px;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:2px;display:flex;position:relative}.day-strip__day--active{background:var(--raspberry);border-color:var(--raspberry);color:var(--cream)}.day-strip__weekday{font-family:var(--font-mono);text-transform:uppercase;font-size:.65rem}.day-strip__number{font-family:var(--font-mono);font-size:1rem;font-weight:700}.day-strip__dot{background:var(--mustard);border-radius:999px;width:5px;height:5px;position:absolute;bottom:5px}.day-strip__day--active .day-strip__dot{background:var(--cream)}.ranking-row{border-bottom:1px solid var(--paper-line);align-items:center;gap:10px;padding:10px 4px;font-weight:600;display:flex}.ranking-row:last-child{border-bottom:none}.ranking-row__rank{font-family:var(--font-mono);color:var(--ink-soft);width:1.4em;font-size:.8rem}.starburst{clip-path:polygon(50% 0%,64.5% 14.9%,85.4% 14.6%,85.1% 35.5%,100% 50%,85.1% 64.5%,85.4% 85.4%,64.5% 85.1%,50% 100%,35.5% 85.1%,14.6% 85.4%,14.9% 64.5%,0% 50%,14.9% 35.5%,14.6% 14.6%,35.5% 14.9%);background:var(--mustard);color:var(--ink);width:1.7em;height:1.7em;font-family:var(--font-mono);flex-shrink:0;justify-content:center;align-items:center;font-size:.8rem;font-weight:700;display:flex}.ranking-row__name{flex:1}.ranking-row__value{font-family:var(--font-mono);font-weight:700}.ranking-row--first{background:#e8b23d47;border-radius:6px}.sash{font-family:var(--font-display);white-space:nowrap;border-radius:999px;align-items:center;gap:4px;padding:3px 9px;font-size:.72rem;font-weight:700;display:inline-flex}.sash--first{background:var(--mustard);color:var(--ink)}.sash--last{color:var(--ink-soft);border:1px solid var(--paper-line);background:0 0}.gallery-date{font-family:var(--font-mono);text-transform:none;letter-spacing:.06em;color:var(--turquoise-deep);margin:20px 0 10px;font-size:.78rem}.gallery-grid{grid-template-columns:1fr 1fr;gap:12px;margin-bottom:4px;display:grid}.gallery-card{background:var(--cream);border:1px solid var(--paper-line);box-shadow:var(--shadow-card);border-radius:4px;padding:6px 6px 10px}.gallery-card:nth-child(odd){transform:rotate(-1.4deg)}.gallery-card:nth-child(2n){transform:rotate(1.2deg)}.gallery-card img{aspect-ratio:1;object-fit:cover;border-radius:2px;width:100%;display:block}.gallery-card figcaption{font-family:var(--font-mono);color:var(--ink-soft);text-align:center;margin-top:6px;font-size:.72rem}.toast{background:var(--ink);max-width:448px;color:var(--cream);border-radius:8px;justify-content:space-between;align-items:center;gap:12px;margin:0 auto;padding:12px 8px 12px 16px;display:flex;position:fixed;bottom:84px;left:16px;right:16px}.toast span:before{content:"✦ ";color:var(--mustard)}.toast button{color:var(--cream);background:0 0;padding:0 12px;font-weight:800}.toast button:hover{background:#fbf3df1f}.stack{flex-direction:column;gap:8px;display:flex}.muted{color:var(--ink-soft);font-size:.9rem}.emoji{margin-right:.4em;display:inline-block}.key-chip{font-family:var(--font-mono);letter-spacing:.08em;background:var(--mustard);color:var(--ink);border-radius:6px;padding:8px 14px;font-size:1.1rem;font-weight:700;display:inline-block}.drink-stamp{flex-direction:column;align-items:center;gap:4px;display:flex}.drink-stamp__price{font-family:var(--font-mono);opacity:.85;font-size:.7rem;font-weight:700}.hero-banner:before{content:"";background:var(--mustard);clip-path:polygon(50% 0%,61% 20%,82% 12%,78% 35%,100% 42%,84% 58%,94% 78%,72% 74%,66% 96%,50% 80%,34% 96%,28% 74%,6% 78%,16% 58%,0% 42%,22% 35%,18% 12%,39% 20%);opacity:.9;z-index:-1;width:72px;height:72px;position:absolute;top:-18px;right:-18px}.hero-banner>*{z-index:1;position:relative}.day-log__row{border-bottom:1px solid var(--paper-line);justify-content:space-between;align-items:center;gap:10px;padding:8px 0;font-weight:600;display:flex}.day-log__row:last-child{border-bottom:none}.day-log__row button{flex-shrink:0;min-height:36px;padding:0 12px;font-size:.82rem}.day-ranking__toggle{width:100%;color:var(--turquoise-deep);font-family:var(--font-display);text-transform:uppercase;letter-spacing:.04em;text-align:left;background:0 0;justify-content:space-between;align-items:center;padding:0;font-size:1.05rem;font-weight:800;display:flex}.day-ranking__toggle:hover{background:0 0}.day-ranking__arrow{transition:transform .15s}.day-ranking__arrow--open{transform:rotate(180deg)}.day-ranking__body{margin-top:14px}.day-ranking__body .stamp-card{background:var(--paper)}.ornament{background:radial-gradient(circle, var(--turquoise) 1.4px, transparent 1.6px) center / 12px 10px repeat-x;opacity:.45;height:10px;margin:-6px 0 16px}