:root{--color-grass:oklch(0.72 0.14 150);--color-grass-light:oklch(0.88 0.10 150);--color-grass-faint:oklch(0.95 0.04 150);--color-leaf:oklch(0.62 0.15 148);--color-sky:oklch(0.85 0.07 225);--color-sky-deep:oklch(0.78 0.09 225);--color-sand:oklch(0.94 0.03 82);--color-sand-warm:oklch(0.91 0.04 78);--color-wood:oklch(0.55 0.08 58);--color-wood-light:oklch(0.72 0.06 62);--color-wood-dark:oklch(0.40 0.06 55);--color-bell:oklch(0.87 0.13 88);--color-bell-warm:oklch(0.82 0.14 85);--color-coral:oklch(0.72 0.13 18);--color-coral-light:oklch(0.88 0.07 18);--color-peach:oklch(0.85 0.08 50);--color-white:oklch(0.985 0.005 80);--color-cream:oklch(0.97 0.01 82);--color-offwhite:oklch(0.95 0.012 80);--color-text:oklch(0.30 0.04 55);--color-text-muted:oklch(0.50 0.03 58);--color-text-soft:oklch(0.62 0.03 60);--space-xs:4px;--space-sm:8px;--space-md:12px;--space-lg:16px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px;--space-4xl:64px;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-xl:28px;--radius-pill:999px;--radius-round:50%;--shadow-sm:0 2px 8px oklch(0.55 0.04 58/0.10);--shadow-md:0 4px 16px oklch(0.50 0.05 55/0.12);--shadow-lg:0 8px 32px oklch(0.45 0.05 55/0.14);--shadow-inset:inset 0 2px 4px oklch(0.50 0.04 58/0.08);--font-display:"Fredoka",sans-serif;--font-body:"Varela Round",sans-serif;--text-xs:0.75rem;--text-sm:0.85rem;--text-base:1rem;--text-lg:1.2rem;--text-xl:1.5rem;--text-2xl:clamp(1.8rem,4vw,2.2rem);--text-3xl:clamp(2.2rem,5vw,3rem);--ease-out:cubic-bezier(0.16,1,0.3,1);--duration-fast:150ms;--duration-normal:250ms}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%;-moz-text-size-adjust:100%;text-size-adjust:100%}body{background-attachment:fixed;background-color:oklch(.88 .1 150);background-color:var(--color-grass-light);background-image:radial-gradient(circle at 20% 80%,oklch(.86 .08 155/.3) 0,transparent 50%),radial-gradient(circle at 80% 20%,oklch(.88 .06 225/.2) 0,transparent 50%);color:oklch(.3 .04 55);color:var(--color-text);font-family:Varela Round,sans-serif;font-family:var(--font-body);line-height:1.5;min-height:100vh}body:before{background-image:radial-gradient(oklch(.7 .08 150/.06) 1px,transparent 0);background-size:20px 20px;content:"";inset:0;pointer-events:none;position:fixed;z-index:0}#root{position:relative;z-index:1}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:oklch(.95 .04 150);background:var(--color-grass-faint)}::-webkit-scrollbar-thumb,::-webkit-scrollbar-track{border-radius:999px;border-radius:var(--radius-pill)}::-webkit-scrollbar-thumb{background:oklch(.72 .14 150);background:var(--color-grass)}::-webkit-scrollbar-thumb:hover{background:oklch(.62 .15 148);background:var(--color-leaf)}::selection{background:oklch(.85 .1 150/.4);color:oklch(.3 .04 55);color:var(--color-text)}:focus-visible{border-radius:8px;border-radius:var(--radius-sm);outline:3px solid oklch(.72 .14 150);outline:3px solid var(--color-grass);outline-offset:2px}.App{max-width:100%;min-height:100vh;padding:var(--space-lg)}.App,.hero{align-items:center;display:flex;flex-direction:column}.hero{gap:var(--space-lg);justify-content:center;min-height:80vh;padding:var(--space-2xl);text-align:center}.hero-leaf{-webkit-animation:leaf-sway 3s var(--ease-out) infinite alternate;animation:leaf-sway 3s var(--ease-out) infinite alternate;display:block;font-size:3.5rem;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes leaf-sway{0%{-webkit-transform:rotate(-6deg) scale(1);transform:rotate(-6deg) scale(1)}50%{-webkit-transform:rotate(3deg) scale(1.05);transform:rotate(3deg) scale(1.05)}to{-webkit-transform:rotate(-6deg) scale(1);transform:rotate(-6deg) scale(1)}}@keyframes leaf-sway{0%{-webkit-transform:rotate(-6deg) scale(1);transform:rotate(-6deg) scale(1)}50%{-webkit-transform:rotate(3deg) scale(1.05);transform:rotate(3deg) scale(1.05)}to{-webkit-transform:rotate(-6deg) scale(1);transform:rotate(-6deg) scale(1)}}.hero-title{color:var(--color-leaf);font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;letter-spacing:-.02em;line-height:1.1}.hero-subtitle{color:var(--color-text-muted);font-size:var(--text-lg);line-height:1.6;max-width:32ch}.hero-tagline{background:var(--color-cream);border-radius:var(--radius-pill);box-shadow:var(--shadow-sm);color:var(--color-wood-light);font-family:var(--font-display);font-size:var(--text-base);font-weight:500;padding:var(--space-sm) var(--space-xl)}.hero-actions{display:flex;flex-wrap:wrap;gap:var(--space-md);justify-content:center;margin-top:var(--space-md)}.btn{align-items:center;border:none;border-radius:var(--radius-pill);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--text-base);font-weight:600;gap:var(--space-sm);line-height:1.2;padding:var(--space-md) var(--space-xl);text-decoration:none;transition:box-shadow var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),-webkit-transform var(--duration-fast) var(--ease-out);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out);transition:transform var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),-webkit-transform var(--duration-fast) var(--ease-out)}.btn:active{-webkit-transform:scale(.96);transform:scale(.96)}.btn-primary{background:var(--color-grass);box-shadow:0 4px 0 oklch(.55 .14 150),var(--shadow-sm);color:var(--color-white)}.btn-primary:hover{background:var(--color-leaf);box-shadow:0 5px 0 oklch(.5 .14 150),var(--shadow-md);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-primary:active{box-shadow:0 2px 0 oklch(.55 .14 150);-webkit-transform:translateY(2px) scale(1);transform:translateY(2px) scale(1)}.btn-secondary{background:var(--color-sand);box-shadow:0 4px 0 oklch(.82 .04 78),var(--shadow-sm);color:var(--color-wood)}.btn-secondary:hover{background:var(--color-sand-warm);box-shadow:0 5px 0 oklch(.8 .04 78),var(--shadow-md);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.btn-secondary:active{box-shadow:0 2px 0 oklch(.82 .04 78);-webkit-transform:translateY(2px) scale(1);transform:translateY(2px) scale(1)}.btn-danger{background:transparent;border-radius:var(--radius-sm);box-shadow:none;color:var(--color-coral);font-size:var(--text-sm);font-weight:500;padding:var(--space-xs) var(--space-sm)}.btn-danger:hover{background:var(--color-coral-light);-webkit-transform:none;transform:none}.btn-danger:active{-webkit-transform:scale(.96);transform:scale(.96)}.btn-sm{padding:var(--space-sm) var(--space-lg)}.btn-icon,.btn-sm{font-size:var(--text-sm)}.btn-icon{align-items:center;background:transparent;border:none;border-radius:var(--radius-round);color:var(--color-text-soft);cursor:pointer;display:inline-flex;height:32px;justify-content:center;padding:0;transition:all var(--duration-fast) var(--ease-out);width:32px}.btn-icon:hover{background:var(--color-coral-light);color:var(--color-coral);-webkit-transform:scale(1.1);transform:scale(1.1)}.expense-page{-webkit-animation:page-enter .5s var(--ease-out);animation:page-enter .5s var(--ease-out);display:flex;flex-direction:column;gap:var(--space-xl);max-width:1100px;width:100%}@-webkit-keyframes page-enter{0%{opacity:0;-webkit-transform:translateY(12px);transform:translateY(12px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes page-enter{0%{opacity:0;-webkit-transform:translateY(12px);transform:translateY(12px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.expense-header{align-items:center;display:flex;gap:var(--space-md);padding:var(--space-sm) 0}.expense-title{color:var(--color-leaf);font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700}.ledger{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);overflow:hidden;position:relative}.ledger:before{background:linear-gradient(90deg,var(--color-grass) 0,var(--color-sky) 50%,var(--color-bell) 100%);border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";display:block;height:6px}.ledger-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.ledger-table{border-collapse:initial;border-spacing:0;font-size:var(--text-sm);width:100%}.ledger-table td,.ledger-table th{padding:var(--space-sm) var(--space-md);text-align:center;vertical-align:middle;white-space:nowrap}.ledger-table thead th{background:var(--color-cream);color:var(--color-wood);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;padding-bottom:var(--space-md);padding-top:var(--space-lg);position:-webkit-sticky;position:sticky;top:0;z-index:2}.ledger-table thead th:first-child{padding-left:var(--space-lg);text-align:left}.col-emoji{font-size:1.3rem;min-width:36px;padding-left:var(--space-md)!important;padding-right:0!important;text-align:center;width:36px}.col-item{min-width:140px;text-align:left!important}.col-price{min-width:100px}.col-friend{min-width:110px}.col-actions{min-width:48px;width:48px}.ledger-table tbody tr{transition:background-color var(--duration-fast) var(--ease-out)}.ledger-table tbody tr:nth-child(2n){background:oklch(.98 .005 80)}.ledger-table tbody tr:hover{background:var(--color-grass-faint)}.ledger-table tbody td{border-bottom:1px solid oklch(.93 .01 80)}.ledger-table tbody td:first-child{padding-left:var(--space-lg)}.friend-header{flex-direction:column;gap:var(--space-xs)}.friend-avatar,.friend-header{align-items:center;display:flex}.friend-avatar{border-radius:var(--radius-round);box-shadow:0 2px 8px oklch(.5 .05 55/.18);color:var(--color-white);flex-shrink:0;font-family:var(--font-display);font-size:1.2rem;font-weight:600;height:48px;justify-content:center;padding:4px;transition:-webkit-transform var(--duration-fast) var(--ease-out);transition:transform var(--duration-fast) var(--ease-out);transition:transform var(--duration-fast) var(--ease-out),-webkit-transform var(--duration-fast) var(--ease-out);width:48px}.friend-avatar:hover{-webkit-transform:scale(1.1);transform:scale(1.1)}.friend-avatar-img{height:100%;object-fit:contain;width:100%}.friend-avatar-0{background:var(--color-grass)}.friend-avatar-1{background:var(--color-sky-deep)}.friend-avatar-2{background:var(--color-coral)}.friend-avatar-3{background:var(--color-bell-warm)}.friend-avatar-4{background:oklch(.68 .12 310)}.friend-avatar-5{background:var(--color-peach)}.friend-avatar-6{background:var(--color-wood-light)}.friend-avatar-7{background:oklch(.7 .1 180)}.friend-name-group{align-items:center;display:flex;gap:2px}.input{background:var(--color-offwhite);border:2px solid transparent;border-radius:var(--radius-md);color:var(--color-text);font-family:var(--font-body);font-size:var(--text-sm);padding:var(--space-sm) var(--space-md);transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),box-shadow var(--duration-fast) var(--ease-out);width:100%}.input:hover{background:var(--color-cream)}.input:focus{background:var(--color-white);border-color:var(--color-grass);box-shadow:0 0 0 3px oklch(.72 .14 150/.15);outline:none}.input::-webkit-input-placeholder{color:var(--color-text-soft);font-style:italic}.input::placeholder{color:var(--color-text-soft);font-style:italic}.input-number{-moz-appearance:textfield;text-align:center;width:80px}.input-number::-webkit-inner-spin-button,.input-number::-webkit-outer-spin-button{-webkit-appearance:none}.input-empty-warn{-webkit-animation:nudge-pulse 2s ease-in-out infinite;animation:nudge-pulse 2s ease-in-out infinite;background:oklch(.95 .04 55);border-color:oklch(.85 .08 55)}.input-empty-warn::-webkit-input-placeholder{color:oklch(.65 .06 55)}.input-empty-warn::placeholder{color:oklch(.65 .06 55)}.input-empty-warn:focus{-webkit-animation:none;animation:none;background:var(--color-white);border-color:var(--color-grass)}@-webkit-keyframes nudge-pulse{0%,to{border-color:oklch(.85 .08 55)}50%{border-color:oklch(.78 .1 55)}}@keyframes nudge-pulse{0%,to{border-color:oklch(.85 .08 55)}50%{border-color:oklch(.78 .1 55)}}.input-name{min-width:120px}.input-friend{font-size:var(--text-xs);padding:var(--space-xs) var(--space-sm);text-align:center;width:80px}.ledger-table tfoot{font-family:var(--font-display)}.ledger-table tfoot tr:first-child td{border-top:2px dashed oklch(.85 .04 80);padding-top:var(--space-lg)}.ledger-table tfoot td{color:var(--color-wood);font-size:var(--text-sm);font-weight:500;padding:var(--space-sm) var(--space-md)}.ledger-table tfoot td:first-child{padding-left:var(--space-lg);text-align:left}.row-total td{background:oklch(.96 .04 88);color:var(--color-wood-dark)!important;font-size:var(--text-base)!important;font-weight:700!important;padding-bottom:var(--space-md)!important;padding-top:var(--space-md)!important}.row-total td:first-child{border-radius:0 0 0 var(--radius-lg)}.row-total td:last-child{border-radius:0 0 var(--radius-lg) 0}.total-label{align-items:center;display:flex;gap:var(--space-sm)}.bell-icon{display:inline-block;font-size:1.1em}.action-bar{align-items:center;display:flex;flex-wrap:wrap;gap:var(--space-md)}.upload-label{align-items:center;background:var(--color-cream);border:2px dashed var(--color-wood-light);border-radius:var(--radius-pill);color:var(--color-wood);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--text-base);font-weight:600;gap:var(--space-sm);line-height:1.2;padding:var(--space-md) var(--space-xl);transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),-webkit-transform var(--duration-fast) var(--ease-out);transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);transition:border-color var(--duration-fast) var(--ease-out),background-color var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),-webkit-transform var(--duration-fast) var(--ease-out)}.upload-label:hover{background:var(--color-grass-faint);border-color:var(--color-grass);-webkit-transform:translateY(-1px);transform:translateY(-1px)}.upload-label[data-uploading=true]{cursor:not-allowed;opacity:.7}.error-msg{background:var(--color-coral-light);border-radius:var(--radius-md);color:var(--color-coral);font-weight:500;margin-top:var(--space-sm);padding:var(--space-sm) var(--space-lg)}.btn-add-friend,.error-msg{font-family:var(--font-display);font-size:var(--text-sm)}.btn-add-friend{align-items:center;background:var(--color-grass-faint);border:2px dashed var(--color-grass);border-radius:var(--radius-md);color:var(--color-leaf);cursor:pointer;display:flex;flex-direction:column;font-weight:600;gap:var(--space-xs);padding:var(--space-sm) var(--space-md);transition:all var(--duration-fast) var(--ease-out);white-space:nowrap}.btn-add-friend:hover{background:oklch(.9 .08 150/.3);border-color:var(--color-leaf);-webkit-transform:scale(1.03);transform:scale(1.03)}.btn-add-friend-icon{align-items:center;background:var(--color-white);border:2px dashed var(--color-grass);border-radius:var(--radius-round);color:var(--color-grass);display:flex;font-size:1.3rem;height:40px;justify-content:center;width:40px}.empty-friends{color:var(--color-text-soft);font-size:var(--text-sm);font-style:italic;padding:var(--space-lg);text-align:center}@media (max-width:640px){.App{padding:var(--space-md)}.hero{min-height:70vh;padding:var(--space-xl)}.expense-header{flex-wrap:wrap}.input-number,.ledger-table td,.ledger-table th{padding:var(--space-xs) var(--space-sm)}.input-number{width:64px}.input-name{min-width:100px}.input-friend{width:64px}.friend-avatar{font-size:.9rem;height:36px;padding:3px;width:36px}.btn-add-friend-icon{font-size:1.1rem;height:32px;width:32px}.action-bar{justify-content:center}.btn,.upload-label{font-size:var(--text-sm);padding:var(--space-sm) var(--space-lg)}}@-webkit-keyframes row-enter{0%{opacity:0;-webkit-transform:translateX(-8px);transform:translateX(-8px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes row-enter{0%{opacity:0;-webkit-transform:translateX(-8px);transform:translateX(-8px)}to{opacity:1;-webkit-transform:translateX(0);transform:translateX(0)}}.ledger-table tbody tr{-webkit-animation:row-enter .3s var(--ease-out) backwards;animation:row-enter .3s var(--ease-out) backwards}.ledger-table tbody tr:first-child{-webkit-animation-delay:.05s;animation-delay:.05s}.ledger-table tbody tr:nth-child(2){-webkit-animation-delay:.1s;animation-delay:.1s}.ledger-table tbody tr:nth-child(3){-webkit-animation-delay:.15s;animation-delay:.15s}.ledger-table tbody tr:nth-child(4){-webkit-animation-delay:.2s;animation-delay:.2s}.ledger-table tbody tr:nth-child(5){-webkit-animation-delay:.25s;animation-delay:.25s}.ledger-table tbody tr:nth-child(6){-webkit-animation-delay:.3s;animation-delay:.3s}.ledger-table tbody tr:nth-child(7){-webkit-animation-delay:.35s;animation-delay:.35s}.ledger-table tbody tr:nth-child(8){-webkit-animation-delay:.4s;animation-delay:.4s}
/*# sourceMappingURL=main.c1224493.css.map*/