/* Server-validated tokens: no build step or custom CSS input is required. */
:root,html.dark{--primary:var(--hw-primary,#6942c7);--primary-2:var(--hw-complement,#266790);--bg:var(--hw-background,#f7f6fc);--surface:var(--hw-surface,#fff);--text:var(--hw-text,#25203b);--primary-soft:color-mix(in srgb,var(--primary) 10%,var(--surface));--hw-gradient:linear-gradient(120deg,var(--primary),var(--primary-2))}
html[data-gradient="0"]{--hw-gradient:var(--primary)}
.sidebar{background:var(--hw-menu)!important;color:var(--hw-menu_text)!important}.sidebar-nav a,.sidebar-label{color:var(--hw-menu_text)!important}.sidebar-nav a.active{background:var(--hw-active)!important;color:var(--hw-button_text)!important}.sidebar-nav a:hover{background:color-mix(in srgb,var(--hw-menu_text) 10%,var(--hw-menu))}.sidebar .sidebar-footer{color:var(--hw-menu_text)}
.btn-primary,.auth-tab.active{background:var(--hw-button)!important;color:var(--hw-button_text)!important;box-shadow:0 6px 18px color-mix(in srgb,var(--primary) 20%,transparent)}.text-primary,.nav-links a.active,.btn-ghost:hover{color:var(--hw-link)}.gradient-text{background-image:var(--hw-gradient)}.storage-meter::-webkit-progress-value,.progress>span{background:var(--hw-gradient)}
.brand-color-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.brand-color-grid label{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:12px}.brand-color-grid input{width:46px;height:36px;border:1px solid var(--border);border-radius:8px;padding:3px;background:var(--surface)}
.reward-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.reward-cover{height:150px}.reward-symbol{height:84px;font-size:34px}.reward-card .card-body{padding:18px}.reward-card h2{font-size:17px}.reward-card .reward-progress{gap:8px;margin:4px 0}.reward-card p{margin:0}.reward-card .actions{margin-top:auto;gap:8px}
.hw-nav-indicator{position:fixed;inset:80px auto auto 50%;transform:translateX(-50%);z-index:20000;display:flex;align-items:center;gap:10px;background:var(--surface);color:var(--text);padding:9px 17px;border:1px solid var(--border);border-radius:99px;box-shadow:var(--shadow);font-size:12px}.hw-nav-indicator img{width:28px;height:28px;animation:hw-logo-pulse 1s ease-in-out infinite}.hw-nav-error{position:fixed;bottom:24px;left:50%;transform:translateX(-50%);z-index:20001;max-width:calc(100% - 32px);padding:16px;border:1px solid var(--border);border-radius:16px;background:var(--surface);box-shadow:var(--shadow);display:flex;gap:12px;align-items:center;flex-wrap:wrap}.hw-nav-error p{margin:0}.hw-page-enter{animation:hw-content-in .15s ease-out}
@keyframes hw-content-in{from{opacity:.7;transform:translateY(3px)}to{opacity:1;transform:translateY(0)}}@keyframes hw-logo-pulse{50%{opacity:.45;transform:scale(.88)}}
@media(max-width:650px){.reward-grid{grid-template-columns:1fr}.brand-color-grid{grid-template-columns:1fr}.hw-nav-indicator{top:100px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important}.hw-page-enter,.hw-nav-indicator img{animation:none!important}}
.rank-live-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.rank-live-stats>div{padding:16px;border:1px solid var(--border);border-radius:15px;background:var(--surface-2)}.rank-live-stats small{display:block;color:var(--muted)}.rank-live-stats strong{font-size:24px}.reward-motivation{border-right:3px solid var(--primary);padding:10px 16px;background:var(--primary-soft);border-radius:10px}.reward-live-dialog,.reward-wheel-dialog{width:min(570px,calc(100vw - 24px));max-height:90dvh;overflow-y:auto}.wheel-prize-row{padding:18px;border:1px solid var(--border);border-radius:16px;margin:12px 0}.wheel-test-tools{padding:18px;border:1px dashed var(--primary);border-radius:16px}.wheel-test-tools h3{margin:0}.wheel-history-row{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:14px 0;border-bottom:1px solid var(--border)}.wheel-history-row small{flex-basis:100%;color:var(--muted)}.wheel-stage{--wheel-size:min(320px,calc(100vw - 88px));position:relative;margin:24px auto 12px;width:var(--wheel-size);aspect-ratio:1;border-radius:50%;padding:10px;background:#251742;box-shadow:0 15px 40px #3e24552b}.wheel-disc{position:absolute;inset:12px;border-radius:50%;box-shadow:inset 0 0 0 2px #ffffff70;overflow:hidden}.wheel-pointer{position:absolute;top:-13px;left:50%;transform:translateX(-50%);color:#f5c44f;font-size:36px;z-index:4;line-height:1;text-shadow:0 3px 5px #29154955}.wheel-hub{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:40px;height:40px;border:3px solid #f1cf72;background:#382050;color:white;display:grid;place-items:center;border-radius:50%;font-size:20px}.wheel-label{position:absolute;left:50%;top:50%;width:60px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc((var(--wheel-size) - 24px) * -.35)) rotate(calc(-1 * var(--angle)));font-size:10px;font-weight:700;text-align:center;line-height:1.5;color:#fff;text-shadow:0 1px 3px #000,0 0 4px #000;overflow-wrap:anywhere;max-height:60px;overflow:hidden}.wheel-lights{position:absolute;inset:0;pointer-events:none;z-index:3}.wheel-lights i{position:absolute;width:5px;height:5px;left:50%;top:50%;border-radius:50%;background:#ffe08d;transform:translate(-50%,-50%) rotate(var(--lamp-angle)) translateY(calc(-.5 * var(--wheel-size) + 4px));box-shadow:0 0 5px #ffe08d;animation:wheel-lamp 1s ease-in-out infinite}.wheel-outcome{text-align:center;padding:12px;border-radius:16px;background:var(--primary-soft);min-height:48px}.wheel-outcome p{margin:8px 0}.wheel-prize-thumb{width:28px;height:28px;object-fit:cover;vertical-align:middle;border-radius:6px;margin-inline-end:8px}@keyframes wheel-lamp{50%{opacity:.25;box-shadow:none}}@media(max-width:380px){.wheel-label{transform:translate(-50%,-50%) rotate(var(--angle)) translateY(calc((var(--wheel-size) - 24px) * -.35)) rotate(calc(-1 * var(--angle)));width:50px;font-size:9px}.wheel-lights i{display:none}}@media(prefers-reduced-motion:reduce){.wheel-lights i{animation:none!important}.wheel-disc{transition:none!important}}
.seo-preview{padding:22px;border:1px solid var(--border);border-radius:18px;background:var(--surface)}.seo-preview h3{color:var(--hw-link);font-size:19px;margin:5px 0}.seo-preview>p{margin:8px 0;overflow-wrap:anywhere}.seo-preview>small{overflow-wrap:anywhere}.seo-check{border:1px solid var(--border);border-radius:12px;padding:12px 16px;margin:8px 0}.seo-check summary{cursor:pointer;font-weight:600}.seo-check p{margin:10px 0 0}.seo-code{max-width:100%;overflow:auto;white-space:pre-wrap;word-break:break-word;padding:16px;background:var(--surface-2);border-radius:14px}.article-body{white-space:normal;line-height:2;overflow-wrap:anywhere}.article-body p{margin:1em 0}.article-body h2{font-size:23px;margin-top:1.6em}.article-body h3{font-size:19px}.article-body img{max-width:100%;height:auto;border-radius:16px}.article-body a{color:var(--hw-link);text-decoration:underline}.article-body pre{overflow:auto;background:var(--surface-2);padding:16px;border-radius:12px;direction:ltr}.article-body blockquote{border-right:3px solid var(--primary);margin-inline:0;padding:10px 18px;background:var(--primary-soft)}.seo-analysis>.section-title{flex-wrap:wrap}.seo-analysis .table td{overflow-wrap:anywhere}

/* 2.10: keep the mark and wordmark readable on independently themed surfaces. */
.brand,.footer a.brand{display:inline-flex;min-width:0;max-width:100%;color:var(--hw-brand-page-text,var(--text))}
.brand .brand__text{min-width:0;overflow-wrap:anywhere}
.brand .brand__name{color:inherit;line-height:1.5}
.brand .brand__tagline{color:inherit;opacity:1;line-height:1.7;margin-top:0}
.sidebar .brand{color:var(--hw-brand-menu-text,var(--hw-menu_text))}
.auth-art .brand{color:#fff}
.brand img{flex:0 0 auto;padding:3px;background:#fff;border:1px solid #dfe3ec;box-shadow:0 0 0 1px #ffffff38,0 2px 7px #17132414}