@import "https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800&display=swap";
:root{--bg:#f2efe8;--surface:#faf8f3;--surface-elevated:#faf8f3;--surface-glass:#ffffffb3;--surface-hover:#0000000d;--surface-pressed:#00000014;--brand-primary:#433e37;--brand-primary-hover:#332f2a;--brand-primary-text:#fff;--brand-accent:#a89f91;--brand-dark:#2e2a25;--brand-mid:#5c5550;--brand-muted:#b8a898;--surface-card:#fff;--surface-sunken:#e8e2d9;--text-primary:#433e37;--text-secondary:#a89f91;--text-tertiary:#a89f9199;--text-inverse:#fff;--text-body:#7a756e;--nav-active:#433e37;--success:#3d9a5f;--success-bg:#3d9a5f1a;--warning:#e8a33d;--warning-bg:#e8a33d1a;--destructive:#dc4c4c;--destructive-bg:#dc4c4c1a;--info:#5b9bd5;--info-bg:#5b9bd51a;--status-available:#7a9e6e;--status-low:#c4993a;--status-full:#b05555;--text-muted:#c4bfb8;--divider:#0000000f;--divider-strong:#0000001f;--font-family:"Inter", system-ui, -apple-system, sans-serif;--font-size-display1:2rem;--font-size-display2:1.625rem;--font-size-title1:1.25rem;--font-size-title2:1.0625rem;--font-size-headline:.9375rem;--font-size-body:.875rem;--font-size-callout:.8125rem;--font-size-label:.75rem;--font-size-caption:.6875rem;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--font-weight-bold:700;--font-weight-extrabold:800;--space-xxs:4px;--space-xs:8px;--space-sm:12px;--space-md:16px;--space-lg:24px;--space-xl:32px;--space-2xl:48px;--space-3xl:64px;--radius-xs:6px;--radius-sm:8px;--radius-md:16px;--radius-lg:24px;--radius-xl:32px;--radius-pill:100px;--shadow-card:0 1px 3px #0000000a, 0 0 0 1px #00000008;--shadow-elevated:0 4px 16px #00000014, 0 1px 4px #0000000a;--shadow-glow:0 2px 12px #c5a57240;--shadow-modal:0 16px 48px #0000001f;--transition-fast:.15s cubic-bezier(.4, 0, .2, 1);--transition-normal:.25s cubic-bezier(.4, 0, .2, 1);--transition-slow:.4s cubic-bezier(.4, 0, .2, 1);--max-width:1003px;--header-height:64px;--tab-height:48px;--bottom-safe:env(safe-area-inset-bottom,0px)}[data-theme=dark]{--bg:#0c0c0c;--surface:#181818;--surface-elevated:#222;--surface-glass:#ffffff0f;--surface-hover:#ffffff0d;--surface-pressed:#ffffff14;--surface-card:#1e1e1e;--surface-sunken:#0a0a0a;--brand-primary-text:#fff;--brand-mid:#ffffff80;--brand-muted:#ffffff40;--text-primary:#ffffffeb;--text-secondary:#ffffff8c;--text-tertiary:#ffffff4d;--text-inverse:#433e37;--text-body:#ffffffa6;--text-muted:#ffffff4d;--nav-active:#ffffffeb;--divider:#ffffff0f;--divider-strong:#ffffff1f;--shadow-card:0 1px 3px #0003;--shadow-elevated:0 4px 16px #0000004d;--shadow-glow:0 2px 12px #c5a5721f;--shadow-modal:0 16px 48px #00000080}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{-webkit-text-size-adjust:100%;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:90%}@media (max-width:600px){html{font-size:85%}:root{--space-sm:10px;--space-md:14px;--space-lg:20px;--space-xl:24px;--space-2xl:32px;--space-3xl:48px}}body{font-family:var(--font-family);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--text-primary);background-color:var(--bg);min-height:100dvh;transition:background-color var(--transition-normal), color var(--transition-normal);line-height:1.5}:focus-visible{outline-offset:2px!important;box-shadow:none!important;outline:2px solid #433e374d!important}::selection{background:var(--brand-primary);color:var(--brand-primary-text)}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}img{max-width:100%;height:auto;display:block}.container{max-width:var(--max-width);padding:0 var(--space-lg);width:100%;margin:0 auto}::-webkit-scrollbar{width:4px;height:4px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--divider-strong);border-radius:var(--radius-pill)}.x-btn{justify-content:center;align-items:center;gap:var(--space-xs);font-size:var(--font-size-callout);font-weight:var(--font-weight-semibold);border-radius:var(--radius-sm);padding:var(--space-sm) var(--space-lg);transition:all var(--transition-fast);white-space:nowrap;line-height:1;display:inline-flex;position:relative;overflow:hidden}.x-btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.x-btn--primary{background:var(--brand-primary);color:var(--brand-primary-text)}.x-btn--primary:hover{background:var(--brand-primary-hover);box-shadow:var(--shadow-elevated)}.x-btn--primary:active{opacity:.85;transform:scale(.97)}.x-btn--secondary{background:var(--bg);color:var(--brand-accent)}.x-btn--secondary:hover{background:var(--surface);color:var(--brand-primary)}.x-btn--inverted{background:var(--brand-dark);color:var(--brand-primary-text)}.x-btn--inverted:hover{opacity:.85;box-shadow:var(--shadow-elevated)}.x-btn--outlined{color:var(--brand-primary);border:1px solid var(--brand-primary);background:0 0}.x-btn--outlined:hover{background:var(--surface-hover)}.x-btn--minimal{color:var(--text-secondary);padding:var(--space-xs) var(--space-sm);background:0 0}.x-btn--minimal:hover{color:var(--text-primary);background:var(--surface-hover)}.x-btn--icon-only{padding:var(--space-xs);border-radius:50%;width:40px;height:40px}.x-btn--full{width:100%}.x-btn--large{padding:14px var(--space-xl);font-size:var(--font-size-headline);font-weight:var(--font-weight-bold)}.x-btn--gold{background:var(--brand-primary);color:#fff}.x-btn--gold:hover{background:var(--brand-primary-hover);box-shadow:var(--shadow-glow)}.x-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);padding:var(--space-lg);transition:all var(--transition-fast)}.x-card:hover{box-shadow:var(--shadow-elevated)}.x-card--flat{box-shadow:none;border:1px solid var(--divider)}.x-card--flat:hover{box-shadow:none;border-color:var(--divider-strong)}.x-badge{align-items:center;gap:var(--space-xxs);font-size:var(--font-size-caption);font-weight:var(--font-weight-bold);border-radius:var(--radius-pill);text-transform:uppercase;letter-spacing:.04em;padding:3px 10px;display:inline-flex}.x-badge--success{background:var(--success-bg);color:var(--success)}.x-badge--warning{background:var(--warning-bg);color:var(--warning)}.x-badge--destructive{background:var(--destructive-bg);color:var(--destructive)}.x-badge--info{background:var(--info-bg);color:var(--info)}.x-modal-overlay{z-index:1000;animation:fadeIn var(--transition-fast) ease-out;-webkit-backdrop-filter:blur(8px);background:#433e3759;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.x-modal{background:var(--surface);border-radius:var(--radius-xl) var(--radius-xl) 0 0;width:100%;max-width:var(--max-width);max-height:90dvh;padding:var(--space-lg);padding-bottom:calc(var(--space-lg) + var(--bottom-safe));animation:slideUp var(--transition-normal) ease-out;overflow-y:auto}@media (min-width:640px){.x-modal{border-radius:var(--radius-xl);max-height:80vh;margin:var(--space-lg);align-self:center;max-width:500px}}.x-modal__handle{background:var(--divider-strong);border-radius:var(--radius-pill);width:40px;height:4px;margin:0 auto var(--space-lg)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{opacity:0;transform:translateY(-6px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes scaleIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.skeleton{background:linear-gradient(90deg, var(--surface-glass) 25%, var(--surface-hover) 50%, var(--surface-glass) 75%);border-radius:var(--radius-md);background-size:200% 100%;animation:1.5s ease-in-out infinite shimmer}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}