@import "https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap";:root{color:#201a16;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--bg:#f5efe6;--surface:#fffbf6eb;--surface-strong:#fffaf3;--surface-soft:#f1e8dc;--border:#ded1c0;--text:#201a16;--muted:#6d6258;--accent:#d68657;--accent-soft:#f7e1d2;--danger:#955548;--danger-soft:#f2e4dd;--shadow:0 10px 30px #31271e0f;background:#f5efe6;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}::selection{color:#201a16;background:#d686573d}body{min-height:100vh;color:var(--text);background:radial-gradient(circle at 0 0,#ffffffe6,#0000 34%),linear-gradient(#f8f3eb 0%,#f3ece2 100%);margin:0;overflow-x:clip}button,input,select{font:inherit}button{cursor:pointer;border:none}input,select{border:1px solid var(--border)}#app{min-height:100vh;overflow-x:clip}.shell{max-width:1120px;padding:16px 16px calc(104px + env(safe-area-inset-bottom));margin:0 auto;overflow-x:clip}.tabs,.section-heading,.workspace-section,.summary-panel,.truco-card{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow)}.section-kicker,.mini-title,.icon-label{text-transform:uppercase;letter-spacing:.14em;color:var(--muted);font-size:.72rem}.section-heading h2,.summary-block h3,.flavor-card h3{margin:0}.section-heading p,.summary-block p,.section-topline p,.flavor-card p,.empty-state{color:var(--muted)}.overview-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.overview-grid>:only-child{grid-column:1/-1}.overview-card{background:var(--surface-soft);border:1px solid #e8dccd;border-radius:18px;padding:14px}.overview-card small{color:var(--muted);display:block}.overview-card strong{margin:.45rem 0 .15rem;font-size:1.25rem;line-height:1;display:block}.overview-card span{color:var(--muted);font-size:.92rem}.tabs{left:12px;right:12px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:40;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffbf6f5;border-radius:999px;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:0;padding:8px;display:grid;position:fixed}.tab-button{min-height:48px;color:var(--muted);background:0 0;border-radius:999px;font-size:.92rem;font-weight:700;position:relative;overflow:hidden}.tab-button span:last-child{z-index:1;position:relative}.tab-button.active{color:#fffaf3}.tab-pill{background:var(--accent);border-radius:999px;position:absolute;inset:0}.section-heading{border-radius:22px;margin-top:14px;padding:18px}.section-heading h2{margin-top:.45rem;font-size:clamp(1.5rem,4vw,2.25rem);line-height:1.05}.section-heading p{max-width:40rem;margin:.7rem 0 0}.panel-grid,.truco-layout{gap:14px;margin-top:14px;display:grid}.workspace,.truco-board{gap:14px;display:grid}.workspace-section,.summary-panel,.truco-card{border-radius:22px}.workspace-section{padding:16px}.summary-panel{gap:12px;height:fit-content;padding:12px;display:grid}.summary-block{background:var(--surface-strong);border:1px solid #ece0d0;border-radius:18px;padding:14px}.summary-block h3{margin-top:.75rem;font-size:1.55rem}.summary-block p{margin:.6rem 0 0;line-height:1.55}.section-topline{gap:8px;margin-bottom:16px;display:grid}.icon-label{align-items:center;gap:8px;display:inline-flex}.people-bar,.payer-bar{scrollbar-width:none;gap:10px;padding-bottom:4px;display:flex;overflow-x:auto}.people-bar::-webkit-scrollbar{display:none}.payer-bar::-webkit-scrollbar{display:none}.person-chip,.payer-chip{min-height:46px;color:var(--text);background:#fffaf3;border:1px solid #e7dacb;border-radius:999px;flex:none;align-items:center;gap:10px;padding:0 16px;display:inline-flex}.person-chip:before{content:"";background:var(--person-color);border-radius:50%;width:8px;height:8px}.person-chip.active,.payer-chip.active{background:var(--accent);border-color:var(--accent);color:#fffaf3}.person-chip small,.payer-chip{font-size:.92rem;font-weight:600}.person-delete{background:#ffffff2e;border-radius:999px;justify-content:center;align-items:center;width:24px;height:24px;display:inline-flex}.inline-form,.flavor-actions,.action-grid,.truco-actions,.split-count-block{gap:10px;display:grid}.inline-form{margin-top:14px}.action-grid,.split-count-block{margin-top:16px}.quick-actions{flex-wrap:wrap;gap:8px;display:flex}.quick-button{min-height:38px;padding:0 12px;font-size:.9rem}.split-count-block+.overview-grid,.field+.overview-grid{margin-top:18px}.inline-form+.flavor-grid{margin-top:16px}.inline-form input,.split-field-card input,.field select,.field input,.truco-card input{width:100%;min-height:46px;color:var(--text);background:#fffaf3;border-radius:14px;padding:0 14px}.field select{appearance:none;background-color:#0000;background-image:linear-gradient(#ffffffeb,#faf3eafa),linear-gradient(45deg,#0000 50%,#8a796b 50%),linear-gradient(135deg,#8a796b 50%,#0000 50%),linear-gradient(#e7d8c6,#e7d8c6);background-position:0 0,calc(100% - 22px) calc(50% - 2px),calc(100% - 16px) calc(50% - 2px),calc(100% - 40px);background-repeat:no-repeat;background-size:100% 100%,6px 6px,6px 6px,1px 18px;background-attachment:scroll,scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box,border-box;border-color:#e4d4c3;padding-right:48px;transition:border-color .16s,box-shadow .16s,background-color .16s;box-shadow:inset 0 1px #ffffffad,0 1px 2px #4d36240a}.field select:hover{border-color:#d7bea7}.field select:focus,.field input:focus,.inline-form input:focus,.split-field-card input:focus,.truco-card input:focus{border-color:#d68657;outline:none;box-shadow:0 0 0 4px #d6865724,inset 0 1px #ffffffb8}.inline-form input::placeholder{color:#928476}.flavor-grid{gap:10px;margin-top:14px;display:grid}.flavor-card{background:var(--surface-strong);border:1px solid #eadfce;border-radius:18px;gap:12px;padding:14px;display:grid}.flavor-head,.flavor-actions,.summary-row,.person-summary,.settlement-row{justify-content:space-between;align-items:center;gap:12px;display:flex}.flavor-head p,.person-summary small{margin:.3rem 0 0}.flavor-meta{text-align:right;min-width:64px}.flavor-meta span{color:var(--muted);font-size:.8rem;display:block}.flavor-meta strong{font-size:1.15rem}.stepper{align-items:center;gap:10px;display:flex}.stepper button,.primary-button,.ghost-button{border-radius:14px;justify-content:center;align-items:center;gap:8px;min-height:44px;padding:0 14px;font-weight:700;transition:transform .16s;display:inline-flex}.stepper button{background:var(--surface-soft);width:40px;color:var(--text);padding:0}.primary-button{background:var(--accent);color:#fffaf3}.ghost-button{color:var(--text);background:#fffaf3;border:1px solid #e8dccf}.ghost-button.danger{color:var(--danger);background:var(--danger-soft);border-color:#e5c7bd}.ghost-button.icon-only{width:44px;padding:0}.primary-button:hover,.ghost-button:hover,.stepper button:hover,.person-chip:hover,.payer-chip:hover,.tab-button:hover{transform:translateY(-1px)}button:disabled{opacity:.55;cursor:not-allowed;transform:none}.stepper strong,.person-summary strong,.summary-row strong,.settlement-row strong{flex:none}.list-block{gap:10px;display:grid}.summary-row,.settlement-row{border-bottom:1px solid #eee3d6;padding-bottom:10px}.summary-row:last-child,.settlement-row:last-child{border-bottom:none;padding-bottom:0}.person-summary{align-items:flex-start}.person-summary div{gap:3px;display:grid}.money strong{color:var(--accent)}.field{gap:8px;display:grid}.field span{color:var(--muted);font-size:.92rem}.split-fields{gap:10px;display:grid}.split-field-card{background:var(--surface-strong);border:1px solid #eadfce;border-radius:18px;gap:10px;padding:12px;display:grid}.split-field-main,.split-field-amount{gap:10px;display:grid}.split-field-amount{grid-template-columns:minmax(0,1fr) auto;align-items:center}.compact-field span{font-size:.84rem}.truco-board{gap:12px}.truco-card{gap:16px;padding:18px;display:grid}.truco-card input{font-weight:700}.truco-card strong{font-size:clamp(4.5rem,22vw,7rem);line-height:.9}.truco-card small{color:var(--muted);text-transform:uppercase;letter-spacing:.16em}.footer{text-align:center;margin-top:18px;padding:8px 4px 0}.footer a{color:var(--muted);font-size:.92rem;text-decoration:none}.footer a:hover{color:var(--accent)}@media (width>=680px){.overview-grid,.action-grid,.inline-form,.truco-actions,.flavor-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.truco-actions{grid-template-columns:repeat(4,minmax(0,1fr))}.split-count-block{grid-template-columns:minmax(0,1fr) auto;align-items:end}.split-field-card{grid-template-columns:minmax(0,1.2fr) minmax(0,180px);align-items:end}}@media (width>=920px){.shell{padding:24px 24px 40px}.panel-grid,.truco-layout{grid-template-columns:minmax(0,1.4fr) 340px}.tabs{z-index:20;background:var(--surface);-webkit-backdrop-filter:none;backdrop-filter:none;position:sticky;inset:10px auto auto}.summary-panel{position:sticky;top:86px}.inline-form{grid-template-columns:minmax(0,1fr) auto}.people-bar,.payer-bar{flex-wrap:wrap;overflow:visible}}