@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@600;700;800&display=swap";:root{color:#1b1b18;font-synthesis:none;--ink:#1b1b18;--paper:#f7f3ea;--cream:#fffaf0;--coral:#ff6847;--lime:#d9f769;--purple:#826ee9;--line:#ded8cc;--muted:#807a70;--spring:cubic-bezier(.16,1,.3,1);--snap:cubic-bezier(.34,1.56,.64,1);--soft:cubic-bezier(.22,1,.36,1);background:#171714;font-family:DM Sans,Segoe UI,sans-serif}*{box-sizing:border-box}html{background:#171714}body{min-width:320px;margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:default}.eyebrow{letter-spacing:.16em;color:#8c857a;margin:0 0 7px;font:800 10px/1 Manrope,sans-serif}.eyebrow span{color:var(--coral)}.app-shell{background:radial-gradient(circle at 15% 8%,#3c362d 0,#0000 27%),radial-gradient(circle at 90% 70%,#352d40 0,#0000 30%),#171714;min-height:100svh;padding:0}.app-frame{background:var(--paper);width:min(100%,540px);min-height:100svh;margin:auto;padding:0 0 118px;position:relative;overflow:hidden;box-shadow:0 0 90px #0008}.topbar{justify-content:space-between;align-items:center;padding:24px 18px 14px;display:flex}.topbar h1,.login-card h1{letter-spacing:-.065em;margin:0;font:800 31px/1 Manrope,sans-serif}.topbar h1 span,.login-card h1 span{color:var(--coral)}.profile-pill{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--ink);transition:.35s var(--spring);background:#fffaf1b8;border:1px solid #e6dfd3;border-radius:99px;align-items:center;gap:7px;padding:5px 9px 5px 5px;display:flex;box-shadow:0 6px 20px #5a46330a}.profile-pill:hover{transform:translateY(-2px);box-shadow:0 10px 25px #5a463316}.profile-pill>span:not(.character){text-align:left;line-height:1.05;display:grid}.profile-pill small{color:var(--muted);font-size:9px}.profile-pill strong{text-overflow:ellipsis;max-width:82px;font-size:12px;overflow:hidden}.today-view,.library-view,.history-view{padding:0 15px}.page-enter{animation:page-in .65s var(--spring) both}@keyframes page-in{0%{opacity:0;transform:translateY(15px)scale(.99)}}.notice{color:#fff;text-align:left;background:#272620;border:0;border-radius:14px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;width:calc(100% - 30px);margin:0 15px 12px;padding:11px 12px;font-size:12px;display:grid;box-shadow:0 14px 35px #28201a25}.notice>svg:first-child{color:var(--lime)}.notice>svg:last-child{opacity:.5}.motion-pop{animation:pop-in .55s var(--snap) both}@keyframes pop-in{0%{opacity:0;transform:scale(.75)translateY(8px)}}.hero-card{color:#fff;isolation:isolate;background:#20201c;border-radius:32px;min-height:282px;padding:25px 23px;position:relative;overflow:hidden;box-shadow:0 24px 55px #37291c24}.hero-card:after{content:"";z-index:-1;border:1px solid #ffffff13;border-radius:50%;width:170px;height:170px;position:absolute;top:-45px;right:-45px;box-shadow:0 0 0 35px #ffffff05,0 0 0 70px #ffffff03}.hero-glow{background:var(--coral);filter:blur(75px);opacity:.24;z-index:-1;border-radius:50%;width:190px;height:190px;animation:5s ease-in-out infinite alternate breathe;position:absolute;bottom:-90px;right:-60px}@keyframes breathe{to{opacity:.36;transform:scale(1.25)translate(-15px,-8px)}}.hero-card .eyebrow{color:#aaa49b}.hero-card h2{letter-spacing:-.055em;margin:27px 0 12px;font:800 37px/1.02 Manrope,sans-serif}.hero-card h2 em{color:var(--lime);font-style:normal}.hero-card>p:not(.eyebrow){color:#bcb8b0;margin:0;font-size:13px}.live-line{color:#aaa69d;align-items:center;gap:7px;margin-top:37px;font-size:11px;display:flex}.live-line i{background:var(--lime);border-radius:50%;width:7px;height:7px;animation:2s ease-in-out infinite pulse;box-shadow:0 0 0 5px #d9f76916}@keyframes pulse{50%{box-shadow:0 0 0 10px #0000}}.hero-card.is-decided{text-align:center;background:linear-gradient(145deg,#382b49,#201e24);padding-bottom:20px}.hero-card.is-decided .eyebrow{color:#bdb1d3}.hero-food{filter:drop-shadow(0 14px 16px #0005);animation:food-pop .7s var(--snap) both;margin:6px 0 0;font-size:48px;display:block}@keyframes food-pop{0%{opacity:0;transform:scale(.4)rotate(-16deg)}}.hero-card.is-decided h2{margin:6px 0;font-size:30px}.shopper-actions{justify-content:center;gap:7px;margin:16px 0 7px;display:flex}.shopper-actions button{color:#fff;min-height:42px;transition:.25s var(--spring);background:#ffffff0d;border:1px solid #ffffff1e;border-radius:13px;align-items:center;gap:6px;padding:0 12px;font-size:11px;font-weight:700;display:flex}.shopper-actions button:hover{color:#211f24;background:#fff;transform:translateY(-2px)}.shopper-actions .character{margin:-5px;transform:scale(.75)}.hero-link{color:#aaa0b6;background:0 0;border:0;align-items:center;gap:5px;margin:9px auto 0;font-size:11px;display:flex}.section-heading{justify-content:space-between;align-items:end;margin:0 2px 12px;display:flex}.section-heading h3{letter-spacing:-.035em;margin:0;font:800 20px/1.1 Manrope,sans-serif}.section-heading>span{color:#716a61;background:#e9e2d7;border-radius:99px;padding:5px 9px;font-size:10px;font-weight:800}.proposal-panel,.mood-section,.meal-section{margin-top:25px}.proposal-panel{background:#ede7da;border:1px solid #e0d8ca;border-radius:26px;padding:17px}.proposal-stack{gap:7px;display:grid}.proposal-card{--delay:0s;text-align:left;color:var(--ink);animation:card-in .6s var(--spring) var(--delay) both;transition:.3s var(--spring);background:#fffdf8;border:1px solid #e4dccf;border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:10px;padding:8px;display:grid}@keyframes card-in{0%{opacity:0;transform:translate(-18px)rotate(-1deg)}}.proposal-card:hover{border-color:#cfc3b5;transform:translate(4px)}.food-disc{background:#f4e7c9;border-radius:14px;place-items:center;width:47px;height:47px;font-size:24px;display:grid}.proposal-card>span:nth-child(2){gap:1px;display:grid}.proposal-card small{color:#8e867b;font-size:10px}.proposal-card strong{font-size:14px}.choose-dot{color:#958d80;background:#eee9df;border-radius:50%;place-items:center;width:28px;height:28px;transition:all .25s;display:grid}.proposal-card:hover .choose-dot{background:var(--coral);color:#fff;transform:scale(1.08)}.tap-hint{text-align:center;color:#958d81;margin-top:8px;font-size:10px;display:block}.demo-choice,.dice-secondary{border:0;border-radius:13px;width:100%;min-height:41px;margin-top:9px;font-size:11px;font-weight:800}.demo-choice{color:var(--lime);background:#26251f}.dice-secondary{color:#fff;background:#7b67dd;justify-content:center;align-items:center;gap:7px;display:flex}.chips{scrollbar-width:none;gap:7px;padding:2px 1px 4px;display:flex;overflow-x:auto}.chips::-webkit-scrollbar{display:none}.chips button{white-space:nowrap;color:#70695f;transition:.35s var(--snap);background:#fffaf1;border:1px solid #ddd5c9;border-radius:99px;padding:9px 13px;font-size:12px;font-weight:700}.chips button.active{background:var(--ink);border-color:var(--ink);color:#fff;transform:scale(1.03);box-shadow:0 7px 16px #29241e22}.meal-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.meal-card{--delay:0s;min-width:0;color:var(--ink);text-align:left;animation:card-up .6s var(--spring) var(--delay) both;transition:transform .4s var(--spring),border .25s,box-shadow .35s;background:#fffdf8;border:1px solid #e1d9cd;border-radius:22px;gap:7px;padding:8px;display:grid;position:relative}@keyframes card-up{0%{opacity:0;transform:translateY(18px)}}.meal-card:hover{transform:translateY(-4px)rotate(-.5deg);box-shadow:0 14px 28px #4f3f3020}.meal-card.selected{border-color:var(--coral);box-shadow:inset 0 0 0 1px var(--coral),0 13px 28px #ff684714;background:#fff7f1;transform:translateY(-2px)}.meal-visual{background:linear-gradient(145deg,#f4dfb5,#edc982);border-radius:16px;place-items:center;height:94px;font-size:38px;display:grid;position:relative;overflow:hidden}.meal-card:nth-child(3n+2) .meal-visual{background:linear-gradient(145deg,#dcebc2,#bcd494)}.meal-card:nth-child(3n) .meal-visual{background:linear-gradient(145deg,#e7d2ed,#cdb6dc)}.meal-visual:after{content:"";border:1px solid #fff6;border-radius:50%;width:65px;height:65px;position:absolute;top:-26px;right:-25px}.meal-visual>i{background:var(--coral);color:#fff;width:25px;height:25px;animation:pop-in .35s var(--snap);border-radius:50%;place-items:center;display:grid;position:absolute;top:7px;right:7px}.meal-card>strong{white-space:nowrap;text-overflow:ellipsis;padding:0 4px;font:800 13px/1.2 Manrope,sans-serif;overflow:hidden}.meal-card>small{color:#8a8278;align-items:center;gap:4px;padding:0 4px 3px;font-size:10px;display:flex}.meal-card>small b{color:#6f685e;letter-spacing:-2px;margin-left:auto;font-size:9px}.sticky-action{z-index:6;transition:.5s var(--spring);background:#26251f;border-radius:22px;grid-template-columns:1fr auto;gap:7px;margin:18px -2px 0;padding:8px;display:grid;position:sticky;bottom:91px;transform:translateY(0);box-shadow:0 18px 38px #26201742}.sticky-action:not(.show){opacity:.65}.primary{background:var(--coral);color:#fff;min-height:48px;transition:.35s var(--spring);border:0;border-radius:15px;justify-content:center;align-items:center;gap:7px;padding:0 17px;font-weight:800;display:flex;box-shadow:0 9px 22px #ff68472b}.primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 14px 28px #ff684744}.primary:active:not(:disabled){transform:scale(.97)}.primary:disabled{opacity:.42}.roll-action{background:var(--lime);color:#20221a;min-width:83px;transition:.35s var(--snap);border:0;border-radius:15px;justify-content:center;align-items:center;gap:6px;padding:0 10px;display:flex}.roll-action:disabled{opacity:.25}.roll-action:hover:not(:disabled){transform:rotate(2deg)scale(1.04)}.roll-action span{text-align:left;font-size:8px;line-height:1}.roll-action strong{font-size:12px}.other-actions{gap:8px;margin:11px 0 3px;display:grid}.other-actions>button{color:var(--ink);text-align:left;background:#fffaf2;border:1px solid #dfd7cb;border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:12px;display:grid}.other-actions>button span{display:grid}.other-actions>button strong{font-size:12px}.other-actions>button small{color:#928a80;font-size:9px}.custom-row{background:#fffaf2;border:1px solid #ded6ca;border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;padding:7px 7px 7px 12px;display:grid}.custom-row input{background:0 0;border:0;outline:0;min-width:0;font-size:12px}.custom-row button{color:#fff;background:#292821;border:0;border-radius:11px;height:35px;padding:0 12px;font-size:10px;font-weight:800}.custom-row button:disabled{opacity:.3}.bottom-nav{left:13px;right:13px;bottom:max(13px,env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:8;background:#1f1f1bdf;border:1px solid #ffffff1a;border-radius:25px;grid-template-columns:repeat(3,1fr);height:72px;padding:7px;display:grid;position:absolute;box-shadow:0 17px 42px #1817134d}.bottom-nav button{color:#8f8e86;transition:.4s var(--spring);background:0 0;border:0;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:3px;display:flex}.bottom-nav button span{width:34px;height:29px;transition:.4s var(--snap);border-radius:12px;place-items:center;display:grid}.bottom-nav small{font-size:9px;font-weight:700}.bottom-nav button.active{color:#fff}.bottom-nav button.active span{background:var(--coral);transform:translateY(-1px);box-shadow:0 7px 17px #ff684744}.bottom-nav button:active{transform:scale(.9)}.library-view,.history-view{padding-top:10px}.library-view>h2,.history-view>h2{letter-spacing:-.055em;margin:0;font:800 30px/1 Manrope,sans-serif}.view-lead{color:#827b70;max-width:330px;margin:9px 0 22px;font-size:12px}.library-grid{grid-template-columns:1fr 1fr;gap:9px;display:grid}.library-grid article{--delay:0s;animation:card-up .55s var(--spring) var(--delay) both;background:#fffaf2;border:1px solid #e1d9cc;border-radius:23px;padding:9px;display:grid}.library-grid article>span{background:#ece2c9;border-radius:17px;place-items:center;height:105px;margin-bottom:10px;font-size:39px;display:grid}.library-grid article:nth-child(4n+2)>span{background:#d5e5c2}.library-grid article:nth-child(4n+3)>span{background:#dfd2e8}.library-grid article:nth-child(4n)>span{background:#efcfc1}.library-grid article>small{text-transform:uppercase;letter-spacing:.1em;color:#8b8378;font-size:8px}.library-grid article>strong{margin:3px 0;font:800 13px/1.2 Manrope,sans-serif}.library-grid article>p{color:#91897e;margin:0;font-size:9px}.timeline{gap:0;display:grid;position:relative}.timeline:before{content:"";background:#ddd4c7;width:1px;position:absolute;top:25px;bottom:25px;left:35px}.timeline article{grid-template-columns:39px 48px 1fr;align-items:center;gap:9px;padding:8px 0;display:grid;position:relative}.timeline time{text-transform:uppercase;color:#8e867b;text-align:center;z-index:1;background:var(--paper);padding:4px 0;font-size:8px}.timeline article>span{z-index:1;background:#fffaf1;border:1px solid #e0d7ca;border-radius:15px;place-items:center;width:48px;height:48px;font-size:22px;display:grid}.timeline article>div{display:grid}.timeline strong{font-size:13px}.timeline small{color:#8b8379;font-size:10px}.empty-state{text-align:center;color:#8c8479;background:#fffaf2;border:1px dashed #d8cfc1;border-radius:27px;padding:50px 25px}.empty-state div{margin-bottom:9px;font-size:43px}.empty-state strong{color:var(--ink);font-family:Manrope;display:block}.empty-state p{margin:6px 0 0;font-size:11px}.character{--skin:#ffd7b8;--accent:#ff7a54;flex:none;place-items:center;width:38px;height:38px;display:inline-grid;position:relative}.character-face{background:var(--skin);z-index:2;border-radius:46% 46% 48% 48%;place-items:center;width:31px;height:31px;font-size:21px;font-style:normal;display:grid;position:absolute;overflow:hidden}.character-hair{background:color-mix(in srgb,var(--accent) 72%,#201d1a);z-index:1;border-radius:50% 50% 38% 38%;width:34px;height:28px;position:absolute;top:1px}.character-body{background:var(--accent);z-index:0;border-radius:15px 15px 7px 7px;width:31px;height:15px;position:absolute;bottom:0}.character-large{width:58px;height:58px}.character-large .character-face{width:45px;height:45px;font-size:31px}.character-large .character-hair{width:49px;height:39px}.character-large .character-body{width:47px;height:22px}.character-peek{width:145px;height:145px}.character-peek .character-face{width:103px;height:103px;font-size:76px}.character-peek .character-hair{width:112px;height:90px}.character-peek .character-body{width:118px;height:58px}.modal-backdrop,.dice-overlay{z-index:30;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#151411b5;place-items:end center;padding:12px 12px 0;display:grid;position:fixed;inset:0}.settings-sheet{background:var(--paper);width:min(100%,520px);max-height:94svh;padding:12px 19px calc(25px + env(safe-area-inset-bottom));border-radius:31px 31px 0 0;position:relative;overflow:auto}.sheet-enter{animation:sheet-in .65s var(--spring) both}@keyframes sheet-in{0%{transform:translateY(105%)}}.sheet-handle{background:#d6cec1;border-radius:99px;width:39px;height:4px;margin:0 auto 24px}.close-button{color:#6d675e;background:#e9e3d9;border:0;border-radius:50%;place-items:center;width:38px;height:38px;display:grid;position:absolute;top:14px;right:15px}.settings-sheet h2{letter-spacing:-.05em;margin:0;font:800 28px/1 Manrope}.sheet-lead{color:#847c72;margin:8px 0 18px;font-size:11px}.avatar-picker{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.avatar-picker button{color:#777066;min-height:104px;transition:.35s var(--snap);background:#fffaf2;border:1px solid #dfd7ca;border-radius:19px;flex-direction:column;justify-content:center;align-items:center;gap:4px;display:flex;position:relative}.avatar-picker button.active{border-color:var(--coral);box-shadow:inset 0 0 0 1px var(--coral);transform:translateY(-3px)}.avatar-picker small{font-size:9px;font-weight:700}.avatar-picker button>i{background:var(--coral);color:#fff;border-radius:50%;place-items:center;width:19px;height:19px;display:grid;position:absolute;top:7px;right:7px}.settings-label{color:#736b61;gap:6px;margin:17px 0;font-size:10px;font-weight:800;display:grid}.settings-label input{background:#fffaf2;border:1px solid #d9d0c3;border-radius:13px;outline:0;height:46px;padding:0 12px}.settings-label input:focus{border-color:var(--coral);box-shadow:0 0 0 3px #ff684716}.invite-box{color:#fff;background:#23221d;border-radius:18px;justify-content:space-between;align-items:center;padding:12px 12px 12px 15px;display:flex}.invite-box>div{gap:3px;display:grid}.invite-box small{letter-spacing:.13em;color:#aaa69f;font-size:8px}.invite-box strong{letter-spacing:.12em;font:800 19px Manrope}.invite-box button{background:var(--lime);color:#24251d;border:0;border-radius:11px;align-items:center;gap:5px;height:39px;padding:0 11px;font-size:9px;font-weight:800;display:flex}.invite-box button svg{width:15px}.toggle-row{background:#eae4d9;border-radius:17px;grid-template-columns:1fr auto;align-items:center;margin-top:10px;padding:12px 13px;display:grid;position:relative}.toggle-row>span{display:grid}.toggle-row strong{font-size:11px}.toggle-row small{color:#8b8378;font-size:9px}.toggle-row input{opacity:0;position:absolute}.toggle-row>i{background:#c8c0b5;border-radius:99px;width:42px;height:24px;transition:all .3s;position:relative}.toggle-row>i:after{content:"";width:18px;height:18px;transition:.35s var(--snap);background:#fff;border-radius:50%;position:absolute;top:3px;left:3px;box-shadow:0 2px 6px #0002}.toggle-row input:checked+i{background:var(--coral)}.toggle-row input:checked+i:after{transform:translate(18px)}.save-settings{width:100%;margin-top:17px}.logout-button{color:#9a5647;background:0 0;border:0;align-items:center;gap:5px;margin:13px auto 0;font-size:10px;font-weight:700;display:flex}.dice-overlay{background:#0f0e0dd9;place-items:center;padding:10px}.dice-room{color:#fff;text-align:center;isolation:isolate;background:radial-gradient(circle at 50% 20%,#483a62,#232128 48%,#19191b);border-radius:32px;flex-direction:column;align-items:center;width:min(100%,490px);min-height:min(720px,100svh - 20px);max-height:calc(100svh - 20px);padding:31px 23px 24px;display:flex;position:relative;overflow:hidden}.close-button.inverse{color:#fff;z-index:5;background:#ffffff0e;border:1px solid #ffffff14}.dice-room>.eyebrow{color:#b3a5cf}.dice-ambient{filter:blur(70px);z-index:-1;opacity:.28;border-radius:50%;position:absolute}.dice-ambient.a{background:#9c72ff;width:190px;height:190px;animation:6s ease-in-out infinite alternate float-a;top:80px;left:-70px}.dice-ambient.b{background:#ff6847;width:160px;height:160px;animation:5s ease-in-out infinite alternate float-b;bottom:100px;right:-70px}@keyframes float-a{to{transform:translate(60px,80px)scale(1.25)}}@keyframes float-b{to{transform:translate(-50px,-80px)scale(.8)}}.big-dice{background:linear-gradient(145deg,#ff8061,#e84f33);border-radius:31px;place-items:center;width:112px;height:112px;margin:30px 0 20px;animation:3s ease-in-out infinite dice-float;display:grid;transform:rotate(-7deg);box-shadow:0 24px 55px #df4f3a55,inset 0 1px 1px #fff5}@keyframes dice-float{50%{transform:translateY(-8px)rotate(6deg)}}.big-dice svg{width:64px;height:64px}.big-dice.rolling{animation:.55s cubic-bezier(.5,0,.5,1) infinite dice-roll}@keyframes dice-roll{to{transform:rotate(353deg)scale(.88)}}.dice-room h2{letter-spacing:-.04em;margin:0;font:800 25px/1 Manrope}.dice-sub{color:#aaa4af;margin:7px 0 14px;font-size:11px}.countdown{background:#ffffff08;border-radius:50%;align-content:center;place-items:center;width:82px;height:82px;display:grid;position:relative;overflow:hidden}.countdown strong{font:800 23px/1 Manrope}.countdown span{color:#aaa4ad;font-size:8px}.countdown>i{border:3px solid #ffffff10;border-top-color:var(--lime);transform:rotate(calc((1 - var(--progress)) * 360deg));border-radius:50%;transition:all .25s linear;position:absolute;inset:0}.watching{grid-template-columns:58px 1fr 58px;align-items:center;width:238px;margin-top:21px;display:grid}.watching>span{background:#ffffff17;height:1px;position:relative}.watching>span i{background:#5c5960;border-radius:50%;width:7px;height:7px;transition:all .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.watching>span.connected{background:#d9f76955}.watching>span.connected i{background:var(--lime);box-shadow:0 0 0 7px #d9f76913}.partner-slot{color:#77727d;border:1px dashed #ffffff29;border-radius:50%;place-items:center;width:58px;height:58px;display:grid}.partner-slot>.character{animation:partner-arrives .75s var(--snap) both}@keyframes partner-arrives{0%{opacity:0;transform:translate(90px)rotate(10deg)scale(.7)}}.presence-copy{color:#aaa5ae;margin:8px 0;font-size:10px}.ready-now{background:var(--lime);color:#1d2015;border:0;border-radius:14px;align-items:center;gap:6px;min-height:44px;margin-top:auto;padding:0 16px;font-size:11px;font-weight:800;display:flex}.character-peek{width:145px;height:145px;animation:peek-in .9s var(--snap) 50ms both,peek-bob 3s ease-in-out 1s infinite;position:absolute;bottom:-31px;right:-17px}@keyframes peek-in{0%{transform:translate(160px)rotate(14deg)}}@keyframes peek-bob{50%{transform:translateY(-7px)rotate(-2deg)}}.peek-bubble{color:#27232c;background:#fff;border-radius:14px 14px 3px;width:max-content;padding:8px 10px;font-size:9px;font-weight:800;position:absolute;top:9px;right:103px;box-shadow:0 10px 22px #0003}.winner-stage{flex-direction:column;align-items:center;width:100%;margin:auto;display:flex}.dice-room.has-winner{background:radial-gradient(circle at 50% 32%,#6c4b3e,#211e1d 62%)}.confetti{color:var(--lime);word-spacing:48px;pointer-events:none;padding-top:70px;font-size:22px;animation:5s linear infinite confetti;position:absolute;inset:0}.confetti i{color:var(--coral)}.confetti b{color:#a38af9}.confetti em{color:#65d0c3}@keyframes confetti{50%{transform:translateY(50px)rotate(8deg)}}.winner-stage .eyebrow{color:#dcb4a4}.winner-emoji{filter:drop-shadow(0 25px 25px #0005);animation:food-pop .75s var(--snap) both;font-size:86px}.winner-stage h2{max-width:330px;margin:10px 0 4px;font-size:35px}.winner-stage>p{color:#b3aaa6;font-size:11px}.winner-actions{gap:8px;width:100%;margin-top:28px;display:grid}.winner-actions button{color:#fff;background:#ffffff0c;border:1px solid #ffffff20;border-radius:14px;min-height:48px;font-weight:800}.winner-actions .primary{background:var(--coral);border:0}.shopper-confirm{color:var(--lime);background:#d9f76915;border:1px solid #d9f7692c;border-radius:16px;align-items:center;gap:7px;margin-top:25px;padding:13px 18px;font-size:11px;font-weight:800;display:flex}.done-link{color:#aaa1a0;background:0 0;border:0;margin-top:18px;font-size:10px}.update-toast{left:50%;bottom:max(16px,env(safe-area-inset-bottom));z-index:100;color:#fff;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);width:min(100% - 24px,500px);animation:update-in .8s var(--spring) both;background:#1d1d19f2;border:1px solid #ffffff1b;border-radius:21px;grid-template-columns:auto 1fr auto;align-items:center;gap:9px;padding:10px;display:grid;position:fixed;transform:translate(-50%);box-shadow:0 22px 65px #0006}@keyframes update-in{0%{opacity:0;transform:translate(-50%,120px)scale(.94)}}.update-orbit{background:var(--purple);border-radius:14px;place-items:center;width:41px;height:41px;display:grid}.update-toast>div:nth-child(2){gap:2px;display:grid}.update-toast strong{font-size:11px}.update-toast span{color:#aaa69f;font-size:9px}.update-toast button{background:var(--lime);color:#202118;border:0;border-radius:12px;height:39px;padding:0 12px;font-size:10px;font-weight:800}.spin{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.login-page,.onboarding-page,.center-screen{background:radial-gradient(circle at 50% 10%,#493a5c,#1a1917 55%);place-items:center;min-height:100svh;padding:18px;display:grid;position:relative;overflow:hidden}.login-card,.onboarding-card{background:var(--paper);text-align:center;z-index:1;border:1px solid #ffffff69;border-radius:34px;width:min(100%,420px);padding:33px 25px;position:relative;box-shadow:0 35px 90px #0008}.motion-rise{animation:rise .75s var(--spring) both}@keyframes rise{0%{opacity:0;transform:translateY(30px)scale(.96)}}.brand-mark{background:var(--coral);color:#fff;border-radius:21px;place-items:center;width:61px;height:61px;margin:0 auto 19px;display:grid;transform:rotate(-5deg);box-shadow:0 14px 29px #ff684744}.login-card h1{font-size:40px}.login-lead{color:#746e65;margin:10px 0 24px;font-size:13px;line-height:1.5}.login-lead strong{color:var(--ink)}.login-card form,.join-form{text-align:left;gap:12px;display:grid}.login-card label,.join-form label{color:#6f685f;gap:5px;font-size:10px;font-weight:800;display:grid}.login-card input,.join-form input{background:#fffaf2;border:1px solid #d7cfc3;border-radius:14px;outline:0;height:49px;padding:0 13px;font-size:16px}.login-card input:focus,.join-form input:focus{border-color:var(--coral);box-shadow:0 0 0 3px #ff684718}.login-card .primary{width:100%;margin-top:3px}.form-message{color:#934c3b;background:#f7ddd4;border-radius:11px;padding:10px;font-size:10px}.text-link,.demo-link{color:#9b503e;background:0 0;border:0;margin-top:15px;font-size:10px;font-weight:700}.login-blob{filter:blur(3px);opacity:.55;border-radius:50%;position:absolute}.blob-one{background:#ff6847;width:270px;height:270px;animation:8s ease-in-out infinite alternate blob;top:-100px;left:-130px}.blob-two{background:#826ee9;width:230px;height:230px;animation:7s ease-in-out infinite alternate-reverse blob;bottom:-60px;right:-100px}@keyframes blob{to{border-radius:38% 62% 58% 42%;transform:translate(45px,35px)scale(1.2)}}.onboarding-card>.character{margin-bottom:12px}.onboarding-card h1{letter-spacing:-.05em;margin:0;font:800 30px/1 Manrope}.onboarding-card>p:not(.eyebrow):not(.form-message){color:#807970;margin:11px 0 22px;font-size:12px;line-height:1.5}.onboarding-actions{gap:9px;display:grid}.secondary-button{color:var(--ink);background:#fffaf2;border:1px solid #d8d0c4;border-radius:15px;justify-content:center;align-items:center;gap:7px;min-height:48px;font-weight:800;display:flex}.demo-link{margin:4px 0 0}.join-form .primary{margin-top:2px}.brand-loader{background:var(--coral);color:#fff;border-radius:23px;place-items:center;width:68px;height:68px;animation:1.2s ease-in-out infinite loader-bob;display:grid;position:relative}.brand-loader i{border:2px solid #ffffff24;border-top-color:var(--lime);border-radius:27px;animation:1s linear infinite spin;position:absolute;inset:-8px}@keyframes loader-bob{50%{transform:translateY(-6px)rotate(3deg)}}html,body,#root{background:var(--paper);overscroll-behavior-y:none;min-height:100%}body{min-height:100svh}.app-shell{background:var(--paper)}.flow-steps{gap:6px;margin-top:42px;display:flex}.flow-steps i{width:24px;height:5px;transition:.6s var(--spring);background:#ffffff1b;border-radius:99px}.flow-steps i.done{background:var(--lime);width:41px;box-shadow:0 0 16px #d9f76955}.hero-card:not(.is-decided) h2{max-width:390px;margin-top:15px;font-size:34px}.hero-card:not(.is-decided)>p:last-child{max-width:360px;line-height:1.45}.proposal-card{cursor:default;grid-template-columns:auto minmax(0,1fr) auto;padding:11px}.proposal-card:hover{transform:none}.proposal-card.is-match{background:#fbffe9;border-color:#a9ca56;box-shadow:inset 0 0 0 1px #d9f769}.proposal-copy{min-width:0;display:grid}.proposal-copy strong{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.proposal-status{color:#776f64;white-space:nowrap;background:#ece7de;border-radius:99px;align-items:center;gap:4px;padding:6px 8px;font-size:8px;font-weight:800;display:flex}.proposal-status.match{color:#26300e;background:#d9f769}.answer-actions,.choose-meal{grid-column:1/-1}.answer-actions{grid-template-columns:1fr 1fr;gap:7px;display:grid}.answer-actions button,.choose-meal{color:#59534b;background:#f3eee5;border:1px solid #ddd5c8;border-radius:12px;justify-content:center;align-items:center;gap:6px;min-height:39px;font-size:10px;font-weight:800;display:flex}.answer-actions button:last-child{color:#fff;background:#25241f;border-color:#25241f}.answer-actions .selected-no{color:#813e30;background:#e8d8d1;border-color:#dcbcaf}.choose-meal{color:#fff;background:#25241f;border:0}.locked-explainer{color:#8d857a;text-align:center;justify-content:center;align-items:center;gap:5px;margin:10px 4px 0;font-size:9px;line-height:1.35;display:flex}.meal-card.already-sent{opacity:.55}.meal-card.already-sent:hover{box-shadow:none;transform:none}.meal-card>strong{white-space:normal;min-height:32px}.meal-card>small{font-weight:700}.sticky-action{grid-template-columns:1fr}.sticky-action:not(.show){display:none}.bottom-nav{width:min(100% - 26px,514px);left:50%;right:auto;bottom:max(13px,env(safe-area-inset-bottom));z-index:20;position:fixed;transform:translate(-50%)}.add-meal-row{background:#fffaf2;border:1px solid #d9d0c3;border-radius:17px;grid-template-columns:auto 1fr auto;align-items:center;gap:8px;margin-bottom:11px;padding:8px 8px 8px 13px;display:grid}.add-meal-row input,.library-tools input{background:0 0;border:0;outline:0;min-width:0;font-size:13px}.add-meal-row button{background:var(--coral);color:#fff;border:0;border-radius:11px;height:38px;padding:0 12px;font-size:10px;font-weight:800}.add-meal-row button:disabled{opacity:.35}.library-tools{gap:9px;margin-bottom:14px;display:grid}.library-tools>label{color:#91887d;background:#fffdf8;border:1px solid #ddd4c7;border-radius:14px;align-items:center;gap:8px;height:45px;padding:0 12px;display:flex}.library-tools>div{background:#e8e1d6;border-radius:13px;grid-template-columns:1fr 1fr;padding:4px;display:grid}.library-tools>div button{color:#7e766b;background:0 0;border:0;border-radius:10px;min-height:36px;font-size:10px;font-weight:800}.library-tools>div button.active{color:var(--ink);background:#fffdf8;box-shadow:0 4px 12px #493b2f12}.library-tools button span{color:#9a9186;margin-left:3px}.library-list{gap:7px;display:grid}.library-list article{--delay:0s;animation:card-in .45s var(--spring) var(--delay) both;background:#fffdf8;border:1px solid #e2d9cd;border-radius:16px;grid-template-columns:42px minmax(0,1fr) auto auto;align-items:center;gap:9px;padding:7px 8px;display:grid}.library-list article>span{background:#eee3ca;border-radius:12px;place-items:center;width:42px;height:42px;font-size:22px;display:grid}.library-list article>strong{font:800 12px/1.25 Manrope,sans-serif}.library-list article>small{color:#8b8378;background:#eee8df;border-radius:99px;padding:4px 6px;font-size:8px}.library-list article>button{color:#9b9388;width:38px;height:38px;transition:.35s var(--snap);background:#f0ebe3;border:0;border-radius:12px;place-items:center;display:grid}.library-list article>button.favorite{color:var(--coral);background:#ffe2da;transform:scale(1.04)}.library-view .empty-state{margin-top:10px;padding:34px 20px}.dice-stage{perspective:700px;place-items:center;width:210px;height:165px;margin:10px 0 4px;display:grid;position:relative}.dice-stage .big-dice{z-index:2;margin:0;position:relative}.dice-shadow{filter:blur(10px);background:#0008;border-radius:50%;width:95px;height:24px;animation:3s ease-in-out infinite shadow-breathe;position:absolute;bottom:16px}.dice-stage.rolling .big-dice{animation:1.05s cubic-bezier(.55,.05,.35,1) infinite cinematic-roll}.dice-stage.rolling .dice-shadow{animation:.53s ease-in-out infinite rolling-shadow}.dice-stage.rolling:before,.dice-stage.rolling:after{content:"";background:linear-gradient(90deg,#0000,#fff5,#0000);border-radius:50%;width:80px;height:3px;animation:.7s ease-in-out infinite speed-line;position:absolute;top:45%}.dice-stage.rolling:after{width:125px;animation-delay:.22s;top:61%}@keyframes cinematic-roll{0%{transform:translate(-42px,38px)rotate(-18deg)rotateY(0)scale(.82)}25%{transform:translate(23px,-37px)rotate(102deg)rotateY(130deg)scale(1.08)}52%{transform:translate(45px,17px)rotate(218deg)rotateY(250deg)scale(.9)}78%{transform:translate(-12px,-48px)rotate(316deg)rotateY(390deg)scale(1.12)}to{transform:translate(-42px,38px)rotate(342deg)rotateY(520deg)scale(.82)}}@keyframes shadow-breathe{50%{opacity:.45;transform:scale(.72)}}@keyframes rolling-shadow{50%{opacity:.35;transform:translate(25px)scale(.65)}}@keyframes speed-line{50%{opacity:.2;transform:translate(30px)scaleX(.4)}}.dice-sub.teasing{color:#fff;min-height:16px;animation:tease-swap .43s var(--spring) infinite;font-weight:700}@keyframes tease-swap{0%{opacity:.15;transform:translateY(5px)}}.suspense-dots{justify-content:center;align-items:center;gap:7px;height:82px;display:flex;position:relative}.suspense-dots i{background:var(--lime);width:9px;height:9px;animation:suspense 1s var(--snap) infinite;border-radius:50%}.suspense-dots i:nth-child(2){animation-delay:.14s}.suspense-dots i:nth-child(3){animation-delay:.28s}.suspense-dots span{color:#8f8994;text-transform:uppercase;letter-spacing:.12em;font-size:8px;position:absolute;top:61px}@keyframes suspense{50%{background:#fff;transform:translateY(-12px)scale(1.2)}}.watching>.presence-bridge{background:#ffffff17;height:1px;position:relative}.watching>.presence-bridge i{background:#5c5960;border-radius:50%;width:7px;height:7px;transition:all .4s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.watching>.presence-bridge.connected{background:#d9f76955}.watching>.presence-bridge.connected i{background:var(--lime);box-shadow:0 0 0 7px #d9f76913}@media (width<=699px){:root,html,body,#root{background:var(--paper)}.app-frame{box-shadow:none}.dice-room{border-radius:25px}.update-toast{bottom:100px}}@media (width>=700px){html,body,#root{background:#171714}.app-shell{background:radial-gradient(circle at 15% 8%,#3c362d 0,#0000 27%),radial-gradient(circle at 90% 70%,#352d40 0,#0000 30%),#171714;padding:24px 0}.app-frame{border-radius:36px;min-height:calc(100svh - 48px)}.bottom-nav{width:488px;bottom:32px}.modal-backdrop{place-items:center;padding:18px}.settings-sheet{border-radius:31px;max-height:90svh}.dice-room{min-height:min(720px,100svh - 36px)}}@media (width<=370px){.hero-card h2{font-size:32px}.meal-visual{height:80px}.avatar-picker{grid-template-columns:repeat(2,1fr)}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}