/*! © 2026 Rezza Mohebi. All rights reserved. */
:root{--nw-ink:#6B4039;--nw-ink-soft:#7A5A50;--nw-cream:#FFF8EC;--nw-paper:#F7E6CD;--nw-tile:#FFFFFF;--nw-heart:#E2457A;--nw-scrim-c:rgba(43,36,32,.28);--nw-line:2px;--nw-lip:3px;--nw-sink:2px;--nw-card-r:22px;--nw-tile-r:16px;--nw-card-drop:6px;--nw-card-shadow-c:rgba(107,64,57,.22);--nw-hud:46px;--nw-hud-icon:22px;--nw-hud-x:14px;--nw-hud-y:18px;--nw-btn-py:8px;--nw-btn-px:18px;--nw-gap:10px;--nw-disabled:.35;--nw-fs:16px;--nw-fs-s:13.33px;--nw-fs-l:19.2px;--nw-fs-xl:23.04px;--nw-fs-xxl:27.65px;--nw-optical:.09em;--nw-w-btn:800;--nw-press-ms:80ms;--nw-in-ms:.28s;--nw-in-ease:cubic-bezier(.3,1.4,.5,1);--nw-scrim-blur:0px;--nw-jlip:4.5px;--nw-jshade:5px;--nw-jgloss:.3;--nw-jbeat:6s;--nw-lip-half:1.5px;--nw-jlip-half:2.25px;--nw-pill-h:39.2px}.nw-btn{font:inherit;font-weight:var(--nw-w-btn);font-size:var(--nw-fs);line-height:1.2;color:var(--nw-ink);background:var(--nw-cream);border:var(--nw-line) solid var(--nw-ink);border-radius:999px;cursor:pointer;padding:calc(var(--nw-btn-py) + var(--nw-optical)) var(--nw-btn-px) calc(var(--nw-btn-py) - var(--nw-optical));box-shadow:0 var(--nw-lip) 0 var(--nw-ink);transition:transform var(--nw-press-ms) ease-out,box-shadow var(--nw-press-ms) ease-out;-webkit-tap-highlight-color:transparent}.nw-btn:active{transform:translateY(var(--nw-sink));box-shadow:0 max(0px,calc(var(--nw-lip) - var(--nw-sink))) 0 var(--nw-ink)}.nw-btn.primary{background:var(--nw-heart);color:var(--nw-cream)}.nw-btn:disabled{opacity:var(--nw-disabled);cursor:default;transform:none;box-shadow:0 var(--nw-lip) 0 var(--nw-ink)}.nw-btn svg{width:1.25em;height:1.25em;vertical-align:-.28em;margin-right:.35em}.nw-btn.wide{display:block;width:100%}.nw-card{background:var(--nw-cream);border:var(--nw-line) solid var(--nw-ink);border-radius:var(--nw-card-r);box-shadow:0 var(--nw-card-drop) 0 var(--nw-card-shadow-c)}.nw-input{display:block;width:100%;font:inherit;font-weight:800;font-size:1.2rem;text-align:center;color:var(--nw-ink);background:var(--nw-tile);border:var(--nw-line) solid var(--nw-ink);border-radius:999px;padding:calc(9px + var(--nw-optical)) 16px calc(9px - var(--nw-optical));user-select:text;-webkit-user-select:text}.nw-input::placeholder{color:color-mix(in oklab,var(--nw-ink) 45%,white);font-weight:700}.nw-input:focus{outline:none;box-shadow:0 0 0 3px var(--nw-cream),0 0 0 5px var(--nw-heart)}.nw-tabs{display:flex;justify-content:center;gap:6px}.nw-tab{width:48px;height:44px;padding:7px;border-radius:14px;border:var(--nw-line) solid transparent;background:transparent;cursor:pointer;opacity:.5;transition:transform .12s}.nw-tab svg{width:100%;height:100%;display:block}.nw-tab[aria-selected=true]{opacity:1;background:var(--nw-tile);border-color:var(--nw-ink);box-shadow:0 var(--nw-lip) 0 var(--nw-ink);transform:translateY(-2px)}.nw-tile{width:58px;height:50px;padding:2px;border-radius:var(--nw-tile-r);border:var(--nw-line) solid var(--nw-ink);background:var(--nw-tile);cursor:pointer;overflow:hidden;transition:transform .12s}.nw-tile svg{width:100%;height:100%;display:block;margin:0}.nw-tile[aria-pressed=true]{background:color-mix(in oklab,var(--nw-heart) 14%,white);box-shadow:0 0 0 3px var(--nw-cream),0 0 0 5px var(--nw-heart);transform:translateY(-2px)}.nw-sw{width:34px;height:34px;padding:0;border-radius:50%;border:var(--nw-line) solid var(--nw-ink);cursor:pointer;transition:transform .12s}.nw-sw[aria-pressed=true]{transform:scale(1.18);box-shadow:0 0 0 3px var(--nw-cream),0 0 0 5px var(--nw-heart)}.nw-press{animation:nwPress .22s ease-out}@keyframes nwPress{40%{transform:scale(.88)}to{transform:none}}.nw-lipc{position:relative;top:calc(var(--nw-lip-half) * -1)}.nw-jlipc{position:relative;top:calc(var(--nw-jlip-half) * -1)}.nw-hb{flex:none;width:var(--nw-hud);height:var(--nw-hud);border-radius:50%;border:var(--nw-line) solid var(--nw-ink);background:var(--nw-cream);color:var(--nw-ink);display:grid;place-items:center;padding:0;cursor:pointer;box-shadow:0 var(--nw-lip) 0 var(--nw-ink);-webkit-tap-highlight-color:transparent;transition:transform var(--nw-in-ms) var(--nw-in-ease),box-shadow var(--nw-press-ms) ease-out,opacity calc(var(--nw-in-ms) * .6) ease-out}.nw-hb svg{width:var(--nw-hud-icon);height:var(--nw-hud-icon);display:block}.nw-hb:active{transform:translateY(var(--nw-sink));box-shadow:0 max(0px,calc(var(--nw-lip) - var(--nw-sink))) 0 var(--nw-ink)}.nw-hb:disabled{opacity:var(--nw-disabled);cursor:default}.nw-hb.sm{width:var(--nw-pill-h);height:var(--nw-pill-h)}.nw-hb.sm svg{width:calc(var(--nw-pill-h) * .5);height:calc(var(--nw-pill-h) * .5)}.nw-hb[aria-pressed=false]{background:color-mix(in oklab,var(--nw-ink) 8%,var(--nw-cream))}.nw-hb.off{transform:scale(.4);opacity:0;pointer-events:none}.nw-hb[hidden]{display:none}.nw-hb.pulse{animation:uiPulse 1.1s ease-in-out infinite}@keyframes uiPulse{50%{transform:scale(1.09)}}.nw-hb{position:relative}.nw-count{position:absolute;top:-6px;right:-7px;min-width:22px;height:22px;padding:calc(1px + var(--nw-optical)) 6px 0;border-radius:999px;background:var(--nw-ink);color:var(--nw-cream);font-size:var(--nw-fs-s);font-weight:800;line-height:19px;text-align:center;box-shadow:0 0 0 2px var(--nw-cream);pointer-events:none}.nw-count[hidden]{display:none}.nw-count.bump{animation:uiBoing .6s cubic-bezier(.3,1.5,.5,1)}.nw-clock{flex:none;position:relative;width:var(--nw-hud);height:var(--nw-hud);margin-top:var(--nw-lip-half);border-radius:50%;background:var(--nw-cream);border:var(--nw-line) solid var(--nw-ink);display:grid;place-items:center;font-weight:800;font-size:var(--nw-fs);color:var(--nw-ink);font-variant-numeric:tabular-nums}.nw-clock[hidden]{display:none}.nw-clock svg{position:absolute;inset:2px;width:calc(100% - 4px);height:calc(100% - 4px);transform:rotate(-90deg)}.nw-clock circle{fill:none;stroke-width:3.4;stroke-linecap:round}.nw-clock .tr{stroke:color-mix(in oklab,var(--nw-ink) 14%,var(--nw-cream))}.nw-clock .ar{stroke:var(--nw-ink);transition:stroke-dasharray .25s linear}.nw-clock span{position:relative;padding-top:var(--nw-optical)}.nw-clock.low{color:var(--nw-heart)}.nw-clock.low .ar{stroke:var(--nw-heart)}.nw-lvpill{height:var(--nw-hud);min-width:var(--nw-hud);margin-top:var(--nw-lip-half);display:grid;place-items:center;padding:var(--nw-optical) 16px 0;border-radius:999px;background:var(--nw-ink);color:var(--nw-cream);font-weight:800;font-size:var(--nw-fs-l)}.nw-jbtn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.4em;min-width:170px;height:calc(var(--nw-fs-l) * 1.2 + var(--nw-btn-py) * 2 + var(--nw-jshade) + var(--nw-line) * 2);padding:0 calc(var(--nw-btn-px) * 1.4);border:var(--nw-line) solid var(--nw-ink);border-radius:999px;background:var(--nw-heart);color:var(--nw-cream);font:inherit;cursor:pointer;overflow:hidden;box-shadow:0 var(--nw-jlip) 0 var(--nw-ink),inset 0 calc(var(--nw-jshade) * -1) 0 color-mix(in oklab,var(--nw-heart) 80%,var(--nw-ink)),inset 0 2px color-mix(in oklab,var(--nw-heart) 55%,white);transform-origin:50% 100%;transition:box-shadow var(--nw-press-ms) ease-out;-webkit-tap-highlight-color:transparent;vertical-align:top;animation:uiBeat var(--nw-jbeat) ease-in-out infinite}.nw-jbtn:before{content:"";position:absolute;left:14px;top:5px;width:min(34%,64px);height:calc((100% - var(--nw-jshade)) * .3);border-radius:999px;background:#fff;opacity:var(--nw-jgloss);pointer-events:none}.nw-jbtn:after{content:"";position:absolute;left:calc(20px + min(34%,64px));top:6px;width:7px;height:7px;border-radius:50%;background:#fff;opacity:var(--nw-jgloss);pointer-events:none}.nw-jbtn .lbl{position:relative;z-index:2;font-weight:800;font-size:var(--nw-fs-l);line-height:1.2;padding-top:var(--nw-optical);margin-bottom:var(--nw-jshade);text-shadow:0 2px 0 color-mix(in oklab,var(--nw-heart) 65%,var(--nw-ink));white-space:nowrap}.nw-jbtn svg{position:relative;z-index:2;width:1.05em;height:1.05em;font-size:var(--nw-fs-l);margin-bottom:var(--nw-jshade)}.nw-jbtn:active{animation:none;transform:translateY(calc(var(--nw-jlip) - 1px)) scale(1.03,.95);box-shadow:0 1px 0 var(--nw-ink),inset 0 calc(var(--nw-jshade) * -1) 0 color-mix(in oklab,var(--nw-heart) 80%,var(--nw-ink)),inset 0 2px color-mix(in oklab,var(--nw-heart) 55%,white)}.nw-jbtn.spring{animation:uiSpring .45s ease-out}.nw-jbtn:disabled{opacity:var(--nw-disabled);cursor:default;transform:none;animation:none}.nw-jbtn.wide{display:flex;width:100%}.nw-jbtn.pop{animation:uiPop var(--nw-in-ms) var(--nw-in-ease) both,uiBeat var(--nw-jbeat) ease-in-out var(--nw-in-ms) infinite}@keyframes uiSpring{0%{transform:scale(1.03,.95)}35%{transform:scale(.96,1.06)}65%{transform:scale(1.015,.985)}to{transform:none}}@keyframes uiBeat{0%,17.5%,to{transform:none}3.3%{transform:scale(1.06,.95)}6.7%{transform:scale(.97,1.035)}10.7%{transform:scale(1.035,.975)}14%{transform:scale(.995,1.005)}}@keyframes uiPop{0%{transform:scale(0)}}.jh.beat{transform-origin:50% 88%;animation:uiBeat var(--nw-jbeat) ease-in-out infinite}.jh.boing{transform-origin:50% 88%;animation:uiBoing .6s cubic-bezier(.3,1.5,.5,1)}@keyframes uiBoing{0%{transform:scale(.6,1.3)}35%{transform:scale(1.25,.82)}60%{transform:scale(.92,1.08)}80%{transform:scale(1.04,.97)}to{transform:none}}.nw-scrim{position:absolute;inset:0;display:grid;place-items:center;padding:16px;background:var(--nw-scrim-c)}.nw-pop{animation:uiIn var(--nw-in-ms) var(--nw-in-ease) both}@keyframes uiIn{0%{transform:scale(.72);opacity:0}}.nw-kick{font-size:var(--nw-fs-s);font-weight:700;color:var(--nw-ink-soft)}.nw-onground{-webkit-text-stroke:calc(var(--nw-line) * 2.5) var(--nw-cream);paint-order:stroke fill}.nw-range{-webkit-appearance:none;appearance:none;width:100%;height:34px;background:transparent;margin:0;cursor:pointer;--tk:12px;--th:28px}.nw-range::-webkit-slider-runnable-track{box-sizing:border-box;height:var(--tk);border-radius:999px;border:var(--nw-line) solid var(--nw-ink);background:linear-gradient(90deg,var(--nw-ink) 0 var(--v,50%),var(--nw-tile) var(--v,50%))}.nw-range::-moz-range-track{box-sizing:border-box;height:var(--tk);border-radius:999px;border:var(--nw-line) solid var(--nw-ink);background:var(--nw-tile)}.nw-range::-moz-range-progress{height:var(--tk);border-radius:999px;background:var(--nw-ink)}.nw-range::-webkit-slider-thumb{-webkit-appearance:none;box-sizing:border-box;width:var(--th);height:var(--th);border-radius:50%;border:var(--nw-line) solid var(--nw-ink);background:var(--nw-cream);box-shadow:0 var(--nw-lip) 0 var(--nw-ink);margin-top:calc((var(--tk) - var(--nw-line) * 2 - var(--th)) / 2 - var(--nw-lip-half))}.nw-range::-moz-range-thumb{box-sizing:border-box;width:var(--th);height:var(--th);border-radius:50%;border:var(--nw-line) solid var(--nw-ink);background:var(--nw-cream);box-shadow:0 var(--nw-lip) 0 var(--nw-ink);transform:translateY(calc(var(--nw-lip-half) * -1))}.nw-switch{flex:none;position:relative;width:54px;height:32px;border-radius:999px;border:var(--nw-line) solid var(--nw-ink);background:var(--nw-tile);cursor:pointer;padding:0;transition:background .2s;--kl:calc(var(--nw-lip) * .7)}.nw-switch:after{content:"";box-sizing:border-box;position:absolute;width:24px;height:24px;left:2px;top:calc((32px - var(--nw-line) * 2 - 24px) / 2 - var(--kl) / 2);border-radius:50%;border:var(--nw-line) solid var(--nw-ink);background:var(--nw-cream);box-shadow:0 var(--kl) 0 var(--nw-ink);transition:left var(--nw-in-ms) var(--nw-in-ease)}.nw-switch[aria-checked=true]{background:var(--nw-ink)}.nw-switch[aria-checked=true]:after{left:calc(54px - var(--nw-line) * 2 - 24px - 2px)}.nw-hi{display:flex;align-items:center;gap:8px;width:100%;padding:4px 12px 4px 6px;border-radius:999px;border:var(--nw-line) solid var(--nw-ink);background:var(--nw-tile);font:inherit;font-weight:800;font-size:var(--nw-fs);color:var(--nw-ink);box-shadow:0 var(--nw-lip) 0 var(--nw-ink);cursor:pointer;text-align:left}.nw-hi .sheep .sv{width:52px;height:43px;margin:0}.nw-hi .who{flex:1;padding-top:var(--nw-optical)}.nw-hi>svg{width:18px;height:18px}.nw-pill{display:inline-block;padding:calc(3px + var(--nw-optical)) 10px calc(3px - var(--nw-optical));border-radius:999px;border:var(--nw-line) dashed var(--nw-ink);font-size:var(--nw-fs-s);font-weight:800;color:var(--nw-ink)}.nw-ribbon{padding:10px 12px;border-radius:var(--nw-tile-r);border:var(--nw-line) solid var(--nw-ink);background:var(--nw-cream);font-size:var(--nw-fs-s);font-weight:700;line-height:1.35;text-align:left;box-shadow:0 var(--nw-card-drop) 0 var(--nw-card-shadow-c)}.nw-ribbon b{display:block;font-size:var(--nw-fs);color:var(--nw-ink)}.nw-flood{position:absolute;inset:0;pointer-events:none;overflow:hidden}.nw-fh{position:absolute;width:var(--s);height:var(--s);left:var(--x);top:var(--y);transform:translate(-50%,-50%) rotate(var(--r));animation:uiRise var(--d) cubic-bezier(.22,1.18,.4,1) var(--w) both}.nw-fh .jh{width:100%;height:100%;animation:uiBob var(--b) ease-in-out var(--bw) infinite}@keyframes uiRise{0%{transform:translate(-50%,-50%) translateY(var(--from)) rotate(var(--r0))}}@keyframes uiBob{50%{transform:translateY(-3%) rotate(2deg) scale(1.02,.98)}}.nw-flood.away .nw-fh{animation:uiAway var(--ad) cubic-bezier(.5,0,.75,.25) var(--aw) both}@keyframes uiAway{0%{transform:translate(-50%,-50%) rotate(var(--r))}to{transform:translate(calc(-50% + var(--ax)),calc(-50% + var(--ay))) rotate(var(--r2))}}.nw-rise{animation:uiCardRise var(--d) cubic-bezier(.22,1.18,.4,1) var(--w) both}@keyframes uiCardRise{0%{transform:translateY(var(--from))}}.nw-leave{animation:uiCardLeave var(--ad) cubic-bezier(.5,0,.75,.25) both;pointer-events:none}@keyframes uiCardLeave{to{transform:translateY(var(--up))}}.nw-ffill{position:absolute;inset:0;background:color-mix(in oklab,var(--nw-heart) 80%,var(--nw-ink));opacity:0;animation:uiFill var(--fd) ease-out var(--fw) both}@keyframes uiFill{to{opacity:1}}.nw-flood.away .nw-ffill{animation:uiFillOut .16s ease-in both}@keyframes uiFillOut{0%{opacity:1}to{opacity:0}}@keyframes uiFadeIn{0%{opacity:0}}@keyframes uiFadeOut{to{opacity:0}}.rm .nw-fh{animation:uiFadeIn calc(var(--d) * .6) ease-out var(--w) both}.rm .nw-fh .jh{animation:none}.rm .nw-flood.away .nw-fh{animation:uiFadeOut calc(var(--ad) * .8) ease-in var(--aw) both}.rm .nw-pop{animation:uiFadeIn var(--nw-in-ms) ease-out both}.rm .nw-rise{animation:uiFadeIn calc(var(--d) * .6) ease-out var(--w) both}.rm .nw-leave{animation:uiFadeOut calc(var(--ad) * .8) ease-in both}.rm .nw-jbtn,.rm .nw-jbtn.pop,.rm .nw-jbtn.spring,.rm .jh.beat,.rm .nw-hb.pulse{animation:none}.rm .nw-hb.off{transform:none}
