:root{color-scheme:light dark;--font-hand: "Caveat", "Segoe Script", "Bradley Hand", cursive;--font-display: var(--font-hand);--font-text: "Work Sans", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--tracking-caps: .14em;--text-xs: .8rem;--text-sm: .9rem;--text-base: 1rem;--text-lg: 1.25rem;--text-xl: 1.563rem;--text-2xl: 1.953rem;--text-3xl: 2.441rem;--text-hero: clamp(2.2rem, 6vw, 3.4rem);--leading: 1.55;--leading-tight: 1.2;--note-min: 34px;--note-max: 96px;--note-advance: .4;--note-leading: 1.32;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-6: 1.5rem;--space-8: 2rem;--space-12: 3rem;--radius: 14px;--radius-sm: 8px;--radius-lg: 22px;--dur-instant: 1ms;--dur: .2s;--dur-cast: .24s;--dur-wash: .22s;--dur-uncork: .22s;--dur-sway: 6s;--ease-drift: cubic-bezier(.16, .84, .3, 1);--ease-wash: cubic-bezier(.37, 0, .28, 1);--ease-pop: cubic-bezier(.34, 1.56, .44, 1);--ease: var(--ease-drift);--glass-clear: #dcebe6;--glass-green: #8fc0a6;--glass-aqua: #7fbcc2;--glass-amber: #c9ad74;--glass-cobalt: #7fa3c4;--glass-olive: #a6ac7c;--glass-alpha: .55;--parchment: #f3e7c9;--parchment-2: #e6d5ad;--ink: #3a2c1c;--ink-deep: #241a0f;--bg: #f1ece0;--bg-sea: #cfe6df;--bg-sand: #e6d7ba;--surface: #faf6ea;--sea-foam: #eef7f2;--sea-foam-hi: #ffffff;--text: #233530;--muted: #5c6b64;--accent: #2a7267;--accent-2: #388478;--accent-contrast: #ffffff;--sand: #c9a86e;--driftwood: #9c8465;--border: #d8cbac;--danger: #b0402c;--shadow-bottle: 0 8px 18px rgba(40,50,45,.22);--shadow: 0 2px 10px rgba(40,50,45,.1);--shadow-lg: 0 14px 34px rgba(40,50,45,.16);--glow-moon: none}@media (prefers-color-scheme: dark){:root{--bg: #0c1a1e;--bg-sea: #0a2226;--bg-sand: #1a201e;--surface: #12211f;--sea-foam: #294a45;--sea-foam-hi: #3a625b;--text: #e9f1ec;--muted: #93a8a0;--accent: #63c9b3;--accent-2: #7fd8c3;--accent-contrast: #08201d;--sand: #d3b47e;--driftwood: #6f5f48;--border: #26332f;--danger: #e2775e;--shadow-bottle: 0 8px 20px rgba(0,0,0,.5);--shadow: 0 2px 10px rgba(0,0,0,.4);--shadow-lg: 0 16px 42px rgba(0,0,0,.55);--glow-moon: 0 0 22px rgba(120,210,190,.28)}}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;font-family:var(--font-text);color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}.shore{position:relative;min-height:100dvh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(120% 70% at 20% -8%,color-mix(in oklab,var(--bg-sea) 88%,transparent),transparent 60%),radial-gradient(130% 60% at 85% 0%,color-mix(in oklab,var(--bg-sea) 70%,transparent),transparent 55%),radial-gradient(140% 80% at 50% 118%,color-mix(in oklab,var(--sand) 42%,transparent),transparent 60%),var(--bg)}.shore__sea{position:absolute;inset:0 0 auto;height:34vh;z-index:0;pointer-events:none;background:linear-gradient(180deg,color-mix(in oklab,var(--bg-sea) 85%,transparent),transparent);border-bottom:2px solid color-mix(in oklab,var(--border) 80%,transparent);filter:blur(.3px);-webkit-mask-image:linear-gradient(180deg,#000 70%,transparent);mask-image:linear-gradient(180deg,#000 70%,transparent)}.shore__foam{position:absolute;left:0;right:0;top:calc(34vh - 9px);height:18px;z-index:0;pointer-events:none;opacity:.62;background:radial-gradient(closest-side,var(--sea-foam-hi) 58%,transparent) 0 1px / 63px 13px repeat-x,radial-gradient(closest-side,color-mix(in oklab,var(--sea-foam-hi) 82%,transparent) 52%,transparent) 19px 5px / 39px 9px repeat-x,radial-gradient(closest-side,color-mix(in oklab,var(--sea-foam-hi) 70%,transparent) 60%,transparent) 7px -2px / 87px 17px repeat-x;-webkit-mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent);mask-image:linear-gradient(90deg,transparent,#000 18%,#000 82%,transparent)}.shore__gulls{position:absolute;top:8vh;right:clamp(1rem,8vw,5rem);width:clamp(64px,16vw,108px);height:auto;z-index:0;pointer-events:none;color:var(--muted);opacity:.5}.shore__main{position:relative;z-index:1;flex:1 0 auto;width:100%;max-width:640px;margin:0 auto;padding:clamp(1.25rem,4vw,2.5rem) clamp(1rem,4vw,1.5rem) 1rem;display:flex;flex-direction:column;align-items:center;gap:var(--space-6);text-align:center}.eyebrow{font:600 var(--text-xs)/1 var(--font-text);letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--muted)}.eyebrow--soft{color:var(--accent)}.cast{display:flex;flex-direction:column;align-items:center;gap:var(--space-4);width:100%}.cast__lede{margin:0;max-width:30ch;color:var(--text);font-size:var(--text-lg);line-height:1.45}.cast__field{width:100%;max-width:30rem;resize:none;padding:var(--space-4);font:500 var(--text-xl)/1.4 var(--font-hand);color:var(--ink);background:var(--parchment);border:1px solid var(--parchment-2);border-radius:var(--radius);box-shadow:var(--shadow)}.cast__field::placeholder{color:color-mix(in oklab,var(--ink) 45%,transparent);font-style:italic}.cast__field:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.cast__row{display:flex;align-items:center;gap:var(--space-3)}.cast__count{font-size:var(--text-sm);color:var(--muted);font-variant-numeric:tabular-nums}.cast__held{margin:0;color:var(--danger);font-size:var(--text-sm);max-width:28ch}.tag{display:inline-flex;align-items:center;justify-content:center;min-height:56px;padding:0 1.6rem;font:600 var(--text-base)/1 var(--font-text);color:var(--accent-contrast);background:var(--accent);border:none;cursor:pointer;border-radius:4px 16px 6px 18px/16px 5px 18px 6px;box-shadow:var(--shadow),var(--glow-moon);transition:transform var(--dur) var(--ease-drift),box-shadow var(--dur) var(--ease-drift),background var(--dur) var(--ease-drift)}.tag:hover{background:var(--accent-2);transform:translateY(-1px)}.tag:active{transform:translateY(2px)}.tag:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.tag:disabled{opacity:.5;cursor:not-allowed;transform:none;box-shadow:none}.tag--cork{min-height:44px;margin-top:var(--space-3)}.reveal{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);width:100%}.reveal__status{margin:0;color:var(--muted);font-size:var(--text-base)}.reveal__cork{background:none;border:none;padding:0;cursor:pointer;display:flex;flex-direction:column;align-items:center;gap:var(--space-2)}.reveal__cork:focus-visible{outline:2px solid var(--accent);outline-offset:4px;border-radius:var(--radius)}.reveal__stage{position:relative;width:min(340px,82vw);padding-bottom:var(--space-4);display:flex;flex-direction:column;align-items:center}.reveal__stage:before{content:"";position:absolute;left:-8%;right:-8%;bottom:0;height:46%;z-index:0;border-radius:50%;background:radial-gradient(60% 100% at 50% 0%,color-mix(in oklab,var(--bg-sand) 92%,transparent),transparent 72%);filter:blur(2px)}.reveal__bottle{position:relative;z-index:1;width:clamp(170px,52vw,280px)}.reveal__bottle svg{width:100%;height:auto;display:block;filter:drop-shadow(var(--shadow-bottle))}.reveal__bottle--rest{-webkit-box-reflect:below -14px linear-gradient(to bottom,transparent 62%,rgba(0,0,0,.18));animation:settle .42s var(--ease-drift)}.reveal__foam-line{position:relative;z-index:2;width:108%;height:16px;margin-top:-10px;opacity:.85;pointer-events:none}.reveal__note-text{margin:var(--space-2) 0 0;max-width:26ch;font-family:var(--font-text);font-size:var(--text-base);line-height:1.5;font-style:italic;color:var(--muted)}.reveal__done-hint{margin:0;color:var(--muted);font-size:var(--text-sm)}.reveal__bottle--cast{animation:drift-out var(--dur-cast) var(--ease-drift) forwards}.reveal__bottle--wash{animation:wash-in var(--dur-wash) var(--ease-wash) forwards}.reveal__bottle--in{animation:wash-in var(--dur-wash) var(--ease-wash)}@keyframes drift-out{to{transform:translate(38vw,-30vh) scale(.3) rotate(16deg);opacity:0}}@keyframes wash-in{0%{transform:translate(-30vw,8vh) scale(.85);opacity:0}to{transform:none;opacity:1}}@keyframes settle{0%{transform:translateY(-14px);opacity:.4}to{transform:none;opacity:1}}.bottle-scroll--unfurl{animation:scroll-unfurl var(--dur-uncork) var(--ease-drift) both;transform-box:view-box}.bottle-ink--wet{animation:ink-wet .32s 90ms var(--ease-drift) both;transform-box:view-box}.bottle-cork--pop{animation:cork-pop .38s var(--ease-pop) both}@keyframes scroll-unfurl{0%{transform:scaleY(.82);opacity:.5}to{transform:scaleY(1);opacity:1}}@keyframes ink-wet{0%{opacity:0}to{opacity:1}}@keyframes cork-pop{0%{opacity:0}to{opacity:1}}.yourshore{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.shelf{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-4)}.shelf__svg{width:100%;max-width:640px;height:auto;display:block}.shelf__svg--lone{max-width:380px}.shelf__plaque{display:inline-flex;flex-direction:column;align-items:center;gap:2px;padding:var(--space-3) var(--space-6);background:var(--driftwood);color:#fdf6e6;border-radius:6px 14px 8px 12px/12px 6px 14px 8px;box-shadow:var(--shadow)}.shelf__day{font-family:var(--font-hand);font-weight:700;font-size:var(--text-3xl);line-height:1}.shelf__sub{font-size:var(--text-xs);opacity:.92}.shelf__broken{margin:0;font-size:var(--text-sm);color:var(--muted);max-width:34ch;text-align:center}.emptyshore{width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-3)}.emptyshore__svg{width:100%;max-width:320px;height:auto;display:block;opacity:.9}.emptyshore__hint{margin:0;color:var(--muted);font-size:var(--text-sm);max-width:30ch}.tally{margin:var(--space-2) 0 0;color:var(--muted);font-size:var(--text-sm);font-variant-numeric:tabular-nums}.tally--loading{opacity:.7;animation:tally-shimmer 1.6s ease-in-out infinite}@keyframes tally-shimmer{0%,to{opacity:.4}50%{opacity:.8}}.sitefoot{position:relative;z-index:1;flex-shrink:0;display:flex;flex-direction:column;gap:var(--space-2);align-items:center;padding:var(--space-8) 1rem var(--space-6);font-size:var(--text-xs);color:var(--muted);text-align:center}.sitefoot__disclaimer{max-width:40ch}.sitefoot__links{display:flex;gap:1rem;align-items:center}.sitefoot a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}.sitefoot a:hover{color:var(--text)}.legal{max-width:720px;margin:0 auto;padding:clamp(1.5rem,5vw,4rem) 1.25rem;position:relative;z-index:1}.legal h1{font-family:var(--font-display);letter-spacing:-.01em}.legal h2{margin-top:1.6rem;font-size:1.1rem}.legal p{color:var(--muted);line-height:1.7}.legal a{color:var(--accent)}.chip{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 1.2rem;font:600 var(--text-sm)/1 var(--font-text);color:var(--text);background:color-mix(in oklab,var(--driftwood) 24%,var(--surface));border:1px solid color-mix(in oklab,var(--driftwood) 45%,transparent);cursor:pointer;border-radius:6px 14px 8px 12px/12px 6px 14px 8px;transition:transform var(--dur) var(--ease-drift),background var(--dur) var(--ease-drift)}.chip:hover{background:color-mix(in oklab,var(--driftwood) 34%,var(--surface));transform:translateY(-1px)}.chip:active{transform:translateY(1px)}.chip:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.share-zone{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:var(--space-3);margin-top:var(--space-2)}.share-zone--nudge{flex-direction:column}.share-nudge{margin:0;width:100%;font-family:var(--font-hand);font-size:var(--text-lg);color:var(--accent)}.sheet-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-end;justify-content:center;background:color-mix(in oklab,var(--text) 42%,transparent);-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);animation:sheet-fade var(--dur) var(--ease-drift)}.sheet{width:min(560px,100%);max-height:92dvh;overflow-y:auto;background:var(--surface);color:var(--text);border-radius:20px 20px 0 0;padding:var(--space-6) clamp(1rem,4vw,1.75rem) var(--space-8);box-shadow:var(--shadow-lg);animation:sheet-rise var(--dur) var(--ease-drift)}.sheet__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.sheet__title{margin:0;font-family:var(--font-hand);font-weight:700;font-size:var(--text-2xl);color:var(--ink)}.sheet__close{min-width:44px;min-height:44px;border:none;background:none;cursor:pointer;font-size:var(--text-lg);color:var(--muted);border-radius:var(--radius-sm)}.sheet__close:hover{color:var(--text)}.sheet__close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.card-preview{margin:var(--space-4) 0 var(--space-2);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow);border:1px solid var(--border);aspect-ratio:1200 / 630}.card-preview svg{width:100%;height:auto;display:block}.sheet__caption{margin:0 0 var(--space-4);color:var(--muted);font-size:var(--text-sm);text-align:center}.sheet__actions{display:flex;flex-wrap:wrap;gap:var(--space-3);justify-content:center}.btn-share{flex:1 1 8rem;min-height:48px;padding:0 1rem;font:600 var(--text-base)/1 var(--font-text);color:var(--text);background:var(--surface);border:1px solid var(--border);cursor:pointer;border-radius:var(--radius-sm);transition:transform var(--dur) var(--ease-drift),background var(--dur) var(--ease-drift)}.btn-share:hover{transform:translateY(-1px);background:color-mix(in oklab,var(--accent) 8%,var(--surface))}.btn-share:active{transform:translateY(1px)}.btn-share:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn-share:disabled{opacity:.55;cursor:progress;transform:none}.btn-share--primary{color:var(--accent-contrast);background:var(--accent);border-color:transparent}.btn-share--primary:hover{background:var(--accent-2)}.sheet__err{margin:var(--space-3) 0 0;color:var(--danger);font-size:var(--text-sm);text-align:center}@keyframes sheet-fade{0%{opacity:0}to{opacity:1}}@keyframes sheet-rise{0%{transform:translateY(16px);opacity:.6}to{transform:none;opacity:1}}.shore--shared .shore__main,.shore--archive .shore__main{gap:var(--space-4)}.card-preview--shared{width:100%;max-width:560px;margin:var(--space-2) 0}.shared__title{margin:0;font-family:var(--font-hand);font-weight:700;font-size:var(--text-3xl);color:var(--ink);max-width:18ch}.shared__lede{margin:0;max-width:34ch;color:var(--text);font-size:var(--text-lg);line-height:1.5}.tag--cta{text-decoration:none}.archive{gap:var(--space-4)}.archive__title{margin:0;font-family:var(--font-hand);font-weight:700;font-size:var(--text-3xl);color:var(--ink);line-height:1.1}.archive__note{margin:var(--space-2) 0 0;max-width:24ch;font-family:var(--font-hand);font-weight:600;font-size:var(--text-2xl);line-height:1.35;color:var(--ink);font-style:normal}.archive__meta{margin:0;max-width:40ch;color:var(--muted);font-size:var(--text-sm)}.archive__nav{display:flex;flex-wrap:wrap;gap:1rem;justify-content:center;margin-top:var(--space-2)}.archive__nav a{color:var(--accent);text-decoration:underline;text-underline-offset:3px}.archive__list{list-style:none;margin:var(--space-4) 0 0;padding:0;width:100%;columns:2 22ch;column-gap:var(--space-6);text-align:left}.archive__list li{break-inside:avoid;margin-bottom:var(--space-3)}.archive__list a{color:var(--text);text-decoration:none;font-size:var(--text-sm);line-height:1.4}.archive__list a:hover{color:var(--accent);text-decoration:underline;text-underline-offset:2px}@media (max-width: 520px){.archive__list{columns:1}}.tidelog__list{list-style:none;margin:var(--space-6) 0 0;padding:0;width:100%;max-width:46ch;text-align:left}.tidelog__list li{margin:0}.tidelog__list a{display:flex;flex-direction:column;gap:.15rem;padding:var(--space-3) 0;min-height:44px;border-bottom:1px solid var(--hairline, rgba(0, 0, 0, .1));text-decoration:none}.tidelog__date{font-family:var(--font-display);font-weight:600;font-size:var(--text-xs);letter-spacing:.04em;text-transform:uppercase;color:var(--accent)}.tidelog__line{color:var(--ink);font-family:var(--font-hand);font-weight:600;font-size:var(--text-lg);line-height:1.3}.tidelog__tag{color:var(--muted);font-size:var(--text-sm)}.tidelog__list a:hover .tidelog__line,.tidelog__list a:focus-visible .tidelog__line{text-decoration:underline;text-underline-offset:3px}.tidelog__reflection{margin:var(--space-2) 0 0;max-width:52ch;color:var(--text);line-height:1.7;font-size:var(--text-base)}@media (prefers-reduced-motion: reduce){.tag,.reveal__bottle--cast,.reveal__bottle--wash,.reveal__bottle--in,.reveal__bottle--rest,.bottle-scroll--unfurl,.bottle-ink--wet,.bottle-cork--pop,.tally--loading,.sheet-backdrop,.sheet,.chip{animation:none!important;transition:none!important}.reveal__bottle--rest{-webkit-box-reflect:none}.tag:hover,.tag:active{transform:none}}