.preferences-bar { display:flex; justify-content:space-between; align-items:center; gap:16px; padding:12px 0; position:relative; z-index:2; }
.section-shortcuts, .site-controls { display:flex; align-items:center; gap:14px; }
.section-shortcuts { flex-wrap:wrap; color:var(--muted); font-size:11px; }
.section-shortcuts a:hover { color:var(--accent); }
.site-controls { flex-shrink:0; gap:8px; }
.site-controls button, .gallery-filters button { min-height:36px; padding:7px 12px; border:1px solid var(--line); border-radius:6px; color:var(--text); background:var(--bg); font-size:11px; cursor:pointer; }
.site-controls button:hover, .gallery-filters button[aria-pressed="true"] { color:var(--accent); border-color:var(--accent); }
.featured-section { padding-top:0; border-top:0; }
.featured-work { display:grid; grid-template-columns:1.15fr 1fr; align-items:center; gap:40px; padding:45px; border:1px solid #34465f; border-radius:12px; background:linear-gradient(120deg,#111b2d,var(--bg) 72%); overflow:hidden; }
.featured-copy h2 { max-width:590px; font-size:clamp(32px,4vw,52px); }
.featured-description { max-width:540px; color:var(--muted); font-size:15px; line-height:1.9; margin:23px 0; }
.featured-copy .inline-link { margin-left:22px; }
.featured-visual { display:flex; flex-direction:column; justify-content:center; align-items:center; min-height:230px; }
.featured-visual > img { display:block; width:100%; max-height:360px; object-fit:contain; border-radius:8px; }
.featured-orbit { position:relative; display:grid; place-items:center; width:180px; height:180px; border:1px solid #315584; border-radius:50%; box-shadow:0 0 65px #126af019; }
.featured-orbit::before,.featured-orbit::after { content:''; position:absolute; border:1px solid #486da2; border-radius:50%; inset:-24px; animation:lab-orbit 18s linear infinite; }
.featured-orbit::before { border-right:4px solid #63a3ff; }
.featured-orbit::after { inset:18px; border-left:3px solid #9cc4ff; animation-direction:reverse; }
.featured-orbit span { color:#9bc4ff; font-size:49px; font-weight:700; letter-spacing:-5px; }
.visual-label { margin-top:42px; color:var(--muted); font:10px/1.8 'JetBrains Mono',monospace; letter-spacing:3px; }
.release-list,.gallery-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:22px; }
.feature-empty { grid-column:1/-1; padding:30px; border:1px dashed var(--line); border-radius:8px; }
.empty-symbol { color:var(--accent); font-size:24px; }
.feature-empty h3 { font-size:19px; font-weight:500; margin:6px 0 10px; }
.feature-empty p,.muted { color:var(--muted); font-size:14px; }
.release-card { padding:26px; border:1px solid var(--line); border-radius:8px; }
.release-heading { display:flex; align-items:baseline; justify-content:space-between; gap:18px; }
.release-heading h3 { font-size:20px; margin:0 0 12px; }
.release-version { color:var(--accent); font:12px 'JetBrains Mono',monospace; }
.release-card time,.note-body time { color:var(--muted); font-size:11px; }
.release-changes { margin-top:20px; color:var(--muted); font-size:13px; }
.release-changes summary { color:var(--text); cursor:pointer; }
.release-changes li { line-height:1.9; }
.release-downloads { display:flex; flex-wrap:wrap; gap:10px; margin-top:22px; }
.release-downloads small { color:inherit; opacity:.7; }
.gallery-filters { display:flex; gap:8px; flex-wrap:wrap; margin-bottom:22px; }
.media-card { margin:0; border:1px solid var(--line); border-radius:8px; overflow:hidden; background:var(--bg); }
.media-open { display:block; width:100%; padding:0; border:0; background:transparent; color:var(--text); cursor:zoom-in; }
.media-card img,.media-card video { display:block; width:100%; aspect-ratio:16/10; object-fit:contain; background:#08090b; }
.media-card figcaption { padding:15px 18px; color:var(--muted); font-size:13px; }
.video-link { display:grid; place-items:center; min-height:200px; color:var(--accent); font-size:14px; }
.notes-list { display:grid; gap:14px; }
.development-note { border:1px solid var(--line); border-radius:8px; }
.development-note summary { position:relative; display:grid; gap:10px; padding:24px 58px 24px 25px; list-style:none; cursor:pointer; }
.note-tag { color:var(--accent); font:10px/1.8 'JetBrains Mono',monospace; letter-spacing:1.5px; }
.development-note strong { font-size:21px; font-weight:500; letter-spacing:-.5px; }
.note-summary { color:var(--muted); font-size:13px; }
.note-expand { position:absolute; right:25px; top:42%; font-size:23px; color:var(--accent); }
.development-note[open] .note-expand { transform:rotate(45deg); }
.note-body { padding:0 25px 25px; max-width:880px; }
.note-body p { color:var(--muted); font-size:14px; line-height:1.9; }
.media-dialog { width:min(1000px,calc(100% - 32px)); max-height:90vh; padding:20px; border:1px solid var(--line); border-radius:10px; color:var(--text); background:var(--bg); }
.media-dialog::backdrop { background:#000c; }
.media-dialog img { display:block; max-width:100%; max-height:70vh; margin:auto; object-fit:contain; }
.media-dialog p { font-size:13px; color:var(--muted); }
.dialog-close { display:block; margin-left:auto; margin-bottom:15px; padding:8px 14px; border:1px solid var(--line); border-radius:5px; color:var(--text); background:var(--bg); cursor:pointer; }
[data-theme="light"] { color-scheme:light; --bg:#f4f6fa; --text:#142034; --muted:#53647a; --line:#d2dbe7; --accent:#1859a9; }
[data-theme="light"] .brand-logo { border-radius:8px; }
[data-theme="light"] .featured-work { border-color:#a8bcd9; background:linear-gradient(120deg,#e0eafd,#f4f6fa 80%); }
[data-theme="light"] .circuit-active .header,[data-theme="light"] .circuit-active .category-menu,[data-theme="light"] .circuit-active .category-details,[data-theme="light"] .circuit-active .about,[data-theme="light"] .circuit-active footer,[data-theme="light"] .circuit-active .site-section { background:#f4f6faeb; }
[data-theme="light"] .category-tab.active { background:#e6edf8; border-color:#8aabc9; }
[data-theme="light"] .category-tab:hover { color:#164c89; }
[data-theme="light"] .category-tab { --tab-accent:#3269b3; }
[data-theme="light"] .category-tab[data-category="software"] { --tab-accent:#7652b8; }
[data-theme="light"] .category-tab[data-category="app"] { --tab-accent:#157c7b; }
[data-theme="light"] .category-tab[data-category="product"] { --tab-accent:#97651b; }
[data-theme="light"] .tab-art { background:linear-gradient(145deg,#fff,#e5edf8); border-color:#afbed3; }
[data-theme="light"] .about h2 span,[data-theme="light"] .site-section h2 span { color:#536d8a; }
[data-theme="light"] input,[data-theme="light"] select,[data-theme="light"] textarea { background:#fff; border-color:#bccadc; }
[data-theme="light"] input:focus,[data-theme="light"] select:focus,[data-theme="light"] textarea:focus { background:#fff; }
[data-theme="light"] .guide summary strong,[data-theme="light"] .faq summary,[data-theme="light"] .faq > h3,[data-theme="light"] .detail-content li h3,[data-theme="light"] .detail-sidebar h2 { color:#243d5b; }
[data-theme="light"] .guide summary small,[data-theme="light"] .guide-body > p,[data-theme="light"] .form-submit > span,[data-theme="light"] .catalog-filters label,[data-theme="light"] .contact-form label,[data-theme="light"] .detail-summary,[data-theme="light"] .detail-content p,[data-theme="light"] .detail-content li { color:#53647a; }
[data-theme="light"] .inline-link,[data-theme="light"] .detail-actions a,[data-theme="light"] .back-link,[data-theme="light"] .footer-contact a { color:#175aa6; }
[data-theme="light"] .entry-tags span,[data-theme="light"] .tech-tags span { border-color:#b9cbe0; color:#315d91; }
[data-theme="light"] .primary-button { background:#174e91; border-color:#174e91; color:#fff; }
[data-theme="light"] .primary-button:hover { background:#0b3974; }
[data-theme="light"] .circuit-traces { stroke:#1859a9; }
[data-theme="light"] .circuit-point { fill:#1859a9; }
[data-theme="light"] .software-code { background:linear-gradient(135deg,#f9fcff,#e8f0fb); border-color:#9db9d8; color:#294b70; box-shadow:0 18px 60px #305a8012; }
[data-theme="light"] .code-toolbar,[data-theme="light"] .code-status { color:#4f6c8c; border-color:#bdcfe3; }
[data-theme="light"] .code-keyword { color:#245bbb; }
[data-theme="light"] .code-string { color:#147d76; }
[data-theme="light"] .code-function { color:#436b9b; }
[data-theme="light"] .code-toolbar,[data-theme="light"] .code-status { background:#dce8f780; }
[data-theme="light"] .code-file { background:#f3f8ff; color:#244e78; border-color:#397cbd; }
[data-theme="light"] .code-breadcrumb,[data-theme="light"] .code-breadcrumb strong { color:#567392; }
[data-theme="light"] .code-property { color:#246494; }
[data-theme="light"] .code-copy { background:#e4eefb; color:#245888; border-color:#9ab9d7; }
[data-theme="light"] .code-copy:hover { background:#d3e5fa; }
[data-theme="light"] .code-copy[data-state="success"] { color:#19634e; }
[data-theme="light"] .code-copy[data-state="error"] { color:#a22b2b; }
[data-theme="light"] .software-code pre { background:linear-gradient(90deg,#d3e1f433 38px,#93afd244 38px,#93afd244 39px,transparent 39px); }
[data-theme="light"] .circuit-active .stage-caption { text-shadow:0 3px 18px #f4f6fa; }
[data-theme="light"] .detail-content pre { background:#e9eff8; border-color:#bdcede; color:#174e91; }
[data-theme="light"] .form-status { color:#226440; }
[data-theme="light"] .form-status.error { color:#a22b2b; }
[data-theme="light"] .roadmap-status { color:#276746; border-color:#a6c5b1; }
@keyframes lab-orbit { to { transform:rotate(360deg); } }
@media(max-width:700px) {
  .preferences-bar { flex-wrap:wrap; gap:10px; padding-top:10px; }
  .site-controls { margin-left:auto; }
  .section-shortcuts { gap:12px; }
  .featured-work { grid-template-columns:1fr; padding:27px 22px; gap:26px; }
  .featured-copy .inline-link { margin-left:0; display:block; width:fit-content; }
  .featured-visual { min-height:210px; }
  .featured-orbit { width:130px; height:130px; }
  .featured-orbit span { font-size:40px; }
  .release-list,.gallery-grid { grid-template-columns:1fr; }
  .feature-empty { padding:23px; }
  .development-note summary { padding:22px 45px 22px 20px; }
  .development-note strong { font-size:19px; }
  .note-body { padding:0 20px 22px; }
}
@media(prefers-reduced-motion:reduce) { .featured-orbit::before,.featured-orbit::after { animation:none; } }

@media(max-width:700px) { [data-theme="light"] .software-code pre { background:linear-gradient(90deg,#d3e1f433 27px,#93afd244 27px,#93afd244 28px,transparent 28px); } }