#coloc-preview{padding:24px 8px;color-scheme:light dark}#coloc-preview *{box-sizing:border-box}#coloc-app{--paper:light-dark(#f7f6f1,#1e2421);--panel:light-dark(#fff,#29312c);--ink:light-dark(#233a30,#e5eee7);--soft:light-dark(#647168,#adbcb1);--line:light-dark(#e0e5df,#435047);--action:light-dark(#315c47,#afd3b7);--onaction:light-dark(#fff,#1b3224);--tint:light-dark(#e9efe6,#344638);--error:light-dark(#a0352a,#ffaca1);max-width:430px;margin:auto;background:var(--paper);color:var(--ink);border:1px solid var(--line);border-radius:26px;overflow:hidden;font:15px/1.5 -apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;box-shadow:0 12px 36px #0000000c}#coloc-app button,#coloc-app input,#coloc-app textarea,#coloc-app select{font:inherit}#coloc-app header{padding:21px 22px 15px;border-bottom:1px solid var(--line)}#coloc-app .brand{display:flex;align-items:center;gap:9px;font-size:20px;font-weight:600;letter-spacing:-.6px}#coloc-app .brand small{margin-left:auto;font-weight:400;letter-spacing:0;font-size:12px;color:var(--soft)}#coloc-app .demo{font-size:12px;color:var(--soft);margin-top:4px}#coloc-app main{padding:20px;min-height:440px}#coloc-app h2{font-size:24px;line-height:1.2;letter-spacing:-.7px;font-weight:600;margin:0 0 5px}#coloc-app h3{font-size:17px;font-weight:600;margin:0 0 10px}#coloc-app p{margin:6px 0 14px}#coloc-app .muted{color:var(--soft);font-size:13px}#coloc-app .eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:1.5px;color:var(--soft);margin-bottom:7px}#coloc-app .panel{background:var(--panel);padding:17px;border-radius:16px;border:1px solid var(--line);margin-top:15px}#coloc-app .meal{background:var(--tint);border:0;padding:20px}#coloc-app .big{font-size:31px;letter-spacing:-1px;line-height:1.2;font-weight:500}#coloc-app .row{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap}#coloc-app .stack{display:grid;gap:9px}#coloc-app button{min-height:44px;border:1px solid var(--line);border-radius:11px;padding:9px 12px;background:var(--panel);color:var(--ink);text-align:center}#coloc-app button.primary{background:var(--action);color:var(--onaction);border-color:transparent}#coloc-app button.quiet{background:transparent;border-color:transparent;color:var(--soft)}#coloc-app button[aria-pressed=true]{background:var(--action);color:var(--onaction);border-color:transparent}#coloc-app .full{width:100%;margin-top:13px}#coloc-app .quick{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin:15px 0}#coloc-app .quick button{text-align:left;padding:13px;display:flex;align-items:center;gap:9px}#coloc-app .pill{display:inline-block;font-size:12px;padding:4px 9px;border-radius:20px;background:var(--panel);margin:0 4px 5px 0}#coloc-app .line{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 0;border-bottom:1px solid var(--line)}#coloc-app .line:last-child{border-bottom:0}#coloc-app label{display:block;margin:13px 0 5px;font-size:13px}#coloc-app input:not([type=checkbox]),#coloc-app textarea,#coloc-app select{display:block;width:100%;min-width:0;min-height:44px;border-radius:10px;border:1px solid var(--line);padding:10px;background:var(--panel);color:var(--ink);font-size:16px}#coloc-app input[type=checkbox]{width:20px;height:20px;accent-color:var(--action)}#coloc-app .check{display:flex;align-items:center;gap:10px;min-height:44px;margin:0;font-size:15px}#coloc-app .two{display:grid;grid-template-columns:1fr 1fr;gap:10px}#coloc-app .two>div{min-width:0}#coloc-app .back{padding-left:0;margin:-7px 0 10px}#coloc-app .amount{font-variant-numeric:tabular-nums;font-weight:500;white-space:nowrap}#coloc-app nav{display:grid;grid-template-columns:repeat(4,1fr);padding:8px;border-top:1px solid var(--line);background:var(--panel);gap:2px}#coloc-app nav button{display:flex;flex-direction:column;align-items:center;gap:4px;font-size:11px;padding:9px 2px;border:0;background:transparent;color:var(--soft)}#coloc-app nav button[aria-current=page]{color:var(--ink);background:var(--tint)}#coloc-app svg{width:19px;height:19px;flex-shrink:0}#coloc-app .notice{font-size:13px;padding:12px 20px;background:var(--tint)}#coloc-app .notice:empty{display:none}#coloc-app .error{color:var(--error);font-size:13px}#coloc-app .photo{display:block;width:100%;max-height:160px;object-fit:contain;border-radius:10px;margin-top:8px}#coloc-app .thread{border-left:2px solid var(--line);padding-left:12px}#coloc-app .iconhead{display:flex;align-items:center;gap:9px}#coloc-app [hidden]{display:none!important}#coloc-app .smallbtn{font-size:13px}#coloc-app .spaced{margin-top:20px}@media(max-width:360px){#coloc-preview{padding:8px 0}#coloc-app main{padding:15px}#coloc-app header{padding:17px}#coloc-app .two{grid-template-columns:1fr}}
#coloc-app .capture-frame{display:flex;min-height:230px;align-items:center;justify-content:center;flex-direction:column;gap:16px;background:var(--tint);border-radius:18px;margin:20px 0;color:var(--soft)}#coloc-app .capture-frame svg{width:40px;height:40px}#coloc-app .brand{flex-wrap:wrap}#coloc-app .line>div{flex:1;min-width:0}#coloc-app strong{font-weight:500}#coloc-app .line{overflow-wrap:anywhere}#coloc-app input[type=file]{max-width:100%}#coloc-app .object-list{margin-top:16px}#coloc-app .object-row{width:100%;display:flex;align-items:center;gap:12px;text-align:left;padding:12px 0;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent}#coloc-app .object-label{flex:1;min-width:0;display:grid;gap:2px;overflow-wrap:anywhere}#coloc-app .thumb{width:44px;height:44px;object-fit:cover;border-radius:10px;flex-shrink:0}#coloc-app .placeholder{display:flex;align-items:center;justify-content:center;background:var(--tint)}#coloc-app .purchase-card{display:block;width:100%;text-align:left;background:var(--panel);padding:17px;border-radius:16px;margin-top:15px}#coloc-app .purchase-card p:last-child{margin-bottom:0}#coloc-app .expense-row{display:flex;justify-content:space-between;gap:10px;text-align:left;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;background:transparent;padding:12px 0}#coloc-app{--paper:light-dark(#faf6ec,#24231e);--panel:light-dark(#fffdf7,#302e27);--ink:light-dark(#24251f,#f3eedf);--soft:light-dark(#747267,#c0bbab);--line:light-dark(#e9e3d5,#4b473c);--action:light-dark(#272820,#eee9da);--onaction:light-dark(#fffdf3,#25251f);--tint:light-dark(#f0ebdf,#3b382e);--sun:light-dark(#f6da75,#665722);--sage:light-dark(#dce8bd,#3d4b2b);--sky:light-dark(#dce5fa,#35435f);--rose:light-dark(#f3d7e0,#543640);--onpastel:light-dark(#2d3023,#f7f0df);--nav:light-dark(#262720,#181a16);--navink:#faf6e9;--chip:light-dark(#ffffff85,#fff9e01c);font-family:'Avenir Next',Avenir,-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;border:0;border-radius:32px;box-shadow:0 12px 50px light-dark(#322e1914,#00000025);max-width:430px}
#coloc-preview{padding:25px 9px}#coloc-app header{border:0;padding:22px 22px 9px}#coloc-app .brand{gap:10px;font-size:21px;letter-spacing:-.7px;font-weight:500}#coloc-app .brand small{margin-left:0;font-size:11px}#coloc-app .brand-copy{display:grid;line-height:1.2;gap:3px}#coloc-app .brand-mark{width:38px;height:38px;border-radius:14px;background:var(--sun);display:grid;place-items:center;transform:rotate(-5deg)}#coloc-app .brand-mark svg{width:22px;height:22px}#coloc-app .profile{margin-left:auto;display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:var(--rose);font-size:13px;font-weight:500}#coloc-app .demo{margin-top:12px;font-size:11px;letter-spacing:.2px}#coloc-app main{padding:18px 22px 6px;min-height:400px}#coloc-app h2{font-size:29px;letter-spacing:-1.1px;font-weight:500;line-height:1.15}#coloc-app h3{font-size:17px;font-weight:500;letter-spacing:-.4px}#coloc-app .eyebrow{font-size:11px;letter-spacing:1px}#coloc-app .intro{margin-bottom:20px}#coloc-app .intro p{margin:7px 0 0;font-size:12px;color:var(--soft)}#coloc-app .panel{border:0;border-radius:23px;padding:19px}#coloc-app button{border-radius:15px;font-weight:500}#coloc-app .primary{border-radius:24px}#coloc-app .quiet{font-weight:400}#coloc-app .meal{background:var(--sun);color:var(--onpastel);padding:20px;border-radius:27px;margin-top:0}#coloc-app .meal-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}#coloc-app .meal-label{font-size:13px;font-weight:500}#coloc-app .meal-emblem{width:39px;height:39px;border-radius:50%;background:var(--chip);display:grid;place-items:center;transform:rotate(10deg)}#coloc-app .meal-emblem svg{width:23px;height:23px}#coloc-app .meal-total{display:flex;align-items:baseline;gap:9px}#coloc-app .meal-total strong{font-size:57px;font-weight:500;line-height:1;letter-spacing:-3px}#coloc-app .meal-total span{font-size:22px;letter-spacing:-.6px}#coloc-app .people{display:flex;gap:17px;margin:21px 0 17px}#coloc-app .person{display:flex;flex-direction:column;align-items:center;gap:5px;position:relative;font-size:11px}#coloc-app .avatar{width:39px;height:39px;border-radius:50%;display:grid;place-items:center;background:var(--panel);color:var(--ink);font-size:14px;font-weight:500;position:relative}#coloc-app .person.away .avatar{background:transparent;border:1px dashed currentColor;opacity:.7}#coloc-app .person.away>span:last-child{text-decoration:line-through}#coloc-app .avatar.guest{background:var(--chip)}#coloc-app .avatar-check{position:absolute;right:-3px;bottom:-2px;background:var(--ink);color:var(--paper);border-radius:50%;width:15px;height:15px;display:grid;place-items:center}#coloc-app .avatar-check svg{width:10px;height:10px}#coloc-app .meal-actions{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;padding-top:15px;border-top:1px solid light-dark(#a99a5e55,#f1dda43d)}#coloc-app .meal-actions button{background:transparent;border:0;display:flex;flex-direction:column;align-items:center;gap:7px;min-width:0;padding:0 2px;color:inherit;font-size:11px;font-weight:500;min-height:66px;border-radius:12px}#coloc-app .meal-actions .action-circle{display:grid;place-items:center;width:39px;height:39px;border-radius:50%;background:var(--chip)}#coloc-app .meal-actions button[aria-pressed=true] .action-circle{background:var(--ink);color:var(--paper)}#coloc-app .meal-actions button:disabled{opacity:.55}#coloc-app .meal-actions svg{width:20px;height:20px}#coloc-app .guest-editor{margin-top:15px;display:flex;justify-content:space-between;align-items:center;gap:8px;font-size:13px}#coloc-app .guest-editor button{border:0;border-radius:50%;padding:6px;width:44px;height:44px;background:var(--chip)}#coloc-app .meal .muted{color:inherit;opacity:.8;font-size:12px}#coloc-app .meal input{background:var(--panel);border:0;border-radius:15px}#coloc-app .quick{gap:11px;margin:14px 0 25px}#coloc-app .quick button{padding:16px;border:0;border-radius:23px;display:block;min-height:127px;color:var(--onpastel)}#coloc-app .quick .courses-tile{background:var(--sage)}#coloc-app .quick .idea-tile{background:var(--rose)}#coloc-app .tile-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:15px}#coloc-app .tile-top svg:first-child{width:25px;height:25px}#coloc-app .tile-top svg:last-child{width:15px;height:15px}#coloc-app .quick strong{display:block;font-size:16px;letter-spacing:-.4px}#coloc-app .quick small{display:block;font-size:11px;margin-top:3px}#coloc-app .section-head{display:flex;align-items:center;justify-content:space-between;margin:18px 0 3px}#coloc-app .section-head h3{margin:0}#coloc-app .round-add{width:35px;min-height:35px;border:0;background:var(--panel);border-radius:50%;padding:7px;display:grid;place-items:center}#coloc-app .absence-row{display:flex;align-items:center;gap:11px;width:100%;border:0;border-bottom:1px solid var(--line);border-radius:0;padding:12px 0;text-align:left;background:transparent}#coloc-app .absence-person{width:35px;height:35px;display:grid;place-items:center;border-radius:50%;background:var(--rose);font-size:12px;flex-shrink:0}#coloc-app .absence-label{display:grid;flex:1;min-width:0;gap:2px;font-size:12px}#coloc-app .absence-label strong{font-size:13px}#coloc-app .absence-label small{font-size:11px;color:var(--soft)}#coloc-app .absence-row>svg{width:15px;height:15px;color:var(--soft)}#coloc-app .purchase-card{border:0;border-radius:23px;padding:16px;margin:20px 0 5px;background:var(--sage);color:var(--onpastel)}#coloc-app .purchase-card .muted{color:inherit;opacity:.8}#coloc-app .purchase-card .purchase-title{font-size:12px;margin:0}#coloc-app .purchase-card .purchase-amount{font-size:25px;letter-spacing:-.7px;margin:7px 0}#coloc-app .purchase-card .photo{max-height:180px;object-fit:cover;border-radius:15px}#coloc-app nav{margin:18px 15px 15px;padding:9px 7px;grid-template-columns:1fr 1fr .9fr 1fr 1fr;gap:1px;border-radius:26px;border:0;background:var(--nav)}#coloc-app nav button{background:transparent;color:var(--navink);opacity:.65;border-radius:17px;font-size:10px;gap:5px;padding:7px 1px;font-weight:400}#coloc-app nav button svg{width:21px;height:21px}#coloc-app nav button[aria-current=page]{background:transparent;color:var(--navink);opacity:1}#coloc-app nav button[aria-current=page] svg{stroke-width:2.6}#coloc-app nav #quick-add{opacity:1;align-self:center;padding:0;min-height:48px}#coloc-app .add-disc{display:grid;place-items:center;width:46px;height:46px;border-radius:50%;background:var(--sun);color:var(--onpastel)}#coloc-app .add-disc svg{width:25px;height:25px}#coloc-app #coloc-actions{padding:16px;margin:15px;border-radius:23px;background:var(--panel)}#coloc-app #coloc-actions .stack{grid-template-columns:1fr 1fr}#coloc-app #coloc-actions button{font-size:12px;display:flex;align-items:center;gap:8px;border:0;background:var(--tint);text-align:left}#coloc-app .notice{background:var(--tint);border-radius:15px;margin:12px 15px 0;padding:12px;font-size:12px}#coloc-app .shop-intro{background:var(--sage);color:var(--onpastel);padding:20px;border-radius:25px;margin-bottom:20px}#coloc-app .shop-intro .row>svg{width:34px;height:34px}#coloc-app .shop-count{font-size:45px;letter-spacing:-2px;line-height:1.1}#coloc-app .shop-intro .primary{margin-top:16px;width:100%}#coloc-app .shop-section{margin-top:20px}#coloc-app .shop-section h3{font-size:13px}#coloc-app .product-row{display:flex;align-items:center;gap:11px;min-height:61px;border-bottom:1px solid var(--line)}#coloc-app .product-row .product-symbol{width:37px;height:37px;display:grid;place-items:center;border-radius:12px;background:var(--panel);flex-shrink:0}#coloc-app .product-row .check{flex:1;justify-content:space-between;flex-direction:row-reverse;font-size:14px}#coloc-app input[type=checkbox]{width:22px;height:22px}#coloc-app .product-row:has(input:checked) .product-name{text-decoration:line-through;color:var(--soft)}#coloc-app .stock-row{display:flex;align-items:center;gap:11px;min-height:58px;border-bottom:1px solid var(--line);font-size:14px}#coloc-app .stock-row>span{flex:1}#coloc-app .stock-row button{border-radius:50%;width:38px;min-height:38px;padding:8px;background:var(--panel);border:0}#coloc-app .capture-frame{min-height:240px;background:var(--sage);color:var(--onpastel);border-radius:28px;position:relative;margin:22px 0 17px}#coloc-app .capture-frame>svg{width:58px;height:58px;stroke-width:1.3}#coloc-app .capture-frame::before{content:'';position:absolute;inset:24px;border:1px dashed currentColor;opacity:.3;border-radius:20px;pointer-events:none}#coloc-app .capture-frame span{font-size:13px}#coloc-app .step-header{display:flex;align-items:center;justify-content:space-between;margin:4px 0 18px;font-size:11px;color:var(--soft)}#coloc-app .step-dots{display:flex;gap:5px}#coloc-app .step-dots span{width:7px;height:7px;border-radius:50%;background:var(--line)}#coloc-app .step-dots span.active{background:var(--ink)}#coloc-app .expense-total{padding:19px;border-radius:24px;background:var(--sage);margin:15px 0;color:var(--onpastel)}#coloc-app .expense-total label{margin-top:0;color:inherit}#coloc-app .expense-total input{font-size:35px!important;font-weight:500;letter-spacing:-1px;background:transparent!important;border:0!important;padding:0!important;height:51px}#coloc-app .expense-total .currency{font-size:13px}#coloc-app .split-total{background:var(--sky)}#coloc-app .snap-row{display:flex;align-items:center;gap:12px;background:var(--panel);border-radius:18px;padding:12px;margin:12px 0}#coloc-app .snap-row .photo{width:56px;height:64px;object-fit:cover;margin:0;border-radius:10px}#coloc-app .snap-row .snap-label{flex:1;font-size:12px}#coloc-app .snap-row button{min-height:36px;font-size:11px}#coloc-app .optional-photo{padding:12px 14px;border:1px dashed var(--line);border-radius:17px;margin-top:18px}#coloc-app .optional-photo summary{font-size:13px;min-height:24px}#coloc-app .summary-balance{background:var(--sky)}
@media(max-width:360px){#coloc-preview{padding:8px 0}#coloc-app{border-radius:25px}#coloc-app header{padding:19px 16px 8px}#coloc-app h2{font-size:26px}#coloc-app .meal{padding:17px}#coloc-app .people{gap:14px}#coloc-app .quick button{padding:13px;min-height:119px}#coloc-app .meal-total strong{font-size:50px}#coloc-app nav{margin:14px 10px 10px}#coloc-app .brand small{font-size:10px}#coloc-app .capture-frame{min-height:210px}}


#coloc-preview,#coloc-app{color-scheme:light!important}#coloc-app{--paper:#faf6ec;--panel:#fffdf7;--ink:#24251f;--soft:#747267;--line:#e9e3d5;--action:#272820;--onaction:#fffdf3;--tint:#f0ebdf;--sun:#f6da75;--sage:#dce8bd;--sky:#dce5fa;--rose:#f3d7e0;--onpastel:#2d3023;--nav:#262720;--navink:#faf6e9;--chip:#ffffff85;--error:#a0352a}
#coloc-app #coloc-actions{background:transparent;padding:0;margin:18px 18px 4px}#coloc-app #coloc-actions .stack{gap:12px}#coloc-app #coloc-actions button{min-height:112px;border-radius:23px;padding:17px;display:flex;flex-direction:column;align-items:flex-start;justify-content:space-between;font-size:13px;gap:14px;color:var(--ink)}#coloc-app #coloc-actions button svg{width:27px;height:27px}#coloc-app #coloc-actions .add-courses{background:var(--sage)}#coloc-app #coloc-actions .add-proposal,#coloc-app #coloc-actions .add-object{background:var(--rose)}#coloc-app #coloc-actions .add-absence{background:var(--sun)}#coloc-app .account-quick button{min-height:100px}#coloc-app .account-quick svg{margin-bottom:10px;width:24px;height:24px}#coloc-app .analysis-tile{background:var(--sky)}#coloc-app .prewrap{white-space:pre-wrap;overflow-wrap:anywhere}#coloc-app .stats-total{font-size:32px;letter-spacing:-1px;margin:6px 0}#coloc-app .stat-item{margin:18px 0;font-size:13px}#coloc-app .stat-track{height:14px;border-radius:10px;background:var(--tint);margin-top:8px;overflow:hidden}#coloc-app .stat-bar{height:100%;border-radius:10px;background:var(--sky)}#coloc-app .stat-bar.courses{background:var(--sage)}#coloc-app .stat-bar.equipement{background:var(--rose)}#coloc-app .stat-bar.autres{background:var(--sun)}#coloc-app .ticket-thumbnail{width:100%;border:0;background:var(--panel);padding:12px;border-radius:20px}#coloc-app .ticket-thumbnail span{display:flex;gap:8px;justify-content:center;align-items:center;font-size:12px;margin-top:10px}#coloc-app .ticket-actions{display:flex;gap:10px;flex-wrap:wrap;margin:12px 0}#coloc-app .ticket-actions button,#coloc-app .ticket-download{display:flex;align-items:center;gap:6px;justify-content:center;font:inherit;font-size:12px;border:1px solid var(--line);border-radius:14px;color:var(--ink);background:var(--panel);text-decoration:none;padding:10px;min-height:44px;flex:1}#coloc-app .ticket-large{display:block;width:100%;height:auto;margin:15px auto;max-width:100%;object-fit:contain}#coloc-app .viewer-toolbar{margin-bottom:12px}#coloc-app #ticket-viewer{background:var(--paper);color:var(--ink)}#coloc-app #ticket-viewer:fullscreen{box-sizing:border-box;width:100%;height:100%;overflow:auto;padding:20px}#coloc-app #ticket-viewer:fullscreen .ticket-large{width:auto;max-width:100%;min-width:280px}#coloc-app #ticket-viewer:fullscreen .viewer-toolbar{position:sticky;top:0;background:var(--paper);padding:8px}

#coloc-app{position:relative}#coloc-app button.primary{display:flex;align-items:center;justify-content:center;gap:9px}#coloc-app button.primary svg{display:block;flex:0 0 auto;margin:0}#coloc-app #record-repayment{display:flex;align-items:center;justify-content:center;gap:8px}#coloc-app .meal-actions .action-circle{background:#fffdf7;opacity:1}#coloc-app .meal-actions button:not(:disabled){opacity:1;filter:none}#coloc-app .meal-input-row{display:flex;align-items:center;gap:8px}#coloc-app .meal-input-row input{flex:1;min-width:0}#coloc-app #confirm-meal{width:44px;height:44px;min-height:44px;flex:0 0 44px;padding:10px;border:0;border-radius:50%;background:var(--ink);color:var(--paper);display:grid;place-items:center}#coloc-app #confirm-meal:disabled{background:var(--panel);color:var(--soft);opacity:.55}#coloc-app #meal-saved{display:block;margin-top:5px;min-height:18px;font-size:11px}
#coloc-app nav{position:relative;z-index:40}#coloc-app #coloc-actions{position:absolute;inset:0;z-index:30;margin:0;padding:0;background:transparent;border-radius:0;pointer-events:none}#coloc-app #coloc-actions .actions-backdrop{position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0;border-radius:0;margin:0;padding:0;background:#24251f45;pointer-events:auto;animation:coloc-veil-in 180ms ease-out both}#coloc-app .actions-sheet{position:absolute;bottom:100px;left:12px;right:12px;padding:16px;border-radius:29px;background:var(--paper);box-shadow:0 8px 32px #24251f25;pointer-events:auto;animation:coloc-sheet-in 220ms cubic-bezier(.2,.8,.2,1) both}#coloc-app .actions-title{margin:0 0 9px;padding:0 3px}#coloc-app .actions-title h3{margin:0}#coloc-app #coloc-actions #close-actions{min-height:40px;height:40px;width:40px;padding:8px;border-radius:50%;background:var(--panel);display:grid;place-items:center}#coloc-app #coloc-actions #close-actions svg{width:20px;height:20px}#coloc-app #coloc-actions.closing .actions-sheet{animation:coloc-sheet-out 180ms ease-in both}#coloc-app #coloc-actions.closing .actions-backdrop{animation:coloc-veil-out 180ms ease-in both}#coloc-app #quick-add .add-disc{transition:transform 180ms ease}#coloc-app #quick-add[aria-expanded=true] .add-disc{transform:rotate(45deg)}
@keyframes coloc-sheet-in{from{opacity:0;transform:translateY(24px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes coloc-sheet-out{from{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(18px)}}@keyframes coloc-veil-in{from{opacity:0}to{opacity:1}}@keyframes coloc-veil-out{from{opacity:1}to{opacity:0}}
#coloc-app .balance-badge{padding:5px 10px;border-radius:12px}#coloc-app .balance-badge.positive{background:#d9ebd9;color:#24643b}#coloc-app .balance-badge.negative{background:#f8ded9;color:#9b3834}#coloc-app .balance-badge.neutral{background:var(--panel);color:var(--soft)}#coloc-app .chart-choice{display:flex;gap:4px;padding:4px;border-radius:17px;background:var(--tint)}#coloc-app .chart-choice button{font-size:11px;display:flex;align-items:center;gap:5px;border:0;min-height:36px;padding:7px 9px;background:transparent}#coloc-app .chart-choice button[aria-pressed=true]{background:var(--ink);color:var(--paper)}#coloc-app .chart-choice svg{width:15px;height:15px}#coloc-app .pie-chart{width:min(230px,85%);aspect-ratio:1;border-radius:50%;margin:23px auto}#coloc-app .pie-legend{font-size:12px}#coloc-app .legend-dot{display:inline-block;width:10px;height:10px;border-radius:50%;margin-right:7px}#coloc-app .settlement-panel{background:#e4ebf4}#coloc-app .settlement-panel .line{border-color:#cdd7e4}
@media(prefers-reduced-motion:reduce){#coloc-app #coloc-actions .actions-sheet,#coloc-app #coloc-actions .actions-backdrop{animation:none!important}#coloc-app #quick-add .add-disc{transition:none}}
#coloc-app .coloc-mosaic{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
#coloc-app .coloc-tile{border:0;text-align:left;padding:16px;min-width:0;min-height:137px;border-radius:23px;display:flex;flex-direction:column;justify-content:space-between;gap:13px}
#coloc-app .coloc-tile .tile-top{width:100%;margin:0}
#coloc-app .coloc-tile strong{font-size:15px;line-height:1.3;overflow-wrap:anywhere}
#coloc-app .tile-sun{background:var(--sun)}
#coloc-app .tile-rose{background:var(--rose)}
#coloc-app .coloc-symbol{display:grid;place-items:center;width:44px;height:44px;border-radius:16px;background:var(--chip);flex-shrink:0}
#coloc-app .coloc-symbol svg{width:26px!important;height:26px!important}
#coloc-app .tile-cue{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;flex-shrink:0}
#coloc-app .tile-cue svg{width:16px!important;height:16px!important;margin:0!important}
#coloc-app .action-cue{background:var(--ink);color:var(--paper)}
#coloc-app .coloc-tile.tile-wide{grid-column:1/-1;min-height:86px;display:grid;grid-template-columns:44px minmax(0,1fr) 27px;gap:12px;align-items:center}
#coloc-app .tile-wide .tile-top{display:contents}
#coloc-app .tile-wide .coloc-symbol{grid-column:1;grid-row:1}
#coloc-app .tile-wide strong{grid-column:2;grid-row:1}
#coloc-app .tile-wide .tile-cue{grid-column:3;grid-row:1}
#coloc-app .account-quick .tile-top svg{margin-bottom:0}
#coloc-app .latest-expense{background:var(--sky)}
#coloc-app .latest-expense .purchase-title{display:flex;align-items:center;gap:7px}
#coloc-app .history-controls{display:flex;align-items:center;gap:8px;flex-wrap:wrap}
#coloc-app .history-controls>button{flex:1}
#coloc-app .history-filters>label:first-child{margin-top:0}
#coloc-app .expense-copy{min-width:0;display:grid;gap:3px;overflow-wrap:anywhere}
#coloc-app .expense-row{align-items:center}
#coloc-app .expense-end{display:flex;align-items:center;gap:5px;flex-shrink:0}
#coloc-app .expense-end svg{width:14px;height:14px;color:var(--soft)}
#coloc-app .nav-link-button{display:flex;align-items:center;justify-content:center;gap:8px}
@media(max-width:360px){#coloc-app .coloc-tile{padding:13px;min-height:128px}#coloc-app .expense-row{flex-wrap:wrap}#coloc-app .expense-end{margin-left:auto}}

#coloc-app #add-recurring-secondary,#coloc-app #new-proposal,#coloc-app [data-edit-object],#coloc-app [data-edit-recurring]{display:flex;align-items:center;justify-content:center;gap:8px}
#coloc-app button{transition:transform 150ms ease,background-color 180ms ease,color 180ms ease,opacity 180ms ease,box-shadow 180ms ease;-webkit-tap-highlight-color:transparent}
#coloc-app button:active:not(:disabled):not(.actions-backdrop){transform:scale(.96)}
#coloc-app input,#coloc-app select,#coloc-app textarea{transition:border-color 160ms ease,background-color 160ms ease}
#coloc-app nav button svg{transition:transform 200ms cubic-bezier(.2,.8,.2,1)}
#coloc-app nav button[aria-current=page] svg{transform:translateY(-2px)}
#coloc-app .action-circle{transition:background-color 180ms ease,color 180ms ease}
#coloc-app .guest-editor,#coloc-app #meal-form{animation:coloc-detail-in 220ms ease-out}
#coloc-app .notice:not(:empty){animation:coloc-detail-in 180ms ease-out}
#coloc-app .product-row .product-symbol{transition:background-color 180ms ease,transform 180ms ease}
#coloc-app .product-row:has(input:checked) .product-symbol{background:var(--sage);transform:scale(.94)}
@keyframes coloc-detail-in{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}
@media(hover:hover) and (pointer:fine){#coloc-app .quick button:hover,#coloc-app .coloc-tile:hover,#coloc-app .purchase-card:hover{transform:translateY(-2px);box-shadow:0 5px 13px #24251f0c}#coloc-app button:hover:not(:disabled):not(.actions-backdrop){filter:brightness(.98)}}
#coloc-app #history-form{margin-top:18px}
#coloc-app .history-searchbar{display:flex;align-items:center;gap:8px}
#coloc-app .history-searchbox{display:flex;align-items:center;flex:1;min-width:0;background:var(--panel);border:1px solid var(--line);border-radius:16px;overflow:hidden}
#coloc-app .history-searchbox input{border:0;background:transparent;padding:11px 4px 11px 12px;min-width:0;flex:1}
#coloc-app #history-search-submit{border:0;background:transparent;display:grid;place-items:center;min-width:44px;min-height:46px;padding:10px}
#coloc-app #toggle-history-filters{display:grid;place-items:center;position:relative;width:46px;height:46px;flex:0 0 46px;padding:10px;border:0;background:var(--panel)}
#coloc-app #toggle-history-filters[aria-expanded=true],#coloc-app #toggle-history-filters.has-filters{background:var(--sky)}
#coloc-app .filter-count{position:absolute;top:-4px;right:-4px;background:var(--ink);color:var(--paper);width:19px;height:19px;display:grid;place-items:center;border-radius:50%;font-size:11px}
#coloc-app #history-advanced{overflow:hidden}
#coloc-app .history-advanced-inner{margin-top:10px;background:var(--panel);padding:16px;border-radius:20px}
#coloc-app .history-advanced-inner .two:first-child label{margin-top:0}
#coloc-app .history-advanced-inner p.muted{margin-top:11px}
#coloc-app #history-error:empty{display:none}
#coloc-app #coloc-actions .actions-sheet .stack>button{align-items:center;justify-content:center;text-align:center;gap:12px;min-height:142px;padding:17px 12px}
#coloc-app #coloc-actions .quick-symbol{display:grid;place-items:center;width:62px;height:62px;flex:0 0 62px;border-radius:22px;background:var(--chip)}
#coloc-app #coloc-actions .quick-symbol svg{width:37px;height:37px;stroke-width:1.7}
#coloc-app #coloc-actions .add-object{background:var(--sky)}
#coloc-app #coloc-actions .stack>button>span:last-child{max-width:135px;line-height:1.3}
#coloc-app .actions-sheet{animation-duration:280ms}
#coloc-app #quick-add .add-disc{transition:transform 250ms cubic-bezier(.2,.8,.2,1),background-color 180ms ease}
#coloc-app #quick-add[aria-expanded=true] .add-disc{background:var(--panel)}
@media(prefers-reduced-motion:reduce){#coloc-app *,#coloc-app *::before,#coloc-app *::after{animation:none!important;transition:none!important}#coloc-app button:active:not(:disabled):not(.actions-backdrop),#coloc-app .quick button:hover,#coloc-app .coloc-tile:hover,#coloc-app .purchase-card:hover{transform:none}}