:root{--bg:oklch(1 0 0);--surface:oklch(0.97 0.006 345);--surface-2:oklch(0.94 0.01 345);--border:oklch(0.88 0.01 345);--border-strong:oklch(0.78 0.012 345);--ink:oklch(0.24 0.02 345);--muted:oklch(0.47 0.02 345);--primary:oklch(0.52 0.17 345);--primary-hover:oklch(0.46 0.17 345);--primary-ink:oklch(1 0 0);--primary-surface:oklch(0.96 0.025 345);--danger:oklch(0.55 0.16 25);--danger-hover:oklch(0.48 0.16 25);--danger-surface:oklch(0.96 0.02 25);--danger-ink:oklch(0.32 0.14 25);--success:oklch(0.5 0.14 145);--success-surface:oklch(0.95 0.03 145);--success-ink:oklch(0.32 0.1 145);--warning:oklch(0.68 0.14 70);--warning-surface:oklch(0.96 0.03 70);--warning-ink:oklch(0.32 0.09 70);--focus-ring:oklch(0.52 0.17 345);--radius:12px;--nav-height:56px}*{box-sizing:border-box}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}body,html{margin:0;background:var(--bg);color:var(--ink);font-size:16px;font-family:system-ui,-apple-system,Segoe UI,sans-serif}:focus-visible{outline:2px solid var(--focus-ring);outline-offset:2px}::placeholder{color:var(--muted);opacity:1}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 16px;border-radius:var(--radius);border:1px solid transparent;font-size:16px;font-family:inherit;cursor:pointer;transition:background-color .15s ease-out,border-color .15s ease-out,opacity .15s ease-out}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-sm{padding:6px 12px;font-size:14px}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--primary-ink)}.btn-primary:hover:not(:disabled){background:var(--primary-hover);border-color:var(--primary-hover)}.btn-ghost{background:var(--bg);border-color:var(--border-strong);color:var(--ink)}.btn-ghost:hover:not(:disabled){background:var(--surface);border-color:var(--muted)}.btn-danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn-danger:hover:not(:disabled){background:var(--danger-hover);border-color:var(--danger-hover)}@media (pointer:coarse){.btn{min-height:44px}}.app-main{max-width:640px;margin:0 auto;padding:20px 16px calc(var(--nav-height) + env(safe-area-inset-bottom, 0px) + 24px)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:calc(var(--nav-height) + env(safe-area-inset-bottom, 0px));padding-bottom:env(safe-area-inset-bottom,0);display:flex;background:var(--bg);border-top:1px solid var(--border);z-index:10}.bottom-nav a{flex:1 1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;text-decoration:none;color:var(--muted);font-size:12px}.bottom-nav a[aria-current=page]{color:var(--primary);font-weight:600}.bottom-nav .nav-icon{font-size:22px;line-height:1}.nav-badge{position:absolute;top:-6px;left:12px;min-width:16px;height:16px;padding:0 4px;border-radius:999px;background:var(--danger);color:#fff;font-size:11px;font-weight:600;line-height:16px;text-align:center;box-sizing:border-box}@media (min-width:768px){.bottom-nav{position:-webkit-sticky;position:sticky;top:0;bottom:auto;height:var(--nav-height);padding-bottom:0;border-top:none;border-bottom:1px solid var(--border);justify-content:center;gap:8px}.bottom-nav a{flex:0 0 auto;flex-direction:row;gap:8px;padding:0 20px;font-size:15px}.bottom-nav .nav-icon{font-size:18px}.app-main{padding-bottom:40px}}.fade-badge{animation:fade-badge 3s ease-out forwards}@keyframes fade-badge{0%{opacity:1}70%{opacity:1}to{opacity:0}}.skeleton-line{background:linear-gradient(90deg,var(--surface-2) 25%,var(--surface) 50%,var(--surface-2) 75%);background-size:200% 100%;animation:skeleton-shimmer 1.4s ease-in-out infinite}@keyframes skeleton-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@media (prefers-reduced-motion:reduce){.btn{transition:none}.fade-badge{opacity:0;transition:opacity 3s step-end}.fade-badge,.skeleton-line{animation:none}}