@import "https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600&display=swap";:root{--color-canvas:#f5f5f5;--color-paper:#fff;--color-surface-alt:#fafafa;--color-ink:#0a0a0a;--color-ink-soft:#171717;--color-mid-gray:#737373;--color-hairline:#e5e5e5;--color-ember:#e7000b;--color-pending-bg:#fff7ed;--color-pending-text:#c2410c;--color-pending-border:#fed7aa;--color-approved-bg:#f0fdf4;--color-approved-text:#166534;--color-approved-border:#bbf7d0;--color-rejected-bg:#fef2f2;--color-rejected-border:#fecaca;--color-danger-bg:#fef2f2;--color-danger-surface:#fffbfb;--color-success:#166534;--color-focus-ring:#0a0a0a0f;--color-hero-border:#1717171f;--color-hero-shadow:0 0 0 1px #1717170a, 0 2px 8px #00000014;--color-hero-focus:0 0 0 3px #0a0a0a14, 0 4px 16px #0000001a;--color-mod-card-hover:0 0 0 1px #17171714, 0 4px 16px #0000001f;--color-backdrop:#0006;--color-modal-shadow:0 8px 40px #0000001f;--color-toast-shadow:0 4px 12px #00000026;--font-geist:"Geist", ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--text-caption:12px;--leading-caption:1.33;--tracking-caption:.6px;--text-body:14px;--leading-body:1.43;--text-body-lg:16px;--leading-body-lg:1.5;--text-subheading:18px;--leading-subheading:1.56;--text-heading-sm:24px;--leading-heading-sm:1.33;--tracking-heading-sm:-.6px;--text-heading:30px;--leading-heading:1.2;--tracking-heading:-.75px;--text-heading-lg:36px;--leading-heading-lg:1.11;--tracking-heading-lg:-.9px;--text-display:48px;--leading-display:1.1;--tracking-display:-2.4px;--font-weight-regular:400;--font-weight-medium:500;--font-weight-semibold:600;--spacing-4:4px;--spacing-8:8px;--spacing-12:12px;--spacing-16:16px;--spacing-20:20px;--spacing-24:24px;--spacing-48:48px;--radius-sm:6px;--radius-nested:10px;--radius-pill:18px;--radius-card:24px;--shadow-card:0 0 0 1px #1717170d, 0 1px 3px #0000001a, 0 1px 2px -1px #0000001a;--page-max-width:1280px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}:root[data-theme=dark]{--color-canvas:#0a0a0a;--color-paper:#171717;--color-surface-alt:#141414;--color-ink:#fafafa;--color-ink-soft:#f5f5f5;--color-mid-gray:#a3a3a3;--color-hairline:#262626;--color-ember:#ff4d57;--color-pending-bg:#2a1f14;--color-pending-text:#fdba74;--color-pending-border:#7c2d12;--color-approved-bg:#14261a;--color-approved-text:#86efac;--color-approved-border:#166534;--color-rejected-bg:#2a1414;--color-rejected-border:#7f1d1d;--color-danger-bg:#2a1414;--color-danger-surface:#1f1010;--color-success:#22c55e;--color-focus-ring:#fafafa14;--color-hero-border:#ffffff1a;--color-hero-shadow:0 0 0 1px #ffffff0a, 0 2px 8px #0006;--color-hero-focus:0 0 0 3px #fafafa14, 0 4px 16px #00000080;--color-mod-card-hover:0 0 0 1px #ffffff0f, 0 4px 16px #00000073;--color-backdrop:#000000a6;--color-modal-shadow:0 8px 40px #00000080;--color-toast-shadow:0 4px 12px #00000073;--shadow-card:0 0 0 1px #ffffff0d, 0 1px 3px #00000059, 0 1px 2px -1px #00000059;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-geist);font-size:var(--text-body);line-height:var(--leading-body);color:var(--color-ink);background:var(--color-canvas);-webkit-font-smoothing:antialiased;min-height:100vh}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button{cursor:pointer;background:0 0;border:none;font-family:inherit}input,textarea,select{font-family:inherit}.container{width:100%;max-width:var(--page-max-width);padding:0 var(--spacing-24);margin:0 auto}.page{flex-direction:column;min-height:100vh;display:flex}.main{padding:var(--spacing-48) 0;flex:1}.navbar{background:var(--color-paper);border-bottom:1px solid var(--color-hairline);z-index:100;height:56px;position:sticky;top:0}.navbar__grid{grid-template-columns:1fr auto 1fr;align-items:center;width:100%;height:100%;display:grid}.navbar__start{padding-left:max(var(--spacing-24), calc((100vw - var(--page-max-width)) / 2 + var(--spacing-24)));justify-self:start}.navbar__end{padding-right:max(var(--spacing-24), calc((100vw - var(--page-max-width)) / 2 + var(--spacing-24)));justify-self:end}.navbar__logo{align-items:center;gap:var(--spacing-8);font-size:var(--text-heading-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-heading-sm);display:flex}.navbar__logo-icon{background:var(--color-ink);border-radius:var(--radius-sm);width:28px;height:28px;color:var(--color-paper);justify-content:center;align-items:center;display:flex}.navbar__nav{align-items:center;gap:var(--spacing-4);justify-self:center;display:flex}.navbar__link{padding:6px var(--spacing-12);border-radius:var(--radius-pill);font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-mid-gray);transition:color .15s,background .15s}.navbar__link:hover,.navbar__link.active{color:var(--color-ink);background:var(--color-canvas)}.navbar__actions{--navbar-control-h:36px;align-items:center;gap:var(--spacing-8);display:flex}.navbar__actions .btn--sm{height:var(--navbar-control-h);min-height:var(--navbar-control-h);padding:0 var(--spacing-12);font-size:var(--text-body);line-height:1}.navbar__actions .btn--sm:not(.btn--primary){border:1px solid var(--color-hairline);background:var(--color-canvas);color:var(--color-ink);transition:background .15s,border-color .15s}.navbar__actions .btn--sm:not(.btn--primary):hover{background:var(--color-paper);border-color:var(--color-ink-soft);opacity:1}.navbar__actions .btn--primary.btn--sm{padding:0 var(--spacing-16)}.navbar__actions .theme-toggle{width:var(--navbar-control-h);flex-shrink:0;padding:0}.navbar__user{align-items:center;gap:var(--spacing-8);height:var(--navbar-control-h);padding:0 var(--spacing-12);border-radius:var(--radius-pill);border:1px solid var(--color-hairline);background:var(--color-canvas);font-size:var(--text-body);font-weight:var(--font-weight-medium);cursor:pointer;transition:background .15s,border-color .15s;display:flex}.navbar__user .avatar--sm{width:22px;height:22px;font-size:10px}.navbar__user:hover,.navbar__dropdown-trigger.open{background:var(--color-paper);border-color:var(--color-ink-soft)}.navbar__dropdown{position:relative}.navbar__dropdown-trigger{color:inherit}.navbar__username{text-overflow:ellipsis;white-space:nowrap;max-width:120px;overflow:hidden}.navbar__chevron{color:var(--color-mid-gray);flex-shrink:0;transition:transform .15s}.navbar__dropdown-trigger.open .navbar__chevron{transform:rotate(180deg)}.navbar__dropdown-menu{background:var(--color-paper);border:1px solid var(--color-hairline);border-radius:var(--radius-nested);min-width:160px;box-shadow:var(--shadow-card);padding:var(--spacing-4);z-index:200;animation:.15s dropdown-in;position:absolute;top:calc(100% + 6px);right:0}@keyframes dropdown-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.navbar__dropdown-item{align-items:center;gap:var(--spacing-8);width:100%;padding:8px var(--spacing-12);border-radius:var(--radius-sm);font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-ink);text-align:left;transition:background .15s;display:flex}.navbar__dropdown-item:hover{background:var(--color-canvas)}.navbar__dropdown-item--danger{color:var(--color-ember)}.navbar__dropdown-item--danger:hover{background:#e7000b0f}.navbar__dropdown-divider{background:var(--color-hairline);height:1px;margin:var(--spacing-4) 0}.avatar{background:var(--color-canvas);font-weight:var(--font-weight-semibold);color:var(--color-mid-gray);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:flex;overflow:hidden}.avatar--sm{width:28px;height:28px;font-size:11px}.avatar--md{width:40px;height:40px;font-size:14px}.avatar--lg{width:64px;height:64px;font-size:20px}.avatar--xl{width:96px;height:96px;font-size:28px}.btn{justify-content:center;align-items:center;gap:var(--spacing-8);height:36px;padding:0 var(--spacing-16);border-radius:var(--radius-pill);font-size:var(--text-body);font-weight:var(--font-weight-medium);white-space:nowrap;-webkit-user-select:none;user-select:none;cursor:pointer;transition:opacity .15s,transform .1s;display:inline-flex}.btn:active{transform:scale(.98)}.btn:disabled{opacity:.5;pointer-events:none}.btn--primary{background:var(--color-ink);color:var(--color-surface-alt);border:none}.btn--primary:hover{opacity:.85}.btn--secondary{background:var(--color-canvas);color:var(--color-ink);border:none}.btn--secondary:hover{background:var(--color-hairline)}.btn--outline{color:var(--color-ink);border:1px solid var(--color-hairline);background:0 0}.btn--outline:hover{background:var(--color-canvas)}.btn--destructive{background:var(--color-ember);color:#fff;border:none}.btn--destructive:hover{opacity:.85}.btn--sm{height:28px;padding:0 var(--spacing-12);font-size:var(--text-caption)}.btn--lg{height:44px;padding:0 var(--spacing-24);font-size:var(--text-body-lg)}.card{background:var(--color-paper);border:1px solid var(--color-hairline);border-radius:var(--radius-card);box-shadow:var(--shadow-card);overflow:hidden}.card__body{padding:var(--spacing-20)}.card__header{padding:var(--spacing-20);border-bottom:1px solid var(--color-hairline)}.card__footer{padding:var(--spacing-20);border-top:1px solid var(--color-hairline)}.mod-card{background:var(--color-paper);border:1px solid var(--color-hairline);border-radius:var(--radius-card);box-shadow:var(--shadow-card);cursor:pointer;color:inherit;flex-direction:column;text-decoration:none;transition:box-shadow .2s,transform .2s;display:flex;overflow:hidden}.mod-card:hover{box-shadow:var(--color-mod-card-hover);transform:translateY(-2px)}.mod-card__cover{aspect-ratio:16/9;background:var(--color-canvas);position:relative;overflow:hidden}.mod-card__cover img{object-fit:cover;width:100%;height:100%;transition:transform .3s}.mod-card:hover .mod-card__cover img{transform:scale(1.03)}.mod-card__cover-placeholder{width:100%;height:100%;color:var(--color-mid-gray);justify-content:center;align-items:center;display:flex}.mod-card__body{padding:var(--spacing-16);gap:var(--spacing-8);flex-direction:column;flex:1;display:flex}.mod-card__category{font-size:var(--text-caption);font-weight:var(--font-weight-medium);color:var(--color-mid-gray);letter-spacing:var(--tracking-caption);text-transform:uppercase}.mod-card__title{font-size:var(--text-body-lg);font-weight:var(--font-weight-semibold);line-height:1.3}.mod-card__desc{font-size:var(--text-body);color:var(--color-mid-gray);line-height:var(--leading-body);-webkit-line-clamp:2;-webkit-box-orient:vertical;flex:1;display:-webkit-box;overflow:hidden}.mod-card__footer{padding:var(--spacing-12) var(--spacing-16);border-top:1px solid var(--color-hairline);justify-content:space-between;align-items:center;gap:var(--spacing-8);display:flex}.mod-card__author{align-items:center;gap:var(--spacing-8);font-size:var(--text-caption);color:var(--color-mid-gray);display:flex}.mod-card__stats{align-items:center;gap:var(--spacing-12);font-size:var(--text-caption);color:var(--color-mid-gray);display:flex}.mod-card__stat{align-items:center;gap:4px;display:flex}.mods-grid{gap:var(--spacing-20);grid-template-columns:repeat(auto-fill,minmax(280px,1fr));display:grid}.badge{padding:2px var(--spacing-8);border-radius:var(--radius-pill);font-size:var(--text-caption);font-weight:var(--font-weight-medium);white-space:nowrap;align-items:center;display:inline-flex}.badge--solid{background:var(--color-ink-soft);color:var(--color-surface-alt)}.badge--soft{background:var(--color-canvas);color:var(--color-ink-soft)}.badge--outline{color:var(--color-ink);border:1px solid var(--color-hairline);background:0 0}.badge--pending{background:var(--color-pending-bg);color:var(--color-pending-text);border:1px solid var(--color-pending-border)}.badge--approved{background:var(--color-approved-bg);color:var(--color-approved-text);border:1px solid var(--color-approved-border)}.badge--rejected{background:var(--color-rejected-bg);color:var(--color-ember);border:1px solid var(--color-rejected-border)}.input-group{gap:var(--spacing-8);flex-direction:column;display:flex}.input-label{font-size:var(--text-body);font-weight:var(--font-weight-medium)}.input-hint{font-size:var(--text-caption);color:var(--color-mid-gray)}.input{width:100%;height:40px;padding:0 var(--spacing-12);background:var(--color-canvas);border-radius:var(--radius-pill);font-size:var(--text-body);color:var(--color-ink);border:1px solid #0000;outline:none;transition:border-color .15s,background .15s}.input::placeholder{color:var(--color-mid-gray)}.input:focus{background:var(--color-paper);border-color:var(--color-hairline)}textarea.input{height:auto;min-height:120px;padding:var(--spacing-12);border-radius:var(--radius-nested);resize:vertical}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23737373' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-position:right 12px center;background-repeat:no-repeat;padding-right:36px}:root[data-theme=dark] select.input{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23a3a3a3' stroke-width='2'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.select-dropdown{flex-shrink:0;position:relative}.select-dropdown__trigger{align-items:center;gap:var(--spacing-8);min-width:140px;height:40px;padding:0 var(--spacing-12);background:var(--color-paper);border:1px solid var(--color-hairline);border-radius:var(--radius-pill);box-shadow:var(--shadow-card);font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-ink);cursor:pointer;white-space:nowrap;transition:background .15s,border-color .15s,box-shadow .15s;display:inline-flex}.select-dropdown__trigger:hover,.select-dropdown__trigger.open{background:var(--color-canvas);border-color:var(--color-ink-soft)}.select-dropdown__value{text-align:left;flex:1}.select-dropdown__chevron{color:var(--color-mid-gray);flex-shrink:0;transition:transform .2s cubic-bezier(.4,0,.2,1)}.select-dropdown__trigger.open .select-dropdown__chevron{transform:rotate(180deg)}.select-dropdown__menu{min-width:100%;padding:var(--spacing-4);background:var(--color-paper);border:1px solid var(--color-hairline);border-radius:var(--radius-nested);box-shadow:var(--shadow-card);z-index:50;transform-origin:top;margin:0;list-style:none;animation:.18s cubic-bezier(.4,0,.2,1) select-dropdown-in;position:absolute;top:calc(100% + 6px);left:0;right:0;overflow:hidden}@keyframes select-dropdown-in{0%{opacity:0;transform:translateY(-6px)scale(.96)}to{opacity:1;transform:translateY(0)scale(1)}}.select-dropdown__option{width:100%;padding:8px var(--spacing-12);border-radius:var(--radius-sm);text-align:left;font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-ink);cursor:pointer;background:0 0;border:none;transition:background .12s,color .12s;display:block}.select-dropdown__option:hover{background:var(--color-canvas)}.select-dropdown__option--selected{color:var(--color-ink);background:var(--color-canvas);font-weight:var(--font-weight-semibold)}.search-bar{background:var(--color-paper);border:1px solid var(--color-hairline);border-radius:var(--radius-pill);padding:0 var(--spacing-12);align-items:center;gap:var(--spacing-8);box-shadow:var(--shadow-card);transition:border-color .15s,box-shadow .15s;display:flex}.search-bar:focus-within{border-color:var(--color-ink-soft);box-shadow:0 0 0 3px var(--color-focus-ring), var(--shadow-card)}.search-bar__icon{color:var(--color-mid-gray);flex-shrink:0;transition:color .15s;display:flex}.search-bar:focus-within .search-bar__icon{color:var(--color-ink)}.search-bar__input{height:40px;font-size:var(--text-body);color:var(--color-ink);background:0 0;border:none;outline:none;flex:1}.search-bar__input::placeholder{color:var(--color-mid-gray)}.search-bar--hero{padding:4px 4px 4px var(--spacing-16);gap:var(--spacing-12);border-color:var(--color-hero-border);box-shadow:var(--color-hero-shadow)}.search-bar--hero .search-bar__input{height:44px;font-size:var(--text-body-lg)}.search-bar--hero .search-bar__icon{color:var(--color-ink-soft)}.search-bar--hero:focus-within{border-color:var(--color-ink-soft);box-shadow:var(--color-hero-focus)}.search-bar__submit{height:36px;padding:0 var(--spacing-16);background:var(--color-ink);color:var(--color-surface-alt);border-radius:var(--radius-pill);font-size:var(--text-body);font-weight:var(--font-weight-medium);white-space:nowrap;border:none;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .15s,transform .1s;display:inline-flex}.search-bar__submit:hover{opacity:.88}.search-bar__submit:active{transform:scale(.98)}.search-bar--hero .search-bar__submit{height:44px;padding:0 var(--spacing-20);min-width:88px}.filter-tabs{gap:var(--spacing-4);flex-wrap:wrap;display:flex}.filter-tab{padding:6px var(--spacing-12);border-radius:var(--radius-pill);font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-mid-gray);cursor:pointer;background:0 0;border:1px solid #0000;transition:all .15s}.filter-tab:hover{color:var(--color-ink);background:var(--color-canvas)}.filter-tab.active{color:var(--color-ink);background:var(--color-paper);border-color:var(--color-hairline);box-shadow:var(--shadow-card)}.hero{padding:80px 0 var(--spacing-48);text-align:center}.hero__eyebrow{align-items:center;gap:var(--spacing-8);font-size:var(--text-caption);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-caption);text-transform:uppercase;color:var(--color-mid-gray);margin-bottom:var(--spacing-16);display:inline-flex}.hero__title{font-size:var(--text-display);font-weight:var(--font-weight-semibold);line-height:var(--leading-display);letter-spacing:var(--tracking-display);margin-bottom:var(--spacing-16)}.hero__subtitle{font-size:var(--text-body-lg);color:var(--color-mid-gray);max-width:480px;line-height:var(--leading-body-lg);margin:0 auto 32px}.hero__actions{justify-content:center;align-items:center;gap:var(--spacing-12);flex-wrap:wrap;display:flex}.hero__search{max-width:520px;margin:0 auto}.section{margin-bottom:var(--spacing-48)}.section__header{margin-bottom:var(--spacing-24);justify-content:space-between;align-items:center;display:flex}.section__title{font-size:var(--text-heading-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-heading-sm)}.stats-row{background:var(--color-hairline);border:1px solid var(--color-hairline);border-radius:var(--radius-card);margin-bottom:var(--spacing-48);grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;display:grid;overflow:hidden}.stats-row__item{background:var(--color-paper);padding:var(--spacing-24) var(--spacing-20);text-align:center}.stat-block__label{font-size:var(--text-caption);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-caption);text-transform:uppercase;color:var(--color-mid-gray);margin-bottom:var(--spacing-4)}.stat-block__value{font-size:var(--text-heading-lg);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-heading-lg)}.cat-grid{gap:var(--spacing-12);grid-template-columns:repeat(auto-fill,minmax(160px,1fr));display:grid}.cat-card{background:var(--color-paper);border:1px solid var(--color-hairline);border-radius:var(--radius-card);box-shadow:var(--shadow-card);padding:var(--spacing-24) var(--spacing-16);align-items:center;gap:var(--spacing-8);text-align:center;cursor:pointer;color:inherit;flex-direction:column;text-decoration:none;transition:transform .2s;display:flex}.cat-card:hover{transform:translateY(-2px)}.cat-card__label{font-size:var(--text-body);font-weight:var(--font-weight-medium)}.dropzone{border:2px dashed var(--color-hairline);border-radius:var(--radius-card);padding:var(--spacing-48) var(--spacing-24);text-align:center;cursor:pointer;transition:border-color .2s,background .2s}.dropzone:hover,.dropzone.drag-over{border-color:var(--color-ink);background:var(--color-surface-alt)}.dropzone__icon{color:var(--color-mid-gray);margin-bottom:var(--spacing-12);justify-content:center;display:flex}.dropzone__text{font-size:var(--text-body);color:var(--color-mid-gray)}.dropzone__text strong{color:var(--color-ink)}.dropzone__hint{font-size:var(--text-caption);color:var(--color-mid-gray);margin-top:var(--spacing-4)}.toast-container{bottom:var(--spacing-24);right:var(--spacing-24);z-index:9999;gap:var(--spacing-8);pointer-events:none;flex-direction:column;display:flex;position:fixed}.toast{background:var(--color-ink);color:var(--color-surface-alt);padding:var(--spacing-12) var(--spacing-16);border-radius:var(--radius-pill);font-size:var(--text-body);font-weight:var(--font-weight-medium);box-shadow:var(--color-toast-shadow);pointer-events:auto;max-width:360px;animation:.2s toast-in}.toast--error{background:var(--color-ember)}.toast--success{background:var(--color-success)}@keyframes toast-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-out{0%{opacity:1}to{opacity:0;transform:translateY(4px)}}.modal-backdrop{background:var(--color-backdrop);z-index:200;padding:var(--spacing-24);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal{background:var(--color-paper);border:1px solid var(--color-hairline);border-radius:var(--radius-card);box-shadow:var(--color-modal-shadow);width:100%;max-width:480px;animation:.2s modal-in}@keyframes modal-in{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.modal__header{padding:var(--spacing-20);border-bottom:1px solid var(--color-hairline)}.modal__title{font-size:var(--text-heading-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-heading-sm)}.modal__body{padding:var(--spacing-20)}.modal__footer{padding:var(--spacing-20);border-top:1px solid var(--color-hairline);gap:var(--spacing-8);justify-content:flex-end;display:flex}.modal--wide{max-width:640px}.icon-picker{gap:var(--spacing-12);flex-direction:column;display:flex}.icon-picker__preview{align-items:center;gap:var(--spacing-16);padding:var(--spacing-16);background:var(--color-surface-alt);border:1px solid var(--color-hairline);border-radius:var(--radius-nested);display:flex}.icon-picker__preview-icon{background:var(--color-paper);border:1px solid var(--color-hairline);border-radius:var(--radius-nested);width:56px;height:56px;color:var(--color-ink);flex-shrink:0;justify-content:center;align-items:center;display:flex}.icon-picker__preview-meta{gap:var(--spacing-4);flex-direction:column;min-width:0;display:flex}.icon-picker__preview-label{font-size:var(--text-caption);color:var(--color-mid-gray)}.icon-picker__preview-name{font-size:var(--text-body);font-weight:var(--font-weight-medium);font-family:var(--font-mono,monospace);word-break:break-all}.icon-picker__search{align-items:center;gap:var(--spacing-8);display:flex}.icon-picker__search-icon{color:var(--color-mid-gray);flex-shrink:0}.icon-picker__search-input{flex:1}.icon-picker__hint,.icon-picker__empty{font-size:var(--text-caption);color:var(--color-mid-gray);margin:0}.icon-picker__grid{gap:var(--spacing-6);max-height:220px;padding:var(--spacing-4);border:1px solid var(--color-hairline);border-radius:var(--radius-nested);grid-template-columns:repeat(auto-fill,minmax(40px,1fr));display:grid;overflow-y:auto}.icon-picker__item{aspect-ratio:1;background:var(--color-paper);border:1px solid var(--color-hairline);border-radius:var(--radius-sm,4px);width:100%;color:var(--color-ink);cursor:pointer;justify-content:center;align-items:center;padding:0;transition:border-color .15s,background .15s;display:flex}.icon-picker__item:hover:not(:disabled){border-color:var(--color-accent,#aa3bff);background:var(--color-surface-alt)}.icon-picker__item--selected{border-color:var(--color-accent,#aa3bff);background:var(--color-accent-surface,#aa3bff14)}.icon-picker__item:disabled{opacity:.5;cursor:not-allowed}.user-edit{gap:var(--spacing-24);align-items:flex-start;display:flex}.user-edit__avatar{align-items:center;gap:var(--spacing-12);flex-direction:column;flex-shrink:0;display:flex}.user-edit__fields{gap:var(--spacing-12);flex-direction:column;flex:1;min-width:0;display:flex}.user-edit__row{gap:var(--spacing-12);display:flex}.user-edit__meta{gap:var(--spacing-12);font-size:var(--text-caption);color:var(--color-mid-gray);padding-top:var(--spacing-4);flex-wrap:wrap;display:flex}.user-search{align-items:center;gap:var(--spacing-8);margin-bottom:var(--spacing-16);display:flex}.user-search__icon{color:var(--color-mid-gray);flex-shrink:0}.user-search__input{flex:1}.user-search__count{font-size:var(--text-caption);color:var(--color-mid-gray);white-space:nowrap}.user-edit__ban{padding:var(--spacing-12);background:var(--color-danger-bg);border:1px solid var(--color-rejected-border);border-radius:var(--radius-nested)}.user-edit__ban-toggle{align-items:center;gap:var(--spacing-8);font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-ember);cursor:pointer;display:flex}.user-edit__ban-toggle input{width:16px;height:16px;accent-color:var(--color-ember)}tbody tr.row--banned td{background:var(--color-danger-surface)}tbody tr.row--banned:hover td{background:var(--color-danger-bg)}.settings-layout{min-height:calc(100vh - 56px);display:flex}.settings-sidebar{background:var(--color-surface-alt);border-right:1px solid var(--color-hairline);width:200px;padding:var(--spacing-24) var(--spacing-12);gap:var(--spacing-4);flex-direction:column;flex-shrink:0;display:flex}.settings-content{padding:var(--spacing-24);flex:1;max-width:800px;overflow-x:hidden}.settings-header{justify-content:space-between;align-items:flex-start;gap:var(--spacing-16);margin-bottom:var(--spacing-20);flex-wrap:wrap;display:flex}.settings-header__title{font-size:var(--text-heading-sm);font-weight:var(--font-weight-semibold);letter-spacing:var(--tracking-heading-sm);margin-bottom:4px}.settings-header__desc{font-size:var(--text-body);color:var(--color-mid-gray)}.settings-section-label{font-size:var(--text-caption);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-caption);text-transform:uppercase;color:var(--color-mid-gray);padding-top:var(--spacing-8);border-top:1px solid var(--color-hairline);margin-top:var(--spacing-4)}.settings-platform-grid{gap:var(--spacing-12);flex-direction:column;display:flex}.settings-platform-card{align-items:center;gap:var(--spacing-16);padding:var(--spacing-16) var(--spacing-20);background:var(--color-paper);border:1px solid var(--color-hairline);border-radius:var(--radius-card);box-shadow:var(--shadow-card);display:flex}.settings-platform-card__icon{border-radius:var(--radius-sm);background:var(--color-canvas);width:40px;height:40px;color:var(--color-mid-gray);flex-shrink:0;justify-content:center;align-items:center;display:flex}.settings-platform-card__body{flex:1;min-width:0}.settings-platform-card__title{font-size:var(--text-body);font-weight:var(--font-weight-semibold);margin-bottom:2px}.settings-platform-card__desc{font-size:var(--text-caption);color:var(--color-mid-gray)}.settings-platform-card--active{flex-wrap:wrap}.settings-mobile-tabs{display:none}.theme-toggle__icon{justify-content:center;align-items:center;display:flex}.theme-selector{gap:var(--spacing-4);margin-top:var(--spacing-12);flex-wrap:wrap;display:flex}.theme-option{align-items:center;gap:var(--spacing-8);padding:6px var(--spacing-12);border-radius:var(--radius-pill);font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-mid-gray);border:1px solid var(--color-hairline);background:var(--color-canvas);cursor:pointer;transition:all .15s;display:inline-flex}.theme-option:hover{color:var(--color-ink);background:var(--color-paper)}.theme-option.active{color:var(--color-ink);background:var(--color-paper);border-color:var(--color-ink-soft);box-shadow:var(--shadow-card)}.admin-layout{min-height:calc(100vh - 56px);display:flex}.admin-sidebar{background:var(--color-surface-alt);border-right:1px solid var(--color-hairline);width:220px;padding:var(--spacing-24) var(--spacing-12);gap:var(--spacing-4);flex-direction:column;flex-shrink:0;display:flex}.sidebar__label{font-size:var(--text-caption);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-caption);text-transform:uppercase;color:var(--color-mid-gray);padding:var(--spacing-8) var(--spacing-12);margin-top:var(--spacing-8)}.sidebar__link{align-items:center;gap:var(--spacing-8);padding:7px var(--spacing-12);border-radius:var(--radius-sm);font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-mid-gray);cursor:pointer;text-align:left;background:0 0;border:none;width:100%;transition:color .15s,background .15s;display:flex}.sidebar__link:hover{color:var(--color-ink);background:var(--color-canvas)}.sidebar__link.active{color:var(--color-ink);background:var(--color-paper)}.admin-content{padding:var(--spacing-24);flex:1;overflow-x:hidden}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%}thead th{font-size:var(--text-caption);font-weight:var(--font-weight-medium);letter-spacing:var(--tracking-caption);text-transform:uppercase;color:var(--color-mid-gray);padding:var(--spacing-12) var(--spacing-16);text-align:left;border-bottom:1px solid var(--color-hairline)}tbody td{padding:var(--spacing-12) var(--spacing-16);font-size:var(--text-body);border-bottom:1px solid var(--color-hairline)}tbody tr:last-child td{border-bottom:none}tbody tr:hover td{background:var(--color-canvas)}.comment{gap:var(--spacing-12);padding:var(--spacing-16) 0;border-bottom:1px solid var(--color-hairline);display:flex}.comment:last-child{border-bottom:none}.comment__body{flex:1}.comment__header{align-items:center;gap:var(--spacing-8);margin-bottom:var(--spacing-8);display:flex}.comment__author{font-size:var(--text-body);font-weight:var(--font-weight-medium)}.comment__time{font-size:var(--text-caption);color:var(--color-mid-gray)}.comment__text{font-size:var(--text-body);line-height:var(--leading-body)}.progress{background:var(--color-canvas);border-radius:2px;height:4px;overflow:hidden}.progress__bar{background:var(--color-ink);border-radius:2px;height:100%;transition:width .3s}.pagination{justify-content:center;align-items:center;gap:var(--spacing-8);margin-top:var(--spacing-48);display:flex}.pagination__btn{border-radius:var(--radius-pill);width:36px;height:36px;font-size:var(--text-body);font-weight:var(--font-weight-medium);color:var(--color-mid-gray);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;transition:all .15s;display:flex}.pagination__btn:hover{background:var(--color-paper);border-color:var(--color-hairline);color:var(--color-ink)}.pagination__btn.active{background:var(--color-ink);color:var(--color-surface-alt);border-color:var(--color-ink)}.pagination__btn:disabled{opacity:.4;pointer-events:none}.empty-state{text-align:center;padding:80px var(--spacing-24)}.empty-state__icon{margin:0 auto var(--spacing-16);color:var(--color-hairline)}.empty-state__title{font-size:var(--text-heading-sm);font-weight:var(--font-weight-semibold);margin-bottom:var(--spacing-8)}.empty-state__text{font-size:var(--text-body);color:var(--color-mid-gray)}.spinner{border:2px solid var(--color-hairline);border-top-color:var(--color-ink);border-radius:50%;width:20px;height:20px;animation:.6s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{justify-content:center;align-items:center;padding:80px;display:flex}.footer{border-top:1px solid var(--color-hairline);padding:var(--spacing-24) 0;text-align:center;font-size:var(--text-caption);color:var(--color-mid-gray)}.auth-wrap{min-height:calc(100vh - 56px);padding:var(--spacing-24);justify-content:center;align-items:center;display:flex}.auth-card{width:100%;max-width:400px}.auth-logo{background:var(--color-ink);border-radius:var(--radius-sm);width:48px;height:48px;margin:0 auto var(--spacing-12);color:var(--color-paper);justify-content:center;align-items:center;display:flex}.error-box{color:var(--color-ember);font-size:var(--text-body);padding:var(--spacing-8) var(--spacing-12);background:var(--color-danger-bg);border-radius:var(--radius-nested)}.tag-list{gap:var(--spacing-4);flex-wrap:wrap;display:flex}.cover-preview{aspect-ratio:16/9;background:var(--color-canvas);border-radius:var(--radius-nested);border:1px solid var(--color-hairline);margin-bottom:var(--spacing-12);justify-content:center;align-items:center;display:flex;overflow:hidden}.cover-preview img{object-fit:cover;width:100%;height:100%}.detail-cover{aspect-ratio:16/9;background:var(--color-canvas);border-radius:var(--radius-card);border:1px solid var(--color-hairline);width:100%;margin-bottom:var(--spacing-24);overflow:hidden}.detail-cover img{object-fit:cover;width:100%;height:100%}.detail-layout{gap:var(--spacing-24);grid-template-columns:1fr 320px;align-items:start;display:grid}.detail-sidebar{gap:var(--spacing-16);flex-direction:column;display:flex}.like-btn.liked svg{fill:var(--color-ember);stroke:var(--color-ember)}.review-card{background:var(--color-paper);border:1px solid var(--color-hairline);border-radius:var(--radius-card);box-shadow:var(--shadow-card);margin-bottom:var(--spacing-16);overflow:hidden}.review-card__header{align-items:center;gap:var(--spacing-16);padding:var(--spacing-16);border-bottom:1px solid var(--color-hairline);display:flex}.review-card__thumb{background:var(--color-canvas);border-radius:var(--radius-sm);flex-shrink:0;width:80px;height:52px;overflow:hidden}.review-card__thumb img{object-fit:cover;width:100%;height:100%}.review-card__actions{padding:var(--spacing-12) var(--spacing-16);gap:var(--spacing-8);background:var(--color-surface-alt);justify-content:flex-end;align-items:center;display:flex}.divider{border:none;border-top:1px solid var(--color-hairline);margin:var(--spacing-24) 0}.text-muted{color:var(--color-mid-gray)}.text-ember{color:var(--color-ember)}.w-full{width:100%}@media (width<=768px){.hero__title{font-size:var(--text-heading-lg)}.mods-grid{grid-template-columns:1fr}.admin-sidebar,.settings-sidebar{display:none}.settings-mobile-tabs{margin-bottom:var(--spacing-16);display:flex}.settings-content{max-width:none}.user-edit{flex-direction:column;align-items:center}.user-edit__row{flex-direction:column}.navbar__nav,.navbar__username{display:none}.navbar__start{padding-left:var(--spacing-16)}.navbar__end{padding-right:var(--spacing-16)}.container{padding:0 var(--spacing-16)}.detail-layout{grid-template-columns:1fr}}