:root{--paper:#f4efe4;--paper-2:#eae3d3;--surface:#fffdf8;--ink:#15201c;--ink-2:#5c615b;--line:#15201c17;--accent:#1a7c64;--accent-deep:#146650;--accent-hi:#26a385;--deep:#0e2a2e;--gold:#e8b86a;--r-pill:999px;--r-sheet:32px;--r-card:22px;--r-tile:18px;--sans:-apple-system, BlinkMacSystemFont, "SF Pro Text", "SF Pro Display", system-ui, "Helvetica Neue", sans-serif;--round:"SF Pro Rounded", ui-rounded, -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--serif:"Instrument Serif", "New York", ui-serif, Georgia, serif;--spd:1;--int:1;--e-out:cubic-bezier(.16, 1, .3, 1);--e-in:cubic-bezier(.7, 0, .84, 0);--e-inout:cubic-bezier(.65, 0, .35, 1);--e-over:cubic-bezier(.34, 1.56, .64, 1);--t-fast:calc(.2s * var(--spd));--t-base:calc(.3s * var(--spd));--t-slow:calc(.5s * var(--spd));--t-hero:calc(.8s * var(--spd));--grain:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='180' height='180'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .35 0 0 0 0 .3 0 0 0 0 .22 0 0 0 .55 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");--ink-3:#8c8e85;--on-dark:#fff;--on-dark-2:#ffffffdb;--paper-3:#e6e0d3;--gold-soft:#fff3d6;--water:#1d4d4f;--scrim:#08141661;--scrim-top:#081c1e80;--wash:#15201c0f;--wash-2:#15201c1a;--confetti-1:var(--gold);--confetti-2:var(--accent);--confetti-3:#e8735a;--confetti-4:#9fc9b8;--device:#0c0d0d;--device-edge:#3a3c3c;--island:#000;--letterbox:#071412;--shadow-device:0 40px 80px -30px #281e0a66;--ig-grad:radial-gradient(circle at 30% 107%, #fdf497 0%, #fdf497 5%, #fd5949 45%, #d6249f 60%, #285aeb 90%);--tt-ink:#000;--tt-cyan:#25f4ee;--tt-red:#fe2c55;--yt-red:red;--x-ink:#000;--msg-green:#34c759;--fs-13:13px;--fs-15:15px;--fs-17:17px;--fs-22:22px;--fs-28:28px;--fs-34:34px;--fs-44:44px;--fs-72:72px;--lh-tight:1.02;--lh-head:1.1;--lh-body:1.4;--track-display:-.035em;--track-head:-.025em;--track-num:-.03em;--track-kicker:.12em;--serif-scale:1.18;--num-variant:tabular-nums;--w-regular:400;--w-medium:500;--w-semibold:600;--w-bold:700;--icon-btn:34px;--r-round:50%;--r-device:55px;--hit:44px;--page-w:1112px;--gutter:24px;--page:min(var(--page-w), 100% - 2 * var(--gutter));--torn:polygon(0% 6.7px,2.08% 6.1px,4.17% .9px,6.25% 4.3px,8.33% -1.8px,10.42% 7px,12.5% 3px,14.58% 5.1px,16.67% 4.7px,18.75% -.5px,20.83% 5.9px,22.92% -.7px,25% 6.7px,27.08% 3.4px,29.17% 4.2px,31.25% 5px,33.33% -1.1px,35.42% 4.8px,37.5% .9px,39.58% 7.6px,41.67% 4.5px,43.75% 2.7px,45.83% 1.9px,47.92% -.4px,50% 6.3px,52.08% 3.9px,54.17% 7.1px,56.25% .8px,58.33% 1.7px,60.42% 2.1px,62.5% 3.3px,64.58% 7.5px,66.67% 1.7px,68.75% 5.7px,70.83% -.6px,72.92% 4px,75% 3.4px,77.08% 2.8px,79.17% 7.5px,81.25% .4px,83.33% 6.3px,85.42% -1px,87.5% 3.3px,89.58% 4.8px,91.67% 3.3px,93.75% 8.3px,95.83% -1.2px,97.92% 3.8px,100% 0px,100% 100%,0 100%);--glass-bg:#fffdf8bd;--glass-bg-strong:#fffdf8e0;--glass-dark:#ffffff38;--glass-blur:blur(16px) saturate(150%);--glass-blur-bar:blur(18px) saturate(160%);--glass-hi:inset 0 1px 0 #ffffffd9;--glass-shadow:0 6px 20px #0000001f;--grain-size:180px;--grain-opacity:.35;--paper-hi:inset 0 1px 0 #fffc;--paper-layer:0 2px 0 var(--paper-2);--line-ring:0 0 0 1px var(--line);--focus-ring:0 0 0 2px var(--paper), 0 0 0 4px var(--accent);--focus-ring-on-accent:0 0 0 2px var(--paper), 0 0 0 4px var(--ink);--shadow-sheet:0 -8px 24px #00000040;--shadow-card:0 16px 34px #0a1e1947;--shadow-float:0 8px 24px #00000029;--shadow-art:drop-shadow(0 14px 18px #503c1433);--shadow-fish:drop-shadow(0 4px 6px #001e1433);--text-shadow-tank:0 1px 12px #00000059;--btn-h:52px;--btn-h-sm:44px;--btn-layer:3px;--btn-press:2px;--btn-hi:inset 0 1px 0 #ffffff40;--btn-glow:0 8px 18px -6px #1466508c;--btn-glow-pressed:0 4px 10px -6px #1466508c;--sheen:#ffffff52;--glass-dark-hi:inset 0 1px 0 #ffffff59;--t-instant:calc(.1s * var(--spd));--t-exit:calc(.21s * var(--spd));--t-exit-slow:calc(.35s * var(--spd));--t-hold:calc(1.2s * var(--spd));--stagger:calc(45ms * var(--spd));--stagger-cap:8;--rise:calc(12px * var(--int));--rise-hero:calc(16px * var(--int));--pop-overshoot:1.03;--e-spring:linear(0, .009, .035 2.1%, .141 4.4%, .723 12.9%, .938 16.7%, 1.017 19.4%, 1.067, 1.077 24.3%, 1.066 26.6%, 1.024 31.4%, 1.001 35.3%, .993 39.6%, .999 49.6%, 1);--e-linear:linear;--loop-ambient:calc(6s * var(--spd))}@media (width<=720px){:root{--gutter:20px}}@media (prefers-reduced-motion:reduce){:root{--rise:0px;--rise-hero:0px;--int:0}*,:before,:after{scroll-behavior:auto!important;transition-duration:1ms!important;animation-duration:1ms!important;animation-iteration-count:1!important;animation-delay:0s!important}}.k-serif,.k-accent{font-family:var(--serif);font-style:normal;font-weight:var(--w-regular);letter-spacing:-.01em}.k-accent{font-size:calc(1em * var(--serif-scale));line-height:.9}.k-num{font-family:var(--round);font-variant-numeric:var(--num-variant);letter-spacing:var(--track-num)}.k-kicker{font:var(--w-semibold) var(--fs-13)/1 var(--sans);letter-spacing:var(--track-kicker);text-transform:uppercase;color:var(--accent-deep);margin:0}.k-paper{background-color:var(--paper);position:relative}.k-paper:after{content:"";z-index:8;pointer-events:none;border-radius:inherit;background:var(--grain);background-size:var(--grain-size);mix-blend-mode:multiply;opacity:var(--grain-opacity);position:absolute;inset:0}.k-glass{background:var(--glass-bg);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-hi), var(--glass-shadow);color:var(--ink)}.k-glass-pill{border-radius:var(--r-pill);background:var(--glass-bg);min-height:36px;-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-hi), var(--glass-shadow);font:var(--w-semibold) var(--fs-13)/1 var(--sans);color:var(--ink);white-space:nowrap;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.k-sheet{background:var(--surface);color:var(--ink);clip-path:var(--torn);border-radius:0 0 var(--r-sheet) var(--r-sheet);position:relative}.k-sheet:after{content:"";pointer-events:none;border-radius:inherit;background:var(--grain);background-size:var(--grain-size);mix-blend-mode:multiply;opacity:calc(var(--grain-opacity) * .6);position:absolute;inset:0}.k-btn{min-width:var(--hit);height:var(--btn-h);border-radius:var(--r-pill);cursor:pointer;font:var(--w-semibold) var(--fs-17)/1 var(--sans);letter-spacing:-.01em;white-space:nowrap;-webkit-tap-highlight-color:transparent;transition:translate var(--t-instant) var(--e-out), box-shadow var(--t-instant) var(--e-out), background-color var(--t-fast) var(--e-out);border:0;justify-content:center;align-items:center;gap:8px;padding:0 24px;text-decoration:none;display:inline-flex;position:relative;overflow:hidden;translate:0}.k-btn:focus-visible{box-shadow:var(--focus-ring);outline:none}.k-btn--wide{width:100%;display:flex}.k-btn--sm{height:var(--btn-h-sm);font-size:var(--fs-15);padding:0 18px}.k-btn--primary{background:var(--accent);color:var(--on-dark);box-shadow:var(--btn-hi), 0 var(--btn-layer) 0 var(--accent-deep), var(--btn-glow)}.k-btn--primary:hover{background:color-mix(in oklab, var(--accent) 88%, var(--accent-deep))}.k-btn--primary:active,.k-btn--primary.is-pressed{translate:0 var(--btn-press);box-shadow:var(--btn-hi), 0 calc(var(--btn-layer) - var(--btn-press)) 0 var(--accent-deep), var(--btn-glow-pressed)}.k-btn--primary:focus-visible{box-shadow:var(--focus-ring-on-accent), var(--btn-hi), 0 var(--btn-layer) 0 var(--accent-deep)}.k-btn--secondary{background:var(--surface);color:var(--ink);box-shadow:inset 0 1px 0 var(--surface), 0 var(--btn-layer) 0 var(--paper-2), var(--line-ring)}.k-btn--secondary:active,.k-btn--secondary.is-pressed{translate:0 var(--btn-press);box-shadow:inset 0 1px 0 var(--surface), 0 calc(var(--btn-layer) - var(--btn-press)) 0 var(--paper-2), var(--line-ring)}.k-btn--tertiary{height:var(--btn-h-sm);color:var(--ink);box-shadow:none;background:0 0}.k-btn--tertiary:active{opacity:.6}.k-btn--shine:before{content:"";skew:-20deg;pointer-events:none;background:linear-gradient(90deg, transparent, var(--sheen), transparent);animation:k-shine calc(4s * var(--spd)) var(--e-inout) 1.2s infinite;position:absolute;inset:0;translate:-120%}@keyframes k-shine{0%,70%{translate:-120%}to{translate:140%}}.k-icon-btn{width:var(--icon-btn);height:var(--icon-btn);border-radius:var(--r-round);background:var(--wash);color:var(--ink);cursor:pointer;border:0;flex:none;place-items:center;padding:0;display:inline-grid;position:relative}.k-icon-btn:before{content:"";inset:calc((var(--icon-btn) - var(--hit)) / 2);border-radius:var(--r-round);position:absolute}.k-icon-btn svg{width:16px;height:16px}.k-icon-btn--glass{background:var(--glass-dark);color:var(--on-dark);-webkit-backdrop-filter:var(--glass-blur);backdrop-filter:var(--glass-blur);box-shadow:var(--glass-dark-hi)}.k-paused,.k-paused *,.k-paused :before,.k-paused :after{animation-play-state:paused!important}@keyframes k-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){[data-screen].play{animation:.4s ease-out both k-fade!important}}.bottles{z-index:3;pointer-events:none;position:fixed;inset:0;overflow:hidden}.bottle{width:var(--w,96px);aspect-ratio:200/120;cursor:pointer;pointer-events:auto;transform-origin:50% 40%;will-change:transform;-webkit-tap-highlight-color:transparent;background:0 0;border:0;border-radius:40%;padding:0;position:absolute;top:0;left:0}.bottle img{pointer-events:none;-webkit-user-select:none;user-select:none;filter:drop-shadow(0 6px 6px #02141847);width:100%;height:100%;transition:filter .2s var(--e-out);display:block;position:absolute;inset:0}.bottle img.flip{transform:scaleX(-1)}.bottle:hover img,.bottle.open img{filter:drop-shadow(0 0 1.5px var(--surface)) drop-shadow(0 8px 10px #0214184d)}.bottle:focus-visible{outline:2px solid var(--surface);outline-offset:2px}.bottle .b-dot{background:var(--surface);width:7px;height:7px;box-shadow:var(--glass-shadow);opacity:0;border-radius:50%;margin-left:-3.5px;transition:opacity .3s;position:absolute;top:-6px;left:50%}.bottle .b-dot:after{content:"";border:1.5px solid var(--surface);opacity:0;border-radius:50%;position:absolute;inset:-5px}.bottle.unread .b-dot{opacity:.9}.bottle.unread .b-dot:after{animation:b-beacon 3.2s var(--e-out) infinite}@keyframes b-beacon{0%{opacity:.8;transform:scale(.6)}60%,to{opacity:0;transform:scale(1.8)}}.bottle.surface img{animation:b-surface 1.2s var(--e-out)}@keyframes b-surface{0%{opacity:0;translate:0 18px}to{opacity:1;translate:0}}.bottle.sink{pointer-events:none}.bottle.sink img{opacity:0;transition:opacity .6s var(--e-in), translate .6s var(--e-in);translate:0 24px}.b-splash{width:calc(var(--w) * 1.3);height:calc(var(--w) * .3);margin:calc(var(--w) * -.15) 0 0 calc(var(--w) * -.65);animation:b-ring .85s var(--e-out) forwards;border:2.5px solid #f0fffaf2;border-radius:50%;position:absolute;box-shadow:0 0 16px #c8fffa8c,inset 0 0 10px #c8fffa59}.b-splash:before,.b-splash:after{content:"";width:6px;height:6px;animation:b-drop .6s var(--e-out) forwards;background:#f0fffae6;border-radius:50%;position:absolute;top:0;left:50%}.b-splash:after{--dx:26px;animation-delay:40ms}.b-splash:before{--dx:-30px}@keyframes b-ring{0%{opacity:1;transform:scale(.35)}to{opacity:0;transform:scale(1.25)}}@keyframes b-drop{0%{opacity:1;transform:translate(0)}50%{transform:translate(calc(var(--dx) * .7), -22px)}to{transform:translate(var(--dx), 4px);opacity:0}}html.photo .bottle .b-dot{opacity:0}.bn-n{font:var(--w-semibold) var(--fs-15)/1 var(--round);font-variant-numeric:var(--num-variant);color:var(--ink-2);padding-right:10px}.bn-h{font:var(--w-bold) var(--fs-22)/1.1 var(--sans);letter-spacing:var(--track-head);color:var(--ink);margin:2px 0 0}.bn-h em{font-family:var(--serif);font-style:normal;font-weight:var(--w-regular);font-size:calc(1em * var(--serif-scale));color:var(--accent)}.bn-note{touch-action:pan-y;min-height:150px}.bn-note.from-r{animation:bn-in var(--t-base) var(--e-out);--dx:calc(24px * var(--int))}.bn-note.from-l{animation:bn-in var(--t-base) var(--e-out);--dx:calc(-24px * var(--int))}@keyframes bn-in{0%{opacity:0;translate:var(--dx) 0}}.bn-body{font:var(--w-medium) var(--fs-22)/1.35 var(--sans);letter-spacing:-.01em;color:var(--ink);text-wrap:pretty;overflow-wrap:anywhere;margin:14px 0 0}.bn-from{font:var(--w-regular) var(--fs-15)/1.3 var(--sans);color:var(--ink-2);margin:12px 0 0}.bn-about{max-width:100%;min-height:var(--hit);border-radius:var(--r-pill);background:var(--paper);color:var(--ink-2);font:var(--w-regular) var(--fs-15)/1.2 var(--sans);cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border:0;align-items:center;margin-top:10px;padding:0 16px;display:inline-flex;overflow:hidden}.bn-about b{font-weight:var(--w-semibold);color:var(--ink);text-overflow:ellipsis;margin-left:4px;overflow:hidden}.bn-foot{justify-content:space-between;align-items:center;margin-top:16px;display:flex}.bn-step{width:var(--hit);height:var(--hit)}.bn-step svg{width:18px;height:18px}.bn-dots{gap:6px;display:flex}.bn-dots i{border-radius:var(--r-round);background:var(--wash-2);width:6px;height:6px;transition:background-color var(--t-fast) var(--e-out)}.bn-dots i.on{background:var(--ink)}.bn-write{margin-top:14px}.bc-form{gap:12px;display:grid}.bc-lede{font-size:var(--fs-15);color:var(--ink-2);margin:-4px 0 4px}.bc-field{display:block;position:relative}.bc-field textarea{border-radius:var(--r-tile);resize:none;background:var(--paper);width:100%;min-height:128px;color:var(--ink);font:var(--w-medium) var(--fs-17)/1.4 var(--sans);box-shadow:inset 0 0 0 1px var(--line);border:0;padding:14px 16px 30px;display:block}.bc-field textarea::placeholder,.bc-sign input::placeholder{color:var(--ink-3)}.bc-field textarea:focus{box-shadow:inset 0 0 0 2px var(--accent);outline:none}.bc-count{font:var(--w-medium) var(--fs-13)/1 var(--round);color:var(--ink-2);position:absolute;bottom:10px;right:14px}.bc-count.near{color:var(--accent-deep)}.bc-sign{min-height:var(--hit);font:var(--w-regular) var(--fs-15)/1 var(--sans);color:var(--ink-2);align-items:center;gap:8px;display:flex}.bc-sign input{min-width:0;height:var(--hit);border:0;border-bottom:1.5px solid var(--line);color:var(--ink);font:var(--w-semibold) var(--fs-17)/1 var(--sans);background:0 0;border-radius:0;flex:1;padding:0 2px}.bc-sign input:focus{border-bottom-color:var(--accent);outline:none}.bc-about{min-height:var(--hit);cursor:pointer;font-size:var(--fs-15);color:var(--ink-2);align-items:center;gap:10px;display:flex;position:relative}.bc-about[hidden]{display:none}.bc-about input{opacity:0;width:1px;height:1px;position:absolute}.bc-box{width:24px;height:24px;box-shadow:inset 0 0 0 1.5px var(--wash-2);background:var(--surface);border-radius:8px;flex:none}.bc-about input:checked+.bc-box{background:var(--accent) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='m6 12.5 4 4 8-9' fill='none' stroke='white' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 18px no-repeat;box-shadow:none}.bc-about input:focus-visible+.bc-box{outline:2px solid var(--accent);outline-offset:2px}.bc-about-t{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.bc-about b{color:var(--ink);font-weight:var(--w-semibold)}.bc-err{min-height:0;font:var(--w-medium) var(--fs-15)/1.3 var(--sans);color:var(--accent-deep);margin:0}.bc-err:empty{display:none}.bc-form .busy{opacity:.6;cursor:progress}.bc-rules{font-size:var(--fs-13);color:var(--ink-2);text-align:center;margin:0}.vh{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}