@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-vietnamese-wght-normal-BUzh504Q.woff2)format("woff2-variations");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-ext-wght-normal-CcLUaPy7.woff2)format("woff2-variations");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Bricolage Grotesque Variable;font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/bricolage-grotesque-latin-wght-normal-DLoelf7F.woff2)format("woff2-variations");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f3f8fc;--text:#141414;--muted:#5b6570;--accent:#ee8eba;--accent-text:#141414;--ring:#2079bc;--today:#fbe1ec;--bestie:#2079bc;--card:#fff;--border:#d6e3ee;--error:#b83232;--font-display:"Bricolage Grotesque Variable", system-ui, sans-serif;--tabbar-height:64px;color:var(--text);background:var(--bg);font-family:system-ui,-apple-system,Segoe UI,Roboto,sans-serif;line-height:1.5}@media (prefers-color-scheme:dark){:root{--bg:#101418;--text:#f2f4f6;--muted:#9aa6b2;--ring:#6db4e3;--today:#3d2732;--bestie:#6db4e3;--card:#1a2027;--border:#2c3540;--error:#ff8a80}}*{box-sizing:border-box}body{background:var(--bg);min-height:100vh;margin:0}.page{max-width:480px;padding:24px 16px calc(var(--tabbar-height) + 32px + env(safe-area-inset-bottom));margin:0 auto}h1,h2,h3,.bestie-name,.invite-code{font-family:var(--font-display);letter-spacing:-.01em}h1{margin:0 0 8px;font-size:1.85rem;font-weight:800}h2{text-align:center;margin:0;font-size:1.15rem}.top{justify-content:space-between;align-items:center;margin-bottom:24px;display:flex}.muted{color:var(--muted)}.small{margin:0;font-size:.85rem}.error{color:var(--error)}.card{border:1px solid var(--border);background:var(--card);border-radius:16px;flex-direction:column;gap:12px;margin-top:16px;padding:16px;display:flex}.card p{margin:0}label,.label{font-weight:600}input,textarea{border:1px solid var(--border);background:var(--bg);width:100%;color:var(--text);font:inherit;resize:none;border-radius:10px;padding:12px;font-size:1rem}input:focus,textarea:focus{outline:2px solid var(--ring);outline-offset:-1px}button{background:var(--accent);color:var(--accent-text);font:inherit;cursor:pointer;border:none;border-radius:10px;padding:12px 20px;font-weight:600}button:disabled{opacity:.45;cursor:default}button.link{color:var(--muted);background:0 0;padding:4px 0;font-weight:400;text-decoration:underline}button.icon{background:var(--card);border:1px solid var(--border);width:44px;height:44px;color:var(--text);padding:0;font-size:1.5rem;line-height:1}.row{justify-content:space-between;align-items:center;display:flex}.day-nav{justify-content:space-between;align-items:center;gap:12px;display:flex}.entry-text{white-space:pre-wrap;font-size:1.05rem}button.secondary{border:1px solid var(--border);color:var(--text);background:0 0}.invite-code{letter-spacing:.2em;text-align:center;font-variant-numeric:tabular-nums;font-size:2rem;font-weight:700}.center{text-align:center}.calendar{grid-template-columns:repeat(7,1fr);gap:4px;display:grid}.weekday{color:var(--muted);text-align:center;padding-bottom:4px;font-size:.75rem}button.cal-day{min-height:48px;color:var(--text);background:0 0;border-radius:10px;flex-direction:column;align-items:center;gap:2px;padding:6px 0;font-weight:400;display:flex}button.cal-day:hover:not(:disabled){background:var(--bg)}button.cal-day.today{background:var(--today)}button.cal-day.selected,button.cal-day.selected:hover:not(:disabled){background:var(--accent);color:var(--accent-text);font-weight:700}button.cal-day:disabled{opacity:.3}.dots{gap:3px;height:7px;display:flex}.dot{border-radius:50%;flex-shrink:0;width:7px;height:7px;display:inline-block}.dot.mine{background:var(--accent)}.dot.theirs{background:var(--bestie)}.legend{justify-content:center;gap:16px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}button.archive-day{border:1px solid var(--border);text-align:left;width:100%;color:var(--text);align-items:stretch;gap:6px;font-weight:400}.field{flex-direction:column;gap:6px;display:flex}.bestie-name{color:var(--bestie);font-weight:700}.entry-view{flex-direction:column;gap:10px;margin:0;display:flex}.entry-view dt{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:600}.entry-view dd{white-space:pre-wrap;margin:0}.archive-person{border-top:1px solid var(--border);flex-direction:column;gap:6px;padding-top:8px;display:flex}.archive-name{align-items:center;gap:8px;font-weight:600;display:flex}.brand{align-items:center;gap:10px;display:flex}.brand h1{margin:0}.hero{text-align:center;flex-direction:column;align-items:center;margin-bottom:8px;display:flex}.hero-logo{margin-bottom:12px}.hero p{margin-top:0}.tabbar{z-index:10;padding:6px 8px calc(6px + env(safe-area-inset-bottom));background:var(--card);box-shadow:0 -1px 0 var(--border);justify-content:center;gap:4px;display:flex;position:fixed;bottom:0;left:0;right:0}.tabbar button{max-width:120px;color:var(--muted);background:0 0;border-radius:14px;flex-direction:column;flex:1;align-items:center;gap:2px;padding:6px 4px;font-size:.72rem;font-weight:600;display:flex}.tabbar button.active{color:var(--text)}.tabbar button.active svg{background:var(--accent);color:var(--accent-text);box-sizing:content-box;border-radius:999px;padding:3px 14px}.tabbar svg{box-sizing:content-box;padding:3px 14px;transition:background .2s}.segmented{background:var(--card);border:1px solid var(--border);border-radius:12px;gap:4px;margin-bottom:20px;padding:4px;display:flex}.segmented button{color:var(--muted);background:0 0;flex:1;padding:8px}.segmented button.active{background:var(--accent);color:var(--accent-text)}.section-title{margin:28px 0 0;font-size:1.05rem}.save-status{min-height:1.3em;color:var(--muted);text-align:right}.save-status.error{color:var(--error)}.dot.hidden{opacity:.45}.logout{margin:24px auto 0;display:block}.load-more{width:100%;margin-top:16px;display:block}.review-banners{flex-direction:column;gap:8px;display:flex}button.banner{text-align:left;width:100%;font-family:var(--font-display);border-radius:16px;justify-content:space-between;align-items:center;padding:16px;font-size:1.05rem;display:flex}.lookback{background:var(--today)}.review-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.review-list li{flex-direction:column;display:flex}.review-date{letter-spacing:.04em;text-transform:uppercase;color:var(--muted);font-size:.75rem;font-weight:600}.celebration{z-index:20;background:color-mix(in srgb, var(--bg) 80%, transparent);-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);flex-direction:column;justify-content:center;align-items:center;gap:8px;animation:2.8s forwards fade;display:flex;position:fixed;inset:0}.celebration-stage{justify-content:center;width:160px;height:200px;display:flex;position:relative}.celebration-logo{transform-origin:50% 100%;animation:1.9s cubic-bezier(.3,.7,.4,1) both hop;position:absolute;bottom:12px}.celebration-shadow{background:#00000026;border-radius:50%;width:110px;height:14px;animation:1.9s cubic-bezier(.3,.7,.4,1) both shadow;position:absolute;bottom:4px}.confetti{opacity:0;border-radius:50%;width:10px;height:10px;animation:1.1s ease-out .75s both burst;position:absolute;top:45%;left:50%}.celebration-text{font-family:var(--font-display);margin:0;font-size:1.4rem;font-weight:700;animation:.6s cubic-bezier(.3,1.5,.5,1) .9s both rise}@keyframes hop{0%{opacity:0;transform:translateY(-260px)scale(.6,1.25)}18%{opacity:1;transform:translateY(0)scale(1.3,.7)}28%{transform:translateY(-70px)scale(.88,1.15)}40%{transform:translateY(0)scale(1.18,.82)}50%{transform:translateY(-34px)scale(.94,1.07)}60%{transform:translateY(0)scale(1.08,.92)}68%{transform:translateY(-10px)scale(.98,1.02)}76%{transform:translateY(0)scale(1.03,.97)}84%,to{transform:translateY(0)scale(1)}}@keyframes shadow{0%{opacity:0;transform:scale(.2)}18%{opacity:1;transform:scale(1.15)}28%{transform:scale(.6)}40%{transform:scale(1.1)}50%{transform:scale(.8)}60%,to{transform:scale(1)}}@keyframes burst{0%{transform:rotate(var(--angle)) translateX(0) scale(.4);opacity:1}70%{opacity:1}to{transform:rotate(var(--angle)) translateX(110px) scale(1);opacity:0}}@keyframes rise{0%{opacity:0;transform:translateY(16px)scale(.9)}to{opacity:1;transform:none}}@keyframes fade{0%,85%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.celebration-logo,.celebration-shadow,.confetti,.celebration-text{animation:none}.confetti{display:none}}