:root{color-scheme:light;--brand-color:#FE2C55;--bg-body:#F5F5F7;--bg-topbar:rgba(255,255,255,0.85);--bg-sidebar:rgba(255,255,255,0.72);--bg-surface:rgba(255,255,255,0.7);--bg-elevated:rgba(255,255,255,0.92);--bg-card:rgba(255,255,255,0.85);--bg-input:rgba(0,0,0,0.04);--bg-hover:rgba(0,0,0,0.04);--bg-active:rgba(0,0,0,0.06);--border-color:rgba(0,0,0,0.08);--border-strong:rgba(0,0,0,0.14);--text-primary:rgba(0,0,0,0.9);--text-secondary:rgba(0,0,0,0.65);--text-muted:rgba(0,0,0,0.45);--text-disabled:rgba(0,0,0,0.3);--sat:env(safe-area-inset-top,0px);--sar:env(safe-area-inset-right,0px);--sab:env(safe-area-inset-bottom,0px);--sal:env(safe-area-inset-left,0px);--bottom-nav-height:calc(56px + var(--sab))}html[data-theme=dark]{color-scheme:dark;--bg-body:#000000;--bg-topbar:rgba(0,0,0,0.85);--bg-sidebar:rgba(0,0,0,0.5);--bg-surface:rgba(20,22,32,0.6);--bg-elevated:rgba(20,22,32,0.85);--bg-card:rgba(20,22,32,0.6);--bg-input:rgba(255,255,255,0.06);--bg-hover:rgba(255,255,255,0.05);--bg-active:rgba(255,255,255,0.08);--border-color:rgba(255,255,255,0.06);--border-strong:rgba(255,255,255,0.12);--text-primary:rgba(255,255,255,0.95);--text-secondary:rgba(255,255,255,0.7);--text-muted:rgba(255,255,255,0.4);--text-disabled:rgba(255,255,255,0.25)}html{height:100%}body,html{max-width:100vw;overflow-x:hidden}body{min-height:100%;display:flex;flex-direction:column;color:var(--text-primary);background:var(--bg-body);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit;text-decoration:none}.my-masonry-grid{display:flex;margin-left:-12px;width:auto}.my-masonry-grid_column{padding-left:12px;background-clip:padding-box}.my-masonry-grid_column>div{margin-bottom:12px}@media (hover:none) and (pointer:coarse){*{-webkit-tap-highlight-color:transparent}[role=button],button{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (hover:none) and (pointer:coarse){body{-webkit-overflow-scrolling:touch}}.safe-area-top{padding-top:var(--sat)}.safe-area-bottom{padding-bottom:var(--sab)}.safe-area-left{padding-left:var(--sal)}.safe-area-right{padding-right:var(--sar)}