.header .music-label,.header .motion-label{display:block!important;font-size:14px;letter-spacing:0}
.header :is(.music-control,.motion-control){display:flex;flex-direction:column;gap:5px;justify-content:center;min-width:74px;min-height:52px;padding:5px;color:#e4d9c2;flex-shrink:0}
.header .music-bars{height:20px}.header .motion-icon{font-size:20px;line-height:20px}
@media(max-width:700px){.header{display:grid;grid-template-columns:minmax(0,1fr) auto auto;column-gap:4px!important;height:auto!important;min-height:116px}.header nav{grid-column:1/-1;min-width:0}.header .brand{margin-right:0;font-size:16px;gap:7px;letter-spacing:.12em;min-width:0}.header .brand-small{font-size:9px;letter-spacing:.12em}.header :is(.music-control,.motion-control){min-width:70px}.header .brand-orbit{font-size:35px}.header .brand-orbit:after{width:34px;height:10px;left:-5px}.header .music-label,.header .motion-label{font-size:14px}}
.lyra-hologram{margin:28px 0 0;max-width:440px;border:1px solid #8acbe03d;background:#071019;overflow:hidden}
.lyra-projection{position:relative;aspect-ratio:4/4.4;overflow:hidden;background:#08111c}
.lyra-projection img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 30%;animation:lyra-presence 8s ease-in-out infinite;animation-play-state:paused;transition:filter .6s}
.lyra-projection::before{content:'';position:absolute;inset:0;z-index:2;background:repeating-linear-gradient(0deg,transparent 0 3px,#9deeff12 4px,transparent 5px);pointer-events:none}
.lyra-projection::after{content:'';position:absolute;inset:0;background:url('assets/lyra-hologram.webp') 50% 30%/cover;clip-path:inset(39% 0 55%);opacity:0;animation:lyra-signal-noise 23s linear infinite;animation-play-state:paused;pointer-events:none;z-index:3}
.lyra-scan{position:absolute;left:0;right:0;top:-15%;height:12%;background:linear-gradient(transparent,#b4f4ff18,transparent);animation:lyra-scan 9s linear infinite;animation-play-state:paused;pointer-events:none;z-index:4}
.lyra-hologram.is-visible :is(img,.lyra-scan),.lyra-hologram.is-visible .lyra-projection::after{animation-play-state:running}
.lyra-hologram.is-answering img{filter:brightness(1.12) saturate(1.1)}
.lyra-hologram figcaption{display:flex;justify-content:space-between;gap:12px;padding:12px 16px;font-size:14px;color:#a9d7e8;border-top:1px solid #8acbe03d}
.lyra-console-bar{flex-wrap:wrap;gap:8px;align-items:center}.lyra-reset{color:#d6bb88;font:14px var(--sans);background:none;padding:5px 8px;min-height:36px;border:1px solid #d6bb8840;margin-left:auto}
.lyra-related{display:flex;gap:8px;flex-wrap:wrap;padding:0 18px 12px}.lyra-related:empty{display:none}.lyra-related button{font:14px/1.6 var(--sans);color:#c3dce8;background:#152432;border:1px solid #87b3ce33;padding:8px 12px;min-height:40px;text-align:left}
.lyra-log{height:420px}.lyra-message{overflow-wrap:anywhere}
.quena-port-node{position:absolute;left:70.5%;top:40%;z-index:8;padding:10px 14px;border:1px solid #b3d4df65;background:#071019e6;color:#e0e8e9;text-align:left;font:16px/1.6 var(--serif)}
.quena-port-node small{display:block;font:11px/1.6 var(--sans);letter-spacing:.08em;color:#9fc5d6}
.quena-port-node:focus-visible{outline:2px solid #e5c78f;outline-offset:4px}
.quena-port-dialog{width:min(1100px,94vw);max-width:94vw;max-height:90dvh;padding:0;border:1px solid #8bb4c45e;color:#e2e6e8;background:#080d14;overflow:auto}
.quena-port-dialog::backdrop{background:#020609e8;backdrop-filter:blur(9px)}
.quena-port-dialog .dialog-header{display:flex;align-items:center;justify-content:space-between;padding:18px 22px;gap:16px}
.quena-port-dialog h2{font:500 28px/1.4 var(--serif);margin:5px 0 0}.quena-port-dialog small{font-size:12px;letter-spacing:.15em;color:#a8c8d8}
.quena-port-dialog video{display:block;width:100%;height:auto;max-height:70dvh;background:#000;aspect-ratio:16/9;object-fit:contain}
.quena-play-note{font-size:14px;padding:0 18px;color:#bbccd8}.quena-play-note:empty{display:none}
@keyframes lyra-presence{0%,100%{transform:scale(1.015) translateY(0)}50%{transform:scale(1.025) translateY(-3px)}}
@keyframes lyra-scan{0%{transform:translateY(0)}100%{transform:translateY(1000%)}}
@keyframes lyra-signal-noise{0%,95%,100%{opacity:0;transform:translateX(0)}96%{opacity:.38;transform:translateX(3px)}97%{opacity:.25;transform:translateX(-2px)}98%{opacity:0;transform:translateX(0)}}
.motion-paused .lyra-hologram *,.motion-paused .lyra-projection::after{animation-play-state:paused!important}
@media(max-width:700px){.lyra-hologram{max-width:none;margin-top:22px}.lyra-projection{aspect-ratio:16/10}.lyra-projection img,.lyra-projection::after{object-position:50% 24%;background-position:50% 24%}.lyra-log{height:350px}}
@media(prefers-reduced-motion:reduce){.lyra-hologram *,.lyra-projection::after{animation:none!important;transition:none!important}}