:root{--bg: #faf7f2;--bg-2: #f3eee4;--ink: #141312;--muted: #6b6a63;--line: #1a1a1a;--accent: #ff5b3a;--accent-2: #ffd23f;--accent-3: #3a8bff;--accent-4: #5fd47e;--accent-5: #b85cff;--shadow: 4px 4px 0 0 #1a1a1a;--shadow-sm: 2px 2px 0 0 #1a1a1a}[data-theme=dark]{--bg: #0e0d0c;--bg-2: #1a1817;--ink: #faf7f2;--muted: #8a8780;--line: #faf7f2;--shadow: 4px 4px 0 0 #faf7f2;--shadow-sm: 2px 2px 0 0 #faf7f2}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;min-height:100vh}body{background:var(--bg);color:var(--ink);font-family:Bricolage Grotesque,sans-serif;-webkit-font-smoothing:antialiased}::selection{background:var(--accent);color:#fff}.serif{font-family:"Instrument Serif",serif;font-weight:400}.mono{font-family:JetBrains Mono,monospace}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 18px;border:2px solid var(--line);background:var(--bg);color:var(--ink);font-family:Bricolage Grotesque,sans-serif;font-weight:700;font-size:14px;border-radius:999px;box-shadow:var(--shadow-sm);cursor:pointer;transition:transform .12s ease,box-shadow .12s ease,background .12s;white-space:nowrap}.btn:hover{transform:translate(-1px,-1px);box-shadow:3px 3px 0 0 var(--line)}.btn:active{transform:translate(1px,1px);box-shadow:1px 1px 0 0 var(--line)}.btn.primary{background:var(--accent);color:#fff;border-color:var(--line)}.btn.yellow{background:var(--accent-2)}.btn.blue{background:var(--accent-3);color:#fff}.btn.icon{padding:8px;width:38px;height:38px;border-radius:999px}.btn:disabled{opacity:.45;cursor:not-allowed}.chip{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;border:1.6px solid var(--line);background:var(--bg);color:var(--ink);font-weight:600;font-size:13px;border-radius:999px;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s,color .12s}.chip.on{background:var(--ink);color:var(--bg)}.chip.coral.on{background:var(--accent);color:#fff;border-color:var(--accent)}.chip.yellow.on{background:var(--accent-2);color:#1a1a1a;border-color:var(--accent-2)}.chip:hover{background:var(--bg-2)}.chip.on:hover{filter:brightness(.95)}input.search{width:100%;padding:14px 18px 14px 46px;border:2px solid var(--line);background:var(--bg);color:var(--ink);border-radius:999px;font-family:Bricolage Grotesque,sans-serif;font-size:15px;font-weight:500;outline:none;box-shadow:var(--shadow-sm)}input.search:focus{box-shadow:3px 3px 0 var(--accent);border-color:var(--accent)}.card{position:relative;overflow:hidden;border:2px solid var(--line);border-radius:14px;cursor:pointer;background:var(--bg-2);transition:transform .25s cubic-bezier(.2,.8,.2,1),box-shadow .25s;will-change:transform}.card.hover-lift:hover{transform:translate(-3px,-4px);box-shadow:6px 7px 0 var(--line)}.card.hover-zoom .card-image{transition:transform .4s cubic-bezier(.2,.8,.2,1)}.card.hover-zoom:hover .card-image{transform:scale(1.06)}.card.hover-tilt:hover{transform:rotate(-1.2deg) scale(1.02);box-shadow:6px 7px 0 var(--line)}.card.hover-reveal .card-meta{opacity:0;transform:translateY(8px);transition:.3s}.card.hover-reveal:hover .card-meta{opacity:1;transform:translateY(0)}.card .card-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;display:block;background-size:cover;background-position:center}.card .card-bottom{position:absolute;left:0;right:0;bottom:0;display:flex;align-items:flex-end;padding:12px}.card .card-meta{display:flex;align-items:center;justify-content:space-between;width:100%;background:#141312c7;color:#fff;padding:6px 10px;border-radius:10px;font-size:12px;font-weight:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.card .card-res{position:absolute;top:10px;right:10px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600;background:#faf7f2e6;color:#1a1a1a;padding:3px 7px;border-radius:999px;letter-spacing:.03em}.card .card-fav{position:absolute;top:10px;left:10px;width:28px;height:28px;border-radius:50%;border:none;background:#faf7f2e6;display:flex;align-items:center;justify-content:center;cursor:pointer;font-size:14px;transition:transform .15s,background .15s}.card .card-fav:hover{transform:scale(1.12)}.card .card-fav.on{background:var(--accent);color:#fff}.sidebar{width:250px;flex:0 0 250px;padding:22px 18px;border-right:2px solid var(--line);background:var(--bg-2);overflow-y:auto}.sidebar h4{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--muted);margin:18px 0 10px;font-weight:700}.sidebar h4:first-child{margin-top:0}.sidebar-host{display:contents}.sidebar-host .sidebar-backdrop,.sidebar-host .sidebar-drawer-head{display:none}.sidebar-host .sidebar-panel{display:contents}.mobile-toolbar{display:none}@media (max-width: 760px){.sidebar-host{display:block}.sidebar-host .sidebar-panel{display:block;position:fixed;top:0;bottom:0;left:0;width:min(86vw,340px);z-index:60;background:var(--bg-2);border-right:2px solid var(--line);box-shadow:var(--shadow);transform:translate(-101%);transition:transform .28s cubic-bezier(.2,.8,.2,1);display:flex;flex-direction:column;overflow:hidden}.sidebar-host .sidebar-panel .sidebar{width:100%;flex:1 1 auto;border-right:none;overflow-y:auto}.sidebar-host .sidebar-drawer-head{display:flex;align-items:center;justify-content:space-between;padding:14px 18px;border-bottom:2px solid var(--line);background:var(--bg)}.sidebar-host .sidebar-backdrop{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#0a09088c;z-index:55;opacity:0;pointer-events:none;transition:opacity .25s ease}.sidebar-host.open .sidebar-panel{transform:translate(0)}.sidebar-host.open .sidebar-backdrop{opacity:1;pointer-events:auto}.mobile-toolbar{display:flex;gap:8px;position:fixed;bottom:20px;left:50%;transform:translate(-50%);z-index:30;margin:0;padding:0;background:transparent}.mobile-toolbar .btn{box-shadow:var(--shadow);padding:12px 22px;font-size:15px}}.swatch-grid{display:grid;grid-template-columns:repeat(7,1fr);gap:6px}.swatch{width:100%;aspect-ratio:1;border:2px solid var(--line);border-radius:50%;cursor:pointer;transition:transform .15s}.swatch:hover{transform:scale(1.15)}.swatch.on{box-shadow:0 0 0 2px var(--bg),0 0 0 4px var(--ink)}.lightbox-bg{position:fixed;top:0;right:0;bottom:0;left:0;background:#0a0908d9;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:50;display:flex;align-items:center;justify-content:center;padding:32px;animation:fadeIn .25s ease}.detail-modal{background:var(--bg);border:2px solid var(--line);border-radius:18px;box-shadow:var(--shadow);width:min(1180px,100%);max-height:calc(100vh - 64px);display:grid;grid-template-columns:1.5fr 1fr;overflow:hidden;animation:slideUp .3s ease}.detail-preview{background:#0a0908;display:flex;align-items:center;justify-content:center;padding:28px;position:relative;min-height:480px;overflow:hidden}.detail-preview img{max-width:100%;max-height:calc(100vh - 140px);width:auto;height:auto;object-fit:contain;border-radius:12px;box-shadow:0 20px 60px #00000080}.detail-info{padding:28px;display:flex;flex-direction:column;gap:14px;overflow:auto}@media (max-width: 900px){.detail-modal{grid-template-columns:1fr;grid-template-rows:auto auto;max-height:calc(100vh - 32px)}.detail-preview{min-height:280px;padding:18px}.detail-preview img{max-height:60vh}.detail-info{padding:20px}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--bg-2);border-radius:999px;border:2px solid var(--bg)}::-webkit-scrollbar-thumb:hover{background:var(--ink)}.badge{display:inline-flex;align-items:center;font-family:JetBrains Mono,monospace;font-size:10px;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.tag-pill{display:inline-flex;align-items:center;gap:4px;padding:3px 10px;font-size:12px;font-weight:600;background:var(--bg-2);border:1.5px solid var(--line);border-radius:999px;cursor:pointer}.tag-pill:hover{background:var(--accent-2)}.grid-masonry{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));grid-auto-rows:8px;grid-auto-flow:row dense;gap:14px;align-items:start}.grid-masonry>.masonry-item{grid-row-end:span 30}@media (max-width: 480px){.grid-masonry{grid-template-columns:1fr}}.grid-uniform{display:grid;gap:14px}.progress{width:100%;height:6px;background:var(--bg-2);border:1.5px solid var(--line);border-radius:999px;overflow:hidden}.progress>div{height:100%;background:var(--accent);transition:width .15s linear}.blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;pointer-events:none}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:var(--ink);color:var(--bg);padding:12px 20px;border-radius:999px;font-weight:600;font-size:14px;box-shadow:var(--shadow-sm);z-index:100;animation:slideUp .3s ease}.spinner{width:32px;height:32px;border:3px solid var(--bg-2);border-top-color:var(--accent);border-radius:50%;animation:spin .9s linear infinite}.empty{padding:80px 0;text-align:center;color:var(--muted)}.empty .face{font-size:56px;margin-bottom:12px}.empty .head{font-family:"Instrument Serif",serif;font-style:italic;font-size:28px}.empty .sub{font-size:14px;margin-top:8px}.banner{padding:12px 18px;border:2px solid var(--line);background:var(--accent-2);border-radius:12px;font-weight:600;font-size:13px;box-shadow:var(--shadow-sm);margin:12px 24px 0}