:root{--space-xs:clamp(0.25rem,0.5vw,0.5rem);--space-sm:clamp(0.5rem,1vw,0.75rem);--space-md:clamp(0.75rem,1.5vw,1.25rem);--space-lg:clamp(1.25rem,2.5vw,2rem);--space-xl:clamp(2rem,4vw,3.5rem);--space-2xl:clamp(3rem,6vw,5rem);--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--radius-xl:24px;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--text-xs:clamp(0.65rem,0.8vw,0.75rem);--text-sm:clamp(0.75rem,1vw,0.875rem);--text-base:clamp(0.875rem,1.2vw,1rem);--text-md:clamp(1rem,1.5vw,1.125rem);--text-lg:clamp(1.125rem,2vw,1.5rem);--text-xl:clamp(1.5rem,3vw,2rem);--text-2xl:clamp(2rem,4vw,3rem);--text-3xl:clamp(2.5rem,5vw,4rem)}[data-theme=dark]{--bg-primary:#0a0a0f;--bg-secondary:#141420;--bg-card:#1a1a2e;--bg-card-hover:#22223a;--bg-overlay:rgba(0,0,0,.85);--text-primary:#f0f0f5;--text-secondary:#a0a0b5;--text-muted:#6a6a80;--accent:tan;--accent-hover:#e6c9a0;--accent-gradient:linear-gradient(135deg,tan,#c8c8c8 50%,#4a4a4a);--accent-secondary:#533483;--border-color:#2a2a40;--shadow-card:0 4px 20px rgba(0,0,0,.5);--shadow-hover:0 8px 32px hsla(34,44%,69%,.3);--header-bg:rgba(10,10,15,.95);--settings-bg:#141420;--scrollbar-track:#1a1a2e;--scrollbar-thumb:#533483;--modal-fade:#000}[data-theme=light]{--bg-primary:#f5f5fa;--bg-secondary:#fff;--bg-card:#fff;--bg-card-hover:#f0f0ff;--bg-overlay:hsla(0,0%,100%,.9);--text-primary:#1a1a2e;--text-secondary:#555570;--text-muted:#8888a0;--accent:#b8946a;--accent-hover:#9a7a52;--accent-gradient:linear-gradient(135deg,tan,#c8c8c8 50%,#4a4a4a);--accent-secondary:#533483;--border-color:#e0e0ea;--shadow-card:0 4px 20px rgba(0,0,0,.08);--shadow-hover:0 8px 32px hsla(32,35%,57%,.2);--header-bg:hsla(0,0%,100%,.95);--settings-bg:#fff;--scrollbar-track:#e0e0ea;--scrollbar-thumb:#533483;--modal-fade:#fff}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background-color:var(--bg-primary);color:var(--text-primary);line-height:1.6;min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal);overflow-x:hidden}a{color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-hover)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:var(--radius-md)}::-webkit-scrollbar-thumb:hover{background:var(--accent)}::selection{background-color:var(--accent);color:#1a1a2e}:focus-visible{outline:2px solid var(--accent);outline-offset:2px}:root{--cursor-remote:url(/remote-cursor.svg) 14 14,pointer}[role=button],a,button,input[type=range]{cursor:var(--cursor-remote)}@container style(--orientation: landscape){.gallery-grid{grid-template-rows:auto}}@container style(--orientation: portrait){.gallery-grid{grid-template-columns:auto}}