:root{--bg:#faf7ef;--surface:#fff8ec;--surface-2:#fffdf8;--ink:#2f261e;--muted:#7a6c5f;--line:#7c6a58;--line-soft:rgba(124,106,88,0.24);--accent:#bd6945;--accent-2:#6e8a65;--danger:#b42318;--warning:#a15c00;--success:#2f7d32;--info:#246b8f;--shadow:0 12px 32px rgba(84,62,39,0.12);--shadow-small:0 4px 12px rgba(84,62,39,0.1);--radius:12px;--font-hand:"LXGW WenKai TC","PingFang TC","Microsoft JhengHei",cursive;--font-sans:var(--font-hand);--font-display:var(--font-hand);--dur-1:140ms;--dur-2:240ms;--ease-out:cubic-bezier(0.2,0.8,0.2,1)}html[data-theme=night]{color-scheme:dark;--bg:#191713;--surface:#272119;--surface-2:#30271d;--ink:#f3e8d3;--muted:#b8a995;--line:#c7ad88;--line-soft:rgba(226,202,162,0.22);--accent:#c97853;--accent-2:#93a86f;--danger:#ef8f82;--warning:#e5a45b;--success:#8bbf7a;--info:#7eb6d3;--shadow:0 16px 38px rgba(0,0,0,0.38);--shadow-small:0 6px 16px rgba(0,0,0,0.24)}*{box-sizing:border-box}html{background:var(--bg);color:var(--ink);font-family:var(--font-sans)}body,html{overflow:hidden}body{width:100vw;height:100dvh;margin:0;background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.65' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.05'/%3E%3C/svg%3E"),radial-gradient(circle at 18% 20%,rgba(196,166,124,.08),transparent 24%),linear-gradient(rgba(226,216,201,.32) 1px,transparent 1px),linear-gradient(90deg,rgba(226,216,201,.32) 1px,transparent 1px),var(--bg);background-size:200px 200px,auto,44px 44px,44px 44px,auto}html[data-theme=night] body{background:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='noiseFilter'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.7' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23noiseFilter)' opacity='0.08'/%3E%3C/svg%3E"),radial-gradient(circle at 18% 16%,rgba(201,130,84,.12),transparent 27%),radial-gradient(circle at 88% 78%,rgba(147,168,111,.08),transparent 30%),linear-gradient(rgba(229,211,176,.075) 1px,transparent 1px),linear-gradient(90deg,rgba(229,211,176,.075) 1px,transparent 1px),var(--bg);background-size:200px 200px,auto,auto,44px 44px,44px 44px,auto}.font-loading-shell{display:grid;width:100vw;height:100dvh;place-items:center;color:var(--muted)}.font-loading-shell span{padding:10px 14px;border:1px solid var(--line-soft);border-radius:999px;background:rgba(255,248,236,.72)}.page-ready-fade{animation:page-ready-fade-in .28s var(--ease-out) both}@keyframes page-ready-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){.page-ready-fade{animation:none}.app-header h1:after,.app-header h1:before{animation:none;opacity:.42;transform:translateX(0) rotate(-1deg)}.app-header h1:after{opacity:.2;transform:translateX(0) translateY(2px) rotate(.8deg)}}@media (prefers-reduced-motion:no-preference){html.theme-transition,html.theme-transition *,html.theme-transition :after,html.theme-transition :before{transition:background-color .22s var(--ease-out),border-color .22s var(--ease-out),box-shadow .22s var(--ease-out),color .22s var(--ease-out),opacity .22s var(--ease-out)}}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(189,105,69,.3);outline-offset:3px}.app-header{display:flex;align-items:center;justify-content:space-between;gap:24px;min-height:112px;border-bottom:4px solid rgba(124,106,88,.16);padding:20px clamp(18px,4vw,52px) 6px;box-shadow:0 1px 0 rgba(255,255,255,.54)}.app-header h1{position:relative;margin:0;font-family:var(--font-display);font-size:clamp(2.2rem,5vw,4.2rem);font-weight:700;letter-spacing:-.02em;line-height:1.1;isolation:isolate;overflow:hidden}.app-header h1:after,.app-header h1:before{content:"";position:absolute;z-index:-1;pointer-events:none}.app-header h1:before{inset:56% -10% 13%;border-radius:999px 60% 999px 48%;background:linear-gradient(90deg,transparent,rgba(189,105,69,.01) 14%,rgba(214,158,92,.22) 42%,rgba(235,195,118,.2) 58%,transparent 82%);filter:blur(.5px);transform:translateX(-128%) translateY(0) rotate(-1deg);animation:tea-stain-sweep 9.5s var(--ease-out) infinite}.app-header h1:after{inset:66% -12% 9%;border-radius:52% 999px 58% 999px;background:linear-gradient(90deg,transparent,rgba(189,105,69,.005) 18%,rgba(185,122,66,.12) 45%,rgba(235,195,118,.12) 64%,transparent 86%);filter:blur(1.2px);transform:translateX(-132%) translateY(4px) rotate(.8deg);animation:tea-stain-sweep-secondary 9.5s var(--ease-out) infinite}@keyframes tea-stain-sweep{0%,18%{opacity:0;transform:translateX(-110%) translateY(0) rotate(-1deg)}32%{opacity:1;transform:translateX(-50%) translateY(2px) rotate(-1deg)}58%{opacity:.82;transform:translateX(10%) translateY(-2px) rotate(-.4deg)}82%,to{opacity:0;transform:translateX(110%) translateY(1px) rotate(-1deg)}}@keyframes tea-stain-sweep-secondary{0%,24%{opacity:0;transform:translateX(-132%) translateY(4px) rotate(.8deg)}40%{opacity:.76;transform:translateX(-42%) translateY(-2px) rotate(.2deg)}67%{opacity:.46;transform:translateX(28%) translateY(3px) rotate(.9deg)}88%,to{opacity:0;transform:translateX(132%) translateY(-1px) rotate(.5deg)}}.brand-group{display:flex;align-items:center;gap:16px}.menu-button{display:grid;width:50px;height:50px;place-items:center;border:0;border-radius:8px;background:transparent;box-shadow:none;padding:12px;transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.menu-button:hover{box-shadow:none;transform:translateY(1px)}.menu-button span{width:22px;height:2px;border-radius:999px;background:var(--ink)}.eyebrow{margin:0 0 6px;color:var(--muted);font-size:.82rem}.header-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.date-jump{display:flex;gap:8px;align-items:center}.date-field{position:relative;display:grid;min-height:44px;width:142px;align-content:center;justify-items:start;border:1.5px solid rgba(124,106,88,.5);border-radius:999px;background:var(--surface);color:var(--ink);padding:3px 44px 3px 14px;box-shadow:0 2px 8px rgba(84,62,39,.06);font-weight:700;transition:background var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.date-field:after{top:50%;right:14px;width:18px;height:18px;border:2px solid;border-radius:4px}.date-field:after,.date-field:before{content:"";position:absolute;transform:translateY(-50%)}.date-field:before{top:calc(50% - 5px);right:18px;width:10px;height:2px;border-radius:999px;background:currentColor}.date-field:hover{box-shadow:0 2px 8px rgba(84,62,39,.12);transform:translateY(1px)}.date-field:focus-visible{outline:3px solid rgba(189,105,69,.3);outline-offset:3px}.date-field-kicker{color:var(--muted);font-size:.62rem;line-height:1}.date-field-value{overflow:hidden;font-size:.98rem;line-height:1.15;text-overflow:ellipsis;white-space:nowrap}.date-native-input{position:absolute;width:1px;height:1px;border:0;margin:0;opacity:0;padding:0;pointer-events:none}.button{min-height:44px;border:1.5px solid rgba(124,106,88,.5);border-radius:999px;padding:0 18px;box-shadow:0 2px 8px rgba(84,62,39,.06);font-weight:700;transition:transform var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.button:hover{box-shadow:0 2px 8px rgba(84,62,39,.12);transform:translateY(1px)}.button:disabled{cursor:not-allowed;opacity:.48;transform:none}.button:disabled:hover{box-shadow:var(--shadow-small);transform:none}.button.primary{background:var(--accent);border-color:rgba(154,86,56,.58);color:#fffaf0}.button.secondary{background:var(--surface);color:var(--ink)}.button.danger{background:var(--danger);color:#fffaf0}html[data-theme=night] button:focus-visible,html[data-theme=night] input:focus-visible,html[data-theme=night] select:focus-visible,html[data-theme=night] textarea:focus-visible{outline-color:rgba(201,120,83,.44)}html[data-theme=night] .app-header{border-bottom-color:rgba(226,202,162,.13);box-shadow:0 1px 0 rgba(255,245,220,.06)}html[data-theme=night] .app-header h1:before{background:linear-gradient(90deg,transparent,rgba(201,120,83,.01) 14%,rgba(201,120,83,.22) 43%,rgba(232,180,112,.16) 62%,transparent 84%)}html[data-theme=night] .app-header h1:after{background:linear-gradient(90deg,transparent,rgba(232,180,112,.005) 18%,rgba(201,120,83,.12) 48%,rgba(232,180,112,.1) 68%,transparent 88%)}html[data-theme=night] .button,html[data-theme=night] .date-field{border-color:rgba(226,202,162,.28);box-shadow:0 4px 12px rgba(0,0,0,.16)}html[data-theme=night] .button:hover,html[data-theme=night] .date-field:hover{box-shadow:0 5px 14px rgba(0,0,0,.24)}html[data-theme=night] .button.primary{border-color:rgba(231,158,116,.45);color:#fff5e6}.app-shell{display:grid;height:calc(100dvh - 112px);min-height:0;padding:0 0 24px}.timeline-hero{position:relative;display:grid;grid-template-rows:minmax(0,1fr) auto;grid-gap:18px;gap:18px;min-height:0;overflow:visible}.month-watermark{position:fixed;z-index:0;bottom:54px;left:clamp(18px,4vw,52px);color:rgba(47,38,30,.07);font-family:var(--font-display);font-size:clamp(4.4rem,12vw,11rem);font-weight:700;line-height:.85;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;white-space:nowrap}html[data-theme=night] .month-watermark{color:rgba(243,232,211,.055)}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;padding:22px 24px 8px}.section-heading h2{margin:0;font-size:clamp(1.4rem,3vw,2.5rem)}.hero-stats{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.hero-stats span{border:1px solid var(--line-soft);border-radius:999px;background:#fff;padding:8px 12px;font-weight:700}html[data-theme=night] .hero-stats span{background:rgba(48,39,29,.84)}.timeline-scroll{--timeline-wobble-lift:0px;--timeline-wobble-tilt:0deg;height:100%;overflow-x:auto;overflow-y:hidden;overscroll-behavior:contain;scrollbar-width:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;user-select:none;touch-action:pan-x;-webkit-overflow-scrolling:touch}.timeline-scroll.is-initial-positioning{opacity:0}.timeline-scroll.is-initial-positioning .day-shelf,.timeline-scroll.is-initial-positioning .drink-button{animation:none}.timeline-scroll.is-panning{cursor:-webkit-grab;cursor:grab}.timeline-scroll::-webkit-scrollbar{display:none}.timeline-scroll:focus-visible{outline:3px solid rgba(189,105,69,.24);outline-offset:-6px}.timeline-track{display:flex;align-items:center;gap:18px;width:max-content;min-width:100%;height:100%;padding:0 clamp(18px,4vw,52px)}.month-marker{position:relative;display:grid;flex:0 0 76px;align-self:stretch;place-items:center;scroll-snap-align:start}.month-marker:before{position:absolute;top:28px;bottom:28px;left:50%;width:1px;background:linear-gradient(180deg,transparent,rgba(124,106,88,.3) 16%,rgba(124,106,88,.3) 84%,transparent);content:""}html[data-theme=night] .month-marker:before{background:linear-gradient(180deg,transparent,rgba(226,202,162,.18) 16%,rgba(226,202,162,.18) 84%,transparent)}.month-marker span{position:relative;z-index:1;border:1px solid rgba(124,106,88,.24);border-radius:999px;background:rgba(255,253,247,.9);box-shadow:0 7px 18px rgba(67,45,25,.1);color:var(--muted);font-family:var(--font-display);font-size:.74rem;font-weight:700;padding:7px 10px;writing-mode:vertical-rl;transition:background-color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.month-marker span:focus-visible,.month-marker span:hover{border-color:rgba(68,45,29,.9);background:#4a3326;box-shadow:0 9px 20px rgba(67,45,25,.24),0 0 0 4px rgba(74,51,38,.1);color:#fffaf0;outline:0;transform:translateY(-2px)}html[data-theme=night] .month-marker span{border-color:rgba(226,202,162,.2);background:rgba(48,39,29,.88);box-shadow:0 9px 20px rgba(0,0,0,.22)}html[data-theme=night] .month-marker span:focus-visible,html[data-theme=night] .month-marker span:hover{border-color:rgba(226,202,162,.42);background:rgba(77,54,39,.96);box-shadow:0 9px 22px rgba(0,0,0,.32),0 0 0 4px rgba(201,120,83,.1)}.timeline-scrollbar{position:relative;height:18px;margin:0 clamp(18px,4vw,52px) 4px;border:1px solid var(--line-soft);border-radius:999px;background:rgba(255,248,236,.8);box-shadow:var(--shadow-small)}.timeline-scrollbar:before{position:absolute;inset:6px 10px;border-radius:999px;background:rgba(124,106,88,.14);content:""}html[data-theme=night] .timeline-scrollbar{background:rgba(48,39,29,.78);box-shadow:var(--shadow-small)}html[data-theme=night] .timeline-scrollbar:before{background:rgba(226,202,162,.12)}.timeline-thumb{--thumb-left:0%;--thumb-width:100%;position:absolute;top:2px;bottom:2px;left:var(--thumb-left);width:var(--thumb-width);min-width:44px;border:0;border-radius:999px;background:var(--accent);box-shadow:inset 0 0 0 1px rgba(47,38,30,.2);cursor:-webkit-grab;cursor:grab;touch-action:none}.timeline-thumb:active{cursor:-webkit-grabbing;cursor:grabbing}.timeline-thumb:disabled{background:rgba(117,105,94,.32);cursor:default}html[data-theme=night] .timeline-thumb{background:#a85f43;box-shadow:inset 0 0 0 1px rgba(255,229,203,.16),0 2px 8px rgba(0,0,0,.2)}html[data-theme=night] .timeline-thumb:disabled{background:rgba(184,169,149,.22)}.day-shelf{--day-bg:#fffdf7;--day-index:0;--paper-tilt:0deg;--paper-shape:polygon(1.4% 1.8%,96.8% 0.8%,99.2% 13%,98.3% 97.2%,4.2% 98.6%,0.8% 89%,0.2% 10%);--shelf-pad-x:18px;position:relative;display:grid;flex:0 0 auto;min-height:195px;align-content:flex-end;border:1.5px solid rgba(104,82,61,.82);border-radius:6px;background:radial-gradient(ellipse at 18% 22%,rgba(255,255,255,.74),transparent 28%),radial-gradient(ellipse at 78% 74%,rgba(137,114,83,.14),transparent 30%),radial-gradient(circle at 22% 18%,rgba(145,121,87,.12) 0 .8px,transparent 1.5px),radial-gradient(circle at 76% 42%,rgba(145,121,87,.09) 0 .9px,transparent 1.8px),repeating-linear-gradient(180deg,rgba(124,106,88,.075) 0,rgba(124,106,88,.075) 1px,transparent 1px,transparent 25px),linear-gradient(180deg,transparent 78%,rgba(94,63,34,.13) 100%),linear-gradient(155deg,rgba(255,255,255,.98),rgba(252,244,226,.86) 52%,rgba(255,253,247,.9)),var(--day-bg);background-size:auto,auto,32px 30px,42px 38px,auto,auto,auto,auto;-webkit-clip-path:var(--paper-shape);clip-path:var(--paper-shape);filter:drop-shadow(8px 12px 16px rgba(67,45,25,.12)) drop-shadow(0 2px 4px rgba(67,45,25,.18));padding:16px var(--shelf-pad-x) 31px;scroll-snap-align:start;animation:shelf-rise .42s var(--ease-out) both;animation-delay:0s}.day-shelf:nth-child(3n+1){--paper-shape:polygon(0.8% 4%,94.6% 1.2%,99.1% 9.8%,98.7% 96.2%,7% 99%,1.3% 93.4%,0.2% 13%);--paper-tilt:-0.18deg}.day-shelf:nth-child(3n+2){--paper-shape:polygon(2.2% 1.2%,97.4% 2.6%,99.5% 88.8%,96.2% 98.3%,3.8% 97.4%,0.6% 86%,1% 8%);--paper-tilt:0.16deg}.day-shelf:nth-child(3n){--paper-shape:polygon(1.1% 2.8%,97.8% 0.9%,99.2% 18%,98.4% 98%,5.4% 97.8%,0.4% 91.2%,1.2% 11%);--paper-tilt:-0.08deg}.day-shelf.is-today{--day-bg:#fff0c9;border-color:rgba(152,88,31,.94);background:radial-gradient(ellipse at 18% 22%,rgba(255,255,255,.88),transparent 30%),radial-gradient(ellipse at 78% 74%,rgba(197,121,40,.22),transparent 32%),radial-gradient(circle at 22% 18%,rgba(186,109,32,.15) 0 .8px,transparent 1.5px),radial-gradient(circle at 76% 42%,rgba(186,109,32,.12) 0 .9px,transparent 1.8px),repeating-linear-gradient(180deg,rgba(146,96,44,.095) 0,rgba(146,96,44,.095) 1px,transparent 1px,transparent 25px),linear-gradient(180deg,transparent 70%,rgba(123,73,29,.2) 100%),linear-gradient(155deg,rgba(255,255,255,.98),rgba(255,229,166,.96) 50%,rgba(255,245,219,.94)),var(--day-bg);filter:drop-shadow(20px 34px 24px rgba(118,67,23,.38)) drop-shadow(8px 13px 11px rgba(118,67,23,.25)) drop-shadow(0 0 0 rgba(180,96,22,.34)) drop-shadow(0 0 12px rgba(225,161,70,.24))}html[data-theme=night] .day-shelf{--day-bg:#302f2b;border-color:rgba(226,202,162,.18);background:radial-gradient(ellipse at 18% 22%,rgba(255,247,224,.08),transparent 28%),radial-gradient(ellipse at 78% 74%,rgba(0,0,0,.2),transparent 30%),radial-gradient(circle at 22% 18%,rgba(232,213,178,.08) 0 .8px,transparent 1.5px),radial-gradient(circle at 76% 42%,rgba(232,213,178,.06) 0 .9px,transparent 1.8px),repeating-linear-gradient(180deg,rgba(229,211,176,.055) 0,rgba(229,211,176,.055) 1px,transparent 1px,transparent 25px),linear-gradient(180deg,transparent 68%,rgba(0,0,0,.22) 100%),linear-gradient(155deg,rgba(61,59,53,.98),rgba(45,44,40,.94) 54%,rgba(55,53,48,.96)),var(--day-bg);filter:drop-shadow(8px 12px 18px rgba(0,0,0,.32)) drop-shadow(0 2px 5px rgba(0,0,0,.24))}html[data-theme=night] .day-shelf.is-today{--day-bg:#3a332b;border-color:rgba(223,154,86,.42);background:radial-gradient(ellipse at 18% 22%,rgba(255,232,190,.11),transparent 30%),radial-gradient(ellipse at 78% 74%,rgba(201,120,83,.18),transparent 32%),radial-gradient(circle at 22% 18%,rgba(235,178,116,.1) 0 .8px,transparent 1.5px),radial-gradient(circle at 76% 42%,rgba(235,178,116,.08) 0 .9px,transparent 1.8px),repeating-linear-gradient(180deg,rgba(235,178,116,.07) 0,rgba(235,178,116,.07) 1px,transparent 1px,transparent 25px),linear-gradient(180deg,transparent 66%,rgba(0,0,0,.22) 100%),linear-gradient(155deg,rgba(66,58,49,.98),rgba(50,45,39,.95) 50%,rgba(65,57,48,.96)),var(--day-bg);filter:drop-shadow(16px 24px 24px rgba(0,0,0,.38)) drop-shadow(0 0 16px rgba(201,120,83,.18))}.day-shelf:before{position:absolute;inset:0;-webkit-clip-path:var(--paper-shape);clip-path:var(--paper-shape);background:linear-gradient(92deg,rgba(255,255,255,.22),transparent 34%),linear-gradient(178deg,transparent 66%,rgba(99,72,44,.08)),linear-gradient(28deg,transparent 48%,rgba(255,255,255,.18) 49%,transparent 52%);content:"";pointer-events:none}.day-shelf.is-today:before{background:linear-gradient(92deg,rgba(255,255,255,.38),transparent 32%),linear-gradient(178deg,transparent 58%,rgba(139,80,26,.16)),linear-gradient(28deg,transparent 47%,rgba(255,255,255,.28) 49%,transparent 52%)}html[data-theme=night] .day-shelf:before{background:linear-gradient(92deg,rgba(255,244,220,.055),transparent 34%),linear-gradient(178deg,transparent 58%,rgba(0,0,0,.22)),linear-gradient(28deg,transparent 48%,rgba(255,244,220,.045) 49%,transparent 52%)}html[data-theme=night] .day-shelf.is-today:before{background:linear-gradient(92deg,rgba(255,221,174,.08),transparent 32%),linear-gradient(178deg,transparent 56%,rgba(0,0,0,.24)),linear-gradient(28deg,transparent 47%,rgba(255,221,174,.065) 49%,transparent 52%)}.day-shelf:after{position:absolute;top:-1px;right:-1px;width:24px;height:24px;border-bottom:1px solid rgba(124,106,88,.28);border-left:1px solid rgba(124,106,88,.2);border-radius:0 10px 0 6px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(231,211,181,.58));box-shadow:-2px 2px 7px rgba(84,62,39,.12);-webkit-clip-path:polygon(100% 0,0 0,100% 100%);clip-path:polygon(100% 0,0 0,100% 100%);content:"";pointer-events:none}.day-shelf.is-today:after{border-color:rgba(160,91,28,.32);background:linear-gradient(135deg,rgba(255,255,255,.88),rgba(246,183,91,.72));box-shadow:-2px 2px 9px rgba(133,78,27,.18)}html[data-theme=night] .day-shelf:after{border-color:rgba(226,202,162,.12);background:linear-gradient(135deg,rgba(82,78,69,.76),rgba(35,34,31,.82));box-shadow:-2px 2px 8px rgba(0,0,0,.28)}html[data-theme=night] .day-shelf.is-today:after{border-color:rgba(223,154,86,.2);background:linear-gradient(135deg,rgba(94,76,57,.82),rgba(45,39,33,.88));box-shadow:-2px 2px 9px rgba(0,0,0,.3)}.day-meta{position:absolute;z-index:6;top:16px;left:16px;right:16px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--muted);font-size:1rem;pointer-events:none;letter-spacing:.02em;text-transform:uppercase}.day-date{position:relative;z-index:7;border:0;border-radius:4px;background:transparent;color:var(--ink);font-family:var(--font-display);font-size:inherit;font-weight:700;padding:2px 6px;pointer-events:auto;touch-action:manipulation;transition:background-color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.day-date:focus-visible,.day-date:hover{background:rgba(255,248,231,.7);box-shadow:inset 0 -2px 0 rgba(201,147,88,.86);color:#8d4f1f;outline:0}.today-pill{position:relative;z-index:7;flex:0 0 auto;border:1px solid rgba(152,88,31,.36);border-radius:999px;background:rgba(255,248,231,.82);box-shadow:0 1px 3px rgba(99,72,44,.12);color:#8d4f1f;font-size:.94rem;font-weight:700;line-height:1;pointer-events:auto;padding:5px 9px}html[data-theme=night] .day-meta{color:rgba(221,207,183,.78)}html[data-theme=night] .day-date{color:rgba(243,232,211,.86);text-shadow:0 1px 0 rgba(0,0,0,.22)}html[data-theme=night] .day-date:focus-visible,html[data-theme=night] .day-date:hover{background:rgba(201,120,83,.14);box-shadow:inset 0 -2px 0 rgba(201,120,83,.5);color:#ffe4c9}html[data-theme=night] .today-pill{border-color:rgba(223,154,86,.32);background:rgba(201,120,83,.14);box-shadow:0 1px 5px rgba(0,0,0,.18);color:#ffd6ad}.drink-row{position:relative;z-index:1;display:flex;align-items:flex-end;justify-content:center;gap:8px;min-height:130px;padding-top:39px;width:100%}.drink-button{--drink-color:var(--accent);--drink-index:0;position:relative;display:grid;place-items:center;width:86px;height:133px;border:0;border-radius:16px;background:transparent;padding:0;transition:transform .18s var(--ease-out),filter .18s var(--ease-out);animation:drink-pop .36s var(--ease-out) both;animation-delay:.1s}.drink-button:focus-visible,.drink-button:hover{filter:drop-shadow(0 10px 10px rgba(84,62,39,.15));transform:translateY(-7px) rotate(-1.5deg)}.drink-visual-motion{--drink-rest-tilt:0deg;display:grid;place-items:end center;transform:translateY(var(--timeline-wobble-lift,0)) rotate(calc(var(--timeline-wobble-tilt, 0deg) + var(--drink-rest-tilt, 0deg)));transform-origin:bottom center}.drink-image{width:81px;height:125px;object-fit:contain}.drink-fallback,.drink-image{transform-origin:bottom center;transition:transform .18s var(--ease-out)}.drink-fallback{position:relative;display:block;width:68px;height:112px;border:1.5px solid #3d3127;border-radius:14px 14px 8px 8px;color:#fff;font-size:1.15rem;font-weight:700}.drink-button:focus-visible .drink-fallback,.drink-button:focus-visible .drink-image,.drink-button:hover .drink-fallback,.drink-button:hover .drink-image{transform:scale(1.2)}.drink-fallback span{position:absolute;top:50%;left:50%;color:inherit;font-family:var(--font-display);line-height:1.05;text-align:center;transform:translate(-50%,-50%);writing-mode:vertical-rl;-webkit-text-orientation:upright;text-orientation:upright}.drink-popover{--popover-x:50vw;--popover-y:40vh;position:fixed;z-index:80;top:max(16px,calc(var(--popover-y) - 14px));left:clamp(142px,var(--popover-x),calc(100vw - 142px));display:grid;width:252px;transform:translate(-50%,-100%);grid-gap:5px;gap:5px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface-2);box-shadow:var(--shadow);color:var(--ink);padding:15px;text-align:left;pointer-events:none;animation:popover-in .15s var(--ease-out) both}.drink-popover strong{font-size:1.18rem;line-height:1.25}.drink-popover em,.drink-popover span{color:var(--muted);font-size:1.03rem;font-style:normal;line-height:1.35}.metric-popover{--popover-x:50vw;--popover-y:40vh;position:fixed;z-index:82;left:clamp(174px,var(--popover-x),calc(100vw - 174px));display:grid;width:336px;grid-gap:10px;gap:10px;border:1px solid rgba(74,51,38,.18);border-radius:var(--radius);background:linear-gradient(rgba(255,255,255,.86),rgba(255,246,228,.92)),var(--surface-2);box-shadow:var(--shadow);color:var(--ink);padding:18px;pointer-events:none;text-align:left;animation:popover-in .15s var(--ease-out) both}.month-stats-popover{top:max(16px,calc(var(--popover-y) - 18px));transform:translate(-50%,-100%)}.day-medal-popover{top:min(calc(100vh - 220px),calc(var(--popover-y) + 15px));transform:translateX(-50%)}.metric-popover strong{font-family:var(--font-display);font-size:1.35rem;line-height:1.2}.metric-popover em,.metric-popover>span{color:var(--muted);font-size:1.12rem;font-style:normal;line-height:1.35}.metric-popover dl{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:8px;gap:8px;margin:3px 0}.metric-popover dl div{display:grid;grid-gap:4px;gap:4px;border:1px solid rgba(124,106,88,.18);border-radius:8px;background:rgba(255,253,247,.72);padding:10px 9px}.metric-popover dd,.metric-popover dt{margin:0}.metric-popover dt{color:var(--muted);font-size:.9rem;font-weight:700}.metric-popover dd{color:var(--ink);font-size:1.05rem;font-weight:800;overflow-wrap:anywhere}html[data-theme=night] .drink-popover{border-color:rgba(226,202,162,.2);background:linear-gradient(135deg,rgba(56,51,44,.96),rgba(36,34,30,.98)),var(--surface-2);box-shadow:0 18px 38px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,244,220,.035)}html[data-theme=night] .metric-popover{border-color:rgba(226,202,162,.2);background:radial-gradient(ellipse at 18% 20%,rgba(255,232,190,.07),transparent 34%),linear-gradient(135deg,rgba(58,53,46,.97),rgba(37,35,31,.98)),var(--surface-2);box-shadow:0 20px 42px rgba(0,0,0,.46),inset 0 0 0 1px rgba(255,244,220,.04)}html[data-theme=night] .metric-popover dl div{border-color:rgba(226,202,162,.16);background:rgba(25,23,19,.42)}.shelf-line{position:absolute;z-index:1;right:var(--shelf-pad-x);bottom:20px;left:var(--shelf-pad-x);height:16px;border:0;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 100 12' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 7.2 C11 5.8 21 7.7 32 6.4 C45 4.9 55 7.6 68 6.2 C80 5 91 6.7 99 5.8' stroke='%2388623d' stroke-width='2.2' stroke-linecap='round' fill='none'/%3E%3Cpath d='M2 8.4 C18 7.6 29 8.5 43 7.4 C57 6.4 68 8.7 82 7.2 C91 6.5 96 7.2 99 6.8' stroke='%23c99358' stroke-width='1.4' stroke-linecap='round' fill='none' opacity='0.55'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%;filter:drop-shadow(0 1px 1px rgba(84,62,39,.12));opacity:.9;transform:rotate(-.18deg);transform-origin:50% 50%}html[data-theme=night] .shelf-line{filter:brightness(1.18) saturate(.75) drop-shadow(0 1px 1px rgba(0,0,0,.26));opacity:.74}.empty-state{display:grid;place-items:center;grid-gap:14px;gap:14px;min-height:270px;padding:28px;text-align:center}.empty-state.compact{min-height:auto}.modal-backdrop{position:fixed;z-index:10;inset:0;display:grid;place-items:center;background:rgba(47,38,30,.24);padding:18px}.drawer-backdrop{position:fixed;z-index:70;inset:0;background:rgba(47,38,30,.2);animation:drawer-backdrop-in .14s var(--ease-out) both;will-change:opacity}.drawer-backdrop.is-closing{pointer-events:none;animation:drawer-backdrop-out .14s var(--ease-out) both}.drawer-panel{width:min(340px,calc(100vw - 32px));height:100dvh;max-height:100dvh;overflow-y:auto;overscroll-behavior:contain;border-right:1px solid var(--line-soft);background:var(--surface-2);box-shadow:12px 0 32px rgba(84,62,39,.14);padding:20px 20px calc(20px + env(safe-area-inset-bottom));animation:drawer-in .16s var(--ease-out) both;scrollbar-color:rgba(124,106,88,.34) transparent;scrollbar-width:thin;will-change:opacity,transform}.drawer-panel::-webkit-scrollbar{width:8px}.drawer-panel::-webkit-scrollbar-thumb{border:2px solid var(--surface-2);border-radius:999px;background:rgba(124,106,88,.34)}.drawer-backdrop.is-closing .drawer-panel{animation:drawer-out .14s var(--ease-out) both}.drawer-actions{display:grid;grid-gap:12px;gap:12px;margin-top:22px}.drawer-actions form{margin:0}.drawer-actions .button{position:relative;width:100%;min-height:58px;border:0;border-radius:18px 14px 20px 13px;background:linear-gradient(96deg,rgba(255,255,255,.36),transparent 42%),linear-gradient(180deg,rgba(250,239,220,.98),rgba(238,220,190,.86));box-shadow:0 3px 0 rgba(101,69,45,.28),0 13px 20px rgba(84,62,39,.18),inset 0 0 0 1px rgba(255,255,255,.4);color:var(--ink)}.drawer-actions .button,.drawer-actions .button:before{-webkit-clip-path:polygon(1.2% 13%,5.4% 4%,96.8% 3%,99% 17%,97.9% 88%,93.2% 96%,4.2% 96%,.8% 82%);clip-path:polygon(1.2% 13%,5.4% 4%,96.8% 3%,99% 17%,97.9% 88%,93.2% 96%,4.2% 96%,.8% 82%)}.drawer-actions .button:before{position:absolute;inset:0;border:2.5px solid rgba(96,66,45,.92);border-radius:inherit;content:"";pointer-events:none}.drawer-actions .button:after{position:absolute;right:18px;bottom:9px;left:18px;height:2px;background:rgba(121,82,54,.18);content:""}.drawer-actions .button:focus-visible,.drawer-actions .button:hover{background:linear-gradient(96deg,rgba(255,255,255,.42),transparent 42%),linear-gradient(180deg,rgba(249,235,211,1),rgba(231,207,174,.92));box-shadow:0 2px 0 rgba(101,69,45,.32),0 9px 16px rgba(84,62,39,.2),inset 0 0 0 1px rgba(255,255,255,.5);color:#7d4426;transform:translateY(1px) rotate(-.2deg)}.drawer-actions .button:focus-visible:before,.drawer-actions .button:hover:before{border-color:rgba(115,67,38,.98)}html[data-theme=night] .drawer-backdrop{background:rgba(10,9,7,.34)}html[data-theme=night] .drawer-panel{border-right-color:rgba(226,202,162,.14);background:#241f18;box-shadow:16px 0 36px rgba(0,0,0,.38);scrollbar-color:rgba(226,202,162,.22) transparent}html[data-theme=night] .drawer-panel::-webkit-scrollbar-thumb{border-color:#241f18;background:rgba(226,202,162,.22)}html[data-theme=night] .drawer-actions .button{background:linear-gradient(96deg,rgba(255,239,211,.055),transparent 42%),linear-gradient(180deg,rgba(63,58,50,.98),rgba(42,39,34,.94));box-shadow:0 3px 0 rgba(0,0,0,.38),0 13px 20px rgba(0,0,0,.22),inset 0 0 0 1px rgba(255,239,211,.06);color:rgba(243,232,211,.9)}html[data-theme=night] .drawer-actions .button:before{border-color:rgba(226,202,162,.22)}html[data-theme=night] .drawer-actions .button:after{background:rgba(226,202,162,.12)}html[data-theme=night] .drawer-actions .button:focus-visible,html[data-theme=night] .drawer-actions .button:hover{background:linear-gradient(96deg,rgba(255,220,180,.075),transparent 42%),linear-gradient(180deg,rgba(75,65,54,.98),rgba(48,43,37,.96));box-shadow:0 2px 0 rgba(0,0,0,.42),0 9px 16px rgba(0,0,0,.28),inset 0 0 0 1px rgba(255,220,180,.08);color:#ffd9b9}html[data-theme=night] .drawer-actions .button:focus-visible:before,html[data-theme=night] .drawer-actions .button:hover:before{border-color:rgba(223,154,86,.4)}.drawer-summary{margin-top:28px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 8' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.4 H13 M22 4.2 H39 M48 4.5 H63 M73 4.3 H90 M100 4.6 H115 M126 4.35 H143 M153 4.5 H159' stroke='%23d8cabb' stroke-width='1.2' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");background-repeat:repeat-x;background-size:160px 8px;padding-top:20px}.drawer-summary h3{margin:0 0 14px;font-size:1.25rem}.drawer-summary dl{display:grid;grid-gap:10px;gap:10px;margin:0}.drawer-summary div{display:flex;align-items:baseline;justify-content:space-between;gap:18px;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 8' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.4 H13 M22 4.2 H39 M48 4.5 H63 M73 4.3 H90 M100 4.6 H115 M126 4.35 H143 M153 4.5 H159' stroke='%23d8cabb' stroke-width='1.2' stroke-linecap='round' fill='none'/%3E%3C/svg%3E");background-position:0 100%;background-repeat:repeat-x;background-size:160px 8px;padding-bottom:10px}.drawer-summary dt{color:var(--muted)}.drawer-summary dd{margin:0;font-weight:700;text-align:right}.fun-stats dd{color:#8a5838}.modal-panel{width:min(680px,100%);max-height:min(760px,92vh);overflow:auto;border:1px solid var(--line-soft);border-radius:16px;background:var(--surface-2);box-shadow:var(--shadow);padding:20px}.library-modal{width:min(900px,100%);max-height:min(820px,92vh)}.drink-detail{--selected-drink-color:var(--accent);position:relative;display:grid;grid-template-columns:150px 1fr;grid-gap:16px 20px;gap:16px 20px;align-items:center;overflow:hidden;border:1.5px solid color-mix(in srgb,var(--selected-drink-color) 34%,var(--line-soft));border-radius:var(--radius);background:var(--surface-2);box-shadow:inset 0 0 0 1px rgba(255,255,255,.72),0 16px 32px rgba(67,45,25,.08);padding:18px 18px 18px 26px}.drink-detail:after{position:absolute;top:18px;right:18px;width:58px;height:58px;border:2px solid color-mix(in srgb,var(--selected-drink-color) 42%,rgba(124,106,88,.22));border-radius:50%;box-shadow:inset 0 0 0 5px rgba(255,253,248,.76);color:color-mix(in srgb,var(--selected-drink-color) 72%,var(--muted));content:"LOG";display:grid;font-family:var(--font-sans);font-size:.74rem;font-weight:700;letter-spacing:.08em;opacity:.34;place-items:center;transform:rotate(-8deg)}.drink-detail-accent{position:absolute;top:18px;bottom:18px;left:14px;width:6px;border-radius:999px;background:var(--selected-drink-color);box-shadow:0 0 0 4px color-mix(in srgb,var(--selected-drink-color) 12%,transparent),0 12px 22px color-mix(in srgb,var(--selected-drink-color) 24%,transparent)}.drink-detail-visual{position:relative;display:grid;grid-row:span 2;min-height:180px;place-items:center;border:1px solid color-mix(in srgb,var(--selected-drink-color) 36%,var(--line-soft));border-radius:var(--radius);background:linear-gradient(rgba(226,216,201,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(226,216,201,.18) 1px,transparent 1px),var(--surface);background-size:22px 22px,22px 22px,auto;box-shadow:inset 0 0 0 1px rgba(255,255,255,.54),0 10px 20px rgba(67,45,25,.1)}.drink-detail-visual:after{position:absolute;right:22px;bottom:22px;left:22px;height:8px;border-radius:999px;background:color-mix(in srgb,var(--selected-drink-color) 52%,#8a5838);box-shadow:0 4px 10px rgba(67,45,25,.14);content:""}.drink-detail-summary,.drink-detail-visual .drink-fallback,.drink-detail-visual .drink-image{position:relative;z-index:1}.drink-detail-summary{display:grid;align-self:end;grid-gap:6px;gap:6px;min-width:0;padding-right:58px}.drink-detail-summary h3{margin:0}.drink-detail-summary p{margin:0;color:var(--muted);font-family:var(--font-sans);font-size:.84rem;font-weight:700}.drink-detail-kicker{color:color-mix(in srgb,var(--selected-drink-color) 68%,var(--muted));font-family:var(--font-sans);font-size:.78rem;font-weight:700}.drink-detail-summary h3{color:var(--ink);font-family:var(--font-display);font-size:1.42rem;font-weight:700;line-height:1.05}.drink-detail-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:4px}.drink-detail-tags span{border:1px solid color-mix(in srgb,var(--selected-drink-color) 32%,var(--line-soft));border-radius:999px;background:color-mix(in srgb,var(--selected-drink-color) 8%,#fffdf8);color:var(--ink);font-family:var(--font-sans);font-size:.78rem;font-weight:700;padding:5px 8px}.drink-detail dl,.library-grid{margin:0}.drink-detail dl{position:relative;z-index:1;display:grid;grid-gap:10px;gap:10px;align-self:start;font-family:var(--font-sans)}.drink-detail dl div{display:flex;align-items:baseline;justify-content:space-between;gap:16px;border-bottom:1px solid var(--line-soft);padding-bottom:8px}.drink-detail dt{color:var(--muted);font-weight:700}.drink-detail dd{margin:0;font-weight:700;text-align:right}.danger-zone{display:grid;grid-gap:12px;gap:12px;margin-top:20px;border-top:1px solid rgba(180,35,24,.28);padding-top:16px}.danger-zone p{margin:0;color:var(--muted);line-height:1.6}.danger-zone .button{justify-self:end}.record-actions{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-end}.record-actions form{margin:0}.library-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:16px}.library-toolbar p{margin:0;color:var(--muted);line-height:1.6}.library-tabs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:12px}.library-tab{display:inline-flex;align-items:center;gap:7px;min-height:34px;border:1px solid rgba(124,106,88,.24);border-radius:999px;background:linear-gradient(rgba(255,255,255,.72),rgba(255,255,255,.28)),var(--surface);color:var(--muted);padding:0 11px;font-size:.86rem;font-weight:700;transition:border-color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.library-tab:focus-visible,.library-tab:hover{border-color:rgba(189,105,69,.54);color:var(--ink);transform:translateY(-1px)}.library-tab.selected{border-color:rgba(141,82,46,.72);background:linear-gradient(rgba(255,255,255,.18),rgba(255,255,255,0)),var(--accent);box-shadow:inset 0 -3px 0 rgba(80,45,26,.18),0 5px 12px rgba(84,62,39,.12);color:#fffaf0}.library-tab small{display:grid;min-width:1.45em;height:1.45em;place-items:center;border-radius:999px;background:rgba(124,106,88,.12);color:inherit;font-size:.72rem;line-height:1}.library-tab.selected small{background:rgba(255,250,240,.24)}.library-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(132px,1fr));grid-gap:10px;gap:10px;align-items:stretch;border:1px solid rgba(124,106,88,.2);border-radius:var(--radius);background:linear-gradient(rgba(124,106,88,.12) 1px,transparent 0),linear-gradient(90deg,rgba(124,106,88,.08) 1px,transparent 0),#f9f0df;background-size:100% 172px,142px 100%,auto;padding:10px}.preset-card{position:relative;display:grid;grid-template-rows:auto 1fr auto;grid-gap:6px;gap:6px;align-content:start;justify-items:center;min-height:162px;overflow:hidden;border:1px solid var(--line-soft);border-radius:8px;background:linear-gradient(to bottom,rgba(255,255,255,.52),rgba(255,255,255,0)),var(--surface);box-shadow:inset 0 -7px 0 rgba(124,106,88,.14),0 4px 10px rgba(84,62,39,.08);padding:9px 8px 12px;text-align:center}.preset-card:after{position:absolute;right:10px;bottom:5px;left:10px;height:2px;border-radius:999px;background:rgba(124,106,88,.38);content:""}.preset-count-badge{position:absolute;top:8px;right:8px;z-index:1;border:1px solid rgba(124,106,88,.2);border-radius:999px;background:rgba(255,253,248,.88);box-shadow:0 3px 8px rgba(84,62,39,.08);color:var(--muted);font-size:.68rem;font-weight:700;line-height:1;padding:5px 7px}.preset-visual{display:grid;min-height:76px;width:100%;place-items:center}.preset-visual .drink-image{width:48px;height:74px}.preset-visual .drink-fallback{width:46px;height:74px;color:#fffaf0;font-size:.82rem;text-shadow:0 1px 0 rgba(47,38,30,.22)}.preset-copy{display:grid;grid-gap:3px;gap:3px;justify-items:center;min-width:0;width:100%}.preset-card h3{margin:0;max-width:100%;font-family:var(--font-display);font-size:.88rem;line-height:1.2;overflow-wrap:anywhere}.preset-copy p,.preset-copy span{display:block;margin:0;color:var(--muted);font-size:.72rem;line-height:1.28}.preset-actions{display:flex;gap:5px;justify-content:center;width:100%}.preset-actions .mini-button{min-height:28px;padding:0 8px;font-size:.76rem}.preset-actions form{margin:0}.preset-picker{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));grid-gap:10px;gap:10px}.preset-pick{display:grid;grid-gap:8px;gap:8px;justify-items:center;min-height:148px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface);color:var(--ink);padding:10px;font-weight:700;transition:border-color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.preset-pick.selected,.preset-pick:hover{border-color:rgba(189,105,69,.72);box-shadow:0 8px 18px rgba(84,62,39,.13);transform:translateY(-1px)}.preset-pick .drink-fallback{width:48px;height:78px}.preset-pick .drink-image{width:54px;height:82px}.preset-pick span{max-width:100%;overflow-wrap:anywhere;text-align:center}.edit-record-preview{display:flex;align-items:center;gap:14px;border:1px solid var(--line-soft);border-radius:var(--radius);background:var(--surface);padding:12px}.edit-record-preview h3,.edit-record-preview p{margin:0}.edit-record-preview p{color:var(--muted)}.mini-button{min-height:34px;border:1px solid var(--line-soft);border-radius:999px;background:#fff;color:var(--ink);padding:0 12px;font-size:.85rem;font-weight:700}.mini-button.danger-text{border-color:rgba(180,35,24,.55);color:var(--danger)}.modal-header{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:18px}.modal-header h2{margin:0;font-family:var(--font-display);font-weight:700}.drawer-menu-header{align-items:center}.drawer-title-tools{display:flex;align-items:center;gap:10px;min-width:0}.drawer-header-tools{display:flex;align-items:center;gap:8px;margin-left:auto}.theme-toggle{--toggle-track:rgba(255,248,236,0.86);--toggle-border:rgba(124,106,88,0.32);--toggle-thumb:#fffaf0;--toggle-ink:#7a6c5f;position:relative;display:grid;grid-template-columns:1fr 1fr;width:72px;height:34px;align-items:center;border:1px solid var(--toggle-border);border-radius:999px;background:linear-gradient(180deg,rgba(255,255,255,.34),transparent),var(--toggle-track);box-shadow:inset 0 -2px 0 rgba(84,62,39,.08),0 4px 10px rgba(84,62,39,.08);color:var(--toggle-ink);padding:3px;transition:background var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),color var(--dur-1) var(--ease-out)}.theme-toggle:before{position:absolute;top:3px;left:3px;width:28px;height:28px;border-radius:999px;background:var(--toggle-thumb);box-shadow:0 2px 7px rgba(84,62,39,.18),inset 0 0 0 1px rgba(255,255,255,.52);content:"";transition:background var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out),transform var(--dur-2) var(--ease-out)}.theme-toggle[aria-pressed=true]{--toggle-track:rgba(35,31,26,0.92);--toggle-border:rgba(226,202,162,0.22);--toggle-thumb:#3f382f;--toggle-ink:#e8d7ba}.theme-toggle[aria-pressed=true]:before{box-shadow:0 2px 8px rgba(0,0,0,.32),inset 0 0 0 1px rgba(255,239,211,.08);transform:translateX(38px)}.theme-toggle-icon{position:relative;z-index:1;display:grid;width:28px;height:28px;place-items:center;font-size:.96rem;line-height:1;pointer-events:none;transition:color var(--dur-1) var(--ease-out),opacity var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.theme-toggle-icon.sun{color:#9b5f2d}.theme-toggle-icon.moon{color:#a99882;font-size:0;transform:translateX(4px)}.theme-toggle-icon.moon:before{width:13px;height:13px;border:1.7px solid;border-top:1.7px solid transparent;border-radius:999px;content:"";transform:rotate(-28deg)}.theme-toggle[aria-pressed=true] .theme-toggle-icon.sun{color:rgba(232,215,186,.48);transform:rotate(-12deg)}.theme-toggle[aria-pressed=true] .theme-toggle-icon.moon{color:#f3e8d3;transform:translateX(4px) rotate(8deg)}.theme-toggle:focus-visible,.theme-toggle:hover{box-shadow:inset 0 -2px 0 rgba(84,62,39,.08),0 5px 12px rgba(84,62,39,.12);transform:translateY(1px)}.danger-zone,.modal-actions{font-family:var(--font-sans)}.icon-button{display:grid;width:44px;height:44px;place-items:center;border:0;border-radius:8px;background:transparent;color:var(--ink);font-size:1.6rem;line-height:1;transition:color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.icon-button:focus-visible,.icon-button:hover{color:#7d4426;transform:translateY(1px)}.drawer-panel .icon-button{width:54px;height:54px;border:0;border-radius:8px;background:transparent;box-shadow:none;transform:rotate(-2deg);transition:color var(--dur-1) var(--ease-out),transform var(--dur-1) var(--ease-out)}.drawer-panel .icon-button:focus-visible,.drawer-panel .icon-button:hover{box-shadow:none;color:#7d4426;transform:rotate(1deg) translateY(1px)}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-gap:14px;gap:14px}.color-field,.form-grid label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:.92rem;font-weight:700}.color-picker-row{display:grid;grid-template-columns:1fr}.color-native-input{position:absolute;width:1px!important;height:1px;opacity:0;pointer-events:none}.color-swatch-button{display:flex!important;align-items:center;justify-content:space-between;min-height:64px;border:1px solid var(--line-soft);border-radius:10px;background:linear-gradient(90deg,rgba(255,255,255,.58),rgba(255,255,255,.18)),#fff;color:var(--ink)!important;padding:10px 12px!important;cursor:pointer}.color-swatch-button span{display:block;width:min(72%,240px);height:34px;border:1px solid rgba(47,38,30,.18);border-radius:8px;box-shadow:inset 0 0 0 1px rgba(255,255,255,.36),0 4px 10px rgba(84,62,39,.1)}.form-grid input,.form-grid select,.form-grid textarea{width:100%;border:1px solid var(--line-soft);border-radius:10px;background:#fff;color:var(--ink);padding:12px}.form-error{grid-column:1/-1;margin:0;border:1px solid rgba(180,35,24,.28);border-radius:10px;background:rgba(180,35,24,.06);color:var(--danger);font-size:.9rem;font-weight:700;padding:10px 12px}.image-url-import{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;grid-gap:10px;gap:10px}.image-url-import .mini-button{min-height:43px;border-radius:10px;white-space:nowrap}.upload-dropzone{display:grid;grid-gap:12px;gap:12px;border:1.5px dashed rgba(124,106,88,.3);border-radius:var(--radius);background:linear-gradient(rgba(255,255,255,.72),rgba(255,255,255,.34)),var(--surface);padding:12px;transition:background-color var(--dur-1) var(--ease-out),border-color var(--dur-1) var(--ease-out),box-shadow var(--dur-1) var(--ease-out)}.upload-dropzone-copy{display:grid;grid-gap:4px;gap:4px}.upload-dropzone-copy strong{color:var(--ink);font-size:.94rem}.upload-dropzone span,.upload-file-row span{color:var(--muted);font-size:.82rem;font-weight:700}.upload-file-row{display:flex;align-items:center;gap:10px;min-height:64px;border:1px solid var(--line-soft);border-radius:10px;background:#fff;padding:10px 12px}.visually-hidden-file{position:absolute;width:1px!important;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;opacity:0}.upload-file-button{display:inline-flex;align-items:center;min-height:38px;border-radius:8px;cursor:pointer}.upload-dropzone.is-dragging,.upload-dropzone:focus-within{border-color:rgba(189,105,69,.7);box-shadow:0 0 0 4px rgba(189,105,69,.1)}.background-removal{display:grid;grid-gap:12px;gap:12px;border:1px solid rgba(124,106,88,.2);border-radius:var(--radius);background:linear-gradient(rgba(255,255,255,.62),rgba(255,255,255,.28)),var(--surface);padding:12px}.background-removal-copy{display:grid;grid-gap:4px;gap:4px}.background-removal-copy strong{color:var(--ink);font-size:.94rem}.background-removal-copy em,.background-removal-copy span{color:var(--muted);font-size:.86rem;font-style:normal;line-height:1.5}.background-removal-copy em{color:var(--danger);font-weight:700}.background-removal-tools{display:flex;justify-content:flex-start}.background-preview-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-gap:10px;gap:10px}.background-preview{display:grid;grid-gap:7px;gap:7px;margin:0}.background-preview-stage{display:grid;width:min(100%,124px);aspect-ratio:62/96;place-items:center;justify-self:center;overflow:hidden;border:1px solid rgba(124,106,88,.22);border-radius:10px;background-color:#fff;background-image:linear-gradient(45deg,rgba(124,106,88,.14) 25%,transparent 0),linear-gradient(-45deg,rgba(124,106,88,.14) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(124,106,88,.14) 0),linear-gradient(-45deg,transparent 75%,rgba(124,106,88,.14) 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px}.background-preview-stage img{width:100%;height:100%;object-fit:contain;padding:8px;pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none}.background-preview-stage.is-final{background:var(--surface-2)}.background-preview-stage.is-final img{padding:0}.background-preview-stage.is-interactive{cursor:-webkit-grab;cursor:grab;touch-action:none}.background-preview-stage.is-interactive:active{cursor:-webkit-grabbing;cursor:grabbing}.background-preview figcaption,.background-preview-stage span{color:var(--muted);font-size:.82rem;font-weight:700;text-align:center}.background-preview figcaption{display:grid;grid-gap:2px;gap:2px}.background-preview figcaption span{color:#8a5838;font-size:.76rem}.preview-pending{display:grid;place-items:center;grid-gap:8px;gap:8px}.preview-spinner{width:26px;height:26px;border:3px solid rgba(124,106,88,.2);border-top:3px solid var(--accent);border-radius:50%;animation:preview-spin .76s linear infinite}.background-removal-choice{display:flex;flex-wrap:wrap;gap:8px}.crop-control{display:grid;grid-gap:8px;gap:8px;color:var(--muted);font-size:.86rem;font-weight:700}.crop-control input{width:100%;accent-color:var(--accent)}.crop-reset-button{justify-self:start}.background-removal-choice label{display:inline-flex;align-items:center;min-height:34px;border:1px solid rgba(124,106,88,.22);border-radius:999px;background:#fff;color:var(--ink);padding:0 12px;font-size:.86rem}.background-removal-choice input{width:auto;margin:0;accent-color:var(--accent)}html[data-theme=night] .modal-backdrop{background:rgba(8,7,6,.46)}html[data-theme=night] .modal-panel{border-color:rgba(226,202,162,.18);background:radial-gradient(ellipse at 12% 0,rgba(255,232,190,.055),transparent 28%),linear-gradient(135deg,rgba(48,43,36,.98),rgba(31,29,25,.99)),var(--surface-2);box-shadow:0 24px 54px rgba(0,0,0,.52),inset 0 0 0 1px rgba(255,244,220,.035)}html[data-theme=night] .drawer-panel .icon-button:focus-visible,html[data-theme=night] .drawer-panel .icon-button:hover,html[data-theme=night] .icon-button:focus-visible,html[data-theme=night] .icon-button:hover{color:#ffd3ad}html[data-theme=night] .theme-toggle:focus-visible,html[data-theme=night] .theme-toggle:hover{box-shadow:inset 0 -2px 0 rgba(0,0,0,.16),0 5px 14px rgba(0,0,0,.28)}html[data-theme=night] .drawer-summary,html[data-theme=night] .drawer-summary div{background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 8' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 4.4 H13 M22 4.2 H39 M48 4.5 H63 M73 4.3 H90 M100 4.6 H115 M126 4.35 H143 M153 4.5 H159' stroke='%238c7c66' stroke-width='1.2' stroke-linecap='round' fill='none'/%3E%3C/svg%3E")}html[data-theme=night] .fun-stats dd{color:#d08b63}html[data-theme=night] .drink-detail{border-color:color-mix(in srgb,var(--selected-drink-color) 30%,rgba(226,202,162,.18));background:radial-gradient(ellipse at 18% 18%,color-mix(in srgb,var(--selected-drink-color) 10%,transparent),transparent 34%),linear-gradient(135deg,rgba(55,50,43,.96),rgba(32,30,27,.98)),var(--surface-2);box-shadow:inset 0 0 0 1px rgba(255,244,220,.04),0 18px 34px rgba(0,0,0,.32)}html[data-theme=night] .drink-detail:after{border-color:color-mix(in srgb,var(--selected-drink-color) 42%,rgba(226,202,162,.18));box-shadow:inset 0 0 0 5px rgba(255,244,220,.05)}html[data-theme=night] .drink-detail-visual,html[data-theme=night] .edit-record-preview,html[data-theme=night] .preset-pick{border-color:rgba(226,202,162,.17);background:linear-gradient(rgba(229,211,176,.06) 1px,transparent 0),linear-gradient(90deg,rgba(229,211,176,.045) 1px,transparent 0),rgba(25,23,19,.35);box-shadow:inset 0 0 0 1px rgba(255,244,220,.035)}html[data-theme=night] .drink-detail-tags span{border-color:color-mix(in srgb,var(--selected-drink-color) 32%,rgba(226,202,162,.18));background:color-mix(in srgb,var(--selected-drink-color) 14%,rgba(25,23,19,.62))}html[data-theme=night] .danger-zone{border-top-color:rgba(239,143,130,.26)}html[data-theme=night] .library-tab{border-color:rgba(226,202,162,.2);background:linear-gradient(rgba(255,244,220,.08),rgba(255,244,220,.02)),rgba(48,43,36,.82);box-shadow:0 4px 12px rgba(0,0,0,.16)}html[data-theme=night] .library-tab:focus-visible,html[data-theme=night] .library-tab:hover{border-color:rgba(201,120,83,.52)}html[data-theme=night] .library-tab.selected{border-color:rgba(194,112,77,.72);background:linear-gradient(rgba(255,230,200,.12),rgba(255,230,200,.02)),#a85f43;box-shadow:inset 0 -3px 0 rgba(44,28,20,.24),0 6px 14px rgba(0,0,0,.26)}html[data-theme=night] .library-tab small,html[data-theme=night] .library-tab.selected small{background:rgba(255,244,220,.12)}html[data-theme=night] .library-grid{border-color:rgba(226,202,162,.14);background:linear-gradient(rgba(229,211,176,.055) 1px,transparent 0),linear-gradient(90deg,rgba(229,211,176,.04) 1px,transparent 0),rgba(28,26,22,.72)}html[data-theme=night] .preset-card{border-color:rgba(226,202,162,.15);background:linear-gradient(180deg,rgba(255,244,220,.08),rgba(255,244,220,0)),linear-gradient(180deg,rgba(67,64,58,.94),rgba(38,35,30,.98));box-shadow:inset 0 -7px 0 rgba(226,202,162,.08),0 6px 14px rgba(0,0,0,.24)}html[data-theme=night] .preset-card:after{background:rgba(226,202,162,.18)}html[data-theme=night] .preset-count-badge{border-color:rgba(226,202,162,.2);background:rgba(44,40,35,.9);color:rgba(243,232,211,.9);box-shadow:0 3px 9px rgba(0,0,0,.24)}html[data-theme=night] .preset-pick.selected,html[data-theme=night] .preset-pick:hover{border-color:rgba(201,120,83,.64);box-shadow:0 8px 18px rgba(0,0,0,.26)}html[data-theme=night] .background-removal-choice label,html[data-theme=night] .mini-button{border-color:rgba(226,202,162,.2);background:rgba(48,43,36,.9);color:rgba(243,232,211,.92)}html[data-theme=night] .mini-button.danger-text{border-color:rgba(239,143,130,.45);color:#ffb2a9}html[data-theme=night] .mini-button:focus-visible,html[data-theme=night] .mini-button:hover{border-color:rgba(201,120,83,.5);background:rgba(64,55,46,.94)}html[data-theme=night] .mini-button.danger-text:focus-visible,html[data-theme=night] .mini-button.danger-text:hover{border-color:rgba(239,143,130,.62);background:rgba(72,38,34,.9)}html[data-theme=night] .form-grid input,html[data-theme=night] .form-grid select,html[data-theme=night] .form-grid textarea,html[data-theme=night] .upload-file-row{border-color:rgba(226,202,162,.18);background:rgba(26,24,21,.82);color:var(--ink)}html[data-theme=night] .form-grid input::placeholder,html[data-theme=night] .form-grid textarea::placeholder{color:rgba(243,232,211,.42)}html[data-theme=night] .background-removal,html[data-theme=night] .color-swatch-button,html[data-theme=night] .upload-dropzone{border-color:rgba(226,202,162,.17);background:linear-gradient(rgba(255,244,220,.08),rgba(255,244,220,.02)),rgba(44,41,36,.88);color:var(--ink)!important}html[data-theme=night] .color-swatch-button span{border-color:rgba(255,244,220,.2);box-shadow:inset 0 0 0 1px rgba(255,244,220,.18),0 5px 12px rgba(0,0,0,.22)}html[data-theme=night] .upload-dropzone.is-dragging,html[data-theme=night] .upload-dropzone:focus-within{border-color:rgba(201,120,83,.68);box-shadow:0 0 0 4px rgba(201,120,83,.13)}html[data-theme=night] .background-preview-stage{border-color:rgba(226,202,162,.18);background-color:#2a2824;background-image:linear-gradient(45deg,rgba(226,202,162,.14) 25%,transparent 0),linear-gradient(-45deg,rgba(226,202,162,.14) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(226,202,162,.14) 0),linear-gradient(-45deg,transparent 75%,rgba(226,202,162,.14) 0)}html[data-theme=night] .background-preview-stage.is-final{background:rgba(35,32,28,.96)}html[data-theme=night] .background-preview figcaption span{color:#d08b63}html[data-theme=night] .preview-spinner{border-color:#a85f43 rgba(226,202,162,.2) rgba(226,202,162,.2)}.full-span,.modal-actions{grid-column:1/-1}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:6px}@media (hover:none) and (pointer:coarse),(max-width:720px){.app-header{min-height:auto;gap:10px;padding:12px 12px 8px}.app-shell{height:calc(100dvh - 122px);padding-bottom:10px}.brand-group{width:100%;gap:10px}.menu-button{width:42px;height:42px;padding:10px}.app-header h1{flex:1 1;font-size:clamp(2rem,9vw,2.85rem);line-height:1.02}.button{min-height:38px;padding:0 14px}.button.primary{padding-inline:16px}.header-actions{display:grid;grid-template-columns:max-content max-content minmax(14px,1fr) max-content;width:100%;grid-column-gap:8px;column-gap:8px;grid-row-gap:8px;row-gap:8px;align-items:center;justify-content:stretch}.header-actions>.button.secondary{grid-column:1;grid-row:1;min-width:64px;padding-inline:16px}.date-jump{grid-column:2;grid-row:1;position:relative;width:auto;min-width:0;gap:6px}.header-actions>.button.primary{grid-column:4;grid-row:1;justify-self:end}.app-header,.brand-group{align-items:flex-start}.app-header{flex-direction:column}.header-actions{justify-content:flex-start}.date-field{flex:0 0 clamp(104px,24vw,132px);min-height:38px;width:clamp(104px,24vw,132px);min-width:0;padding:2px 34px 2px 12px}.date-field:after{right:11px;width:16px;height:16px}.date-field:before{right:15px;width:8px}.date-field-kicker{display:none}.date-field-value{font-size:.95rem}.jump-button{flex:0 0 64px;width:64px;min-width:64px;padding-inline:16px;white-space:nowrap}.timeline-scroll{scrollbar-width:none}.timeline-track{padding-inline:16px}.month-marker{flex-basis:52px}.month-marker span{font-size:.68rem;padding:6px 8px}.day-shelf{animation:none;filter:none;box-shadow:0 12px 24px rgba(67,45,25,.18)}.day-shelf.is-today{filter:none;box-shadow:0 14px 26px rgba(118,67,23,.22),0 0 0 2px rgba(225,161,70,.18)}.drink-button{animation:none}.background-preview-grid,.form-grid{grid-template-columns:1fr}.background-preview-stage{min-height:168px}.drink-detail,.image-url-import,.preset-card{grid-template-columns:1fr}.drink-detail-visual{grid-row:auto}.drink-detail-summary{padding-right:0}.drink-detail:after{width:46px;height:46px;font-size:.64rem}.library-toolbar{align-items:stretch;flex-direction:column}.full-span,.modal-actions{grid-column:auto}.modal-actions{flex-direction:column-reverse}.modal-actions .button{width:100%}.record-actions{flex-direction:column}.record-actions .button{width:100%}}@keyframes shelf-rise{0%{opacity:0;transform:translateY(10px) scale(.985) rotate(var(--paper-tilt))}to{opacity:1;transform:translateY(0) scale(1) rotate(var(--paper-tilt))}}@keyframes drink-pop{0%{opacity:0;transform:translateY(12px) scale(.92)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes popover-in{0%{opacity:0;transform:translate(-50%,calc(-100% + 6px))}to{opacity:1;transform:translate(-50%,-100%)}}@keyframes drawer-in{0%{opacity:.72;transform:translateX(-18px)}to{opacity:1;transform:translateX(0)}}@keyframes drawer-out{0%{opacity:1;transform:translateX(0)}to{opacity:.72;transform:translateX(-18px)}}@keyframes drawer-backdrop-in{0%{opacity:0}to{opacity:1}}@keyframes drawer-backdrop-out{0%{opacity:1}to{opacity:0}}@keyframes preview-spin{to{transform:rotate(1turn)}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.001ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition-duration:.001ms!important}.drink-visual-motion{transform:none}}@media (max-width:768px){.day-shelf{animation:none;filter:none;box-shadow:0 12px 24px rgba(67,45,25,.18)}.day-shelf.is-today{filter:none;box-shadow:0 14px 26px rgba(118,67,23,.22),0 0 0 2px rgba(225,161,70,.18)}.drink-button{animation:none}}