:is(#nomi-bb,.nbb-x) :where(*):not(svg,svg *){all:revert}#nomi-bb{all:revert;display:block}:is(#nomi-bb,.nbb-x) img{max-width:100%}:is(#nomi-bb,.nbb-x) [hidden]{display:none!important}#nomi-bb,.nbb-x{--house:#171618;--house-2:#1f1d1c;--line:#2e2a27;--cream:#f5f0e9;--paper:#f3ece1;--card:#fbf7f0;--ink:#1b1917;--mute:#b8aca0;--mute-ink:#6f655b;--rule:rgba(27,25,23,.14);--lime:#c9f23a;--lime-ink:#3d6b00;--chili:#e2502f;--amber:#e3a63a;--display:NomiCup,Montserrat,"Arial Black",Arial,sans-serif;--body:NomiHeading,Manrope,"Helvetica Neue",Arial,sans-serif;--r:18px;color-scheme:dark}#nomi-bb{background:#1b1918 var(--nbb-concrete) center/cover fixed;color:var(--cream);font-family:var(--body);-webkit-font-smoothing:antialiased;position:relative;line-height:normal;font-size:15px}:is(#nomi-bb,.nbb-x) button{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer}:is(#nomi-bb,.nbb-x) button:focus-visible,:is(#nomi-bb,.nbb-x) a:focus-visible{outline:2px solid var(--lime);outline-offset:3px;border-radius:8px}:is(#nomi-bb,.nbb-x) .wrap{padding-left:max(24px,env(safe-area-inset-left,0px));padding-right:max(24px,env(safe-area-inset-right,0px))}:is(#nomi-bb,.nbb-x) .nav{position:sticky;top:env(safe-area-inset-top,0px);z-index:20;display:flex;align-items:center;gap:24px;height:58px;background:#121112f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}:is(#nomi-bb,.nbb-x) .nav img{height:22px;width:auto}:is(#nomi-bb,.nbb-x) .nav .sign{font-family:var(--display);font-weight:900;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}:is(#nomi-bb,.nbb-x) .nav .sp{flex:1}:is(#nomi-bb,.nbb-x) .nav a{position:relative;height:58px;display:flex;align-items:center;color:var(--cream);text-decoration:none;font-weight:800;font-size:14px}:is(#nomi-bb,.nbb-x) .nav a.on{color:var(--lime)}:is(#nomi-bb,.nbb-x) .nav a.on:after{content:"";position:absolute;left:-8px;right:-8px;bottom:0;height:3px;background:var(--lime);border-radius:3px 3px 0 0}:is(#nomi-bb,.nbb-x) .hero{position:relative;background:#1d1b1a var(--nbb-hero) right center/cover no-repeat;border-bottom:1px solid var(--line)}:is(#nomi-bb,.nbb-x) .hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,#141313bf,#14131359 48%,#14131300 70%)}:is(#nomi-bb,.nbb-x) .hero .wrap{position:relative;padding-block:clamp(18px,2.4vw,30px) clamp(16px,2vw,24px)}:is(#nomi-bb,.nbb-x) .hero h1{margin:0;font-family:var(--display);font-weight:900;font-size:clamp(36px,4.6vw,72px);line-height:.9;letter-spacing:-.02em;text-transform:uppercase;color:var(--cream);text-wrap:balance}:is(#nomi-bb,.nbb-x) .hero h1 span{display:block;color:var(--lime);font-size:.62em;margin-top:.08em;letter-spacing:-.01em}:is(#nomi-bb,.nbb-x) .hero p{margin:12px 0 0;font-size:clamp(14px,1.2vw,17px);font-weight:600;color:#e7dfd4;max-width:34em}:is(#nomi-bb,.nbb-x) .main{display:grid;grid-template-columns:minmax(330px,430px) minmax(0,1fr) minmax(310px,390px);gap:clamp(14px,1.6vw,24px);padding-block:18px 18px;align-items:start}:is(#nomi-bb,.nbb-x) .counter>.prep{align-self:stretch;padding-bottom:54px}:is(#nomi-bb,.nbb-x) .panel{background:var(--paper);color:var(--ink);border-radius:var(--r);box-shadow:0 18px 50px #00000059;min-width:0}:is(#nomi-bb,.nbb-x) .pick{padding:18px;display:flex;flex-direction:column;gap:10px}:is(#nomi-bb,.nbb-x) .step{display:flex;align-items:baseline;gap:8px;margin:0;font-family:var(--display);font-weight:900;font-size:clamp(20px,1.7vw,25px);letter-spacing:-.01em;color:var(--ink)}:is(#nomi-bb,.nbb-x) .step i{font-style:normal;color:var(--lime-ink)}:is(#nomi-bb,.nbb-x) .step small{margin-left:auto;font-family:var(--body);font-size:12px;font-weight:800;color:var(--mute-ink);letter-spacing:.02em}:is(#nomi-bb,.nbb-x) .flavors{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}:is(#nomi-bb,.nbb-x) .flavor{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;padding:10px 4px 9px;border-radius:14px;background:var(--card);border:1.5px solid var(--rule);text-align:center;transition:transform .18s,border-color .18s,box-shadow .18s}:is(#nomi-bb,.nbb-x) .flavor:hover{transform:translateY(-3px);border-color:var(--ink);box-shadow:0 10px 20px #1b19171f}:is(#nomi-bb,.nbb-x) .flavor img{height:clamp(70px,5.6vw,88px);width:auto;max-width:100%;object-fit:contain;filter:drop-shadow(0 8px 8px rgba(0,0,0,.22))}:is(#nomi-bb,.nbb-x) .flavor b{font-size:12.5px;font-weight:800;line-height:1.1}:is(#nomi-bb,.nbb-x) .flavor small{font-size:11px;font-weight:700;color:var(--mute-ink)}:is(#nomi-bb,.nbb-x) .flavor small.ok{color:var(--lime-ink)}:is(#nomi-bb,.nbb-x) .flavor.has{border-color:var(--lime-ink);background:#f1f7dd}:is(#nomi-bb,.nbb-x) .divider{border:0;border-top:2px dashed var(--rule);margin:4px 0 2px}:is(#nomi-bb,.nbb-x) .tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px}:is(#nomi-bb,.nbb-x) .tab{height:34px;border-radius:99px;border:1.5px solid var(--rule);background:var(--card);font-size:13px;font-weight:800;color:var(--ink)}:is(#nomi-bb,.nbb-x) .tab:hover{border-color:var(--ink)}:is(#nomi-bb,.nbb-x) .tab[aria-selected=true]{background:var(--ink);color:var(--lime);border-color:var(--ink)}:is(#nomi-bb,.nbb-x) .cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}:is(#nomi-bb,.nbb-x) .card{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border-radius:12px;background:var(--card);border:1.5px solid var(--rule);transition:transform .18s,border-color .18s,box-shadow .18s}:is(#nomi-bb,.nbb-x) .card:hover{transform:translateY(-2px);border-color:var(--ink);box-shadow:0 8px 16px #1b19171a}:is(#nomi-bb,.nbb-x) .card .pic{position:relative;width:100%;height:clamp(46px,4vw,58px)}:is(#nomi-bb,.nbb-x) .card .pic img{position:absolute;top:0;right:0;bottom:0;left:0;margin:auto;max-width:86%;max-height:100%;object-fit:contain;filter:drop-shadow(0 4px 4px rgba(0,0,0,.18))}:is(#nomi-bb,.nbb-x) .card b{font-size:12.5px;font-weight:800;line-height:1.15;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}:is(#nomi-bb,.nbb-x) .card small{font-size:10.5px;font-weight:700;color:var(--mute-ink);white-space:nowrap}:is(#nomi-bb,.nbb-x) .card small i{font-style:normal;color:var(--lime-ink)}:is(#nomi-bb,.nbb-x) .card.has{border-color:var(--lime-ink);background:#f1f7dd}:is(#nomi-bb,.nbb-x) .cell{position:relative;display:grid;min-width:0}:is(#nomi-bb,.nbb-x) .cell>.card,:is(#nomi-bb,.nbb-x) .cell>.flavor{width:100%;height:100%}:is(#nomi-bb,.nbb-x) .minus{position:absolute;top:-7px;left:-5px;z-index:3;width:24px;height:24px;border-radius:50%;background:var(--ink);color:var(--cream);font-size:16px;font-weight:900;line-height:1;display:grid;place-items:center;box-shadow:0 3px 8px #00000040;transform:scale(0);transition:transform .25s cubic-bezier(.3,1.6,.5,1),background .15s}:is(#nomi-bb,.nbb-x) .cell.has .minus{transform:scale(1)}:is(#nomi-bb,.nbb-x) .minus:hover{background:var(--chili)}:is(#nomi-bb,.nbb-x) #ring .piece,:is(#nomi-bb,.nbb-x) #top .piece{pointer-events:auto;cursor:pointer}html:not(.carrying):not(.dragging):not(.pouring) :is(#nomi-bb,.nbb-x) #ring .piece:hover,html:not(.carrying):not(.dragging):not(.pouring) :is(#nomi-bb,.nbb-x) #top .piece:hover{filter:drop-shadow(0 0 2px rgba(201,242,58,.95)) drop-shadow(0 0 7px rgba(201,242,58,.7)) brightness(1.05)}:is(#nomi-bb,.nbb-x) .piece.cheese{filter:drop-shadow(0 2px 1.5px rgba(62,32,8,.44)) drop-shadow(0 0 6px rgba(74,40,10,.22)) saturate(.8) brightness(.96) sepia(.06) contrast(.96)}:is(#nomi-bb,.nbb-x) .piece.pluck{animation:nbb-pluck .45s cubic-bezier(.4,0,.7,.4) both!important;pointer-events:none}@keyframes nbb-pluck{30%{transform:translate(-50%,-62%) rotate(var(--rot,0deg)) scale(1.12);opacity:1}to{transform:translate(-50%,-150%) rotate(calc(var(--rot,0deg) + 25deg)) scale(.6);opacity:0}}:is(#nomi-bb,.nbb-x) .tip{margin:0;font-size:11.5px;font-weight:700;color:var(--mute-ink)}:is(#nomi-bb,.nbb-x) .qty{position:absolute;top:-7px;right:-5px;min-width:24px;height:24px;padding:0 7px;border-radius:99px;background:var(--lime);color:var(--ink);font-size:12px;font-weight:900;display:grid;place-items:center;box-shadow:0 3px 8px #0003;transform:scale(0);transition:transform .25s cubic-bezier(.3,1.6,.5,1);z-index:2}:is(#nomi-bb,.nbb-x) .has>.qty{transform:scale(1)}:is(#nomi-bb,.nbb-x) .lifted .pic img,:is(#nomi-bb,.nbb-x) .flavor.lifted img{opacity:.3}:is(#nomi-bb,.nbb-x) .prep{position:relative;display:flex;flex-direction:column;align-items:center;gap:10px;min-width:0}:is(#nomi-bb,.nbb-x) .prep-h{display:flex;align-items:center;gap:16px;width:100%;font-size:12px;font-weight:800;letter-spacing:.28em;text-transform:uppercase;color:#e7dfd4}:is(#nomi-bb,.nbb-x) .prep-h:before,:is(#nomi-bb,.nbb-x) .prep-h:after{content:"";flex:1;height:1px;background:#f5f0e959}:is(#nomi-bb,.nbb-x) .prep-bar{position:absolute;left:0;right:0;top:-4px;display:flex;justify-content:space-between;align-items:center;pointer-events:none}:is(#nomi-bb,.nbb-x) .prep-bar>*{pointer-events:auto}:is(#nomi-bb,.nbb-x) .prep-tools{display:flex;gap:6px}:is(#nomi-bb,.nbb-x) .ghost{height:30px;padding:0 12px;border-radius:99px;border:1px solid rgba(245,240,233,.25);background:#12111280;font-size:12px;font-weight:800;color:var(--cream)}:is(#nomi-bb,.nbb-x) .ghost:hover{border-color:var(--lime)}:is(#nomi-bb,.nbb-x) .stagewrap{flex:1;width:100%;display:grid;place-items:start center;min-height:0}:is(#nomi-bb,.nbb-x) .stage{position:relative;width:min(100%,620px,calc(100vh - 300px));min-width:280px;aspect-ratio:1}:is(#nomi-bb,.nbb-x) .bowl{position:absolute;top:0;right:0;bottom:0;left:0}:is(#nomi-bb,.nbb-x) .bowl .shadow{position:absolute;top:3%;right:1%;bottom:-2%;left:3%;border-radius:50%;background:radial-gradient(closest-side,#0009,#0000);filter:blur(8px)}:is(#nomi-bb,.nbb-x) .bowl .dish{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}:is(#nomi-bb,.nbb-x) .base{position:absolute;top:0;right:0;bottom:0;left:0}:is(#nomi-bb,.nbb-x) .base img{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;animation:nbb-fill .6s ease-out both}:is(#nomi-bb,.nbb-x) .base img.fade{animation:nbb-unfill .6s ease-in both}@keyframes nbb-fill{0%{opacity:0;transform:scale(.985)}to{opacity:1;transform:none}}@keyframes nbb-unfill{to{opacity:0}}:is(#nomi-bb,.nbb-x) .broth,:is(#nomi-bb,.nbb-x) .film,:is(#nomi-bb,.nbb-x) #nests{display:none}:is(#nomi-bb,.nbb-x) .broth{position:absolute;left:7.5%;top:7.5%;width:85%;height:85%;border-radius:50%;overflow:hidden;-webkit-mask-image:radial-gradient(closest-side,#000 86%,rgba(0,0,0,.6) 95%,transparent 100%);mask-image:radial-gradient(closest-side,#000 86%,rgba(0,0,0,.6) 95%,transparent 100%);opacity:0;transform:scale(.6);transition:opacity .5s,transform .6s cubic-bezier(.2,1.2,.4,1),filter .6s}:is(#nomi-bb,.nbb-x) .broth img{width:100%;height:100%;object-fit:cover;transform:scale(1.04)}:is(#nomi-bb,.nbb-x) .broth.on{opacity:1;transform:scale(1)}:is(#nomi-bb,.nbb-x) .broth:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;box-shadow:inset 0 0 36px #1e100447}:is(#nomi-bb,.nbb-x) .layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}:is(#nomi-bb,.nbb-x) .piece{position:absolute;transform:translate(-50%,-50%) rotate(var(--rot,0deg));filter:drop-shadow(0 2px 1.5px rgba(62,32,8,.44)) drop-shadow(0 0 6px rgba(74,40,10,.22)) saturate(.9) brightness(.96);animation:nbb-plop .5s cubic-bezier(.3,1.4,.5,1) both}:is(#nomi-bb,.nbb-x) .inbowl{-webkit-mask-image:radial-gradient(circle closest-side,#000 82%,transparent 88%);mask-image:radial-gradient(circle closest-side,#000 82%,transparent 88%)}:is(#nomi-bb,.nbb-x) .nest{filter:saturate(.95);-webkit-mask-image:radial-gradient(closest-side,#000 68%,rgba(0,0,0,.55) 86%,transparent 100%);mask-image:radial-gradient(closest-side,#000 68%,rgba(0,0,0,.55) 86%,transparent 100%)}:is(#nomi-bb,.nbb-x) .film{position:absolute;left:7.5%;top:7.5%;width:85%;height:85%;border-radius:50%;overflow:hidden;opacity:0;pointer-events:none;transition:opacity .6s,filter .6s;-webkit-mask-image:radial-gradient(circle,transparent 30%,rgba(0,0,0,.55) 58%,rgba(0,0,0,.85) 80%,#000 100%);mask-image:radial-gradient(circle,transparent 30%,rgba(0,0,0,.55) 58%,rgba(0,0,0,.85) 80%,#000 100%)}:is(#nomi-bb,.nbb-x) .film img{width:100%;height:100%;object-fit:cover;transform:scale(1.04) rotate(40deg)}:is(#nomi-bb,.nbb-x) .film.on{opacity:.82}:is(#nomi-bb,.nbb-x) .shade{position:absolute;left:7.5%;top:7.5%;width:85%;height:85%;border-radius:50%;pointer-events:none;opacity:0;transition:opacity .6s;-webkit-mask-image:radial-gradient(closest-side,#000 80%,transparent 100%);mask-image:radial-gradient(closest-side,#000 80%,transparent 100%);background:radial-gradient(circle at 34% 28%,#ffeccd33,#ffeccd00 38%),radial-gradient(circle at 62% 66%,#0000 52%,#1e10044d,#140a027a)}:is(#nomi-bb,.nbb-x) .stage.filled .shade{opacity:.5}:is(#nomi-bb,.nbb-x) .piece.settle{animation:nbb-settle .9s ease-out both}@keyframes nbb-settle{0%{transform:translate(-50%,-50%) rotate(var(--rot,0deg)) scale(1.18);opacity:.5}55%{transform:translate(-50%,-50%) rotate(var(--rot,0deg)) scale(.97);opacity:1}to{transform:translate(-50%,-50%) rotate(var(--rot,0deg)) scale(1)}}@keyframes nbb-plop{0%{transform:translate(-50%,-50%) rotate(var(--rot,0deg)) scale(1.25);opacity:.4}to{transform:translate(-50%,-50%) rotate(var(--rot,0deg)) scale(1);opacity:1}}:is(#nomi-bb,.nbb-x) .piece.out{animation:nbb-out .25s ease-in both!important}@keyframes nbb-out{to{transform:translate(-50%,-50%) rotate(var(--rot,0deg)) scale(.6);opacity:0}}:is(#nomi-bb,.nbb-x) .ripple{position:absolute;width:30%;aspect-ratio:1;border-radius:50%;border:2px solid rgba(255,255,255,.55);transform:translate(-50%,-50%) scale(.2);animation:nbb-rip .7s ease-out forwards;pointer-events:none}@keyframes nbb-rip{to{transform:translate(-50%,-50%) scale(1.6);opacity:0}}:is(#nomi-bb,.nbb-x) svg.drizzle{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none;-webkit-mask-image:radial-gradient(circle closest-side,#000 80%,transparent 86%);mask-image:radial-gradient(circle closest-side,#000 80%,transparent 86%)}:is(#nomi-bb,.nbb-x) .empty-hint{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:62%;text-align:center;color:var(--ink);pointer-events:none;transition:opacity .3s}:is(#nomi-bb,.nbb-x) .empty-hint b{display:block;font-family:var(--display);font-weight:900;font-size:clamp(22px,2.6vw,38px);line-height:1;letter-spacing:-.02em;text-wrap:balance}:is(#nomi-bb,.nbb-x) .empty-hint span{display:block;margin-top:12px;font-size:clamp(13px,1.1vw,16px);font-weight:700;color:var(--mute-ink)}:is(#nomi-bb,.nbb-x) .stage.filled .empty-hint{opacity:0}:is(#nomi-bb,.nbb-x) .reset{display:inline-flex;align-items:center;gap:7px;height:30px;padding:0 13px 0 10px;border-radius:99px;background:var(--house);border:1.5px solid var(--lime);color:var(--cream);font-size:13px;font-weight:800;box-shadow:0 8px 20px #0006;transition:transform .2s,background .2s,opacity .2s}:is(#nomi-bb,.nbb-x) .reset svg{width:16px;height:16px;transition:transform .5s}:is(#nomi-bb,.nbb-x) .reset:hover{background:var(--lime);color:var(--ink)}:is(#nomi-bb,.nbb-x) .reset:hover svg{transform:rotate(-300deg)}:is(#nomi-bb,.nbb-x) .reset[disabled]{opacity:0;pointer-events:none;transform:scale(.8)}:is(#nomi-bb,.nbb-x) .badge{position:absolute;right:3%;top:5%;padding:6px 10px;border-radius:99px;background:var(--lime);color:var(--ink);font-family:var(--display);font-weight:900;font-size:13px;transform:scale(0);transition:transform .3s cubic-bezier(.3,1.6,.5,1)}:is(#nomi-bb,.nbb-x) .badge.on{transform:scale(1)}:is(#nomi-bb,.nbb-x) .stage:before{content:"";position:absolute;top:-1.5%;right:-1.5%;bottom:-1.5%;left:-1.5%;border-radius:50%;border:3px dashed var(--lime);opacity:0;transform:scale(.97);transition:opacity .2s,transform .2s;pointer-events:none;z-index:2}:is(#nomi-bb,.nbb-x) .stage.target:before{opacity:.9;transform:scale(1)}:is(#nomi-bb,.nbb-x) .stage.carrying:before{opacity:.35}:is(#nomi-bb,.nbb-x) .drop-say{position:absolute;left:50%;top:6%;transform:translate(-50%);padding:5px 12px;border-radius:99px;background:var(--lime);color:var(--ink);font-size:12px;font-weight:800;opacity:0;transition:opacity .2s;pointer-events:none;white-space:nowrap;z-index:3}:is(#nomi-bb,.nbb-x) .stage.carrying .drop-say{opacity:1}:is(#nomi-bb,.nbb-x) .toastbar{position:absolute;left:0;right:0;top:calc(100% + 10px);display:flex;justify-content:center;pointer-events:none;z-index:5}:is(#nomi-bb,.nbb-x) .toast{display:flex;align-items:center;gap:10px;min-height:38px;padding:6px 8px 6px 16px;border-radius:99px;background:var(--house);border:1px solid var(--lime);color:var(--cream);font-size:13.5px;font-weight:700;box-shadow:0 10px 28px #00000073;pointer-events:auto;transition:transform .25s,opacity .25s}:is(#nomi-bb,.nbb-x) .toast.hide{opacity:0;transform:translateY(12px);pointer-events:none}:is(#nomi-bb,.nbb-x) .toast button{height:28px;padding:0 12px;border-radius:99px;background:#f5f0e91a;font-size:12px;font-weight:800}:is(#nomi-bb,.nbb-x) .toast button:hover{background:var(--lime);color:var(--ink)}:is(#nomi-bb,.nbb-x) .fly{position:fixed;z-index:50;pointer-events:none;filter:drop-shadow(0 14px 14px rgba(0,0,0,.45))}html.sticks-on :is(#nomi-bb,.nbb-x) .counter,html.sticks-on :is(#nomi-bb,.nbb-x) .counter *{cursor:none!important}html.sticks-on :is(#nomi-bb,.nbb-x) .counter button:not([data-key]),html.sticks-on :is(#nomi-bb,.nbb-x) .counter button:not([data-key]) *,html.sticks-on :is(#nomi-bb,.nbb-x) .counter a{cursor:pointer!important}html.sticks-on :is(#nomi-bb,.nbb-x) .counter .flavor,html.sticks-on :is(#nomi-bb,.nbb-x) .counter .flavor *{cursor:grab!important}html.carrying,html.carrying *{cursor:none!important}:is(#nomi-bb,.nbb-x) .sticks.hand .s{opacity:0}:is(#nomi-bb,.nbb-x) .sticks.hand .held{transform:translate(-50%,-50%);filter:drop-shadow(0 22px 18px rgba(0,0,0,.5));animation:nbb-grip .25s cubic-bezier(.3,1.5,.5,1)}@keyframes nbb-grip{0%{transform:translate(-50%,-50%) scale(.75)}}:is(#nomi-bb,.nbb-x) .pour{position:fixed;z-index:55;pointer-events:none;transform-origin:50% 45%;filter:drop-shadow(0 22px 18px rgba(0,0,0,.5))}:is(#nomi-bb,.nbb-x) .sticks{position:fixed;left:0;top:0;width:150px;height:143px;pointer-events:none;z-index:80;opacity:0;transition:opacity .15s;will-change:transform;--o:2.2deg}:is(#nomi-bb,.nbb-x) .sticks.on{opacity:1}:is(#nomi-bb,.nbb-x) .sticks .s{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;transform-origin:95.3% 3.8%;transition:transform .16s cubic-bezier(.3,1.5,.5,1);filter:drop-shadow(5px 9px 7px rgba(0,0,0,.42))}:is(#nomi-bb,.nbb-x) .sticks .sa{transform:rotate(var(--o))}:is(#nomi-bb,.nbb-x) .sticks .sb{transform:rotate(calc(var(--o) * -1))}:is(#nomi-bb,.nbb-x) .sticks.hover{--o:4.6deg}:is(#nomi-bb,.nbb-x) .sticks.pinch{--o:-.2deg}:is(#nomi-bb,.nbb-x) .sticks .held{position:absolute;left:3px;top:139px;width:64px;height:auto;transition:width .22s ease-out;transform:translate(-50%,-50%) rotate(-10deg);filter:drop-shadow(0 16px 14px rgba(0,0,0,.5));animation:nbb-lift .22s cubic-bezier(.3,1.5,.5,1)}@keyframes nbb-lift{0%{transform:translate(-50%,-50%) rotate(-10deg) scale(.7)}}:is(#nomi-bb,.nbb-x) .counter{-webkit-user-select:none;user-select:none}:is(#nomi-bb,.nbb-x) .counter img{-webkit-touch-callout:none;-webkit-user-drag:none}:is(#nomi-bb,.nbb-x) .ticket{padding:22px 22px 20px;display:flex;flex-direction:column;gap:14px}:is(#nomi-bb,.nbb-x) .t-head{display:flex;justify-content:space-between;align-items:baseline;border-bottom:2px dashed rgba(27,25,23,.25);padding-bottom:12px}:is(#nomi-bb,.nbb-x) .t-head h2{margin:0;font-family:var(--display);font-weight:900;font-size:clamp(24px,2vw,30px);text-transform:uppercase;letter-spacing:-.01em}:is(#nomi-bb,.nbb-x) .t-head span{font-size:11.5px;font-weight:700;color:var(--mute-ink);letter-spacing:.06em}:is(#nomi-bb,.nbb-x) .big{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}:is(#nomi-bb,.nbb-x) .big div{min-width:0;border-radius:14px;padding:11px 12px 12px;background:var(--card);border:1px solid var(--rule)}:is(#nomi-bb,.nbb-x) .big .cal{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 18px}:is(#nomi-bb,.nbb-x) .big label{display:block;font-size:10.5px;font-weight:800;letter-spacing:.18em;text-transform:uppercase;color:var(--mute-ink)}:is(#nomi-bb,.nbb-x) .big output{display:block;font-family:var(--display);font-weight:900;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums;margin-top:6px;white-space:nowrap}:is(#nomi-bb,.nbb-x) .big .cal output{font-size:clamp(46px,4vw,60px);margin:0}:is(#nomi-bb,.nbb-x) .big .m output{font-size:clamp(24px,2vw,30px)}:is(#nomi-bb,.nbb-x) .big output small{font-size:.45em;letter-spacing:0;margin-left:1px}:is(#nomi-bb,.nbb-x) .big div.pro{background:var(--ink);color:var(--cream);border-color:var(--ink);border-top:4px solid var(--lime)}:is(#nomi-bb,.nbb-x) .big .pro label{color:var(--mute)}:is(#nomi-bb,.nbb-x) .big .pro output{color:var(--lime)}:is(#nomi-bb,.nbb-x) .big .m.c{border-top:4px solid var(--amber)}:is(#nomi-bb,.nbb-x) .big .m.f{border-top:4px solid var(--chili)}:is(#nomi-bb,.nbb-x) .split{display:flex;flex-direction:column;gap:7px}:is(#nomi-bb,.nbb-x) .split-bar{display:flex;height:10px;border-radius:99px;overflow:hidden;background:#1b19171a}:is(#nomi-bb,.nbb-x) .split-bar i{display:block;height:100%;transition:width .6s cubic-bezier(.2,.9,.3,1)}:is(#nomi-bb,.nbb-x) .split-bar .p{background:var(--lime-ink)}:is(#nomi-bb,.nbb-x) .split-bar .c{background:var(--amber)}:is(#nomi-bb,.nbb-x) .split-bar .f{background:var(--chili)}:is(#nomi-bb,.nbb-x) .split-key{display:flex;justify-content:space-between;font-size:11.5px;font-weight:700;color:var(--mute-ink)}:is(#nomi-bb,.nbb-x) .split-key b{color:var(--ink);font-variant-numeric:tabular-nums}:is(#nomi-bb,.nbb-x) .split-key i{display:inline-block;width:8px;height:8px;border-radius:2px;margin-right:5px;vertical-align:0}:is(#nomi-bb,.nbb-x) .rows{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 14px}:is(#nomi-bb,.nbb-x) .row{display:flex;justify-content:space-between;align-items:baseline;padding:8px 0;border-bottom:1px solid var(--rule);font-size:14px;font-weight:700}:is(#nomi-bb,.nbb-x) .row span{color:var(--mute-ink)}:is(#nomi-bb,.nbb-x) .row b{font-variant-numeric:tabular-nums;font-weight:800}:is(#nomi-bb,.nbb-x) .na{grid-column:1/-1;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:10px}:is(#nomi-bb,.nbb-x) .na-bar{height:6px;border-radius:99px;background:#1b19171f;overflow:hidden}:is(#nomi-bb,.nbb-x) .na-bar i{display:block;height:100%;width:0;background:var(--lime-ink);transition:width .6s,background .3s}:is(#nomi-bb,.nbb-x) .na-bar.warn i{background:var(--amber)}:is(#nomi-bb,.nbb-x) .na-bar.hi i{background:var(--chili)}:is(#nomi-bb,.nbb-x) .note-box{display:grid;place-items:center;min-height:92px;padding:16px;border-radius:14px;background:#e3e4d2;text-align:center;font-family:var(--display);font-weight:900;font-size:clamp(17px,1.4vw,21px);line-height:1.15;color:var(--ink);text-wrap:balance}:is(#nomi-bb,.nbb-x) .density{display:flex;align-items:center;gap:12px;padding:10px 12px;border-radius:12px;background:#e3ebcd;font-size:12.5px;font-weight:700;color:#2f5200}:is(#nomi-bb,.nbb-x) .density b{font-family:var(--display);font-weight:900;font-size:22px;font-variant-numeric:tabular-nums}:is(#nomi-bb,.nbb-x) .items{display:flex;flex-direction:column;margin:0;padding:0;list-style:none;font-size:13px}:is(#nomi-bb,.nbb-x) .items li{display:grid;grid-template-columns:1fr auto auto;gap:8px;align-items:center;padding:7px 0;border-bottom:1px dotted rgba(27,25,23,.25)}:is(#nomi-bb,.nbb-x) .items li .nm{font-weight:700;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}:is(#nomi-bb,.nbb-x) .items li .nm small{display:block;font-size:11px;font-weight:600;color:var(--mute-ink)}:is(#nomi-bb,.nbb-x) .items li .cal{font-variant-numeric:tabular-nums;font-weight:800}:is(#nomi-bb,.nbb-x) .stp{display:flex;align-items:center;border:1px solid rgba(27,25,23,.2);border-radius:99px}:is(#nomi-bb,.nbb-x) .stp button{width:24px;height:24px;font-weight:900;font-size:14px;line-height:1;color:var(--ink)}:is(#nomi-bb,.nbb-x) .stp span{min-width:16px;text-align:center;font-weight:800;font-variant-numeric:tabular-nums}:is(#nomi-bb,.nbb-x) .t-actions{display:grid;gap:8px;margin-top:auto}:is(#nomi-bb,.nbb-x) .cta{display:flex;justify-content:center;align-items:center;height:52px;border-radius:99px;background:var(--ink);color:var(--cream);font-weight:800;font-size:16px;text-decoration:none}:is(#nomi-bb,.nbb-x) .cta.lime{background:var(--lime);color:var(--ink);font-size:17px}:is(#nomi-bb,.nbb-x) .cta.lime:hover{filter:brightness(1.05)}:is(#nomi-bb,.nbb-x) .t-small{display:flex;justify-content:space-between;gap:8px}:is(#nomi-bb,.nbb-x) .t-small button{font-size:12.5px;font-weight:800;text-decoration:underline;text-underline-offset:3px;color:var(--mute-ink)}:is(#nomi-bb,.nbb-x) .t-small button:hover{color:var(--ink)}:is(#nomi-bb,.nbb-x) .fine{margin:0;font-size:10.5px;line-height:1.45;color:var(--mute-ink)}:is(#nomi-bb,.nbb-x) .favs{background:#100f10e0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}:is(#nomi-bb,.nbb-x) .favs .wrap{display:flex;align-items:center;gap:22px;padding-block:16px}:is(#nomi-bb,.nbb-x) .favs h3{flex:0 0 auto;margin:0;padding-right:22px;border-right:2px solid rgba(245,240,233,.35);font-family:var(--display);font-weight:900;font-size:clamp(18px,1.6vw,24px);letter-spacing:.02em;text-transform:uppercase}:is(#nomi-bb,.nbb-x) .houses{display:flex;flex-wrap:wrap;gap:10px;padding:2px;box-sizing:border-box}:is(#nomi-bb,.nbb-x) .houses::-webkit-scrollbar{display:none}:is(#nomi-bb,.nbb-x) .house-chip{flex:0 0 auto;height:38px;padding:0 18px;border-radius:99px;border:1.5px solid rgba(245,240,233,.8);font-size:14px;font-weight:700;white-space:nowrap;color:var(--cream)}:is(#nomi-bb,.nbb-x) .house-chip:hover{border-color:var(--lime);color:var(--lime)}:is(#nomi-bb,.nbb-x) .house-chip.on{background:var(--lime);color:var(--ink);border-color:var(--lime)}:is(#nomi-bb,.nbb-x) .foot{background:#121112}:is(#nomi-bb,.nbb-x) .foot .wrap{display:flex;align-items:center;gap:28px;padding-block:22px 26px}:is(#nomi-bb,.nbb-x) .foot .wrap:before,:is(#nomi-bb,.nbb-x) .foot .wrap:after{content:"";flex:1;height:1px;background:#f5f0e94d}:is(#nomi-bb,.nbb-x) .foot b{font-family:var(--display);font-weight:900;font-size:clamp(20px,2vw,30px);letter-spacing:.08em;text-transform:uppercase}:is(#nomi-bb,.nbb-x) .sheet{position:fixed;top:0;right:0;bottom:0;left:0;z-index:60;display:grid;place-items:center;background:#0a090a9e;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);padding:20px max(16px,env(safe-area-inset-right,0px)) 20px max(16px,env(safe-area-inset-left,0px));opacity:0;pointer-events:none;transition:opacity .25s}:is(#nomi-bb,.nbb-x) .sheet.on{opacity:1;pointer-events:auto}:is(#nomi-bb,.nbb-x) .receipt{box-sizing:border-box;width:min(380px,100%);max-height:100%;overflow:auto;background:#fffaf2;color:var(--ink);padding:26px 24px 22px;font-family:Courier New,ui-monospace,monospace;font-size:13px;line-height:1.45;transform:translateY(30px) rotate(-1.5deg);transition:transform .45s cubic-bezier(.2,1.2,.4,1);position:relative;box-shadow:0 24px 60px #00000080}:is(#nomi-bb,.nbb-x) .sheet.on .receipt{transform:none}:is(#nomi-bb,.nbb-x) .receipt h3{margin:0;text-align:center;font-family:var(--display);font-weight:900;font-size:26px;letter-spacing:.02em}:is(#nomi-bb,.nbb-x) .receipt .sub{text-align:center;color:#6f655b;margin:2px 0 14px}:is(#nomi-bb,.nbb-x) .receipt .ln{display:flex;justify-content:space-between;gap:10px}:is(#nomi-bb,.nbb-x) .receipt hr{border:0;border-top:1px dashed #b9ad9f;margin:10px 0}:is(#nomi-bb,.nbb-x) .receipt .tot{font-weight:700;font-size:15px}:is(#nomi-bb,.nbb-x) .receipt .facts{margin-top:4px;border:2px solid var(--ink);padding:8px 10px;font-family:var(--body)}:is(#nomi-bb,.nbb-x) .receipt .facts h4{margin:0 0 4px;font-family:var(--display);font-weight:900;font-size:20px;letter-spacing:-.01em;border-bottom:6px solid var(--ink);padding-bottom:4px}:is(#nomi-bb,.nbb-x) .receipt .facts .ln{border-bottom:1px solid #cfc5b8;padding:3px 0;font-size:13px}:is(#nomi-bb,.nbb-x) .receipt .facts .ln.k{font-weight:900;font-size:16px;border-bottom:3px solid var(--ink)}:is(#nomi-bb,.nbb-x) .receipt .pickr{display:grid;gap:8px;margin-top:16px;font-family:var(--body)}:is(#nomi-bb,.nbb-x) .receipt .cta{font-family:var(--body);text-align:center;text-wrap:balance;padding:10px 20px;height:auto;min-height:52px;line-height:1.25}:is(#nomi-bb,.nbb-x) .receipt .note{font-family:var(--body);font-size:11px;color:#6f655b;margin-top:10px}@media(max-width:1366px){:is(#nomi-bb,.nbb-x) .main{grid-template-columns:minmax(300px,24vw) minmax(0,1fr) minmax(290px,22vw)}:is(#nomi-bb,.nbb-x) .stage{width:min(100%,620px,calc(100vh - 290px))}}@media(max-width:1240px){:is(#nomi-bb,.nbb-x) .main{grid-template-columns:minmax(310px,380px) minmax(0,1fr) minmax(290px,340px)}:is(#nomi-bb,.nbb-x) .flavor img{height:72px}:is(#nomi-bb,.nbb-x) .card .pic{height:54px}}:is(#nomi-bb,.nbb-x) .mini{display:none}@media(max-width:900px){:is(#nomi-bb,.nbb-x) .nav .sign{display:none}:is(#nomi-bb,.nbb-x) .nav{gap:16px}:is(#nomi-bb,.nbb-x) .main{display:flex;flex-direction:column;gap:14px}:is(#nomi-bb,.nbb-x) .prep{order:-1}:is(#nomi-bb,.nbb-x) .counter>.prep{align-self:stretch;padding-bottom:58px}:is(#nomi-bb,.nbb-x) .stage{width:min(100%,460px);min-width:0}:is(#nomi-bb,.nbb-x) .mini{display:flex;position:sticky;top:calc(env(safe-area-inset-top,0px) + 58px);z-index:15;justify-content:space-between;gap:8px;padding:8px max(24px,env(safe-area-inset-left,0px));background:#171618f0;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}:is(#nomi-bb,.nbb-x) .mini div{display:flex;flex-direction:column;align-items:center;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}:is(#nomi-bb,.nbb-x) .mini b{text-transform:none;font-family:var(--display);font-size:20px;letter-spacing:-.02em;color:var(--cream);font-variant-numeric:tabular-nums}:is(#nomi-bb,.nbb-x) .mini .p b{color:var(--lime)}:is(#nomi-bb,.nbb-x) .favs .wrap{flex-direction:column;align-items:flex-start;gap:12px}:is(#nomi-bb,.nbb-x) .favs h3{border-right:0;padding-right:0}:is(#nomi-bb,.nbb-x) .houses{max-width:100%;flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-right:36px;-webkit-mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent);mask-image:linear-gradient(90deg,#000 calc(100% - 44px),transparent)}:is(#nomi-bb,.nbb-x) .hero:before{background:linear-gradient(90deg,#141313e6,#141313b8 60%,#14131373)}:is(#nomi-bb,.nbb-x) .prep-bar{position:static;justify-content:center;gap:8px}:is(#nomi-bb,.nbb-x) .reset[disabled]{display:none}}@media(max-width:520px){:is(#nomi-bb,.nbb-x) .wrap{padding-left:max(16px,env(safe-area-inset-left,0px));padding-right:max(16px,env(safe-area-inset-right,0px))}:is(#nomi-bb,.nbb-x) .nav a{font-size:13px}:is(#nomi-bb,.nbb-x) .pick,:is(#nomi-bb,.nbb-x) .ticket{padding:16px 14px}:is(#nomi-bb,.nbb-x) .flavor b{font-size:11px}:is(#nomi-bb,.nbb-x) .tab{font-size:12px}:is(#nomi-bb,.nbb-x) .card b{font-size:11.5px}}@media(prefers-reduced-motion:reduce){:is(#nomi-bb,.nbb-x) *{animation-duration:.01ms!important;transition-duration:.01ms!important}}.nbb-x{position:fixed;left:0;top:0;width:0;height:0;z-index:1200;pointer-events:none;font-family:var(--body)}#nomi-bb .mini{top:calc(env(safe-area-inset-top,0px) + var(--nbb-head,0px))}
/*# sourceMappingURL=/cdn/shop/t/149/assets/nomi-bowl.css.map */
