:root{color:#fff;font-synthesis:none;background:#2d2d2d;font-family:Arial,Helvetica,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0;overflow:hidden}button{font:inherit;cursor:pointer}button:disabled{cursor:not-allowed;opacity:.35}.app-shell{--mint:#58c8ae;--mint-dark:#43b89e;--panel:#58c8ae;--table:#2f2f2f;background:var(--table);width:100vw;height:100vh;min-height:460px;display:flex;position:relative;overflow:hidden}.app-shell.light{--panel:#67cbb6;--table:#ecefee;color:#273235}.icon{fill:none;stroke:currentColor;stroke-width:2.3px;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px}.control-panel{z-index:5;background:var(--panel);color:#fff;flex-direction:column;flex:0 0 clamp(250px,35vw,360px);height:100%;padding:clamp(20px,4vh,45px) clamp(18px,5vw,56px) clamp(18px,4vh,40px);display:flex;position:relative;overflow:hidden}.control-top{justify-content:space-between;align-items:center;min-height:26px;display:flex}.back-button,.theme-button{color:#d4f1e9;background:0 0;border:0;place-items:center;padding:0;display:grid}.back-button .icon{stroke-width:1.8px;width:30px;height:30px}.theme-button .icon{width:19px;height:19px}.step-content{flex-direction:column;flex:1;min-height:0;padding-top:clamp(28px,8vh,75px);display:flex}.step-kicker{color:#c9efe7;letter-spacing:1.4px;margin:0 0 15px;font-size:clamp(9px,1vw,11px);font-weight:700}h1{letter-spacing:-1.6px;margin:0;font-size:clamp(25px,3.5vw,39px);font-weight:400;line-height:1.17}.people-step h1{margin-bottom:35px}.counter{grid-template-rows:1fr 1fr;grid-template-columns:58px 1fr;align-items:center;gap:10px 14px;width:180px;display:grid}.counter strong{text-align:center;grid-area:1/2/3;font-size:clamp(63px,9vw,112px);font-weight:400;line-height:.85}.counter button:first-of-type{grid-area:1/1}.counter button:last-of-type{grid-area:2/1}.counter button{color:#fff;background:#ffffff0d;border:1px solid #ffffff1d;border-radius:5px;place-items:center;height:51px;display:grid;box-shadow:0 2px 5px #267e6c35}.counter button:hover{background:#fff2}.counter .icon{width:25px;height:25px}.step-note{color:#d3f0e9;margin:23px 0 0;font-size:12px}.next-button,.select-all,.text-button{color:#fff;background:#ffffff1b;border:0;border-radius:4px;justify-content:center;align-self:center;align-items:center;gap:10px;display:flex;box-shadow:0 2px 5px #267e6c35}.next-button{min-width:112px;margin-top:auto;padding:11px 18px;font-size:18px}.next-button .icon{width:18px;height:18px;transform:rotate(180deg)}.next-button:hover:not(:disabled),.select-all:hover{background:#ffffff30}.money-step,.items-step{padding-top:26px;position:relative}.money-display{color:#e2f4ef;letter-spacing:1px;justify-content:center;align-items:center;min-height:69px;font-size:clamp(30px,5vw,48px);display:flex;position:relative}.money-display button{color:#c0e9df;background:0 0;border:0;position:absolute;right:-5px}.money-display button .icon{width:15px;height:15px}.keypad{grid-template-columns:repeat(3,1fr);gap:clamp(10px,2.2vw,24px) clamp(12px,3vw,30px);margin:clamp(18px,4vh,34px) 0 8px;display:grid}.keypad button{color:#fff;background:0 0;border:0;place-items:center;min-width:30px;min-height:31px;font-size:clamp(22px,3vw,31px);display:grid}.keypad button:hover:not(:disabled){color:#246d60}.keypad .icon{width:15px;height:15px}.decimal-spacer{pointer-events:none}.next-prompt{text-align:center;color:#fff;margin-top:auto}.money-step .next-prompt{position:absolute;bottom:0;left:0;right:0}.next-prompt h2{margin:0;font-size:clamp(19px,2.5vw,29px);font-weight:400}.next-prompt small{margin-top:3px;font-size:15px;display:block}.next-prompt .next-button{margin-top:17px}.split-step{padding-top:27px}.split-step h1{margin-bottom:32px}.choice-buttons{gap:12px;display:grid}.choice-buttons button{text-align:left;color:#fff;background:#ffffff0f;border:1px solid #ffffff1d;border-radius:5px;flex-direction:column;align-items:flex-start;gap:5px;padding:15px;display:flex;box-shadow:0 2px 5px #267e6c35}.choice-buttons button:hover{background:#fff2}.choice-buttons strong{font-size:16px;font-weight:400}.choice-buttons small{color:#d0eee7;font-size:11px}.item-actions{flex-direction:column;gap:11px;margin-top:auto;display:flex}.item-actions .next-button{margin:0 auto}.text-button{color:#def5ef;box-shadow:none;background:0 0;border:0;padding:7px 10px;font-size:12px}.item-list{max-height:126px;margin-top:16px;overflow-y:auto}.item-list>div{color:#e4f4f0;touch-action:none;border-bottom:1px solid #fff2;grid-template-columns:1fr auto 22px;align-items:center;gap:7px;padding:7px 0;font-size:12px;display:grid}.item-list strong{font-weight:400}.item-list button{color:#c0e9df;background:0 0;border:0;place-items:center;display:grid}.item-list .icon{width:13px;height:13px}.instruction-step{text-align:center;align-items:center;padding-top:clamp(45px,13vh,135px)}.instruction-step .step-kicker{margin-bottom:28px}.instruction-step p:not(.step-kicker){color:#daf2ec;margin:21px 0 0;font-size:17px}.instruction-step .next-button{margin-top:26px}.select-all{margin-top:22px;padding:11px 17px;font-size:15px}.select-all+.next-button{margin-top:auto}.tip-step{padding-top:30px}.tip-step h1{margin-bottom:22px}.receipt>div{color:#dcf2ed;justify-content:space-between;align-items:baseline;margin:7px 0;display:flex}.receipt span{letter-spacing:1px;font-size:12px;font-weight:700}.receipt strong{font-size:24px;font-weight:400}.tip-row{margin-top:14px!important}.receipt input[type=range]{accent-color:#fff;width:100%;margin:19px 0 6px}.tip-value{color:#fff!important}.tip-value strong{background:#ffffff21;border-radius:3px;padding:6px 11px;font-size:18px}.grand-total{border-top:1px solid #ffffff47;padding-top:15px;margin-top:19px!important}.grand-total strong{font-size:28px}.tip-step>.next-button{margin-top:auto}.table-area{background:var(--table);color:#fff;flex:1;min-width:0;height:100%;position:relative;overflow:hidden}.app-shell.light .table-area{color:#263437}.table-texture{opacity:.23;background-image:radial-gradient(#ffffff1d 1px,#0000 1px);background-size:5px 5px;position:absolute;inset:0}.table-area:after{content:"";pointer-events:none;border:1px solid #ffffff0c;border-radius:50%;position:absolute;inset:4%}.table-title{z-index:2;text-align:center;pointer-events:none;flex-direction:column;align-items:center;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.table-title strong{max-width:min(380px,55vw);font-size:clamp(22px,3vw,42px);font-weight:400;line-height:1.1}.table-title small{color:#9ba3a2;margin-top:10px;font-size:13px}.table-title button{pointer-events:auto;color:#fff;background:var(--mint-dark);border:0;border-radius:3px;margin-top:16px;padding:10px 20px;font-size:16px}.table-logo{color:#7c8786;margin-bottom:13px;font-size:28px}.table-title>small:last-child{color:#7c8786;letter-spacing:2px;margin-top:0;font-size:10px}.plate-orbit{z-index:1;--orbit:min(38vh, 265px);position:absolute;inset:0}.plate{aspect-ratio:1;width:clamp(72px,12vw,148px);transform:translate(-50%, -50%) rotate(var(--angle)) translateY(calc(-1 * var(--orbit))) rotate(calc(-1 * var(--angle)));border:max(2px, .25vw) solid var(--plate-color);color:#222;background:#fff;border-radius:50%;place-items:center;padding:7px;transition:transform .2s,filter .2s;display:grid;position:absolute;top:50%;left:50%;box-shadow:0 0 0 1px #fff,0 2px 6px #0005}.plate:before{content:"";border:2px solid #e2e2e2;border-radius:50%;position:absolute;inset:10%}.plate:hover,.plate.selected{filter:brightness(1.06);box-shadow:0 0 0 3px #fff,0 2px 12px #0008}.plate.selected{background:var(--plate-color);color:#fff}.plate-inner{z-index:1;font-size:clamp(15px,2vw,24px);font-weight:400;position:relative}.plate-inner .icon{width:30px;height:30px}.floating-amount{z-index:3;color:#fff;font-size:19px;position:absolute;top:calc(50% + 64px);left:50%;transform:translate(-50%)}.floating-amount small{color:#9ba3a2;text-align:center;margin-top:5px;font-size:11px;display:block}.table-items{z-index:3;background:#0003;border-radius:4px;width:min(250px,46%);padding:7px 13px;position:absolute;top:9%;left:50%;transform:translate(-50%)}.table-items>div{color:#b8c2c0;justify-content:space-between;padding:5px 0;font-size:11px;display:flex}.table-items strong{color:#fff;font-weight:400}.rest-button{z-index:4;color:#fff;background:#ffffff20;border:0;border-radius:4px;padding:11px 15px;font-size:13px;position:absolute;bottom:8%;left:50%;transform:translate(-50%)}.rest-button:hover:not(:disabled){background:#ffffff30}.items-total-on-table,.table-total{z-index:3;color:#9ba3a2;flex-direction:column;align-items:flex-end;font-size:10px;display:flex;position:absolute;bottom:6%;right:6%}.items-total-on-table strong,.table-total strong{color:#fff;margin-top:4px;font-size:21px;font-weight:400}.table-total{align-items:flex-start;left:6%;right:auto}@media (width<=600px){.control-panel{flex-basis:42%;padding-left:14px;padding-right:14px}.step-content{padding-top:25px}h1{letter-spacing:-1px;font-size:clamp(20px,6vw,29px)}.counter{width:155px}.counter strong{font-size:clamp(55px,13vw,80px)}.counter button{height:39px}.people-step h1{margin-bottom:25px}.keypad{gap:10px 4px;margin-top:21px}.keypad button{font-size:clamp(18px,6vw,25px)}.money-display{font-size:clamp(23px,7vw,35px)}.next-prompt h2{font-size:clamp(15px,4vw,22px)}.next-prompt small{font-size:10px}.choice-buttons strong{font-size:12px}.choice-buttons small{font-size:9px}.table-title strong{font-size:clamp(17px,4vw,27px)}.table-title small{font-size:10px}.plate-orbit{--orbit:min(36vh, 190px)}.plate{width:clamp(56px,14vw,100px)}.plate-inner{font-size:clamp(11px,3vw,17px)}.plate-inner .icon{width:20px;height:20px}.floating-amount{font-size:14px;top:calc(50% + 47px)}}