:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body,#root{height:100%;margin:0;overflow:hidden}body{color:#e8e4d8;background:#14181a;font-family:system-ui,-apple-system,Segoe UI,sans-serif}*{box-sizing:border-box}.collection{background:radial-gradient(1200px 600px at 80% -10%,#22311f 0%,#0000 60%),radial-gradient(900px 500px at -10% 110%,#1d2733 0%,#0000 55%),#14181a;height:100%;overflow-y:auto}.topbar{z-index:5;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#14181ad1;border-bottom:1px solid #ffffff12;align-items:baseline;gap:14px;padding:18px 28px;display:flex;position:sticky;top:0}.topbar h1{letter-spacing:.02em;margin:0;font-size:22px}.topbar h1 .accent{color:#9ccc65}.topbar .sub{color:#9aa39b;font-size:13px}.grid{grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:22px;max-width:1200px;margin:0 auto;padding:30px 28px 60px;display:grid}.card{color:inherit;background:linear-gradient(160deg,#ffffff12,#ffffff05);border:1px solid #ffffff17;border-radius:18px;flex-direction:column;gap:6px;padding:22px;text-decoration:none;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.card:hover{border-color:#9ccc658c;transform:translateY(-3px);box-shadow:0 14px 34px #00000059}.card .thumb{background:radial-gradient(120px 90px at 30% 25%,#ffffff24,#0000 70%),linear-gradient(150deg,#ffffff1a,#ffffff05);border:1px solid #ffffff0f;border-radius:12px;place-items:center;height:150px;margin-bottom:6px;font-size:64px;display:grid}.card h2{margin:6px 0 0;font-size:18px}.card p{color:#aab2aa;margin:0;font-size:13.5px;line-height:1.5}.card .open{color:#9ccc65;align-items:center;gap:6px;margin-top:10px;font-size:13px;font-weight:600;display:flex}.empty{text-align:center;color:#9aa39b;padding:60px}.about{color:#c9d1c9;background:linear-gradient(160deg,#ffffff0f,#ffffff05);border:1px solid #ffffff17;border-radius:18px;max-width:1200px;margin:0 auto 70px;padding:26px 30px;font-size:14px;line-height:1.65}.about h3{color:#f0ecdd;margin:0 0 10px;font-size:17px}.about p{margin:8px 0}.about a{color:#9ccc65;font-weight:600;text-decoration:none}.about a:hover{text-decoration:underline}.about .muted{color:#8b948c;font-size:13px}.viewer-page{background:#1f2433;height:100%;position:relative}.viewer-nav{z-index:20;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#14181ab8;border:1px solid #ffffff1f;border-radius:999px;align-items:center;gap:10px;padding:7px 16px 7px 10px;display:flex;position:absolute;top:12px;left:12px}.viewer-nav a{color:#e8e4d8;background:#ffffff14;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:13px;text-decoration:none;display:flex}.viewer-nav a:hover{background:#ffffff29}.viewer-nav .crumb{color:#f0ecdd;font-weight:600}.viewer-title{z-index:20;text-align:right;pointer-events:none;text-shadow:0 1px 4px #000000b3;position:absolute;top:14px;right:18px}.viewer-title h2{margin:0;font-size:17px}.viewer-title .hint{opacity:.75;margin-top:2px;font-size:11.5px}.controls{z-index:20;flex-wrap:wrap;justify-content:center;gap:8px;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.chip{color:#eee;cursor:pointer;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#1c201cb3;border:1px solid #ffffff38;border-radius:999px;padding:6px 14px;font-family:inherit;font-size:12.5px}.chip.active{color:#1c1f1c;background:#dcc8a0eb;border-color:#0000}.status{color:#cfd6cf;z-index:5;place-items:center;font-size:15px;display:grid;position:absolute;inset:0}.status.error{color:#f2a2a2}