:root{--orange:#ff8100;--beige:#f7f3db;--waitlist-bg:#fff5d0;--tint:#ff8c42;--blue:#007aff;--green:#34c759;--red:#ff3b30;--venmo:#3380f2;--bg:#fff;--grouped-bg:#f2f2f7;--cell:#fff;--label:#000;--secondary:#3c3c4399;--tertiary:#3c3c434d;--separator:#3c3c434a;--row:#f8f8f9;--row-selected:#fff2e6;--bill:#f3f3f4;--person-body:#fdfdfd;--fill:#7878801f;--nav-bg:#f9f9f9db;--fab-label-bg:#ffffffe6;--placeholder-bg:#8e8e9333;--gray:#8e8e93;--alert-bg:#f2f2f2eb;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root{--bg:#000;--grouped-bg:#000;--cell:#1c1c1e;--label:#fff;--secondary:#ebebf599;--tertiary:#ebebf54d;--separator:#54545899;--row:#0c0c0d;--row-selected:#1f1000;--bill:#121213;--person-body:#050505;--fill:#7676803d;--nav-bg:#161617db;--fab-label-bg:#ffffffe6;--alert-bg:#252525eb;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body{background:var(--bg);color:var(--label);-webkit-font-smoothing:antialiased;-webkit-text-size-adjust:100%;overscroll-behavior-y:none;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,system-ui,sans-serif;font-size:17px;line-height:1.29}html.modal-open,html.modal-open body{overflow:hidden}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:0;padding:0}button:disabled{cursor:default}input{font:inherit;color:var(--label)}h1,h2,h3,p{margin:0}img{display:block}.secondary{color:var(--secondary)}.center{text-align:center}.pad{padding:16px}.medium{font-weight:500}.bold{font-weight:700}.grow{flex:1;min-width:0}.right{text-align:right}.headline{font-size:17px;font-weight:600}.subheadline{font-size:15px}.caption{font-size:12px}.caption2{font-size:11px}.title3{font-size:20px;font-weight:600}.orange{color:var(--tint)}.screen{background:var(--bg);min-height:100dvh;padding-bottom:env(safe-area-inset-bottom)}.navbar{grid-template-columns:1fr auto 1fr;align-items:center;height:44px;padding:0 8px;display:grid}.main-nav{z-index:20;height:calc(44px + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);background:var(--nav-bg);-webkit-backdrop-filter:saturate(180%)blur(20px);border-bottom:.5px solid var(--separator);position:sticky;top:0}.nav-left{justify-self:start;display:flex}.nav-right{justify-self:end;display:flex}.nav-title{text-align:center;white-space:nowrap;text-overflow:ellipsis;max-width:62vw;font-weight:600;overflow:hidden}.nav-title.big{font-size:22px;font-weight:700}.nav-btn{color:var(--tint);align-items:center;gap:2px;padding:8px;font-size:17px;display:inline-flex}.nav-btn.bold{font-weight:600}.nav-btn:disabled{color:var(--tertiary)}.nav-btn.back{margin-left:-2px;padding-left:0}.nav-btn.icon{padding:8px}.title-btn{color:var(--tint);max-width:100%}.title-text{text-overflow:ellipsis;font-weight:600;display:block;overflow:hidden}.title-placeholder{align-items:center;gap:4px;font-size:15px;font-style:italic;display:inline-flex}.profile-btn{background:var(--orange);border-radius:50%;place-items:center;width:36px;height:36px;margin-right:8px;display:grid}.profile-btn img{filter:sepia(.25)saturate(1.2)brightness(1.02)}.content{padding-bottom:8px}.center-fill{place-items:center;min-height:60vh;display:grid}.spinner{border:3px solid var(--fill);border-top-color:var(--gray);border-radius:50%;width:26px;height:26px;animation:.8s linear infinite spin}.spinner.big{width:36px;height:36px}.spinner.small{border-width:2px;width:18px;height:18px}.spinner.light{border-color:#fff #ffffff59 #ffffff59}@keyframes spin{to{transform:rotate(360deg)}}.pizza{text-align:center;flex-direction:column;align-items:center;gap:20px;display:flex}.pizza-slice{transform-origin:40px 40px;transition:opacity .5s ease-in-out,transform .5s ease-in-out}.pizza-title{color:#ff9500;font-weight:600}.pizza-sub{color:var(--secondary);font-size:15px}.auth{background:var(--orange);min-height:100dvh;color:var(--beige);padding:env(safe-area-inset-top) 32px calc(60px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;display:flex}.auth-bear{object-fit:contain;width:180px;height:180px}.auth-title{font-size:48px;font-weight:700;line-height:1.1}.auth-tagline{text-align:center;font-size:18px;line-height:1.4}.auth-buttons{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:420px;display:flex}.auth-btn{border:1px solid #0000001a;border-radius:28px;justify-content:center;align-items:center;gap:12px;width:100%;height:56px;font-size:17px;font-weight:600;display:flex;box-shadow:0 2px 8px #0000000d}.auth-btn.google{background:var(--beige);color:#000}.auth-btn.apple{color:var(--beige);background:#000}.auth-btn:active{opacity:.85}.waitlist{background:var(--waitlist-bg);color:#000;min-height:100dvh;padding:env(safe-area-inset-top) 0 calc(40px + env(safe-area-inset-bottom));flex-direction:column;align-items:center;gap:32px;display:flex}.waitlist .secondary{color:#3c3c4399}.waitlist-text{flex-direction:column;align-items:center;gap:16px;display:flex}.waitlist-text h1{font-size:28px;font-weight:700}.waitlist-buttons{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:500px;padding:0 40px;display:flex}.primary-btn{background:var(--orange);color:#fff;border-radius:12px;justify-content:center;align-items:center;gap:8px;width:100%;padding:16px;display:flex}.link-btn{padding:4px 8px}.empty{min-height:calc(100dvh - 160px);color:var(--gray);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:20px;padding:0 16px;display:flex}.empty h2{color:var(--label);font-size:22px;font-weight:600}.empty p{color:var(--secondary);font-size:15px}.screen:has(.list-group){background:var(--grouped-bg)}.list-group{background:var(--cell);border-radius:10px;margin:20px 16px 0;overflow:hidden}.list-row-wrap+.list-row-wrap .list-row:before{content:"";border-top:.5px solid var(--separator);position:absolute;top:0;left:78px;right:0}.list-row{background:var(--cell);align-items:center;gap:12px;min-height:66px;padding:8px 16px;display:flex}.list-row:active{background:var(--fill)}.thumb{object-fit:cover;border-radius:8px;flex:none;width:50px;height:50px}.thumb.placeholder{background:var(--placeholder-bg);color:var(--gray);place-items:center;display:grid}.row-text{flex-direction:column;flex:1;gap:4px;min-width:0;display:flex}.row-text .headline{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.disclosure{color:var(--tertiary);margin-left:2px}.swipe-action{color:#fff;white-space:nowrap;flex-direction:column;flex:none;justify-content:center;align-items:center;gap:4px;height:100%;font-size:12px;font-weight:500;display:flex;overflow:hidden}.fab-dim{z-index:30;background:#0000004d;animation:.2s fade;position:fixed;inset:0}@keyframes fade{0%{opacity:0}}.fab-wrap{right:max(20px, env(safe-area-inset-right));bottom:calc(30px + env(safe-area-inset-bottom));z-index:31;flex-direction:column;align-items:flex-end;gap:16px;display:flex;position:fixed}.fab{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:60px;height:60px;transition:transform .3s cubic-bezier(.3,1.4,.5,1);display:grid;box-shadow:0 5px 10px #0000004d}.fab.open{transform:rotate(135deg)}.fab-menu{transform-origin:100% 100%;opacity:0;pointer-events:none;flex-direction:column;align-items:flex-end;gap:16px;transition:transform .3s cubic-bezier(.3,1.3,.5,1),opacity .2s;display:flex;transform:scale(.4)}.fab-menu.open{opacity:1;pointer-events:auto;transform:none}.fab-item{align-items:center;gap:12px;margin-right:5px;display:flex}.fab-label{color:#000;background:var(--fab-label-bg);border-radius:20px;padding:10px 16px;font-size:15px;font-weight:500;box-shadow:0 2px 5px #0000001a}.fab-mini{background:var(--orange);color:#fff;border-radius:50%;place-items:center;width:50px;height:50px;display:grid;box-shadow:0 2px 5px #0003}.detail-content{flex-direction:column;gap:20px;padding-top:0;display:flex}.receipt-thumb{align-self:center;padding:16px}.receipt-thumb img{border-radius:12px;max-width:calc(100vw - 32px);max-height:200px;box-shadow:0 2px 10px #00000040}.detail-content>.section:first-child{padding-top:12px}.section{flex-direction:column;gap:12px;display:flex}.section-title{padding:0 16px;font-size:17px;font-weight:600}.rows{flex-direction:column;gap:12px;padding:0 16px;display:flex}.item-row{background:var(--row);align-items:center;gap:12px;min-height:64px;padding:16px;display:flex}.item-row.selected{background:var(--row-selected)}.check{color:var(--gray);flex:none;display:grid}.check.on{color:var(--orange)}.add-btn{color:var(--orange);align-self:center;align-items:center;gap:8px;padding:8px 16px 0;display:inline-flex}.divider{border:0;border-top:.5px solid var(--separator);margin:0 16px}.divider.inner{margin:4px 0}.bill{background:var(--bill);border-radius:12px;flex-direction:column;gap:12px;margin:0 16px;padding:16px;display:flex}.bill-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.bill-head h2{font-size:22px;font-weight:700}.bill-body{flex-direction:column;gap:12px;display:flex}.line{justify-content:space-between;gap:12px;display:flex}.line.total{align-items:baseline;font-size:22px;font-weight:700}.total-amount{color:#ff8100d9;font-weight:700}.total-amount.small{font-size:17px}.segmented{background:var(--fill);border-radius:9px;flex:none;grid-template-columns:1fr 1fr;width:180px;padding:2px;font-size:13px;display:grid;position:relative}.segmented button{z-index:1;padding:6px 0;font-weight:500;position:relative}.segmented button.on{font-weight:600}.segmented-thumb{background:var(--cell);border-radius:7px;width:calc(50% - 2px);height:calc(100% - 4px);transition:transform .25s cubic-bezier(.3,1.2,.5,1);position:absolute;top:2px;left:2px;box-shadow:0 3px 8px #0000001f,0 3px 1px #0000000a}@media (prefers-color-scheme:dark){.segmented-thumb{background:#636366}}.venmo-row{gap:12px;padding-top:8px;display:flex}.venmo-btn{background:var(--venmo);color:#fff;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:6px 0;font-size:16px;font-weight:500;display:flex}.venmo-btn:active{opacity:.8}.assign-btn{color:var(--orange);align-self:flex-start;align-items:center;gap:8px;font-weight:500;display:inline-flex}.assign-btn.disabled{color:var(--gray)}.person{flex-direction:column;display:flex}.person-row{background:var(--bg);align-items:center;gap:8px;padding:16px;display:flex}.chev{width:12px;display:grid}.person-body{opacity:0;background:var(--person-body);border-radius:8px;margin-top:4px;transition:max-height .2s ease-in-out,opacity .2s ease-in-out,transform .2s ease-in-out;overflow:hidden;transform:translateY(-20px)}.person-body.open{opacity:1;transform:none}.person-inner{flex-direction:column;gap:8px;padding:16px;display:flex}.person-item{background:var(--person-body);gap:8px;padding:8px 12px;display:flex}.assign{flex-direction:column;gap:16px;padding:16px;display:flex}.assign-summary{background:var(--bill);border-radius:12px;flex-direction:column;gap:12px;padding:16px;display:flex}.person-choice{background:var(--row);text-align:left;border-radius:8px;align-items:center;gap:8px;padding:16px;display:flex}.person-choice.new{color:var(--orange);background:#ff81001a;font-weight:500}.new-person{background:#ff81001a;border-radius:8px;flex-direction:column;gap:12px;padding:16px;display:flex}.new-person-buttons{justify-content:space-between;display:flex}.rounded-field{border:.5px solid var(--separator);background:var(--cell);border-radius:6px;width:100%;padding:7px 8px;font-size:17px}.viewer{touch-action:none;background:var(--bg);place-items:center;height:calc(100dvh - 120px);display:grid;overflow:hidden}.viewer img{object-fit:contain;-webkit-user-select:none;user-select:none;max-width:100%;max-height:100%}.sheet-root{z-index:100;position:fixed;inset:0}.sheet-backdrop{opacity:0;background:#0006;transition:opacity .35s;position:absolute;inset:0}.sheet-panel{max-height:calc(100dvh - env(safe-area-inset-top) - 10px);background:var(--bg);padding-bottom:env(safe-area-inset-bottom);border-radius:10px 10px 0 0;flex-direction:column;transition:transform .38s cubic-bezier(.2,.9,.25,1);display:flex;position:absolute;bottom:0;left:0;right:0;transform:translateY(100%);box-shadow:0 -2px 20px #0000001a}.sheet-panel.full{height:calc(100dvh - env(safe-area-inset-top) - 10px)}.sheet-panel.grouped{background:var(--grouped-bg)}@media (prefers-color-scheme:dark){.sheet-panel,.sheet-panel.grouped{background:#1c1c1e}.sheet-panel.grouped .form-cell{background:#2c2c2e}}.sheet-panel.in{transform:translateY(0)}.sheet-drag{touch-action:none;flex:none}.sheet-grabber{background:var(--tertiary);border-radius:3px;width:36px;height:5px;margin:5px auto 0}.sheet-nav{height:50px;padding:0 8px}.sheet-body{-webkit-overflow-scrolling:touch;overscroll-behavior:contain;flex:1;overflow-y:auto}@media (min-width:700px){.sheet-panel{border-radius:12px 12px 0 0;width:600px;margin-left:-300px;left:50%}}.form-section{flex-direction:column;margin:18px 16px 0;display:flex}.form-header{text-transform:uppercase;color:var(--secondary);padding:0 16px 6px;font-size:13px}.form-cell{background:var(--cell);text-align:left;border-radius:10px;align-items:center;gap:12px;width:100%;min-height:44px;padding:11px 16px;display:flex}.input-cell input{background:0 0;border:0;outline:none;width:100%;padding:0;font-size:17px}.input-cell input::placeholder{color:var(--tertiary)}.profile-cell{padding:16px}.avatar{background:var(--orange);color:#fff;border-radius:50%;flex:none;place-items:center;width:50px;height:50px;font-size:22px;font-weight:600;display:grid}.destructive-cell{color:var(--red);justify-content:space-between}.label-with-icon{align-items:center;gap:12px;display:inline-flex}.alert-root{z-index:200;place-items:center;display:grid;position:fixed;inset:0}.alert-backdrop{background:#0003;animation:.2s fade;position:absolute;inset:0}.alert-box{background:var(--alert-bg);-webkit-backdrop-filter:blur(30px);text-align:center;border-radius:14px;width:270px;animation:.25s cubic-bezier(.3,1.3,.5,1) pop;position:relative;overflow:hidden}@keyframes pop{0%{opacity:0;transform:scale(1.15)}}.alert-text{flex-direction:column;gap:4px;padding:19px 16px;display:flex}.alert-title{font-size:17px;font-weight:600}.alert-message{font-size:13px}.alert-buttons{border-top:.5px solid var(--separator);display:flex}.alert-buttons.col{flex-direction:column}.alert-buttons.row>*+*{border-left:.5px solid var(--separator)}.alert-buttons.col>*+*{border-top:.5px solid var(--separator)}.alert-button{color:var(--tint);flex:1;padding:11px;font-size:17px}.alert-button.cancel{font-weight:600}.alert-button.destructive{color:var(--red)}.alert-button:active{background:var(--fill)}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
