:root,[data-theme=dark]{--bg: #08090e;--bg2: #0f1118;--bg3: #161922;--bg4: #1c2030;--border: #232838;--border-lt: #2d3348;--text: #c8cdd8;--text2: #6b7280;--text-heading: #f1f3f8;--accent: #7c5cfc;--accent-lt: #9b7eff;--accent-bg: rgba(124,92,252,.08);--green: #22c55e;--green-bg: rgba(34,197,94,.1);--red: #ef4444;--red-bg: rgba(239,68,68,.08);--gold: #fbbf24;--gold-bg: rgba(251,191,36,.1);--header-bg: rgba(8,9,14,.92);--header-blur: blur(12px);--radius: 12px;--radius-sm: 8px;--radius-xs: 5px;--shadow: 0 8px 32px rgba(0,0,0,.5);--shadow-sm: 0 2px 8px rgba(0,0,0,.3);--gradient-card: linear-gradient(135deg, #0f1118 0%, #161922 100%);--gradient-accent: linear-gradient(135deg, #7c5cfc 0%, #a78bfa 100%)}[data-theme=light]{--bg: #f4f6fa;--bg2: #ffffff;--bg3: #f0f2f7;--bg4: #e8ebf2;--border: #dfe3ec;--border-lt: #e8ebf2;--text: #374151;--text2: #6b7280;--text-heading: #111827;--accent: #6d4aed;--accent-lt: #7c5cfc;--accent-bg: rgba(109,74,237,.06);--green: #16a34a;--green-bg: rgba(22,163,74,.08);--red: #dc2626;--red-bg: rgba(220,38,38,.06);--gold: #d97706;--gold-bg: rgba(217,119,6,.08);--header-bg: rgba(255,255,255,.92);--header-blur: blur(12px);--shadow: 0 8px 32px rgba(0,0,0,.06);--shadow-sm: 0 2px 8px rgba(0,0,0,.04);--gradient-card: linear-gradient(135deg, #ffffff 0%, #f8f9fc 100%);--gradient-accent: linear-gradient(135deg, #6d4aed 0%, #8b5cf6 100%)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,system-ui,sans-serif;font-size:16px;line-height:1.7;color:var(--text);background:var(--bg);-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:var(--accent);text-decoration:none;transition:color .15s}a:hover{color:var(--accent-lt)}h1{font-size:clamp(24px,4vw,32px);font-weight:800;line-height:1.2;color:var(--text-heading);letter-spacing:-.02em}h2{font-size:21px;font-weight:700;color:var(--text-heading);margin:40px 0 16px;position:relative;padding-left:16px}h2:before{content:"";position:absolute;left:0;top:4px;bottom:4px;width:4px;border-radius:2px;background:var(--gradient-accent)}h3{font-size:17px;font-weight:600;color:var(--text-heading);margin:24px 0 10px}p{margin:12px 0}strong{color:var(--text-heading)}ul,ol{padding-left:20px;margin:12px 0}li{font-size:15px;line-height:1.8;margin-bottom:6px}blockquote{background:var(--accent-bg);border-left:3px solid var(--accent);border-radius:0 var(--radius-sm) var(--radius-sm) 0;padding:16px 20px;margin:16px 0;font-size:14px;color:var(--text)}.wrap{max-width:880px;margin:0 auto;padding:0 24px}.site-header{position:sticky;top:0;z-index:100;background:var(--header-bg);backdrop-filter:var(--header-blur);-webkit-backdrop-filter:var(--header-blur);border-bottom:1px solid var(--border)}.header-inner{max-width:1200px;margin:0 auto;padding:0 24px;height:62px;display:flex;align-items:center;justify-content:space-between;gap:16px}.logo{font-size:21px;font-weight:800;color:var(--text-heading);text-decoration:none;display:flex;align-items:center;gap:6px;letter-spacing:-.03em}.logo .mark,.mega-footer__logo .mark{background:var(--gradient-accent);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.header-nav{display:flex;gap:2px;align-items:center}.nav-item{position:relative}.nav-item>a{color:var(--text2);font-size:14px;font-weight:500;padding:8px 14px;border-radius:var(--radius-sm);transition:background .15s,color .15s;display:flex;align-items:center;gap:4px}.nav-item>a:hover,.nav-item>a.active{background:var(--accent-bg);color:var(--accent)}.nav-item>a .arrow{font-size:10px;opacity:.6;transition:transform .2s}.nav-item:hover>a .arrow{transform:rotate(180deg)}.dropdown{position:absolute;top:100%;left:0;min-width:200px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius-sm);padding:8px;box-shadow:var(--shadow);opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .2s,transform .2s,visibility .2s;z-index:200}.nav-item:hover .dropdown{opacity:1;visibility:visible;transform:translateY(4px)}.dropdown a{display:block;padding:8px 12px;font-size:13px;font-weight:500;color:var(--text);border-radius:var(--radius-xs);transition:background .15s,color .15s}.dropdown a:hover{background:var(--accent-bg);color:var(--accent)}.header-right{display:flex;align-items:center;gap:10px}.theme-toggle{width:36px;height:36px;border-radius:50%;border:1px solid var(--border);background:var(--bg3);cursor:pointer;display:flex;align-items:center;justify-content:center;font-size:16px;transition:border-color .15s,background .15s;color:var(--text)}.theme-toggle:hover{border-color:var(--accent);background:var(--accent-bg)}.bc{font-size:13px;color:var(--text2);display:flex;flex-wrap:wrap;align-items:center;gap:6px;padding:20px 0 16px}.bc a{color:var(--text2);transition:color .15s}.bc a:hover{color:var(--accent)}.bc .sep{opacity:.4;font-size:11px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font-weight:600;font-size:14px;padding:12px 28px;border-radius:var(--radius-sm);transition:all .15s;text-decoration:none;cursor:pointer;border:none}.btn--primary{background:var(--gradient-accent);color:#fff;box-shadow:0 4px 16px #7c5cfc4d}.btn--primary:hover{transform:translateY(-2px);box-shadow:0 6px 24px #7c5cfc66;color:#fff}.btn--outline{background:transparent;color:var(--accent);border:1px solid var(--accent)}.btn--outline:hover{background:var(--accent-bg);color:var(--accent)}.badge{display:inline-flex;align-items:center;gap:5px;font-size:12px;font-weight:500;padding:5px 10px;border-radius:20px;background:var(--bg4);border:1px solid var(--border);color:var(--text)}.badge--green{background:var(--green-bg);border-color:var(--green);color:var(--green)}.badge--gold{background:var(--gold-bg);border-color:var(--gold);color:var(--gold)}table{width:100%;border-collapse:collapse;margin:16px 0;font-size:14px}th{background:var(--bg3);color:var(--text-heading);font-weight:600;font-size:12px;text-transform:uppercase;letter-spacing:.5px;text-align:left;padding:12px 16px;border:1px solid var(--border)}td{padding:12px 16px;border:1px solid var(--border);color:var(--text)}tr:hover td{background:var(--bg3)}.faq{margin:36px 0}.faq-item{border:1px solid var(--border);border-radius:var(--radius-sm);margin-bottom:8px;overflow:hidden;transition:border-color .2s}.faq-item:hover{border-color:var(--border-lt)}.faq-item.open{border-color:var(--accent)}.faq-q{background:var(--bg2);padding:16px 20px;font-weight:600;font-size:15px;color:var(--text-heading);cursor:pointer;display:flex;justify-content:space-between;align-items:center;transition:background .15s;user-select:none}.faq-q:hover{background:var(--bg3)}.faq-q__icon{width:24px;height:24px;border-radius:50%;background:var(--accent-bg);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--accent);transition:transform .2s;flex-shrink:0}.faq-item.open .faq-q__icon{transform:rotate(45deg)}.faq-a{padding:0 20px;max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;font-size:14px;line-height:1.7;color:var(--text2)}.faq-item.open .faq-a{padding:16px 20px;max-height:300px}.share-block{display:flex;align-items:center;gap:10px;margin:24px 0}.share-block__label{font-size:13px;color:var(--text2)}.share-btn{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:50%;background:var(--bg3);border:1px solid var(--border);font-size:12px;font-weight:700;color:var(--text);transition:border-color .15s,background .15s,color .15s;text-decoration:none}.share-btn:hover{border-color:var(--accent);background:var(--accent-bg);color:var(--accent)}.disclaimer{background:var(--bg3);border:1px solid var(--border);border-radius:var(--radius-sm);padding:18px 22px;margin:36px 0;font-size:12px;color:var(--text2);line-height:1.7}.disclaimer strong{color:var(--text)}.author-block{display:flex;align-items:center;gap:16px;background:var(--bg2);border:1px solid var(--border);border-radius:var(--radius);padding:20px 24px;margin:32px 0}.author-block__avatar img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:2px solid var(--accent-bg)}.author-block__name{font-weight:700;font-size:15px;color:var(--text-heading);text-decoration:none;transition:color .15s}.author-block__name:hover{color:var(--accent)}.author-block__role{font-size:12px;font-weight:600;color:var(--accent);margin:2px 0 4px}.author-block__desc{font-size:13px;color:var(--text2);line-height:1.5}.cookie-banner{position:fixed;bottom:0;left:0;right:0;z-index:999;background:var(--bg2);border-top:1px solid var(--border);padding:16px 24px;display:none;align-items:center;justify-content:center;gap:16px;box-shadow:0 -4px 20px #0000004d}.cookie-banner__text{font-size:13px;color:var(--text2);line-height:1.5;max-width:700px}.cookie-banner__text a{color:var(--accent)}.cookie-banner__btn{background:var(--gradient-accent);color:#fff;border:none;padding:10px 22px;border-radius:var(--radius-xs);font-size:13px;font-weight:600;cursor:pointer;white-space:nowrap;transition:transform .15s}.cookie-banner__btn:hover{transform:translateY(-1px)}.mega-footer{background:var(--bg2);border-top:1px solid var(--border);padding:48px 24px 24px;margin-top:48px}.mega-footer__inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px}.mega-footer__logo{font-size:20px;font-weight:800;color:var(--text-heading);margin-bottom:10px;letter-spacing:-.03em}.mega-footer__desc{font-size:13px;color:var(--text2);line-height:1.6;margin-bottom:16px}.mega-footer__social{display:flex;gap:8px}.mega-footer__social a{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:50%;background:var(--bg3);border:1px solid var(--border);font-size:12px;font-weight:700;color:var(--text2);transition:border-color .15s,color .15s;text-decoration:none}.mega-footer__social a:hover{border-color:var(--accent);color:var(--accent)}.mega-footer__title{font-size:13px;font-weight:700;color:var(--text-heading);text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.mega-footer__links{list-style:none;padding:0}.mega-footer__links li{margin-bottom:8px}.mega-footer__links a{font-size:13px;color:var(--text2);transition:color .15s}.mega-footer__links a:hover{color:var(--accent)}.mega-footer__bottom{max-width:1200px;margin:32px auto 0;padding-top:20px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.mega-footer__copy,.mega-footer__badges{font-size:12px;color:var(--text2)}.changelog{margin:28px 0;border-top:1px solid var(--border);padding-top:20px}.changelog__title{font-size:13px;font-weight:600;color:var(--text2);text-transform:uppercase;letter-spacing:.5px;margin-bottom:10px}.changelog__list{list-style:none;padding:0}.changelog__list li{font-size:13px;color:var(--text2);padding:4px 0 4px 14px;position:relative}.changelog__list li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.changelog__list li strong{color:var(--text)}.timeline{margin:16px 0 28px;padding-left:16px;border-left:2px solid var(--border)}.timeline__step{position:relative;padding:0 0 20px 20px}.timeline__step--last{padding-bottom:0}.timeline__dot{position:absolute;left:-25px;top:4px;width:12px;height:12px;border-radius:50%;background:var(--accent);border:2px solid var(--bg);box-shadow:0 0 0 2px var(--accent)}.timeline__step--last .timeline__dot{background:var(--green);box-shadow:0 0 0 2px var(--green)}.timeline__label{font-size:14px;font-weight:600;color:var(--text-heading);margin-bottom:2px}.timeline__desc{font-size:13px;color:var(--text2)}@media(max-width:768px){.header-nav{display:none}.mega-footer__inner{grid-template-columns:1fr 1fr;gap:24px}.mega-footer__brand{grid-column:1 / -1}.mega-footer__bottom{justify-content:center;text-align:center}.author-block{flex-direction:column;text-align:center}.wrap{padding:0 16px}h1{font-size:22px}h2{font-size:18px}table{width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}td,th{word-break:break-word}table thead,table tbody{display:table;width:100%}}@media(max-width:480px){.mega-footer__inner{grid-template-columns:1fr;gap:20px}.mega-footer__title{margin-top:8px}.cookie-banner{flex-direction:column;padding:14px 16px;gap:10px}.cookie-banner__text{text-align:center}.share-block{justify-content:center}.bc{font-size:12px}}html,body,.wrap{overflow-x:hidden}