@property --bg{syntax: "<color>"; inherits: true; initial-value: #06060b;}@property --deep{syntax: "<color>"; inherits: true; initial-value: #020205;}@property --drink{syntax: "<color>"; inherits: true; initial-value: #c9884f;}@property --fg{syntax: "<color>"; inherits: true; initial-value: #ffffff;}:root{color-scheme:dark;--bg: #06060b;--deep: #020205;--drink: #c9884f;--fg: #ffffff;--fg-2: color-mix(in srgb, var(--fg) 66%, transparent);--fg-3: color-mix(in srgb, var(--fg) 42%, transparent);--edge: color-mix(in srgb, var(--fg) 13%, transparent);--edge-2: color-mix(in srgb, var(--fg) 7%, transparent);--glass: color-mix(in srgb, var(--fg) 6%, transparent);--glass-2: color-mix(in srgb, var(--fg) 12%, transparent);--accent: #6e8bff;--ok: #3be0a0;--warn: #ffb35c;--shadow: 0 24px 70px rgba(0, 0, 0, .45);--mono: "JetBrains Mono", ui-monospace, monospace;transition:--bg 1.4s ease,--deep 1.4s ease,--drink 1.4s ease,--fg .9s ease}:root[data-tone=light]{color-scheme:light;--shadow: 0 20px 60px rgba(60, 20, 0, .18);--warn: #8a3a00}html,body{height:100%}body{margin:0;background:var(--bg);color:var(--fg);overflow-x:hidden;font-family:Onest,ui-sans-serif,system-ui,-apple-system,sans-serif;-webkit-font-smoothing:antialiased}*{box-sizing:border-box}button{font:inherit;color:inherit;border:0;background:none;cursor:pointer}input{font:inherit;color:inherit}img{max-width:100%}[hidden]{display:none!important}:focus-visible{outline:1px solid var(--fg-2);outline-offset:3px;border-radius:10px}.env{position:fixed;inset:0;z-index:-2;overflow:hidden;pointer-events:none;background:radial-gradient(130% 95% at 50% 40%,var(--bg) 0%,var(--bg) 40%,var(--deep) 100%)}.aurora{position:absolute;border-radius:50%;filter:blur(90px);will-change:transform;transition:opacity 1.2s ease}.a1{width:78vmax;height:78vmax;left:-26vmax;top:-32vmax;background:radial-gradient(circle,rgba(255,140,60,.3),transparent 62%);animation:d1 46s infinite alternate ease-in-out}.a2{width:62vmax;height:62vmax;right:-24vmax;top:-12vmax;background:radial-gradient(circle,rgba(154,92,255,.26),transparent 64%);animation:d2 58s infinite alternate ease-in-out}.a3{width:74vmax;height:74vmax;left:-14vmax;bottom:-40vmax;background:radial-gradient(circle,rgba(77,124,255,.2),transparent 66%);animation:d3 52s infinite alternate ease-in-out}@keyframes d1{to{transform:translate3d(10vmax,6vmax,0) scale(1.12)}}@keyframes d2{to{transform:translate3d(-8vmax,8vmax,0) scale(1.08)}}@keyframes d3{to{transform:translate3d(9vmax,-7vmax,0) scale(1.1)}}:root[data-mode=card] .aurora{opacity:0}.grain{position:absolute;inset:-50%;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='3'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)'/%3E%3C/svg%3E")}.shell{position:relative;z-index:1;max-width:560px;margin:0 auto;padding:0 18px 180px}.top{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:calc(18px + env(safe-area-inset-top,0px)) 0 6px}.brand{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;letter-spacing:-.01em}.brand i{width:22px;height:22px;border-radius:7px;font-style:normal;display:grid;place-items:center;font-size:11px;font-weight:700;color:#fff;background:linear-gradient(140deg,#ff9a3c,#c2410c)}.meta{min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-family:var(--mono);font-size:10px;letter-spacing:.12em;text-transform:uppercase;color:var(--fg-3)}.scene{position:relative;min-height:clamp(340px,56svh,500px);display:grid;place-items:center;padding:8px 0}.fade{animation:fade .6s ease both}@keyframes fade{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.pour{width:min(230px,58vw);height:auto;display:block;margin:0 auto}.pour .cup,.pour .rim{fill:none;stroke:color-mix(in srgb,var(--fg) 85%,transparent);stroke-width:2.5;stroke-linejoin:round}.pour .inner{fill:var(--glass)}.pour .liquid{fill:var(--drink);transform:translateY(190px);animation:fill 4.2s cubic-bezier(.45,0,.35,1) infinite}.pour .foam{fill:color-mix(in srgb,var(--fg) 35%,transparent);transform:translateY(190px);animation:fill 4.2s cubic-bezier(.45,0,.35,1) infinite}.pour .stream{fill:var(--drink);transform-origin:110px 0;animation:stream 4.2s linear infinite}.pour .drop{fill:var(--drink);opacity:0;animation:drop 4.2s linear infinite}.pour .drop+.drop{animation-delay:.5s}@keyframes fill{0%,5%{transform:translateY(190px)}58%,82%{transform:translateY(22px)}to{transform:translateY(190px)}}@keyframes stream{0%{transform:scaleY(0);opacity:0}6%,58%{transform:scaleY(1);opacity:.95}64%,to{transform:scaleY(0);opacity:0}}@keyframes drop{0%,60%{opacity:0;transform:translateY(0)}64%{opacity:.9;transform:translateY(0)}76%{opacity:0;transform:translateY(34px)}to{opacity:0}}.steamline{stroke:color-mix(in srgb,var(--fg) 50%,transparent);stroke-width:2.5;stroke-linecap:round;fill:none;stroke-dasharray:6 10;opacity:0;animation:steam 3.4s ease-in-out infinite}.steamline:nth-of-type(2){animation-delay:.9s}.steamline:nth-of-type(3){animation-delay:1.8s}@keyframes steam{0%{opacity:0;transform:translateY(6px)}40%{opacity:.5}to{opacity:0;transform:translateY(-16px)}}.status{margin-top:22px;text-align:center}.status .line{font-family:var(--mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-2);min-height:16px}.status .sub{margin-top:8px;font-size:12px;color:var(--fg-3);min-height:15px}.progress{width:180px;height:2px;border-radius:2px;background:var(--edge);margin:14px auto 0;overflow:hidden}.progress i{display:block;height:100%;width:36%;border-radius:2px;background:linear-gradient(90deg,transparent,var(--drink),transparent);animation:slide 1.5s linear infinite}@keyframes slide{0%{transform:translate(-100%)}to{transform:translate(380%)}}.fact{max-width:34ch;margin:26px auto 0;text-align:center;font-size:13.5px;line-height:1.55;color:var(--fg-2);font-weight:300;animation:fade .6s ease both;min-height:4.6em}.fact b{display:block;margin-bottom:6px;font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--drink);font-weight:400}.invite{text-align:center;padding:0 6px}.invite h2{margin:0 0 12px;font-size:clamp(28px,7.4vw,40px);line-height:1.04;font-weight:700;letter-spacing:-.045em;text-wrap:balance}.invite p{margin:0 auto;max-width:34ch;font-size:14.5px;line-height:1.6;color:var(--fg-2);font-weight:300}.recent{margin-top:28px;display:flex;gap:10px;justify-content:center;flex-wrap:wrap}.recent button{width:64px;height:64px;border-radius:18px;overflow:hidden;border:1px solid var(--edge);padding:0;transition:transform .18s cubic-bezier(.3,1.4,.5,1)}.recent button:active{transform:scale(.94)}.recent img{width:100%;height:100%;object-fit:cover;display:block}.dock{position:fixed;left:0;right:0;bottom:0;z-index:50;padding:10px 16px calc(12px + env(safe-area-inset-bottom,0px));background:linear-gradient(to top,color-mix(in srgb,var(--bg) 94%,transparent) 55%,transparent)}.dockin{max-width:560px;margin:0 auto;display:flex;flex-direction:column;gap:9px}.dockrow{display:flex;gap:8px;align-items:center}.pill{border:1px solid var(--edge);background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}.budget{flex:0 0 auto;display:flex;align-items:center;gap:7px;padding:12px 14px;border-radius:18px;font-family:var(--mono);font-size:11.5px;white-space:nowrap}.budget em{font-style:normal;color:var(--fg-3);letter-spacing:.14em;text-transform:uppercase;font-size:9px}.budget b{color:var(--drink);font-weight:500}.budget svg{width:11px;height:11px;color:var(--fg-3);transition:transform .25s}.budget[aria-expanded=true] svg{transform:rotate(180deg)}@media (max-width: 430px){.budget em{display:none}}.dockrow{align-items:flex-end}.ask{flex:1;min-width:0;display:flex;align-items:flex-end;gap:6px;padding:5px 5px 5px 16px;border-radius:18px}.ask textarea{flex:1;min-width:0;border:0;background:transparent;padding:9px 0;font:inherit;font-size:16px;font-weight:300;line-height:1.3;outline:none;resize:none;overflow-y:auto;scrollbar-width:none}.ask textarea::placeholder{color:var(--fg-3);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.send{width:38px;height:38px;flex:0 0 auto;border-radius:13px;background:var(--fg);color:var(--bg);display:grid;place-items:center;transition:transform .18s cubic-bezier(.3,1.4,.5,1),opacity .2s}.send svg{width:16px;height:16px}.send:active{transform:scale(.92)}.send:disabled{opacity:.4;pointer-events:none}.budgetpanel{border-radius:20px;padding:16px 18px 14px}.bphead{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:14px;font-family:var(--mono);font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--fg-3)}.bphead b{color:var(--fg);font-weight:500;letter-spacing:.04em;font-size:12px;text-transform:none}.dual{position:relative;height:26px;margin:0 12px}.dual .track{position:absolute;top:11px;left:-12px;right:-12px;height:2px;border-radius:99px;background:var(--edge)}.dual .fill{position:absolute;top:11px;height:2px;border-radius:99px;background:var(--drink)}.dual input{position:absolute;top:0;left:-12px;width:calc(100% + 24px);height:26px;margin:0;-webkit-appearance:none;appearance:none;background:transparent;pointer-events:none}.dual input::-webkit-slider-thumb{-webkit-appearance:none;pointer-events:auto;width:22px;height:22px;border-radius:50%;background:var(--fg);box-shadow:0 2px 10px #0006}.dual input::-moz-range-thumb{pointer-events:auto;width:22px;height:22px;border-radius:50%;border:0;background:var(--fg);box-shadow:0 2px 10px #0006}.dual input::-moz-range-track{background:transparent;border:0}.presets{display:flex;gap:6px;flex-wrap:wrap;margin-top:12px}.chipbtn{flex:0 0 auto;border:1px solid var(--edge-2);border-radius:999px;padding:6px 12px;font-size:11.5px;color:var(--fg-2);font-weight:300;background:var(--glass)}.chipbtn.mono{font-family:var(--mono);font-size:10.5px}.chipbtn[aria-pressed=true]{background:var(--glass-2);border-color:var(--edge);color:var(--fg)}.seeds{display:flex;gap:6px;overflow-x:auto;scrollbar-width:none}.seeds::-webkit-scrollbar{display:none}.toast{position:fixed;left:50%;bottom:calc(150px + env(safe-area-inset-bottom,0px));transform:translate(-50%,10px);z-index:90;padding:11px 18px;border-radius:999px;font-size:13px;background:var(--fg);color:var(--bg);font-weight:500;opacity:0;pointer-events:none;transition:opacity .3s,transform .3s;max-width:88vw;text-align:center}.toast.on{opacity:1;transform:translate(-50%)}.card{position:fixed;inset:0;z-index:70;overflow:hidden;animation:cardin .6s cubic-bezier(.2,.9,.3,1) both}@keyframes cardin{0%{opacity:0}to{opacity:1}}.cardin{position:relative;height:100%;display:flex;flex-direction:column;max-width:620px;margin:0 auto;padding:calc(12px + env(safe-area-inset-top,0px)) 14px calc(12px + env(safe-area-inset-bottom,0px))}.cardhead{position:relative;z-index:2;display:flex;align-items:flex-start;gap:10px}.round{width:44px;height:44px;flex:0 0 auto;border-radius:50%;display:grid;place-items:center;background:var(--glass-2);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .18s cubic-bezier(.3,1.4,.5,1),background .25s,color .25s}.round:active{transform:scale(.9)}.round svg{width:19px;height:19px}.round[aria-pressed=true]{background:var(--fg);color:var(--bg)}.cardtitle{flex:1;min-width:0;padding-top:2px;text-align:center}.cardtitle h1{margin:0;font-size:clamp(22px,6vw,30px);line-height:1.08;font-weight:700;letter-spacing:-.035em;text-wrap:balance}.cardtitle p{margin:7px 0 0;font-family:var(--mono);font-size:10.5px;letter-spacing:.04em;color:var(--fg-2)}.stage{position:relative;flex:1;min-height:0;display:grid;place-items:center;margin:0 -14px}.live{position:relative;height:min(100%,100vw,680px);aspect-ratio:1 / 1;-webkit-mask-image:radial-gradient(closest-side at 50% 50%,#000 52%,transparent 100%);mask-image:radial-gradient(closest-side at 50% 50%,#000 52%,transparent 100%)}.photo{width:100%;height:100%;object-fit:cover;display:block;opacity:0;transition:opacity .9s ease}.live.on .photo{opacity:1;animation:breathe 9s ease-in-out infinite alternate}.lightbreath{position:absolute;inset:0;pointer-events:none;opacity:0;mix-blend-mode:soft-light}.live.on .lightbreath{animation:lightbreath 7s ease-in-out infinite alternate}.live.hot .lightbreath{background:radial-gradient(60% 50% at 38% 30%,rgba(255,196,120,.55),transparent 70%)}.live.cold .lightbreath{background:radial-gradient(60% 50% at 40% 32%,rgba(170,215,255,.5),transparent 70%)}@keyframes lightbreath{0%{opacity:.15}to{opacity:.75}}.stagecup{display:grid;place-items:center;height:100%}.stagecup .pour{width:min(200px,48vw)}@keyframes breathe{0%{transform:scale(1)}to{transform:scale(1.025)}}.cinema{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;opacity:0;animation:appear 1.2s ease .8s forwards}@keyframes appear{to{opacity:1}}.stagebar{position:absolute;left:0;right:0;bottom:6px;display:flex;justify-content:center;z-index:2;pointer-events:none}.stagebar>*{pointer-events:auto}.pending{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--edge);font-family:var(--mono);font-size:9.5px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-2)}.pending i{width:7px;height:7px;border-radius:50%;background:var(--drink);animation:pulse 1.1s ease-in-out infinite}@keyframes pulse{50%{opacity:.25;transform:scale(.7)}}.nutri{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:4px;text-align:center}.nutri b{display:block;font-size:17px;font-weight:600;letter-spacing:-.015em;font-variant-numeric:tabular-nums}.nutri span{display:block;margin-top:4px;font-family:var(--mono);font-size:9px;letter-spacing:.16em;text-transform:uppercase;color:var(--fg-3)}.composebtn{margin:14px auto 0;display:flex;align-items:center;gap:8px;padding:9px 15px;border-radius:999px;font-family:var(--mono);font-size:10px;letter-spacing:.16em;text-transform:uppercase}.composebtn svg{width:12px;height:12px;color:var(--fg-2);transition:transform .3s}.composebtn[aria-expanded=true] svg{transform:rotate(180deg)}.sheet{flex:1;min-height:0;margin:14px 0;overflow-y:auto;border-radius:24px;padding:18px 18px 26px;background:color-mix(in srgb,var(--bg) 70%,transparent);border:1px solid var(--edge);backdrop-filter:blur(30px) saturate(140%);-webkit-backdrop-filter:blur(30px) saturate(140%);animation:fade .35s ease both}.sheet .story{margin:0 0 16px;font-size:14.5px;line-height:1.6;color:var(--fg-2);font-weight:300}.sheet .cap{font-family:var(--mono);font-size:9.5px;letter-spacing:.18em;text-transform:uppercase;color:var(--fg-3);margin:0 0 10px}.sheet .row{display:flex;align-items:center;gap:10px;padding:9px 0;border-top:1px solid var(--edge-2);font-size:14px}.sheet .row:first-of-type{border-top:0}.sheet .row span{flex:1;min-width:0}.sheet .row s{font-family:var(--mono);font-size:11.5px;color:var(--fg-3);text-decoration:none}.sheet .row.base{color:var(--fg-3)}.sheet .context{margin:0 0 18px}.sheet .what{margin:0 0 10px;font-size:13.5px;line-height:1.5;color:var(--fg-2)}.sheet .refs{display:flex;flex-wrap:wrap;gap:6px}.sheet .refs span{border:1px solid var(--edge);border-radius:999px;padding:5px 10px;font-size:12px;color:var(--fg-2);background:var(--glass)}.sheet .note{margin:16px 0 0;font-size:11.5px;line-height:1.5;color:var(--fg-3)}.dot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:var(--fg-3);box-shadow:0 0 0 1px var(--edge)}.addons{position:relative;z-index:2;display:flex;gap:9px;overflow-x:auto;scrollbar-width:none;margin:14px -14px 0;padding:2px 14px}.addons::-webkit-scrollbar{display:none}@media (min-width: 640px){.addons{-webkit-mask-image:linear-gradient(to right,#000 88%,transparent);mask-image:linear-gradient(to right,#000 88%,transparent)}}.addon{flex:0 0 auto;width:118px;height:104px;border-radius:22px;padding:11px;text-align:left;display:flex;flex-direction:column;justify-content:space-between;background:var(--glass);border:1px solid var(--edge-2);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .18s cubic-bezier(.3,1.4,.5,1),background .25s,border-color .25s}.addon:active{transform:scale(.95)}.addon .mk{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:var(--glass-2);font-size:16px;line-height:1;color:var(--fg-2)}.addon .mk .dot{width:12px;height:12px}.addon em{font-style:normal;font-size:11px;line-height:1.28;color:var(--fg-2);font-weight:400;overflow-wrap:break-word;hyphens:auto;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.addon s{display:block;margin-top:3px;font-family:var(--mono);font-size:10px;color:var(--fg-3);text-decoration:none}.addon[aria-pressed=true]{background:var(--glass-2);border-color:var(--edge)}.addon[aria-pressed=true] em{color:var(--fg)}.overline{margin:10px 2px 0;font-size:11.5px;color:var(--warn);text-align:center;min-height:14px}.cardbar{display:flex;gap:9px;align-items:center;margin-top:8px}.volbtn{flex:0 0 auto;padding:15px 19px;border-radius:999px;font-size:15px;white-space:nowrap;background:var(--glass-2);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:transform .18s cubic-bezier(.3,1.4,.5,1)}.volbtn:active{transform:scale(.95)}.buy{flex:1;min-width:0;padding:15px 18px;border-radius:999px;background:var(--fg);color:var(--bg);font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;box-shadow:var(--shadow);font-variant-numeric:tabular-nums;transition:transform .18s cubic-bezier(.3,1.4,.5,1),background .3s}.buy:active{transform:scale(.98)}.buy.done{background:var(--ok);color:#03150e}@media (prefers-reduced-motion: reduce){:root{transition:none}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.pour .liquid,.pour .foam{transform:translateY(22px)}}