: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}@media (prefers-reduced-motion:reduce){*,:after,:before{-webkit-animation-duration:.01ms!important;animation-duration:.01ms!important;-webkit-animation-iteration-count:1!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.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-history{align-items:center;background:none;border:none;border-radius:var(--radius-pill);color:var(--color-wood);cursor:pointer;display:inline-flex;font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;gap:var(--space-sm);margin-top:var(--space-sm);padding:var(--space-sm) var(--space-md);transition:all var(--duration-fast) var(--ease-out)}.btn-history:hover{background:var(--color-cream);color:var(--color-leaf)}.history-badge{align-items:center;background:var(--color-grass);border-radius:var(--radius-round);color:var(--color-white);display:inline-flex;font-size:var(--text-xs);font-weight:600;height:22px;justify-content:center;width:22px}.history-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:600px;width:100%}.history-header{align-items:center}.history-header,.history-list{display:flex;gap:var(--space-md)}.history-list{flex-direction:column}.history-entry{background:var(--color-white);border-radius:var(--radius-lg);box-shadow:var(--shadow-sm);overflow:visible;transition:box-shadow var(--duration-fast) var(--ease-out)}.history-entry--expanded,.history-entry:hover{box-shadow:var(--shadow-md)}.history-entry-header{align-items:center;background:none;border:none;border-radius:var(--radius-lg);color:var(--color-text);cursor:pointer;display:flex;font-family:var(--font-body);gap:var(--space-lg);padding:var(--space-lg) var(--space-xl);text-align:left;transition:background-color var(--duration-fast) var(--ease-out);width:100%}.history-entry-header:hover{background:var(--color-grass-faint)}.history-entry-date{align-items:center;display:flex;flex-direction:column;flex-shrink:0;min-width:52px}.history-date-day{color:var(--color-wood);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;text-transform:capitalize}.history-date-time{color:var(--color-text-soft);font-size:var(--text-xs)}.history-entry-friends{gap:-4px}.history-avatar{align-items:center;border-radius:var(--radius-round);box-shadow:0 0 0 2px var(--color-white);display:flex;flex-shrink:0;height:32px;justify-content:center;margin-right:-6px;padding:3px;width:32px}.history-entry-friends{align-items:center;display:flex;flex:1 1;min-width:0}.history-avatar{position:relative}.history-avatar-tooltip{background:var(--color-wood-dark);border-radius:var(--radius-sm);color:var(--color-cream);font-family:var(--font-display);font-size:var(--text-xs);font-weight:500;left:50%;opacity:0;padding:3px var(--space-sm);pointer-events:none;position:absolute;top:calc(100% + 6px);-webkit-transform:translateX(-50%) scale(.9);transform:translateX(-50%) scale(.9);transition:opacity var(--duration-fast) var(--ease-out),-webkit-transform var(--duration-fast) var(--ease-out);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out);transition:opacity var(--duration-fast) var(--ease-out),transform var(--duration-fast) var(--ease-out),-webkit-transform var(--duration-fast) var(--ease-out);white-space:nowrap;z-index:10}.history-avatar-tooltip:after{border:4px solid transparent;border-bottom:4px solid var(--color-wood-dark);bottom:100%;content:"";left:50%;position:absolute;-webkit-transform:translateX(-50%);transform:translateX(-50%)}.history-avatar:hover .history-avatar-tooltip{opacity:1;-webkit-transform:translateX(-50%) scale(1);transform:translateX(-50%) scale(1)}.history-avatar:hover{z-index:5}.history-avatar-more{color:var(--color-text-soft);font-family:var(--font-display);font-size:var(--text-xs);margin-left:var(--space-sm)}.history-entry-total{color:var(--color-leaf);font-family:var(--font-display);font-size:var(--text-base);font-weight:700;white-space:nowrap}.history-chevron{color:var(--color-text-soft);flex-shrink:0;font-size:1.4rem;transition:-webkit-transform var(--duration-normal) var(--ease-out);transition:transform var(--duration-normal) var(--ease-out);transition:transform var(--duration-normal) var(--ease-out),-webkit-transform var(--duration-normal) var(--ease-out)}.history-chevron--open{-webkit-transform:rotate(90deg);transform:rotate(90deg)}.history-detail{-webkit-animation:detail-enter .3s var(--ease-out);animation:detail-enter .3s var(--ease-out);padding:0 var(--space-xl) var(--space-xl)}@-webkit-keyframes detail-enter{0%{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}@keyframes detail-enter{0%{opacity:0;-webkit-transform:translateY(-8px);transform:translateY(-8px)}to{opacity:1;-webkit-transform:translateY(0);transform:translateY(0)}}.history-table{border-collapse:collapse;font-size:var(--text-sm);margin-bottom:var(--space-lg);width:100%}.history-table td{padding:var(--space-xs) var(--space-sm);vertical-align:middle}.history-table tbody tr{border-bottom:1px solid oklch(.94 .01 80)}.history-item-emoji{font-size:1.1rem;text-align:center;width:28px}.history-item-name{color:var(--color-text)}.history-item-price{color:var(--color-wood);font-family:var(--font-display);font-weight:500;text-align:right;white-space:nowrap}.history-total-row td{color:var(--color-leaf);font-family:var(--font-display);font-size:var(--text-sm);font-weight:700;padding-top:var(--space-md)}.history-total-row td:last-child{text-align:right}.history-friends-detail{display:flex;flex-wrap:wrap;gap:var(--space-sm);margin-bottom:var(--space-lg)}.history-friend-chip{align-items:center;background:var(--color-offwhite);border-radius:var(--radius-pill);display:flex;gap:var(--space-sm);padding:var(--space-xs) var(--space-md) var(--space-xs) var(--space-xs)}.history-friend-chip-avatar{align-items:center;border-radius:var(--radius-round);display:flex;flex-shrink:0;height:28px;justify-content:center;padding:2px;width:28px}.history-friend-chip-name{color:var(--color-text);font-size:var(--text-sm)}.history-friend-chip-amount{color:var(--color-leaf);font-family:var(--font-display);font-size:var(--text-sm);font-weight:600}.history-entry-actions{align-items:center;border-top:1px solid oklch(.94 .01 80);display:flex;justify-content:space-between;padding-top:var(--space-sm)}.history-empty{padding:var(--space-4xl) var(--space-xl);text-align:center}.history-empty-icon{display:block;font-size:3rem;margin-bottom:var(--space-lg)}.history-empty-text{color:var(--color-wood);font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;margin-bottom:var(--space-sm)}.history-empty-sub{color:var(--color-text-soft);font-size:var(--text-sm);line-height:1.5;margin:0 auto;max-width:30ch}.history-delete{background:none;border:none;color:var(--color-coral);cursor:pointer;font-family:var(--font-display);font-size:var(--text-xs);font-weight:500;opacity:.7;padding:var(--space-xs) 0;transition:opacity var(--duration-fast) var(--ease-out)}.history-delete:hover{opacity:1}.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{gap:var(--space-md);padding:var(--space-sm) 0}.btn-back,.expense-header{align-items:center;display:flex}.btn-back{background:var(--color-cream);border:none;border-radius:var(--radius-round);box-shadow:var(--shadow-sm);cursor:pointer;flex-shrink:0;font-size:1.4rem;height:44px;justify-content:center;transition:all var(--duration-fast) var(--ease-out);width:44px}.btn-back:hover{background:var(--color-grass-faint);box-shadow:var(--shadow-md);-webkit-transform:scale(1.08);transform:scale(1.08)}.btn-back:active{-webkit-transform:scale(.95);transform:scale(.95)}.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:var(--color-grass);border-radius:var(--radius-lg) var(--radius-lg) 0 0;content:"";display:block;height:5px}.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{white-space:nowrap}.ledger-table tfoot td:first-child,.ledger-table tfoot td[colspan]{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{max-width:140px;min-width:90px}.col-emoji{font-size:1.1rem;min-width:28px;padding-left:var(--space-sm)!important;width:28px}.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}.history-entry-header{gap:var(--space-md);padding:var(--space-md) var(--space-lg)}.history-detail{padding:0 var(--space-lg) var(--space-lg)}.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.caad81f0.css.map*/