*{box-sizing:border-box;margin:0;padding:0}body{font-family:Space Grotesk,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--gradient-bg);min-height:100vh}.app.pure-masonry{min-height:100vh;padding:16px}.masonry-container{width:100%;min-height:calc(100vh - 32px)}.masonry-grid{display:grid;grid-auto-flow:dense;width:100%}.card{background:var(--bg-card);border-radius:var(--border-radius);border:var(--card-border);padding:20px;display:flex;flex-direction:column;align-items:center;justify-content:center;box-shadow:var(--card-shadow);overflow:hidden;position:relative;min-height:0;height:100%;transition:transform .2s ease,box-shadow .2s ease}.card:hover{transform:scale(1.02);box-shadow:var(--card-hover-shadow);z-index:10}.card-content{text-align:center;width:100%;display:flex;flex-direction:column;gap:12px}.card-emoji{line-height:1.2;word-break:break-word}.card-meta{display:flex;flex-direction:column;gap:8px;font-size:14px;opacity:.9}.card-size{background:#0003;padding:4px 8px;border-radius:8px;font-weight:400}.font-mono{font-family:JetBrains Mono,Consolas,monospace}input[type=range]{width:100%;height:8px;border-radius:4px;background:var(--slider-bg);outline:none;-webkit-appearance:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--slider-thumb);cursor:pointer;box-shadow:0 2px 4px #0003}input[type=range]::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--slider-thumb);cursor:pointer;border:none;box-shadow:0 2px 4px #0003}@media(max-width:768px){.app.pure-masonry{padding:8px}.masonry-container{min-height:calc(100vh - 16px)}.card{padding:12px}}@media(max-width:480px){.app.pure-masonry{padding:4px}.masonry-container{min-height:calc(100vh - 8px)}.card{padding:8px;border-radius:8px}}:root{--bg-primary: #f0f4ff;--bg-secondary: #ffffff;--bg-card: #ffffff;--text-primary: #1a1a2e;--text-secondary: #4a4a68;--accent-1: #FF3366;--accent-2: #00D9FF;--accent-3: #FFD600;--accent-4: #00FF88;--accent-5: #9D4EDD;--accent-6: #FF6B00;--gradient-bg: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--shadow-color: rgba(0, 0, 0, .15);--border-radius: 16px;--panel-bg: rgba(255, 255, 255, .95);--panel-shadow: 0 8px 32px rgba(0, 0, 0, .2);--stat-bg: rgba(255, 255, 255, .2);--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 rgba(0, 0, 0, .15);--card-hover-shadow: 0 8px 24px rgba(0, 0, 0, .25);--card-border: 1px solid rgba(0, 0, 0, .08)}[data-theme=dark]{--bg-primary: #0a0a1a;--bg-secondary: #141428;--bg-card: #1a1a2e;--text-primary: #ffffff;--text-secondary: #b0b0cc;--accent-1: #FF4D7D;--accent-2: #00E5FF;--accent-3: #FFE500;--accent-4: #00FF99;--accent-5: #B366FF;--accent-6: #FF8533;--gradient-bg: linear-gradient(135deg, #1a1a2e 0%, #2d1b4e 100%);--shadow-color: rgba(0, 0, 0, .5);--border-radius: 16px;--panel-bg: rgba(26, 26, 46, .95);--panel-shadow: 0 8px 32px rgba(0, 0, 0, .5);--stat-bg: rgba(255, 255, 255, .1);--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 rgba(0, 0, 0, .4);--card-hover-shadow: 0 8px 24px rgba(0, 0, 0, .6);--card-border: 1px solid rgba(255, 255, 255, .12)}body{background:var(--gradient-bg);color:var(--text-primary);transition:background .3s ease,color .3s ease}: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)}