/* The top bar of the site, one stylesheet for the three pages (the main site, /sketch/ and /dance/; 0.1.17, Hiroshi 11.11.2026:
   „Да, същата“). These rules were in scenes.css; they are only moved here, in their order, and the pages of the programs
   (.app-shell) are named beside the main site (.public-scene). */
:is(.public-scene,.app-shell)>header{position:relative;isolation:isolate;overflow:visible;z-index:30;background:#030b10}
:is(.public-scene,.app-shell)>header::before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:url('assets/living-clouds-01.png') center 53%/100% auto no-repeat;opacity:.3;mask-image:linear-gradient(to right,transparent,#000 18%,#000 78%,transparent),linear-gradient(to bottom,transparent 0 38%,#000 65%);mask-composite:intersect}
.living-identity{display:flex;align-items:center;gap:14px;min-width:0;max-width:100%;text-decoration:none}
.living-mark{width:46.08px;height:46.08px;flex:0 0 46.08px;object-fit:contain;border-radius:50%}
.living-wordmark{font:400 clamp(20px,2.2vw,30px)/1.25 "NSimSun",Georgia,"Living Serif",serif;letter-spacing:.035em;color:#dece9b;margin:0;max-width:100%;white-space:nowrap;text-shadow:0 2px 12px #000}
.living-wordmark img{display:block;width:clamp(276.08px,calc(26.1vw + 60.08px),456.08px);max-width:100%;height:auto}
.scene-navigation{display:flex;align-items:center;flex-wrap:wrap;gap:6px;margin-left:auto}
.scene-navigation button{position:relative;background:transparent;border:0;border-radius:0;padding:12px 11px;font-size:12px;min-height:40px;box-shadow:none;color:#b6c7d1}
.scene-navigation button::before,.scene-navigation button::after{content:'';position:absolute;left:9px;right:9px;height:1px;background:linear-gradient(90deg,transparent,#b9dae9 20%,#b9dae9 80%,transparent);opacity:0;transform:scaleX(.4);transition:transform .22s ease,opacity .22s ease;pointer-events:none}
.scene-navigation button::before{top:2px}.scene-navigation button::after{bottom:2px}
.scene-navigation button:hover,.scene-navigation button:focus-visible,.scene-navigation button[aria-expanded=true]{color:#e9f5fa;background:transparent;box-shadow:none;outline:none}
.scene-navigation button:hover::before,.scene-navigation button:hover::after,.scene-navigation button:focus-visible::before,.scene-navigation button:focus-visible::after,.scene-navigation button[aria-expanded=true]::before,.scene-navigation button[aria-expanded=true]::after{opacity:1;transform:scaleX(1)}
.scene-navigation .author-presence.offline,.scene-navigation .author-presence.online{background:transparent;box-shadow:none}
.scene-navigation .author-presence.offline{color:#929ba3}
@media(prefers-reduced-motion:reduce){.scene-navigation button::before,.scene-navigation button::after{transition:none}}
.author-presence.offline{color:#9b9fa5;border-color:#464b52;background:#15191e}
.author-presence.online{color:#d3efff;border-color:#87bfd5;box-shadow:0 0 10px #78bdd526}
.header-dropdown{position:relative;display:inline-flex;align-items:center}.header-submenu{display:none;position:absolute;top:100%;right:0;min-width:170px;padding:8px;background:rgba(8,14,18,.96);border:1px solid rgba(211,207,163,.36);box-shadow:0 12px 35px #0009;z-index:1000}.header-dropdown:hover>.header-submenu,.header-dropdown:focus-within>.header-submenu{display:flex;flex-direction:column;gap:4px}.header-submenu.just-chosen{display:none!important}.header-submenu button{font:inherit;white-space:nowrap;text-align:left;width:100%;padding:10px 12px}.scene-navigation .language-choice{position:relative;display:inline-flex;width:38px;height:38px;border:1px solid currentColor;border-radius:50%;align-items:center;justify-content:center;flex:none;margin-left:4px}.language-choice::before{content:attr(data-code);font:inherit;font-size:12px;pointer-events:none}.scene-navigation #languageSelect{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer;font:inherit}.language-choice:focus-within{outline:2px solid #d4d5b4;outline-offset:3px}.scene-navigation .share-menu{width:180px;min-width:180px;padding:8px;position:absolute;top:100%;right:0;z-index:1001}.share-menu .share-links{display:flex;flex-direction:column;gap:3px}.share-menu .share-links a,.share-menu .share-links button{display:block;width:100%;text-align:left;font:inherit;padding:9px 12px}.share-menu p:empty{display:none}.author-post-links{position:relative;z-index:2;display:flex;flex-wrap:wrap;gap:12px;padding:14px;background:#080e12dd}.author-post-links a{color:#e1ddba}.author-photo-post h3{position:relative;z-index:2;padding:12px;margin:0}
.scene-navigation{font:400 12px/1.4 "Living Sans",system-ui,-apple-system,"Segoe UI",Arial,sans-serif}
.scene-navigation button,.scene-navigation a{font:inherit}
.scene-navigation .header-submenu,.scene-navigation .share-menu,.language-menu{border:0;border-radius:0;box-shadow:none;background:rgba(8,14,18,.92);padding:6px}
.scene-navigation .header-submenu button,.scene-navigation .share-links a,.scene-navigation .share-links button,.language-menu button{border:0;border-radius:0;box-shadow:none;background:transparent;text-decoration:none}
.scene-navigation :is(.header-submenu,.share-menu,.language-menu) :is(button,a):hover{background:#bad8e512}
.language-picker{position:relative;display:inline-flex}.language-menu{position:absolute;top:100%;right:0;min-width:72px;z-index:1001}.language-menu[hidden]{display:none}.language-menu button{display:block;width:100%;text-align:left;white-space:nowrap}.language-menu button[aria-pressed=true]{color:#fff}
.scene-navigation button:focus-visible,.scene-navigation a:focus-visible{outline:1px solid #b9dae9;outline-offset:2px}