:root {color-scheme: light;--sidebar-width: 276px;--ticker-height: 42px;--brand: #f5b400;--brand-strong: #b77900;--brand-soft: #fff4c7;--accent: #ff7a18;--bg: #f4f6fa;--surface: #ffffff;--surface-soft: #f8fafc;--surface-muted: #f1f4f8;--text: #171a20;--heading: #101318;--muted: #667085;--muted-2: #8a94a3;--line: #e3e8ef;--line-strong: #d5dce7;--sidebar-bg: #0f1318;--sidebar-bg-2: #171c23;--sidebar-text: #d8dee8;--sidebar-muted: #98a3b2;--hero-bg: #171d26;--footer-bg: #090d12;--success: #17985a;--danger: #d94d4d;--radius-sm: 9px;--radius: 15px;--radius-lg: 22px;--shadow-sm: 0 6px 18px rgb(16 24 40 / 6%);--shadow: 0 14px 36px rgb(16 24 40 / 9%);--shadow-strong: 0 20px 55px rgb(16 24 40 / 14%);--ease: cubic-bezier(.2, .8, .2, 1);}html[data-theme="dark"] {color-scheme: dark;--brand: #ffc72c;--brand-strong: #ffd65d;--brand-soft: #3a2b08;--accent: #ff8a2a;--bg: #0d1015;--surface: #171b22;--surface-soft: #1d232b;--surface-muted: #222934;--text: #edf1f6;--heading: #ffffff;--muted: #a4adba;--muted-2: #818c9b;--line: #2b3340;--line-strong: #384251;--sidebar-bg: #0b0f14;--sidebar-bg-2: #151a21;--sidebar-text: #dce2ea;--sidebar-muted: #949fad;--hero-bg: #131820;--footer-bg: #070a0e;--shadow-sm: 0 6px 18px rgb(0 0 0 / 18%);--shadow: 0 16px 42px rgb(0 0 0 / 26%);--shadow-strong: 0 24px 70px rgb(0 0 0 / 36%);}*, *::before, *::after {box-sizing: border-box;}html {scroll-behavior: smooth;text-size-adjust: 100%;}body {margin: 0;min-width: 320px;background: radial-gradient(circle at 20% -10%, rgb(245 180 0 / 9%), transparent 28%), radial-gradient(circle at 90% 0%, rgb(255 122 24 / 7%), transparent 26%), var(--bg);color: var(--text);font: 16px/1.68 system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;transition: background .22s var(--ease), color .22s var(--ease);}::selection {color: #151515;background: var(--brand);}a {color: inherit;text-underline-offset: 3px;transition: color .18s var(--ease), background .18s var(--ease), border-color .18s var(--ease), transform .18s var(--ease), opacity .18s var(--ease);}a:hover {color: var(--brand-strong);}img {display: block;max-width: 100%;height: auto;}button, input, select, textarea {font: inherit;}button {cursor: pointer;}h1, h2, h3 {color: var(--heading);line-height: 1.22;text-wrap: balance;}h1 {letter-spacing: -.04em;}h2 {margin: 2rem 0 .85rem;font-size: clamp(1.35rem, 2vw, 1.78rem);letter-spacing: -.025em;}h3 {margin: 1.4rem 0 .55rem;font-size: 1.09rem;letter-spacing: -.015em;}p {margin: 0 0 1rem;}:focus-visible {outline: 3px solid color-mix(in srgb, var(--brand) 72%, #fff);outline-offset: 3px;}.container {width: min(1120px, calc(100% - 40px));margin-inline: auto;}.skip-link {position: fixed;z-index: 300;top: 8px;left: 10px;padding: 9px 13px;color: var(--text);background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius-sm);box-shadow: var(--shadow-sm);transform: translateY(-180%);}.skip-link:focus {transform: none;}.hotbar {position: fixed;z-index: 100;inset: 0 0 auto;display: grid;grid-template-columns: auto minmax(0, 1fr) auto;align-items: center;height: var(--ticker-height);color: #f8fafc;background: linear-gradient(90deg, #07080a, #11151b 42%, #07080a);border-bottom: 1px solid rgb(255 255 255 / 8%);box-shadow: 0 8px 24px rgb(0 0 0 / 22%);}.hotbar-label {align-self: stretch;display: grid;min-width: 96px;padding: 0 16px;place-items: center;color: #151515;background: linear-gradient(135deg, var(--brand), #ffd75d);font-size: .75rem;font-weight: 900;letter-spacing: .09em;text-transform: uppercase;}.ticker-window {overflow: hidden;mask-image: linear-gradient(to right, transparent, #000 4%, #000 96%, transparent);}.ticker-track {display: flex;width: max-content;animation: ticker 34s linear infinite;}.ticker-track:hover {animation-play-state: paused;}.ticker-track a {display: inline-flex;align-items: center;gap: 8px;padding: 0 28px;color: #dfe5ec;font-size: .84rem;white-space: nowrap;text-decoration: none;}.ticker-track a:hover {color: #fff;}.ticker-track span {color: var(--brand);font-size: .55rem;filter: drop-shadow(0 0 8px rgb(245 180 0 / 55%));}.theme-toggle {display: grid;width: 58px;height: 100%;padding: 0;place-items: center;color: var(--brand);background: rgb(255 255 255 / 5%);border: 0;border-left: 1px solid rgb(255 255 255 / 10%);}.theme-toggle:hover {background: rgb(255 255 255 / 9%);}.theme-moon, html[data-theme="dark"] .theme-sun {display: none;}html[data-theme="dark"] .theme-moon {display: inline;}@keyframes ticker {to {transform: translateX(-50%);}}.site-sidebar {position: fixed;z-index: 80;top: var(--ticker-height);bottom: 0;left: 0;width: var(--sidebar-width);color: var(--sidebar-text);background: radial-gradient(circle at 26% 0%, rgb(245 180 0 / 12%), transparent 24%), linear-gradient(180deg, var(--sidebar-bg-2), var(--sidebar-bg));border-right: 1px solid rgb(255 255 255 / 8%);box-shadow: 12px 0 38px rgb(0 0 0 / 18%);overflow-y: auto;scrollbar-width: thin;}.site-sidebar::-webkit-scrollbar {width: 8px;}.site-sidebar::-webkit-scrollbar-thumb {background: rgb(255 255 255 / 14%);border-radius: 999px;}.nav-wrap {min-height: 100%;padding: 22px 15px 30px;}.brand {display: flex;align-items: center;min-height: 64px;padding: 3px 8px 18px;border-bottom: 1px solid rgb(255 255 255 / 9%);text-decoration: none;}.brand img {width: 198px;height: 58px;object-fit: contain;object-position: left center;}.brand-text {display: grid;gap: 2px;margin-left: 10px;line-height: 1.2;}.brand-text strong {color: #fff;font-size: .9rem;font-weight: 900;letter-spacing: -.01em;}.brand-text small {color: var(--sidebar-muted);font-size: .68rem;font-weight: 650;}.nav-toggle {display: none;}.primary-nav {margin-top: 14px;}.primary-nav ul {margin: 0;padding: 0;list-style: none;}.nav-item {margin: 3px 0;}.nav-row {position: relative;display: grid;grid-template-columns: minmax(0, 1fr) auto;align-items: center;border-radius: 12px;transition: background .18s var(--ease), box-shadow .18s var(--ease), transform .18s var(--ease);}.nav-row>a {display: flex;min-width: 0;align-items: center;gap: 10px;padding: 9px 10px;color: #d7dde5;font-size: .91rem;font-weight: 720;line-height: 1.25;text-decoration: none;border-radius: 12px;}.nav-row>a>span:last-child, .nav-label {min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.nav-row:hover {background: rgb(255 255 255 / 7%);transform: translateX(2px);}.is-current>.nav-row {background: rgb(255 255 255 / 7%);box-shadow: inset 3px 0 var(--brand), 0 8px 20px rgb(0 0 0 / 14%);}.is-current>.nav-row>a, .is-ancestor>.nav-row>a, .nav-row:hover>a {color: #fff;}.nav-icon {position: relative;display: grid;flex: 0 0 25px;width: 25px;height: 25px;place-items: center;color: var(--brand);background: #24272b;border: 1px solid rgb(255 255 255 / 6%);border-radius: 8px;overflow: hidden;transition: color .18s var(--ease), background .18s var(--ease), border-color .18s var(--ease);}.nav-icon::before, .nav-icon::after {content: none;}.nav-icon svg {display: block;width: 16px;height: 16px;fill: none;stroke: currentColor;stroke-width: 2;stroke-linecap: round;stroke-linejoin: round;}.nav-icon--star svg, .nav-icon--fire svg {fill: currentColor;}.nav-row:hover .nav-icon, .is-current>.nav-row .nav-icon, .is-ancestor>.nav-row .nav-icon {color: #ffcf4d;background: #2b2f35;border-color: rgb(255 194 41 / 24%);}.submenu-toggle {display: grid;width: 31px;height: 31px;padding: 0;place-items: center;color: var(--sidebar-muted);background: transparent;border: 0;border-radius: 9px;transition: transform .2s var(--ease), background .18s var(--ease), color .18s var(--ease);}.submenu-toggle:hover {color: #fff;background: rgb(255 255 255 / 7%);}.has-children.is-open>.nav-row .submenu-toggle {color: var(--brand);transform: rotate(180deg);}.submenu {display: none;margin: 4px 0 6px 18px;padding-left: 10px;border-left: 1px solid rgb(255 255 255 / 10%);}.is-open>.submenu {display: block;}.submenu .nav-row {border-radius: 10px;}.submenu .nav-row>a {padding: 7px 8px;color: #adb6c3;font-size: .84rem;font-weight: 600;}.submenu .nav-icon {flex-basis: 18px;width: 18px;height: 18px;background: transparent;border-color: transparent;}.submenu .nav-icon svg {width: 12px;height: 12px;}.submenu-level-2 {margin-left: 11px;}.site-stage {min-height: 100vh;margin-left: var(--sidebar-width);padding-top: var(--ticker-height);}.hero {position: relative;overflow: hidden;padding: 30px 0 32px;color: #fff;background: radial-gradient(circle at 86% 0, rgb(245 180 0 / 24%), transparent 34%), radial-gradient(circle at 12% 16%, rgb(255 122 24 / 12%), transparent 30%), linear-gradient(135deg, #202632, var(--hero-bg));border-bottom: 1px solid rgb(255 255 255 / 9%);}.hero::after {content: "";position: absolute;inset: auto -70px -130px auto;width: 330px;height: 330px;background: radial-gradient(circle, rgb(245 180 0 / 16%), transparent 66%);pointer-events: none;}.hero .container {position: relative;z-index: 1;display: grid;grid-template-columns: minmax(0, 1fr) auto;gap: 28px;align-items: center;}.hero h1 {max-width: 860px;margin: 5px 0 9px;color: #fff;font-size: clamp(1.85rem, 3.5vw, 3.12rem);}.hero-copy p:last-child {max-width: 770px;margin: 0;color: #d1d7e0;font-size: .97rem;}.hero-media {width: min(315px, 28vw);aspect-ratio: 16 / 9;object-fit: cover;border: 1px solid rgb(255 255 255 / 14%);border-radius: var(--radius-lg);box-shadow: var(--shadow-strong);}.eyebrow {margin: 0 0 4px;color: var(--brand-strong);font-size: .72rem;font-weight: 900;letter-spacing: .14em;text-transform: uppercase;}.hero .eyebrow {color: var(--brand);}.hero-points {display: flex;flex-wrap: wrap;gap: 8px;margin-top: 16px;}.hero-points span {display: inline-flex;align-items: center;padding: 5px 9px;color: #ffe08a;background: rgb(255 194 41 / 10%);border: 1px solid rgb(255 194 41 / 22%);border-radius: 999px;font-size: .78rem;font-weight: 700;}.breadcrumbs {padding: 15px 0;color: var(--muted);font-size: .83rem;}.breadcrumbs ol {display: flex;flex-wrap: wrap;gap: 6px;margin: 0;padding: 0;list-style: none;}.breadcrumbs li:not(:last-child)::after {content: "/";margin-left: 6px;color: var(--muted-2);}.breadcrumbs a {text-decoration: none;}.page-layout {display: grid;grid-template-columns: minmax(0, 1fr) 286px;gap: 22px;align-items: start;margin-bottom: 44px;}.main-content, .panel {background: color-mix(in srgb, var(--surface) 96%, transparent);border: 1px solid var(--line);border-radius: var(--radius);box-shadow: var(--shadow);}.main-content {min-width: 0;padding: clamp(22px, 3.5vw, 40px);}.lead {color: var(--text);font-size: 1.05rem;font-weight: 450;}.sidebar {display: grid;gap: 16px;}.panel {padding: 18px;box-shadow: var(--shadow-sm);}.panel h2 {margin: 0 0 9px;font-size: 1rem;}.side-list {margin: 0;padding: 0;list-style: none;}.side-list li+li {border-top: 1px solid var(--line);}.side-list a {display: block;padding: 9px 0;font-size: .86rem;font-weight: 700;text-decoration: none;}.content-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 15px;}.content-card {display: flex;min-width: 0;flex-direction: column;padding: 18px;background: var(--surface);border: 1px solid var(--line);border-radius: 14px;box-shadow: var(--shadow-sm);transition: transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s var(--ease);}.content-card:hover {transform: translateY(-3px);border-color: color-mix(in srgb, var(--brand) 45%, var(--line));box-shadow: var(--shadow);}.card-media {display: block;margin: -18px -18px 14px;overflow: hidden;border-radius: 14px 14px 0 0;}.card-media img {width: 100%;aspect-ratio: 16 / 9;object-fit: cover;transition: transform .25s var(--ease);}.content-card:hover .card-media img {transform: scale(1.035);}.content-card h3 {margin: 6px 0 8px;}.content-card h3 a {text-decoration: none;}.content-card p:not(.eyebrow) {color: var(--muted);font-size: .91rem;}.read-more {margin-top: auto;color: var(--brand-strong);font-size: .88rem;font-weight: 800;text-decoration: none;}.read-more:hover {color: var(--accent);}.article-meta {display: flex;flex-wrap: wrap;gap: 7px 18px;margin-bottom: 22px;padding-bottom: 14px;color: var(--muted);font-size: .83rem;border-bottom: 1px solid var(--line);}.featured-media {margin: 0 0 25px;}.featured-media img {width: 100%;border-radius: 15px;box-shadow: var(--shadow-sm);}.toc {margin: 24px 0;padding: 17px 20px;background: linear-gradient(135deg, color-mix(in srgb, var(--brand) 13%, var(--surface)), var(--surface-soft));border: 1px solid color-mix(in srgb, var(--brand) 38%, var(--line));border-radius: 14px;}.toc-title {font-weight: 900;}.toc ol {margin-bottom: 0;padding-left: 20px;}.tags {display: flex;flex-wrap: wrap;gap: 7px;margin-top: 25px;}.tag {padding: 5px 10px;color: var(--muted);background: var(--surface-soft);border: 1px solid var(--line);border-radius: 999px;font-size: .8rem;font-weight: 650;text-decoration: none;}.tag:hover {color: var(--heading);background: var(--brand-soft);border-color: color-mix(in srgb, var(--brand) 40%, var(--line));}.related, .embedded-ranking, .faq-section {margin-top: 32px;padding-top: 4px;border-top: 1px solid var(--line);}.wp-caption {max-width: 100%;margin: 22px auto;}.wp-caption img, .entry-content img {width: 100%;max-width: 100%;height: auto;border-radius: 11px;}.wp-caption figcaption {margin-top: 6px;color: var(--muted);font-size: .83rem;text-align: center;}.table-scroll {overflow-x: auto;border-radius: 12px;}table {width: 100%;background: var(--surface);border-collapse: collapse;}th, td {padding: 11px 13px;border: 1px solid var(--line);text-align: left;vertical-align: top;}th {color: var(--heading);background: var(--surface-soft);font-weight: 850;}tr:hover td {background: color-mix(in srgb, var(--brand) 5%, var(--surface));}.ranking-table th:first-child, .ranking-table td:first-child {width: 72px;text-align: center;}.ranking-table th:last-child, .ranking-table td:last-child {width: 82px;text-align: center;}.ranking-table td p {margin: 3px 0 0;color: var(--muted);font-size: .87rem;}.rank-position {color: var(--brand-strong);font-weight: 900;}.rating-box {display: flex;align-items: center;gap: 14px;margin: 22px 0;padding: 16px;color: #fff;background: radial-gradient(circle at 0 0, rgb(245 180 0 / 18%), transparent 32%), linear-gradient(135deg, #171b22, #0f1217);border: 1px solid rgb(255 255 255 / 9%);border-radius: 13px;box-shadow: var(--shadow-sm);}.rating-number {font-size: 1.7rem;font-weight: 900;letter-spacing: -.03em;}.stars {color: var(--brand);letter-spacing: 2px;}.pros-cons {display: grid;grid-template-columns: 1fr 1fr;gap: 14px;margin-top: 25px;}.pros, .cons {padding: 3px 18px 16px;border-radius: 13px;}.pros {color: #123d28;background: #edf9f3;border: 1px solid #bce5ce;}.cons {color: #512323;background: #fff2f2;border: 1px solid #edc6c6;}html[data-theme="dark"] .pros {color: #b8f0d0;background: #11291d;border-color: #25583c;}html[data-theme="dark"] .cons {color: #ffc9c9;background: #2c1717;border-color: #633030;}.faq-item {margin: 9px 0;padding: 0 15px;background: var(--surface-soft);border: 1px solid var(--line);border-radius: 12px;}.faq-item summary {padding: 12px 0;color: var(--heading);cursor: pointer;font-weight: 800;}.faq-item div {padding-bottom: 13px;color: var(--muted);}.author-box {display: grid;grid-template-columns: 82px 1fr;gap: 18px;align-items: center;}.author-avatar {display: grid;width: 82px;aspect-ratio: 1;place-items: center;color: #171717;background: linear-gradient(135deg, var(--brand), #ffd969);border-radius: 50%;box-shadow: var(--shadow-sm);font-size: 2rem;font-weight: 900;}.empty-state {padding: 22px;color: var(--muted);background: var(--surface-soft);border: 1px dashed var(--line-strong);border-radius: 12px;}.sitemap-grid {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 14px 30px;}.button {display: inline-flex;align-items: center;justify-content: center;justify-self: center;gap: 8px;padding: 10px 16px;color: #171717;background: linear-gradient(135deg, var(--brand), #ffd65d);border-radius: 10px;box-shadow: var(--shadow-sm);font-weight: 850;text-decoration: none;}.button:hover {color: #111;transform: translateY(-1px);box-shadow: var(--shadow);}.contact-form {display: flex;max-width: 560px;flex-direction: column;gap: 16px;margin-top: 16px;}.contact-form .form-row {display: flex;flex-direction: column;gap: 6px;}.contact-form label {color: var(--heading);font-size: 14px;font-weight: 800;}.contact-form input, .contact-form select, .contact-form textarea {padding: 10px 12px;color: var(--text);background: var(--surface);border: 1px solid var(--line);border-radius: 11px;font-size: 14.5px;transition: border-color .18s var(--ease), box-shadow .18s var(--ease);}.contact-form input:focus, .contact-form select:focus, .contact-form textarea:focus {outline: none;border-color: color-mix(in srgb, var(--brand) 62%, var(--line));box-shadow: 0 0 0 4px color-mix(in srgb, var(--brand) 16%, transparent);}.contact-form textarea {min-height: 120px;resize: vertical;}.contact-form button {align-self: flex-start;border: none;}.contact-form .hp-field {position: absolute;top: -9999px;left: -9999px;}.contact-note {margin-top: 10px;color: var(--muted);font-size: 13px;}.site-footer {color: #c8cfd8;background: radial-gradient(circle at 80% 0, rgb(245 180 0 / 10%), transparent 30%), linear-gradient(180deg, #141820, var(--footer-bg));}.footer-notice {display: grid;grid-template-columns: auto minmax(0, 1fr);gap: 18px;align-items: center;padding: 16px max(24px, calc((100% - 1120px) / 2));background: rgb(255 255 255 / 5%);border-bottom: 1px solid rgb(255 255 255 / 9%);}.footer-notice strong {color: var(--brand);white-space: nowrap;}.footer-notice p {margin: 0;color: #a5afbd;font-size: .78rem;}.footer-main {width: min(1120px, calc(100% - 40px));margin-inline: auto;padding: 38px 0 30px;}.footer-top, .footer-bottom-links {display: grid;gap: 26px;}.footer-top {grid-template-columns: 1.45fr repeat(3, minmax(0, 1fr));}.footer-bottom-links {grid-template-columns: repeat(5, minmax(0, 1fr));padding-top: 4px;}.footer-brand {color: var(--brand);font-size: 1.1rem;font-weight: 900;text-decoration: none;}.footer-brand-block {min-width: 0;}.footer-brand-block p {margin-top: 12px;color: #a0a9b6;font-size: .83rem;}.footer-small {color: #8d96a3;font-size: .8rem;line-height: 1.65;}.footer-data-title {display: flex;align-items: center;gap: 12px;margin: 30px 0 18px;color: var(--brand);font-size: .78rem;font-weight: 850;letter-spacing: .12em;text-transform: uppercase;}.footer-data-title::after {content: "";flex: 1;height: 1px;background: rgb(255 255 255 / 9%);}.footer-main h2 {margin: 0 0 10px;color: #fff;font-size: .95rem;}.footer-main ul {margin: 0;padding: 0;list-style: none;}.footer-main li {margin: 6px 0;}.footer-main a {color: #c8cfd8;font-size: .84rem;text-decoration: none;}.footer-main a:hover {color: var(--brand);}.footer-bottom {display: flex;justify-content: space-between;gap: 18px;width: min(1120px, calc(100% - 40px));margin-inline: auto;padding: 18px 0 24px;color: #808b99;font-size: .76rem;border-top: 1px solid rgb(255 255 255 / 9%);}.back-to-top {position: fixed;z-index: 70;right: 20px;bottom: 20px;display: grid;width: 43px;height: 43px;padding: 0;place-items: center;color: #151515;background: linear-gradient(135deg, var(--brand), #ffd65d);border: 0;border-radius: 50%;box-shadow: var(--shadow);opacity: 0;pointer-events: none;transform: translateY(12px);transition: .2s var(--ease);}.back-to-top.is-visible {opacity: 1;pointer-events: auto;transform: none;}.error-page {display: grid;min-height: 100vh;padding: 30px;place-content: center;text-align: center;}@media (max-width: 1080px) {.footer-top {grid-template-columns: repeat(2, minmax(0, 1fr));}.footer-bottom-links {grid-template-columns: repeat(3, minmax(0, 1fr));}}@media (max-width: 980px) {.page-layout {grid-template-columns: minmax(0, 1fr);}.sidebar {grid-template-columns: repeat(2, minmax(0, 1fr));}}@media (max-width: 768px) {:root {--ticker-height: 38px;}body {padding-top: var(--ticker-height);}.container {width: min(100% - 24px, 1120px);}.hotbar-label {min-width: 70px;padding: 0 10px;font-size: .67rem;}.theme-toggle {width: 45px;}.ticker-track a {padding: 0 18px;font-size: .77rem;}.site-sidebar {position: sticky;top: var(--ticker-height);width: auto;height: auto;overflow: visible;box-shadow: 0 12px 30px rgb(0 0 0 / 18%);}.nav-wrap {display: grid;grid-template-columns: minmax(0, 1fr) auto;min-height: 0;padding: 8px 12px;}.brand {min-height: 45px;padding: 0;border: 0;}.brand img {width: 150px;height: 45px;}.brand-text {display: none;}.nav-toggle {display: grid;width: 42px;height: 42px;padding: 0;place-items: center;color: #fff;background: #242a32;border: 1px solid rgb(255 255 255 / 12%);border-radius: 10px;}.primary-nav {display: none;grid-column: 1 / -1;max-height: calc(100vh - 110px);margin-top: 8px;overflow-y: auto;}.nav-open .primary-nav {display: block;}.site-stage {margin-left: 0;padding-top: 0;}.hero {padding: 22px 0 24px;}.hero .container {grid-template-columns: 1fr;gap: 16px;}.hero h1 {font-size: clamp(1.65rem, 8vw, 2.35rem);}.hero-media {width: 100%;}.page-layout, .content-grid, .pros-cons, .sitemap-grid, .sidebar, .footer-top, .footer-bottom-links {grid-template-columns: 1fr;}.main-content {padding: 20px;}.author-box {grid-template-columns: 64px 1fr;}.author-avatar {width: 64px;font-size: 1.55rem;}.footer-notice {grid-template-columns: 1fr;gap: 4px;padding: 14px 18px;}.footer-main, .footer-bottom {width: min(100% - 30px, 1120px);}.footer-main {padding: 30px 0 24px;}.footer-bottom {display: grid;}.back-to-top {right: 14px;bottom: 14px;}}@media (max-width: 460px) {.hotbar {grid-template-columns: minmax(0, 1fr) auto;}.hotbar-label {display: none;}.rating-box {align-items: flex-start;flex-direction: column;gap: 8px;}th, td {padding: 9px 10px;}}@media (prefers-reduced-motion: reduce) {*, *::before, *::after {scroll-behavior: auto;animation-duration: .001ms;animation-iteration-count: 1;transition-duration: .001ms;}}.card-thumb {position: relative;display: grid;min-height: 128px;margin: -18px -18px 14px;place-items: center;background: #fff;border-bottom: 1px solid var(--line);border-radius: 14px 14px 0 0;overflow: hidden;}.card-thumb img {width: 100%;height: 128px;object-fit: cover;}.card-thumb--fallback {background: radial-gradient(circle at 20% 20%, rgb(255 255 255 / 35%), transparent 28%), linear-gradient(135deg, var(--brand), #ffd65d);}.card-thumb--fallback span {color: #171717;font-size: 1.45rem;font-weight: 950;letter-spacing: -.04em;text-transform: uppercase;}.card .card-body {display: grid;gap: 8px;}.card-title {color: var(--heading);font-size: 1rem;font-weight: 900;line-height: 1.3;text-decoration: none;}.card-title:hover {color: var(--brand-strong);}@media (max-width: 768px) {.card-thumb {min-height: 116px;}.card-thumb img {height: 116px;}}.card-media {display: grid;min-height: 128px;margin: -18px -18px 14px;place-items: center;background: #fff;border-bottom: 1px solid var(--line);border-radius: 14px 14px 0 0;overflow: hidden;}.card-media img {display: block;width: 100%;height: 128px;object-fit: cover;}.card-media--fallback {background: radial-gradient(circle at 20% 20%, rgb(255 255 255 / 35%), transparent 28%), linear-gradient(135deg, var(--brand), #ffd65d);}.card-media--fallback span {color: #171717;font-size: 1.45rem;font-weight: 950;letter-spacing: -.04em;text-transform: uppercase;}.card-copy {display: grid;gap: 8px;}.card-badges {display: flex;flex-wrap: wrap;gap: 6px;}.card-badges span {display: inline-flex;padding: 4px 8px;color: #171717;background: color-mix(in srgb, var(--brand) 22%, #fff);border-radius: 999px;font-size: .72rem;font-weight: 850;}@media (max-width: 768px) {.card-media {min-height: 116px;}.card-media img {height: 116px;}}
.home-section {position: relative;margin: 34px 0;}.home-section:first-child {margin-top: 0;}.home-section:last-child {margin-bottom: 0;}.home-section > h2 {margin-top: 0;margin-bottom: 10px;}.home-section > p {max-width: 900px;color: var(--muted);}.home-section a {text-decoration: none;}.home-section ul {margin-top: 8px;}body:has(.home-intro) .page-layout {grid-template-columns: minmax(0, 1fr);}body:has(.home-intro) .sidebar {display: none;}.home-intro {padding: 24px;background: radial-gradient(circle at 100% 0, color-mix(in srgb, var(--brand) 18%, transparent), transparent 36%), linear-gradient(135deg, var(--surface), var(--surface-soft));border: 1px solid var(--line);border-radius: var(--radius);box-shadow: var(--shadow-sm);}.home-intro h2 {margin-bottom: 10px;}.home-intro p:last-child {margin-bottom: 0;}.home-link-grid {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 14px;margin-top: 16px;}.home-link-grid.compact {grid-template-columns: repeat(3, minmax(0, 1fr));}.home-link-grid a {display: grid;min-width: 0;min-height: 168px;align-content: start;gap: 7px;padding: 16px;color: var(--text);background: linear-gradient(180deg, color-mix(in srgb, var(--surface) 97%, transparent), var(--surface-soft));border: 1px solid var(--line);border-radius: 16px;box-shadow: var(--shadow-sm);overflow: hidden;transition: transform .18s var(--ease), box-shadow .18s var(--ease), border-color .18s var(--ease), background .18s var(--ease);}.home-link-grid a:hover {transform: translateY(-3px);color: var(--text);border-color: color-mix(in srgb, var(--brand) 44%, var(--line));box-shadow: var(--shadow);}.home-link-grid a::before, .home-link-grid a::after {content: none;}.home-topic-icon {display: grid;width: 38px;height: 38px;margin-bottom: 4px;place-items: center;color: #171717;background: linear-gradient(135deg, var(--brand), #ffd65d);border-radius: 13px;box-shadow: 0 10px 22px rgb(245 180 0 / 22%);font-size: 17px;font-weight: 950;font-style: normal;line-height: 1;}.home-link-grid strong {color: var(--heading);font-size: 1rem;font-weight: 900;line-height: 1.25;}.home-link-grid span {color: var(--muted);font-size: .9rem;line-height: 1.55;}.home-split {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 14px;margin-top: 16px;}.home-split.three {grid-template-columns: repeat(3, minmax(0, 1fr));}.home-split > div {min-width: 0;padding: 18px;background: linear-gradient(180deg, color-mix(in srgb, var(--surface) 97%, transparent), var(--surface-soft));border: 1px solid var(--line);border-radius: 16px;box-shadow: var(--shadow-sm);}.home-split > div::before {content: none;}.home-split h3 {margin-top: 0;margin-bottom: 8px;color: var(--heading);font-weight: 900;}.home-split ul {margin: 0;padding-left: 18px;}.home-split li {margin: 5px 0;color: var(--muted);}.home-split a {color: var(--text);font-weight: 650;}.home-split a:hover {color: var(--brand-strong);}.home-feature-list {display: grid;grid-template-columns: repeat(4, minmax(0, 1fr));gap: 14px;margin-top: 16px;}.home-feature-list > div {min-width: 0;padding: 16px;background: linear-gradient(180deg, color-mix(in srgb, var(--surface) 97%, transparent), var(--surface-soft));border: 1px solid var(--line);border-radius: 16px;box-shadow: var(--shadow-sm);}.home-feature-list > div::before {content: none;}.home-feature-list strong {display: block;color: var(--heading);font-weight: 900;}.home-feature-list span {display: block;margin-top: 5px;color: var(--muted);font-size: .9rem;line-height: 1.55;}.home-review-table {padding: 24px;background: radial-gradient(circle at 100% 0, color-mix(in srgb, var(--brand) 14%, transparent), transparent 36%), linear-gradient(135deg, var(--surface), var(--surface-soft));border: 1px solid var(--line);border-radius: var(--radius);box-shadow: var(--shadow-sm);}.home-review-table > h2 {margin-top: 0;}.nc-wrap {margin-top: 18px;}.nc-wrap--single {margin-top: 14px;}.nc-list {display: grid;gap: 16px;}.nc-card {display: grid;grid-template-columns: 250px minmax(0, 1fr) 170px;gap: 18px;align-items: center;padding: 16px;background: radial-gradient(circle at 100% 0, color-mix(in srgb, var(--brand) 11%, transparent), transparent 34%), linear-gradient(180deg, var(--surface), var(--surface-soft));border: 1px solid var(--line);border-radius: 18px;box-shadow: var(--shadow-sm);transition: border-color .18s var(--ease), box-shadow .18s var(--ease), transform .18s var(--ease);}.nc-card:hover {transform: translateY(-2px);border-color: color-mix(in srgb, var(--brand) 44%, var(--line));box-shadow: var(--shadow);}.nc-brand {display: grid;grid-template-columns: 54px 70px minmax(0, 1fr);gap: 12px;align-items: center;min-width: 0;}.nc-rank {display: grid;width: 54px;height: 54px;place-items: center;background: linear-gradient(135deg, #2a303a, #161a20);border: 1px solid rgb(255 255 255 / 10%);border-radius: 16px;box-shadow: var(--shadow-sm);}.nc-rank-stars {display: block;color: var(--brand);font-size: .82rem;font-weight: 950;letter-spacing: 1px;line-height: 1;}.nc-rank-number {display: block;margin-top: -4px;color: #fff;font-size: .72rem;font-weight: 900;line-height: 1;opacity: .48;}.nc-rank-gold {background: linear-gradient(135deg, #3d2a02, #1b1f26);}.nc-rank-blue {background: linear-gradient(135deg, #0d3b66, #1b1f26);}.nc-rank-purple {background: linear-gradient(135deg, #45207a, #1b1f26);}.nc-rank-green {background: linear-gradient(135deg, #14532d, #1b1f26);}.nc-logo {display: grid;width: 70px;height: 54px;place-items: center;background: #fff;border: 1px solid var(--line);border-radius: 15px;box-shadow: var(--shadow-sm);overflow: hidden;}.nc-logo img {max-width: 84%;max-height: 84%;object-fit: contain;}.nc-logo--text {color: #171717;background: linear-gradient(135deg, var(--brand), #ffd65d);font-size: 1.1rem;font-weight: 950;letter-spacing: -.03em;}.nc-name {display: grid;min-width: 0;gap: 3px;}.nc-name strong {color: var(--heading);font-size: 1.03rem;font-weight: 950;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}.nc-stars {color: var(--brand);font-size: .86rem;letter-spacing: 1px;white-space: nowrap;}.nc-content {min-width: 0;}.nc-tags {display: flex;flex-wrap: wrap;gap: 6px;margin-bottom: 10px;}.nc-tag {display: inline-flex;align-items: center;max-width: 100%;padding: 4px 8px;border-radius: 999px;font-size: .75rem;font-weight: 850;line-height: 1.25;white-space: nowrap;}.nc-tag.red {color: #8a1d1d;background: #ffe5e5;}.nc-tag.yellow {color: #6b4500;background: #fff1bf;}.nc-tag.purple {color: #52228a;background: #efe5ff;}.nc-tag.blue {color: #124a7a;background: #e0f2fe;}.nc-tag.green {color: #17603a;background: #dcfce7;}.nc-content ul {display: grid;grid-template-columns: repeat(2, minmax(0, 1fr));gap: 4px 18px;margin: 0;padding-left: 18px;color: var(--muted);font-size: .86rem;}.nc-content li {margin: 0;}.nc-actions {display: grid;gap: 8px;align-content: center;}.nc-btn {display: inline-flex;min-height: 38px;align-items: center;justify-content: center;padding: 8px 12px;color: #171717;background: linear-gradient(135deg, var(--brand), #ffd65d);border-radius: 999px;box-shadow: var(--shadow-sm);font-size: .84rem;font-weight: 950;text-align: center;text-decoration: none;}.nc-btn:hover {color: #111;transform: translateY(-1px);box-shadow: var(--shadow);}.nc-btn.alt {color: #fff;background: linear-gradient(135deg, #1d2430, #343b48);}.nc-btn.alt:hover {color: #fff;}.review-brand-block {margin: 24px 0;padding: 20px;background: var(--surface-soft);border: 1px solid var(--line);border-radius: var(--radius);box-shadow: var(--shadow-sm);}.review-brand-block > h2 {margin-top: 0;}.home-section.faq-section {padding: 24px;background: var(--surface);border: 1px solid var(--line);border-radius: var(--radius);box-shadow: var(--shadow-sm);}.home-section.faq-section .faq-item {background: var(--surface-soft);}.home-section.faq-section .faq-item:last-child {margin-bottom: 0;}.auto-card-media {display: none;}.home-link-grid a::before, .home-link-grid a::after, .home-feature-list > div::before, .home-split > div::before {content: none;}html[data-theme="dark"] .home-intro, html[data-theme="dark"] .home-link-grid a, html[data-theme="dark"] .home-split > div, html[data-theme="dark"] .home-feature-list > div, html[data-theme="dark"] .home-review-table, html[data-theme="dark"] .home-section.faq-section, html[data-theme="dark"] .nc-card, html[data-theme="dark"] .review-brand-block {background: radial-gradient(circle at 100% 0, rgb(255 199 44 / 7%), transparent 34%), linear-gradient(180deg, var(--surface), var(--surface-soft));}html[data-theme="dark"] .nc-logo {background: #fff;}html[data-theme="dark"] .nc-tag.red {color: #ffc9c9;background: #3a1717;}html[data-theme="dark"] .nc-tag.yellow {color: #ffe08a;background: #342607;}html[data-theme="dark"] .nc-tag.purple {color: #dbc4ff;background: #27143f;}html[data-theme="dark"] .nc-tag.blue {color: #bae6fd;background: #0b2638;}html[data-theme="dark"] .nc-tag.green {color: #bbf7d0;background: #0d2a1a;}@media (max-width: 768px) {.home-section {margin: 26px 0;}.home-intro, .home-review-table, .home-section.faq-section, .review-brand-block {padding: 16px;border-radius: 14px;}.home-link-grid, .home-link-grid.compact, .home-split, .home-split.three, .home-feature-list {grid-template-columns: 1fr;}.home-link-grid a {min-height: 0;padding: 15px;border-radius: 14px;}.home-topic-icon {width: 36px;height: 36px;border-radius: 12px;}.nc-card {grid-template-columns: 1fr;gap: 14px;padding: 14px;border-radius: 16px;}.nc-brand {grid-template-columns: 48px 62px minmax(0, 1fr);gap: 10px;}.nc-rank {width: 48px;height: 48px;border-radius: 14px;}.nc-logo {width: 62px;height: 48px;border-radius: 13px;}.nc-name strong {font-size: .98rem;}.nc-content ul {grid-template-columns: 1fr;gap: 5px;font-size: .85rem;}.nc-tags {gap: 5px;}.nc-tag {white-space: normal;}.nc-actions {grid-template-columns: 1fr;}.nc-btn {width: 100%;}}