:root{--ink: #0a0e24;--text: #fbf1e0;--muted: rgba(251, 241, 224, .76);--amber: #ffb15e;--rose: #ff8a7a;--glass: rgba(14, 17, 46, .52);--glass-strong: rgba(12, 14, 40, .68);--edge: rgba(255, 255, 255, .16);--focus: #ffe0a8;--serif: "Cormorant Garamond", "Iowan Old Style", "Palatino Linotype", Georgia, serif;--hand: "Caveat", "Segoe Script", "Bradley Hand", cursive;--sans: "Inter", system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--safe-t: env(safe-area-inset-top, 0px);--safe-r: env(safe-area-inset-right, 0px);--safe-b: env(safe-area-inset-bottom, 0px);--safe-l: env(safe-area-inset-left, 0px)}*,*:before,*:after{box-sizing:border-box}[hidden]{display:none!important}html,body{height:100%;margin:0}body{background:var(--ink);color:var(--text);font-family:var(--sans);font-size:16px;line-height:1.5;overflow:hidden;overscroll-behavior:none;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent}#scene{position:fixed;inset:0;width:100%;height:100%;display:block;touch-action:none}#ui{position:fixed;inset:0;pointer-events:none;padding:var(--safe-t) var(--safe-r) var(--safe-b) var(--safe-l)}#ui>*{pointer-events:auto}#ui>.landing,#ui>.nav{pointer-events:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:focus-visible{outline:2px solid var(--focus);outline-offset:3px;border-radius:6px}.btn{appearance:none;display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:44px;padding:.7rem 1.35rem;border:1px solid transparent;border-radius:999px;font:500 .95rem/1.2 var(--sans);letter-spacing:.01em;color:var(--text);background:none;cursor:pointer;transition:transform .25s ease,box-shadow .3s ease,background .3s ease,border-color .3s ease,opacity .2s ease}.btn:disabled{opacity:.55;cursor:not-allowed}.btn-lg{min-height:54px;padding:.95rem 1.9rem;font-size:1.02rem}.btn-primary{color:#2b1408;background:linear-gradient(135deg,#ffc47a,#ff9d73 55%,#ff8a8f);box-shadow:0 8px 30px #ff965a59,inset 0 1px #ffffff8c}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 12px 38px #ff965a80,inset 0 1px #fff9}.btn-glass{background:#14103480;border-color:#ffffff47;text-shadow:0 1px 8px rgba(5,6,25,.6);-webkit-backdrop-filter:blur(14px) saturate(140%);backdrop-filter:blur(14px) saturate(140%);box-shadow:0 6px 24px #0506194d}.btn-glass:hover:not(:disabled){background:#28205a9e;transform:translateY(-2px)}.btn-ghost{color:var(--muted);border-color:transparent}.btn-ghost:hover:not(:disabled){color:var(--text);background:#ffffff14}.btn-quiet{color:#fbf1e0b3;font-size:.85rem;min-height:40px;padding:.5rem .9rem}.btn-quiet:hover:not(:disabled){color:var(--text);text-decoration:underline}.btn-danger{background:#b9434d;color:#fff}.btn-danger:hover:not(:disabled){background:#cf5059}.btn-icon{width:44px;padding:0;background:#ffffff17;border-color:#fff3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.btn-icon:hover{background:#ffffff2e}.btn-icon.is-on,.btn-icon[aria-pressed=true]{color:var(--amber);border-color:#ffb15e99}.icon{display:inline-flex}.glass,.write,.read .actions,.notice,.findbar{-webkit-backdrop-filter:blur(20px) saturate(150%);backdrop-filter:blur(20px) saturate(150%)}.glass,.write,.notice,.findbar{background:linear-gradient(160deg,rgba(34,30,78,.55),var(--glass));border:1px solid var(--edge);border-radius:24px;box-shadow:0 30px 80px #03041480,inset 0 1px #ffffff24}.hud{position:absolute;top:calc(14px + var(--safe-t));right:calc(14px + var(--safe-r));display:flex;gap:8px}.landing{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;padding:clamp(72px,15dvh,168px) 24px 24px;text-align:center;pointer-events:none}.landing:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 46% at 50% 24%,rgba(8,10,34,.55),transparent 75%)}.landing>*{pointer-events:auto}.eyebrow{margin:0 0 1rem;font-size:.72rem;font-weight:500;letter-spacing:.34em;text-transform:uppercase;color:var(--amber);text-shadow:0 1px 12px rgba(5,6,25,.7)}.title{margin:0;font-family:var(--serif);font-weight:300;font-size:clamp(3.2rem,12vw,7.6rem);line-height:.98;letter-spacing:.01em;color:#fff6e8;text-shadow:0 2px 40px rgba(10,8,40,.65),0 0 90px rgba(255,160,100,.25)}.tagline{max-width:34ch;margin:1.2rem 0 2.2rem;font-family:var(--serif);font-size:clamp(1.25rem,3.6vw,1.7rem);font-style:italic;font-weight:400;line-height:1.3;color:#fff4e4f0;text-shadow:0 1px 18px rgba(6,6,30,.8)}.actions{display:flex;flex-wrap:wrap;justify-content:center;gap:12px}.fineprint{margin:1.6rem 0 0;font-size:.78rem;letter-spacing:.06em;color:#fff6e8eb;text-shadow:0 1px 3px rgba(5,6,25,.9),0 0 14px rgba(5,6,25,.8)}.write,.notice{position:absolute;inset:0;margin:auto;width:min(calc(100% - 24px),580px);height:fit-content;max-height:calc(100dvh - 24px - var(--safe-t) - var(--safe-b));overflow:auto;padding:clamp(20px,4vw,34px)}.notice{width:min(calc(100% - 24px),440px);text-align:center}.notice .actions{margin-top:1.4rem}.notice-body{margin:.6rem 0 0;color:var(--muted)}.panel-title{margin:0;font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,5vw,2.5rem);line-height:1.1;color:#fff3e0}.panel-hint{margin:.4rem 0 1.1rem;font-size:.9rem;color:var(--muted)}.parchment,.parchment-field,.scroll-sheet{position:relative;color:#3e2a18;background:radial-gradient(120% 90% at 18% 8%,rgba(255,255,255,.42),transparent 58%),radial-gradient(90% 120% at 92% 100%,rgba(130,78,24,.3),transparent 62%),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='240' height='240'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3' stitchTiles='stitch'/%3E%3CfeColorMatrix values='0 0 0 0 .38 0 0 0 0 .24 0 0 0 0 .09 0 0 0 .26 0'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E"),linear-gradient(162deg,#f8ebc9,#ecd7a7 52%,#dcc189);border-radius:7px 12px 9px 14px;box-shadow:inset 0 0 46px #7d501c6b,inset 0 0 2px #5a340eb3,0 22px 56px #02031280}.parchment-field{padding:14px 18px 10px}.note-input{display:block;width:100%;min-height:11.5rem;max-height:38dvh;padding:0;margin:0;border:0;outline:0;resize:none;background:repeating-linear-gradient(transparent,transparent calc(1.5em - 1px),rgba(120,78,30,.2) calc(1.5em - 1px),rgba(120,78,30,.2) 1.5em) local;color:#3a2614;caret-color:#8a4a1a;font-family:var(--hand);font-size:1.75rem;font-weight:500;line-height:1.5}.note-input::placeholder{color:#482e1480}.parchment-field:focus-within{box-shadow:inset 0 0 46px #7d501c6b,inset 0 0 2px #5a340eb3,0 0 0 2px var(--focus),0 22px 56px #02031280}.field-meta{display:flex;justify-content:space-between;align-items:baseline;gap:16px;min-height:1.6rem;margin:.55rem 0 .9rem;font-size:.85rem}.form-error{margin:0;color:#ffb4a8;font-weight:500}.counter{margin-left:auto;font-variant-numeric:tabular-nums;color:var(--muted)}.counter.is-warm{color:var(--amber)}.counter.is-over{color:#ff9d8f;font-weight:600}.tints{margin:0 0 1.4rem;padding:0;border:0}.tints legend{padding:0;margin-bottom:.55rem;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.tint-row{display:flex;gap:14px}.tint{position:relative;display:inline-flex;cursor:pointer}.tint-input{position:absolute;inset:0;opacity:0;margin:0;cursor:pointer}.tint-dot{width:38px;height:38px;border-radius:50%;background:radial-gradient(circle at 30% 26%,rgba(255,255,255,.92),var(--c) 56%,color-mix(in srgb,var(--c) 55%,#000) 100%);box-shadow:0 4px 14px #00000059,inset 0 0 0 1px #ffffff59;transition:transform .25s ease,box-shadow .25s ease}.tint:hover .tint-dot{transform:translateY(-2px) scale(1.05)}.tint-input:checked+.tint-dot{box-shadow:0 0 0 2px var(--ink),0 0 0 4px #fff3e0,0 6px 18px #0006}.tint-input:focus-visible+.tint-dot{outline:2px solid var(--focus);outline-offset:5px}.write .actions{justify-content:flex-start}.read{position:absolute;inset:0 clamp(20px,6vw,96px) 0 auto;margin:auto 0;width:min(46vw,540px);height:fit-content;max-height:calc(100dvh - 32px - var(--safe-t) - var(--safe-b));display:flex;flex-direction:column;gap:16px;overflow:auto}.read .parchment{padding:28px 30px 22px;flex:0 1 auto;overflow:auto}.read .actions{justify-content:flex-start;padding:12px;border:1px solid var(--edge);border-radius:22px;background:var(--glass-strong)}.kicker{margin:0 0 .9rem;font-size:.7rem;font-weight:600;letter-spacing:.24em;text-transform:uppercase;color:#7a5427}.note-text{margin:0;font-family:var(--hand);font-size:clamp(1.55rem,3.2vw,1.95rem);font-weight:500;line-height:1.38;color:#3a2614;white-space:pre-wrap;overflow-wrap:anywhere;outline:none}.note-age{margin:1.2rem 0 0;font-size:.78rem;letter-spacing:.04em;color:#6a4d26}.report-confirm{padding:16px;border:1px solid var(--edge);border-radius:22px;background:var(--glass-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.report-confirm p{margin:0 0 .9rem;font-size:.92rem;color:var(--muted)}.findbar{position:absolute;inset:auto 0 calc(28px + var(--safe-b)) 0;margin-inline:auto;width:min(calc(100% - 24px),480px);padding:18px 22px 20px;text-align:center}.findbar-status{margin:0 0 .9rem;font-family:var(--serif);font-size:1.3rem;font-style:italic;color:#fff3e0}.toasts{position:fixed;inset:0;z-index:60;display:grid;place-items:end center;padding:24px 12px calc(28px + var(--safe-b));pointer-events:none}.toast{grid-area:1 / 1;margin:0}.toast-quiet{padding:.7rem 1.3rem;border:1px solid var(--edge);border-radius:999px;background:var(--glass-strong);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);font-size:.92rem;max-width:90vw;text-align:center}.toast-poem{align-self:center;max-width:14ch;font-family:var(--serif);font-style:italic;font-weight:300;font-size:clamp(2.2rem,7vw,4.2rem);line-height:1.12;text-align:center;color:#fff4e2;text-shadow:0 2px 40px rgba(10,8,40,.8),0 0 70px rgba(255,170,110,.35)}.fallback{position:fixed;inset:0;display:grid;place-content:center;gap:1rem;padding:32px;text-align:center;background:radial-gradient(80% 60% at 50% 100%,#5b2f4d,var(--ink) 70%)}.fallback h1{margin:0;font-family:var(--serif);font-weight:300;font-size:clamp(2.6rem,9vw,5rem)}.fallback p{max-width:46ch;margin:0 auto;color:var(--muted)}@media(max-width:820px),(max-aspect-ratio:1/1){.read{inset:auto 12px calc(12px + var(--safe-b)) 12px;width:auto;margin:0;max-height:62dvh;gap:12px}.read .parchment{padding:22px 22px 18px}.note-text{font-size:1.5rem}.read .actions .btn{flex:1 1 calc(50% - 8px);padding-inline:.8rem}.landing{padding-top:clamp(76px,15dvh,140px)}}@media(max-width:480px){.landing .actions{flex-direction:column;width:min(100%,320px)}.landing .actions .btn{width:100%}.note-input{font-size:1.6rem}.write .actions .btn-primary{flex:1 1 auto}}@media(max-height:560px){.landing{padding-top:56px}.tagline{margin:.7rem 0 1.2rem}.note-input{min-height:6rem}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important;scroll-behavior:auto!important}.btn:hover:not(:disabled){transform:none!important}}@media(prefers-contrast:more){:root{--glass: rgba(6, 8, 26, .88);--glass-strong: rgba(6, 8, 26, .92);--edge: rgba(255, 255, 255, .5)}}.sea-hint{appearance:none;display:inline-flex;align-items:center;gap:.55rem;min-height:44px;margin-top:1.1rem;padding:.5rem 1rem;border:0;border-radius:999px;background:#0e0c2857;color:#fff4e2;font:500 .95rem/1.2 var(--sans);letter-spacing:.01em;text-shadow:0 1px 10px rgba(5,6,25,.8);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:sea-hint-pulse 3.6s ease-in-out infinite;transition:background .3s ease,transform .25s ease}.sea-hint:hover{background:#1e18488c;transform:translateY(-1px)}@keyframes sea-hint-pulse{0%,to{box-shadow:0 0 #ffc88c00}50%{box-shadow:0 0 0 8px #ffc88c1f}}.landing-foot{display:flex;flex-direction:column;align-items:center;gap:.8rem;margin-top:1.6rem}.landing-foot .fineprint{margin:0}.coffee{min-height:40px;padding:.5rem 1.1rem;font-size:.88rem;text-decoration:none}:root[data-tone=day] .landing:before{background:radial-gradient(64% 52% at 50% 26%,rgba(10,30,70,.4),transparent 76%)}:root[data-tone=night] .landing:before{background:radial-gradient(60% 46% at 50% 24%,rgba(4,6,24,.4),transparent 75%)}.email-block{margin:0 0 1.3rem}.field-label{display:block;margin-bottom:.4rem;font-size:.75rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted)}.text-input{width:100%;min-height:46px;padding:.65rem .95rem;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:#08081e73;color:var(--text);font:400 1rem/1.3 var(--sans)}.text-input::placeholder{color:#fbf1e073}.text-input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.text-input[aria-invalid=true]{border-color:#ff9d8f}.field-hint{margin:.5rem 0 0;font-size:.8rem;line-height:1.45;color:var(--muted)}.btn-sm{min-height:38px;padding:.4rem 1rem;font-size:.88rem}.feedback,.notes{padding:12px 16px;border:1px solid var(--edge);border-radius:20px;background:var(--glass-strong);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.feedback-row{display:flex;align-items:center;justify-content:space-between;gap:12px}.feedback-label{font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.thumbs{display:flex;gap:8px}.thumb{appearance:none;display:inline-flex;align-items:center;gap:.45rem;min-width:64px;min-height:44px;padding:0 .9rem;justify-content:center;border:1px solid rgba(255,255,255,.22);border-radius:999px;background:#ffffff0f;color:var(--text);font:500 .9rem/1 var(--sans);cursor:pointer;transition:background .25s ease,border-color .25s ease,transform .2s ease}.thumb:hover:not(:disabled){background:#ffffff24;transform:translateY(-1px)}.thumb[aria-pressed=true]{background:#ffb15e38;border-color:var(--amber);color:#ffd9a3}.thumb:disabled{opacity:.6;cursor:default}.count{font-variant-numeric:tabular-nums}.note-form{margin-top:12px}.note-small{display:block;width:100%;min-height:3.4rem;max-height:9rem;padding:.6rem .8rem;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:#08081e73;color:var(--text);font:400 1rem/1.4 var(--sans);resize:vertical}.note-small::placeholder{color:#fbf1e080}.note-small:focus-visible{outline:2px solid var(--focus);outline-offset:2px}.note-form-row{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:8px}.note-hint,.feedback-status{margin:0;font-size:.8rem;color:var(--muted)}.feedback-status:not(:empty){margin-top:8px}.notes-title{margin:0 0 .5rem;font-size:.72rem;font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--muted)}.notes-list{display:grid;gap:8px;max-height:11rem;margin:0;padding:0;overflow:auto;list-style:none}.notes-item{display:flex;align-items:flex-start;gap:10px;font-size:.92rem;line-height:1.4}.notes-text{overflow-wrap:anywhere;white-space:pre-wrap}.note-mark{flex:none;display:inline-flex;align-items:center;min-width:22px;padding-top:1px;font-size:.7rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;color:var(--amber)}.note-mark.is-down{color:#ff9d8f}.note-mark svg{width:18px;height:18px}#ui{padding-top:0}.nav{position:absolute;inset:0 0 auto;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:calc(12px + var(--safe-t)) calc(18px + var(--safe-r)) 22px calc(18px + var(--safe-l));background:linear-gradient(180deg,#080a228c,#080a2200);pointer-events:none}.nav>*{pointer-events:auto}.brand{display:inline-flex;align-items:center;gap:.55rem;margin:0;font-family:var(--serif);font-size:clamp(1.45rem,3.4vw,1.9rem);font-weight:500;letter-spacing:.02em;line-height:1;color:#fff6e8;text-shadow:0 1px 14px rgba(8,8,34,.7)}.brand .icon{color:var(--amber)}.nav-right{display:flex;align-items:center;gap:8px}.nav-coffee{min-height:44px;padding:.5rem 1.05rem;font-size:.9rem;text-decoration:none;white-space:nowrap}@media(max-width:640px){.nav-right{gap:6px}.nav-right .btn-icon{width:40px;min-height:40px}.nav-coffee{width:40px;min-height:40px;padding:0}.nav-coffee-text{display:none}.brand span{font-size:1.3rem}}.landing{inset:0;justify-content:flex-end;padding:72px 24px calc(28px + var(--safe-b))}.landing:before{background:radial-gradient(50% 24% at 50% 100%,rgba(8,10,34,.5),transparent 78%)}.center{display:flex;flex-direction:column;align-items:center;gap:.9rem}.center-hint{margin:0;font-family:var(--serif);font-size:1.2rem;font-style:italic;color:#fff6e8eb;text-shadow:0 1px 3px rgba(5,6,25,.9),0 0 16px rgba(5,6,25,.7)}.sr-only-focusable{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.sr-only-focusable:focus{position:fixed;left:50%;bottom:calc(24px + var(--safe-b));width:auto;height:auto;margin:0;padding:.7rem 1.3rem;overflow:visible;clip:auto;transform:translate(-50%);border-radius:999px;border:1px solid var(--edge);background:var(--glass-strong);color:var(--text);font:500 .95rem var(--sans)}:root[data-tone=day] .center-hint,:root[data-tone=day] .brand{text-shadow:0 1px 3px rgba(10,30,70,.8),0 0 18px rgba(10,30,70,.55)}.write.composer{display:flex;flex-direction:column;align-items:stretch;gap:16px;width:min(calc(100% - 8px),690px);max-height:calc(100dvh - 72px - var(--safe-t) - var(--safe-b));margin-top:calc(60px + var(--safe-t));padding:6px 26px 10px;overflow-x:hidden;overflow-y:auto;background:none;border:0;border-radius:0;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;scrollbar-width:none;transform-origin:50% 20%}.write.composer::-webkit-scrollbar{display:none}.scroll{display:flex;flex:none;flex-direction:column;filter:drop-shadow(0 16px 16px rgba(2,3,18,.42))}.scroll-roll{position:relative;z-index:2;flex:none;height:46px;margin:0 6px;border-radius:23px;background:linear-gradient(90deg,transparent 7%,rgba(120,80,30,.45) 7%,rgba(120,80,30,.45) 93%,transparent 93%) center / 100% 1px no-repeat,linear-gradient(180deg,#fbeccb,#f0dcae 38%,#d9bb7f 78%,#b99654);box-shadow:inset 0 -3px 5px #5a340e4d,inset 0 2px 3px #ffffffb3}.scroll-roll:before,.scroll-roll:after{content:"";position:absolute;top:50%;width:26px;height:44px;margin-top:-22px;border-radius:13px;background:radial-gradient(ellipse at 40% 28%,#dca362,#9a5f2c 55%,#62391a);box-shadow:inset -2px -3px 5px #00000059,0 3px 6px #00000059}.scroll-roll:before{left:-22px}.scroll-roll:after{right:-22px}.scroll-body{position:relative;z-index:1;margin:-5px 22px}.scroll-sheet{position:relative;padding:24px 32px 16px 78px;overflow:hidden;border-radius:0;box-shadow:inset 0 0 50px #7d501c61;clip-path:polygon(.6% 0,99.4% 0,100% 5%,99.2% 10%,100% 16%,99% 22%,99.8% 29%,99.1% 36%,100% 43%,99.3% 50%,99.9% 57%,99% 64%,99.8% 71%,99.2% 78%,100% 85%,99.1% 92%,99.6% 100%,.4% 100%,1% 94%,0% 87%,.9% 80%,.1% 73%,1% 66%,.2% 59%,1.1% 52%,.1% 45%,.9% 38%,.2% 31%,1% 24%,0% 17%,.8% 10%,.2% 4%)}.scroll-sheet:before{content:"";position:absolute;left:60px;top:0;bottom:0;width:1px;background:#c45c4680}.sheet-prompt{margin:0;font-family:var(--serif);font-size:1.2rem;font-style:italic;color:#7a5c36;line-height:1.3}.sheet-hint{margin:.3rem 0 0;font-family:var(--serif);font-size:1rem;font-style:italic;line-height:1.35;color:#6a4d26}.scroll-sheet .note-input{min-height:185px;max-height:32dvh;font-size:1.75rem;line-height:37px;background:repeating-linear-gradient(transparent,transparent 36px,rgba(120,90,50,.28) 36px,rgba(120,90,50,.28) 37px) local;color:#3a2614}.scroll-sheet .note-input::placeholder{color:#6e56348c}.scroll-sheet .note-input:focus-visible{outline:none}.scroll-sheet:focus-within .note-input{caret-color:#8a4a1a}.scroll-sheet .field-meta{margin:.4rem 0 0}.scroll-sheet .counter{font-family:var(--serif);font-size:1rem;font-style:italic;color:#7a5c36}.scroll-sheet .counter.is-warm{color:#9a5b12}.scroll-sheet .counter.is-over,.scroll-sheet .form-error{color:#a3261b}.tints{margin:0;padding:0;border:0;text-align:center}.bottle-row{display:flex;justify-content:center;gap:clamp(12px,4vw,34px)}.bottle-pick{position:relative;display:grid;place-items:center;padding:4px 6px;border-radius:12px;cursor:pointer;opacity:.82;transition:transform .25s ease,filter .3s ease,opacity .3s ease}.bottle-pick:hover{opacity:1;transform:translateY(-3px)}.bottle-pick .tint-input{position:absolute;inset:0;margin:0;opacity:0;cursor:pointer}.bottle-pick:has(.tint-input:checked){opacity:1;transform:translateY(-4px) scale(1.14);filter:drop-shadow(0 0 12px rgba(255,235,170,.8))}.bottle-pick:has(.tint-input:checked) .b-paper{fill:#fff1c4}.bottle-pick:has(.tint-input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.caption-rule{width:min(320px,70%);height:1px;margin:8px auto 10px;background:linear-gradient(90deg,transparent,rgba(255,240,210,.65),transparent)}.tint-caption{margin:0;font-family:var(--serif);font-size:1.3rem;font-style:italic;color:#fff3e0;text-shadow:0 1px 3px rgba(5,6,25,.9),0 0 16px rgba(5,6,25,.6)}.email-tag{position:relative;align-self:center;width:min(100%,610px);padding:16px 24px 14px 66px;color:#4a3320;background:linear-gradient(162deg,#f6e6bd,#e4cc96);clip-path:polygon(0 52%,6% 0,100% 4%,100% 100%,6% 100%);transform:rotate(-1deg)}.email-tag:before{content:"";position:absolute;left:28px;top:50%;width:14px;height:14px;margin-top:-7px;border-radius:50%;background:radial-gradient(circle,#14213d 0 42%,#7a5a2e 46% 68%,#e6d3a3 72%)}.tag-label{display:block;font-family:var(--serif);font-size:1.05rem;font-style:italic;color:#6a4d26}.tag-label span{color:#8a6e46}.tag-input{width:100%;min-height:38px;padding:.1rem 0;border:0;border-bottom:1px dashed rgba(90,60,30,.65);background:transparent;color:#3a2614;font-family:var(--hand);font-size:1.55rem;font-weight:500}.tag-input::placeholder{color:#6e56348c}.tag-input:focus-visible{outline:2px solid #7a3f12;outline-offset:3px;border-bottom-style:solid}.tag-input[aria-invalid=true]{border-bottom-color:#a3261b}.tag-hint{margin:.4rem 0 0;font-size:.76rem;line-height:1.35;color:#6a4d26}.composer-actions{justify-content:center;padding-bottom:6px}@media(max-width:520px){.write.composer{padding:4px 20px 8px;gap:12px}.scroll-sheet{padding:20px 20px 12px 54px}.scroll-sheet:before{left:40px}.scroll-sheet .note-input{font-size:1.6rem}.email-tag{padding:14px 16px 12px 52px}.email-tag:before{left:20px}}@media(max-height:880px){.scroll-sheet .note-input{min-height:148px}}.fab{appearance:none;display:grid;place-items:center;width:72px;height:72px;padding:0;border:0;border-radius:50%;color:#2b1408;background:linear-gradient(135deg,#ffc47a,#ff9d73 55%,#ff8a8f);box-shadow:0 10px 34px #ff965a73,inset 0 1px #fff9;cursor:pointer;transition:transform .25s ease,box-shadow .3s ease}.fab:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 14px 42px #ff965a99,inset 0 1px #fff9}.fab:active{transform:scale(.97)}.fab-caption{font-size:.82rem;font-weight:500;letter-spacing:.08em;color:#fff4e2;text-shadow:0 1px 3px rgba(5,6,25,.9),0 0 14px rgba(5,6,25,.7)}.center{gap:.7rem}.center-hint{font-size:1.1rem}@media(prefers-reduced-motion:reduce){.fab:hover{transform:none}}.composer-actions{display:flex;align-items:center;justify-content:flex-end;margin-top:4px;padding:0 4px 8px}@media(max-height:880px){.tint-caption{font-size:1.15rem}.bottle-pick .icon svg{height:58px;width:auto}.scroll-sheet{padding-top:18px}}.scroll-close{position:absolute;top:10px;right:14px;z-index:3;width:36px;min-height:36px;padding:0;color:#5a3d1f;background:#5a340e1f;border:1px solid rgba(90,52,14,.25);-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.scroll-close:hover:not(:disabled){background:#5a340e3d;color:#2b1708}.scroll-close:focus-visible{outline:2px solid #7a3f12;outline-offset:2px}.adrift{margin:0 6px 0 0;font-family:var(--serif);font-size:1.05rem;font-style:italic;color:#fff4e2eb;text-shadow:0 1px 3px rgba(5,6,25,.9),0 0 14px rgba(5,6,25,.6);white-space:nowrap}.adrift #adrift-count{font-style:normal;font-weight:600;font-variant-numeric:tabular-nums}@media(max-width:760px){.adrift{display:none}}.noscript-note{position:fixed;inset:auto 16px 24px;margin:0 auto;max-width:460px;padding:14px 18px;border:1px solid var(--edge);border-radius:18px;background:var(--glass-strong);color:var(--text);text-align:center}.bottle-tip{position:fixed;left:0;top:0;z-index:40;padding:.35rem .8rem;border:1px solid var(--edge);border-radius:999px;background:var(--glass-strong);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);color:var(--text);font:500 .82rem/1.2 var(--sans);letter-spacing:.02em;white-space:nowrap;pointer-events:none}.nav-coffee[href^="{{"]{display:none}