:root{--bg: #f6f7fb;--bg-card: #ffffff;--bg-sub: #f1f3f9;--border: #e2e6f0;--text: #0f172a;--text-muted: #64748b;--text-faint: #94a3b8;--accent: #2563eb;--accent-soft: #dbeafe;--accent-strong: #1d4ed8;--shadow: 0 2px 6px rgba(15, 23, 42, .04), 0 12px 32px rgba(15, 23, 42, .06);--radius: 8px;--radius-sm: 8px;--sidebar-w: 240px;--topbar-h: 56px;font-family:Inter,-apple-system,BlinkMacSystemFont,Hiragino Sans,sans-serif;color-scheme:light}[data-theme=dark]{--bg: #0b1020;--bg-card: #131a2c;--bg-sub: #1a2236;--border: #2b3450;--text: #e2e8f0;--text-muted: #94a3b8;--text-faint: #64748b;--accent: #60a5fa;--accent-soft: #1e3a5f;--accent-strong: #3b82f6;--shadow: 0 2px 6px rgba(0, 0, 0, .25), 0 12px 36px rgba(0, 0, 0, .4);color-scheme:dark}@media (prefers-color-scheme: dark){:root:not([data-theme]){--bg: #0b1020;--bg-card: #131a2c;--bg-sub: #1a2236;--border: #2b3450;--text: #e2e8f0;--text-muted: #94a3b8;--text-faint: #64748b;--accent: #60a5fa;--accent-soft: #1e3a5f;--accent-strong: #3b82f6;--shadow: 0 2px 6px rgba(0, 0, 0, .25), 0 12px 36px rgba(0, 0, 0, .4);color-scheme:dark}}*{box-sizing:border-box}html,body{margin:0;height:100%}body{background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;font-size:14px;line-height:1.55}code{font-family:JetBrains Mono,ui-monospace,monospace;background:var(--bg-sub);border:1px solid var(--border);padding:1px 6px;border-radius:4px;font-size:.9em}.app{display:flex;flex-direction:column;min-height:100%}.topbar{position:sticky;top:0;z-index:30;height:var(--topbar-h);display:flex;align-items:center;gap:12px;padding:0 16px;background:var(--bg-card);border-bottom:1px solid var(--border)}.menu-toggle{display:none;background:none;border:1px solid var(--border);border-radius:var(--radius-sm);width:36px;height:36px;font-size:18px;cursor:pointer;color:var(--text)}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:36px;height:36px;display:grid;place-items:center;background:linear-gradient(135deg,var(--accent-strong),var(--accent));color:#fff;border-radius:10px;font-weight:700;font-size:18px}.brand-title{font-weight:700;font-size:15px;letter-spacing:-.01em}.brand-sub{font-size:12px;color:var(--text-muted)}.lang-switcher{margin-left:auto;position:relative}.lang-toggle{display:flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid var(--border);border-radius:var(--radius-sm);background:var(--bg-card);color:var(--text);font-size:13px;font-weight:600;cursor:pointer;transition:background .12s ease,border-color .12s ease}.lang-toggle:hover{background:var(--bg-sub);border-color:var(--accent)}.lang-toggle .lang-icon{display:inline-flex}.lang-menu{position:absolute;top:calc(100% + 6px);right:0;min-width:140px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:var(--shadow);padding:6px;z-index:50}.lang-option{display:block;width:100%;padding:8px 12px;border:none;border-radius:6px;background:transparent;color:var(--text);font-size:13px;text-align:left;cursor:pointer;transition:background .1s ease}.lang-option:hover{background:var(--bg-sub)}.lang-option.active{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.layout{display:grid;grid-template-columns:var(--sidebar-w) 1fr;flex:1;min-height:0}.sidebar{border-right:1px solid var(--border);background:var(--bg-card);padding:16px 12px;position:sticky;top:var(--topbar-h);height:calc(100vh - var(--topbar-h));overflow-y:auto;display:flex;flex-direction:column}.sidebar-section{margin-bottom:20px}.sidebar-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);padding:0 12px;margin-bottom:8px}.audience-nav,.category-nav{display:flex;flex-direction:column;gap:2px}.audience-item,.category-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer;text-align:left;color:var(--text);font-size:13px;font-weight:500;transition:background .12s ease,border-color .12s ease}.audience-item:hover,.category-item:hover{background:var(--bg-sub)}.audience-item.active,.category-item.active{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-strong)}.category-icon{width:22px;display:inline-flex;align-items:center;justify-content:center}.category-count{margin-left:auto;font-size:11px;color:var(--text-faint);background:var(--bg-sub);padding:2px 6px;border-radius:10px}.category-item.active .category-count{background:var(--accent);color:#fff}.sidebar-footer{margin-top:auto;padding-top:16px;border-top:1px solid var(--border);font-size:11px;color:var(--text-faint);display:flex;flex-direction:column;gap:4px}.content{padding:24px clamp(16px,3vw,32px) 48px;min-width:0}.content-header{margin-bottom:20px}.content-header h1{margin:0;display:flex;gap:10px;align-items:center;font-size:22px;font-weight:700;letter-spacing:-.01em}.content-header p{margin:4px 0 0;color:var(--text-muted);font-size:13px}.content-icon{display:inline-flex}.toolbar{display:flex;gap:12px;align-items:center;margin-bottom:16px}.search{flex:1;max-width:400px;font:inherit;padding:10px 14px;border:1px solid var(--border);background:var(--bg-card);color:var(--text);border-radius:var(--radius-sm)}.search:focus{outline:2px solid var(--accent);outline-offset:-1px;border-color:var(--accent)}.result-count{font-size:12px;color:var(--text-muted);white-space:nowrap}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow)}.card.no-pad{padding:0;overflow:hidden}.table-scroll{max-height:calc(100vh - var(--topbar-h) - 180px);min-height:300px;overflow:auto}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table thead th{text-align:left;font-weight:600;background:var(--bg-sub);color:var(--text-muted);padding:12px 14px;border-bottom:1px solid var(--border);white-space:nowrap}.data-table.sticky thead th{position:sticky;top:0;z-index:5}.data-table tbody td{padding:12px 14px;border-bottom:1px solid var(--border);vertical-align:top}.data-table tbody tr{cursor:pointer;transition:background .1s ease}.data-table tbody tr:hover{background:var(--bg-sub)}.data-table tbody tr:last-child td{border-bottom:none}.format-name{font-weight:600;color:var(--accent-strong)}.format-fullname{font-size:11px;color:var(--text-muted);display:block;margin-top:2px}.format-ext{display:inline-flex;gap:4px;flex-wrap:wrap}.format-ext code{font-size:11px;padding:2px 6px}.format-type{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.03em}.format-type.text{color:var(--accent-strong)}.format-type.binary{color:#b45309}.format-desc{max-width:320px;font-size:12px;color:var(--text-muted);line-height:1.5}.empty-row td{text-align:center;color:var(--text-muted);padding:40px 14px}.detail-dialog{position:fixed;inset:0;margin:auto;width:min(90vw,680px);max-height:85vh;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);padding:0;overflow:hidden}.detail-dialog::backdrop{background:#0f172a80}.detail{padding:28px;overflow-y:auto;max-height:85vh}.detail-close{position:absolute;top:12px;right:12px;width:32px;height:32px;border:none;background:var(--bg-sub);border-radius:50%;font-size:18px;cursor:pointer;color:var(--text-muted);transition:background .1s ease}.detail-close:hover{background:var(--border);color:var(--text)}.d-header{margin-bottom:20px}.d-cat{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-strong);margin-bottom:6px}.d-title{margin:0;font-size:24px;font-weight:700}.d-fullname{margin:4px 0 0;color:var(--text-muted);font-size:13px}.d-tagline{margin:8px 0 0;font-size:14px;color:var(--text)}.d-section{margin-top:20px}.d-section-title{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-faint);margin:0 0 10px}.d-table{width:100%;border-collapse:collapse;font-size:13px}.d-table th{text-align:left;font-weight:500;color:var(--text-muted);padding:8px 12px 8px 0;width:100px;vertical-align:top}.d-table td{padding:8px 0}.d-table code{margin-right:4px}.d-desc{font-size:14px;line-height:1.7;color:var(--text)}.d-audiences{display:flex;flex-direction:column;gap:12px}.d-aud{background:var(--bg-sub);border-radius:var(--radius-sm);padding:14px}.d-aud-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--accent-strong);margin-bottom:6px}.d-aud-text{margin:0;font-size:13px;line-height:1.6;color:var(--text)}.d-proscons{display:grid;grid-template-columns:1fr 1fr;gap:16px}.d-pros h4,.d-cons h4{margin:0 0 8px;font-size:12px;font-weight:600}.d-pros h4{color:#16a34a}.d-cons h4{color:#dc2626}.d-pros ul,.d-cons ul{margin:0;padding-left:18px;font-size:13px;line-height:1.6}.d-tools,.d-related{display:flex;flex-wrap:wrap;gap:6px}.d-tool{font-size:12px;padding:4px 10px;background:var(--bg-sub);border:1px solid var(--border);border-radius:20px;color:var(--text-muted)}.d-related-pill{font-size:12px;padding:4px 10px;background:var(--accent-soft);border:1px solid transparent;border-radius:20px;color:var(--accent-strong);font-weight:500;cursor:pointer;transition:background .1s ease}.d-related-pill:hover{background:var(--accent);color:#fff}.d-example{background:var(--bg-sub);border:1px solid var(--border);border-radius:var(--radius-sm);padding:14px;overflow-x:auto}.d-example pre{margin:0;font-family:JetBrains Mono,monospace;font-size:12px;line-height:1.5;white-space:pre-wrap;word-break:break-word}.d-trivia{margin-top:20px;padding:14px;background:var(--accent-soft);border-radius:var(--radius-sm);font-size:13px;line-height:1.6;color:var(--text)}.i18n-fallback{opacity:.8;font-style:italic}@media (max-width: 880px){.layout{grid-template-columns:1fr}.menu-toggle{display:inline-grid;place-items:center}.sidebar{position:fixed;inset:var(--topbar-h) 0 0 0;height:calc(100vh - var(--topbar-h));transform:translate(-100%);transition:transform .18s ease;z-index:25;width:min(86vw,300px);box-shadow:var(--shadow)}.sidebar.open{transform:translate(0)}.content{padding:20px 16px 48px}.d-proscons{grid-template-columns:1fr}.sidebar.hidden-on-detail{display:none}}.page-view{max-width:800px;margin:0 auto}.detail-page,.category-page{animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.detail-nav{margin-bottom:20px}.back-link{display:inline-flex;align-items:center;gap:4px;font-size:13px;color:var(--text-muted);text-decoration:none;padding:6px 12px;border-radius:var(--radius-sm);transition:all .1s ease}.back-link:hover{color:var(--accent-strong);background:var(--bg-sub)}.breadcrumb{margin:4px 0 20px;font-size:13px;color:var(--text-muted)}.breadcrumb ol{display:flex;flex-wrap:wrap;gap:6px;list-style:none;margin:0;padding:0}.breadcrumb li{display:inline-flex;align-items:center}.breadcrumb li+li:before{content:"/";margin:0 6px;color:var(--text-muted);opacity:.6}.breadcrumb a{color:var(--accent);text-decoration:none}.breadcrumb a:hover{text-decoration:underline}.breadcrumb [aria-current=page]{color:var(--text-muted)}.skip-link{position:absolute;left:8px;top:-40px;z-index:10000;padding:8px 12px;background:var(--accent-strong);color:#fff;border-radius:var(--radius-sm);font-size:13px;text-decoration:none;transition:top .15s ease}.skip-link:focus{top:8px;outline:2px solid #fff;outline-offset:2px}#mainContent:focus-visible{outline:none}.ad-slot{display:block;margin:28px 0;min-height:90px;text-align:center;background:var(--bg-sub);border:1px dashed transparent;border-radius:var(--radius-sm);overflow:hidden}.ad-slot ins.adsbygoogle{min-width:250px}.consent-banner{position:fixed;left:16px;right:16px;bottom:16px;z-index:9999;display:flex;flex-wrap:wrap;gap:16px;align-items:center;justify-content:space-between;padding:16px 20px;background:var(--bg-card);color:var(--text);border:1px solid rgba(0,0,0,.08);border-radius:8px;box-shadow:0 8px 24px #00000024;font-size:14px;line-height:1.5}.consent-body{flex:1 1 320px;min-width:240px}.consent-title{font-size:15px;margin:0 0 4px;font-weight:600}.consent-text{margin:0;color:var(--text-muted)}.consent-actions{display:flex;gap:8px;flex-wrap:wrap}.consent-btn{appearance:none;border:1px solid rgba(0,0,0,.12);background:var(--bg-card);color:var(--text);padding:8px 14px;border-radius:8px;font-size:13px;font-weight:500;cursor:pointer}.consent-btn:hover{background:var(--bg-sub)}.consent-accept{background:var(--accent);color:#fff;border-color:var(--accent-strong)}.consent-accept:hover{background:var(--accent-strong)}[data-theme=dark] .consent-banner{border-color:#ffffff14}@media (prefers-color-scheme: dark){:root:not([data-theme]) .consent-banner{border-color:#ffffff14}}@media (max-width: 540px){.consent-banner{flex-direction:column;align-items:stretch}.consent-actions{justify-content:stretch}.consent-btn{flex:1}}.format-link{text-decoration:none;color:inherit;display:block}.format-link:hover .format-name{text-decoration:underline}.d-related-pill{text-decoration:none}.not-found-page{display:flex;align-items:center;justify-content:center;min-height:60vh;text-align:center}.not-found-content{max-width:400px}.not-found-title{font-size:72px;font-weight:700;color:var(--text-faint);margin:0 0 8px}.not-found-message{font-size:20px;font-weight:600;color:var(--text);margin:0 0 8px}.not-found-desc{font-size:14px;color:var(--text-muted);margin:0 0 24px}.not-found-link{display:inline-block;padding:10px 20px;background:var(--accent);color:#fff;text-decoration:none;border-radius:var(--radius-sm);font-weight:500;transition:background .1s ease}.not-found-link:hover{background:var(--accent-strong)}.detail-page .detail{padding:0;max-height:none;overflow:visible}.detail-page .d-title{font-size:28px}.category-page .content-header{margin-bottom:20px}.category-page .toolbar{margin-bottom:12px}@media (min-width: 881px){.sidebar.hidden-on-detail{opacity:.5;pointer-events:none}.sidebar.hidden-on-detail:hover{opacity:1;pointer-events:auto}}