body,html{margin:0;padding:0}:root{--brand-color:#1F2937;--text-primary:#111;--text-secondary:#555;--text-disabled:#999;--surface-button:#fff;--surface-button-disabled:#f0f0f0;--border-strong:#d4d4d4;--border-soft:rgba(0,0,0,0.12);--border-soft-stronger:rgba(0,0,0,0.18);--card-shadow:0 10px 30px rgba(0,0,0,0.12),0 2px 6px rgba(0,0,0,0.06),inset 0 1px 0 rgba(255,255,255,0.6);--element-shadow:0 4px 14px rgba(0,0,0,0.08),inset 0 1px 0 rgba(255,255,255,0.5);--spinner-track:#e5e5e5;--spinner-head:#111}[data-theme=dark]{--text-primary:#fff;--text-secondary:#c0c0c0;--text-disabled:#777;--surface-button:rgba(255,255,255,0.06);--surface-button-disabled:rgba(255,255,255,0.04);--border-strong:rgba(255,255,255,0.3);--border-soft:rgba(255,255,255,0.15);--border-soft-stronger:rgba(255,255,255,0.25);--card-shadow:0 10px 30px rgba(0,0,0,0.5),0 2px 6px rgba(0,0,0,0.3),inset 0 1px 0 rgba(255,255,255,0.08);--element-shadow:0 4px 14px rgba(0,0,0,0.4),inset 0 1px 0 rgba(255,255,255,0.06);--spinner-track:rgba(255,255,255,0.15);--spinner-head:#fff}@keyframes spin{to{transform:rotate(1turn)}}.mockup-container{width:100%;max-width:480px;margin:0 auto;background:transparent}@media (min-width:768px){.mockup-container{max-width:600px}}@media (min-width:1024px){.mockup-container{max-width:720px}}