@font-face{font-family:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/familjen-grotesk-vietnamese-wght-normal-DKRsWTd7.woff2) format("woff2-variations");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/familjen-grotesk-latin-ext-wght-normal-Cvgdx4cy.woff2) format("woff2-variations");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,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:Familjen Grotesk Variable;font-style:normal;font-display:swap;font-weight:400 700;src:url(/assets/familjen-grotesk-latin-wght-normal-CfZa4wxB.woff2) format("woff2-variations");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fragment Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/fragment-mono-latin-400-normal-yxdJ5AmL.woff2) format("woff2"),url(/assets/fragment-mono-latin-400-normal-BYwT3kSJ.woff) format("woff")}:root{--bg: #f4f4f4;--surface: #ffffff;--fill: #ececec;--fill-2: #e1e1e1;--ink: #0a0a0a;--ink-2: #5a5a5a;--ink-3: #999999;--ink-4: #cccccc;--hair: rgba(0, 0, 0, .07);--hair-2: rgba(0, 0, 0, .12);--on-ink: #ffffff;--accent: #ff4f00;--accent-soft: rgba(255, 79, 0, .1);--bar: rgba(244, 244, 244, .8);--scrim: rgba(0, 0, 0, .3);--desk: #e6e6e6;--av1: #dcdcdc;--av1-ink: #1a1a1a;--av2: #0a0a0a;--av2-ink: #ffffff;--av3: #b8b8b8;--av3-ink: #0a0a0a;--av4: #f0f0f0;--av4-ink: #3a3a3a;--card-shadow: 0 0 0 .5px rgba(0, 0, 0, .05);--font-ui: "Familjen Grotesk Variable", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;--font-display: var(--font-ui);--font-mono: "Fragment Mono", ui-monospace, "SF Mono", Menlo, monospace;--ease-ios: cubic-bezier(.32, .72, 0, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--ease-spring: cubic-bezier(.34, 1.56, .64, 1);--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px);--nav-h: 44px;--tab-h: 54px;--gutter: 20px;color-scheme:light}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg: #000000;--surface: #111111;--fill: #1b1b1b;--fill-2: #262626;--ink: #f5f5f5;--ink-2: #a3a3a3;--ink-3: #6b6b6b;--ink-4: #383838;--hair: rgba(255, 255, 255, .08);--hair-2: rgba(255, 255, 255, .14);--on-ink: #000000;--accent: #ff5a1a;--accent-soft: rgba(255, 90, 26, .16);--bar: rgba(0, 0, 0, .72);--scrim: rgba(0, 0, 0, .6);--desk: #000000;--av1: #2e2e2e;--av1-ink: #f0f0f0;--av2: #f0f0f0;--av2-ink: #0a0a0a;--av3: #505050;--av3-ink: #ffffff;--av4: #1c1c1c;--av4-ink: #c4c4c4;--card-shadow: none;color-scheme:dark}}:root[data-theme=dark]{--bg: #000000;--surface: #111111;--fill: #1b1b1b;--fill-2: #262626;--ink: #f5f5f5;--ink-2: #a3a3a3;--ink-3: #6b6b6b;--ink-4: #383838;--hair: rgba(255, 255, 255, .08);--hair-2: rgba(255, 255, 255, .14);--on-ink: #000000;--accent: #ff5a1a;--accent-soft: rgba(255, 90, 26, .16);--bar: rgba(0, 0, 0, .72);--scrim: rgba(0, 0, 0, .6);--desk: #000000;--av1: #2e2e2e;--av1-ink: #f0f0f0;--av2: #f0f0f0;--av2-ink: #0a0a0a;--av3: #505050;--av3-ink: #ffffff;--av4: #1c1c1c;--av4-ink: #c4c4c4;--card-shadow: none;color-scheme:dark}*,*:before,*:after{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--desk);color:var(--ink);font-family:var(--font-ui);font-size:15px;line-height:1.45;-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;text-rendering:optimizeLegibility;overscroll-behavior:none}button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;-webkit-user-select:none;user-select:none}input,textarea{font:inherit;font-size:16px;color:inherit}svg{display:block}h1,h2,h3,p{margin:0;font-weight:inherit}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:8px}.device{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--bg)}.device-screen{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden;background:var(--bg);isolation:isolate}.status-bar,.island,.home-indicator{display:none}@media(min-width:640px)and (min-height:640px){body{overflow:hidden}#root{display:grid;place-items:center}.device{--frame-h: min(852px, calc(100vh - 56px) );position:relative;inset:auto;height:var(--frame-h);width:calc(var(--frame-h) * 393 / 852);border-radius:calc(var(--frame-h) * .066);padding:11px;background:#0a0a0a;box-shadow:0 0 0 1.5px #3a3a3a,0 0 0 3px #1a1a1a,0 40px 80px -30px #00000073,0 24px 40px -24px #00000059}.device-screen{top:11px;right:11px;bottom:11px;left:11px;border-radius:calc(var(--frame-h) * .066 - 11px);--safe-top: 50px;--safe-bottom: 26px}.status-bar{position:absolute;z-index:90;top:0;left:0;right:0;height:50px;display:flex;align-items:center;justify-content:space-between;padding:4px 30px 0 40px;font-size:15px;font-weight:600;letter-spacing:-.01em;pointer-events:none;color:var(--ink);transition:color .3s}.status-bar.is-light{color:#fff}.status-icons{display:flex;gap:6px;align-items:center}.island{display:block;position:absolute;z-index:91;top:11px;left:50%;width:122px;height:34px;margin-left:-61px;border-radius:20px;background:#000;pointer-events:none}.home-indicator{display:block;position:absolute;z-index:90;bottom:8px;left:50%;width:134px;height:5px;margin-left:-67px;border-radius:3px;background:var(--ink);opacity:.85;pointer-events:none}}.stage{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg);transform-origin:50% 0;transition:transform .5s var(--ease-ios),border-radius .5s var(--ease-ios),filter .5s var(--ease-ios);overflow:hidden}.device-screen.has-sheet{background:#000}.stage.is-recessed{transform:translateY(calc(var(--safe-top) - 1px)) scale(.92);border-radius:12px;filter:brightness(.82)}.tab-layer{position:absolute;top:0;right:0;bottom:0;left:0;transition:transform .46s var(--ease-ios),filter .46s var(--ease-ios)}.tab-layer[hidden]{display:none}.tab-layer.is-covered{transform:translate(-28%);filter:brightness(.94)}.screen{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg)}.navbar{position:absolute;z-index:20;top:0;left:0;right:0;height:calc(var(--safe-top) + var(--nav-h));padding:var(--safe-top) 8px 0;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;transition:background-color .25s,box-shadow .25s}.screen.is-scrolled .navbar,.navbar.is-solid{background:var(--bar);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 .5px 0 var(--hair-2)}.navbar-title{font-size:16px;font-weight:600;letter-spacing:-.015em;opacity:0;transform:translateY(6px);transition:opacity .22s,transform .3s var(--ease-out);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:220px}.screen.is-scrolled .navbar-title,.navbar.is-solid .navbar-title,.screen.no-large .navbar-title{opacity:1;transform:none}.navbar-side{display:flex;align-items:center;gap:2px;min-width:0}.navbar-side.end{justify-content:flex-end}.nav-back{display:inline-flex;align-items:center;height:40px;padding:0 10px 0 2px;font-size:16px;color:var(--ink);border-radius:20px;transition:opacity .15s}.nav-back:active{opacity:.45}.icon-btn{position:relative;display:inline-grid;place-items:center;width:40px;height:40px;border-radius:20px;color:var(--ink);transition:background-color .2s,transform .2s var(--ease-out)}.icon-btn:active{background:var(--fill);transform:scale(.92)}.icon-btn.on-media{background:#00000052;color:#fff;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.badge-dot{position:absolute;top:9px;right:10px;width:7px;height:7px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 2px var(--bg)}.screen-scroll{position:absolute;top:0;right:0;bottom:0;left:0;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-top:calc(var(--safe-top) + var(--nav-h));padding-bottom:calc(var(--safe-bottom) + var(--tab-h) + 32px);scrollbar-width:none}.screen-scroll::-webkit-scrollbar{display:none}.screen.is-pushed .screen-scroll{padding-bottom:calc(var(--safe-bottom) + 40px)}.large-title-row{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;padding:4px var(--gutter) 18px}.eyebrow{font-size:12px;font-weight:400;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-3);margin-bottom:4px;font-family:var(--font-mono)}.large-title{font-family:var(--font-display);font-size:36px;font-weight:600;line-height:1.04;letter-spacing:-.037em}.tabbar{position:absolute;z-index:40;left:0;right:0;bottom:0;height:calc(var(--tab-h) + var(--safe-bottom));padding:0 6px var(--safe-bottom);display:grid;grid-template-columns:repeat(5,1fr);align-items:stretch;background:var(--bar);-webkit-backdrop-filter:saturate(180%) blur(22px);backdrop-filter:saturate(180%) blur(22px);box-shadow:0 -.5px 0 var(--hair-2);transition:transform .46s var(--ease-ios)}.tabbar.is-hidden{transform:translateY(100%)}.tab{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding-top:2px;color:var(--ink-3);font-size:10.5px;font-weight:500;letter-spacing:.01em;transition:color .2s}.tab svg{transition:transform .35s var(--ease-spring)}.tab:active svg{transform:scale(.86)}.tab.is-active{color:var(--ink)}.tab .avatar{outline:1.5px solid transparent;outline-offset:1.5px;transition:outline-color .2s}.tab.is-active .avatar{outline-color:var(--ink)}.tab-compose{display:grid;place-items:center}.tab-compose span{display:grid;place-items:center;width:46px;height:34px;border-radius:12px;background:var(--ink);color:var(--on-ink);transition:transform .3s var(--ease-spring)}.tab-compose:active span{transform:scale(.9)}.push-layer{position:absolute;top:0;right:0;bottom:0;left:0;z-index:50;box-shadow:-10px 0 30px -10px #0000002e;animation:push-in .46s var(--ease-ios) both}.push-layer.is-leaving{animation:push-out .36s var(--ease-ios) both}.push-layer.is-covered>.screen{transform:translate(-28%);filter:brightness(.94)}.push-layer>.screen{transition:transform .46s var(--ease-ios),filter .46s var(--ease-ios)}@keyframes push-in{0%{transform:translate(100%)}}@keyframes push-out{to{transform:translate(100%)}}.sheet-scrim{position:absolute;top:0;right:0;bottom:0;left:0;z-index:60;background:var(--scrim);opacity:0;pointer-events:none;transition:opacity .4s var(--ease-ios)}.sheet-scrim.is-open{opacity:1;pointer-events:auto}.sheet{position:absolute;z-index:61;left:0;right:0;bottom:0;top:calc(var(--safe-top) + 10px);display:flex;flex-direction:column;background:var(--bg);border-radius:14px 14px 0 0;transform:translateY(102%);transition:transform .5s var(--ease-ios);overflow:hidden}.sheet.is-open{transform:none}.sheet-grabber{position:absolute;top:6px;left:50%;width:36px;height:5px;margin-left:-18px;border-radius:3px;background:var(--ink-4)}.sheet-header{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;height:56px;padding:8px 12px 0;flex:none}.sheet-title{font-size:16px;font-weight:600;letter-spacing:-.015em}.sheet-body{flex:1;overflow-y:auto;padding:4px 0 calc(var(--safe-bottom) + 32px);scrollbar-width:none}.text-btn{height:36px;padding:0 8px;font-size:16px;color:var(--ink-2);justify-self:start;transition:opacity .15s}.text-btn:active{opacity:.4}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:50px;padding:0 22px;border-radius:14px;font-size:16px;font-weight:600;letter-spacing:-.01em;transition:transform .25s var(--ease-out),opacity .2s,background-color .2s}.btn:active{transform:scale(.97)}.btn:disabled{opacity:.32;pointer-events:none}.btn-primary{background:var(--ink);color:var(--on-ink)}.btn-secondary{background:var(--fill);color:var(--ink)}.btn-quiet{background:transparent;color:var(--ink-2)}.btn-block{width:100%}.btn-sm{height:34px;padding:0 14px;border-radius:17px;font-size:14px}.pill-btn{height:32px;padding:0 14px;border-radius:16px;font-size:14px;font-weight:600;background:var(--ink);color:var(--on-ink);justify-self:end;transition:opacity .2s,transform .2s var(--ease-out)}.pill-btn:disabled{opacity:.25}.pill-btn:active{transform:scale(.95)}.avatar{flex:none;display:inline-grid;place-items:center;border-radius:50%;font-family:var(--font-ui);font-weight:560;letter-spacing:-.02em;line-height:1;background:var(--fill-2);color:var(--ink);-webkit-user-select:none;user-select:none}.avatar[data-tone="1"]{background:var(--av1);color:var(--av1-ink)}.avatar[data-tone="2"]{background:var(--av2);color:var(--av2-ink)}.avatar[data-tone="3"]{background:var(--av3);color:var(--av3-ink)}.avatar[data-tone="4"]{background:var(--av4);color:var(--av4-ink);box-shadow:inset 0 0 0 .5px var(--hair-2)}.avatar-img{display:inline-block;object-fit:cover}.avatar-stack{display:flex}.avatar-stack .avatar{box-shadow:0 0 0 2px var(--surface)}.avatar-stack .avatar+.avatar{margin-left:-8px}.seg{position:relative;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;padding:2px;border-radius:10px;background:var(--fill)}.seg-thumb{position:absolute;top:2px;bottom:2px;left:2px;border-radius:8px;background:var(--surface);box-shadow:0 3px 8px #00000014,0 0 0 .5px #0000000a;transition:transform .38s var(--ease-ios)}:root[data-theme=dark] .seg-thumb{background:var(--fill-2)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]) .seg-thumb{background:var(--fill-2)}}.seg-item{position:relative;z-index:1;height:30px;font-size:13px;font-weight:500;color:var(--ink-2);transition:color .2s}.seg-item.is-active{color:var(--ink);font-weight:600}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips.scroll{flex-wrap:nowrap;overflow-x:auto;padding:0 var(--gutter);margin:0;scrollbar-width:none}.chips.scroll::-webkit-scrollbar{display:none}.chip{flex:none;height:34px;padding:0 14px;border-radius:17px;font-size:14px;font-weight:500;color:var(--ink);background:transparent;box-shadow:inset 0 0 0 1px var(--hair-2);transition:background-color .2s,color .2s,box-shadow .2s,transform .2s var(--ease-out)}.chip:active{transform:scale(.96)}.chip.is-on{background:var(--ink);color:var(--on-ink);box-shadow:none}.chip-count{margin-left:6px;font-variant-numeric:tabular-nums;opacity:.55}.group{margin:0 16px;border-radius:14px;background:var(--surface);overflow:hidden;box-shadow:var(--card-shadow)}.group-label{padding:0 32px 8px;font-size:13px;color:var(--ink-3)}.group-foot{padding:8px 32px 0;font-size:13px;line-height:1.4;color:var(--ink-3)}.row{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:50px;padding:10px 16px;text-align:left;font-size:16px}.row+.row:before{content:"";position:absolute;top:0;left:16px;right:0;height:.5px;background:var(--hair-2)}.row.has-lead+.row.has-lead:before{left:62px}button.row:active{background:var(--fill)}.row-main{flex:1;min-width:0}.row-title{font-size:16px;letter-spacing:-.01em}.row-sub{font-size:13px;color:var(--ink-3);margin-top:1px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.row-value{color:var(--ink-3);font-size:16px}.row-chevron{color:var(--ink-4);margin-right:-4px}.row input{flex:1;min-width:0;border:0;outline:0;background:transparent;text-align:right;color:var(--ink-2)}.toggle{position:relative;flex:none;width:51px;height:31px;border-radius:16px;background:var(--fill-2);transition:background-color .25s}.toggle:after{content:"";position:absolute;top:2px;left:2px;width:27px;height:27px;border-radius:50%;background:#fff;box-shadow:0 3px 8px #00000026,0 1px 1px #00000029;transition:transform .32s var(--ease-ios)}.toggle[aria-checked=true]{background:var(--accent)}.toggle[aria-checked=true]:after{transform:translate(20px)}.field{display:block;width:100%;border:0;outline:0;background:transparent;resize:none;padding:0;line-height:1.45}.field::placeholder{color:var(--ink-3)}.field-display{font-family:var(--font-display);font-size:26px;line-height:1.2;letter-spacing:-.027em;font-weight:550}.input-box{width:100%;height:52px;padding:0 16px;border:0;outline:0;border-radius:14px;background:var(--fill);transition:box-shadow .2s}.input-box:focus{box-shadow:inset 0 0 0 1.5px var(--ink)}.input-box::placeholder{color:var(--ink-3)}.section{margin-top:30px}.section-head{display:flex;align-items:baseline;justify-content:space-between;padding:0 var(--gutter) 12px}.section-title{font-size:20px;font-weight:600;letter-spacing:-.02em}.section-link{font-size:15px;color:var(--ink-3)}.label-caps{font-size:11px;font-weight:400;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-3);font-family:var(--font-mono)}.accent-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--accent);vertical-align:middle}.muted{color:var(--ink-3)}.tnum{font-variant-numeric:tabular-nums}.circle-strip{display:flex;gap:16px;overflow-x:auto;padding:2px var(--gutter) 4px;scrollbar-width:none}.circle-strip::-webkit-scrollbar{display:none}.person{flex:none;display:flex;flex-direction:column;align-items:center;gap:7px;width:62px;font-size:12px;color:var(--ink-2);transition:transform .2s var(--ease-out)}.person:active{transform:scale(.95)}.person-name{max-width:100%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ring{display:grid;padding:2px;border-radius:50%;border:1.5px solid var(--hair-2)}.ring.is-new{border-color:var(--ink)}.ring-add{display:grid;place-items:center;width:62px;height:62px;border-radius:50%;border:1.5px dashed var(--ink-4);color:var(--ink-2)}.challenge{position:relative;display:grid;grid-template-columns:1fr 108px;gap:16px;align-items:center;margin:26px 16px 0;padding:18px 18px 18px 20px;border-radius:22px;background:var(--surface);box-shadow:var(--card-shadow);text-align:left;width:calc(100% - 32px);overflow:hidden;transition:transform .3s var(--ease-out)}.challenge:active{transform:scale(.985)}.challenge-title{font-weight:550;font-family:var(--font-display);font-size:23px;line-height:1.1;letter-spacing:-.032em;margin:8px 0 6px}.challenge-meta{display:flex;align-items:center;gap:10px;margin-top:14px;font-size:13px;color:var(--ink-3)}.challenge-art{width:128px;height:128px;margin:-10px -14px -10px -6px}.challenge-art svg{width:100%;height:100%}.feed{display:flex;flex-direction:column;gap:12px;margin-top:12px}.post{background:var(--surface);padding:16px 0 14px;box-shadow:var(--card-shadow);border-radius:24px;margin:0 8px;animation:rise .6s var(--ease-out) both}@keyframes rise{0%{opacity:0;transform:translateY(10px)}}.post-head{display:flex;align-items:center;gap:11px;padding:0 14px 0 16px}.post-who{flex:1;min-width:0;text-align:left}.post-name{font-size:15px;font-weight:600;letter-spacing:-.01em}.post-sub{font-size:13px;color:var(--ink-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.kind-tag{display:inline-flex;align-items:center;gap:6px;height:24px;padding:0 10px;border-radius:12px;font-size:12px;font-weight:600;color:var(--ink-2);background:var(--fill)}.kind-tag.is-accent{color:var(--accent);background:var(--accent-soft)}.post-media{display:block;position:relative;width:calc(100% - 16px);margin:14px 8px 0;border-radius:18px;overflow:hidden;aspect-ratio:4 / 5;background:var(--fill)}.post-media svg{width:100%;height:100%}.private-photo{display:grid;place-items:center;width:100%;height:100%;min-width:0;min-height:0;background:var(--fill)}.private-photo-open{display:block;width:100%;height:100%}.private-photo img{display:block;width:100%;height:100%;object-fit:cover}.photo-status{padding:var(--gutter);text-align:center;color:var(--ink-2)}.photo-picker{padding:0 var(--gutter)}.photo-picker input{display:block;max-width:100%;margin-top:var(--gutter)}.photo-picker .photo-slot img{display:block;width:100%;height:100%;object-fit:cover}.pour-metadata{border:0;padding:0;margin:0;min-width:0}.media-flag{position:absolute;left:12px;bottom:12px;display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 12px;border-radius:15px;font-size:13px;font-weight:600;color:#fff;background:#0000006b;-webkit-backdrop-filter:blur(16px) saturate(160%);backdrop-filter:blur(16px) saturate(160%)}.post-body{padding:12px 18px 0;text-align:left;display:block;width:100%}.post-caption{font-size:15px;line-height:1.45;color:var(--ink)}.post-caption.clamp{display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.post-details{display:flex;flex-wrap:wrap;gap:4px 0;margin-top:10px;font-size:13px;color:var(--ink-3)}.post-details span+span:before{content:"·";margin:0 7px;color:var(--ink-4)}.post-actions{display:flex;align-items:center;gap:2px;padding:8px 10px 0}.act{display:inline-flex;align-items:center;gap:6px;height:38px;padding:0 8px;border-radius:19px;font-size:14px;font-weight:500;color:var(--ink-2);font-variant-numeric:tabular-nums;transition:color .2s}.act svg{transition:transform .4s var(--ease-spring)}.act:active svg{transform:scale(.82)}.act.is-on{color:var(--ink)}.act.like.is-on{color:var(--accent)}.act.like.is-on svg{animation:pop .45s var(--ease-spring)}@keyframes pop{40%{transform:scale(1.28)}}.act-spacer{flex:1}.tip{padding:16px 20px 2px;text-align:left;width:100%;display:block}.tip-title{font-weight:550;font-family:var(--font-display);font-size:25px;line-height:1.16;letter-spacing:-.032em;text-wrap:balance}.tip-body{margin-top:10px;font-size:15px;line-height:1.5;color:var(--ink-2)}.recipe-title{font-weight:550;font-family:var(--font-display);font-size:23px;line-height:1.15;letter-spacing:-.032em}.recipe-grid{display:grid;grid-template-columns:repeat(4,1fr);margin:14px 0 2px;border-radius:16px;background:var(--fill);padding:12px 0}.recipe-cell{text-align:center;padding:0 4px}.recipe-cell+.recipe-cell{box-shadow:-.5px 0 0 var(--hair-2)}.recipe-num{font-family:var(--font-mono);font-size:21px;letter-spacing:-.04em;font-variant-numeric:tabular-nums lining-nums;line-height:1.1;font-weight:400}.recipe-num small{font-family:var(--font-ui);font-size:12px;color:var(--ink-3);margin-left:1px;letter-spacing:0}.recipe-key{margin-top:3px;font-size:11px;font-weight:400;letter-spacing:.02em;text-transform:uppercase;color:var(--ink-3);font-family:var(--font-mono)}.question-text{font-family:var(--font-display);font-size:22px;line-height:1.24;letter-spacing:-.027em;font-weight:550}.answers-peek{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;border-radius:14px;background:var(--fill);font-size:14px;color:var(--ink-2)}.answers-peek p{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.detail-media{aspect-ratio:4 / 5;margin:0 8px;border-radius:22px;overflow:hidden}.detail-media svg{width:100%;height:100%}.kv{margin:18px var(--gutter) 0}.kv-row{display:flex;justify-content:space-between;padding:11px 0;font-size:15px;box-shadow:0 -.5px 0 var(--hair-2)}.kv-row dt{color:var(--ink-3)}.kv-row dd{margin:0}.feedback-card{margin:26px 16px 0;padding:18px;border-radius:20px;background:var(--surface);box-shadow:var(--card-shadow)}.feedback-q{font-family:var(--font-display);font-size:22px;font-weight:550;letter-spacing:-.027em;margin-top:6px}.fb-list{display:flex;flex-direction:column;gap:8px;margin-top:14px}.fb-tag{position:relative;display:flex;align-items:center;justify-content:space-between;height:42px;padding:0 14px;border-radius:12px;overflow:hidden;font-size:15px;background:var(--fill);text-align:left;transition:transform .2s var(--ease-out)}.fb-tag:active{transform:scale(.985)}.fb-fill{position:absolute;inset:0 auto 0 0;background:color-mix(in srgb,var(--ink) 9%,transparent);transition:width .5s var(--ease-ios)}.fb-tag.is-on{box-shadow:inset 0 0 0 1.5px var(--ink)}.fb-tag>span:not(.fb-fill){position:relative;display:flex;align-items:center;gap:8px}.comments{padding:4px var(--gutter) 0}.comment{display:flex;gap:12px;padding:12px 0;animation:rise .4s var(--ease-out) both}.comment-body{flex:1;min-width:0}.comment-name{font-size:14px;font-weight:600}.comment-name span{font-weight:400;color:var(--ink-3);margin-left:6px}.comment-text{font-size:15px;line-height:1.42;margin-top:1px}.composer{position:absolute;z-index:30;left:0;right:0;bottom:0;display:flex;align-items:center;gap:10px;padding:10px 12px calc(var(--safe-bottom) + 10px) 16px;background:var(--bar);-webkit-backdrop-filter:saturate(180%) blur(20px);backdrop-filter:saturate(180%) blur(20px);box-shadow:0 -.5px 0 var(--hair-2)}.composer-input{flex:1;height:40px;padding:0 16px;border:0;outline:0;border-radius:20px;background:var(--fill)}.composer-input::placeholder{color:var(--ink-3)}.send-btn{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--ink);color:var(--on-ink);transition:opacity .2s,transform .3s var(--ease-spring)}.send-btn:disabled{opacity:.2;transform:scale(.85)}.search{display:flex;align-items:center;gap:8px;margin:0 16px;height:38px;padding:0 10px;border-radius:11px;background:var(--fill);color:var(--ink-3)}.search input{flex:1;min-width:0;border:0;outline:0;background:transparent;font-size:16px}.search input::placeholder{color:var(--ink-3)}.featured{display:block;position:relative;width:calc(100% - 32px);margin:0 16px;border-radius:24px;overflow:hidden;aspect-ratio:1 / 1.08;text-align:left;color:#fff;transition:transform .3s var(--ease-out)}.featured:active{transform:scale(.985)}.featured svg{width:100%;height:100%}.featured-copy{position:absolute;left:0;right:0;bottom:0;padding:70px 22px 22px;background:linear-gradient(to top,#000000c7,#0000)}.featured-copy .label-caps{color:#ffffffb3}.featured-title{font-family:var(--font-display);font-size:32px;line-height:1.05;letter-spacing:-.037em;margin:6px 0 8px;font-weight:600}.featured-meta{font-size:14px;color:#ffffffb8}.guide-list{margin:0 16px}.guide-row{display:flex;align-items:center;gap:14px;width:100%;padding:10px 0;text-align:left;transition:opacity .15s}.guide-row:active{opacity:.55}.guide-row+.guide-row{box-shadow:0 -.5px 0 var(--hair-2)}.guide-thumb{flex:none;width:64px;height:64px;border-radius:16px;overflow:hidden;background:var(--surface);box-shadow:var(--card-shadow),inset 0 0 0 .5px var(--hair)}.guide-thumb svg{width:100%;height:100%}.guide-title{font-size:16px;font-weight:600;letter-spacing:-.015em}.guide-meta{font-size:13px;color:var(--ink-3);margin-top:2px}.saved-tips{display:flex;gap:10px;overflow-x:auto;padding:0 16px;scroll-snap-type:x mandatory;scroll-padding:16px;scrollbar-width:none}.saved-tips::-webkit-scrollbar{display:none}.saved-tip{flex:none;width:244px;min-height:150px;padding:18px;border-radius:20px;background:var(--surface);box-shadow:var(--card-shadow);text-align:left;display:flex;flex-direction:column;justify-content:space-between;scroll-snap-align:start}.saved-tip p{font-family:var(--font-display);font-size:18px;line-height:1.22;letter-spacing:-.022em;font-weight:550}.saved-tip footer{display:flex;align-items:center;gap:8px;margin-top:16px;font-size:13px;color:var(--ink-3)}.guide-hero{position:relative;height:420px;margin-top:calc(-1 * (var(--safe-top) + var(--nav-h)))}.guide-hero svg{width:100%;height:100%}.guide-head{position:relative;margin:-34px 0 0;padding:26px var(--gutter) 0;border-radius:26px 26px 0 0;background:var(--bg)}.guide-head h1{font-family:var(--font-display);font-weight:600;font-size:34px;line-height:1.05;letter-spacing:-.037em;margin:8px 0 10px}.guide-summary{font-size:16px;line-height:1.5;color:var(--ink-2)}.meta-row{display:flex;gap:18px;margin-top:18px;padding-bottom:6px;font-size:13px;color:var(--ink-3)}.meta-row span{display:inline-flex;align-items:center;gap:6px}.steps{margin:14px var(--gutter) 0}.step{display:grid;grid-template-columns:44px 1fr;padding:18px 0;box-shadow:0 -.5px 0 var(--hair-2)}.step-num{font-family:var(--font-mono);font-size:19px;color:var(--ink-3);font-variant-numeric:tabular-nums lining-nums;line-height:1.2;font-weight:400;letter-spacing:-.04em}.step.is-done .step-num{color:var(--accent)}.step-title{font-size:17px;font-weight:600;letter-spacing:-.015em;margin-bottom:4px}.step-body{font-size:15px;line-height:1.5;color:var(--ink-2)}.step-check{margin-top:10px;display:inline-flex;align-items:center;gap:6px;font-size:13px;font-weight:600;color:var(--ink-3)}.step.is-done .step-check{color:var(--accent)}.cta-bar{display:flex;gap:10px;margin:24px var(--gutter) 0}.invite-card{position:relative;margin:0 16px;padding:22px;border-radius:24px;background:var(--ink);color:var(--on-ink);overflow:hidden}.invite-card .label-caps{color:var(--on-ink);opacity:.55}.invite-title{font-family:var(--font-display);font-size:26px;line-height:1.12;letter-spacing:-.032em;margin:8px 0 18px;max-width:180px;font-weight:550}.invite-code{display:flex;align-items:center;justify-content:space-between;height:54px;padding:0 8px 0 18px;border-radius:14px;background:color-mix(in srgb,var(--on-ink) 9%,transparent);font-family:var(--font-mono);font-size:18px;letter-spacing:.14em}.invite-code .icon-btn{color:var(--on-ink)}.invite-actions{display:flex;gap:8px;margin-top:10px}.invite-actions .btn{flex:1;height:46px;font-size:15px}.btn-invert{background:var(--on-ink);color:var(--ink)}.btn-invert-ghost{background:transparent;color:var(--on-ink);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--on-ink) 22%,transparent)}.invite-cup{position:absolute;top:-46px;right:-64px;width:190px;height:190px;transform:rotate(-24deg);pointer-events:none}.invite-code,.invite-actions{position:relative}.invite-cup svg{width:100%;height:100%}.member-meta{text-align:right;font-size:13px;color:var(--ink-3);line-height:1.3}.member-meta strong{display:block;font-family:var(--font-mono);font-weight:400;font-size:16px;color:var(--ink);font-variant-numeric:tabular-nums lining-nums;letter-spacing:-.04em}.activity-thumb{flex:none;width:42px;height:42px;border-radius:10px;overflow:hidden}.activity-thumb svg{width:100%;height:100%}.activity-text{font-size:15px;line-height:1.35}.activity-text b{font-weight:600}.profile-head{display:flex;flex-direction:column;align-items:center;text-align:center;padding:8px var(--gutter) 0}.profile-name{font-family:var(--font-display);font-size:30px;line-height:1.1;letter-spacing:-.037em;margin-top:14px;font-weight:600}.profile-handle{margin-top:4px;font-size:14px;color:var(--ink-3)}.profile-setup{display:inline-flex;align-items:center;gap:7px;margin-top:12px;height:30px;padding:0 12px;border-radius:15px;background:var(--fill);font-size:13px;color:var(--ink-2)}.stats{display:grid;grid-template-columns:repeat(3,1fr);margin:24px 16px 0;padding:16px 0;border-radius:20px;background:var(--surface);box-shadow:var(--card-shadow)}.stat{text-align:center}.stat+.stat{box-shadow:-.5px 0 0 var(--hair-2)}.stat-num{font-family:var(--font-mono);font-size:24px;line-height:1.1;letter-spacing:-.04em;font-variant-numeric:tabular-nums lining-nums;font-weight:400}.stat-label{margin-top:2px;font-size:12px;color:var(--ink-3)}.profile-tabs{margin:24px 16px 14px}.grid3{display:grid;grid-template-columns:repeat(3,1fr);gap:3px;margin:0 3px}.grid3 button{aspect-ratio:1;overflow:hidden;border-radius:4px;transition:opacity .15s}.grid3 button:first-child{border-top-left-radius:18px}.grid3 button:nth-child(3){border-top-right-radius:18px}.grid3 button:active{opacity:.7}.grid3 svg{width:100%;height:100%}.meter{width:64px;height:4px;border-radius:2px;background:var(--fill-2);overflow:hidden;margin-top:6px;margin-left:auto}.meter span{display:block;height:100%;border-radius:2px;background:var(--ink)}.empty{padding:48px 40px;text-align:center;color:var(--ink-3);font-size:15px}.empty h3{font-family:var(--font-display);font-weight:550;font-size:22px;color:var(--ink);margin-bottom:6px;letter-spacing:-.02em}.compose-kinds{margin:4px 16px 18px}.photo-slot{position:relative;display:grid;place-items:center;width:calc(100% - 32px);margin:0 16px;aspect-ratio:4 / 4.2;border-radius:22px;overflow:hidden;background:var(--fill);color:var(--ink-3);transition:transform .25s var(--ease-out)}.photo-slot:active{transform:scale(.99)}.photo-slot svg.art{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.photo-empty{display:flex;flex-direction:column;align-items:center;gap:10px;font-size:15px}.photo-empty-icon{display:grid;place-items:center;width:56px;height:56px;border-radius:50%;background:var(--surface);color:var(--ink);box-shadow:var(--card-shadow)}.compose-text{margin:18px 20px 6px}.compose-section{margin-top:22px}.compose-section>.label-caps{display:block;padding:0 20px 10px}.stepper-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0 16px}.stepper{padding:14px 14px 12px;border-radius:18px;background:var(--surface);box-shadow:var(--card-shadow)}.stepper-value{font-family:var(--font-mono);font-size:26px;letter-spacing:-.04em;font-variant-numeric:tabular-nums lining-nums;line-height:1.1;margin:2px 0 10px;font-weight:400}.stepper-value small{font-family:var(--font-ui);font-size:14px;color:var(--ink-3);margin-left:2px}.stepper-btns{display:flex;gap:6px}.stepper-btns button{flex:1;height:32px;display:grid;place-items:center;border-radius:10px;background:var(--fill);transition:transform .2s var(--ease-out)}.stepper-btns button:active{transform:scale(.92);background:var(--fill-2)}.toast{position:absolute;z-index:95;top:calc(var(--safe-top) + 6px);left:50%;display:flex;align-items:center;gap:10px;height:44px;padding:0 18px 0 8px;border-radius:22px;background:var(--ink);color:var(--on-ink);font-size:15px;font-weight:500;white-space:nowrap;transform:translate(-50%,-140%) scale(.9);opacity:0;transition:transform .55s var(--ease-spring),opacity .3s;pointer-events:none;box-shadow:0 12px 30px -10px #0006}.toast.is-visible{transform:translate(-50%) scale(1);opacity:1}.toast-icon{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--accent);color:#fff}.onb{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;padding:calc(var(--safe-top) + 8px) 0 calc(var(--safe-bottom) + 16px);background:var(--bg)}.onb-top{display:flex;align-items:center;gap:8px;height:44px;padding:0 12px}.onb-progress{flex:1;display:flex;gap:5px;padding:0 8px}.onb-progress span{flex:1;height:3px;border-radius:2px;background:var(--fill-2);overflow:hidden}.onb-progress span:after{content:"";display:block;height:100%;width:0;background:var(--ink);transition:width .5s var(--ease-ios)}.onb-progress span.is-done:after{width:100%}.onb-step{flex:1;display:flex;flex-direction:column;min-height:0;overflow-y:auto;scrollbar-width:none;animation:onb-in .6s var(--ease-out) both}@keyframes onb-in{0%{opacity:0;transform:translate(24px)}}.onb-hero{flex:1;min-height:300px;position:relative;overflow:hidden}.onb-top[hidden]{display:none}.onb-step.is-intro{margin-top:calc(-1 * (var(--safe-top) + 8px))}.onb-step.is-intro .onb-hero{margin-bottom:28px;border-radius:0 0 28px 28px}.onb-top{position:relative;z-index:2}.intro-scene{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.intro-item{animation:intro-in 1.1s var(--ease-out) both}@keyframes intro-in{0%{opacity:0;transform:translateY(14px)}}.onb-copy{padding:0 28px}.onb-wordmark{font-family:var(--font-display);font-size:17px;letter-spacing:-.022em;display:flex;align-items:center;gap:8px;font-weight:550}.onb-title{font-family:var(--font-display);font-weight:600;font-size:44px;line-height:1.02;letter-spacing:-.042em;margin:14px 0}.onb-title em{font-style:normal;color:var(--accent)}.onb-sub{font-size:16px;line-height:1.5;color:var(--ink-2);max-width:320px}.onb-h2{font-family:var(--font-display);font-weight:600;font-size:34px;line-height:1.08;letter-spacing:-.037em;margin:18px 0 8px}.onb-actions{position:sticky;bottom:0;display:flex;flex-direction:column;gap:6px;padding:24px 20px 0;background:linear-gradient(to bottom,transparent,var(--bg) 24px)}.onb-field-label{display:block;margin:26px 0 10px}.level-list{display:flex;flex-direction:column;gap:8px}.level{display:flex;align-items:center;justify-content:space-between;height:56px;padding:0 18px;border-radius:16px;background:var(--surface);box-shadow:var(--card-shadow),inset 0 0 0 1px var(--hair);font-size:16px;text-align:left;transition:box-shadow .2s,transform .2s var(--ease-out)}.level:active{transform:scale(.985)}.level.is-on{box-shadow:inset 0 0 0 1.75px var(--ink)}.level small{display:block;font-size:13px;color:var(--ink-3)}.radio{width:22px;height:22px;border-radius:50%;box-shadow:inset 0 0 0 1.5px var(--ink-4);display:grid;place-items:center;transition:box-shadow .2s}.level.is-on .radio{box-shadow:inset 0 0 0 7px var(--ink)}.onb-invite{margin:26px 0 0}.onb-invite .invite-card{margin:0}.promise{display:flex;flex-direction:column;gap:16px;margin-top:28px}.promise-row{display:flex;gap:14px;align-items:flex-start}.promise-icon{flex:none;display:grid;place-items:center;width:36px;height:36px;border-radius:11px;background:var(--fill);color:var(--ink)}.promise-row b{display:block;font-size:15px;font-weight:600;letter-spacing:-.01em}.promise-row span{font-size:14px;color:var(--ink-3);line-height:1.4}.or-rule{display:flex;align-items:center;gap:12px;margin:22px 0 14px;font-size:13px;color:var(--ink-3)}.or-rule:before,.or-rule:after{content:"";flex:1;height:.5px;background:var(--hair-2)}.code-input{font-family:var(--font-mono);letter-spacing:.14em;text-transform:uppercase}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important}}html.is-public-page,html.is-public-page body{height:auto;overflow:visible;overflow-x:clip;background:#ebe6dd;color-scheme:light}html.is-public-page #root{display:block;height:auto}.cc{--cobalt: #121f94;--lavender: #b3bff4;--cream: #ebe6dd;--yellow: #fade69;--ink: #1a1a1a;--white: #ffffff;--cobalt-deep: color-mix(in srgb, var(--cobalt) 70%, #000);--page: var(--white);--ink-2: color-mix(in srgb, var(--ink) 74%, var(--white));--pop: var(--yellow);--sticker-edge: 0 0 0 5px var(--white);--lift: 0 18px 30px -16px color-mix(in srgb, var(--cobalt) 45%, transparent);--bounce: cubic-bezier(.34, 1.7, .6, 1);--soft: cubic-bezier(.22, 1, .36, 1);min-height:100vh;background:var(--page);color:var(--ink);font-family:Familjen Grotesk Variable,system-ui,sans-serif;font-size:18px;line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:clip}.cc *,.cc *:before,.cc *:after{box-sizing:border-box}.cc h1,.cc h2,.cc h3{margin:0;font-weight:700;text-wrap:balance}.cc p{margin:0}.cc a{color:inherit}.cc-wrap{width:min(1160px,100% - 40px);margin:0 auto}.cc-narrow{width:min(780px,100% - 40px)}.cc .cc-center{text-align:center;margin-left:auto;margin-right:auto}.cc-tag{display:inline-block;padding:7px 15px;border-radius:999px;background:var(--lavender);color:var(--cobalt);font-family:Fragment Mono,ui-monospace,monospace;font-size:12.5px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:18px;rotate:-2deg}.cc-tag-light,.cc-wonky .cc-tag{background:var(--white)}.cc-lede{font-size:clamp(18px,1.7vw,21px);line-height:1.55;color:var(--ink-2);max-width:33em}.cc-sample{margin-top:14px!important;font-size:14px;color:var(--ink-2);opacity:.8}.cc-section{padding:clamp(80px,11vw,140px) 0;position:relative}.cc-section h2{font-size:clamp(38px,5.4vw,68px);line-height:1;letter-spacing:-.045em;margin-bottom:20px}.cc-btn{display:inline-flex;align-items:center;justify-content:center;height:56px;padding:0 30px;border:0;border-radius:999px;background:var(--cobalt);color:var(--cream)!important;font:inherit;font-size:18px;font-weight:650;letter-spacing:-.01em;text-decoration:none;cursor:pointer;box-shadow:0 5px 0 var(--cobalt-deep);transition:transform .25s var(--bounce),box-shadow .12s}.cc-btn:hover{transform:translateY(-2px) rotate(-1.5deg);box-shadow:0 7px 0 var(--cobalt-deep)}.cc-btn:active{transform:translateY(4px);box-shadow:0 1px 0 var(--cobalt-deep);transition-duration:.06s}.cc-btn-soft{background:transparent;color:var(--cobalt)!important;box-shadow:inset 0 0 0 2.5px var(--cobalt),0 5px #121f942e}.cc-btn-soft:hover{box-shadow:inset 0 0 0 2.5px var(--cobalt),0 7px #121f942e}.cc-btn-soft:active{box-shadow:inset 0 0 0 2.5px var(--cobalt),0 1px #121f942e}.cc-btn-cream{background:var(--cream);color:var(--cobalt)!important;box-shadow:0 5px #b9b0a3}.cc-btn-cream:hover{box-shadow:0 7px #b9b0a3}.cc-btn-small{height:44px;padding:0 22px;font-size:16px;box-shadow:0 4px 0 var(--cobalt-deep)}.cc-actions{display:flex;flex-wrap:wrap;gap:14px 16px;margin-top:34px}.cc a:focus-visible,.cc button:focus-visible{outline:3px solid var(--cobalt);box-shadow:0 0 0 7px var(--yellow);outline-offset:4px;border-radius:12px}.cc-header{position:sticky;top:0;z-index:30;padding-top:env(safe-area-inset-top,0px);background:var(--cream)}.cc-header-bar{display:flex;align-items:center;gap:28px;height:78px}.cc-logo{flex:none;transition:transform .35s var(--bounce)}.cc-logo:hover{transform:rotate(-3deg) scale(1.04)}.cc .cc-logo .brand-logo{display:block;height:58px;width:auto;padding:0;background:transparent}.cc-nav{display:flex;gap:6px;margin-left:auto}.cc-nav a{padding:8px 14px;border-radius:999px;font-size:16px;font-weight:550;text-decoration:none;color:var(--ink-2);transition:background-color .2s,color .2s}.cc-nav a:hover{background:var(--lavender);color:var(--cobalt)}.cc-burger{display:none;position:relative;width:46px;height:46px;margin-left:auto;border:0;border-radius:50%;background:var(--lavender);color:var(--cobalt);cursor:pointer}.cc-burger span{position:absolute;left:13px;right:13px;height:2.5px;border-radius:2px;background:currentColor;transition:transform .35s var(--bounce),opacity .2s}.cc-burger span:nth-child(1){top:15px}.cc-burger span:nth-child(2){top:22px}.cc-burger span:nth-child(3){top:29px}.cc-burger.is-open span:nth-child(1){transform:translateY(7px) rotate(45deg)}.cc-burger.is-open span:nth-child(2){opacity:0;transform:scaleX(0)}.cc-burger.is-open span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.cc-menu{position:absolute;top:calc(100% - 6px);right:16px;display:flex;flex-direction:column;gap:4px;width:min(300px,calc(100% - 32px));padding:14px;border-radius:26px;background:var(--cream);box-shadow:var(--sticker-edge),var(--lift);transform-origin:top right;transform:scale(.6) rotate(-8deg);opacity:0;visibility:hidden;transition:transform .4s var(--bounce),opacity .2s,visibility .2s}.cc-menu.is-open{transform:rotate(-1.5deg);opacity:1;visibility:visible}.cc-menu>a:not(.cc-btn){padding:12px 14px;border-radius:16px;font-size:20px;font-weight:650;letter-spacing:-.02em;color:var(--cobalt);text-decoration:none}.cc-menu>a:not(.cc-btn):hover{background:var(--white)}.cc-menu .cc-btn{margin-top:8px}.cc-hero{padding:clamp(36px,6vw,80px) 0 clamp(80px,10vw,130px);background:radial-gradient(circle,rgba(18,31,148,.1) 1.4px,transparent 1.8px) 0 0 / 22px 22px,var(--cream)}.cc-hero-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(36px,6vw,90px);align-items:center}.cc-hero h1{font-size:clamp(56px,8.6vw,118px);line-height:.9;letter-spacing:-.06em;margin-bottom:28px}.cc-squiggle{position:relative;display:inline-block;color:var(--cobalt);isolation:isolate}.cc-squiggle svg{position:absolute;left:-2%;bottom:-.3em;width:104%;height:.26em;overflow:visible;z-index:-1}.cc-squiggle path{fill:none;stroke:var(--yellow);stroke-width:11;stroke-linecap:round;stroke-dasharray:420;stroke-dashoffset:420;animation:cc-draw 1.1s .5s var(--soft) forwards}@keyframes cc-draw{to{stroke-dashoffset:0}}.cc-cardzone{position:relative;padding:84px 30px 0 0}.cc-card{position:relative;margin:0;padding:26px 26px 22px;border-radius:30px;background:var(--white);border:3px solid var(--cobalt);box-shadow:var(--sticker-edge),var(--lift);rotate:2deg;transition:rotate .5s var(--bounce)}.cc-card:hover{rotate:0deg}.cc-card-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:18px}.cc-card-title{font-size:28px;font-weight:750;letter-spacing:-.04em;color:var(--cobalt)}.cc-card-count{font-family:Fragment Mono,ui-monospace,monospace;font-size:15px;color:var(--cobalt);padding:4px 10px;border-radius:999px;background:var(--yellow)}.cc-slots{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.cc-slot{position:relative;aspect-ratio:1;border-radius:50%;background:color-mix(in srgb,var(--lavender) 35%,var(--white));border:2.5px dashed rgba(18,31,148,.3);display:grid;place-items:center}.cc-slot-n{font-family:Fragment Mono,ui-monospace,monospace;font-size:15px;color:#121f9459}.cc-stamp{position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;display:grid;place-content:center;justify-items:center;gap:1px;border-radius:50%;background:var(--cobalt);color:var(--cream);font-size:clamp(11px,1.15vw,13px);font-weight:650;letter-spacing:-.01em;box-shadow:inset 0 0 0 3px var(--cobalt),inset 0 0 0 5px var(--yellow)}.cc-cupmark{width:46%;height:auto}.cc-stamp.is-fresh{animation:cc-thunk .7s var(--bounce)}@keyframes cc-thunk{0%{transform:translateY(-46px) scale(1.5);opacity:0}45%{transform:translateY(0) scale(1.18,.82);opacity:1}70%{transform:scale(.94,1.06)}to{transform:none}}.cc-card-foot{margin-top:18px!important;font-size:16px;color:var(--cobalt);font-weight:550}.cc-card.is-full{animation:cc-wiggle .6s var(--soft)}@keyframes cc-wiggle{25%{rotate:-2deg}60%{rotate:4deg}}.cc-confetti i{--angle: calc(var(--i) * 26deg);position:absolute;left:50%;top:45%;width:12px;height:16px;border-radius:3px 3px 6px 6px;background:var(--pop);animation:cc-burst 1.2s var(--soft) forwards;pointer-events:none}.cc-confetti i:nth-child(3n){background:var(--cobalt)}.cc-confetti i:nth-child(3n+1){background:var(--lavender)}@keyframes cc-burst{0%{transform:rotate(var(--angle)) translateY(0) scale(.4);opacity:1}to{transform:rotate(var(--angle)) translateY(-210px) rotate(220deg) scale(1);opacity:0}}.cc-bear{position:absolute;top:-4px;right:-14px;z-index:2;width:150px;animation:cc-bob 3.6s ease-in-out infinite}.cc-bear img{display:block;width:100%;height:auto;rotate:8deg;scale:-1 1;filter:drop-shadow(0 10px 10px rgba(18,31,148,.18))}@keyframes cc-bob{50%{transform:translateY(-8px)}}.cc-bubble{position:absolute;right:136px;top:14px;width:max-content;max-width:250px;padding:10px 16px;border-radius:20px 20px 6px;background:var(--white);border:2.5px solid var(--cobalt);color:var(--cobalt);font-size:15.5px;font-weight:650;line-height:1.25;box-shadow:0 6px #121f9426;transform-origin:bottom right;animation:cc-pop .5s var(--bounce)}@keyframes cc-pop{0%{transform:scale(.4) rotate(-6deg);opacity:0}}.cc-cardzone .cc-sample{text-align:center;margin-top:22px!important}.cc-how{background:var(--white)}.cc-trail{position:relative;list-style:none;margin:56px 0 0;padding:0;display:grid;grid-auto-rows:1fr;gap:18px}.cc-trail:before{content:"";position:absolute;left:50%;top:40px;bottom:40px;border-left:4px dotted rgba(18,31,148,.25);translate:-2px 0}.cc-trail li{position:relative;display:grid;grid-template-columns:1fr 120px 1fr;align-items:center;gap:28px}.cc-trail-stamp{grid-column:2;justify-self:center;position:relative;display:grid;place-items:center;width:104px;height:104px;border-radius:50%;background:color-mix(in srgb,var(--lavender) 35%,var(--white));color:#121f9466;border:3px dashed rgba(18,31,148,.3);transition:background-color .3s,color .3s,border-color .3s}.cc-trail-stamp b{position:absolute;right:-6px;top:-6px;display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:var(--yellow);color:var(--cobalt);font-family:Fragment Mono,ui-monospace,monospace;font-size:15px;font-weight:400;box-shadow:0 0 0 2.5px var(--cobalt)}.cc-trail li.is-landed .cc-trail-stamp{background:var(--cobalt);color:var(--cream);border:3px solid var(--cobalt);box-shadow:inset 0 0 0 5px var(--yellow),var(--lift);animation:cc-thunk .7s var(--bounce)}.cc-trail li:nth-child(odd) .cc-trail-stamp{rotate:-6deg}.cc-trail li:nth-child(2n) .cc-trail-stamp{rotate:5deg}.cc-trail-text{max-width:380px}.cc-trail li:nth-child(odd) .cc-trail-text{grid-column:1;grid-row:1;justify-self:end;text-align:right}.cc-trail li:nth-child(2n) .cc-trail-text{grid-column:3}.cc-trail h3{font-size:26px;letter-spacing:-.035em;margin-bottom:6px;color:var(--cobalt)}.cc-trail p{font-size:17px;color:var(--ink-2)}.cc-wonky{background:var(--lavender);text-align:center}.cc-wonky h2{color:var(--cobalt)}.cc-wonky .cc-lede,.cc-wonky .cc-sample{color:color-mix(in srgb,var(--cobalt) 80%,var(--ink))}.cc-cups{display:grid;grid-template-columns:repeat(4,1fr);gap:clamp(12px,3vw,40px);margin-top:54px}.cc-cup{margin:0;display:grid;justify-items:center;gap:4px;rotate:var(--tilt);animation:cc-bob 4.2s ease-in-out infinite}.cc-cup:nth-child(2){animation-delay:-1s}.cc-cup:nth-child(3){animation-delay:-2.1s}.cc-cup:nth-child(4){animation-delay:-3s}.cc-cup svg{width:100%;max-width:230px;height:auto}.cc-chip{padding:9px 18px;border-radius:999px;background:var(--cobalt);color:var(--white);font-size:16px;font-weight:650;box-shadow:var(--sticker-edge),0 8px 0 -2px #121f944d;rotate:calc(var(--tilt) * -1.4)}.cc-wonky .cc-sample{margin-top:30px!important}.cc-rules{background:var(--cobalt);color:var(--cream)}.cc-rules h2{color:var(--cream)}.cc-rules .cc-lede{color:color-mix(in srgb,var(--cream) 82%,var(--cobalt))}.cc-rules-grid{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1fr);gap:clamp(36px,6vw,80px);align-items:center}.cc-stickers{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:22px 18px}.cc-sticker{display:flex;align-items:center;gap:10px;padding:16px 22px;background:var(--cream);color:var(--cobalt);font-size:18px;font-weight:650;letter-spacing:-.015em;line-height:1.2;box-shadow:var(--sticker-edge),0 14px 22px -12px #00000080;rotate:var(--r);transition:rotate .4s var(--bounce),transform .4s var(--bounce),box-shadow .3s;cursor:default}.cc-sticker:hover{rotate:0deg;transform:translateY(-6px) scale(1.04);box-shadow:var(--sticker-edge),0 22px 26px -12px #0000008c}.cc-sticker.is-pill{border-radius:999px}.cc-sticker.is-round{flex-direction:column;justify-content:center;width:168px;height:168px;padding:20px;border-radius:50%;text-align:center}.cc-sticker.is-blob{border-radius:42% 58% 54% 46%/48% 40% 60% 52%;padding:26px 30px;background:var(--yellow);color:var(--cobalt)}.cc-faqs{background:var(--cream)}.cc-faq{display:grid;gap:14px;margin-top:34px}.cc-faq-item{border-radius:24px;background:var(--white);box-shadow:0 0 0 2.5px var(--cobalt),0 6px #121f9424;transition:transform .3s var(--bounce)}.cc-faq-item:hover{transform:translateY(-2px)}.cc-faq-item button{display:flex;align-items:center;justify-content:space-between;gap:18px;width:100%;padding:20px 22px 20px 26px;border:0;background:none;color:var(--ink);font:inherit;font-size:clamp(18px,2vw,21px);font-weight:650;letter-spacing:-.02em;text-align:left;cursor:pointer}.cc-faq-plus{position:relative;flex:none;width:36px;height:36px;border-radius:50%;background:var(--lavender);transition:transform .4s var(--bounce),background-color .2s}.cc-faq-plus:before,.cc-faq-plus:after{content:"";position:absolute;left:10px;right:10px;top:16.5px;height:3px;border-radius:2px;background:var(--cobalt)}.cc-faq-plus:after{transform:rotate(90deg)}.cc-faq-item.is-open .cc-faq-plus{transform:rotate(135deg);background:var(--cobalt)}.cc-faq-item.is-open .cc-faq-plus:before,.cc-faq-item.is-open .cc-faq-plus:after{background:var(--yellow)}.cc-faq-item p{padding:0 26px 22px;color:var(--ink-2);max-width:38em}.cc-closing{background:var(--yellow);color:var(--cobalt);overflow:hidden}.cc-closing h2{color:var(--cobalt)}.cc-closing .cc-lede{color:color-mix(in srgb,var(--cobalt) 82%,var(--ink))}.cc-closing-inner{display:grid;grid-template-columns:auto 1fr;gap:clamp(28px,5vw,70px);align-items:center}.cc-closing-bear{width:clamp(160px,22vw,280px);height:auto;rotate:-6deg;animation:cc-bob 3.2s ease-in-out infinite;filter:drop-shadow(0 16px 18px rgba(18,31,148,.25))}.cc-footer{padding:48px 0 56px;background:var(--page)}.cc-footer-inner{display:grid;justify-items:center;gap:16px;text-align:center}.cc-footer-bear{width:64px;height:auto;rotate:-8deg;transition:rotate .4s var(--bounce)}.cc-footer-bear:hover{rotate:8deg}.cc-footer-links{display:flex;flex-wrap:wrap;justify-content:center;gap:6px 10px}.cc-footer-links a{padding:6px 14px;border-radius:999px;font-size:16px;font-weight:550;color:var(--cobalt);text-decoration:none;background:var(--lavender)}.cc-footer-links a:hover{background:var(--cobalt);color:var(--white)}.cc-footer-note{font-size:14px;color:var(--ink-2)}.cc-doc-zone{padding:clamp(32px,5vw,64px) 0 clamp(64px,8vw,100px);background:radial-gradient(circle,rgba(18,31,148,.1) 1.4px,transparent 1.8px) 0 0 / 22px 22px,var(--cream)}.cc-doc{width:min(800px,100%);margin:0 auto;padding:clamp(28px,5vw,60px);border-radius:32px;background:var(--white);box-shadow:0 0 0 3px var(--cobalt),0 10px #121f941f}.cc-doc h1{font-size:clamp(42px,6vw,70px);letter-spacing:-.055em;line-height:.95;color:var(--cobalt)}.cc-doc-date{margin:14px 0 26px!important;font-family:Fragment Mono,ui-monospace,monospace;font-size:14px;color:var(--ink-2)}.cc-doc .cc-lede{color:var(--ink)}.cc-doc h2{font-size:27px;letter-spacing:-.035em;margin:40px 0 10px;color:var(--cobalt)}.cc-doc h3{font-size:19px;letter-spacing:-.02em;margin:20px 0 4px}.cc-doc p,.cc-doc li{font-size:17.5px;line-height:1.6;color:var(--ink-2)}.cc-doc ul{padding-left:22px;margin:8px 0 12px}.cc-doc li+li{margin-top:6px}.cc-doc li::marker{color:var(--cobalt)}.cc-doc b{color:var(--ink);font-weight:650}.cc-doc a{color:var(--cobalt);font-weight:550;text-decoration-thickness:2px;text-underline-offset:4px}@media(max-width:980px){.cc-hero-grid,.cc-rules-grid,.cc-closing-inner{grid-template-columns:1fr}.cc-cardzone{width:min(520px,100%);margin:0 auto}.cc-closing-inner{justify-items:center;text-align:center}.cc-closing .cc-lede{margin:0 auto}.cc-closing .cc-actions{justify-content:center}.cc-cups{grid-template-columns:repeat(2,1fr);row-gap:36px}.cc-nav,.cc-header-cta{display:none}.cc-burger{display:block}.cc-trail{grid-auto-rows:auto}.cc-trail:before{left:52px}.cc-trail li{grid-template-columns:104px 1fr;gap:22px}.cc-trail-stamp{grid-column:1}.cc-trail li:nth-child(odd) .cc-trail-text,.cc-trail li:nth-child(2n) .cc-trail-text{grid-column:2;grid-row:1;justify-self:start;text-align:left}}@media(max-width:560px){.cc-header-bar{height:70px}.cc .cc-logo .brand-logo{height:50px}.cc-cardzone{padding:74px 0 0}.cc-bear{width:112px;right:-6px}.cc-bubble{right:104px;max-width:200px;font-size:14px}.cc-card{padding:20px 16px 18px}.cc-slots{gap:7px}.cc-stamp span:not(.cc-cupmark){display:none}.cc-cupmark{width:54%}.cc-trail-stamp{width:84px;height:84px}.cc-trail li{grid-template-columns:84px 1fr}.cc-trail:before{left:42px}.cc-sticker.is-round{width:148px;height:148px}}@media(prefers-reduced-motion:reduce){.cc *,.cc *:before,.cc *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.cc-squiggle path{stroke-dashoffset:0}}.cc .cc-logo{display:flex;align-items:center;gap:10px;text-decoration:none}.cc .keeper-logo-bear{display:block;height:48px;width:auto;flex:none}.cc .keeper-wordmark{font-size:27px;font-weight:750;letter-spacing:-.05em;line-height:1;color:var(--cobalt);white-space:nowrap}.cc .cc-hero-grid>*{min-width:0}.cc .cc-hero h1{font-size:clamp(34px,11vw,96px);line-height:.95;letter-spacing:-.055em}.cc .keeper-hero-line{display:block;white-space:nowrap}.cc .keeper-journal{position:relative;margin:0;padding-top:76px;min-width:0}.cc .keeper-journal-bear{position:absolute;top:0;right:18px;z-index:2;width:124px;height:auto;rotate:6deg;scale:-1 1;filter:drop-shadow(0 8px 8px rgba(18,31,148,.18))}.cc .keeper-entry,.cc .keeper-recipe-body{padding:26px;border-radius:28px;background:var(--white);border:3px solid var(--cobalt);box-shadow:var(--sticker-edge),var(--lift);min-width:0}.cc .keeper-entry-title{font-size:clamp(26px,3vw,34px);font-weight:750;letter-spacing:-.04em;line-height:1.05;color:var(--cobalt)}.cc .keeper-entry-sub{margin-top:6px!important;font-size:17px;font-weight:600;color:var(--ink)}.cc .keeper-entry-meta{margin-top:2px!important;font-size:15px;color:var(--ink-2)}.cc .keeper-tags{list-style:none;display:flex;flex-wrap:wrap;gap:8px;margin:18px 0 0;padding:0}.cc .keeper-tags li{padding:6px 14px;border-radius:999px;background:var(--lavender);color:var(--cobalt);font-size:15px;font-weight:650}.cc .keeper-rating{display:flex;flex-wrap:wrap;align-items:center;gap:10px 16px;margin-top:20px}.cc .keeper-stars{display:inline-flex;gap:2px}.cc .keeper-star{fill:var(--yellow);stroke:var(--cobalt)}.cc .keeper-star.is-off{fill:none}.cc .keeper-fav{display:inline-flex;align-items:center;gap:6px;padding:4px 12px 4px 8px;border-radius:999px;background:var(--cream);color:var(--cobalt);font-size:14.5px;font-weight:650}.cc .keeper-caption{margin-top:14px;font-size:14.5px;font-weight:550;color:var(--ink-2)}.cc .keeper-how{background:var(--white)}.cc .keeper-intro{max-width:40em;font-size:17px;color:var(--ink-2)}.cc .keeper-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:40px}.cc .keeper-card{min-width:0;padding:28px 26px 30px;border-radius:28px;background:var(--cream);box-shadow:0 0 0 2.5px var(--cobalt),0 6px #121f9424}.cc .keeper-card-icon{display:grid;place-items:center;width:56px;height:56px;margin-bottom:18px;border-radius:50%;background:var(--cobalt);color:var(--yellow)}.cc .keeper-card h3{font-size:26px;letter-spacing:-.035em;color:var(--cobalt);margin-bottom:8px}.cc .keeper-card p{font-size:17px;color:var(--ink-2)}.cc .keeper-coffee{background:var(--cobalt);color:var(--cream)}.cc .keeper-coffee h2{color:var(--cream)}.cc .keeper-coffee .cc-lede{color:color-mix(in srgb,var(--cream) 85%,var(--cobalt))}.cc .keeper-coffee .cc-lede+.cc-lede{margin-top:16px}.cc .keeper-coffee-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:clamp(32px,6vw,80px);align-items:center}.cc .keeper-recipe{margin:0;min-width:0}.cc .keeper-recipe .keeper-caption{color:color-mix(in srgb,var(--cream) 85%,var(--cobalt))}.cc .keeper-dl{display:grid;gap:0;margin:18px 0 0}.cc .keeper-dl div{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-top:2px dotted rgba(18,31,148,.25)}.cc .keeper-dl dt{font-family:Fragment Mono,ui-monospace,monospace;font-size:14.5px;color:var(--ink-2)}.cc .keeper-dl dd{margin:0;font-weight:650;color:var(--cobalt);text-align:right}.cc .keeper-footer-button{padding:6px 14px;border:0;border-radius:999px;background:var(--lavender);color:var(--cobalt);font:inherit;font-size:16px;font-weight:550;cursor:pointer}.cc .keeper-footer-button:hover{background:var(--cobalt);color:var(--white)}.cc .keeper-footer-button:focus-visible{outline:3px solid var(--cobalt);box-shadow:0 0 0 7px var(--yellow);outline-offset:4px}@media(min-width:981px){.cc .cc-hero h1{font-size:clamp(52px,5.6vw,76px)}}@media(max-width:980px){.cc .keeper-cards,.cc .keeper-coffee-grid{grid-template-columns:minmax(0,1fr)}.cc .keeper-journal,.cc .keeper-recipe{width:min(520px,100%);margin:0 auto}}@media(max-width:560px){.cc .keeper-logo-bear{height:42px}.cc .keeper-wordmark{font-size:22px}.cc .cc-logo{gap:8px}.cc .keeper-journal{padding-top:64px}.cc .keeper-journal-bear{width:104px;right:8px}.cc .keeper-entry,.cc .keeper-recipe-body{padding:20px 18px}.cc .keeper-card{padding:24px 20px 26px}}.consent-banner{position:fixed;left:0;right:0;margin-inline:auto;bottom:calc(env(safe-area-inset-bottom,0px) + 12px);width:calc(100% - 24px);max-width:420px;box-sizing:border-box;padding:12px 12px 10px 14px;background:var(--surface, #ffffff);color:var(--ink, #0a0a0a);border-radius:16px;box-shadow:0 10px 30px #0000002e,0 0 0 .5px var(--hair-2, rgba(0, 0, 0, .12));z-index:210;animation:consent-banner-in .2s ease-out}.consent-banner.has-tabbar{bottom:calc(env(safe-area-inset-bottom,0px) + 66px)}.consent-banner__text{margin:0;font-size:14px;line-height:1.35}.consent-banner__actions{display:flex;justify-content:flex-end;gap:8px;margin-top:8px}.consent-banner__button{min-height:44px;padding:0 18px;border:0;border-radius:12px;background:var(--fill, #f0f0f0);color:inherit;font:inherit;font-weight:600;cursor:pointer}.consent-banner__button.is-primary{background:var(--ink, #0a0a0a);color:var(--on-ink, #ffffff)}.consent-banner__button:focus-visible{outline:2px solid var(--accent, #ff4f00);outline-offset:2px}@keyframes consent-banner-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@media(prefers-reduced-motion:reduce){.consent-banner{animation:none}}