:root{--color-bg: #faf7f3;--color-surface: rgba(255, 255, 255, .72);--color-surface-solid: #ffffff;--color-surface-hover: rgba(255, 255, 255, .88);--color-surface-raised: rgba(255, 255, 255, .85);--color-surface-warm: rgba(246, 139, 30, .04);--color-border: rgba(0, 0, 0, .08);--color-border-strong: rgba(0, 0, 0, .14);--color-border-glass: rgba(255, 255, 255, .28);--color-text: #444444;--color-text-secondary: #888888;--color-text-tertiary: #aaaaaa;--color-accent: #F68B1E;--color-accent-hover: #e07a10;--color-accent-light: rgba(246, 139, 30, .1);--color-accent-lighter: rgba(246, 139, 30, .04);--color-danger: #dc2626;--color-danger-light: rgba(220, 38, 38, .08);--color-warning: #7a4d00;--color-warning-light: rgba(234, 179, 8, .13);--color-success: #1a5c1e;--color-success-light: rgba(46, 125, 50, .1);--glass-blur: blur(14px);--glass-bg: rgba(255, 255, 255, .08);--glass-shadow: 0 2px 14px rgba(0, 0, 0, .07);--glass-shadow-lg: 0 4px 24px rgba(0, 0, 0, .08);--glass-shadow-xl: 0 8px 40px rgba(0, 0, 0, .12);--glass-highlight: inset 0 1px 0 rgba(255, 255, 255, .42);--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--space-3xl: 64px;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 18px;--radius-xl: 22px;--radius-full: 9999px;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.1875rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--max-width: 480px;--nav-height: 0px;--bottom-nav-height: 64px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{font-family:var(--font-sans);color:var(--color-text);background:var(--color-bg);line-height:1.5;min-height:100dvh}#root{min-height:100dvh;display:flex;flex-direction:column}img{max-width:100%;display:block}button{font-family:inherit;cursor:pointer;border:none;background:none}input,select,textarea{font-family:inherit;font-size:inherit}a{color:var(--color-accent);text-decoration:none}a:hover{color:var(--color-accent-hover)}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-md)}.glass-panel{background:var(--glass-bg);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow),var(--glass-highlight)}.glass-panel-raised{background:var(--color-surface-raised);backdrop-filter:var(--glass-blur);-webkit-backdrop-filter:var(--glass-blur);border:1px solid var(--color-border-glass);border-radius:var(--radius-lg);box-shadow:var(--glass-shadow-lg),var(--glass-highlight)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-accent);color:#fff;font-weight:600;font-size:var(--text-sm);border-radius:var(--radius-full);transition:background .15s,transform .1s;height:48px}.btn-primary:hover{background:var(--color-accent-hover)}.btn-primary:active{transform:scale(.98)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:var(--color-surface);color:var(--color-text);font-weight:500;font-size:var(--text-sm);border:1px solid var(--color-border-strong);border-radius:var(--radius-full);transition:background .15s,transform .1s;height:40px}.btn-secondary:hover{background:var(--color-surface-hover)}.btn-secondary:active{transform:scale(.98)}.btn-outline-accent{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:6px 16px;background:transparent;color:var(--color-accent);font-weight:600;font-size:var(--text-sm);border:1.5px solid var(--color-accent);border-radius:var(--radius-full);transition:background .15s,transform .1s}.btn-outline-accent:hover{background:var(--color-accent-light)}.btn-outline-accent:active{transform:scale(.97)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#0003}.page-enter{animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideUp{from {transform: translateY(100%);} to {transform: translateY(0);} @keyframes fadeInUp {from {opacity: 0; transform: translateY(6px);} to {opacity: 1; transform: translateY(0);}} .stagger-list > * {animation: fadeInUp .25s ease-out both;} .stagger-list > *:nth-child(1) {animation-delay: 0ms;} .stagger-list > *:nth-child(2) {animation-delay: 40ms;} .stagger-list > *:nth-child(3) {animation-delay: 80ms;} .stagger-list > *:nth-child(4) {animation-delay: .12s;} .stagger-list > *:nth-child(5) {animation-delay: .16s;} .stagger-list > *:nth-child(6) {animation-delay: .2s;} .stagger-list > *:nth-child(n+7) {animation-delay: .24s;} .press-scale {transition: transform .15s ease,box-shadow .2s ease;} .press-scale:active {transform: scale(.97);} input[type="date"] {cursor: pointer;} input[type="date"]::-webkit-calendar-picker-indicator {cursor: pointer; opacity: .5;} input[type="date"].date-empty::-webkit-datetime-edit {display: none;} input[type="date"].date-empty {color: transparent;}}