@font-face{font-family:Manrope;src:url('./assets/manrope.ttf') format('truetype');font-display:swap}
:root{--bg:#0d0e10;--panel:#16181c;--surface:#1c2026;--line:#30353d;--text:#f4f3ef;--muted:#abb3bf;--accent:#a8def0;--radius:16px;--font:Manrope,system-ui,sans-serif;color-scheme:dark}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font:.875rem/1.6 var(--font)}[hidden]{display:none!important}button,input,select{font:inherit}button{color:inherit;cursor:pointer}a{color:var(--accent);text-underline-offset:4px}button:focus-visible,a:focus-visible,select:focus-visible{outline:2px solid var(--accent);outline-offset:3px}button:disabled{opacity:.45;cursor:default}::selection{background:#315769;color:#fff}input{caret-color:var(--accent)}svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex:none}*{scrollbar-width:thin;scrollbar-color:#556171 transparent}::-webkit-scrollbar{width:7px;height:7px}::-webkit-scrollbar-thumb{background:#556171;border-radius:8px}::-webkit-scrollbar-track{background:transparent}
.topbar{display:flex;align-items:center;gap:24px;padding:16px max(24px,calc((100vw - 1320px)/2));border-bottom:1px solid var(--line);background:#111215}.brand{position:relative;display:inline-flex;padding-top:23px;flex:none;text-decoration:none}.brand-word{display:flex;font-size:1.9375rem;font-weight:800;line-height:1.15;letter-spacing:-.035em;color:var(--text)}.shark-logo{position:absolute;top:0;left:0;width:100%;height:27px;background:var(--accent);mask:url('./assets/base-shark.png') 27.05% center/105.95% auto no-repeat}.category-toggle{width:188px;justify-content:flex-start;gap:10px;flex:none}.category-label{flex:1;text-align:left;white-space:nowrap}.category-chevron{width:16px;height:16px;stroke-width:2;color:var(--muted);transition:transform .16s ease,color .16s ease}.category-toggle[aria-expanded=true] .category-chevron{transform:rotate(180deg);color:var(--accent)}.mode-switch{position:relative;margin-left:auto;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:4px;isolation:isolate;background:#191d22;border:1px solid var(--line);border-radius:12px}.mode-button{position:relative;z-index:1;border:0;background:transparent;min-height:44px;padding:10px 20px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:9px;white-space:nowrap}.mode-button span{font-size:0.75rem;color:var(--muted);font-variant-numeric:tabular-nums}.mode-button[aria-pressed=true]{color:var(--text)}.mode-button[aria-pressed=true] span{color:var(--accent)}#mode-indicator{position:absolute;top:4px;bottom:4px;left:4px;width:calc((100% - 8px)/2);background:#2a343e;border-radius:8px;z-index:0}.mode-button:hover{color:var(--accent)}
main{max-width:1376px;margin:0 auto;padding:28px 28px 40px;overflow-x:clip}.controls{margin-bottom:24px}.search-row{display:flex;align-items:center;gap:10px}.search{display:flex;align-items:center;gap:12px;flex:1;min-width:0;padding:0 16px;height:54px}.search input{flex:1;min-width:0;width:100%;border:0;outline:0;background:none;color:var(--text);height:50px;font-size:0.875rem}input::placeholder{color:#a4adba;opacity:1}.search svg{color:var(--muted)}kbd{font-size:0.75rem;color:var(--muted);border:1px solid var(--line);padding:0 5px;border-radius:4px}#toggle-filters,#set-toggle{min-height:50px}#toggle-filters[data-active=true],#set-toggle[data-active=true]{border-color:#709fb3;color:var(--accent)}.filter-panel{margin-top:12px;padding:18px;display:grid;gap:18px;grid-template-columns:1fr;background:var(--panel);border:1px solid var(--line);border-radius:12px}fieldset{border:0;padding:0;margin:0;min-width:0}legend{font-size:0.75rem;color:var(--muted);padding:0;margin-bottom:10px}.chips{display:flex;flex-wrap:wrap;gap:7px}.filter-chip{border:1px solid var(--line);border-radius:8px;background:#1b2026;color:var(--muted);min-height:38px;padding:7px 12px;font-size:0.75rem}.filter-chip:hover{border-color:#718394;color:var(--text)}.filter-chip[aria-pressed=true]{background:#cee8f2;color:#172832;border-color:#cee8f2}.sort-label{display:flex;align-items:center;gap:12px;color:var(--muted);font-size:0.75rem}select{min-height:42px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--text);padding:7px 12px}.active-filters{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.active-filters:empty{display:none}.active-chip{display:inline-flex;align-items:center;gap:8px;font-size:0.75rem;color:#c1dfeb;border:1px solid #405a69;border-radius:6px;background:#1a2831;padding:5px 9px;min-height:32px;max-width:100%;text-align:left}.active-chip svg{width:12px;height:12px}.results{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:36px;margin-top:10px;color:var(--muted);font-size:0.75rem}.text-button{border:0;background:none;color:var(--muted);min-height:36px;padding:7px 9px;font-size:0.75rem;border-radius:8px}.text-button:hover{color:var(--accent);background:#222831}
.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.card{height:450px;overflow:hidden;display:flex;flex-direction:column;min-width:0}.preview{position:relative;height:144px;flex:none;margin:11px 11px 0;border-radius:8px;overflow:hidden;background:#101317}.preview img{display:block;width:100%;height:100%;object-fit:cover}.card-body{display:flex;flex-direction:column;flex:1;min-height:0;padding:16px 18px 10px}.card-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;font-size:0.75rem;line-height:1.35;color:var(--muted);min-height:25px}.meta-divider{color:#697482}.card h2{margin:8px 0 6px;font-size:1.1875rem;line-height:1.35;font-weight:650;letter-spacing:-.025em}.title-button{display:block;text-align:left;padding:0;border:0;background:none;font:inherit;line-height:inherit;max-width:100%;overflow-wrap:anywhere;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow:hidden}.title-button:hover{color:var(--accent)}.summary{font-size:0.875rem;line-height:1.65;color:#c6cbd4;margin:0;overflow-wrap:anywhere}.card-footer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:9px;min-height:49px}.detail-button{border:0;background:transparent;text-align:left;padding:8px 0;min-height:40px;color:var(--text);font-size:0.75rem}.detail-button:hover{color:var(--accent)}.outlink{display:flex;align-items:center;justify-content:center;width:40px;height:40px;flex:none;border-radius:8px;color:var(--muted)}.outlink:hover{background:#26313c;color:var(--accent)}.collection-card{background:#172129;border-color:#435968}.collection-type{color:#c7e8f6;font-weight:650;letter-spacing:.04em}.badge{font-size:0.75rem;padding:3px 7px;border-radius:5px;background:#282e37;color:#c3ccd8}.badge.free{background:#223733;color:#b2e1cd}.badge.freemium{background:#3a3024;color:#e5c091}.badge.paid{background:#38282d;color:#f1bcc7}.badge.unknown{background:#2c2e33;color:#c2c7d1}.image-fallback{height:100%;display:flex;align-items:center;justify-content:center;padding:20px;font-size:1.375rem;background:#1c2933;color:#c1dfeb}.load-more-wrap{text-align:center;padding-top:24px}.empty{padding:44px 20px;text-align:center;border:1px solid var(--line);border-radius:12px}.empty h2{font-size:1.375rem;margin:0 0 8px}.empty p{color:var(--muted)}footer{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;font-size:0.75rem;color:var(--muted);margin-top:36px;padding-top:20px;border-top:1px solid var(--line)}
.category-menu,.sets-menu{margin:0;background:#181c22;border:1px solid #425363;border-radius:16px;color:var(--text);padding:0;box-shadow:0 12px 32px #0005;overflow:hidden}.category-menu{width:min(680px,calc(100vw - 24px));display:none}.category-menu:popover-open{display:flex;flex-direction:column}.menu-heading{display:flex;align-items:center;gap:12px;padding:14px 18px;border-bottom:1px solid var(--line);flex:none}.menu-heading strong{font-size:0.9375rem;font-weight:650}.menu-heading p{font-size:0.75rem;color:var(--muted);margin:3px 0 0}.category-list{display:grid;grid-template-columns:1fr 1fr;gap:4px;padding:10px 12px;overflow:auto;min-height:0}.category-list.submenu{grid-template-columns:1fr 1fr}.category-row{display:flex;align-items:center;gap:9px;min-height:44px;padding:8px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:var(--muted);text-align:left;min-width:0;font-size:0.75rem}.category-row:hover{background:#242c35;color:var(--text)}.category-row[aria-pressed=true]{border-color:#486273;background:#263541;color:#d6eaf5}.category-row .count{margin-left:auto;font-size:0.75rem;flex:none}.category-row>span:not(.count){min-width:0;overflow-wrap:anywhere}.category-row svg{width:17px;height:17px}.category-row.catalog-menu-item{grid-column:1/-1;min-height:48px;font-size:0.9375rem;font-weight:650;background:#21323e;color:#cee8f2;border-color:#445e6f}.menu-footer{display:flex;justify-content:space-between;gap:10px;padding:10px 16px;border-top:1px solid var(--line);flex:none}.primary-button{background:#cee8f2!important;color:#172832!important}.sets-menu{width:min(430px,calc(100vw - 24px))}#sets{padding:10px}.set-item{display:block;width:100%;text-align:left;background:none;border:1px solid transparent;border-radius:8px;padding:12px;color:var(--text);min-height:54px}.set-item:hover,.set-item[aria-pressed=true]{background:#263541;border-color:#486273}.set-item strong{font-size:0.8125rem}.set-item p{margin:3px 0 0;font-size:0.75rem;color:var(--muted)}
dialog{padding:0;border:1px solid #4b5b6b;border-radius:20px;width:min(870px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);background:#181c22;color:var(--text);overflow:hidden;box-shadow:0 16px 32px #0006}dialog::backdrop{background:#05080dd9;backdrop-filter:blur(5px)}.modal-scroll{max-height:calc(100dvh - 36px);overflow:auto;padding:14px 12px 14px 14px;scrollbar-gutter:stable}.modal-close{position:absolute;z-index:3;right:26px;top:22px;width:44px;height:44px;border-radius:50%!important;background:#1b222bed!important;color:var(--text);padding:0!important;font-size:1.5625rem}.modal-cover{display:block;width:100%;height:194px;object-fit:cover;border-radius:10px;background:#10151b}.modal-body{padding:20px 18px 16px}.modal-body h2{font-size:1.8125rem;line-height:1.25;font-weight:650;letter-spacing:-.025em;overflow-wrap:anywhere;margin:9px 0 8px;padding-right:30px}.modal-description{color:#c6cbd4;font-size:0.9375rem;margin:0 0 18px;line-height:1.7;max-width:72ch}.modal-actions,.source-links{display:flex;flex-wrap:wrap;align-items:center;gap:9px}.modal-actions{margin:12px 0 24px}.modal-actions a{text-decoration:none}.modal-section{border-top:1px solid var(--line);padding:20px 0}.modal-section:last-child{padding-bottom:0}.modal-section h3{font-size:0.875rem;font-weight:650;margin:0 0 9px}.modal-section p,.modal-section li{color:#c6cbd4;font-size:0.875rem;line-height:1.75}.modal-section p{margin:0 0 10px}.modal-section p:last-child{margin:0}.modal-section ul{padding-left:19px;margin:0}.access-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.access-grid strong{font-size:0.75rem;color:var(--accent);display:block;margin-bottom:6px}.modal-topics{display:flex;flex-wrap:wrap;gap:6px}.source-links .coss-button{font-size:0.75rem;white-space:normal;text-align:left;overflow-wrap:anywhere}.related-list{display:flex;flex-wrap:wrap;gap:8px}.related-list .coss-button{font-size:0.75rem}.prompt-block pre{font:.75rem/1.7 var(--font);padding:16px;border:1px solid var(--line);border-radius:8px;background:#10161d;white-space:pre-wrap;overflow-wrap:anywhere;max-height:300px;overflow:auto;margin:0 0 10px}
@media(max-width:1000px){.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.topbar{gap:16px}.mode-button{padding:10px 14px}.category-toggle{width:162px}}
@media(max-width:650px){.topbar{display:grid;grid-template-columns:1fr auto;gap:14px;padding:14px 18px}.brand{width:max-content}.category-toggle{width:168px;font-size:0.75rem}.mode-switch{grid-column:1/-1;margin:0;width:100%}.mode-button{font-size:0.8125rem}.mode-button span{font-size:0.75rem}main{padding:20px 18px 32px}.search-row{flex-wrap:wrap;gap:8px}.search{flex-basis:100%;height:52px}.search input{font-size:0.875rem}kbd{display:none}#toggle-filters,#set-toggle{min-height:42px}.grid{grid-template-columns:1fr;gap:16px}.card{height:440px}.preview{height:146px}.card h2{font-size:1.1875rem}.category-list,.category-list.submenu{grid-template-columns:1fr}.menu-heading{padding:12px}.category-row{min-height:43px;font-size:0.8125rem}.modal-body{padding:18px 10px}.modal-body h2{font-size:1.5625rem}.modal-cover{height:148px}.modal-scroll{padding:10px 9px 10px 10px}.modal-close{right:21px;top:17px}.access-grid{grid-template-columns:1fr;gap:14px}.modal-section{padding:18px 0}.modal-description{font-size:0.875rem}footer{display:block}footer a{display:block;margin-top:10px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

@media(prefers-reduced-motion:reduce){.category-chevron{transition:none}}