.hero[data-v-b4619baa]{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-primary-hover) 100%);color:var(--text-on-primary);padding:var(--space-24) var(--space-12) var(--space-20);text-align:center}.logo[data-v-b4619baa]{font-size:var(--text-7xl);margin-bottom:var(--space-8)}.hero h1[data-v-b4619baa]{font-size:var(--text-5xl);font-weight:var(--font-bold);margin-bottom:var(--space-6);line-height:var(--leading-tight)}.hero p[data-v-b4619baa]{font-size:var(--text-lg);opacity:.95;line-height:var(--leading-normal)}.features[data-v-b4619baa]{padding:var(--space-20) var(--space-12)}.section-title[data-v-b4619baa]{font-size:var(--text-3xl);font-weight:var(--font-bold);color:var(--text-primary);margin-bottom:var(--space-12);text-align:center}.feature-item[data-v-b4619baa]{display:flex;gap:var(--space-8);margin-bottom:var(--space-14)}.feature-icon[data-v-b4619baa]{font-size:var(--text-6xl);flex-shrink:0;width:var(--text-7xl);height:var(--text-7xl);display:flex;align-items:center;justify-content:center;background:var(--bg-hover);border-radius:var(--radius-lg)}.feature-content[data-v-b4619baa]{flex:1}.feature-title[data-v-b4619baa]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-2)}.feature-description[data-v-b4619baa]{font-size:var(--text-base);color:var(--text-tertiary);line-height:var(--leading-normal)}.how-it-works[data-v-b4619baa]{background:var(--bg-card-alt);padding:var(--space-20) var(--space-12)}.step[data-v-b4619baa]{display:flex;gap:var(--space-8);margin-bottom:var(--space-12)}.step[data-v-b4619baa]:last-child{margin-bottom:0}.step-number[data-v-b4619baa]{width:var(--text-6xl);height:var(--text-6xl);background:var(--color-primary);color:var(--text-on-primary);border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;font-weight:var(--font-bold);font-size:var(--text-lg);flex-shrink:0}.step-content[data-v-b4619baa]{flex:1;padding-top:var(--space-2)}.step-title[data-v-b4619baa]{font-size:var(--text-md);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-1)}.step-description[data-v-b4619baa]{font-size:var(--text-base);color:var(--text-tertiary)}.cta-section[data-v-b4619baa]{padding:var(--space-20) var(--space-12);text-align:center}.cta-button[data-v-b4619baa]{width:100%;padding:var(--space-9);background:var(--color-primary);color:var(--text-on-primary);border:none;border-radius:var(--radius-lg);font-size:var(--text-2xl);font-weight:var(--font-bold);cursor:pointer;transition:var(--transition-fast);box-shadow:0 var(--space-2) var(--space-6) var(--shadow-color-secondary)}.cta-button[data-v-b4619baa]:hover{background:var(--color-primary-hover);transform:translateY(calc(-1 * var(--space-1)));box-shadow:0 var(--space-3) var(--space-8) var(--shadow-color-secondary-md)}.cta-button[data-v-b4619baa]:active{transform:translateY(0)}.cta-note[data-v-b4619baa]{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-6)}.footer[data-v-b4619baa]{padding:var(--space-12);text-align:center;color:var(--text-muted);font-size:var(--text-sm);border-top:var(--border-width-thin) solid var(--border-light)}.event-list-page[data-v-50b66bef]{min-height:100vh;background:var(--bg-page)}.new-button[data-v-50b66bef]{background:var(--bg-card);color:var(--color-primary);border:none;padding:var(--space-5) var(--space-9);border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:var(--font-bold);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:center;gap:var(--space-3);box-shadow:0 var(--space-1) var(--space-2) var(--shadow-color)}.new-button[data-v-50b66bef]:hover{background:var(--bg-hover);box-shadow:0 var(--space-2) var(--space-3) var(--shadow-color-md)}.new-button[data-v-50b66bef]:active{transform:scale(.95)}.content[data-v-50b66bef]{padding:var(--space-8)}.event-card[data-v-50b66bef]{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-8);margin-bottom:var(--space-6);box-shadow:0 var(--space-1) var(--space-1) var(--shadow-color);cursor:pointer;transition:var(--transition-fast);display:flex;align-items:flex-start;gap:var(--space-6)}.event-card.locked[data-v-50b66bef]{background:var(--bg-card-alt)}.event-card[data-v-50b66bef]:hover{box-shadow:0 var(--space-2) var(--space-3) var(--shadow-color);transform:translateY(calc(-1*var(--space-1)))}.event-card[data-v-50b66bef]:active{transform:translateY(0)}.status-icon[data-v-50b66bef]{font-size:var(--text-xs);flex-shrink:0;width:var(--space-6);height:var(--space-6);margin-top:var(--space-2)}.status-icon.active[data-v-50b66bef]{color:var(--status-active)}.status-icon.locked[data-v-50b66bef]{color:var(--status-locked)}.event-info[data-v-50b66bef]{flex:1;min-width:0;display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6)}.event-name[data-v-50b66bef]{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);line-height:var(--leading-snug);flex:1;min-width:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.event-card.locked .event-name[data-v-50b66bef]{color:var(--text-tertiary)}.event-date[data-v-50b66bef]{font-size:var(--text-xs);color:var(--text-muted);white-space:nowrap;flex-shrink:0;padding-top:var(--space-1)}.chevron[data-v-50b66bef]{font-size:var(--text-2xl);color:var(--border-medium);flex-shrink:0}.empty-state[data-v-50b66bef]{text-align:center;padding:var(--space-30) var(--space-10);color:var(--text-tertiary)}.empty-icon[data-v-50b66bef]{font-size:var(--text-7xl);margin-bottom:var(--space-8);opacity:.5}.empty-title[data-v-50b66bef]{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-4);color:var(--text-secondary)}.empty-text[data-v-50b66bef]{font-size:var(--text-md);line-height:var(--leading-normal)}.header-spacer[data-v-aaaea203]{width:var(--space-20)}.content[data-v-aaaea203]{padding:var(--space-12) var(--space-8)}.form-group[data-v-aaaea203]{margin-bottom:var(--space-16)}.form-label[data-v-aaaea203]{display:block;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-4)}.form-input[data-v-aaaea203]{width:100%;padding:var(--space-7);font-size:var(--text-lg);border:var(--border-width-thick) solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);transition:var(--transition-border)}.form-input[data-v-aaaea203]:focus{outline:none;border-color:var(--color-primary)}.participants-list[data-v-aaaea203]{margin-top:var(--space-6)}.participant-item[data-v-aaaea203]{display:flex;align-items:center;padding:var(--space-6);background:var(--bg-card-alt);border-radius:var(--radius-md);margin-bottom:var(--space-4)}.participant-name[data-v-aaaea203]{flex:1;font-size:var(--text-lg);color:var(--text-primary)}.remove-button[data-v-aaaea203]{padding:var(--space-3) var(--space-6);background:var(--danger-bg);color:var(--danger-text);border:none;border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-fast)}.remove-button[data-v-aaaea203]:hover{background:var(--danger-bg-hover)}.add-participant-button[data-v-aaaea203]{display:flex;align-items:center;justify-content:center;width:100%;padding:var(--space-6);margin-top:var(--space-6);background:var(--bg-card);border:var(--border-width-thick) dashed var(--border-medium);border-radius:var(--radius-md);color:var(--color-primary);font-size:var(--text-md);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-fast)}.add-participant-button[data-v-aaaea203]:hover{border-color:var(--color-primary);background:var(--bg-hover)}.add-icon[data-v-aaaea203]{margin-right:var(--space-3);font-size:var(--text-2xl)}.create-button-wrapper[data-v-aaaea203]{position:fixed;bottom:0;left:0;right:0;padding:var(--space-8);background:var(--bg-card);border-top:var(--border-width-thin) solid var(--border-light);max-width:var(--container-mobile);margin:0 auto}.create-button[data-v-aaaea203]{width:100%;padding:var(--space-8);background:var(--color-primary);color:var(--text-on-primary);border:none;border-radius:var(--radius-lg);font-size:var(--text-xl);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-bg)}.create-button[data-v-aaaea203]:hover{background:var(--color-primary-hover)}.create-button[data-v-aaaea203]:active{transform:scale(.98)}.helper-text[data-v-aaaea203]{font-size:var(--text-sm);color:var(--text-tertiary);margin-top:var(--space-3)}.add-button[data-v-aaaea203]{padding:var(--space-7) var(--space-10);background:var(--color-primary);border:none;border-radius:var(--radius-md);color:var(--text-on-primary);font-size:var(--text-md);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-fast)}.add-button[data-v-aaaea203]:hover{background:var(--color-primary-hover)}.new-participant-row[data-v-aaaea203]{display:flex;gap:var(--space-4);margin-top:var(--space-6)}.event-detail-page[data-v-304239b5]{min-height:100vh;background:var(--bg-page)}.event-info[data-v-304239b5]{flex:1;min-width:0}.event-info h1[data-v-304239b5]{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-1)}.event-subtitle[data-v-304239b5]{font-size:var(--text-sm);opacity:.9}.header-actions[data-v-304239b5]{display:flex;gap:var(--space-3)}.action-btn-small[data-v-304239b5]{background:var(--bg-card);color:var(--color-primary);border:none;padding:var(--space-5) var(--space-9);border-radius:var(--radius-md);font-size:var(--text-lg);font-weight:var(--font-bold);cursor:pointer;transition:var(--transition-fast);white-space:nowrap;box-shadow:0 var(--space-1) var(--space-2) var(--shadow-color)}.action-btn-small[data-v-304239b5]:hover{background:var(--bg-hover);box-shadow:0 var(--space-2) var(--space-3) var(--shadow-color-md)}.action-btn-small[data-v-304239b5]:active{transform:scale(.95)}.content[data-v-304239b5]{padding:var(--space-8)}.balance-card[data-v-304239b5]{background:var(--green-500);color:#fff;border-radius:var(--radius-lg);padding:var(--space-7) var(--space-8);margin-bottom:var(--space-10);cursor:pointer;box-shadow:0 2px 6px #10b98140;transition:var(--transition-fast);display:flex;align-items:center;justify-content:space-between}.balance-card[data-v-304239b5]:hover{transform:translateY(-1px);box-shadow:0 4px 8px #10b9814d}.balance-card[data-v-304239b5]:active{transform:translateY(0)}.balance-info[data-v-304239b5]{flex:1}.balance-label[data-v-304239b5]{font-size:var(--text-md);opacity:.85;margin-bottom:var(--space-1)}.balance-amount[data-v-304239b5]{font-size:var(--text-xl);font-weight:var(--font-medium)}.chevron[data-v-304239b5]{font-size:var(--text-3xl);opacity:.7}.date-divider[data-v-304239b5]{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;margin:var(--space-12) 0 var(--space-6) 0}.date-divider[data-v-304239b5]:first-child{margin-top:0}.payments-section[data-v-304239b5]{margin-top:var(--space-6)}.payment-card[data-v-304239b5]{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-7) var(--space-8);margin-bottom:var(--space-6);box-shadow:0 1px 3px var(--shadow-color);cursor:pointer;transition:var(--transition-fast)}.payment-card[data-v-304239b5]:hover{box-shadow:0 4px 6px var(--shadow-color);transform:translateY(-2px)}.payment-card[data-v-304239b5]:active{transform:translateY(0)}.payment-description[data-v-304239b5]{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-3)}.payment-bottom[data-v-304239b5]{display:flex;align-items:center;justify-content:space-between}.payment-meta[data-v-304239b5]{font-size:var(--text-md);color:var(--text-tertiary)}.payment-amount[data-v-304239b5]{font-size:var(--text-xl);font-weight:var(--font-semibold);color:var(--text-primary)}.empty-state[data-v-304239b5]{text-align:center;padding:var(--space-30) var(--space-10);color:var(--text-tertiary)}.empty-icon[data-v-304239b5]{font-size:var(--text-7xl);margin-bottom:var(--space-8);opacity:.5}.empty-title[data-v-304239b5]{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-4);color:var(--text-secondary)}.empty-text[data-v-304239b5]{font-size:var(--text-md);line-height:var(--leading-normal)}.payment-page[data-v-457dc6ed]{min-height:100vh;background:var(--bg-page);padding-bottom:var(--space-100)}.content[data-v-457dc6ed]{padding:var(--space-8)}.amount-label-row[data-v-457dc6ed]{display:flex;align-items:baseline;gap:var(--space-3);margin-bottom:var(--space-4)}.amount-label-row .form-label[data-v-457dc6ed]{margin-bottom:0}.currency-symbol[data-v-457dc6ed]{font-size:var(--text-sm);color:var(--text-muted);font-weight:var(--font-normal)}.two-col-row[data-v-457dc6ed]{display:grid;grid-template-columns:1.8fr 1fr;gap:var(--space-6)}.datetime-input[data-v-457dc6ed]{font-size:var(--text-md);color:var(--text-tertiary)}.form-group[data-v-457dc6ed]{margin-bottom:var(--space-16)}.form-label[data-v-457dc6ed]{display:block;font-size:var(--text-base);font-weight:var(--font-semibold);color:var(--text-secondary);margin-bottom:var(--space-4)}.form-input[data-v-457dc6ed]{width:100%;padding:var(--space-7);font-size:var(--text-lg);border:var(--border-width-thick) solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);transition:var(--transition-border)}.form-input[data-v-457dc6ed]:focus{outline:none;border-color:var(--color-primary)}.form-select[data-v-457dc6ed]{width:100%;padding:var(--space-7);font-size:var(--text-lg);border:var(--border-width-thick) solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;transition:var(--transition-border)}.form-select[data-v-457dc6ed]:focus{outline:none;border-color:var(--color-primary)}.split-header[data-v-457dc6ed]{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-6)}.split-header .form-label[data-v-457dc6ed]{margin-bottom:0}.split-type-select[data-v-457dc6ed]{padding:var(--space-4) var(--space-6);font-size:var(--text-base);border:var(--border-width-thick) solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);cursor:pointer;color:var(--text-tertiary);transition:var(--transition-border)}.split-type-select[data-v-457dc6ed]:focus{outline:none;border-color:var(--color-primary)}.participants-list[data-v-457dc6ed]{background:var(--bg-card);border-radius:var(--radius-lg);border:var(--border-width-thick) solid var(--border-light);overflow:hidden}.participant-item[data-v-457dc6ed]{display:flex;align-items:center;padding:var(--space-6);border-bottom:var(--border-width-thin) solid var(--border-light)}.participant-checkbox[data-v-457dc6ed]{width:22px;height:22px;margin-right:var(--space-6);cursor:pointer;accent-color:var(--color-primary)}.participant-name[data-v-457dc6ed]{flex:1;font-size:var(--text-lg);color:var(--text-primary)}.participant-amount[data-v-457dc6ed]{font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-tertiary)}.amount-input[data-v-457dc6ed]{width:80px;padding:0 var(--space-4);height:28px;font-size:var(--text-lg);font-weight:var(--font-semibold);color:var(--text-tertiary);border:var(--border-width-thick) solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);text-align:right;transition:var(--transition-border)}.amount-input[data-v-457dc6ed]:focus{outline:none;border-color:var(--color-primary)}.split-warning[data-v-457dc6ed]{padding:var(--space-6);background:var(--warning-bg);border:var(--border-width-thin) solid var(--warning-border);border-radius:var(--radius-md);color:var(--warning-text);font-size:var(--text-sm);margin-bottom:var(--space-16)}textarea[data-v-457dc6ed]{width:100%;min-height:100px;padding:var(--space-7);font-size:var(--text-md);border:var(--border-width-thick) solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);font-family:inherit;resize:vertical;transition:var(--transition-border)}textarea[data-v-457dc6ed]:focus{outline:none;border-color:var(--color-primary)}.btn-primary[data-v-457dc6ed]{width:100%;background:var(--color-primary);color:var(--text-on-primary);border:none;padding:var(--space-8);border-radius:var(--radius-lg);font-size:var(--text-xl);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-fast)}.btn-primary[data-v-457dc6ed]:hover{background:var(--color-primary-hover)}.btn-primary[data-v-457dc6ed]:active{transform:scale(.98)}.bottom-button-wrapper[data-v-457dc6ed]{position:fixed;bottom:0;left:0;right:0;background:var(--bg-card);border-top:var(--border-width-thin) solid var(--border-light);padding:var(--space-8);max-width:var(--container-mobile);margin:0 auto}.secondary-buttons[data-v-457dc6ed]{display:flex;gap:var(--space-4);margin-top:var(--space-6)}.btn-secondary[data-v-457dc6ed]{flex:1;background:var(--bg-card);color:var(--danger-text);border:var(--border-width-thick) solid var(--danger-text);padding:var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-fast)}.btn-secondary[data-v-457dc6ed]:hover{background:var(--danger-bg)}.btn-secondary[data-v-457dc6ed]:active{transform:scale(.98)}.btn-tertiary[data-v-457dc6ed]{flex:1;background:var(--bg-card);color:var(--text-secondary);border:var(--border-width-thick) solid var(--border-medium);padding:var(--space-6);border-radius:var(--radius-lg);font-size:var(--text-lg);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-fast)}.btn-tertiary[data-v-457dc6ed]:hover{background:var(--gray-100);border-color:var(--text-secondary)}.btn-tertiary[data-v-457dc6ed]:active{transform:scale(.98)}.balance-page[data-v-e78a49e9]{background:var(--bg-page);min-height:100vh}.content[data-v-e78a49e9]{padding:var(--space-10) var(--space-8)}.section[data-v-e78a49e9]{margin-bottom:var(--space-16)}.section h2[data-v-e78a49e9]{font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-primary);margin-bottom:var(--space-6)}.totals[data-v-e78a49e9],.settlements[data-v-e78a49e9]{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:0 1px 3px var(--shadow-color)}table[data-v-e78a49e9]{width:100%;border-collapse:collapse}.totals-header th[data-v-e78a49e9]{font-weight:var(--font-semibold);color:var(--text-tertiary);font-size:var(--text-sm);text-align:right;padding-bottom:var(--space-4)}.totals-header th[data-v-e78a49e9]:first-child{text-align:left}.totals-row td[data-v-e78a49e9]{padding:var(--space-5) 0;border-bottom:1px solid var(--gray-200);text-align:right}.totals-row td[data-v-e78a49e9]:first-child{text-align:left}.net-positive[data-v-e78a49e9]{color:var(--green-500)}.net-negative[data-v-e78a49e9]{color:var(--danger-text)}.net-zero[data-v-e78a49e9]{color:var(--text-tertiary)}.summary tr[data-v-e78a49e9]{font-weight:var(--font-semibold)}.summary td[data-v-e78a49e9]{border-top:2px solid var(--border-light);border-bottom:none;padding-top:var(--space-5);text-align:right}.summary td[data-v-e78a49e9]:first-child{text-align:left}.settlement-item[data-v-e78a49e9]{padding:var(--space-6) 0;border-bottom:1px solid var(--gray-200)}.settlement-main[data-v-e78a49e9]{display:flex;justify-content:space-between;align-items:center}.settlement-amount[data-v-e78a49e9]{font-weight:var(--font-bold);color:var(--color-primary)}.empty-state[data-v-e78a49e9]{text-align:center;padding:var(--space-30) var(--space-10);color:var(--text-tertiary)}.empty-icon[data-v-e78a49e9]{font-size:var(--text-7xl);margin-bottom:var(--space-8);opacity:.5}.empty-title[data-v-e78a49e9]{font-size:var(--text-2xl);font-weight:var(--font-semibold);margin-bottom:var(--space-4);color:var(--text-secondary)}.empty-text[data-v-e78a49e9]{font-size:var(--text-md);line-height:var(--leading-normal)}*{box-sizing:border-box}body{margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{min-height:100vh}:root{--gray-50: #f9fafb;--gray-100: #f5f5f5;--gray-200: #e5e7eb;--gray-300: #d1d5db;--gray-400: #9ca3af;--gray-500: #6b7280;--gray-700: #374151;--gray-900: #111827;--blue-50: #eff6ff;--blue-500: #2563eb;--blue-600: #1d4ed8;--green-500: #10b981;--red-100: #fee2e2;--red-200: #fecaca;--red-600: #dc2626;--yellow-50: #fefce8;--yellow-100: #fef9c3;--yellow-400: #facc15;--yellow-700: #a16207;--white: #ffffff;--color-primary: var(--blue-500);--color-primary-hover: var(--blue-600);--bg-page: var(--gray-100);--bg-clear: var(--white);--bg-card: var(--white);--bg-card-alt: var(--gray-50);--bg-hover: var(--blue-50);--text-primary: var(--gray-900);--text-secondary: var(--gray-700);--text-tertiary: var(--gray-500);--text-muted: var(--gray-400);--text-on-primary: var(--white);--border-light: var(--gray-200);--border-medium: var(--gray-300);--border-focus: var(--blue-500);--status-active: var(--green-500);--status-locked: var(--gray-400);--danger-text: var(--red-600);--danger-bg: var(--red-100);--danger-bg-hover: var(--red-200);--warning-text: var(--yellow-700);--warning-bg: var(--yellow-100);--warning-border: var(--yellow-400);--shadow-color: #0000001a;--shadow-color-md: #00000026;--shadow-color-secondary: #2563eb4d;--shadow-color-secondary-md: #2563eb66;--space-1: 2px;--space-2: 4px;--space-3: 6px;--space-4: 8px;--space-5: 10px;--space-6: 12px;--space-7: 14px;--space-8: 16px;--space-9: 18px;--space-10: 20px;--space-12: 24px;--space-14: 28px;--space-16: 32px;--space-20: 40px;--space-24: 48px;--space-30: 60px;--space-100: 100px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-full: 50%;--border-width-thin: 1px;--border-width-thick: 2px;--text-xs: 12px;--text-sm: 13px;--text-base: 14px;--text-md: 15px;--text-lg: 16px;--text-xl: 17px;--text-2xl: 18px;--text-3xl: 20px;--text-4xl: 24px;--text-5xl: 28px;--text-6xl: 32px;--text-7xl: 48px;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-tight: 1.2;--leading-snug: 1.3;--leading-normal: 1.5;--transition-fast: all .2s ease;--transition-border: border-color .2s ease;--transition-bg: background .2s ease;--container-mobile: 390px}.app-header{background:var(--color-primary);color:var(--text-on-primary);padding:var(--space-8);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:10}.app-header h1{font-size:var(--text-4xl);font-weight:var(--font-semibold)}.back-btn{font-size:var(--text-4xl);cursor:pointer;padding:var(--space-4)}.btn-primary{width:100%;background:var(--color-primary);color:var(--text-on-primary);border:none;padding:var(--space-8);border-radius:var(--radius-lg);font-size:var(--text-xl);font-weight:var(--font-semibold);cursor:pointer;transition:var(--transition-fast)}.btn-primary:hover{background:var(--color-primary-hover)}.btn-primary:active{transform:scale(.98)}.btn-danger{background:var(--danger-bg);color:var(--danger-text);border:none;padding:var(--space-3) var(--space-6);border-radius:var(--radius-sm);font-size:var(--text-base);font-weight:var(--font-medium);cursor:pointer;transition:var(--transition-fast)}.btn-danger:hover{background:var(--danger-bg-hover)}.input{width:100%;padding:var(--space-7);font-size:var(--text-lg);border:var(--border-width-thick) solid var(--border-light);border-radius:var(--radius-md);background:var(--bg-card);transition:var(--transition-border)}.input:focus{outline:none;border-color:var(--border-focus)}.card{background:var(--bg-card);border-radius:var(--radius-lg);padding:var(--space-8);box-shadow:0 1px 3px var(--shadow-color)}.app-container[data-v-a6462f01]{max-width:var(--container-mobile);margin:0 auto;min-height:100vh;background:var(--bg-card);box-shadow:0 0 20px var(--shadow-color)}