:root{--bg:#0b0c0f;--fg:#e9eef5;--muted:#9aa7b7;--wall:#b9c2d0;--wall-soft:#cfd6e1;--water:#3ea0ff;--water-2:#79c0ff;--accent:var(--water);--hud-h:48px;--toolbar-h:64px;--lightningcss-light:initial;--lightningcss-dark: ;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px);--fs-diff-title:clamp(20px,2.2vw + .8vh,32px);--fs-diff-meta:clamp(13px,1.2vw + .5vh,18px);--pd-diff-card:clamp(18px,2.6vw,36px)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}:root{--top1-h:56px;--top2-h:36px;--bot2-h:64px;--bot1-h:0px;--inset-top:env(safe-area-inset-top,0px);--inset-bottom:env(safe-area-inset-bottom,0px);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}:root[data-solution=open]{--bot1-h:60px}:root[data-solution=open] .actionbar.actionbar--solution{border-top:1px solid color-mix(in oklab,var(--wall)36%,transparent);box-shadow:0 -6px 16px #0003;box-shadow:0 -6px 16px color(display-p3 0 0 0/.2);padding:4px 12px;box-shadow:0 -6px 16px lab(0% 0 0/.2)}:root[data-solution=open] .actionbar.actionbar--commands{pointer-events:none;opacity:.4;filter:saturate(.6)}:root[data-solution=open] .actionbar.actionbar--commands:before{content:"";background:#0000000f;position:absolute;top:0;bottom:0;left:0;right:0}:root{--sol-btn-h:36px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}@media (max-width:640px){:root{--sol-btn-h:40px;--row-gap:12px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}}.actionbar--solution .group--center{align-items:center;gap:8px;display:flex}.actionbar--solution .group--center>strong{height:var(--sol-btn-h);line-height:var(--sol-btn-h);align-items:center;padding:0 4px;display:inline-flex}.topbar{background-color:rgba(var(--bg-rgb,17,17,17),.9);z-index:20;background:color-mix(in oklab,var(--bg,#0b0b0b)90%,black 10%);border-bottom:1px solid color-mix(in oklab,var(--wall,#e5e7eb)30%,transparent);-webkit-backdrop-filter:blur(6px)saturate(1.1);backdrop-filter:blur(6px)saturate(1.1);align-items:center;gap:8px;padding:8px 12px;display:flex;position:fixed;left:0;right:0}.topbar--1{top:var(--inset-top);height:var(--top1-h);z-index:1000}.topbar--2{top:calc(var(--inset-top) + var(--top1-h));height:var(--top2-h);z-index:1000}.topbar__title{font-weight:700;font-size:var(--fs-h1,22px);margin:0}.topbar__goal{font-size:var(--fs-chip,14px);opacity:.9;margin-left:auto}.topbar__progress{font-size:var(--fs-chip,14px);opacity:.8;margin-right:auto}.topbar__goalhit{font-size:var(--fs-chip,14px);opacity:.8;margin-left:auto;margin-right:auto}.topbar__goalhit .badge{vertical-align:middle;align-items:center;gap:6px;padding:6px 10px;line-height:1;display:inline-flex}.topbar__goalhit .badge .i{width:18px;height:18px}.topbar__goalhit .badge .i>svg{width:100%;height:100%;display:block}.topbar__goalhit .badge{margin-left:8px}.topbar__status{font-size:var(--fs-status,13px);opacity:.9;margin-left:auto}.actionbar.actionbar--solution{z-index:14;left:0;right:0;bottom:var(--inset-bottom);height:var(--bot1-h);border:0;padding:0;position:fixed;overflow:hidden}.actionbar.actionbar--commands{z-index:13;left:0;right:0;bottom:var(--inset-bottom);height:var(--bot2-h);position:fixed}.stage{padding-top:calc(var(--inset-top) + var(--top1-h) + var(--top2-h) + 8px);padding-bottom:calc(var(--bot2-h) + var(--inset-bottom) + 12px)}@media (prefers-color-scheme:light){:root{--bg:#fff;--fg:#0b1220;--muted:#5a6574;--wall:#6b7280;--wall-soft:#9aa3af;--water:#2b97ff;--water-2:#71bbff;--accent:var(--water);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--bg);color:var(--fg);margin:0;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Noto Sans,Ubuntu,Cantarell,Helvetica Neue,Arial}.wrap{max-width:80%;margin:0 auto;padding:16px;position:relative}.header{top:env(safe-area-inset-top,0);padding-top:env(safe-area-inset-top,0);z-index:10;justify-content:center;align-items:center;gap:8px;height:48px;display:flex;position:sticky}.h1{letter-spacing:.2px;margin:0;font-size:22px;font-weight:700}.sub{color:var(--muted);font-size:14px}.row{justify-content:center;align-items:flex-end;gap:16px;margin:16px 0 84px;display:flex}@media (max-width:640px){.row{gap:10px}}.badge{background:color-mix(in oklab,var(--accent)15%,transparent);color:#fff;box-shadow:0 4px 14px #00000038;box-shadow:0 4px 14px color(display-p3 0 0 0/.22);background:linear-gradient(90deg,oklab(72.2746% -.165574 .0972219/.78),oklab(62.7052% -.145969 .0869672/.78));border:none;border-radius:999px;padding:2px 8px;font-size:12px;font-weight:600;display:inline-block;box-shadow:0 4px 14px lab(0% 0 0/.22)}.cup{width:30vw;max-width:200px;height:auto}@media (min-width:960px){.cup{width:180px}}.cap{text-align:center;color:var(--muted);margin-top:6px;margin-bottom:20px;font-size:max(18px,min(2.5vw,20px));font-weight:600}.u-wall{stroke:var(--wall);stroke-width:6px;fill:none;stroke-linecap:round}.u-wall-soft{stroke:var(--wall-soft);stroke-width:6px;fill:none;opacity:.6}.tick{stroke:var(--wall-soft);stroke-width:2px;opacity:.85}.tick--major{stroke:var(--wall);stroke-width:2.2px;opacity:1}.tick-label{fill:var(--muted);-webkit-user-select:none;user-select:none;font-size:10px}.tick-group{pointer-events:none}#overlay{pointer-events:none;position:absolute;top:0;left:0;overflow:visible}.stream{stroke:var(--water);stroke-width:6px;fill:none;stroke-linecap:round;stroke-dasharray:10 12;animation:.9s linear infinite flow}@keyframes flow{to{stroke-dashoffset:-22px}}.tilt{transform-origin:90px 40px;transition:transform .14s}.tilt.on{transform:rotate(-6deg)}@media (prefers-reduced-motion:reduce){.stream{stroke-dasharray:none;animation:none}.tilt{transition:none;transform:none!important}}.actionbar{background:color-mix(in oklab,var(--bg)88%,black 12%);z-index:10;-webkit-backdrop-filter:blur(6px)saturate(1.2);backdrop-filter:blur(6px)saturate(1.2);border-top:1px solid;justify-content:center;align-items:start;gap:8px;padding:4px 12px;display:flex;position:fixed;bottom:0;left:0;right:0}.actionbar--solution .muted{opacity:.7;font-size:.9em}.btn{background:color-mix(in oklab,var(--fg)8%,transparent);border:1px solid color-mix(in oklab,var(--wall)55%,transparent);color:var(--fg);border-radius:12px;padding:10px 14px;font-size:large;font-weight:600}.btn:disabled{opacity:.55}.topbar .btn.nav{border-radius:10px;align-items:center;gap:6px;min-height:36px;padding:6px 10px;display:inline-flex}.i{width:20px;height:20px;line-height:1;display:inline-flex}.i>svg{width:100%;height:100%}@media (max-width:640px){.topbar .btn.nav{justify-content:center;min-width:40px;padding:8px}.topbar .btn.nav .btn__label{display:none}.topbar .i{margin:0}}.tilt.on.right{transform:rotate(6deg)}.tilt.on.left{transform:rotate(-6deg)}:root[data-anim=force] .stream{stroke-dasharray:10 12!important;animation:.9s linear infinite flow!important}:root[data-anim=force] .tilt{transition:transform .14s!important}:root[data-anim=force] .tilt.on.right{transform:rotate(6deg)!important}:root[data-anim=force] .tilt.on.left{transform:rotate(-6deg)!important}.selected-from,.selected-to{position:relative}.selected-from:after,.selected-to:after{content:"";pointer-events:none;z-index:0;border-radius:12px;position:absolute;top:-8px;bottom:-8px;left:-8px;right:-8px}.selected-from:after{border:3px solid var(--accent)}.selected-to:after{border:3px dashed var(--accent)}.selected-from>.cup,.selected-to>.cup{z-index:1;position:relative}@keyframes ringFade{0%{opacity:.65}50%{opacity:1}to{opacity:.65}}.selected-from.target-valid:after,.selected-to.target-valid:after{animation:1.2s ease-in-out infinite ringFade}.cap .cap-preview{opacity:.75;margin-left:6px;font-weight:500}.undo-chip{background:var(--accent);color:#fff;cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:999px;padding:10px 14px;font-weight:600;position:fixed;bottom:16px;right:16px;box-shadow:0 6px 18px #0000002e}.undo-chip:active{transform:translateY(1px)}@media (max-width:640px){.row{grid-template-columns:1fr 1fr;place-items:start center;gap:22px;margin:12px 0 72px;display:grid}.row>div:first-child{grid-column:1/-1}.cup{--capH:32px;--rowH:calc((var(--availH) - var(--row-gap) - (2*var(--capH)))/2);max-width:none;width:min(40vw,calc(var(--rowH)/2));height:auto}.cap{font-size:max(16px,min(4vw,24px))}.stage{--availH:calc(100dvh - (var(--inset-top) + var(--top1-h) + var(--top2-h)) - (var(--bot2-h) + var(--inset-bottom)))}}.status{text-align:center;margin-top:6px}@media (min-width:641px){.stage{min-height:calc(100dvh - (var(--inset-top) + var(--top1-h) + var(--top2-h)) - (var(--bot2-h) + var(--inset-bottom)));justify-content:center;align-items:center;display:flex}.wrap{max-width:100%;padding-inline-start:min(24px,3vw);padding-inline-end:min(24px,3vw)}.row{justify-content:center;align-items:start;gap:max(12px,min(2vw,24px));width:min(1200px,96vw);margin-inline-start:auto;margin-inline-end:auto;display:flex}.cup{flex:1 1 0;max-width:none!important}.cup svg{width:auto;height:max(320px,min(60vh,720px));display:block}}:root{--fs-h1:clamp(24px,2.4vw + .8vh,32px);--fs-chip:clamp(14px,1.6vw + .6vh,18px);--fs-status:clamp(13px,1.4vw + .5vh,17px);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}.header{flex-wrap:wrap;justify-content:center;align-items:center;gap:4px 12px;padding:6px 12px;display:flex}.h1{font-size:var(--fs-h1);letter-spacing:-.02em;margin:0;font-weight:800;line-height:1.15}.goal-chip{font-size:var(--fs-chip);color:var(--accent);background:color-mix(in oklab,var(--accent)14%,transparent);border:1px solid color-mix(in oklab,var(--accent)30%,transparent);border-radius:999px;padding:6px 12px;font-weight:600;line-height:1.2}.status--top{text-align:center;width:100%;font-size:var(--fs-status);color:var(--muted);margin-top:2px}@media (min-width:641px) and (orientation:portrait){.header{gap:10px 16px;padding:10px 16px}:root{--fs-h1:clamp(24px,2.4vw + 1.1vh,36px);--fs-chip:clamp(15px,1.8vw + .8vh,20px);--fs-status:clamp(14px,1.6vw + .7vh,18px);--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}}.level-select{max-width:1024px;margin:0 auto;padding:12px 16px}.level-grid{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:12px;display:grid}.level-card{background:var(--wall);color:var(--fg);border-radius:14px;flex-direction:column;gap:6px;padding:12px;display:flex;box-shadow:0 2px 10px #00000040}.level-card__caps{opacity:.85;font-size:14px;font-weight:700}.level-card__title{opacity:.8;font-size:13px}.level-card__par{font-size:13px}.level-card__stars{align-items:center;gap:6px;font-size:14px;display:flex}.btn{background:var(--fg);color:var(--bg);cursor:pointer;border:none;border-radius:10px;padding:6px 10px;font-weight:700}.btn[disabled]{opacity:.6;cursor:not-allowed}.btn--ghost{color:var(--fg);border:1px solid var(--muted);background:0 0}.btn--nav{padding:6px}.star-meter{letter-spacing:1px}.star-meter[data-assisted=true]{opacity:.95;text-shadow:0 0 0 currentColor,0 0 6px color-mix(in oklab,currentColor 30%,transparent)}.modal-backdrop{z-index:1000;background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.modal{background:var(--wall);width:min(520px,90vw);color:var(--fg);border-radius:12px;box-shadow:0 10px 30px #00000073}.modal__header,.modal__footer{border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:10px 12px;display:flex}.modal__footer{border-top:1px solid #ffffff14;border-bottom:none;gap:8px}.modal__body{padding:12px}.hud-row{align-items:center;gap:8px;margin-top:6px;display:flex}.hud-stars{opacity:.9;top:calc(var(--safe-top,0) + 100px);align-items:center;gap:8px;margin:6px 0 8px;font-weight:700;display:inline-flex;position:absolute;left:10px}.hud-stars>span:first-child{letter-spacing:2px;padding-right:2px}.hud-cursor{top:calc(var(--safe-top,0) + 100px);opacity:.9;text-align:right;justify-content:flex-end;margin:6px 0 8px;position:absolute;left:auto;right:16px}.progress{opacity:.7;margin-left:8px;font-size:.9em}.difficulty .grid{grid-template-columns:1fr;gap:12px;max-width:90%;margin:0 auto;display:grid}.daily .card,.difficulty .card{padding:var(--pd-diff-card);border:1px solid var(--border,#ddd);text-align:center;border-radius:12px;box-shadow:0 1px 2px #0000000f}.daily .card__title,.difficulty .card__title{font-size:var(--fs-diff-title);letter-spacing:-.01em;margin-bottom:8px;font-weight:700;line-height:1.2}.daily .card__meta,.difficulty .card__meta{font-size:var(--fs-diff-meta);opacity:.8;margin:10px;line-height:1.35}.play .jugs,.play .jugs svg,.play .jug,.play .cup{touch-action:none}.modal-overlay{position:fixed;top:0;bottom:0;left:0;right:0}.solution-panel{z-index:40;pointer-events:none;background:0 0;position:fixed;top:auto;bottom:12px;left:auto;right:12px}.solution-panel .modal{pointer-events:auto;width:min(360px,92vw);position:static}.actionbar{flex-wrap:wrap}.actionbar .group{flex-wrap:wrap;gap:8px;display:flex}.actionbar .group--left{margin-right:auto}.actionbar .group--center{margin:0 auto}.actionbar .group--right{margin-left:auto}.commands{-webkit-overflow-scrolling:touch;grid-auto-flow:column;align-items:center;gap:8px;padding:6px 10px;display:grid;overflow-x:auto}.commands .sep{background:color-mix(in oklab,var(--wall,#e5e7eb)40%,transparent);width:1px;height:24px;margin:0 2px}.btn.cmd{border-radius:10px;align-items:center;gap:6px;min-height:36px;padding:6px 10px;display:inline-flex}.cele-banner{left:50%;top:calc(var(--inset-top) + var(--top1-h) + var(--top2-h) + 6px);z-index:30;text-align:center;color:#fff;pointer-events:none;background:linear-gradient(90deg,#22c55ec7,#16a34ac7);background:linear-gradient(90deg,color(display-p3 .36918 .761325 .413617/.78),color(display-p3 .296714 .629734 .330039/.78));box-shadow:0 6px 20px #0000003d;box-shadow:0 6px 20px color(display-p3 0 0 0/.24);background:linear-gradient(90deg,lab(70.2187% -57.9808 39.4382/.78),lab(58.835% -51.0809 35.4288/.78));border-radius:12px;align-items:center;gap:8px;max-width:min(92vw,560px);margin:0;padding:10px 12px;animation:.32s ease-out forwards cele-float-in;display:flex;position:fixed;transform:translate(-50%,-8px);box-shadow:0 6px 20px lab(0% 0 0/.24)}@keyframes cele-float-in{0%{opacity:0;transform:translate(-50%,-16px)scale(.98)}to{opacity:1;transform:translate(-50%)scale(1)}}.cele-banner .i{width:20px;height:20px}.cele-banner .i>svg{width:100%;height:100%;display:block}.cele-banner .cele-text{letter-spacing:.2px;font-weight:700}@keyframes cele-in{0%{opacity:0;transform:translateY(-16px)scale(.98)}to{opacity:1;transform:translateY(0)scale(1)}}@keyframes pulse-ring{0%{box-shadow:0 0 0 0 color-mix(in oklab,var(--accent,#22c55e)40%,transparent)}70%{box-shadow:0 0 0 10px color-mix(in oklab,var(--accent,#22c55e)0%,transparent)}to{box-shadow:0 0 0 0 color-mix(in oklab,var(--accent,#22c55e)0%,transparent)}}.btn.next.pulse{animation:1.6s ease-out infinite pulse-ring}.confetti{pointer-events:none;z-index:9999;position:fixed;top:0;bottom:0;left:0;right:0}.confetti .p{opacity:.95;width:8px;height:12px;animation:confetti-fall var(--dur,.9s)ease-out forwards;border-radius:2px;position:absolute}@keyframes confetti-fall{0%{transform:translate(var(--x,0),var(--y,0))rotate(0deg)}to{transform:translate(calc(var(--x,0) + var(--dx,0px)),calc(var(--y,0) + var(--dy,120px)))rotate(260deg);opacity:.2}}.i{justify-content:center;align-items:center;width:20px;height:20px;line-height:1;display:inline-flex}@media (max-width:640px){.btn.cmd{justify-content:center;min-width:40px;padding:8px}.btn.cmd .btn__label{display:none}.i{margin:0}}.actionbar--solution .sbtn{border-radius:10px;align-items:center;gap:6px;min-height:36px;padding:6px 10px;display:inline-flex}.actionbar--solution .i{justify-content:center;align-items:center;width:20px;height:20px;line-height:1;display:inline-flex}@media (max-width:640px){.actionbar--solution .sbtn{justify-content:center;min-width:40px;padding:8px}.actionbar--solution .sbtn .btn__label{display:none}.actionbar--solution .i{margin:0}}.water--preview{opacity:.45;pointer-events:none}.start__hero{flex-direction:column;align-items:center;gap:6px;margin:16px 0 10px;display:flex}.start__logo{border-radius:16px;width:64px;height:64px}.grid--1col{max-width:520px;margin:0 auto}.btn--sm{border-radius:8px;padding:4px 8px;font-size:12px;line-height:1.1}.grid--1col{padding-top:calc(var(--inset-top) + var(--top1-h) + 8px)}.difficulty__header h1,.difficulty__header h2,.difficulty__header .h1{margin:0 0 8px}.tabs{flex-wrap:wrap;gap:8px;margin:4px 0 10px;display:flex}.tab{border:1px solid color-mix(in oklab,var(--wall)50%,transparent);background:color-mix(in oklab,var(--fg)8%,transparent);color:var(--fg);border-radius:999px;padding:6px 10px;font-weight:700}.tab.active{background:var(--accent);color:#fff;border-color:var(--accent)}.continue-shelf{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:8px;margin:6px 0 12px;display:grid}.shelf-card{text-align:left;border:1px solid color-mix(in oklab,var(--wall)50%,transparent);background:color-mix(in oklab,var(--fg)6%,transparent);color:var(--fg);border-radius:12px;padding:10px 12px;font-weight:600}.shelf-title{opacity:.9}.shelf-sub{opacity:.75;font-size:12px}.chips{flex-wrap:wrap;align-items:center;gap:8px;margin:6px 0 12px;display:flex}.chip{border:1px solid color-mix(in oklab,var(--wall)50%,transparent);color:var(--fg);background:0 0;border-radius:999px;padding:6px 10px;font-weight:700}.chip.active{background:color-mix(in oklab,var(--accent)16%,transparent);border-color:color-mix(in oklab,var(--accent)46%,transparent);color:var(--accent)}.searchbox{border:1px solid color-mix(in oklab,var(--wall)50%,transparent);background:color-mix(in oklab,var(--fg)6%,transparent);min-width:220px;color:var(--fg);border-radius:10px;flex:220px;padding:8px 10px;font-weight:600}.pager{justify-content:center;align-items:center;gap:10px;margin:12px 0 6px;display:flex}.pager__info{opacity:.8;font-size:13px}.level-select__container{max-width:1100px;margin:0 auto;padding-inline-start:12px;padding-inline-end:12px}.ls-head{grid-template-columns:1fr;align-items:start;gap:12px;display:grid}.ls-head__left .tabs{margin-bottom:6px}.level-select .level-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}@media (min-width:641px){.level-select .level-grid{grid-template-columns:repeat(3,minmax(0,1fr));min-width:600px}}@media (min-width:1024px){.level-select .level-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.chips{align-items:center}.chips .searchbox{flex:260px}.level-select .pager{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;display:flex}.level-card__label{opacity:.8;margin-top:4px;font-size:12px}@media (min-width:1024px){:root{--level-grid-min:960px;--safe-top:env(safe-area-inset-top,0px);--safe-right:env(safe-area-inset-right,0px);--safe-bottom:env(safe-area-inset-bottom,0px);--safe-left:env(safe-area-inset-left,0px)}.level-select .level-grid{min-width:var(--level-grid-min);margin-inline-start:auto;margin-inline-end:auto;overflow-x:auto}}.screen--difficulty{flex-direction:column;min-height:100dvh;display:flex}.difficulty__content{flex:auto}.footbar{padding:10px 14px;padding-bottom:calc(env(safe-area-inset-bottom,0px) + 10px);color:var(--c-text-muted,#94a3b8);border-top:1px solid var(--c-divider,#94a3b840);-webkit-backdrop-filter:saturate(140%)blur(8px);backdrop-filter:saturate(140%)blur(8px);flex-wrap:wrap;justify-content:center;align-items:center;gap:14px 20px;margin-top:auto;font-size:13px;display:flex}.footbar a{color:inherit;text-underline-offset:2px;text-decoration:underline}.footbar a:hover{color:var(--c-link,#60a5fa);outline:none}.footbar a:focus-visible{color:var(--c-link,#60a5fa);outline:none}.footbar__ver{opacity:.8;font-variant-numeric:tabular-nums}@media (min-width:641px){.cup{width:max(160px,min(min(28vw,30vh),320px));height:auto}}@media (orientation:landscape) and (pointer:coarse){.row{gap:80px}.cup{width:max(22vh,min(min(22vw,24vh),280px))}}body:before{content:"";height:var(--safe-top);background:var(--wall,#111);z-index:10000;pointer-events:none;position:fixed;top:0;left:0;right:0}.daily{width:80%;margin:auto}@media (min-width:641px){.grid.grid--daily{grid-template-columns:repeat(2,1fr);gap:16px;width:100%;margin:3vw auto;display:grid}}@media (max-width:640px){.grid.grid--daily{grid-template-columns:1fr;gap:16px;width:100%;margin:3vw auto;display:grid}}.daily .daily-row{flex-direction:column;align-items:start;width:100%;display:flex}.daily .share-row{justify-content:center;gap:8px;margin:24px 0;display:flex}.share-pop__backdrop{z-index:999;background:#00000073;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.share-pop{background:var(--bg);color:#000;width:min(92vw,560px);max-height:calc(100dvh - var(--inset-top) - var(--top1-h) - var(--top2-h) - 20px);scrollbar-gutter:stable both-edges;-webkit-overflow-scrolling:touch;margin-top:calc(var(--inset-top) + var(--top1-h) + var(--top2-h) + 8px);border:1px solid #ffffff1f;border-radius:12px;padding:16px;position:relative;overflow:auto;box-shadow:0 10px 30px #00000080}@media (orientation:landscape) and (max-height:480px){.share-pop__backdrop{align-items:flex-start}.share-pop{margin-top:calc(var(--inset-top) + var(--top1-h) + var(--top2-h) + 4px);max-height:calc(100dvh - var(--inset-top) - var(--top1-h) - var(--top2-h) - 8px)}.share-pop__preview{height:max(160px,min(45dvh,360px));max-height:48dvh}.share-pop__preview img{max-height:48dvh}}.share-pop__title{margin-bottom:10px;font-size:24px;font-weight:700}.share-pop__row{align-items:center;margin-bottom:10px;display:flex}.share-pop__row[aria-disabled=true]{opacity:.5;pointer-events:none}.share-pop__preview{background:#ffffff0a;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;height:max(240px,min(60dvh,640px));min-height:140px;max-height:48dvh;padding:10px;display:flex;overflow:auto}.share-pop__preview.is-loading img{opacity:.4}.share-pop__preview img{object-fit:contain;border-radius:6px;width:100%;max-width:100%;height:100%;max-height:55dvh;transition:opacity .18s;display:block}.share-pop__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.share-pop__actions .btn{color:#000!important;background:#fff!important;border:1px solid #000!important}.share-pop__actions .btn .i{color:currentColor}@media (hover:hover){.share-pop__actions .btn:hover{filter:brightness(.98);background:#fff!important}}.share-pop__actions .btn:focus{outline-offset:2px;outline:2px solid #0006}.share-pop__close{color:#000;cursor:pointer;-webkit-user-select:none;user-select:none;background:#fff;border:1px solid #000;border-radius:10px;justify-content:center;align-items:center;width:36px;height:36px;padding:0;display:inline-flex;position:absolute;top:12px;right:12px}@media (hover:hover){.share-pop__close:hover{filter:brightness(.98)}}.share-pop__close:focus{outline-offset:2px;outline:2px solid #0006}.share-pop__hint{opacity:.8;font-size:14px}.share-pop__error{color:#ff7373;font-size:14px}.chip{cursor:pointer;-webkit-user-select:none;user-select:none;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;display:inline-flex}.chip input{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:0;height:0;margin:0}.chip--on{background:#00000014;border-color:#00000047}.splash__backdrop{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;top:0;bottom:0;left:0;right:0}.splash__panel{color:#fff;text-align:center;background:#0b0f14;border:1px solid #ffffff1f;border-radius:12px;width:min(92vw,480px);padding:20px;box-shadow:0 10px 30px #00000080}.splash__title{margin-bottom:8px;font-size:20px;font-weight:700}.splash__meta{opacity:.85;margin-bottom:16px}.splash__actions{justify-content:center;gap:12px;display:flex}.splash__panel .btn{color:#fff}.splash__panel .btn--primary{background:#3b82f6;border-color:#0000}.splash__panel .btn--primary:hover{filter:brightness(1.1)}.splash__panel .btn--ghost{color:#fff;background:0 0;border:1px solid #ffffff52}.splash__panel .btn--ghost:hover{background:#ffffff14;border-color:#ffffff80}.splash__panel .btn:focus-visible{outline-offset:2px;outline:2px solid #fff}.btn,.btn:visited,.btn:hover{text-decoration:none}