@import"https://fonts.googleapis.com/css2?family=Space+Grotesk:wght@400;500;600;700&family=IBM+Plex+Sans:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600;700&display=swap";.lp{overflow-x:hidden}.wrap-x{width:min(var(--maxw),100% - 48px);margin-inline:auto}section{position:relative}.sec-head{max-width:680px;margin:0 auto var(--s7);text-align:center}.sec-head.left{margin-inline:0;text-align:left}.sec-head h2{font-size:clamp(28px,4vw,46px);letter-spacing:-.02em;margin-top:14px;line-height:1.06}.sec-head p{color:var(--ink-3);font-size:17px;margin-top:16px}.sec-pad{padding:clamp(64px,9vw,120px) 0}.lp-header{position:sticky;top:0;z-index:60;background:color-mix(in oklab,var(--bg) 78%,transparent);backdrop-filter:blur(14px) saturate(1.4);border-bottom:1px solid transparent;transition:border-color .3s,background .3s}.lp-header.scrolled{border-bottom-color:var(--line);background:color-mix(in oklab,var(--bg) 90%,transparent)}.lp-header .row{display:flex;align-items:center;gap:20px;height:64px}.brand{display:flex;align-items:center;gap:11px;font-family:var(--font-display);font-weight:700;font-size:20px;letter-spacing:-.02em}.brand .mk{width:34px;height:34px;border-radius:9px;background:linear-gradient(150deg,var(--accent-solid),var(--accent-solid-2));color:var(--on-accent);display:grid;place-items:center;font-family:var(--font-mono);font-weight:800;font-size:17px;box-shadow:0 6px 18px -8px var(--accent-line)}.lp-nav{display:flex;gap:4px;margin-left:14px}.lp-nav a{font-size:14px;font-weight:500;color:var(--ink-3);padding:8px 12px;border-radius:var(--r-sm);transition:color .15s,background .15s}.lp-nav a:hover{color:var(--ink);background:var(--surface-2)}.lp-nav a.active{color:var(--accent);background:var(--accent-soft)}.hd-right{margin-left:auto;display:flex;align-items:center;gap:12px}.hd-rating{display:flex;flex-direction:column;line-height:1.1;text-align:right}.hd-rating b{font-size:13.5px}.hd-rating .stars{color:var(--accent);font-size:12px;letter-spacing:1px}.theme-btn{width:38px;height:38px;border-radius:var(--r-sm);border:1px solid var(--line);background:var(--surface);color:var(--ink-2);display:grid;place-items:center}.theme-btn:hover{border-color:var(--accent-line);color:var(--ink)}@media (max-width: 920px){.lp-nav,.hd-rating{display:none}}.hero{position:relative;min-height:clamp(620px,92vh,880px);display:flex;align-items:center;isolation:isolate}.hero-bg{position:absolute;inset:0;z-index:-2}.hero-bg img{width:100%;height:100%;object-fit:cover;object-position:center}.hero-scrim{position:absolute;inset:0;z-index:-1;background:linear-gradient(95deg,var(--bg) 8%,color-mix(in oklab,var(--bg) 72%,transparent) 42%,transparent 72%),linear-gradient(0deg,var(--bg) 2%,transparent 36%)}[data-theme=light] .hero-scrim{background:linear-gradient(95deg,var(--bg) 6%,color-mix(in oklab,var(--bg) 60%,transparent) 46%,transparent 78%),linear-gradient(0deg,var(--bg) 1%,transparent 40%)}.hero-inner{width:min(var(--maxw),100% - 48px);margin-inline:auto;padding:90px 0}.hero-col{max-width:620px}.hero h1{font-size:clamp(44px,7.4vw,92px);line-height:.95;letter-spacing:-.035em;margin-top:22px;text-wrap:balance}.hero h1 .amber{color:var(--accent)}.hero-sub{font-size:clamp(17px,2.1vw,21px);color:var(--ink-2);margin-top:24px;max-width:30em;line-height:1.55}.hero-sub strong{color:var(--ink);font-weight:600}.hero-cta{display:flex;align-items:center;gap:16px;margin-top:34px;flex-wrap:wrap}.btn-xl{padding:16px 30px;font-size:16.5px;border-radius:var(--r-lg)}.btn-xl.btn-primary{box-shadow:0 14px 40px -14px var(--accent-line)}.price-tag{display:flex;align-items:baseline;gap:10px;flex-wrap:wrap}.price-tag .now,.price-tag .was,.pack-price .now,.pack-price .was,.price-tag .off,.pack-head .save,.combo-bar .total,.stat .num,.sticky-bar .sb-info .p,.addon-card .ap{white-space:nowrap}.price-tag .now{font-family:var(--font-mono);font-weight:700;font-size:30px;color:var(--ink);letter-spacing:-.02em}.price-tag .was{font-family:var(--font-mono);font-size:17px;color:var(--ink-4);text-decoration:line-through}.price-tag .off{font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--on-accent);background:var(--bad);padding:3px 8px;border-radius:var(--r-pill)}.hero-trust{display:flex;gap:22px;margin-top:30px;flex-wrap:wrap}.hero-trust .t{display:flex;align-items:center;gap:9px;font-size:13.5px;color:var(--ink-2)}.hero-trust .t .ic{color:var(--accent);font-family:var(--font-mono);font-weight:700;font-size:15px}.hero-stars{display:flex;align-items:center;gap:12px}.hero-stars .s{color:var(--accent);font-size:18px;letter-spacing:2px}.hero-stars .lbl{font-size:14px;color:var(--ink-2)}.hero-stars .lbl b{color:var(--ink)}.marquee{border-block:1px solid var(--line);background:var(--bg-2);padding:18px 0;overflow:hidden}.marquee-track{display:flex;gap:56px;width:max-content;animation:scrollx 38s linear infinite}.marquee:hover .marquee-track{animation-play-state:paused}.marquee-track span{font-family:var(--font-mono);font-size:14px;font-weight:600;letter-spacing:.04em;color:var(--ink-3);white-space:nowrap;display:inline-flex;align-items:center;gap:56px}.marquee-track span:after{content:"◆";color:var(--accent);font-size:8px}@keyframes scrollx{to{transform:translate(-50%)}}@media (prefers-reduced-motion: reduce){.marquee-track{animation:none}}.press{padding:56px 0;text-align:center}.press .lbl{font-family:var(--font-mono);font-size:12px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4)}.press-row{display:flex;align-items:center;justify-content:center;gap:clamp(28px,5vw,64px);flex-wrap:wrap;margin-top:28px}.press-row img{height:30px;width:auto;opacity:.62;filter:grayscale(1) brightness(1.7);transition:opacity .2s}[data-theme=light] .press-row img{filter:grayscale(1) brightness(.4)}.press-row img:hover{opacity:1}.product{display:grid;grid-template-columns:1.05fr .95fr;gap:clamp(32px,5vw,72px);align-items:center}.gallery .main{border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line);background:radial-gradient(120% 100% at 50% 0%,color-mix(in oklab,var(--accent) 10%,var(--bg-2)) 0%,var(--bg-2) 60%);box-shadow:var(--shadow-lg);position:relative}.gallery .main img{width:100%;aspect-ratio:1/1;object-fit:contain}.gallery .main .float-badge{position:absolute;top:16px;left:16px}.gallery .thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:14px}.gallery .thumbs button{padding:0;border-radius:var(--r-md);overflow:hidden;border:1.5px solid var(--line);background:var(--bg-2);cursor:pointer;transition:border-color .15s}.gallery .thumbs button.active{border-color:var(--accent)}.gallery .thumbs img{width:100%;aspect-ratio:1/1;object-fit:cover}.buy h1{font-size:clamp(28px,3.4vw,40px);letter-spacing:-.02em}.buy .rate-row{display:flex;align-items:center;gap:10px;margin-top:12px}.buy .rate-row .s{color:var(--accent);letter-spacing:1px}.buy .rate-row .n{font-size:13.5px;color:var(--ink-3)}.buy .price-tag{margin-top:22px}.buy .price-tag .now{font-size:38px}.buy .desc{color:var(--ink-2);font-size:15.5px;margin-top:16px;line-height:1.6}.variant-lbl{font-family:var(--font-mono);font-size:12px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-3);margin:26px 0 10px}.variants{display:grid;grid-template-columns:1fr 1fr;gap:12px}.variant{display:flex;flex-direction:column;gap:3px;text-align:left;padding:14px 16px;border-radius:var(--r-md);border:1.5px solid var(--line);background:var(--surface);color:var(--ink);transition:all .15s}.variant:hover{border-color:var(--accent-line)}.variant.active{border-color:var(--accent);background:var(--accent-soft)}.variant .cap{font-weight:700;font-size:16px}.variant .sub{font-size:12.5px;color:var(--ink-3)}.variant .vprice{font-family:var(--font-mono);font-weight:700;font-size:14px;color:var(--accent-ink);margin-top:4px}.buy-actions{display:flex;gap:12px;margin-top:22px}.qty{display:flex;align-items:center;border:1.5px solid var(--line);border-radius:var(--r-md);overflow:hidden}.qty button{width:44px;height:100%;background:var(--surface);border:0;color:var(--ink-2);font-size:18px}.qty button:hover{background:var(--surface-2);color:var(--ink)}.qty span{width:42px;text-align:center;font-family:var(--font-mono);font-weight:700}.buy-actions .btn-primary{flex:1}.buy-meta{display:flex;gap:18px;flex-wrap:wrap;margin-top:18px;font-size:13px;color:var(--ink-3)}.buy-meta .m{display:flex;align-items:center;gap:7px}.buy-meta .m .ic{color:var(--good);font-family:var(--font-mono);font-weight:700}.pay-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:20px;padding-top:20px;border-top:1px solid var(--line)}.pay-row .pay{height:24px;padding:0 8px;min-width:38px;border-radius:5px;background:var(--surface-hi);border:1px solid var(--line);display:grid;place-items:center;font-family:var(--font-mono);font-size:9.5px;font-weight:700;color:var(--ink-2);letter-spacing:.02em}.stock-note{display:flex;align-items:center;gap:9px;margin-top:18px;font-size:13.5px;color:var(--bad);font-weight:600}.stock-note .pulse{width:8px;height:8px;border-radius:99px;background:var(--bad);animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.4;transform:scale(.7)}}@media (max-width: 880px){.product{grid-template-columns:1fr}}.statband{border-block:1px solid var(--line);background:var(--bg-2)}.stat-grid{display:grid;grid-template-columns:repeat(4,1fr)}.stat{padding:44px 24px;text-align:center;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat .num{font-family:var(--font-display);font-weight:700;font-size:clamp(30px,4vw,46px);letter-spacing:-.02em;color:var(--ink)}.stat .num .amber{color:var(--accent)}.stat .lbl{font-size:13.5px;color:var(--ink-3);margin-top:6px}@media (max-width: 720px){.stat-grid{grid-template-columns:1fr 1fr}.stat:nth-child(2n){border-right:0}.stat{border-bottom:1px solid var(--line)}}.feature{display:grid;grid-template-columns:1fr 1fr;gap:clamp(36px,6vw,88px);align-items:center}.feature+.feature{margin-top:clamp(64px,9vw,120px)}.feature.flip .feat-media{order:2}.feat-media{border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-lg);position:relative;background:radial-gradient(110% 90% at 50% 10%,color-mix(in oklab,var(--accent) 8%,var(--bg-2)),var(--bg-2))}.feat-media img{width:100%;display:block}.feat-media.contain img{aspect-ratio:4/3;object-fit:contain;padding:8px}.feat-media.cover img{aspect-ratio:4/3;object-fit:cover}.feat-body h3{font-size:clamp(24px,3vw,36px);letter-spacing:-.02em;margin-top:14px;line-height:1.1}.feat-body p{color:var(--ink-2);font-size:16.5px;margin-top:16px;line-height:1.6}.feat-list{list-style:none;padding:0;margin:22px 0 0;display:flex;flex-direction:column;gap:12px}.feat-list li{display:flex;gap:12px;align-items:flex-start;font-size:15px;color:var(--ink-2)}.feat-list li .ck{flex:none;width:22px;height:22px;border-radius:6px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-family:var(--font-mono);font-weight:800;font-size:12px;margin-top:1px}.feat-body .btn{margin-top:28px}@media (max-width: 860px){.feature{grid-template-columns:1fr}.feature.flip .feat-media{order:0}}.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.why-card{padding:30px 26px}.why-card .ic{width:46px;height:46px;border-radius:var(--r-md);background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-family:var(--font-mono);font-weight:800;font-size:20px;border:1px solid var(--accent-line)}.why-card h4{font-size:19px;margin-top:18px;letter-spacing:-.01em}.why-card p{color:var(--ink-3);font-size:14.5px;margin-top:10px;line-height:1.55}@media (max-width: 900px){.why-grid{grid-template-columns:1fr 1fr}}@media (max-width: 600px){.why-grid{grid-template-columns:1fr}}.compat{background:var(--bg-2);border-block:1px solid var(--line)}.compat-wrap{display:grid;grid-template-columns:.9fr 1.1fr;gap:clamp(32px,5vw,72px);align-items:start}.compat-list{display:flex;flex-direction:column;gap:22px}.perf-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:11px}.perf-top .sys{font-family:var(--font-display);font-weight:600;font-size:16px;min-width:0}.perf-top .tag{flex:none;white-space:nowrap;font-family:var(--font-mono);font-size:11.5px;font-weight:600;padding:3px 9px;border-radius:var(--r-pill)}.perf-track{height:9px;border-radius:99px;background:var(--surface-hi);overflow:hidden;border:1px solid var(--line)}.perf-fill{height:100%;border-radius:99px;transform-origin:left}.perf-fill.good{background:linear-gradient(90deg,var(--good),color-mix(in oklab,var(--good) 70%,#fff))}.perf-fill.warn{background:linear-gradient(90deg,var(--warn),var(--accent))}.tag.good{background:var(--good-soft);color:var(--good)}.tag.warn{background:color-mix(in oklab,var(--warn) 18%,transparent);color:var(--warn)}[data-theme=light] .tag.good{color:oklch(.5 .13 155)}@media (max-width: 820px){.compat-wrap{grid-template-columns:1fr}}.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.rev-card{overflow:hidden;padding:0;display:flex;flex-direction:column}.rev-card .ph{aspect-ratio:4/3;overflow:hidden}.rev-card .ph img{width:100%;height:100%;object-fit:cover}.rev-card .body{padding:22px 24px 24px}.rev-card .s{color:var(--accent);letter-spacing:1.5px;font-size:14px}.rev-card h4{font-size:18px;margin-top:12px;letter-spacing:-.01em}.rev-card p{color:var(--ink-2);font-size:14.5px;margin-top:10px;line-height:1.6}.rev-card .who{display:flex;align-items:center;gap:9px;margin-top:16px;font-size:13.5px;color:var(--ink-3)}.rev-card .who .v{color:var(--good);font-family:var(--font-mono);font-size:11px;font-weight:700;background:var(--good-soft);padding:2px 7px;border-radius:var(--r-pill)}[data-theme=light] .rev-card .who .v{color:oklch(.5 .13 155)}.rev-summary{display:flex;align-items:center;justify-content:center;gap:16px;margin-top:36px;flex-wrap:wrap}.rev-summary .big{font-family:var(--font-display);font-weight:700;font-size:30px}.rev-summary .stars{color:var(--accent);font-size:22px;letter-spacing:2px}@media (max-width: 860px){.rev-grid{grid-template-columns:1fr;max-width:460px;margin-inline:auto}}.box-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}.box-media{border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-lg)}.box-media img{width:100%;aspect-ratio:4/3;object-fit:cover}.box-items{list-style:none;padding:0;margin:24px 0 0;display:flex;flex-direction:column}.box-items li{display:flex;align-items:center;gap:16px;padding:16px 0;border-bottom:1px solid var(--line)}.box-items li:last-child{border-bottom:0}.box-items .n{font-family:var(--font-mono);font-size:13px;color:var(--accent);font-weight:700;width:28px}.box-items .it b{font-size:16px;font-weight:600}.box-items .it span{display:block;font-size:13.5px;color:var(--ink-3);margin-top:2px}@media (max-width: 820px){.box-grid{grid-template-columns:1fr}.box-media{order:-1}}.faq-list{max-width:820px;margin:0 auto;display:flex;flex-direction:column;gap:12px}.faq-item{border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);overflow:hidden;transition:border-color .2s}.faq-item[open]{border-color:var(--accent-line)}.faq-item summary{list-style:none;cursor:pointer;padding:20px 24px;display:flex;align-items:center;justify-content:space-between;gap:16px;font-family:var(--font-display);font-weight:600;font-size:17px}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary .pm{flex:none;width:26px;height:26px;border-radius:7px;background:var(--surface-2);color:var(--ink-2);display:grid;place-items:center;font-size:18px;transition:transform .2s,background .2s,color .2s}.faq-item[open] summary .pm{transform:rotate(45deg);background:var(--accent);color:var(--on-accent)}.faq-item .ans{padding:0 24px 22px;color:var(--ink-2);font-size:15px;line-height:1.65}.finalcta{text-align:center;position:relative;isolation:isolate;overflow:hidden}.finalcta .bg{position:absolute;inset:0;z-index:-2}.finalcta .bg img{width:100%;height:100%;object-fit:cover}.finalcta .scrim{position:absolute;inset:0;z-index:-1;background:color-mix(in oklab,var(--bg) 82%,transparent)}.finalcta h2{font-size:clamp(32px,5vw,58px);letter-spacing:-.025em;line-height:1.02;max-width:16em;margin-inline:auto}.finalcta p{color:var(--ink-2);font-size:18px;margin-top:18px}.finalcta .hero-cta{justify-content:center}.lp-footer{border-top:1px solid var(--line);background:var(--bg-2);padding:64px 0 32px}.foot-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px}.foot-brand .brand{margin-bottom:16px}.foot-brand p{color:var(--ink-3);font-size:14px;max-width:30ch;line-height:1.6}.foot-col h5{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);margin-bottom:16px}.foot-col a{display:block;color:var(--ink-3);font-size:14px;padding:5px 0;transition:color .15s}.foot-col a:hover{color:var(--accent)}.foot-bot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);font-size:13px;color:var(--ink-4)}@media (max-width: 820px){.foot-top{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.foot-top{grid-template-columns:1fr}}.sticky-bar{position:fixed;left:0;right:0;bottom:0;z-index:70;background:color-mix(in oklab,var(--bg) 92%,transparent);backdrop-filter:blur(14px);border-top:1px solid var(--line);box-shadow:var(--shadow-lg);transform:translateY(110%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.sticky-bar.show{transform:none}.sticky-bar .row{display:flex;align-items:center;gap:16px;padding:12px 0}.sticky-bar .sb-info{display:flex;flex-direction:column;line-height:1.15}.sticky-bar .sb-info b{font-size:15px}.sticky-bar .sb-info .p{font-family:var(--font-mono);font-size:13px;color:var(--ink-3)}.sticky-bar .sb-info .p .now{color:var(--accent);font-weight:700}.sticky-bar .btn{margin-left:auto}@media (max-width: 520px){.sticky-bar .sb-info b{display:none}}.announce{position:relative;z-index:61;background:linear-gradient(90deg,var(--accent-solid-2),var(--accent-solid));color:var(--on-accent)}.announce .row{display:flex;align-items:center;justify-content:center;gap:18px;padding:9px 0;flex-wrap:wrap;text-align:center}.announce .tag{font-family:var(--font-display);font-weight:700;font-size:14px;letter-spacing:.01em;display:inline-flex;align-items:center;gap:7px}.announce .msg{font-size:13px;opacity:.92}.announce .cd{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono)}.announce .cd .lbl{font-size:11px;text-transform:uppercase;letter-spacing:.1em;opacity:.85}.announce .cd b{background:#00000038;border-radius:6px;padding:3px 7px;font-weight:700;font-size:13px;min-width:26px;text-align:center;display:inline-block}.announce .cd .sep{font-weight:700;opacity:.7}@media (max-width: 640px){.announce .msg{display:none}}.lang-switch{display:inline-flex;border:1px solid var(--line);border-radius:var(--r-pill);overflow:hidden;background:var(--surface)}.lang-switch button{padding:6px 11px;border:0;background:transparent;color:var(--ink-3);font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.03em;transition:color .15s,background .15s}.lang-switch button:hover{color:var(--ink)}.lang-switch button.active{background:var(--accent-soft);color:var(--accent-ink)}@media (max-width: 1040px){.hd-rating{display:none}}.swatches{display:flex;gap:12px;flex-wrap:wrap}.swatch{width:40px;height:40px;border-radius:50%;border:2px solid var(--line-2);padding:0;position:relative;cursor:pointer;transition:transform .14s,border-color .14s}.swatch:hover{transform:scale(1.08)}.swatch.active{border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.swatch.active:after{content:"✓";position:absolute;inset:0;display:grid;place-items:center;color:#fff;font-size:14px;font-weight:800;text-shadow:0 1px 3px rgba(0,0,0,.6)}.swatch-name{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-2)}.swatch-name b{color:var(--ink)}.orig{background:var(--bg-2);border-block:1px solid var(--line)}.orig-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:8px}.orig-card{padding:26px 24px}.orig-card .ic{width:44px;height:44px;border-radius:var(--r-md);background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);display:grid;place-items:center;font-family:var(--font-mono);font-weight:800;font-size:18px}.orig-card h4{font-size:17px;margin-top:16px;letter-spacing:-.01em}.orig-card p{color:var(--ink-3);font-size:14px;margin-top:9px;line-height:1.55}.orig-card .by{font-family:var(--font-mono);font-size:11px;color:var(--accent);margin-top:10px;letter-spacing:.04em}@media (max-width: 900px){.orig-grid{grid-template-columns:1fr 1fr}}@media (max-width: 520px){.orig-grid{grid-template-columns:1fr}}.pack-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}.pack-card{display:flex;flex-direction:column;padding:0;overflow:hidden;position:relative;transition:transform .18s,box-shadow .18s,border-color .18s}.pack-card.feat{border-color:var(--accent);box-shadow:0 24px 60px -28px var(--accent-line)}.pack-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.pack-ribbon{position:absolute;top:16px;right:-34px;transform:rotate(45deg);background:var(--accent-solid);color:var(--on-accent);font-family:var(--font-mono);font-size:11px;font-weight:700;padding:4px 42px;letter-spacing:.06em}.pack-head{padding:26px 26px 0}.pack-head .name{font-family:var(--font-display);font-weight:700;font-size:22px;letter-spacing:-.01em}.pack-head .save{display:inline-block;margin-top:8px;font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--good);background:var(--good-soft);padding:3px 10px;border-radius:var(--r-pill)}[data-theme=light] .pack-head .save{color:oklch(.5 .13 155)}.pack-media{margin:18px 26px 0;border-radius:var(--r-md);overflow:hidden;aspect-ratio:16/10;background:radial-gradient(110% 90% at 50% 0%,color-mix(in oklab,var(--accent) 10%,var(--bg-2)),var(--bg-2));border:1px solid var(--line)}.pack-media img{width:100%;height:100%;object-fit:cover}.pack-incl{list-style:none;padding:20px 26px 0;margin:0;flex:1;display:flex;flex-direction:column;gap:11px}.pack-incl li{display:flex;align-items:flex-start;gap:10px;font-size:14px;color:var(--ink-2)}.pack-incl li .ck{flex:none;width:19px;height:19px;border-radius:5px;background:var(--accent-soft);color:var(--accent);display:grid;place-items:center;font-family:var(--font-mono);font-weight:800;font-size:11px;margin-top:1px}.pack-incl li.gift{color:var(--good);font-weight:600}.pack-incl li.gift .ck{background:var(--good-soft);color:var(--good)}[data-theme=light] .pack-incl li.gift,[data-theme=light] .pack-incl li.gift .ck{color:oklch(.5 .13 155)}.pack-incl li.gift s{color:var(--ink-4);font-weight:400;margin-left:4px}.pack-foot{padding:20px 26px 26px;margin-top:8px}.pack-price{display:flex;align-items:baseline;gap:9px;margin-bottom:14px}.pack-price .now{font-family:var(--font-mono);font-weight:700;font-size:26px;color:var(--ink)}.pack-price .was{font-family:var(--font-mono);font-size:14px;color:var(--ink-4);text-decoration:line-through}.pack-foot .btn{width:100%}@media (max-width: 900px){.pack-grid{grid-template-columns:1fr;max-width:460px;margin-inline:auto}}.addon-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.addon-card{display:flex;align-items:center;gap:16px;padding:16px;cursor:pointer;transition:border-color .15s,background .15s}.addon-card:hover{border-color:var(--accent-line)}.addon-card.sel{border-color:var(--accent);background:var(--accent-soft)}.addon-ico{flex:none;width:50px;height:50px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center;font-size:22px}.addon-card .info{flex:1;min-width:0}.addon-card .info b{font-size:15px;display:block}.addon-card .info span{font-size:12.5px;color:var(--ink-3)}.addon-card .ap{font-family:var(--font-mono);font-weight:700;font-size:14px;color:var(--accent-ink)}.addon-check{flex:none;width:24px;height:24px;border-radius:7px;border:1.5px solid var(--line-2);display:grid;place-items:center;color:transparent;font-weight:800;transition:all .15s}.addon-card.sel .addon-check{background:var(--accent);border-color:var(--accent);color:var(--on-accent)}.combo-bar{display:flex;align-items:center;gap:18px;margin-top:26px;padding:18px 22px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--accent-line);flex-wrap:wrap}.combo-bar .ct{font-size:14px;color:var(--ink-2)}.combo-bar .ct b{color:var(--ink)}.combo-bar .total{font-family:var(--font-mono);font-weight:700;font-size:24px;color:var(--accent);margin-left:auto}@media (max-width: 860px){.addon-grid{grid-template-columns:1fr}.combo-bar .total{margin-left:0}}.cons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.cons-chip{display:flex;flex-direction:column;gap:3px;padding:16px 18px;border-radius:var(--r-md);background:var(--surface);border:1px solid var(--line);transition:transform .15s,border-color .15s}.cons-chip:hover{transform:translateY(-2px);border-color:var(--accent-line)}.cons-chip .cn{font-family:var(--font-display);font-weight:600;font-size:15px}.cons-chip .cg{font-family:var(--font-mono);font-size:11px;color:var(--ink-4)}.games-note{margin-top:26px;display:flex;gap:12px;flex-wrap:wrap}.game-pill{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-2);background:var(--surface-2);border:1px solid var(--line);padding:7px 13px;border-radius:var(--r-pill)}.game-pill .acc{color:var(--accent)}.community{background:var(--bg-2);border-block:1px solid var(--line)}.comm-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(32px,5vw,72px);align-items:center}.comm-stats{display:flex;gap:30px;margin-top:24px;flex-wrap:wrap}.comm-stats .cs b{font-family:var(--font-display);font-weight:700;font-size:28px;display:block}.comm-stats .cs span{font-size:13px;color:var(--ink-3)}.comm-links{display:flex;flex-direction:column;gap:12px}.comm-link{display:flex;align-items:center;gap:16px;padding:18px 20px}.comm-link .ci{flex:none;width:46px;height:46px;border-radius:var(--r-md);background:var(--accent-soft);border:1px solid var(--accent-line);display:grid;place-items:center;font-size:22px}.comm-link .cl{flex:1}.comm-link .cl b{font-size:15.5px;display:block}.comm-link .cl span{font-size:13px;color:var(--ink-3)}.comm-link .arr{color:var(--ink-4);font-size:18px;transition:transform .15s,color .15s}.comm-link:hover .arr{transform:translate(4px);color:var(--accent)}@media (max-width: 820px){.comm-grid{grid-template-columns:1fr}}.waitlist{text-align:center}.wl-form{display:flex;gap:12px;max-width:480px;margin:28px auto 0;flex-wrap:wrap}.wl-form input{flex:1;min-width:220px;font-family:var(--font-body);font-size:15px;padding:14px 18px;border-radius:var(--r-md);border:1.5px solid var(--line-2);background:var(--surface);color:var(--ink)}.wl-form input:focus{outline:none;border-color:var(--accent)}.wl-ok{margin-top:18px;font-size:14px;color:var(--good);font-weight:600;display:none}.wl-ok.show{display:block}[data-theme=light] .wl-ok{color:oklch(.5 .13 155)}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;max-width:720px;margin:30px auto 0}.contact-card{display:flex;align-items:center;gap:16px;padding:22px 24px;text-align:left}.contact-card .ci{flex:none;width:50px;height:50px;border-radius:var(--r-md);display:grid;place-items:center;font-size:24px;color:#fff}.contact-card .ci.wa{background:#25d366}.contact-card .ci.em{background:var(--accent-solid)}.contact-card .cc b{font-size:16px;display:block}.contact-card .cc span{font-size:13.5px;color:var(--ink-3)}.contact-card .arr{margin-left:auto;color:var(--ink-4);font-size:18px}.contact-card:hover .arr{color:var(--accent)}@media (max-width: 560px){.contact-grid{grid-template-columns:1fr}}.svgi{width:1em;height:1em;display:inline-block;vertical-align:-.14em;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round;flex:none}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}.why-card .ic .svgi,.orig-card .ic .svgi,.comm-link .ci .svgi,.addon-ico .svgi,.contact-card .ci .svgi,.osx-ic .svgi{width:1em;height:1em}.product{align-items:start}@media (min-width: 881px){.gallery{position:sticky;top:88px}}.gallery .color-note{font-family:var(--font-mono);font-size:11px;color:var(--ink-4);margin-top:10px;text-align:center}.step-lbl{font-family:var(--font-mono);font-size:12px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin:26px 0 12px}.variants{grid-template-columns:repeat(3,1fr)}@media (max-width: 480px){.variants{grid-template-columns:1fr}}.os-choice{display:grid;grid-template-columns:1fr 1fr;gap:12px}.os-card{text-align:left;padding:16px;border:1.5px solid var(--line);border-radius:var(--r-md);background:var(--surface);color:var(--ink);cursor:pointer;transition:all .15s}.os-card:hover{border-color:var(--accent-line)}.os-card.active{border-color:var(--accent);background:var(--accent-soft)}.os-card .os-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.os-card .os-name{font-weight:700;font-size:14.5px}.os-card .os-tag{font-family:var(--font-mono);font-size:10px;font-weight:700;padding:2px 7px;border-radius:var(--r-pill);background:var(--surface-hi);color:var(--ink-3);white-space:nowrap}.os-card[data-os=dark] .os-tag{background:var(--accent-soft);color:var(--accent-ink)}.os-card .os-price{font-family:var(--font-mono);font-weight:700;font-size:13px;color:var(--accent-ink);margin-top:7px}.os-card ul{list-style:none;padding:0;margin:11px 0 0;display:flex;flex-direction:column;gap:6px}.os-card li{font-size:12px;color:var(--ink-3);display:flex;gap:7px;align-items:flex-start}.os-card li .svgi{color:var(--accent);margin-top:1px;font-size:13px}@media (max-width: 420px){.os-choice{grid-template-columns:1fr}}.acc-list{display:flex;flex-direction:column;gap:10px}.summary{margin-top:26px;border:1px solid var(--accent-line);border-radius:var(--r-lg);background:var(--surface);padding:18px 20px}.summary .sum-h{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}.sum-line{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:13.5px;color:var(--ink-2);padding:6px 0}.sum-line span{display:flex;align-items:center;gap:8px;min-width:0}.sum-line span .svgi{color:var(--accent);font-size:14px}.sum-line b{font-family:var(--font-mono);white-space:nowrap;color:var(--ink)}.sum-line.gift b,.sum-line.gift span .svgi,.sum-line.disc b{color:var(--good)}[data-theme=light] .sum-line.gift b,[data-theme=light] .sum-line.disc b{color:oklch(.5 .13 155)}.sum-total{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:12px;padding-top:14px;border-top:1px solid var(--line)}.sum-total .l{font-weight:700;font-size:15px}.sum-total .v{font-family:var(--font-mono);font-weight:700;font-size:28px;color:var(--accent);white-space:nowrap}.buy .cta-add{width:100%;margin-top:16px}.preset-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.preset-card{display:flex;flex-direction:column;padding:24px;position:relative;transition:transform .18s,box-shadow .18s,border-color .18s}.preset-card.feat{border-color:var(--accent);box-shadow:0 24px 60px -30px var(--accent-line)}.preset-card.chosen{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent-soft)}.preset-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-md)}.preset-ribbon{position:absolute;top:16px;right:16px;background:var(--accent-solid);color:var(--on-accent);font-family:var(--font-mono);font-size:10px;font-weight:700;padding:3px 9px;border-radius:var(--r-pill);letter-spacing:.05em}.preset-name{font-family:var(--font-display);font-weight:700;font-size:21px;letter-spacing:-.01em}.preset-desc{color:var(--ink-3);font-size:13.5px;margin-top:6px;min-height:36px}.preset-save{display:inline-block;margin-top:12px;font-family:var(--font-mono);font-size:12px;font-weight:700;color:var(--good);background:var(--good-soft);padding:3px 10px;border-radius:var(--r-pill);white-space:nowrap}[data-theme=light] .preset-save{color:oklch(.5 .13 155)}.preset-incl{list-style:none;padding:0;margin:16px 0 0;flex:1;display:flex;flex-direction:column;gap:9px}.preset-incl li{display:flex;gap:9px;align-items:flex-start;font-size:13.5px;color:var(--ink-2)}.preset-incl li .svgi{flex:none;color:var(--accent);margin-top:2px;font-size:15px}.preset-incl li.gift,.preset-incl li.gift .svgi{color:var(--good)}[data-theme=light] .preset-incl li.gift{color:oklch(.5 .13 155)}.preset-foot{margin-top:18px}.preset-price{display:flex;align-items:baseline;gap:8px;margin-bottom:12px;flex-wrap:wrap}.preset-price .from{font-size:12px;color:var(--ink-4)}.preset-price .now{font-family:var(--font-mono);font-weight:700;font-size:24px;color:var(--ink);white-space:nowrap}.preset-foot .btn{width:100%}@media (max-width: 900px){.preset-grid{grid-template-columns:1fr;max-width:460px;margin-inline:auto}}.boyhom{display:inline-flex;align-items:center}.boyhom img{height:34px;width:auto}.logo-boyhom-w{display:inline-block}.logo-boyhom-b,[data-theme=light] .logo-boyhom-w{display:none}[data-theme=light] .logo-boyhom-b{display:inline-block}.orig-head{display:flex;align-items:center;gap:20px;flex-wrap:wrap;justify-content:center;margin-bottom:14px}.cmp-wrap{max-width:900px;margin:8px auto 0;overflow-x:auto}.cmp-table{width:100%;border-collapse:separate;border-spacing:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface);min-width:520px}.cmp-table th,.cmp-table td{padding:14px 18px;text-align:left;font-size:14px;border-bottom:1px solid var(--line)}.cmp-table thead th{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);background:var(--bg-2)}.cmp-table thead th.orig-col{color:var(--accent)}.cmp-table tbody tr:last-child td{border-bottom:0}.cmp-table td:first-child{font-weight:600;color:var(--ink);width:26%}.cmp-table td.orig-col{color:var(--ink);background:color-mix(in oklab,var(--accent) 5%,transparent)}.cmp-cell{display:flex;align-items:center;gap:9px}.cmp-cell .svgi{font-size:15px}.cmp-cell .svgi.bad{color:var(--bad)}.cmp-cell .svgi.ok{color:var(--good)}[data-theme=light] .cmp-cell .svgi.ok{color:oklch(.5 .13 155)}.osx-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}.osx-card{padding:30px 28px}.osx-card.reco{border-color:var(--accent);box-shadow:0 20px 50px -30px var(--accent-line)}.osx-top{display:flex;align-items:center;gap:12px}.osx-ic{width:44px;height:44px;border-radius:var(--r-md);background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);display:grid;place-items:center;font-size:20px}.osx-card h3{font-size:21px;letter-spacing:-.01em}.osx-tag{margin-left:auto;font-family:var(--font-mono);font-size:10.5px;font-weight:700;padding:3px 9px;border-radius:var(--r-pill);background:var(--surface-hi);color:var(--ink-3);white-space:nowrap}.osx-card.reco .osx-tag{background:var(--accent-soft);color:var(--accent-ink)}.osx-card ul{list-style:none;padding:0;margin:18px 0 0;display:flex;flex-direction:column;gap:12px}.osx-card li{display:flex;gap:11px;align-items:flex-start;font-size:14.5px;color:var(--ink-2)}.osx-card li .svgi{flex:none;color:var(--accent);margin-top:2px;font-size:16px}.os-hint{text-align:center;margin-top:22px;font-family:var(--font-mono);font-size:13px;color:var(--accent)}@media (max-width: 760px){.osx-grid{grid-template-columns:1fr}}.pm{display:grid;grid-template-columns:1fr 1fr;gap:clamp(32px,5vw,72px);align-items:center}.pm-body h3{font-size:clamp(24px,3vw,34px);margin-top:14px;letter-spacing:-.02em;line-height:1.1}.pm-body p{color:var(--ink-2);font-size:16px;margin-top:16px;line-height:1.6}.pm-body p strong{color:var(--ink);font-weight:600}.pm-note{margin-top:18px;font-family:var(--font-mono);font-size:12.5px;color:var(--accent)}.pm-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.pm-media{border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-lg)}.pm-media img{width:100%;aspect-ratio:4/3;object-fit:cover}@media (max-width: 760px){.pm{grid-template-columns:1fr}}.lead{text-align:center}.lead-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:12px;max-width:860px;margin:28px auto 0}.lead-form input{font-family:var(--font-body);font-size:15px;padding:14px 16px;border-radius:var(--r-md);border:1.5px solid var(--line-2);background:var(--surface);color:var(--ink);width:100%}.lead-form input:focus{outline:none;border-color:var(--accent)}.lead-form .btn{white-space:nowrap}.lead-form .lead-consent{grid-column:1 / -1}.lead-ok{margin-top:16px;font-size:14px;color:var(--good);font-weight:600;display:none}.lead-ok.show{display:block}[data-theme=light] .lead-ok{color:oklch(.5 .13 155)}.lead-or{margin-top:24px;font-size:14px;color:var(--ink-3);display:flex;align-items:center;justify-content:center;gap:12px;flex-wrap:wrap}.lead-wa{display:inline-flex;align-items:center;gap:9px;font-weight:700;color:#fff;background:#25d366;padding:10px 18px;border-radius:var(--r-pill)}.lead-wa .svgi{font-size:18px}@media (max-width: 760px){.lead-form{grid-template-columns:1fr}}.wa-float{position:fixed;right:20px;bottom:90px;z-index:75;display:inline-flex;align-items:center;height:58px;background:#25d366;color:#fff;font-weight:700;border-radius:var(--r-pill);box-shadow:var(--shadow-lg);transition:transform .2s;overflow:hidden}.wa-float:hover{transform:translateY(-2px)}.wa-float .ic-wrap{width:58px;height:58px;display:grid;place-items:center;flex:none;position:relative;z-index:1}.wa-float .ic-wrap .svgi{font-size:28px}.wa-float .lbl{max-width:0;opacity:0;white-space:nowrap;overflow:hidden;font-size:14px;transition:max-width .38s cubic-bezier(.2,.8,.2,1),opacity .25s,padding .38s}.wa-float:hover .lbl,.wa-float:focus-visible .lbl{max-width:260px;opacity:1;padding-right:22px}.wa-float:before{content:"";position:absolute;inset:0;border-radius:var(--r-pill);box-shadow:0 0 #25d36680;animation:waPulse 2.6s infinite}@keyframes waPulse{0%{box-shadow:0 0 #25d36673}70%{box-shadow:0 0 0 16px #25d36600}to{box-shadow:0 0 #25d36600}}@media (prefers-reduced-motion: reduce){.wa-float:before{animation:none}}@media (max-width: 600px){.wa-float{bottom:82px}}.preset-grid{grid-template-columns:repeat(4,1fr);gap:16px}@media (max-width: 1080px){.preset-grid{grid-template-columns:1fr 1fr;max-width:760px;margin-inline:auto}}@media (max-width: 560px){.preset-grid{grid-template-columns:1fr;max-width:420px}}.preset-card{padding:22px}.preset-ico{width:44px;height:44px;border-radius:var(--r-md);background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);display:grid;place-items:center;font-size:20px;margin-bottom:14px}.build-aside{margin-top:16px;padding:20px 22px}.build-aside .bh{font-family:var(--font-mono);font-size:11px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);margin-bottom:14px}.build-aside ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:12px}.build-aside li{display:flex;gap:11px;align-items:center;font-size:14px;color:var(--ink-2)}.build-aside li .svgi{color:var(--good);font-size:16px;flex:none}[data-theme=light] .build-aside li .svgi{color:oklch(.5 .13 155)}@media (max-width: 880px){.build-aside{display:none}}.oss{background:var(--bg-2);border-block:1px solid var(--line)}.oss-grid{display:grid;grid-template-columns:1fr 1fr;gap:clamp(28px,5vw,64px);align-items:center}.oss-badge{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--accent);background:var(--accent-soft);border:1px solid var(--accent-line);padding:5px 12px;border-radius:var(--r-pill)}.oss-badge .dot{background:var(--accent);animation:pulse 1.6s ease-in-out infinite}.oss h2{font-size:clamp(28px,4vw,44px);letter-spacing:-.02em;margin-top:16px;line-height:1.06}.oss .oss-p{color:var(--ink-2);font-size:16.5px;margin-top:16px;line-height:1.6}.oss-feats{display:grid;grid-template-columns:1fr 1fr;gap:14px}.oss-feat{padding:20px}.oss-feat .ic{width:42px;height:42px;border-radius:var(--r-md);background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);display:grid;place-items:center;font-size:19px}.oss-feat h4{font-size:15.5px;margin-top:14px;letter-spacing:-.01em}.oss-feat p{font-size:12.5px;color:var(--ink-3);margin-top:7px;line-height:1.5}@media (max-width: 780px){.oss-grid{grid-template-columns:1fr}}@media (max-width: 460px){.oss-feats{grid-template-columns:1fr}}.vid-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;max-width:860px;margin:0 auto}.vid-card{border-radius:var(--r-xl);overflow:hidden;border:1px solid var(--line);box-shadow:var(--shadow-lg);background:#000;aspect-ratio:9/16;position:relative}.vid-card video{width:100%;height:100%;object-fit:cover;display:block}.vid-card .vtag{position:absolute;left:12px;bottom:12px;z-index:1;font-family:var(--font-mono);font-size:11px;font-weight:600;color:#fff;background:#00000073;backdrop-filter:blur(4px);padding:4px 10px;border-radius:var(--r-pill)}@media (max-width: 680px){.vid-grid{grid-template-columns:1fr 1fr;max-width:440px}}@media (max-width: 430px){.vid-grid{grid-template-columns:1fr;max-width:280px}}.cookie-banner{position:fixed;left:20px;bottom:20px;z-index:90;width:min(440px,calc(100% - 40px));background:color-mix(in oklab,var(--bg) 92%,transparent);backdrop-filter:blur(16px) saturate(1.3);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:22px 22px 20px;transform:translateY(140%);opacity:0;visibility:hidden;transition:transform .42s cubic-bezier(.2,.7,.2,1),opacity .3s,visibility .42s}.cookie-banner.show{transform:translateY(0);opacity:1;visibility:visible}.cookie-banner .ck-head{display:flex;align-items:center;gap:11px}.cookie-banner .ck-ico{flex:none;width:36px;height:36px;border-radius:var(--r-md);background:var(--accent-soft);border:1px solid var(--accent-line);color:var(--accent);display:grid;place-items:center}.cookie-banner .ck-ico .svgi{width:19px;height:19px}.cookie-banner h4{font-size:16px;letter-spacing:-.01em}.cookie-banner .ck-text{font-size:13px;color:var(--ink-3);line-height:1.55;margin-top:12px}.cookie-banner .ck-text strong{color:var(--ink-2);font-weight:600}.cookie-banner .ck-text a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.cookie-banner .ck-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}.cookie-banner .ck-actions .btn{padding:11px 18px;font-size:14px}.cookie-banner .ck-actions .btn-primary{flex:1 1 auto}.ck-link{background:none;border:0;padding:0;cursor:pointer;font-family:var(--font-mono);font-size:12px;letter-spacing:.03em;color:var(--ink-3);text-decoration:underline;text-underline-offset:3px;margin-top:14px;display:inline-flex}.ck-link:hover{color:var(--ink)}.ck-prefs{display:none;margin-top:16px;border-top:1px solid var(--line);padding-top:8px}.cookie-banner.config .ck-prefs{display:block}.ck-cat{display:flex;gap:14px;align-items:flex-start;padding:13px 0;border-bottom:1px solid var(--line)}.ck-cat:last-child{border-bottom:0}.ck-cat .cc-body{flex:1}.ck-cat .cc-name{font-size:13.5px;font-weight:600;color:var(--ink)}.ck-cat .cc-desc{font-size:12px;color:var(--ink-3);line-height:1.5;margin-top:4px}.ck-cat .cc-always{font-family:var(--font-mono);font-size:11px;color:var(--good);white-space:nowrap;padding-top:2px}.ck-switch{flex:none;position:relative;width:40px;height:23px}.ck-switch input{position:absolute;opacity:0;width:100%;height:100%;margin:0;cursor:pointer}.ck-switch .track{position:absolute;inset:0;border-radius:99px;background:var(--surface-2);border:1px solid var(--line);transition:background .18s,border-color .18s}.ck-switch .track:after{content:"";position:absolute;top:2px;left:2px;width:17px;height:17px;border-radius:99px;background:var(--ink-3);transition:transform .18s,background .18s}.ck-switch input:checked+.track{background:var(--accent-soft);border-color:var(--accent)}.ck-switch input:checked+.track:after{transform:translate(17px);background:var(--accent)}@media (max-width: 520px){.cookie-banner{left:12px;right:12px;bottom:12px;width:auto;padding:18px}}.lead-consent{display:flex;gap:11px;align-items:flex-start;text-align:left;max-width:520px;margin:16px auto 0;font-size:13px;color:var(--ink-3);line-height:1.5}.lead-consent input{flex:none;width:18px;height:18px;margin-top:1px;accent-color:var(--accent);cursor:pointer}.lead-consent label{cursor:pointer}.lead-consent a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.foot-legal-note{font-size:12.5px;color:var(--ink-3);line-height:1.6;border-top:1px solid var(--line);margin-top:28px;padding-top:22px;display:flex;align-items:flex-start;gap:10px}.foot-legal-note .svgi{flex:none;width:16px;height:16px;color:var(--ink-3);margin-top:2px}.foot-col button.foot-linkbtn{background:none;border:0;padding:0;cursor:pointer;text-align:left;font:inherit;color:var(--ink-3);transition:color .15s}.foot-col button.foot-linkbtn:hover{color:var(--ink)}.lp-lead-form{margin-top:24px;display:flex;flex-direction:column;gap:14px}.lp-lead-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}@media (max-width: 720px){.lp-lead-grid{grid-template-columns:1fr}}.lp-field{display:flex;flex-direction:column;gap:6px}.lp-field--full{grid-column:1 / -1}.lp-field__label{font-size:13px;font-weight:600;color:var(--ink-2, #2a2a36);display:inline-flex;gap:4px}.lp-field__req{color:var(--bad, #d11)}.lp-field input{height:46px;border:1px solid var(--line, #d9d9e3);border-radius:12px;padding:0 14px;font-size:15px;background:var(--surface, #fff);color:var(--ink, #18181c);transition:border-color .15s ease,box-shadow .15s ease;width:100%}.lp-field input:focus{outline:none;border-color:var(--accent, #f0b429);box-shadow:0 0 0 3px #f0b4292e}.lp-field--error input{border-color:var(--bad, #d11);box-shadow:0 0 0 3px #dd11111f}.lp-field__msg{font-size:12.5px;color:var(--ink-3, #5a5a66)}.lp-field__msg--err{color:var(--bad, #d11)}.lp-lead-consent{display:flex;align-items:flex-start;gap:10px;font-size:13.5px;line-height:1.45;color:var(--ink-2, #2a2a36);cursor:pointer}.lp-lead-consent input[type=checkbox]{margin-top:3px;accent-color:var(--accent, #f0b429);width:18px;height:18px}.lp-lead-msg{font-size:13.5px;padding:10px 12px;border-radius:10px;background:#dd111114;color:var(--bad, #d11)}.lp-lead-submit{width:100%;height:56px;border-radius:14px;font-weight:700;letter-spacing:.01em}.lp-lead-submit[disabled]{opacity:.65;cursor:progress}.lp-lead-ok{margin-top:16px;padding:14px 16px;border-radius:12px;background:#22c55e1a;color:#166534;font-weight:600;text-align:center}.lp-lead-or{margin-top:18px;display:inline-flex;align-items:center;gap:10px;justify-content:center;font-size:14px;color:var(--ink-3, #5a5a66);width:100%}.lp-lead-wa{display:inline-flex;align-items:center;gap:8px;text-decoration:none;color:#25d366;font-weight:700}:root{--font-display: "Space Grotesk", system-ui, sans-serif;--font-body: "IBM Plex Sans", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--accent: oklch(.78 .142 78);--accent-strong: oklch(.72 .15 70);--accent-soft: oklch(.78 .142 78 / .14);--accent-line: oklch(.78 .142 78 / .35);--accent-ink: oklch(.28 .06 72);--accent-solid: oklch(.58 .15 58);--accent-solid-2: oklch(.5 .15 52);--on-accent: #ffffff;--good: oklch(.74 .13 155);--good-soft: oklch(.74 .13 155 / .14);--warn: oklch(.78 .14 60);--bad: oklch(.68 .16 25);--bad-soft: oklch(.68 .16 25 / .13);--info: oklch(.72 .11 245);--info-soft: oklch(.72 .11 245 / .14);--r-xs: 5px;--r-sm: 8px;--r-md: 12px;--r-lg: 18px;--r-xl: 26px;--r-pill: 999px;--s1: 4px;--s2: 8px;--s3: 12px;--s4: 16px;--s5: 24px;--s6: 32px;--s7: 48px;--s8: 64px;--s9: 96px;--ring: 0 0 0 1px var(--line);--maxw: 1320px;--sidebar-w: 270px;--toc-w: 224px;--header-h: 62px}[data-theme=dark]{--bg: oklch(.165 .012 75);--bg-2: oklch(.195 .013 75);--surface: oklch(.215 .014 76);--surface-2: oklch(.245 .015 76);--surface-hi: oklch(.275 .016 77);--line: oklch(1 0 0 / .09);--line-2: oklch(1 0 0 / .14);--ink: oklch(.96 .006 80);--ink-2: oklch(.82 .01 80);--ink-3: oklch(.66 .012 80);--ink-4: oklch(.54 .012 80);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 8px 26px -10px rgba(0, 0, 0, .6);--shadow-lg: 0 28px 64px -22px rgba(0, 0, 0, .72);--grid-dot: oklch(1 0 0 / .045);--accent-ink: oklch(.87 .12 82);--accent-solid: oklch(.6 .16 60);--accent-solid-2: oklch(.52 .16 54);--on-accent: #ffffff;color-scheme:dark}[data-theme=light]{--bg: oklch(.985 .004 85);--bg-2: oklch(.965 .006 85);--surface: oklch(1 0 0);--surface-2: oklch(.975 .005 85);--surface-hi: oklch(.955 .007 85);--line: oklch(.2 .02 80 / .12);--line-2: oklch(.2 .02 80 / .2);--ink: oklch(.26 .02 72);--ink-2: oklch(.4 .02 72);--ink-3: oklch(.52 .018 72);--ink-4: oklch(.62 .016 72);--accent: oklch(.62 .155 62);--accent-strong: oklch(.54 .16 56);--accent-soft: oklch(.62 .155 62 / .13);--accent-line: oklch(.62 .155 62 / .34);--accent-ink: oklch(.4 .13 60);--accent-solid: oklch(.56 .16 56);--accent-solid-2: oklch(.47 .16 50);--on-accent: #ffffff;--shadow-sm: 0 1px 2px rgba(40, 30, 10, .07);--shadow-md: 0 10px 30px -14px rgba(40, 30, 10, .18);--shadow-lg: 0 30px 60px -26px rgba(40, 30, 10, .22);--grid-dot: oklch(.2 .02 80 / .05);color-scheme:light}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--font-body);background:var(--bg);color:var(--ink);line-height:1.62;font-size:15.5px;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;transition:background-color .35s ease}h1,h2,h3,h4,h5{font-family:var(--font-display);font-weight:600;line-height:1.14;letter-spacing:-.01em;margin:0;color:var(--ink)}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer}img{max-width:100%;display:block}::selection{background:var(--accent-soft);color:var(--ink)}:focus-visible{outline:2px solid var(--accent);outline-offset:2px;border-radius:var(--r-xs)}*{scrollbar-width:thin;scrollbar-color:var(--line-2) transparent}*::-webkit-scrollbar{width:10px;height:10px}*::-webkit-scrollbar-thumb{background:var(--line-2);border-radius:99px;border:3px solid transparent;background-clip:content-box}.kicker{font-family:var(--font-mono);font-size:11.5px;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--accent);display:inline-flex;align-items:center;gap:var(--s2)}.kicker:before{content:"";width:16px;height:1.5px;background:var(--accent);display:inline-block}.badge{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11.5px;font-weight:600;letter-spacing:.02em;padding:3px 9px;border-radius:var(--r-pill);background:var(--surface-2);color:var(--ink-2);border:1px solid var(--line);white-space:nowrap}.badge[data-tone=accent]{background:var(--accent-soft);color:var(--accent-ink);border-color:var(--accent-line)}.badge[data-tone=good]{background:var(--good-soft);color:var(--good);border-color:transparent}.badge[data-tone=bad]{background:var(--bad-soft);color:var(--bad);border-color:transparent}.badge[data-tone=info]{background:var(--info-soft);color:var(--info);border-color:transparent}[data-theme=light] .badge[data-tone=good]{color:oklch(.5 .13 155)}[data-theme=light] .badge[data-tone=info]{color:#0f68a2}.dot{width:7px;height:7px;border-radius:99px;background:currentColor;display:inline-block;flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-family:var(--font-body);font-weight:600;font-size:14px;padding:10px 16px;border-radius:var(--r-md);border:1px solid var(--line-2);background:var(--surface);color:var(--ink);transition:all .16s ease;white-space:nowrap}.btn:hover{border-color:var(--accent-line);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.btn:active{transform:translateY(0)}.btn-primary{background:linear-gradient(180deg,var(--accent-solid),var(--accent-solid-2));color:var(--on-accent);border-color:transparent;font-weight:700}.btn-primary:hover{box-shadow:0 8px 22px -8px var(--accent-line)}.btn-ghost{background:transparent;border-color:transparent;color:var(--ink-2)}.btn-ghost:hover{background:var(--surface-2);color:var(--ink);border-color:var(--line)}.btn-sm{padding:7px 12px;font-size:13px;border-radius:var(--r-sm)}.btn-icon{padding:9px;width:38px;height:38px}.card{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);box-shadow:var(--shadow-sm)}.card-pad{padding:var(--s5)}.card-hover{transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.card-hover:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent-line)}.callout{display:flex;gap:var(--s3);padding:var(--s4);border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);border-left:3px solid var(--accent);font-size:14.5px;color:var(--ink-2)}.callout[data-tone=warn]{border-left-color:var(--warn)}.callout[data-tone=bad]{border-left-color:var(--bad)}.callout[data-tone=good]{border-left-color:var(--good)}.callout[data-tone=info]{border-left-color:var(--info)}.callout strong{color:var(--ink)}.callout .callout-ico{flex:none;font-family:var(--font-mono);font-weight:700}.kbd,code.inline{font-family:var(--font-mono);font-size:.86em;background:var(--surface-hi);border:1px solid var(--line);padding:1px 6px;border-radius:var(--r-xs);color:var(--ink)}.codeblock{font-family:var(--font-mono);font-size:13px;line-height:1.7;background:var(--bg-2);border:1px solid var(--line);border-radius:var(--r-md);padding:var(--s4) var(--s4);color:var(--ink-2);overflow-x:auto;position:relative}.imgph{position:relative;overflow:hidden;border-radius:var(--r-md);background:repeating-linear-gradient(135deg,var(--surface-2) 0 11px,var(--surface) 11px 22px);border:1px dashed var(--line-2);display:grid;place-items:center;min-height:120px}.imgph-label{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4);background:var(--surface);padding:4px 10px;border-radius:var(--r-pill);border:1px solid var(--line)}.hr{height:1px;background:var(--line);border:0;margin:var(--s5) 0}.dotgrid{background-image:radial-gradient(var(--grid-dot) 1px,transparent 1px);background-size:22px 22px}.tbl{width:100%;border-collapse:collapse;font-size:14px}.tbl th,.tbl td{text-align:left;padding:11px 14px;border-bottom:1px solid var(--line)}.tbl th{font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-3);font-weight:600}.tbl tbody tr{transition:background .12s}.tbl tbody tr:hover{background:var(--surface-2)}.tbl td .badge{font-size:11px}.muted{color:var(--ink-3)}.mono{font-family:var(--font-mono)}.center{text-align:center}.flex{display:flex}.wrap{flex-wrap:wrap}.items-center{align-items:center}.gap2{gap:var(--s2)}.gap3{gap:var(--s3)}.gap4{gap:var(--s4)}@media (prefers-reduced-motion: reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}#root{min-height:100vh}.app{padding-top:var(--header-h)}.layout{max-width:var(--maxw);margin:0 auto;display:grid;grid-template-columns:var(--sidebar-w) minmax(0,1fr);align-items:start}.hd{position:fixed;top:0;left:0;right:0;height:var(--header-h);z-index:50;background:color-mix(in oklab,var(--bg) 82%,transparent);backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid var(--line)}.hd-inner{max-width:var(--maxw);height:100%;margin:0 auto;display:flex;align-items:center;gap:16px;padding:0 20px}.hd-left{display:flex;align-items:center;gap:12px}.hd-menu{display:none}.logo-badge{font-family:var(--font-display);font-weight:700;letter-spacing:-.02em;display:inline-flex;align-items:center;gap:9px;font-size:16px}.logo-badge .mk{width:30px;height:30px;border-radius:8px;background:linear-gradient(150deg,var(--accent-solid),var(--accent-solid-2));display:grid;place-items:center;color:var(--on-accent);font-weight:800;font-size:15px;box-shadow:var(--shadow-sm);font-family:var(--font-mono)}.hd-divider{width:1px;height:22px;background:var(--line-2)}.hd-device{font-size:12px;font-weight:600;letter-spacing:.12em;color:var(--ink-3);padding:3px 8px;border:1px solid var(--line);border-radius:var(--r-sm)}.hd-search{flex:1;max-width:440px;margin:0 auto;display:flex;align-items:center;gap:10px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);padding:8px 8px 8px 16px;color:var(--ink-3);font-size:14px;font-family:var(--font-body);transition:border-color .15s,background .15s}.hd-search:hover{border-color:var(--accent-line);background:var(--surface)}.hd-search span:first-of-type{flex:1;text-align:left}.hd-kbd{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--ink-3);background:var(--surface);border:1px solid var(--line);border-radius:6px;padding:3px 8px}.hd-right{display:flex;align-items:center;gap:6px}.lang-pop{position:absolute;top:calc(100% + 8px);right:0;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-md);box-shadow:var(--shadow-lg);padding:6px;width:180px;z-index:60}.lang-opt{display:flex;align-items:center;gap:10px;width:100%;padding:9px 10px;border:0;background:transparent;border-radius:var(--r-sm);color:var(--ink-2);font-size:14px;text-align:left}.lang-opt:hover{background:var(--surface-2);color:var(--ink)}.lang-opt.is-active{color:var(--ink)}.lang-opt b{width:22px;font-family:var(--font-mono);font-size:12px;color:var(--accent)}.sb{position:sticky;top:var(--header-h);height:calc(100vh - var(--header-h));overflow-y:auto;padding:22px 14px 22px 20px;display:flex;flex-direction:column}.sb-nav{flex:1}.sb-group{margin-bottom:22px}.sb-group-label{font-family:var(--font-mono);font-size:10.5px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);padding:0 10px;margin-bottom:8px}.sb-item{position:relative;display:flex;align-items:center;gap:11px;width:100%;padding:8px 11px;border:0;background:transparent;border-radius:var(--r-sm);color:var(--ink-2);font-size:14px;font-weight:500;text-align:left;transition:background .13s,color .13s}.sb-item:hover{background:var(--surface-2);color:var(--ink)}.sb-item.is-active{background:var(--accent-soft);color:var(--ink);font-weight:600}.sb-item.is-active svg{color:var(--accent)}.sb-active-bar{position:absolute;left:-20px;top:50%;transform:translateY(-50%);width:3px;height:18px;background:var(--accent);border-radius:0 3px 3px 0}.sb-foot{padding-top:16px}.sb-foot-card{display:flex;align-items:center;gap:10px;padding:12px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md)}.sb-foot-card b{display:block;font-size:13px}.sb-foot-card span{font-size:11.5px;color:var(--ink-3)}.sb-scrim{display:none}.content{min-width:0;padding:0 30px 120px}.page-grid{display:grid;grid-template-columns:minmax(0,1fr) var(--toc-w);gap:44px;align-items:start}.page-main{min-width:0;max-width:760px;padding-top:34px}.page-narrow{max-width:820px;margin:0 auto;padding-top:34px}.crumb{display:flex;align-items:center;gap:8px;font-size:12.5px;color:var(--ink-3);font-family:var(--font-mono);margin-bottom:18px}.crumb a:hover{color:var(--accent)}.page-title{font-size:clamp(30px,4vw,44px);letter-spacing:-.025em;margin-bottom:14px}.page-meta{display:flex;flex-wrap:wrap;gap:14px;align-items:center;font-size:13px;color:var(--ink-3);margin-bottom:8px}.page-meta .dotsep{width:3px;height:3px;border-radius:99px;background:var(--ink-4)}.lead{font-size:18px;line-height:1.6;color:var(--ink-2);margin:18px 0 0}.prose h2{font-size:24px;margin:44px 0 14px;scroll-margin-top:90px;letter-spacing:-.02em}.prose h3{font-size:17px;margin:26px 0 8px}.prose p{margin:0 0 14px;color:var(--ink-2)}.prose ul{margin:0 0 16px;padding-left:4px;list-style:none}.prose ul li{position:relative;padding-left:22px;margin-bottom:8px;color:var(--ink-2)}.prose ul li:before{content:"";position:absolute;left:4px;top:10px;width:6px;height:6px;border-radius:2px;background:var(--accent)}.prose a.link{color:var(--accent);border-bottom:1px solid var(--accent-line)}.prose strong{color:var(--ink)}.toc{position:sticky;top:calc(var(--header-h) + 34px)}.toc-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.14em;text-transform:uppercase;color:var(--ink-4);margin-bottom:12px}.toc-list{list-style:none;margin:0;padding:0;border-left:1px solid var(--line)}.toc-list a{display:block;padding:5px 0 5px 14px;margin-left:-1px;font-size:13px;color:var(--ink-3);border-left:1px solid transparent;transition:color .13s,border-color .13s}.toc-list a:hover{color:var(--ink)}.toc-list a.is-active{color:var(--accent);border-left-color:var(--accent);font-weight:600}.sp-overlay{position:fixed;inset:0;z-index:100;background:color-mix(in oklab,var(--bg) 55%,#000 45%);backdrop-filter:blur(4px);display:flex;justify-content:center;align-items:flex-start;padding-top:12vh;animation:spIn .14s ease}@keyframes spIn{0%{opacity:0}}.sp-modal{width:min(620px,92vw);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:spPop .16s cubic-bezier(.2,.8,.2,1)}@keyframes spPop{0%{transform:translateY(-10px) scale(.98);opacity:0}}.sp-input{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--line)}.sp-input input{flex:1;background:transparent;border:0;outline:0;font-family:var(--font-body);font-size:17px;color:var(--ink)}.sp-input input::placeholder{color:var(--ink-4)}.sp-results{max-height:52vh;overflow-y:auto;padding:8px}.sp-empty{padding:32px;text-align:center;color:var(--ink-3);font-size:14px}.sp-group{margin-bottom:6px}.sp-group-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);padding:8px 10px 5px}.sp-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;background:transparent;border-radius:var(--r-md);color:var(--ink-2);text-align:left;font-size:14.5px}.sp-row.is-sel{background:var(--accent-soft);color:var(--ink)}.sp-ico{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-3);flex:none}.sp-row.is-sel .sp-ico{background:var(--surface);color:var(--accent)}.sp-row-title{font-weight:500}.sp-foot{display:flex;align-items:center;gap:16px;padding:10px 16px;border-top:1px solid var(--line);font-size:12px;color:var(--ink-3)}.sp-foot .kbd{font-size:10.5px;margin-right:2px}.hero{position:relative;padding:52px 0 16px}.hero-grid{display:grid;grid-template-columns:1.25fr .9fr;gap:40px;align-items:center}.hero h1{font-size:clamp(36px,5.2vw,62px);letter-spacing:-.035em;line-height:1.02;margin:16px 0 18px}.hero h1 .am{color:var(--accent)}.hero p{font-size:18px;color:var(--ink-2);max-width:52ch;line-height:1.55}.hero-search{margin-top:26px;display:flex;align-items:center;gap:10px;max-width:460px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-pill);padding:12px 12px 12px 18px;cursor:text;box-shadow:var(--shadow-sm);transition:border-color .15s}.hero-search:hover{border-color:var(--accent-line)}.hero-search span{flex:1;color:var(--ink-3);font-size:15px}.hero-stats{display:flex;gap:26px;margin-top:26px}.hero-stat b{font-family:var(--font-display);font-size:24px;display:block;letter-spacing:-.02em}.hero-stat span{font-size:12px;color:var(--ink-3);font-family:var(--font-mono)}.hero-device{position:relative}.dev-card{background:linear-gradient(160deg,var(--surface-hi),var(--surface));border:1px solid var(--line-2);border-radius:var(--r-xl);padding:22px;box-shadow:var(--shadow-md)}.cardgrid{display:grid;gap:16px}.cg-2{grid-template-columns:repeat(2,1fr)}.cg-3{grid-template-columns:repeat(3,1fr)}.cg-4{grid-template-columns:repeat(4,1fr)}.qtile{display:flex;flex-direction:column;gap:12px;padding:20px;border-radius:var(--r-lg);background:var(--surface);border:1px solid var(--line);cursor:pointer}.qtile-ico{width:42px;height:42px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.qtile h3{font-size:16px;font-family:var(--font-display)}.qtile p{font-size:13.5px;color:var(--ink-3);margin:0}.qtile .qarrow{color:var(--ink-4);transition:transform .16s,color .16s}.qtile:hover .qarrow{transform:translate(4px);color:var(--accent)}.qstep-n{font-family:var(--font-mono);font-size:11px;color:var(--accent);font-weight:700}.sec-head{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:56px 0 20px}.sec-head h2{font-size:26px;letter-spacing:-.02em}.sec-head p{color:var(--ink-3);font-size:14px;margin:6px 0 0}.sec-link{display:inline-flex;align-items:center;gap:6px;color:var(--accent);font-size:13px;font-weight:600}.sec-link:hover{gap:9px}.spec-card{display:grid;grid-template-columns:1fr 1fr;gap:0;border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.spec-row{display:flex;flex-direction:column;gap:2px;padding:14px 18px;border-bottom:1px solid var(--line);border-right:1px solid var(--line)}.spec-row .sk{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-4)}.spec-row .sv{font-size:15px;font-weight:600;color:var(--ink)}.spec-row .sn{font-size:12px;color:var(--ink-3)}.perf-row{display:flex;align-items:center;gap:14px;padding:11px 0;border-bottom:1px solid var(--line)}.perf-sys{flex:1;font-size:14.5px;font-weight:500}.perf-tier{font-family:var(--font-mono);font-size:11px;font-weight:600;padding:3px 10px;border-radius:var(--r-pill)}.tier-perfect{background:var(--good-soft);color:var(--good)}.tier-great{background:var(--accent-soft);color:var(--accent-ink)}.tier-ok{background:var(--info-soft);color:var(--info)}.tier-no{background:var(--bad-soft);color:var(--bad)}[data-theme=light] .tier-perfect{color:oklch(.48 .13 155)}[data-theme=light] .tier-ok{color:#02629c}.guide-banner{display:flex;flex-wrap:wrap;gap:22px;align-items:center;padding:18px 22px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-lg);margin:22px 0 8px}.gb-item{display:flex;flex-direction:column;gap:1px}.gb-item .gk{font-family:var(--font-mono);font-size:10.5px;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-4)}.gb-item .gv{font-size:15px;font-weight:600}.gb-prog{margin-left:auto;display:flex;align-items:center;gap:12px}.gb-ring{--p: 0;width:46px;height:46px;border-radius:50%;background:conic-gradient(var(--accent) calc(var(--p) * 1%),var(--surface-hi) 0);display:grid;place-items:center}.gb-ring i{width:36px;height:36px;border-radius:50%;background:var(--surface);display:grid;place-items:center;font-style:normal;font-family:var(--font-mono);font-size:11px;font-weight:700;white-space:nowrap;letter-spacing:-.02em}.steps{counter-reset:step;margin-top:28px}.step-phase{font-family:var(--font-display);font-size:17px;font-weight:600;color:var(--ink);margin:22px 0 14px;padding:10px 0;border-top:2px solid var(--accent-line);letter-spacing:-.01em}.step-phase:first-child{margin-top:0}.step{display:grid;grid-template-columns:44px 1fr;gap:16px;padding-bottom:26px;position:relative}.step:not(:last-child):before{content:"";position:absolute;left:21px;top:44px;bottom:0;width:2px;background:var(--line)}.step.is-done:not(:last-child):before{background:var(--accent-line)}.step-check{width:44px;height:44px;border-radius:50%;border:2px solid var(--line-2);background:var(--surface);display:grid;place-items:center;cursor:pointer;transition:all .16s;z-index:1;font-family:var(--font-mono);font-weight:700;color:var(--ink-3)}.step-check:hover{border-color:var(--accent)}.step.is-done .step-check{background:var(--accent-solid);border-color:var(--accent-solid);color:var(--on-accent)}.step-body{padding-top:3px}.step-body h3{font-size:17px;font-family:var(--font-display);margin-bottom:5px;transition:color .15s}.step.is-done .step-body h3{color:var(--ink-3);text-decoration:line-through;text-decoration-color:var(--accent-line)}.step-body p{font-size:14.5px;color:var(--ink-2);margin:0 0 10px}.step-img{max-width:280px;margin:8px 0 12px;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line)}.step-img .imgph{border:0;background:var(--surface-2)}.step-share{margin-top:6px}.step-share-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--accent);font-size:12.5px;font-weight:600;padding:3px 0;cursor:pointer}.step-share-btn:hover{text-decoration:underline}.fw-tabs{display:flex;gap:6px;flex-wrap:wrap;margin:20px 0;padding:5px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-pill);width:fit-content}.fw-tab{padding:8px 16px;border:0;background:transparent;border-radius:var(--r-pill);font-size:13.5px;font-weight:600;color:var(--ink-3)}.fw-tab.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.fw-card{border:1px solid var(--line);border-radius:var(--r-lg);padding:22px;background:var(--surface)}.fw-card.is-best{border-color:var(--accent-line);box-shadow:0 0 0 1px var(--accent-line)}.fw-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.fw-head h3{font-size:22px}.fw-base{font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}.fw-cols{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:16px}.fw-col h4{font-size:12px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.06em;margin-bottom:8px}.fw-col.pros h4{color:var(--good)}.fw-col.cons h4{color:var(--bad)}.fw-col li{font-size:13.5px;color:var(--ink-2);padding-left:20px;position:relative;margin-bottom:7px;list-style:none}.fw-col.pros li:before{content:"+";position:absolute;left:4px;color:var(--good);font-weight:700}.fw-col.cons li:before{content:"–";position:absolute;left:4px;color:var(--bad);font-weight:700}.fw-matrix th:not(:first-child),.fw-matrix td:not(:first-child){text-align:center}.fw-matrix td:first-child{font-weight:600}.compat-bar{display:flex;gap:8px;flex-wrap:wrap;margin:20px 0}.chip-filter{padding:7px 14px;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-pill);font-size:13px;font-weight:500;color:var(--ink-2)}.chip-filter.is-active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink);font-weight:600}.compat-search{display:flex;align-items:center;gap:8px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-pill);padding:7px 14px}.compat-search input{border:0;background:transparent;outline:0;font-family:var(--font-body);font-size:13px;color:var(--ink);width:160px}.vs-table{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.vs-head{display:grid;grid-template-columns:1fr 1fr;font-family:var(--font-mono);font-size:11.5px;letter-spacing:.04em;text-transform:uppercase}.vs-head>div{padding:12px 18px;font-weight:600}.vs-head .g{background:var(--good-soft);color:var(--good)}.vs-head .c{background:var(--bad-soft);color:var(--bad)}.vs-row{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line)}.vs-row>div{padding:13px 18px;font-size:13.5px;display:flex;gap:9px;align-items:flex-start}.vs-row>div:first-child{border-right:1px solid var(--line)}.vs-row .ic{flex:none;margin-top:1px}[data-theme=light] .vs-head .g{color:oklch(.46 .13 155)}.acc{border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:10px;overflow:hidden;background:var(--surface)}.acc-q{display:flex;align-items:center;gap:14px;width:100%;padding:16px 18px;border:0;background:transparent;text-align:left;font-size:15px;font-weight:600;color:var(--ink)}.acc-q .acc-cat{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;padding:2px 7px;border-radius:5px;background:var(--surface-hi);color:var(--ink-3);letter-spacing:.04em}.acc-q .chev{margin-left:auto;color:var(--ink-3);transition:transform .2s;flex:none}.acc.open .chev{transform:rotate(90deg)}.acc-a{max-height:0;overflow:hidden;transition:max-height .26s ease}.acc.open .acc-a{max-height:640px}.acc-a-inner{padding:0 18px 18px 50px;font-size:14.5px;color:var(--ink-2)}.ts-steps{margin:0;padding-left:20px;counter-reset:ts;list-style:none}.ts-steps li{position:relative;padding:5px 0 5px 6px;font-size:14px;color:var(--ink-2);counter-increment:ts}.ts-steps li:before{content:counter(ts);position:absolute;left:-20px;top:5px;width:18px;height:18px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-family:var(--font-mono);font-size:11px;font-weight:700;display:grid;place-items:center}.comm-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin:22px 0 36px}.comm-card{display:flex;flex-direction:column;gap:12px;padding:20px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.comm-logo{width:44px;height:44px;border-radius:var(--r-md);display:grid;place-items:center;color:#fff;font-weight:800;font-family:var(--font-mono)}.comm-card h3{font-size:17px}.comm-meta{font-size:12px;color:var(--ink-3);font-family:var(--font-mono)}.forum-toolbar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:16px}.forum-tabs{display:flex;gap:4px}.forum-tab{padding:7px 13px;border:0;background:transparent;border-radius:var(--r-sm);font-size:13px;font-weight:600;color:var(--ink-3)}.forum-tab.is-active{background:var(--surface-2);color:var(--ink)}.forum-tagbar{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 18px}.forum-tagchip{padding:5px 11px;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-pill);font-family:var(--font-mono);font-size:12px;color:var(--ink-3)}.forum-tagchip:hover{border-color:var(--accent-line);color:var(--ink)}.forum-tagchip.is-active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink);font-weight:600}.forum-toolbar{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.forum-toolbar .compat-search input{width:180px}.forum-clear{border:0;background:transparent;color:var(--ink-4);display:grid;place-items:center;cursor:pointer;padding:0}.forum-clear:hover{color:var(--bad)}.forum-count{font-size:12.5px;margin:12px 0}.forum-empty{display:flex;flex-direction:column;align-items:center;gap:8px;text-align:center;padding:40px 20px;border:1px dashed var(--line-2);border-radius:var(--r-lg)}.forum-empty b{font-size:16px}.forum-empty p{font-size:13.5px;max-width:32ch;margin:0 0 6px}.ask-select,.ask-textarea{font-family:var(--font-body);font-size:14.5px;padding:11px 14px;border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface-2);color:var(--ink);width:100%}.ask-select:focus,.ask-textarea:focus{outline:none;border-color:var(--accent);background:var(--surface)}.ask-textarea{resize:vertical}.composer{width:min(620px,95vw);max-height:90vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);animation:popIn .18s ease;overflow:hidden}.composer-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:20px 22px 14px;border-bottom:1px solid var(--line)}.composer-head h2{font-size:20px;letter-spacing:-.02em}.composer-body{padding:18px 22px 0;overflow-y:auto;display:flex;flex-direction:column;gap:16px}.field-hint{font-size:11px;color:var(--ink-4);font-family:var(--font-mono);align-self:flex-end;margin-top:-2px}.tagfield{display:flex;flex-wrap:wrap;gap:6px;align-items:center;padding:8px 10px;border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface-2)}.tagfield:focus-within{border-color:var(--accent);background:var(--surface)}.tagfield input{flex:1;min-width:120px;border:0;background:transparent;outline:0;font-family:var(--font-body);font-size:14px;color:var(--ink)}.tagchip-sel{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:12px;font-weight:600;padding:3px 4px 3px 9px;border-radius:var(--r-pill);background:var(--accent-soft);color:var(--accent-ink)}.tagchip-sel button{border:0;background:transparent;color:inherit;display:grid;place-items:center;cursor:pointer;opacity:.7;padding:0}.tagchip-sel button:hover{opacity:1}.tag-suggest{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.tag-suggest button{font-family:var(--font-mono);font-size:12px;padding:4px 10px;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-pill);color:var(--ink-3);cursor:pointer}.tag-suggest button:hover{border-color:var(--accent-line);color:var(--accent-ink);background:var(--accent-soft)}.composer-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:4px;padding:6px;border:1px solid var(--line-2);border-bottom:0;border-radius:var(--r-md) var(--r-md) 0 0;background:var(--surface-2)}.composer-toolbar button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--ink-2);font-size:13px;padding:6px 9px;border-radius:var(--r-sm);cursor:pointer;font-family:var(--font-body)}.composer-toolbar button:hover{background:var(--surface-hi);color:var(--ink)}.composer-toolbar .composer-prev.on{background:var(--accent-soft);color:var(--accent-ink)}.composer-tb-sep{width:1px;height:20px;background:var(--line-2);margin:0 4px}.composer-toolbar+.ask-textarea,.composer-toolbar+.composer-preview{border-radius:0 0 var(--r-md) var(--r-md);margin-top:-1px}.composer-preview{min-height:120px;padding:12px 14px;border:1px solid var(--line-2);border-radius:0 0 var(--r-md) var(--r-md);background:var(--surface);font-size:14px;color:var(--ink-2);line-height:1.6}.composer-preview code{font-family:var(--font-mono);background:var(--surface-hi);padding:1px 5px;border-radius:4px;font-size:.9em}.composer-preview a{color:var(--accent)}.composer-media{display:flex;flex-wrap:wrap;gap:10px}.composer-media-item{position:relative;width:90px;height:90px;border-radius:var(--r-md);overflow:hidden;border:1px solid var(--line)}.composer-media-item img,.composer-media-item video{width:100%;height:100%;object-fit:cover}.composer-media-item button{position:absolute;top:3px;right:3px;width:20px;height:20px;border-radius:50%;border:0;background:#0009;color:#fff;display:grid;place-items:center;cursor:pointer}.composer-foot{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 0;margin-top:4px;background:var(--surface);border-top:1px solid var(--line)}.thread-clickable{cursor:pointer}.thread-clickable:hover{border-color:var(--accent-line);transform:translateY(-2px)}.tv-head{display:flex;gap:16px;align-items:flex-start;margin-bottom:18px}.tv-meta{display:flex;align-items:center;gap:8px;margin-top:10px;font-size:13px;color:var(--ink-2)}.tv-meta .av{display:grid;place-items:center}.tv-body{font-size:15px;line-height:1.7;color:var(--ink);padding:16px 18px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md)}.tv-body code{font-family:var(--font-mono);background:var(--surface-hi);padding:1px 5px;border-radius:4px;font-size:.9em}.tv-body a{color:var(--accent)}.tv-media{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:10px;margin-top:14px}.tv-media-el{width:100%;border-radius:var(--r-md);border:1px solid var(--line)}.tv-mod{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:16px;padding:12px 14px;border:1px dashed var(--line-2);border-radius:var(--r-md)}.tv-mod-label{display:inline-flex;align-items:center;gap:6px;font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;color:var(--ink-3);margin-right:4px}.thread{display:grid;grid-template-columns:52px 1fr auto;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);margin-bottom:10px;transition:border-color .14s,transform .14s;cursor:pointer}.thread:hover{border-color:var(--accent-line);transform:translateY(-2px)}.thread-votes{display:flex;flex-direction:column;align-items:center;gap:2px;justify-content:center}.thread-votes b{font-size:16px;font-family:var(--font-display)}.thread-votes span{font-size:10px;color:var(--ink-4);font-family:var(--font-mono)}.thread-main h3{font-size:16px;margin-bottom:4px}.thread-main p{font-size:13.5px;color:var(--ink-3);margin:0 0 8px}.thread-tags{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:12px;color:var(--ink-3)}.thread-tag{font-family:var(--font-mono);font-size:11px;color:var(--accent);background:var(--accent-soft);padding:2px 8px;border-radius:5px}.thread-side{display:flex;flex-direction:column;align-items:flex-end;justify-content:center;gap:6px;font-size:12px;color:var(--ink-3)}.av{width:24px;height:24px;border-radius:50%;display:grid;place-items:center;font-size:11px;font-weight:700;color:#1c1404;font-family:var(--font-mono)}.page-foot{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:60px;padding-top:24px;border-top:1px solid var(--line)}.pf-nav{display:flex;gap:12px;flex-wrap:wrap}.pf-link{display:flex;flex-direction:column;gap:2px;padding:12px 18px;border:1px solid var(--line);border-radius:var(--r-md);min-width:160px;transition:border-color .14s}.pf-link:hover{border-color:var(--accent-line)}.pf-link span{font-size:11px;color:var(--ink-4);font-family:var(--font-mono)}.pf-link b{font-size:14px}@media (max-width: 1080px){.page-grid{grid-template-columns:1fr}.toc{display:none}.hero-grid{grid-template-columns:1fr}.hero-device{display:none}.cg-4{grid-template-columns:repeat(2,1fr)}}@media (max-width: 860px){.layout{grid-template-columns:1fr}.hd-menu{display:grid}.sb{position:fixed;top:var(--header-h);left:0;z-index:45;width:280px;background:var(--bg);border-right:1px solid var(--line);transform:translate(-100%);transition:transform .24s ease}.sb.open{transform:translate(0)}.sb-scrim.show{display:block;position:fixed;inset:var(--header-h) 0 0;background:#0006;z-index:44}.content{padding:0 18px 100px}.hd-device,.hd-gh,.logo-text{display:none}.hd-search{margin:0}.comm-cards,.cg-3,.cg-2,.spec-card,.fw-cols{grid-template-columns:1fr}}@media (max-width: 560px){.cg-4,.thread{grid-template-columns:1fr}.thread-votes{flex-direction:row}.hero-stats{flex-wrap:wrap;gap:18px}}@keyframes pageEnter{0%{transform:translateY(10px)}to{transform:none}}@keyframes fadeUp{0%{transform:translateY(12px)}to{transform:none}}@keyframes popIn{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:none}}@keyframes slideInRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes badgePop{0%{transform:scale(0)}60%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes shimmer{to{background-position:200% 0}}.page-enter{animation:pageEnter .42s cubic-bezier(.2,.8,.2,1)}.stagger>*{animation:fadeUp .5s cubic-bezier(.2,.8,.2,1) both}.stagger>*:nth-child(1){animation-delay:.02s}.stagger>*:nth-child(2){animation-delay:.06s}.stagger>*:nth-child(3){animation-delay:.1s}.stagger>*:nth-child(4){animation-delay:.14s}.stagger>*:nth-child(5){animation-delay:.18s}.stagger>*:nth-child(6){animation-delay:.22s}.stagger>*:nth-child(7){animation-delay:.26s}.stagger>*:nth-child(8){animation-delay:.3s}.stagger>*:nth-child(9){animation-delay:.34s}.stagger>*:nth-child(n+10){animation-delay:.38s}.qtile,.cfw-card,.dev-tile,.comm-card,.thread,.seller-row,.acc-row{transition:transform .18s cubic-bezier(.2,.8,.2,1),box-shadow .18s,border-color .18s}@media (prefers-reduced-motion: reduce){.page-enter,.stagger>*{animation:none!important}}.hd-signin{gap:6px}.hd-avatar{border:0;background:transparent;padding:0;border-radius:50%;display:grid;place-items:center;transition:transform .15s}.hd-avatar:hover{transform:scale(1.06)}.hd-cart .cart-badge{position:absolute;top:-3px;right:-3px;min-width:18px;height:18px;padding:0 4px;background:var(--accent-solid);color:var(--on-accent);font-family:var(--font-mono);font-size:11px;font-weight:700;border-radius:99px;display:grid;place-items:center;border:2px solid var(--bg);animation:badgePop .3s cubic-bezier(.2,1.5,.4,1)}.auth-modal{position:relative;width:min(420px,92vw);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:32px 30px 24px;text-align:center;animation:popIn .2s cubic-bezier(.2,.8,.2,1)}.auth-close{position:absolute;top:14px;right:14px}.auth-brand{display:grid;place-items:center;margin-bottom:16px}.auth-brand .mk{width:52px;height:52px;border-radius:14px;background:linear-gradient(150deg,var(--accent-solid),var(--accent-solid-2));display:grid;place-items:center;color:var(--on-accent);font-weight:800;font-size:26px;font-family:var(--font-mono);box-shadow:var(--shadow-md)}.auth-title{font-size:23px;margin-bottom:6px;letter-spacing:-.02em}.auth-sub{font-size:14px;color:var(--ink-3);margin:0 0 22px;line-height:1.5}.auth-form{display:flex;flex-direction:column;gap:13px;text-align:left}.field{display:flex;flex-direction:column;gap:6px}.field span{font-size:12.5px;font-weight:600;color:var(--ink-2)}.field input{font-family:var(--font-body);font-size:14.5px;padding:11px 14px;border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface-2);color:var(--ink);transition:border-color .15s,background .15s}.field input:focus{outline:none;border-color:var(--accent);background:var(--surface)}.auth-switch{margin-top:18px;font-size:13.5px;color:var(--ink-3)}.auth-disc{margin:16px 0 0;font-size:11.5px;color:var(--ink-4)}.drawer-scrim{display:none}.drawer-scrim.show{display:block;position:fixed;inset:0;z-index:90;background:color-mix(in oklab,var(--bg) 45%,#000 55%);backdrop-filter:blur(3px);animation:spIn .2s ease}.cart-drawer{position:fixed;top:0;right:0;bottom:0;z-index:95;width:min(420px,94vw);background:var(--bg);border-left:1px solid var(--line-2);box-shadow:var(--shadow-lg);display:flex;flex-direction:column;transform:translate(100%);transition:transform .3s cubic-bezier(.2,.8,.2,1)}.cart-drawer.open{transform:translate(0)}.cart-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.cart-head h3{display:flex;align-items:center;gap:9px;font-size:18px}.cart-items{flex:1;overflow-y:auto;padding:12px 16px}.cart-item{display:grid;grid-template-columns:52px 1fr auto;gap:12px;padding:14px 0;border-bottom:1px solid var(--line)}.cart-item-ph{width:52px;height:52px;border-radius:var(--r-md);background:var(--surface-2);border:1px solid var(--line);display:grid;place-items:center}.cart-item-main{min-width:0;display:flex;flex-direction:column;gap:3px}.cart-item-main b{font-size:14px}.qty-row{display:flex;align-items:center;gap:8px;margin-top:6px}.qty-row button{width:26px;height:26px;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r-sm);display:grid;place-items:center;color:var(--ink-2);transition:all .13s}.qty-row button:hover{border-color:var(--accent);color:var(--accent)}.qty-row span{font-family:var(--font-mono);font-size:14px;font-weight:600;min-width:18px;text-align:center}.qty-row .cart-rm{margin-left:6px;border-color:transparent;color:var(--ink-4)}.qty-row .cart-rm:hover{color:var(--bad);border-color:var(--bad)}.cart-item-price{font-family:var(--font-display);font-weight:600;font-size:15px;align-self:center}.cart-foot{padding:16px 20px 20px;border-top:1px solid var(--line);background:var(--surface)}.cart-total{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:14px}.cart-total span{color:var(--ink-3);font-size:14px}.cart-total b{font-family:var(--font-display);font-size:26px;letter-spacing:-.02em}.cart-disc{font-size:11.5px;color:var(--ink-4);margin:12px 0 0;text-align:center}.cart-empty{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:40px;text-align:center}.cart-empty-ico{width:64px;height:64px;border-radius:50%;background:var(--surface-2);display:grid;place-items:center;color:var(--ink-3);margin-bottom:4px}.cart-empty b{font-size:17px}.cart-empty p{font-size:13.5px;color:var(--ink-3);margin:0 0 8px;max-width:26ch}.is-incart{background:var(--good-soft)!important;border-color:transparent!important;color:var(--good)!important}.cfw-grid{display:flex;flex-direction:column;gap:14px;margin:8px 0 24px}.cfw-card{border:1px solid var(--line);border-radius:var(--r-lg);padding:18px 20px;background:var(--surface)}.cfw-card.is-rec{border-color:var(--accent-line);box-shadow:0 0 0 1px var(--accent-line)}.cfw-top{display:flex;align-items:flex-start;gap:13px}.cfw-logo{width:42px;height:42px;border-radius:var(--r-md);display:grid;place-items:center;flex:none;background:var(--surface-hi);color:var(--ink-2)}.cfw-logo[data-type=android]{background:var(--good-soft);color:var(--good)}.cfw-logo[data-type=minimal]{background:var(--info-soft);color:var(--info)}.cfw-top h3{font-size:18px}.cfw-by{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3)}.cfw-status{font-family:var(--font-mono);font-size:10.5px;font-weight:600;padding:3px 9px;border-radius:var(--r-pill);white-space:nowrap;flex:none}.cfw-active{background:var(--good-soft);color:var(--good)}.cfw-legacy{background:var(--surface-hi);color:var(--ink-3)}.cfw-desc{font-size:14px;color:var(--ink-2);margin:12px 0}.cfw-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;padding-top:12px;border-top:1px solid var(--line)}.cfw-devices{font-size:12.5px;color:var(--ink-3);display:flex;align-items:center;gap:6px}.cfw-repo{font-family:var(--font-mono);font-size:12px;color:var(--accent);display:inline-flex;align-items:center;gap:5px}.cfw-repo:hover{text-decoration:underline}[data-theme=light] .cfw-active{color:oklch(.48 .13 155)}.dev-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:8px 0 24px}.dev-tile{display:flex;flex-direction:column;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden}.dev-tile:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent-line)}.dev-tile-img{background:var(--surface-2);border-bottom:1px solid var(--line)}.dev-tile-img .imgph{border:0;border-radius:0;min-height:0;background:transparent}.dev-profile{display:grid;grid-template-columns:150px 1fr;gap:20px;align-items:center;padding:18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);margin:18px 0 8px}.dev-profile-img{width:150px}.dev-profile-img .imgph{border:0;background:var(--surface-2)}.dev-profile-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.dev-profile-specs>div{display:flex;flex-direction:column;gap:1px;padding:8px 10px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-sm)}.dev-profile-specs span{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.04em;color:var(--ink-4)}.dev-profile-specs b{font-size:13px}.store-link{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-weight:600;font-size:13px;white-space:nowrap}.store-link:hover{text-decoration:underline}a.seller-row{cursor:pointer}a.seller-row:hover{border-color:var(--accent-line)}a.seller-row .store-link{margin-left:auto}@media (max-width: 760px){.dev-profile{grid-template-columns:1fr;text-align:center}.dev-profile-img{width:130px;margin:0 auto}.dev-profile-specs{grid-template-columns:1fr 1fr;text-align:left}}.dev-tile-body{padding:16px 18px;display:flex;flex-direction:column;gap:7px;flex:1}.dev-tile-body h3{font-size:17px}.dev-brand{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3)}.dev-tag{font-size:13.5px;color:var(--ink-2);margin:2px 0 4px}.dev-best{display:flex;flex-wrap:wrap;gap:6px}.dev-chip{font-family:var(--font-mono);font-size:10.5px;padding:2px 8px;border-radius:var(--r-pill);background:var(--surface-hi);color:var(--ink-2)}.dev-tile-foot{display:flex;align-items:center;justify-content:space-between;margin-top:auto;padding-top:12px}.dev-price{font-family:var(--font-display);font-size:20px;font-weight:600;letter-spacing:-.02em}.buy-hero{display:grid;grid-template-columns:140px 1fr;gap:22px;align-items:center;padding:22px;border:1px solid var(--accent-line);border-radius:var(--r-xl);background:linear-gradient(120deg,var(--accent-soft),transparent 70%);margin:8px 0 16px}.buy-hero-img{width:140px}.buy-price-big{font-family:var(--font-display);font-size:28px;font-weight:700;letter-spacing:-.02em}.buy-price-big small{font-size:15px;color:var(--ink-3);font-weight:500}.seller-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.seller-row.ok{border-left:3px solid var(--good)}.seller-row>div:nth-child(2){flex:1}.seller-row b{font-size:14.5px}.acc-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:13px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.acc-row.is-best{border-color:var(--accent-line)}.acc-row-main{display:flex;flex-direction:column;gap:2px;min-width:0}.acc-row-main b{font-size:14px;display:flex;align-items:center;gap:6px}.acc-best-tag{color:var(--accent);font-size:12px}.acc-row-side{display:flex;align-items:center;gap:10px;flex:none}.acc-price{font-family:var(--font-mono);font-size:13px;font-weight:600;color:var(--ink-2);white-space:nowrap}.acc-cat-head{display:flex;align-items:center;gap:9px;font-size:16px;font-family:var(--font-display);margin:0 0 14px}.acc-cat-ico{width:30px;height:30px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink);flex:none}.acc-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.acc-card{display:flex;gap:14px;padding:14px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);transition:border-color .14s,transform .14s,box-shadow .14s}.acc-card:hover{border-color:var(--accent-line);transform:translateY(-2px);box-shadow:var(--shadow-sm)}.acc-card.is-best{border-color:var(--accent-line)}.acc-card-thumb{position:relative;width:76px;height:76px;border-radius:var(--r-md);flex:none;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,oklch(.62 .15 var(--h)),oklch(.48 .13 calc(var(--h) + 20)))}.acc-card-thumb:after{content:"";position:absolute;inset:0;border-radius:inherit;background:repeating-linear-gradient(135deg,rgba(255,255,255,.08) 0 8px,transparent 8px 16px)}.acc-card-badge{position:absolute;top:-8px;right:-8px;font-family:var(--font-mono);font-size:9.5px;font-weight:700;padding:2px 7px;border-radius:99px;background:var(--accent-solid);color:#fff;z-index:1;box-shadow:var(--shadow-sm)}.acc-card-body{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.acc-card-name{font-size:14.5px;font-family:var(--font-display)}.acc-card-brief{font-size:13px;color:var(--ink-2)}.acc-card-detail{font-size:11.5px;color:var(--ink-3);display:inline-flex;align-items:center;gap:5px;margin-top:2px}.acc-card-detail svg{color:var(--good);flex:none}.acc-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:10px}.rebrand-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.rebrand-card{padding:14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);border-left:3px solid var(--bad)}.rebrand-top{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:6px}.rebrand-top b{font-size:14px}.rebrand-price{font-family:var(--font-mono);font-size:13px;font-weight:700;color:var(--bad);text-decoration:line-through}.rebrand-eq{font-size:12px;color:var(--ink-3);display:flex;align-items:center;gap:5px}.avoid-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px}.avoid-seller{display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-2);font-size:13px;color:var(--ink-2)}@media (max-width: 860px){.acc-grid{grid-template-columns:1fr}.rebrand-grid{grid-template-columns:1fr 1fr}.avoid-grid{grid-template-columns:1fr}}@media (max-width: 1080px){.dev-grid{grid-template-columns:1fr}}@media (max-width: 860px){.buy-hero{grid-template-columns:1fr;text-align:center}.buy-hero-img{width:120px;margin:0 auto}.acc-row{flex-direction:column;align-items:flex-start}.acc-row-side{align-self:stretch;justify-content:space-between}}.device-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 11px;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r-pill);color:var(--ink-2);font-size:13px;font-weight:600;transition:border-color .15s,background .15s}.device-chip:hover{border-color:var(--accent-line);background:var(--surface-2)}.device-chip svg:first-child{color:var(--accent)}.device-chip-name{font-family:var(--font-mono);letter-spacing:.02em;color:var(--ink)}.dp-modal{width:min(540px,94vw);max-height:78vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:spPop .18s cubic-bezier(.2,.8,.2,1)}.dp-body{overflow-y:auto;padding:8px}.dp-group-label{font-family:var(--font-mono);font-size:10.5px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);padding:8px 10px 5px}.dp-row{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:0;background:transparent;border-radius:var(--r-md);text-align:left;color:var(--ink-2);transition:background .12s}.dp-row:hover{background:var(--surface-2)}.dp-row.is-active{background:var(--accent-soft)}.dp-ico{width:34px;height:34px;border-radius:var(--r-sm);background:var(--surface-2);display:grid;place-items:center;color:var(--ink-3);flex:none}.dp-row.is-active .dp-ico{background:var(--surface);color:var(--accent)}.dp-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.dp-main b{font-size:14px;color:var(--ink)}.dp-main span{font-size:12px;color:var(--ink-3)}.acct-sec-label{font-family:var(--font-mono);font-size:10px;letter-spacing:.1em;text-transform:uppercase;color:var(--ink-4);padding:8px 10px 4px}.acct-msg{font-size:12px;color:var(--good);padding:6px 10px}.device-banner{display:flex;align-items:center;gap:10px;padding:12px 16px;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r-md);margin:6px 0 8px;font-size:14px}.device-banner b{color:var(--accent-ink)}.sys-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:8px 0 18px}.sys-card{border:1px solid var(--line);border-radius:var(--r-lg);padding:16px 18px;background:var(--surface);transition:transform .16s,box-shadow .16s,border-color .16s}.sys-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-sm);border-color:var(--accent-line)}.sys-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.sys-head h3{font-size:16px;font-family:var(--font-display)}.sys-formats{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 10px}.fmt-chip{font-family:var(--font-mono);font-size:12px;padding:3px 9px;border-radius:var(--r-sm);background:var(--surface-hi);border:1px solid var(--line);color:var(--ink)}.sys-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid var(--line)}.sys-folder{font-family:var(--font-mono);font-size:11.5px;color:var(--ink-3);display:inline-flex;align-items:center;gap:5px}.sys-note{font-size:13px;color:var(--ink-2);margin:10px 0 0}.rooms-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin:8px 0 24px}.room-card{display:flex;flex-direction:column;gap:12px;padding:18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);cursor:pointer;transition:transform .16s,box-shadow .16s,border-color .16s}.room-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent-line)}.room-top{display:flex;align-items:center;gap:12px}.room-ico{width:40px;height:40px;border-radius:var(--r-md);display:grid;place-items:center;flex:none;box-shadow:var(--shadow-sm)}.room-top h3{font-size:16.5px}.room-online{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-mono);font-size:12px;color:var(--ink-2);font-weight:600}.room-pin{display:flex;align-items:flex-start;gap:7px;font-size:13px;color:var(--ink-2);background:var(--surface-2);border-radius:var(--r-sm);padding:9px 11px}.room-topics{display:flex;flex-wrap:wrap;gap:6px}.room-topic{font-family:var(--font-mono);font-size:11px;color:var(--accent);background:var(--accent-soft);padding:2px 8px;border-radius:var(--r-pill)}.room-foot{display:flex;align-items:center;justify-content:space-between;padding-top:12px;border-top:1px solid var(--line);margin-top:auto}.room-foot .muted{display:inline-flex;align-items:center;gap:5px}.room-enter{display:inline-flex;align-items:center;gap:5px;color:var(--accent);font-size:13px;font-weight:600}.room-card:hover .room-enter{gap:8px}.room-view-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}.room-pinned-bar{display:flex;align-items:flex-start;gap:9px;padding:12px 16px;background:var(--accent-soft);border:1px solid var(--accent-line);border-radius:var(--r-md);font-size:13.5px;color:var(--ink);margin-bottom:18px}.chat{display:flex;flex-direction:column;gap:14px;padding:8px 0 18px}.chat-msg{display:flex;gap:10px;align-items:flex-start}.chat-msg.me{flex-direction:row-reverse}.chat-bubble{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);padding:9px 13px;max-width:78%}.chat-msg.me .chat-bubble{background:var(--accent-soft);border-color:var(--accent-line)}.chat-author{font-size:11.5px;font-weight:700;color:var(--accent-ink);display:block;margin-bottom:2px}.chat-bubble p{margin:0;font-size:14px;color:var(--ink)}.chat-composer{display:flex;gap:10px;position:sticky;bottom:0;padding:14px 0;background:linear-gradient(transparent,var(--bg) 30%)}.chat-composer input{flex:1;font-family:var(--font-body);font-size:14.5px;padding:12px 16px;border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--surface);color:var(--ink)}.chat-composer input:focus{outline:none;border-color:var(--accent)}.chat-composer .btn-primary{border-radius:50%;width:46px;height:46px;padding:0;flex:none}@media (max-width: 1080px){.sys-grid,.rooms-grid{grid-template-columns:1fr}}@media (max-width: 860px){.device-chip-name{display:none}.device-chip{padding:8px}}.home-comm-live{display:flex;align-items:center;flex-wrap:wrap;gap:5px;color:var(--ink-3);font-size:13.5px;margin:8px 0 0}.home-comm-live b{font-family:var(--font-display);color:var(--ink);font-size:14px}.home-comm-sep{color:var(--ink-4);margin:0 3px}.live-dot{width:8px;height:8px;border-radius:99px;background:var(--good);box-shadow:0 0 color-mix(in oklab,var(--good) 60%,transparent);animation:livePulse 2s infinite;flex:none}@keyframes livePulse{0%{box-shadow:0 0 color-mix(in oklab,var(--good) 55%,transparent)}70%{box-shadow:0 0 0 7px transparent}to{box-shadow:0 0 0 0 transparent}}.home-comm-online{font-variant-numeric:tabular-nums;transition:color .3s}.home-comm-tabs{width:100%;gap:2px}.home-comm-tabs .forum-tab{white-space:nowrap}.home-comm-bar{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:0 0 12px}.home-comm-search{flex:1;min-width:240px;display:flex;align-items:center;gap:10px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-pill);padding:10px 16px;transition:border-color .15s}.home-comm-search:focus-within{border-color:var(--accent)}.home-comm-search input{flex:1;border:0;background:transparent;outline:0;font-family:var(--font-body);font-size:14px;color:var(--ink);min-width:0}.home-comm-search input::placeholder{color:var(--ink-4)}.home-comm-topics{display:flex;flex-wrap:wrap;gap:6px;margin:0 0 16px}.home-posts{display:flex;flex-direction:column;gap:8px;margin-bottom:30px}.home-post{display:flex;align-items:center;gap:14px;width:100%;text-align:left;padding:13px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);cursor:pointer;transition:border-color .14s,transform .14s,box-shadow .14s}.home-post:hover{border-color:var(--accent-line);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.home-post:hover .home-post-arrow{color:var(--accent);transform:translate(3px)}.home-post-vote{display:flex;flex-direction:column;align-items:center;gap:0;width:38px;flex:none;color:var(--ink-3)}.home-post-vote b{font-family:var(--font-display);font-size:15px;color:var(--ink)}.home-post-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:5px}.home-post-title{display:flex;align-items:center;gap:8px;font-family:var(--font-display);font-size:15px;color:var(--ink);line-height:1.25}.home-post-status{width:8px;height:8px;border-radius:99px;flex:none}.home-post-status.ok{background:var(--good)}.home-post-status.open{background:var(--info)}.home-post-meta{display:flex;align-items:center;flex-wrap:wrap;gap:7px;font-size:12px;color:var(--ink-3)}.home-post-meta .av{display:grid;place-items:center;border-radius:99px;color:#fff;font-weight:700;font-family:var(--font-mono)}.home-post-replies{display:inline-flex;align-items:center;gap:4px}.home-post-arrow{color:var(--ink-4);flex:none;transition:color .14s,transform .14s}.home-comm-foot{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4);margin:0 0 14px}@media (max-width: 640px){.home-comm-bar .btn{width:100%;justify-content:center}.home-comm-tabs{width:100%;margin-right:0}.home-comm-search{width:100%}.home-post-title{font-size:14px}}.gami-pill{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r-pill);color:var(--ink);font-size:13px;transition:border-color .15s}.gami-pill:hover{border-color:var(--accent-line)}.gami-pill b{font-family:var(--font-display);font-size:14px}.gami-xp{font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}.gami-ico{display:grid;place-items:center}.vote-btn{display:inline-flex;flex-direction:column;align-items:center;gap:1px;padding:6px 9px;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r-md);color:var(--ink-3);transition:all .14s}.vote-btn:hover{border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}.vote-btn.is-voted{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink)}.vote-btn b{font-family:var(--font-display);font-size:15px}.vote-btn.compact{flex-direction:row;gap:5px;padding:5px 10px}.thread-static{cursor:default}.thread-static:hover{transform:none;border-color:var(--line)}.thread-cbtn{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--ink-3);font-size:12px;font-weight:600;padding:2px 6px;border-radius:var(--r-sm)}.thread-cbtn:hover{color:var(--accent);background:var(--accent-soft)}.comments{margin-top:14px;padding-top:14px;border-top:1px solid var(--line)}.comments-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-4);margin-bottom:10px}.comment{display:flex;gap:10px;margin-bottom:12px;align-items:flex-start}.comment b{font-size:12.5px}.comment p{margin:1px 0 0;font-size:13.5px;color:var(--ink-2)}.comment-form{display:flex;gap:8px;margin-top:8px}.comment-form input{flex:1;font-family:var(--font-body);font-size:13.5px;padding:9px 13px;border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--surface);color:var(--ink)}.comment-form input:focus{outline:none;border-color:var(--accent)}.gami-card{display:flex;align-items:center;gap:22px;flex-wrap:wrap;padding:20px 22px;border:1px solid var(--accent-line);border-radius:var(--r-lg);background:linear-gradient(120deg,var(--accent-soft),transparent 75%);margin:8px 0 22px}.gami-rank{display:flex;align-items:center;gap:12px}.gami-rank b{font-family:var(--font-display);font-size:19px;display:block;color:var(--ink)}.gami-prog-wrap{flex:1;min-width:180px;display:flex;flex-direction:column;gap:6px}.gami-prog{height:8px;border-radius:99px;background:var(--surface-hi);overflow:hidden}.gami-prog span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-strong));border-radius:99px;transition:width .5s cubic-bezier(.2,.8,.2,1)}.ranks-row{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.ranks-ladder{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;position:relative}.rank-step{position:relative;display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);text-align:center;opacity:.55;transition:opacity .2s,border-color .2s,transform .2s}.rank-step.reached{opacity:1}.rank-step.current{border-color:var(--rc);box-shadow:0 0 0 1px var(--rc),var(--shadow-md);transform:translateY(-3px);opacity:1}.rank-step-ico{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--rc);margin-bottom:2px;box-shadow:var(--shadow-sm)}.rank-step.reached:not(.current) .rank-step-ico{box-shadow:none}.rank-step:not(.reached) .rank-step-ico{background:var(--surface-hi);color:var(--ink-4)}.rank-step b{font-size:13.5px;color:var(--ink)}.rank-step span{font-family:var(--font-mono);font-size:10.5px;color:var(--ink-3)}.rank-step-you{position:absolute;top:-9px;font-family:var(--font-mono);font-size:9.5px;font-weight:700;text-transform:uppercase;padding:2px 8px;border-radius:99px;background:var(--rc);color:#fff}.lb{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden}.lb-row{display:grid;grid-template-columns:36px 30px 1fr auto auto;align-items:center;gap:12px;padding:11px 16px;border-bottom:1px solid var(--line)}.lb-row:last-child{border-bottom:0}.lb-row.me{background:var(--accent-soft)}.lb-pos{font-family:var(--font-mono);font-weight:700;color:var(--ink-3);text-align:center}.lb-name{display:flex;align-items:center;gap:8px;font-size:14.5px}.lb-pts{font-family:var(--font-display);font-size:14px}.lb-rank{display:grid;place-items:center}.color-gallery{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:12px 0 8px}.color-cell{margin:0}.color-cell .imgph{background:var(--surface-2);border-style:solid}.color-cell figcaption{display:flex;align-items:center;gap:7px;font-size:12px;color:var(--ink-2);margin-top:7px}.color-sw{width:12px;height:12px;border-radius:4px;border:1px solid var(--line-2);flex:none}.board-gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:14px;margin:12px 0 8px}.board-cell{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface)}.board-cell .imgph{border:0;border-radius:0;background:var(--surface-2)}.board-info{padding:12px 14px}@media (max-width: 1080px){.color-gallery,.ranks-row{grid-template-columns:repeat(3,1fr)}}@media (max-width: 700px){.color-gallery{grid-template-columns:repeat(2,1fr)}.board-gallery{grid-template-columns:1fr}.ranks-row,.ranks-ladder{grid-template-columns:1fr 1fr}.gami-pill{display:none}}.role-badge{font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;padding:2px 7px;border-radius:var(--r-pill);color:var(--rolec);background:color-mix(in oklab,var(--rolec) 16%,transparent)}.dev-quick{border:1px dashed var(--line-2);border-radius:var(--r-md);padding:12px;margin-bottom:18px;background:var(--surface-2);text-align:left}.dev-quick-label{display:flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-3);margin-bottom:9px}.dev-dot{width:7px;height:7px;border-radius:99px;background:var(--good);box-shadow:0 0 0 3px color-mix(in oklab,var(--good) 25%,transparent)}.dev-quick-btns{display:flex;flex-wrap:wrap;gap:7px}.dev-quick-btn{display:inline-flex;align-items:center;gap:6px;padding:7px 11px;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r-sm);font-size:12.5px;font-weight:600;color:var(--ink)}.dev-quick-btn:hover{border-color:var(--accent)}.dev-quick-btn span{font-family:var(--font-mono);font-size:10px;color:var(--ink-4)}.dev-quick-btn[data-role=admin] svg{color:#fb7185}.dev-quick-btn[data-role=moderator] svg{color:#a78bfa}.dev-quick-btn[data-role=user] svg{color:#34d399}.env-badge{font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;padding:3px 9px;border-radius:var(--r-pill)}.env-badge[data-mode=development]{background:var(--good-soft);color:var(--good)}.env-badge[data-mode=production]{background:var(--bad-soft);color:var(--bad)}.metric-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric-card{display:flex;flex-direction:column;gap:4px;padding:18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.metric-ico{width:36px;height:36px;border-radius:var(--r-md);display:grid;place-items:center;margin-bottom:6px}.metric-ico[data-tone=accent]{background:var(--accent-soft);color:var(--accent-ink)}.metric-ico[data-tone=good]{background:var(--good-soft);color:var(--good)}.metric-ico[data-tone=info]{background:var(--info-soft);color:var(--info)}.metric-v{font-family:var(--font-display);font-size:30px;letter-spacing:-.02em}.metric-l{font-size:12.5px;color:var(--ink-3)}.flags{display:flex;flex-direction:column;gap:8px}.flag-row{display:flex;align-items:center;justify-content:space-between;padding:11px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.toggle{width:42px;height:24px;border-radius:99px;border:0;background:var(--surface-hi);position:relative;transition:background .18s;cursor:pointer}.toggle span{position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:99px;background:var(--ink-4);transition:transform .18s,background .18s}.toggle.on{background:var(--accent)}.toggle.on span{transform:translate(18px);background:#fff}.proc-list{display:flex;flex-direction:column;gap:8px}.proc-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);font-size:14px}.proc-row>span:nth-child(2){flex:1}.proc-dot{width:9px;height:9px;border-radius:99px;flex:none}.proc-dot.ok{background:var(--good);box-shadow:0 0 0 3px var(--good-soft)}.proc-dot.off{background:var(--ink-4)}.gate{text-align:center;padding:60px 20px;display:flex;flex-direction:column;align-items:center;gap:12px}.gate-ico{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent)}.gate-ico[data-denied="1"]{background:var(--bad-soft);color:var(--bad)}.gate h2{font-size:22px}.gate p{max-width:32ch}.devpanel{position:fixed;left:18px;bottom:18px;z-index:80}.dev-fab{display:inline-flex;align-items:center;gap:6px;padding:9px 14px;border:0;border-radius:var(--r-pill);background:#1c1d22;color:#fde68a;font-family:var(--font-mono);font-size:12px;font-weight:700;letter-spacing:.04em;box-shadow:var(--shadow-md)}.dev-fab:hover{background:#26272e}.dev-body{position:absolute;left:0;bottom:calc(100% + 10px);width:250px;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:14px;animation:popIn .16s ease}.dev-row-label{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink-4);margin:4px 0 8px}.dev-current{font-size:12px;color:var(--ink-2);padding:8px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:10px 0}.dev-mode-btn{flex:1;padding:7px;border:1px solid var(--line-2);background:var(--surface-2);border-radius:var(--r-sm);font-family:var(--font-mono);font-size:11px;color:var(--ink-2)}.dev-mode-btn.active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink);font-weight:700}.dev-mini{display:inline-flex;align-items:center;gap:5px;margin-left:6px;padding:3px 8px;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r-xs);font-size:11px;color:var(--ink-2)}.dev-mini.wide{display:flex;justify-content:center;width:100%;margin:8px 0 0;padding:8px}.dev-mini.danger{color:var(--bad);border-color:transparent;background:var(--bad-soft)}@media (max-width: 860px){.metric-grid{grid-template-columns:1fr 1fr}.devpanel{left:12px;bottom:12px}}.sb-rolehead{display:flex;align-items:center;gap:7px;margin:0 0 14px;padding:8px 11px;border-radius:var(--r-sm);font-family:var(--font-mono);font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em}.sb-rolehead[data-role=admin]{background:color-mix(in oklab,#fb7185 16%,transparent);color:#fb7185}.sb-rolehead[data-role=moderator]{background:color-mix(in oklab,#a78bfa 16%,transparent);color:#a78bfa}.admin-quick{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-top:22px}.admin-quick-btn{display:flex;align-items:center;gap:10px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);font-size:14px;font-weight:600;color:var(--ink);transition:border-color .14s}.admin-quick-btn:hover{border-color:var(--accent-line)}.admin-quick-btn svg:first-child{color:var(--accent)}.stat-row{display:flex;gap:12px;flex-wrap:wrap}.stat-pill{display:flex;flex-direction:column;padding:12px 18px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.stat-pill b{font-family:var(--font-display);font-size:22px}.stat-pill span{font-size:12px;color:var(--ink-3)}.is-me-row{background:var(--accent-soft)}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.content-card{display:flex;flex-direction:column;gap:3px;padding:18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);text-align:left;transition:border-color .14s,transform .14s}.content-card:hover{border-color:var(--accent-line);transform:translateY(-2px)}.content-open{font-size:12px;color:var(--accent);font-weight:600;margin-top:6px;display:inline-flex;align-items:center;gap:4px}.modq{display:flex;flex-direction:column;gap:10px;margin-top:4px}.modq-row{display:flex;align-items:center;gap:13px;padding:14px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.modq-ico{width:36px;height:36px;border-radius:var(--r-md);display:grid;place-items:center;flex:none}.modq-ico[data-kind=rom]{background:var(--accent-soft);color:var(--accent-ink)}.modq-ico[data-kind=comment]{background:var(--info-soft);color:var(--info)}.modq-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.modq-main b{font-size:14px}.modq-note{font-size:12px;color:var(--warn);margin-top:2px}.modq-actions{display:flex;gap:8px;flex:none}@media (max-width: 700px){.admin-quick,.content-grid{grid-template-columns:1fr}.modq-row{flex-wrap:wrap}.modq-actions{width:100%}}.mention{display:inline-flex;align-items:center;gap:3px;padding:1px 7px 1px 5px;border-radius:var(--r-pill);font-weight:600;font-size:.92em;line-height:1.4;background:var(--accent-soft);color:var(--accent-ink);border:1px solid var(--accent-line);text-decoration:none;cursor:pointer;transition:background .14s,border-color .14s,transform .1s;white-space:nowrap;vertical-align:baseline}.mention:hover{background:color-mix(in oklab,var(--accent) 22%,transparent);transform:translateY(-1px)}.mention svg{opacity:.8;flex:none}.mention-user{background:var(--info-soft);color:var(--info);border-color:color-mix(in oklab,var(--info) 30%,transparent)}.mention-device{background:color-mix(in oklab,var(--accent) 16%,transparent)}.mention-token{font-family:var(--font-mono);font-size:11px;color:var(--ink-3);background:var(--surface-2);padding:1px 6px;border-radius:var(--r-xs);border:1px solid var(--line)}.mention-wrap{position:relative;flex:1;min-width:0}.mention-wrap>textarea{width:100%;display:block}.mention-menu{position:fixed;z-index:1200;width:360px;max-width:calc(100vw - 24px);max-height:308px;overflow-y:auto;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);padding:6px;animation:popIn .12s ease}.mention-menu-head{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.08em;color:var(--ink-4);padding:5px 8px 6px}.mention-opt{display:flex;align-items:center;gap:10px;width:100%;text-align:left;padding:7px 8px;border:0;background:transparent;border-radius:var(--r-sm);cursor:pointer}.mention-opt.is-sel,.mention-opt:hover{background:var(--surface-2)}.mention-opt-ico{width:28px;height:28px;border-radius:var(--r-sm);display:grid;place-items:center;flex:none;background:var(--accent-soft);color:var(--accent-ink)}.mention-opt-ico.mention-user{background:var(--info-soft);color:var(--info)}.mention-opt-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.mention-opt-main b{font-size:13.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mention-opt-main code{font-family:var(--font-mono);font-size:11px;color:var(--ink-3)}.mention-opt-type{font-size:11px;color:var(--ink-4);flex:none}.doc-body{font-size:15.5px;line-height:1.7;color:var(--ink-2)}.doc-body h2{font-size:22px;margin:28px 0 10px;color:var(--ink);letter-spacing:-.01em}.doc-body h3{font-size:18px;margin:22px 0 8px;color:var(--ink)}.doc-body p{margin:0 0 14px}.doc-body a:not(.mention){color:var(--accent);text-decoration:underline;text-underline-offset:2px}.doc-body code{font-family:var(--font-mono);font-size:.88em;background:var(--surface-2);padding:1px 6px;border-radius:var(--r-xs);border:1px solid var(--line)}.doc-body strong{color:var(--ink)}.cms-devtabs{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin:22px 0 18px;padding-bottom:18px;border-bottom:1px solid var(--line)}.cms-devtab{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r-pill);font-size:13.5px;font-weight:600;color:var(--ink-2)}.cms-devtab:hover{border-color:var(--accent-line)}.cms-devtab.is-active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink)}.cms-devtab-n{font-family:var(--font-mono);font-size:11px;background:var(--surface-2);border-radius:var(--r-pill);padding:1px 7px;color:var(--ink-3)}.cms-devtab.is-active .cms-devtab-n{background:var(--surface)}.cms-devtab-add{color:var(--ink-3);border-style:dashed}.cms-adddev{display:inline-flex;gap:6px;align-items:center}.cms-adddev input{font-family:var(--font-body);font-size:13px;padding:8px 12px;border:1px solid var(--accent);border-radius:var(--r-pill);background:var(--surface);color:var(--ink);outline:none;width:180px}.cms-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;flex-wrap:wrap;margin-bottom:18px}.cms-group{margin-bottom:22px}.cms-group-label{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}.cms-row{display:flex;align-items:center;gap:13px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);margin-bottom:8px}.cms-row:hover{border-color:var(--accent-line)}.cms-row-ico{width:36px;height:36px;border-radius:var(--r-md);display:grid;place-items:center;flex:none;background:var(--surface-2);color:var(--ink-2)}.cms-row-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px}.cms-row-main b{font-size:14.5px}.cms-row-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.cms-langs{display:inline-flex;gap:3px}.cms-lang{font-family:var(--font-mono);font-size:9.5px;font-weight:700;padding:1px 5px;border-radius:var(--r-xs);background:var(--surface-2);color:var(--ink-4);border:1px solid var(--line)}.cms-lang.on{background:var(--good-soft);color:var(--good);border-color:transparent}.cms-pub{display:inline-flex;align-items:center;gap:6px;flex:none;padding:6px 11px;border:1px solid var(--line-2);border-radius:var(--r-pill);background:var(--surface);font-size:12px;font-weight:600;color:var(--ink-3)}.cms-pub-dot{width:7px;height:7px;border-radius:99px;background:var(--ink-4)}.cms-pub.on{background:var(--good-soft);color:var(--good);border-color:transparent}.cms-pub.on .cms-pub-dot{background:var(--good);box-shadow:0 0 0 3px color-mix(in oklab,var(--good) 25%,transparent)}.cms-row-actions{display:flex;gap:4px;flex:none}.cms-builtin-group{margin-bottom:14px}.cms-builtin-glabel{display:block;font-size:12px;font-weight:700;color:var(--ink-3);margin-bottom:7px}.cms-builtin-items{display:flex;flex-wrap:wrap;gap:7px}.cms-builtin-item{display:inline-flex;align-items:center;gap:7px;padding:7px 11px;border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface);font-size:13px;color:var(--ink-2)}.cms-builtin-item:hover{border-color:var(--accent-line);color:var(--ink)}.cms-builtin-item code{font-size:10.5px}.doc-editor{width:min(720px,94vw);max-height:92vh;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:popIn .16s ease}.doc-editor-body{padding:18px 22px;overflow-y:auto;display:flex;flex-direction:column;gap:14px}.doc-editor-meta{display:grid;grid-template-columns:1fr 1fr 1fr;gap:12px}.doc-editor .field{display:flex;flex-direction:column;gap:6px}.doc-editor .field>span{font-size:12.5px;font-weight:600;color:var(--ink-2)}.doc-editor .field input,.doc-editor .field select{font-family:var(--font-body);font-size:14px;padding:9px 12px;border:1px solid var(--line-2);border-radius:var(--r-md);background:var(--surface-2);color:var(--ink);outline:none}.doc-editor .field input:focus,.doc-editor .field select:focus{border-color:var(--accent);background:var(--surface)}.icon-picker{display:flex;flex-wrap:wrap;gap:6px}.icon-opt{width:36px;height:36px;display:grid;place-items:center;border:1px solid var(--line-2);border-radius:var(--r-sm);background:var(--surface-2);color:var(--ink-3)}.icon-opt:hover{border-color:var(--accent-line);color:var(--ink)}.icon-opt.is-active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-ink)}.doc-lang-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);padding-bottom:2px}.doc-lang-tabs .forum-tab{display:inline-flex;align-items:center;gap:5px}.doc-lang-dot{width:6px;height:6px;border-radius:99px;background:var(--good)}@media (max-width: 700px){.doc-editor-meta{grid-template-columns:1fr}.cms-row{flex-wrap:wrap}.cms-row-actions{margin-left:auto}}.field{display:flex;flex-direction:column;gap:8px}.field>span,.field>label>span{font-size:13px;font-weight:600;color:var(--ink-2);letter-spacing:-.003em}.field input,.field select,.field textarea,.ask-textarea,.ask-select,.doc-editor .field input,.doc-editor .field select,.doc-editor .field textarea,.cms-adddev input{font-family:var(--font-body);font-size:14.5px;line-height:1.55;padding:12px 14px;color:var(--ink);width:100%;background:var(--surface);border:1.5px solid var(--line-2);border-radius:var(--r-md);transition:border-color .16s ease,box-shadow .16s ease,background .16s ease;-webkit-appearance:none;appearance:none}.field textarea,.ask-textarea,.doc-editor .field textarea{resize:vertical;min-height:56px}.field input::placeholder,.field textarea::placeholder,.ask-textarea::placeholder,.cms-adddev input::placeholder{color:var(--ink-4)}.field input:hover,.field select:hover,.field textarea:hover,.ask-textarea:hover,.ask-select:hover{border-color:color-mix(in oklab,var(--ink-4) 55%,transparent)}.field input:focus,.field select:focus,.field textarea:focus,.ask-textarea:focus,.ask-select:focus,.doc-editor .field input:focus,.doc-editor .field select:focus,.doc-editor .field textarea:focus,.cms-adddev input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3.5px var(--accent-soft);background:var(--surface)}.field select,.ask-select{background-image:linear-gradient(45deg,transparent 50%,var(--ink-3) 50%),linear-gradient(135deg,var(--ink-3) 50%,transparent 50%);background-position:calc(100% - 18px) 52%,calc(100% - 13px) 52%;background-size:5px 5px,5px 5px;background-repeat:no-repeat;padding-right:38px;cursor:pointer}.field-hint{font-size:11px;color:var(--ink-4);font-family:var(--font-mono);align-self:flex-end;margin-top:2px}.tagfield{display:flex;flex-wrap:wrap;gap:7px;align-items:center;padding:9px 11px;min-height:48px;border:1.5px solid var(--line-2);border-radius:var(--r-md);background:var(--surface);transition:border-color .16s,box-shadow .16s}.tagfield:focus-within{border-color:var(--accent);box-shadow:0 0 0 3.5px var(--accent-soft)}.tagfield input{flex:1;min-width:120px;border:0;background:transparent;outline:0;font-family:var(--font-body);font-size:14px;color:var(--ink);padding:2px}.tagchip-sel{padding:4px 5px 4px 10px;font-size:12.5px}.compat-search{display:flex;align-items:center;gap:9px;background:var(--surface);border:1.5px solid var(--line-2);border-radius:var(--r-pill);padding:9px 16px;transition:border-color .16s,box-shadow .16s}.compat-search:focus-within{border-color:var(--accent);box-shadow:0 0 0 3.5px var(--accent-soft)}.compat-search input{border:0;background:transparent;outline:0;font-family:var(--font-body);font-size:14px;color:var(--ink);width:200px}.compat-search input::placeholder{color:var(--ink-4)}.forum-toolbar .compat-search{flex:1}.forum-toolbar .compat-search input{width:100%}.comment-form{display:flex;gap:10px;align-items:stretch;margin-top:12px}.comment-form .mention-wrap{flex:1}.comment-form input{flex:1;width:100%;font-family:var(--font-body);font-size:14px;padding:12px 16px;border:1.5px solid var(--line-2);border-radius:var(--r-md);background:var(--surface);color:var(--ink);transition:border-color .16s,box-shadow .16s}.comment-form input::placeholder{color:var(--ink-4)}.comment-form input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3.5px var(--accent-soft)}.comment-form .btn{align-self:stretch;padding-inline:18px}.composer{border-radius:var(--r-lg)}.composer-head{padding:22px 24px 16px}.composer-head h2{font-size:21px}.composer-body{padding:20px 24px 4px;gap:18px}.composer-foot{padding:16px 24px;margin:4px -24px 0;border-top:1px solid var(--line)}.composer-toolbar{border:1.5px solid var(--line-2);border-bottom:0;border-radius:var(--r-md) var(--r-md) 0 0;background:var(--surface-2);padding:7px;transition:border-color .16s}.composer-toolbar button{font-size:13px;padding:7px 10px;border-radius:var(--r-sm);color:var(--ink-2)}.composer-toolbar button:hover{background:var(--surface);color:var(--ink)}.composer-toolbar+.mention-wrap{margin-top:-1px}.composer-toolbar+.mention-wrap .ask-textarea,.composer-toolbar+.composer-preview{border-radius:0 0 var(--r-md) var(--r-md)}.composer-body .field:focus-within .composer-toolbar{border-color:var(--accent)}.composer-body .mention-wrap .ask-textarea{border:1.5px solid var(--line-2)}.composer-body .field:focus-within .mention-wrap .ask-textarea{border-color:var(--accent);box-shadow:none}.composer-preview{min-height:130px;border:1.5px solid var(--line-2);padding:14px 16px}.tag-suggest button{padding:5px 11px;border-radius:var(--r-pill)}.sp-modal{border-radius:var(--r-lg)}.sp-input{padding:18px 20px;gap:13px}.sp-input input{font-size:18px}.sp-row{border-radius:var(--r-md)}.doc-body,.tv-body{font-size:15.5px;line-height:1.72}.doc-body{max-width:70ch}.tv-body{padding:18px 20px}.mention-menu{scrollbar-width:thin}@media (max-width: 640px){.comment-form{flex-direction:column}.comment-form .btn{align-self:flex-end}}.field input,.field select,.field textarea,.ask-textarea,.ask-select,.compat-search input,.comment-form input,.reply-textarea,.cms-adddev input,.tagfield input,.sp-input input,.hero-search input{color:var(--ink)}.field input::placeholder,.field textarea::placeholder,.ask-textarea::placeholder,.compat-search input::placeholder,.comment-form input::placeholder,.reply-textarea::placeholder,.tagfield input::placeholder,.doc-editor textarea::placeholder{color:var(--ink-3);opacity:1}.av-photo{overflow:hidden;padding:0}.av-photo img{width:100%;height:100%;object-fit:cover;display:block}.comments{margin-top:14px}.comments-head{display:flex;align-items:center;gap:7px;font-size:13.5px;color:var(--ink-3);padding-bottom:14px;border-bottom:1px solid var(--line);margin-bottom:16px}.comments-head b{font-family:var(--font-display);color:var(--ink);font-size:15px}.comments-empty{font-size:13.5px;color:var(--ink-3);padding:4px 0 18px}.comments-list{display:flex;flex-direction:column;gap:16px;margin-bottom:22px}.comment-card{display:flex;gap:12px;align-items:flex-start}.comment-av-btn{border:0;background:transparent;padding:0;cursor:pointer;flex:none;border-radius:50%;transition:transform .14s}.comment-av-btn:hover{transform:scale(1.07)}.comment-body{flex:1;min-width:0}.comment-head{display:flex;align-items:baseline;gap:9px;margin-bottom:4px}.comment-author{font-size:13.5px;color:var(--ink);cursor:pointer}.comment-author:hover{color:var(--accent)}.comment-time{font-family:var(--font-mono);font-size:11px;color:var(--ink-4)}.comment-text{font-size:14.5px;line-height:1.62;color:var(--ink-2)}.comment-text p{margin:0 0 8px}.comment-text p:last-child{margin-bottom:0}.comment-text code{font-family:var(--font-mono);font-size:.88em;background:var(--surface-2);padding:1px 6px;border-radius:var(--r-xs);border:1px solid var(--line)}.comment-text a:not(.mention){color:var(--accent);text-decoration:underline;text-underline-offset:2px}.comment-text strong{color:var(--ink)}.comment-actions{display:flex;align-items:center;gap:6px;margin-top:8px}.c-like{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r-pill);padding:4px 11px;font-size:12.5px;font-weight:600;color:var(--ink-3);transition:all .14s}.c-like:hover{border-color:color-mix(in oklab,var(--bad) 50%,transparent);color:var(--bad)}.c-like.on{background:color-mix(in oklab,var(--bad) 12%,transparent);border-color:transparent;color:var(--bad)}.c-like b{font-family:var(--font-display)}.reply{display:flex;gap:12px;align-items:flex-start;padding-top:18px;border-top:1px solid var(--line)}.reply-av{flex:none;margin-top:2px}.reply-main{flex:1;min-width:0;border:1.5px solid var(--line-2);border-radius:var(--r-lg);background:var(--surface);overflow:hidden;transition:border-color .16s,box-shadow .16s}.reply-main:focus-within{border-color:var(--accent);box-shadow:0 0 0 3.5px var(--accent-soft)}.reply-tools{display:flex;align-items:center;gap:2px;padding:7px 9px;border-bottom:1px solid var(--line);background:var(--surface-2)}.reply-tools button{display:inline-flex;align-items:center;gap:5px;border:0;background:transparent;color:var(--ink-3);font-size:13px;font-family:var(--font-body);padding:5px 8px;border-radius:var(--r-sm);cursor:pointer;min-width:30px;justify-content:center}.reply-tools button:hover{background:var(--surface);color:var(--ink)}.reply-tools .reply-prev.on{background:var(--accent-soft);color:var(--accent-ink)}.reply-tools-sep{flex:1}.reply-textarea{width:100%;display:block;border:0!important;background:transparent!important;box-shadow:none!important;font-family:var(--font-body);font-size:14.5px;line-height:1.6;color:var(--ink);padding:13px 15px;resize:vertical;min-height:78px}.reply-textarea:focus{outline:none}.reply-preview{min-height:78px;padding:13px 15px;font-size:14.5px;line-height:1.6;color:var(--ink-2)}.reply-preview code{font-family:var(--font-mono);background:var(--surface-2);padding:1px 5px;border-radius:var(--r-xs)}.reply-foot{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:9px 12px;border-top:1px solid var(--line);background:var(--surface-2)}.reply-hint{font-size:11.5px;color:var(--ink-4);font-family:var(--font-mono)}.reply-hint code{font-size:11px}@media (max-width: 560px){.reply-hint{display:none}}.profile-hero{display:flex;align-items:flex-start;gap:22px;margin:14px 0 26px;flex-wrap:wrap}.profile-av{flex:none;box-shadow:var(--shadow-sm)}.profile-id{flex:1;min-width:240px}.profile-name-row{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.profile-name-row h1{font-size:28px;letter-spacing:-.02em}.profile-rank{display:inline-flex;align-items:center;gap:5px;font-family:var(--font-display);font-size:14px;font-weight:600}.profile-bio{font-size:15px;color:var(--ink-2);margin:10px 0 0;line-height:1.55;max-width:60ch}.profile-prog{margin-top:16px;max-width:460px}.profile-prog-bar{height:9px;border-radius:99px;background:var(--surface-hi);overflow:hidden}.profile-prog-bar span{display:block;height:100%;border-radius:99px;transition:width .5s cubic-bezier(.2,.8,.2,1)}.profile-prog-txt{display:block;margin-top:7px;font-size:12.5px;color:var(--ink-3)}.profile-prog-txt b{font-family:var(--font-display);color:var(--ink)}.profile-actions{display:flex;flex-direction:column;gap:8px;align-items:stretch}.profile-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}.profile-stat{display:flex;flex-direction:column;gap:3px;padding:16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.profile-stat-ico{width:32px;height:32px;border-radius:var(--r-md);display:grid;place-items:center;margin-bottom:6px}.profile-stat-ico[data-tone=accent]{background:var(--accent-soft);color:var(--accent-ink)}.profile-stat-ico[data-tone=good]{background:var(--good-soft);color:var(--good)}.profile-stat-ico[data-tone=info]{background:var(--info-soft);color:var(--info)}.profile-stat b{font-family:var(--font-display);font-size:26px;letter-spacing:-.02em}.profile-stat span{font-size:12px;color:var(--ink-3)}.profile-badges{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.profile-badge{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 8px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);text-align:center;opacity:.5;transition:opacity .2s,border-color .2s,transform .2s}.profile-badge.reached{opacity:1}.profile-badge.current{border-color:var(--rc);box-shadow:0 0 0 1px var(--rc);transform:translateY(-2px)}.profile-badge-ico{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;color:#fff;background:var(--rc)}.profile-badge:not(.reached) .profile-badge-ico{background:var(--surface-hi);color:var(--ink-4)}.profile-badge b{font-size:13px}.profile-badge span{font-family:var(--font-mono);font-size:10px;color:var(--ink-3)}.profile-rolebox{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:26px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-2)}.profile-rolebox b{display:block;font-size:14.5px}.profile-rolebox .role-switch{padding:0}.profile-feed{display:flex;flex-direction:column}.profile-feed-row{display:flex;align-items:center;gap:12px;padding:12px 4px;border-bottom:1px solid var(--line);font-size:14px}.profile-feed-row:last-child{border-bottom:0}.profile-feed-ico{width:30px;height:30px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--surface-2);color:var(--ink-3);flex:none}.profile-feed-l{flex:1;color:var(--ink-2)}.profile-feed-xp{font-family:var(--font-display);font-size:13px;color:var(--accent-ink);background:var(--accent-soft);padding:2px 9px;border-radius:var(--r-pill)}.profile-feed-t{font-family:var(--font-mono);font-size:11px;color:var(--ink-4);min-width:48px;text-align:right}.edit-profile{width:min(520px,94vw);display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;animation:popIn .16s ease}.edit-profile-body{padding:20px 24px;display:flex;flex-direction:column;gap:16px}.ep-photo{display:flex;align-items:center;gap:18px}.ep-photo-actions{display:flex;flex-direction:column;gap:8px;align-items:flex-start}.engage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.engage-card{display:flex;flex-direction:column;gap:3px;padding:16px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.engage-card .metric-ico{width:32px;height:32px;margin-bottom:6px}.sb-roleblock{margin-top:10px;padding-top:12px;border-top:1px dashed var(--line-2)}@media (max-width: 900px){.profile-stats{grid-template-columns:repeat(3,1fr)}.engage-grid{grid-template-columns:1fr 1fr}}@media (max-width: 560px){.profile-stats,.profile-badges{grid-template-columns:1fr 1fr}.profile-actions{flex-direction:row;width:100%}}.auth-modal{width:min(440px,94vw);padding:0 28px 24px;text-align:left;border-radius:var(--r-lg);overflow:hidden}.auth-overlay{align-items:flex-start;justify-content:center;overflow-y:auto;padding:24px 16px}.auth-modal{margin:0 auto}.auth-close{position:absolute;top:12px;right:12px;z-index:2}.auth-head{text-align:center;padding:30px 0 16px}.auth-mk{display:inline-grid;place-items:center;width:56px;height:56px;border-radius:16px;background:linear-gradient(150deg,var(--accent-solid),var(--accent-solid-2));color:var(--on-accent);font-weight:800;font-size:27px;font-family:var(--font-mono);box-shadow:var(--shadow-md);margin-bottom:16px}.auth-title{font-size:23px;letter-spacing:-.02em;margin-bottom:7px}.auth-sub{font-size:14px;color:var(--ink-3);margin:0 auto;line-height:1.5;max-width:34ch}.auth-tabs{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:0;padding:4px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);margin-bottom:20px}.auth-tab{position:relative;z-index:1;padding:9px;border:0;background:transparent;font-family:var(--font-body);font-size:14px;font-weight:600;color:var(--ink-3);border-radius:var(--r-sm);transition:color .18s}.auth-tab.is-active{color:var(--ink)}.auth-tab-ind{position:absolute;z-index:0;top:4px;bottom:4px;width:calc(50% - 4px);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-sm);box-shadow:var(--shadow-sm);transition:transform .22s cubic-bezier(.3,.8,.3,1)}.auth-tab-ind[data-mode=signup]{transform:translate(0)}.auth-tab-ind[data-mode=login]{transform:translate(100%)}.auth-form{display:flex;flex-direction:column;gap:14px}.input-icon{position:relative;display:flex;align-items:center}.input-icon>svg:first-child{position:absolute;left:13px;color:var(--ink-4);pointer-events:none}.input-icon input{width:100%;padding-left:40px!important}.input-icon:focus-within>svg:first-child{color:var(--accent)}.input-eye{position:absolute;right:8px;width:30px;height:30px;display:grid;place-items:center;border:0;background:transparent;color:var(--ink-4);border-radius:var(--r-sm);cursor:pointer}.input-eye:hover{color:var(--ink-2);background:var(--surface-2)}.auth-submit{width:100%;padding:13px;font-size:15px;margin-top:4px}.auth-switch{text-align:center;margin-top:16px;font-size:13.5px;color:var(--ink-3)}.auth-switch button{border:0;background:transparent;color:var(--accent);font-weight:700;font-size:13.5px;cursor:pointer}.auth-switch button:hover{text-decoration:underline}.auth-dev{margin-top:18px;padding-top:16px;border-top:1px dashed var(--line-2)}.auth-dev-label{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:10.5px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--ink-4);margin-bottom:10px}.auth-dev-btns{display:grid;grid-template-columns:1fr 1fr 1fr;gap:8px}.auth-dev-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:9px 8px;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r-sm);font-size:12.5px;font-weight:600;color:var(--ink-2);transition:border-color .14s,transform .12s}.auth-dev-btn:hover{border-color:var(--accent-line);transform:translateY(-1px)}.auth-dev-btn[data-role=admin] svg{color:#fb7185}.auth-dev-btn[data-role=moderator] svg{color:#a78bfa}.auth-dev-btn[data-role=user] svg{color:var(--good)}.auth-disc{text-align:center;margin:16px 0 0;font-size:11.5px;color:var(--ink-4)}@media (max-width: 420px){.auth-dev-btns{grid-template-columns:1fr}}@media (max-height: 780px){.auth-head{padding:16px 0 12px}.auth-mk{width:46px;height:46px;font-size:22px;margin-bottom:10px}.auth-sub{font-size:13px}.auth-form{gap:11px}.auth-tabs{margin-bottom:14px}.auth-dev{margin-top:14px;padding-top:12px}}.sb-back{display:flex;align-items:center;gap:8px;width:100%;padding:9px 12px;margin-bottom:6px;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-md);font-size:13px;font-weight:600;color:var(--ink-2);transition:border-color .14s,color .14s}.sb-back:hover{border-color:var(--accent-line);color:var(--accent-ink)}.sb-panel-enter{display:flex;align-items:center;gap:11px;width:100%;margin-top:8px;padding:12px 13px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);text-align:left;cursor:pointer;transition:border-color .14s,transform .12s,box-shadow .14s}.sb-panel-enter:hover{border-color:var(--accent-line);transform:translateY(-1px);box-shadow:var(--shadow-sm)}.sb-panel-ico{width:32px;height:32px;border-radius:var(--r-sm);display:grid;place-items:center;flex:none;color:#fff}.sb-panel-enter[data-role=admin] .sb-panel-ico{background:#fb7185}.sb-panel-enter[data-role=moderator] .sb-panel-ico{background:#a78bfa}.sb-panel-txt{flex:1;min-width:0;display:flex;flex-direction:column;gap:1px}.sb-panel-txt b{font-size:13.5px;color:var(--ink)}.sb-panel-txt span{font-size:11.5px;color:var(--ink-4)}.notif-wrap,.notif-btn{position:relative}.notif-badge{position:absolute;top:1px;right:1px;min-width:16px;height:16px;padding:0 4px;background:var(--bad);color:#fff;font-family:var(--font-mono);font-size:10px;font-weight:700;border-radius:99px;display:grid;place-items:center;border:2px solid var(--bg)}.notif-pop{position:absolute;top:calc(100% + 8px);right:0;width:340px;max-width:calc(100vw - 24px);background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-lg);box-shadow:var(--shadow-lg);overflow:hidden;z-index:90;animation:popIn .14s ease}.notif-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px;border-bottom:1px solid var(--line)}.notif-head b{font-size:15px}.notif-markall{border:0;background:transparent;color:var(--accent);font-size:12px;font-weight:600;cursor:pointer}.notif-markall:hover{text-decoration:underline}.notif-list{max-height:360px;overflow-y:auto}.notif-empty{padding:32px 16px;text-align:center;color:var(--ink-3);font-size:14px}.notif-row{display:flex;align-items:flex-start;gap:11px;width:100%;text-align:left;padding:12px 16px;border:0;background:transparent;border-bottom:1px solid var(--line);cursor:pointer;transition:background .12s}.notif-row:last-child{border-bottom:0}.notif-row:hover{background:var(--surface-2)}.notif-row.unread{background:color-mix(in oklab,var(--accent) 6%,transparent)}.notif-ico{width:32px;height:32px;border-radius:50%;display:grid;place-items:center;flex:none;background:var(--surface-2);color:var(--ink-2)}.notif-ico[data-type=reply]{background:var(--info-soft);color:var(--info)}.notif-ico[data-type=like]{background:color-mix(in oklab,var(--bad) 12%,transparent);color:var(--bad)}.notif-ico[data-type=mention]{background:var(--accent-soft);color:var(--accent-ink)}.notif-ico[data-type=rank]{background:color-mix(in oklab,#fbbf24 18%,transparent);color:#d99e16}.notif-ico[data-type=doc]{background:var(--good-soft);color:var(--good)}.notif-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:3px}.notif-title{font-size:13.5px;line-height:1.4;color:var(--ink)}.notif-time{font-family:var(--font-mono);font-size:11px;color:var(--ink-4)}.notif-dot{width:8px;height:8px;border-radius:99px;background:var(--accent);flex:none;margin-top:5px}.notif-foot{display:block;width:100%;padding:11px;border:0;border-top:1px solid var(--line);background:var(--surface-2);color:var(--ink-2);font-size:13px;font-weight:600;cursor:pointer}.notif-foot:hover{background:var(--surface-hi);color:var(--ink)}@media (max-width: 560px){.notif-pop{position:fixed;top:60px;right:12px;left:12px;width:auto}}.save-btn{display:inline-flex;align-items:center;gap:6px;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r-sm);padding:7px 12px;font-size:13px;font-weight:600;color:var(--ink-2);transition:all .14s}.save-btn:hover{border-color:var(--accent-line);color:var(--accent-ink)}.save-btn.on{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink)}.room-actions{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 16px}.central-tabs{display:flex;flex-wrap:wrap;gap:4px;padding:4px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md);margin:18px 0 22px}.central-tab{display:inline-flex;align-items:center;gap:7px;padding:9px 15px;border:0;background:transparent;border-radius:var(--r-sm);font-size:13.5px;font-weight:600;color:var(--ink-3);transition:all .15s}.central-tab:hover{color:var(--ink)}.central-tab.is-active{background:var(--surface);color:var(--ink);box-shadow:var(--shadow-sm)}.saved-group{margin-bottom:22px}.saved-group-label{display:flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:var(--ink-3);margin-bottom:10px}.saved-group-label span{background:var(--surface-2);border-radius:99px;padding:1px 8px;color:var(--ink-4)}.saved-row{display:flex;align-items:center;gap:12px;padding:12px 14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);margin-bottom:8px;cursor:pointer;transition:border-color .14s,transform .12s}.saved-row:hover{border-color:var(--accent-line);transform:translateY(-1px)}.saved-ico{width:32px;height:32px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--surface-2);color:var(--ink-2);flex:none}.saved-title{flex:1;min-width:0;font-size:14.5px;font-weight:600;color:var(--ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.saved-time{font-family:var(--font-mono);font-size:11px;color:var(--ink-4);flex:none}.saved-rm{width:28px;height:28px;display:grid;place-items:center;border:0;background:transparent;color:var(--ink-4);border-radius:var(--r-sm);cursor:pointer;flex:none}.saved-rm:hover{background:var(--bad-soft);color:var(--bad)}.order-row{display:flex;align-items:center;gap:12px;padding:14px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);margin-bottom:8px}.order-ico{width:36px;height:36px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink);flex:none}.order-main{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.order-main b{font-size:14.5px}.order-price{font-family:var(--font-display);font-size:16px}.order-foot{font-size:13px;color:var(--ink-3);margin-top:12px}.backup-card{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden;margin-bottom:16px}.backup-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:16px 18px;border-bottom:1px solid var(--line)}.backup-row:last-of-type{border-bottom:0}.backup-row b{display:block;font-size:14.5px}.backup-msg{display:flex;align-items:center;gap:7px;padding:11px 18px;background:var(--good-soft);color:var(--good);font-size:13px;font-weight:600}.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:18px}.tier{position:relative;display:flex;flex-direction:column;gap:12px;padding:22px 18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface)}.tier.is-accent{border-color:var(--accent-line);box-shadow:0 0 0 1px var(--accent-line)}.tier.is-current{border-color:var(--accent)}.tier-tag{position:absolute;top:-10px;left:18px;font-family:var(--font-mono);font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;padding:3px 9px;border-radius:99px;background:var(--accent-solid);color:var(--on-accent)}.tier-name{font-family:var(--font-display);font-size:17px;font-weight:600}.tier-price{display:flex;align-items:baseline;gap:4px}.tier-price b{font-family:var(--font-display);font-size:30px;letter-spacing:-.02em;white-space:nowrap}.tier-price{display:flex;align-items:baseline;gap:4px;flex-wrap:nowrap}.tier-price span{font-size:13px;color:var(--ink-3)}.tier-perks{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:9px;flex:1}.tier-perks li{display:flex;align-items:flex-start;gap:8px;font-size:13.5px;color:var(--ink-2);line-height:1.4}.tier-perks li svg{color:var(--good);flex:none;margin-top:2px}.member-perk-row{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 18px;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);margin-bottom:16px}.member-perk-row b{display:block;font-size:14.5px}.donate-card{display:flex;gap:16px;align-items:flex-start;padding:20px;border:1px solid var(--accent-line);border-radius:var(--r-lg);background:linear-gradient(120deg,var(--accent-soft),transparent 70%)}.donate-ico{width:44px;height:44px;border-radius:var(--r-md);display:grid;place-items:center;background:var(--accent-solid);color:var(--on-accent);flex:none}.donate-card b{font-size:16px}.donate-btns{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.donate-amt{padding:8px 16px;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r-pill);font-family:var(--font-display);font-size:14px;font-weight:600;color:var(--ink);cursor:pointer;transition:all .14s}.donate-amt:hover{border-color:var(--accent);color:var(--accent-ink);background:var(--accent-soft)}.donate-thanks{display:inline-flex;align-items:center;gap:7px;margin-top:12px;font-size:13.5px;font-weight:600;color:var(--good)}@media (max-width: 760px){.tiers{grid-template-columns:1fr}}@media (max-width: 560px){.central-tab span{display:inline}.backup-row{flex-wrap:wrap}}.top-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.top-card{border:1px solid var(--line);border-radius:var(--r-lg);overflow:hidden;background:var(--surface)}.top-card-head{padding:12px 16px;color:#fff;font-family:var(--font-display);background:linear-gradient(120deg,oklch(.6 .15 var(--h)),oklch(.45 .13 calc(var(--h) + 20)))}.top-card-head b{font-size:15px}.top-list{list-style:none;margin:0;padding:6px 14px 12px}.top-list li{display:flex;align-items:center;gap:9px;padding:7px 0;font-size:13.5px;border-bottom:1px solid var(--line)}.top-list li:last-child{border-bottom:0}.top-rank{width:20px;height:20px;border-radius:50%;background:var(--surface-hi);color:var(--ink-3);font-family:var(--font-mono);font-size:11px;font-weight:700;display:grid;place-items:center;flex:none}.top-find{margin-left:auto;color:var(--ink-4);display:grid;place-items:center}.top-find:hover{color:var(--accent)}.cheats-list{display:flex;flex-direction:column;gap:12px}.cheat-card{display:flex;gap:14px;padding:16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface)}.cheat-num{width:30px;height:30px;border-radius:50%;background:var(--accent-soft);color:var(--accent-ink);font-family:var(--font-display);font-weight:700;display:grid;place-items:center;flex:none}.cheat-card b{font-size:14.5px}@media (max-width: 860px){.top-grid{grid-template-columns:1fr}}.role-switch{display:flex;gap:5px;padding:2px 6px 6px}.role-opt{flex:1;padding:6px 4px;border:1px solid var(--line-2);background:var(--surface);border-radius:var(--r-sm);font-size:11.5px;font-weight:600;color:var(--ink-3)}.role-opt:hover{border-color:var(--rolec);color:var(--rolec)}.role-opt.is-active{background:color-mix(in oklab,var(--rolec) 15%,transparent);border-color:var(--rolec);color:var(--rolec)}.rom-tabs{display:flex;flex-wrap:wrap;gap:6px;margin:8px 0 16px}.rom-tab{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border:1px solid var(--line);background:var(--surface);border-radius:var(--r-pill);font-size:13.5px;font-weight:600;color:var(--ink-2)}.rom-tab:hover{border-color:var(--accent-line)}.rom-tab.is-active{background:var(--accent-soft);border-color:var(--accent-line);color:var(--accent-ink)}.rom-tab-n{font-family:var(--font-mono);font-size:10.5px;padding:1px 6px;border-radius:99px;background:var(--surface-hi);color:var(--ink-3)}.rom-tab.is-active .rom-tab-n{background:var(--surface)}.rom-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap;margin-bottom:8px}.rom-sys-filter{display:flex;flex-wrap:wrap;gap:6px}.rom-count{font-size:12.5px;margin:4px 0 14px}.rom-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.rom-card{display:flex;flex-direction:column;text-align:left;padding:0;border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface);overflow:hidden;transition:transform .16s,box-shadow .16s,border-color .16s}.rom-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent-line)}.rom-card-body{padding:12px 14px;display:flex;flex-direction:column;gap:4px}.rom-card-top{display:flex;align-items:center;justify-content:space-between}.rom-title{font-size:14.5px;font-family:var(--font-display);line-height:1.2}.rom-sub{font-size:12px}.rom-card-foot{display:flex;align-items:center;justify-content:space-between;margin-top:6px}.perf-dot{width:9px;height:9px;border-radius:99px;display:inline-block}.perf-dot.tier-perfect{background:var(--good)}.perf-dot.tier-great{background:var(--accent)}.perf-dot.tier-ok{background:var(--info)}.perf-dot.tier-no{background:var(--bad)}.rom-cover{position:relative;width:100%;background:linear-gradient(150deg,oklch(.62 .16 var(--h)),oklch(.42 .13 calc(var(--h) + 25)));display:grid;place-items:center;overflow:hidden}.rom-cover:after{content:"";position:absolute;inset:0;background:repeating-linear-gradient(135deg,rgba(255,255,255,.06) 0 10px,transparent 10px 20px)}.rom-cover-art{width:64px;height:64px;border-radius:14px;background:#ffffff29;display:grid;place-items:center;backdrop-filter:blur(2px);border:1px solid rgba(255,255,255,.25)}.rom-cover-art span{font-family:var(--font-display);font-weight:700;font-size:26px;color:#fff;letter-spacing:-.02em}.rom-cover-sys{position:absolute;bottom:8px;left:8px;font-family:var(--font-mono);font-size:10px;font-weight:700;letter-spacing:.04em;color:#fff;background:#00000059;padding:2px 7px;border-radius:99px;z-index:1}.rom-modal{position:relative;width:min(560px,94vw);max-height:88vh;overflow-y:auto;background:var(--surface);border:1px solid var(--line-2);border-radius:var(--r-xl);box-shadow:var(--shadow-lg);padding:24px;animation:popIn .18s ease}.rom-modal-head{display:flex;gap:18px;align-items:flex-start}.rom-modal-head .rom-cover{width:120px;flex:none;border-radius:var(--r-md)}.rom-modal-info{flex:1;min-width:0}.rom-desc{font-size:14.5px;color:var(--ink-2);margin:18px 0;line-height:1.6}.rom-specs{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:18px}.rom-spec{display:flex;flex-direction:column;gap:2px;padding:10px 12px;background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-md)}.rom-spec span{font-family:var(--font-mono);font-size:10px;text-transform:uppercase;letter-spacing:.05em;color:var(--ink-4)}.rom-spec b{font-size:13.5px}.rom-source{display:flex;align-items:center;gap:12px;padding:13px 16px;border:1px solid var(--line);border-radius:var(--r-md);background:var(--surface);transition:border-color .14s,transform .14s}.rom-source:hover{border-color:var(--accent-line);transform:translateY(-2px)}.rom-source b{font-size:14px;display:block}.rom-source span.muted{font-size:12px}.rom-source-ico{width:34px;height:34px;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink);flex:none}.rom-sources{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}@media (max-width: 760px){.rom-sources{grid-template-columns:1fr}}@media (max-width: 1080px){.rom-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 600px){.rom-grid,.rom-specs{grid-template-columns:1fr 1fr}.rom-modal-head{flex-direction:column}.rom-modal-head .rom-cover{width:100%;height:140px!important}}.imgph.is-zoomable{cursor:zoom-in}.imgph-zoom{position:absolute;top:8px;right:8px;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:color-mix(in oklab,var(--bg) 70%,transparent);color:var(--ink-2);border:1px solid var(--line);opacity:0;transition:opacity .16s;backdrop-filter:blur(4px);pointer-events:none;z-index:3}.imgph.is-zoomable:hover .imgph-zoom{opacity:1}.imgph-lens{position:absolute;width:160px;height:160px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:5;background-repeat:no-repeat;background-size:320%;border:3px solid #fff;box-shadow:0 8px 28px #0006,inset 0 0 0 1px #0000001f;background-color:var(--surface)}.lb-overlay{position:fixed;inset:0;z-index:120;display:flex;flex-direction:column;align-items:center;justify-content:center;background:color-mix(in oklab,#000 82%,transparent);backdrop-filter:blur(8px);animation:spIn .18s ease}.lb-toolbar{position:absolute;top:20px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:6px;padding:7px 10px;background:#141418b3;border:1px solid rgba(255,255,255,.12);border-radius:var(--r-pill);box-shadow:0 12px 30px #00000080;z-index:2}.lb-tool{width:38px;height:38px;border-radius:50%;border:0;background:transparent;color:#fff;display:grid;place-items:center;transition:background .14s}.lb-tool:hover{background:#ffffff24}.lb-tool.is-on{background:var(--accent-solid);color:#fff}.lb-zoom{font-family:var(--font-mono);font-size:12px;color:#fff;min-width:44px;text-align:center}.lb-sep{width:1px;height:22px;background:#ffffff2e;margin:0 4px}.lb-stage{flex:1;width:100%;display:grid;place-items:center;touch-action:none;overflow:hidden}.lb-stage.is-zoom{cursor:default}.lb-stage.is-pan{cursor:grab}.lb-stage.is-pan:active{cursor:grabbing}.lb-img{max-width:82vw;max-height:78vh;object-fit:contain;user-select:none;transition:transform .12s ease-out;will-change:transform;filter:drop-shadow(0 18px 40px rgba(0,0,0,.5))}.lb-caption{position:absolute;bottom:22px;left:50%;transform:translate(-50%);text-align:center;color:#fff;display:flex;flex-direction:column;gap:3px;max-width:80vw;z-index:2}.lb-lens{position:fixed;width:240px;height:240px;border-radius:50%;transform:translate(-50%,-50%);pointer-events:none;z-index:5;background-repeat:no-repeat;background-size:300%;background-color:#fff;border:3px solid #fff;box-shadow:0 10px 40px #0000008c,inset 0 0 0 1px #0000001a}.lb-caption b{font-family:var(--font-display);font-size:16px}.lb-caption span{font-size:12.5px;color:#fff9;font-family:var(--font-mono)}.br-page{padding-bottom:100px}.br-wrap{max-width:1040px;padding-top:30px}.br-hero{display:grid;grid-template-columns:1.35fr .85fr;gap:40px;align-items:center;padding:8px 0 16px}.br-hero-title{font-size:clamp(30px,4.4vw,48px);letter-spacing:-.03em;margin:14px 0 16px;max-width:18ch}.br-hero-lead{font-size:17px;line-height:1.62;color:var(--ink-2);max-width:52ch;margin:0 0 24px}.br-hero-cta{display:flex;flex-wrap:wrap;gap:12px}.br-from{margin-top:18px;font-size:14px;color:var(--ink-3)}.br-from b{color:var(--accent-ink);font-family:var(--font-mono)}.br-hero-art{width:100%}.br-hero-art .imgph{min-height:320px}.br-selos{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin:8px 0 56px;padding:16px;border-radius:var(--r-lg);background:var(--surface-2);border:1px solid var(--line)}.br-selo{display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--ink)}.br-selo-ic{width:34px;height:34px;flex:none;border-radius:var(--r-sm);display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink)}.br-sec{margin:64px 0 0}.br-sec-head{margin-bottom:26px}.br-sec-title{font-size:clamp(24px,3vw,32px);letter-spacing:-.025em;margin:10px 0 0}.br-sec-sub{font-size:16px;color:var(--ink-3);margin:12px 0 0;max-width:60ch;line-height:1.55}.br-pkg-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.br-pkg{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 20px;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.br-pkg:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent-line)}.br-pkg.is-pop{border-color:var(--accent-line);border-width:1.5px;box-shadow:0 14px 40px -20px var(--accent-line)}.br-pkg-flag{position:absolute;top:-11px;left:20px;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.04em;background:linear-gradient(180deg,var(--accent-solid),var(--accent-solid-2));color:var(--on-accent);padding:4px 11px;border-radius:var(--r-pill);box-shadow:var(--shadow-sm)}.br-pkg-head h3{font-size:20px;letter-spacing:-.01em}.br-pkg-tag{font-size:13.5px;color:var(--ink-3);margin:7px 0 0;line-height:1.45;min-height:38px}.br-price{display:flex;align-items:baseline;gap:7px;margin:16px 0 2px}.br-price-cur{font-size:16px;font-weight:700;color:var(--ink-2)}.br-price-val{font-family:var(--font-display);font-size:38px;font-weight:700;letter-spacing:-.03em;line-height:1}.br-price-from{font-size:15px;color:var(--ink-4);text-decoration:line-through;align-self:center}.br-price-sub{font-size:12px;color:var(--ink-4);font-family:var(--font-mono);margin-bottom:16px}.br-feats{list-style:none;margin:0 0 20px;padding:0;flex:1}.br-feats li{display:flex;gap:9px;align-items:flex-start;font-size:14px;color:var(--ink-2);margin-bottom:9px;line-height:1.4}.br-feats li svg{flex:none;margin-top:2px;color:var(--accent)}.br-feats-sm li{font-size:13px;margin-bottom:7px}.br-tbl-wrap{overflow-x:auto;padding:0}.br-tbl{width:100%;border-collapse:collapse;font-size:14px;min-width:640px}.br-tbl th,.br-tbl td{padding:12px 14px;border-bottom:1px solid var(--line);text-align:center}.br-tbl thead th{font-family:var(--font-mono);font-size:12px;letter-spacing:.03em;color:var(--ink-2);font-weight:700;background:var(--surface-2)}.br-tbl thead th:first-child,.br-tbl .br-tbl-feat{text-align:left}.br-tbl thead th.is-pop,.br-tbl-cell.is-pop{background:var(--accent-soft)}.br-tbl thead th.is-pop{color:var(--accent-ink)}.br-tbl-feat{font-weight:600;color:var(--ink)}.br-tbl-val{font-family:var(--font-mono);font-size:12.5px;font-weight:600;color:var(--ink-2)}.br-tbl-no{color:var(--ink-4)}.br-tbl tbody tr:last-child td{border-bottom:0}.br-tbl tbody tr:hover td{background:color-mix(in oklab,var(--surface-2) 60%,transparent)}.br-tbl tbody tr:hover td.is-pop{background:var(--accent-soft)}.br-vs{display:grid;grid-template-columns:1fr 1fr;gap:16px}.br-vs-col{border-radius:var(--r-lg);border:1px solid var(--line);overflow:hidden;background:var(--surface)}.br-vs-head{display:flex;align-items:center;gap:9px;padding:14px 18px;font-weight:700;font-size:15px;border-bottom:1px solid var(--line)}.br-vs-bad .br-vs-head{background:var(--bad-soft);color:var(--bad)}.br-vs-good .br-vs-head{background:var(--good-soft);color:var(--good)}[data-theme=light] .br-vs-good .br-vs-head{color:oklch(.46 .13 155)}.br-vs-row{padding:11px 18px;font-size:14px;color:var(--ink-2);border-bottom:1px solid var(--line)}.br-vs-row:last-child{border-bottom:0}.br-vs-good .br-vs-row{color:var(--ink);font-weight:500}.br-combo-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.br-combo{display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:20px;box-shadow:var(--shadow-sm);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.br-combo:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:var(--accent-line)}.br-combo-top{display:flex;align-items:center;gap:13px;margin-bottom:10px}.br-combo-ic{width:40px;height:40px;flex:none;border-radius:var(--r-md);display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-ink)}.br-combo-top h3{font-size:17px}.br-combo-price{font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--accent-ink);letter-spacing:-.02em}.br-combo-tag{font-size:13.5px;color:var(--ink-3);margin:0 0 14px;line-height:1.45}.br-combo .btn{margin-top:auto}.br-extras{display:grid;grid-template-columns:repeat(2,1fr);gap:10px}.br-extra{display:flex;align-items:center;justify-content:space-between;padding:13px 16px;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-md);font-size:14px}.br-extra b{font-family:var(--font-mono);color:var(--accent-ink)}.br-sub-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.br-sub{position:relative;display:flex;flex-direction:column;background:var(--surface);border:1px solid var(--line);border-radius:var(--r-lg);padding:22px 20px;box-shadow:var(--shadow-sm)}.br-sub.is-best{border-color:var(--accent-line);border-width:1.5px}.br-sub-flag{position:absolute;top:-11px;left:20px;font-family:var(--font-mono);font-size:11px;font-weight:700;background:linear-gradient(180deg,var(--accent-solid),var(--accent-solid-2));color:var(--on-accent);padding:4px 11px;border-radius:var(--r-pill)}.br-sub h3{font-size:17px}.br-sub-price{margin:10px 0 16px;display:flex;align-items:baseline;gap:4px}.br-sub-price b{font-family:var(--font-display);font-size:30px;font-weight:700;letter-spacing:-.03em}.br-sub-price span{color:var(--ink-3);font-size:14px}.br-channels{display:grid;grid-template-columns:1.1fr .9fr;gap:16px;margin-bottom:18px}.br-channel-main{background:var(--surface);border:1.5px solid var(--accent-line);border-radius:var(--r-lg);padding:26px;box-shadow:0 14px 40px -22px var(--accent-line)}.br-channel-badge{display:inline-block;font-family:var(--font-mono);font-size:11px;font-weight:700;letter-spacing:.04em;color:var(--accent-ink);background:var(--accent-soft);border:1px solid var(--accent-line);padding:4px 11px;border-radius:var(--r-pill)}.br-channel-main h3{font-size:24px;margin:14px 0 10px;letter-spacing:-.02em}.br-channel-main p{font-size:14.5px;color:var(--ink-2);line-height:1.55;margin:0 0 18px}.br-channel-side{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-lg);padding:18px}.br-channel-side-label{font-family:var(--font-mono);font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-4);margin-bottom:12px}.br-mkt{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.br-mkt:last-child{border-bottom:0}.br-mkt-main b{display:block;font-size:14.5px}.br-mkt-main span{font-size:12.5px;color:var(--ink-3);line-height:1.4}.br-mkt-best{flex:none;font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--accent-ink);background:var(--accent-soft);padding:3px 9px;border-radius:var(--r-pill)}.br-final{margin:72px 0 0;padding:48px 24px;text-align:center;border-radius:var(--r-xl);background:var(--surface-2);border:1px solid var(--line)}.br-final h2{font-size:clamp(24px,3vw,32px);letter-spacing:-.025em}.br-final p{font-size:16px;color:var(--ink-3);margin:12px 0 24px}@media (max-width: 980px){.br-pkg-grid,.br-sub-grid{grid-template-columns:repeat(2,1fr)}.br-channels{grid-template-columns:1fr}}@media (max-width: 760px){.br-hero{grid-template-columns:1fr;gap:24px}.br-hero-art{max-width:280px}.br-selos{grid-template-columns:repeat(2,1fr)}.br-pkg-grid,.br-sub-grid,.br-combo-grid,.br-vs,.br-extras{grid-template-columns:1fr}}