.panel{gap:var(--space-3);padding:var(--space-4);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md);transition:transform var(--transition), border-color var(--transition), box-shadow var(--transition), background var(--transition);flex-direction:column;display:flex}.panel:hover{background:var(--surface-hover);border-color:var(--accent);box-shadow:var(--shadow);transform:translateY(-3px)}.panel.is-favourite{border-color:var(--accent);box-shadow:inset 3px 0 0 0 var(--accent)}.panel__top{align-items:flex-start;gap:var(--space-3);display:flex}.panel__icon{border-radius:var(--radius-sm);object-fit:cover;flex-shrink:0;width:36px;height:36px}.panel__heading{flex:1;min-width:0}.panel__title{margin:0;font-size:1rem;font-weight:650;line-height:1.3}.panel__title a{align-items:center;gap:var(--space-2);color:var(--text);transition:color var(--transition);display:inline-flex}.panel__title a:hover{color:var(--accent)}.panel__external{opacity:.5;transition:opacity var(--transition);flex-shrink:0}.panel__title a:hover .panel__external{opacity:1}.panel__author{color:var(--text-muted);margin-top:2px;font-size:.8rem}.panel__pin{border-radius:var(--radius-sm);min-width:44px;min-height:44px;color:var(--text-muted);transition:color var(--transition), background var(--transition);background:0 0;border:none;flex-shrink:0;justify-content:center;align-items:center;padding:0;display:flex}.panel__pin:hover{background:var(--bg-soft);color:var(--accent)}.panel__pin[aria-pressed=true]{color:var(--accent)}.panel__description{color:var(--text-muted);-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:.875rem;line-height:1.55;display:-webkit-box;overflow:hidden}.panel__description.is-expanded{-webkit-line-clamp:unset;line-clamp:unset;overflow:visible}.panel__foot{justify-content:space-between;align-items:center;gap:var(--space-2);margin-top:auto;display:flex}.panel__more{padding:var(--space-1) 0;color:var(--accent);background:0 0;border:none;font-size:.8rem;font-weight:600}.panel__more:hover{text-decoration:underline}.panel__badge{padding:2px var(--space-2);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;font-size:.7rem;font-weight:600}.list{gap:var(--space-4);grid-template-columns:repeat(auto-fill,minmax(min(100%,300px),1fr));align-items:stretch;display:grid}@media (width<=600px){.list{gap:var(--space-3)}}.list__empty{padding:var(--space-7) var(--space-4);text-align:center;color:var(--text-muted);background:var(--surface);border:1px dashed var(--border-strong);border-radius:var(--radius-md)}.toolbar{gap:var(--space-3);flex-direction:column;display:flex}.toolbar__row{align-items:center;gap:var(--space-3);display:flex}@media (width<=600px){.toolbar__row{flex-direction:column;align-items:stretch}}.toolbar__row--chips{justify-content:space-between;align-items:center}@media (width<=600px){.toolbar__row--chips{align-items:stretch}}.toolbar__search{flex:1;min-width:0;position:relative}.toolbar__search-icon{left:var(--space-3);color:var(--text-muted);pointer-events:none;position:absolute;top:50%;transform:translateY(-50%)}.toolbar__input{min-width:44px;min-height:44px}.toolbar__input:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.toolbar__input{width:100%;padding:var(--space-2) var(--space-3) var(--space-2) var(--space-6);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);transition:border-color var(--transition), background var(--transition)}.toolbar__input::placeholder{color:var(--text-muted)}.toolbar__input:hover{border-color:var(--border-strong)}.toolbar__input:focus{border-color:var(--accent);outline:none}.toolbar__input::-webkit-search-cancel-button{-webkit-appearance:none}.toolbar__sort{align-items:center;gap:var(--space-2);flex-shrink:0;display:flex}.toolbar__sort-label{color:var(--text-muted);font-size:.85rem}.toolbar__select{min-width:44px;min-height:44px}.toolbar__select:focus-visible{outline:2px solid var(--ring);outline-offset:2px}.toolbar__select{padding:var(--space-2) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);cursor:pointer;transition:border-color var(--transition)}.toolbar__select:hover{border-color:var(--border-strong)}@media (width<=600px){.toolbar__select{flex:1}}.toolbar__chips{gap:var(--space-2);flex-wrap:wrap;min-width:0;display:flex}@media (width<=600px){.toolbar__chips{padding-bottom:var(--space-1);scrollbar-width:thin;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;overflow-x:auto}}.chip{padding:var(--space-1) var(--space-3);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-pill);min-height:32px;color:var(--text-muted);white-space:nowrap;transition:background var(--transition), color var(--transition), border-color var(--transition);flex-shrink:0;font-size:.8rem;font-weight:600}.chip:hover{border-color:var(--accent);color:var(--text)}.chip.is-active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.toolbar__count{align-items:center;gap:var(--space-3);color:var(--text-muted);white-space:nowrap;flex-shrink:0;font-size:.8rem;display:flex}.toolbar__clear{align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-2);border-radius:var(--radius-sm);color:var(--accent);background:0 0;border:none;font-size:.8rem;font-weight:600;display:inline-flex}.toolbar__clear:hover{background:var(--bg-soft)}.theme-toggle{align-items:flex-end;gap:var(--space-2);flex-direction:column;display:flex}@media (width<=600px){.theme-toggle{align-items:stretch;width:100%}}.theme-toggle__segments{gap:var(--space-1);padding:var(--space-1);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-pill);display:inline-flex}.theme-toggle__segment{justify-content:center;align-items:center;gap:var(--space-2);min-width:44px;min-height:44px;padding:var(--space-2) var(--space-3);border-radius:var(--radius-pill);color:var(--text-muted);transition:background var(--transition), color var(--transition);background:0 0;border:none;font-size:.85rem;font-weight:600;display:inline-flex}.theme-toggle__segment:hover:not(.is-active){background:var(--surface-hover);color:var(--text)}.theme-toggle__segment.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow)}@media (width<=600px){.theme-toggle__segment{flex:1}}@media (width<=420px){.theme-toggle__label{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}}.theme-toggle__roll{align-items:center;gap:var(--space-3);padding:var(--space-1) var(--space-1) var(--space-1) var(--space-3);background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-pill);display:flex}@media (width<=600px){.theme-toggle__roll{justify-content:space-between}}.theme-toggle__result{align-items:baseline;gap:var(--space-2);min-width:0;padding-right:var(--space-3);order:-1;display:flex}.theme-toggle__rarity{color:var(--rarity-color);text-transform:uppercase;letter-spacing:.08em;text-shadow:0 0 12px var(--rarity-color);font-size:.7rem;font-weight:800}.theme-toggle__name{color:var(--text-muted);white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.theme-toggle__reroll{justify-content:center;align-items:center;gap:var(--space-2);min-width:44px;min-height:44px;padding:var(--space-2) var(--space-4);border-radius:var(--radius-pill);background:var(--accent-gradient);color:var(--accent-contrast);box-shadow:var(--glow);transition:transform var(--transition);border:none;font-size:.85rem;font-weight:700;display:inline-flex}.theme-toggle__reroll:hover{transform:scale(1.03)}.theme-toggle__reroll:active{transform:scale(.97)}.theme-toggle__roll.is-rolling .theme-toggle__reroll svg{animation:.62s cubic-bezier(.2,.8,.3,1) theme-roll}.theme-toggle__roll.is-rolling .theme-toggle__result{animation:.62s cubic-bezier(.2,.8,.3,1) theme-settle}@keyframes theme-roll{0%{transform:rotate(0)scale(1)}60%{transform:rotate(420deg)scale(1.25)}to{transform:rotate(360deg)scale(1)}}@keyframes theme-settle{0%{opacity:0;transform:translateY(-6px)}60%{opacity:1}to{opacity:1;transform:translateY(0)}}.options-toggle{align-items:center;gap:var(--space-2);min-width:44px;min-height:44px;padding:var(--space-2) var(--space-3);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-pill);color:var(--text-muted);transition:background var(--transition), color var(--transition), border-color var(--transition);flex-shrink:0;font-size:.85rem;font-weight:600;display:inline-flex}.options-toggle:hover{border-color:var(--accent);color:var(--text)}.options-toggle__chevron{transition:transform var(--transition)}.options-toggle[aria-expanded=false] .options-toggle__chevron{transform:rotate(-90deg)}.options-toggle__dot{background:var(--accent);width:7px;height:7px;box-shadow:var(--glow);border-radius:50%}.controls{opacity:1;transition:grid-template-rows var(--transition), opacity var(--transition);grid-template-rows:1fr;display:grid}.controls.is-collapsed{opacity:0;margin-bottom:calc(var(--space-4) * -1);grid-template-rows:0fr}.controls__inner{gap:var(--space-3);flex-direction:column;min-height:0;display:flex;overflow:hidden}.controls.is-collapsed .controls__inner{visibility:hidden;transition:visibility 0s linear .18s}.shell>.view-bar{z-index:5;justify-content:space-between;align-items:center;gap:var(--space-3);margin-inline:calc(var(--space-5) * -1);padding:var(--space-3) var(--space-5);background:color-mix(in srgb, var(--bg) 85%, transparent);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex-wrap:wrap;display:flex;position:sticky;top:0}@supports not ((-webkit-backdrop-filter:blur(1px)) or (backdrop-filter:blur(1px))){.shell>.view-bar{background:var(--bg)}}@media (width<=600px){.shell>.view-bar{margin-inline:calc(var(--space-3) * -1);padding:var(--space-2) var(--space-3)}}.view-bar .theme-toggle{align-items:center;gap:var(--space-3);flex-direction:row}.view-tabs{gap:var(--space-1);padding:var(--space-1);background:var(--bg-soft);border:1px solid var(--border);border-radius:var(--radius-pill);width:fit-content;display:inline-flex}@media (width<=600px){.view-tabs{width:100%}}.view-tabs__tab{min-width:44px;min-height:44px;padding:var(--space-2) var(--space-5);border-radius:var(--radius-pill);color:var(--text-muted);transition:background var(--transition), color var(--transition);background:0 0;border:none;flex:1;font-size:.95rem;font-weight:600}.view-tabs__tab:hover:not(.is-active){background:var(--surface-hover);color:var(--text)}.view-tabs__tab.is-active{background:var(--accent-gradient);color:var(--accent-contrast);box-shadow:var(--glow)}:root{--font-sans:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono:ui-monospace, SFMono-Regular, "SF Mono", Menlo, Consolas, monospace;--radius-sm:8px;--radius-md:14px;--radius-lg:20px;--radius-pill:999px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--max-width:1400px;--transition:.18s cubic-bezier(.4, 0, .2, 1);--bg:#f6f7fb;--bg-soft:#edeff5;--surface:#fff;--surface-hover:#f4f6fc;--border:#e1e4ee;--border-strong:#c3c8d8;--text:#14161d;--text-muted:#565d70;--accent:#1d63b5;--accent-end:#6b3fd4;--accent-gradient:linear-gradient(135deg, #1d63b5, #6b3fd4);--accent-contrast:#fff;--ring:#1d63b5;--shadow:0 8px 24px #1214231a;--glow:none}@media (prefers-color-scheme:dark){:root:not([data-theme=light]):not([data-theme=rng]){--bg:#0b0b10;--bg-soft:#121219;--surface:#16161f;--surface-hover:#1e1e2a;--border:#272733;--border-strong:#3c3c4c;--text:#f1f2f7;--text-muted:#a3a8bb;--accent:#0ac6fe;--accent-end:#b395fe;--accent-gradient:linear-gradient(135deg, #0ac6fe, #b395fe);--accent-contrast:#04121a;--ring:#0ac6fe;--shadow:0 8px 24px #00000073;--glow:none}}:root[data-theme=dark],:root[data-theme=rng]{--bg:#0b0b10;--bg-soft:#121219;--surface:#16161f;--surface-hover:#1e1e2a;--border:#272733;--border-strong:#3c3c4c;--text:#f1f2f7;--text-muted:#a3a8bb;--accent:#0ac6fe;--accent-end:#b395fe;--accent-gradient:linear-gradient(135deg, #0ac6fe, #b395fe);--accent-contrast:#04121a;--ring:#0ac6fe;--shadow:0 8px 24px #00000073;--glow:none}*,:before,:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background-color:var(--bg);min-height:100vh;color:var(--text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--transition), color var(--transition);margin:0;font-size:16px;line-height:1.5}h1,h2,h3,p{margin:0}a{color:var(--accent);text-decoration:none}a:focus-visible{outline:2px solid var(--ring);outline-offset:2px}button,input,select{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible{outline:2px solid var(--ring);outline-offset:2px}img{max-width:100%;display:block}::selection{background:var(--accent);color:var(--accent-contrast)}.visually-hidden{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}}:root[data-theme=dark]{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.shell{max-width:var(--max-width);padding:var(--space-6) var(--space-5) var(--space-7);gap:var(--space-5);flex-direction:column;margin:0 auto;display:flex;position:relative}.shell:before{content:"";background:radial-gradient(ellipse 80% 100% at 50% 0%, var(--accent) 0%, transparent 70%);opacity:.1;pointer-events:none;z-index:0;height:320px;position:absolute;inset:0 0 auto}.shell>*{z-index:1;position:relative}@media (width<=600px){.shell{padding:var(--space-4) var(--space-3) var(--space-6);gap:var(--space-4)}}.shell__header{justify-content:space-between;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.shell__main{gap:var(--space-4);flex-direction:column;display:flex}.shell__footer{margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid var(--border);color:var(--text-muted);text-align:center;font-size:.85rem}.brand{align-items:center;gap:var(--space-3);min-width:0;display:flex}.brand__logo{border-radius:var(--radius-md);flex-shrink:0;width:48px;height:48px}@media (width<=600px){.brand__logo{width:40px;height:40px}}.brand__name{letter-spacing:-.02em;background:var(--accent-gradient);color:#0000;-webkit-background-clip:text;background-clip:text;width:fit-content;font-size:1.6rem;font-weight:700;line-height:1.15}@media (width<=600px){.brand__name{font-size:1.3rem}}.brand__tagline{color:var(--text-muted);font-size:.9rem}@media (width<=600px){.brand__tagline{font-size:.8rem}}