*{box-sizing:border-box;margin:0;padding:0}body{background:var(--gradient-bg);min-height:100vh;font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.app.pure-masonry{min-height:100vh;padding:16px}.masonry-container{width:100%;min-height:calc(100vh - 32px)}.masonry-grid{grid-auto-flow:dense;width:100%;display:grid}.card{background:var(--bg-card);border-radius:var(--border-radius);border:var(--card-border);box-shadow:var(--card-shadow);flex-direction:column;justify-content:center;align-items:center;height:100%;min-height:0;padding:20px;transition:transform .2s,box-shadow .2s;display:flex;position:relative;overflow:hidden}.card:hover{box-shadow:var(--card-hover-shadow);z-index:10;transform:scale(1.02)}.card-content{text-align:center;flex-direction:column;gap:12px;width:100%;display:flex}.card-emoji{word-break:break-word;line-height:1.2}.card-meta{opacity:.9;flex-direction:column;gap:8px;font-size:14px;display:flex}.card-size{background:#0003;border-radius:8px;padding:4px 8px;font-weight:400}.font-mono{font-family:JetBrains Mono,Consolas,monospace}input[type=range]{background:var(--slider-bg);-webkit-appearance:none;cursor:pointer;border-radius:4px;outline:none;width:100%;height:8px}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--slider-thumb);cursor:pointer;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #0003}input[type=range]::-moz-range-thumb{background:var(--slider-thumb);cursor:pointer;border:none;border-radius:50%;width:20px;height:20px;box-shadow:0 2px 4px #0003}@media (width<=768px){.app.pure-masonry{padding:8px}.masonry-container{min-height:calc(100vh - 16px)}.card{padding:12px}}@media (width<=480px){.app.pure-masonry{padding:4px}.masonry-container{min-height:calc(100vh - 8px)}.card{border-radius:8px;padding:8px}}:root{--bg-primary:#f0f4ff;--bg-secondary:#fff;--bg-card:#fff;--text-primary:#1a1a2e;--text-secondary:#4a4a68;--accent-1:#f36;--accent-2:#00d9ff;--accent-3:#ffd600;--accent-4:#0f8;--accent-5:#9d4edd;--accent-6:#ff6b00;--gradient-bg:linear-gradient(135deg, #667eea 0%, #764ba2 100%);--shadow-color:#00000026;--border-radius:16px;--panel-bg:#fffffff2;--panel-shadow:0 8px 32px #0003;--stat-bg:#fff3;--stat-backdrop:blur(10px);--button-border:#ddd;--button-hover:#667eea;--button-active-bg:#667eea;--slider-bg:#ddd;--slider-thumb:#667eea;--card-shadow:0 4px 12px #00000026;--card-hover-shadow:0 8px 24px #00000040;--card-border:1px solid #00000014}[data-theme=dark]{--bg-primary:#0a0a1a;--bg-secondary:#141428;--bg-card:#1a1a2e;--text-primary:#fff;--text-secondary:#b0b0cc;--accent-1:#ff4d7d;--accent-2:#00e5ff;--accent-3:#ffe500;--accent-4:#0f9;--accent-5:#b366ff;--accent-6:#ff8533;--gradient-bg:linear-gradient(135deg, #1a1a2e 0%, #2d1b4e 100%);--shadow-color:#00000080;--border-radius:16px;--panel-bg:#1a1a2ef2;--panel-shadow:0 8px 32px #00000080;--stat-bg:#ffffff1a;--stat-backdrop:blur(10px);--button-border:#3a3a5a;--button-hover:#b366ff;--button-active-bg:#b366ff;--slider-bg:#3a3a5a;--slider-thumb:#b366ff;--card-shadow:0 4px 12px #0006;--card-hover-shadow:0 8px 24px #0009;--card-border:1px solid #ffffff1f}body{background:var(--gradient-bg);color:var(--text-primary);transition:background .3s,color .3s}:root{--color-0:var(--accent-1);--color-1:var(--accent-2);--color-2:var(--accent-3);--color-3:var(--accent-4);--color-4:var(--accent-5);--color-5:var(--accent-6)}