:root{color-scheme:dark;--bg:#090d18;--panel:#14182a;--panel2:#1c2338;--text:#e6e7f4;--muted:#a3aec8;--cyan:#69e8f5;--pink:#f249cd;--purple:#a98bff;--outline:#38435b}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 85% 0%,#27143f 0,transparent 35%),radial-gradient(ellipse at 4% 95%,#102a40 0,transparent 40%),var(--bg);color:var(--text);font-family:Segoe UI,Inter,Arial,sans-serif;min-height:100vh}.shell{max-width:1280px;margin:0 auto;padding:26px}.hero{border:1px solid #475073;border-radius:24px;padding:28px;background:linear-gradient(120deg,#171e34d9,#111827e8);box-shadow:0 0 65px #b128ab12}.brand{display:flex;gap:18px;align-items:center;flex-wrap:wrap}.sigil{height:66px;width:66px;border:2px solid var(--pink);border-radius:20px;display:grid;place-items:center;font-size:29px;color:var(--cyan);box-shadow:0 0 18px #f249cd55}h1{font-size:clamp(25px,4vw,44px);margin:0;letter-spacing:.07em}h1 span{color:var(--cyan)}.sub,.hint{color:var(--muted)}.pill{border:1px solid var(--outline);padding:7px 12px;border-radius:50px;font-size:12px;color:#ffe29b}.right{margin-left:auto}.grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:15px;margin-top:20px}.tile,.content{background:#14182adc;border:1px solid var(--outline);border-radius:18px;padding:20px}.tile strong{font-size:22px;display:block;margin:8px 0}.tag{font-size:11px;letter-spacing:.15em;color:var(--cyan)}.sections{display:flex;gap:10px;flex-wrap:wrap;margin:23px 0 14px}button,.link{appearance:none;border:1px solid #4d5a78;color:var(--text);background:#1c2338;border-radius:12px;padding:11px 14px;cursor:pointer;font:inherit;text-decoration:none;display:inline-flex;align-items:center;gap:6px}button[aria-selected=true],button:hover,.link:hover{border-color:var(--cyan);box-shadow:0 0 14px #69e8f52a}button:focus-visible,.link:focus-visible{outline:3px solid var(--pink);outline-offset:3px}.content{min-height:260px}h2{margin:0 0 17px;font-size:23px}.cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.card{padding:16px;background:#1b2236;border:1px solid #33415b;border-radius:14px}.card h3{margin:0 0 8px;font-size:17px}.card p{color:var(--muted);font-size:14px;line-height:1.6;margin:0}.status{font-size:12px;color:#ffd58a}.metadata{margin-top:20px;display:flex;flex-wrap:wrap;gap:12px}.muted{color:var(--muted)}input[type=file]{display:none}.footer{font-size:13px;color:var(--muted);line-height:1.7;margin:25px 0}code{color:var(--cyan);overflow-wrap:anywhere}.timeline{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:8px}.step{border-radius:12px;background:#1b2236;padding:11px 4px;text-align:center;font-size:12px;border:1px solid #3d4863}.step small{display:block;color:#ffc580;margin-top:9px}.banner{background:#29203b;border:1px solid #704b8a;padding:12px;border-radius:12px;color:#ebd8ff;font-size:14px;margin-bottom:16px}.pStatus{display:inline-block;color:#ffe29b;font-size:12px;border:1px solid #766146;padding:3px 7px;border-radius:20px;margin-left:5px}@media(max-width:730px){.grid,.cards{grid-template-columns:1fr}.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.right{margin-left:0}.shell{padding:12px}.hero{padding:19px}}

/* v0.2.0 additive motion layer */
:root{--motion-speed:1}body{overflow-x:hidden}body::before{content:"";pointer-events:none;position:fixed;inset:0;z-index:-1;background:linear-gradient(transparent 94%,#69e8f50a 95%),linear-gradient(90deg,transparent 94%,#69e8f509 95%);background-size:42px 42px;mask-image:linear-gradient(to bottom,#0009,transparent 96%);animation:gridFloat 24s linear infinite}
#particleField{pointer-events:none;position:fixed;inset:0;width:100%;height:100%;z-index:0;opacity:.5}.shell{position:relative;z-index:1}.hero{position:relative;overflow:hidden;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(110deg,transparent 18%,#69e8f51a 43%,transparent 61%);transform:translateX(-160%);animation:scanHero 9s ease-in-out infinite;z-index:-1}.sigil{position:relative;animation:sigilBreath 3.7s ease-in-out infinite}.sigil:after{content:"";position:absolute;inset:-10px;border:1px solid #69e8f544;border-radius:24px;animation:sigilOrbit 8s linear infinite}.tile{transition:transform .25s,border-color .25s,box-shadow .25s}.tile:hover{transform:translateY(-5px);border-color:#69e8f5aa;box-shadow:0 13px 34px #69e8f519}.tile strong{text-shadow:0 0 18px #69e8f540}.content{animation:contentIn .28s ease-out}.card{transition:transform .2s,border-color .2s}.card:hover{transform:translateY(-2px);border-color:#a98bff88}.motionControl{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:18px}.motionControl button[aria-pressed=true]{color:#69e8f5;border-color:#69e8f5}.audioStage{background:linear-gradient(135deg,#0b1324ee,#1e1536);border:1px solid #494473;border-radius:20px;padding:17px;margin-top:18px;position:relative;overflow:hidden}.audioStage:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 65% 35%,#f249cd19,transparent 48%);pointer-events:none}.audioTop{position:relative;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px}.audioStage h2{font-size:17px;margin:0}.audioStage canvas{position:relative;display:block;width:100%;height:176px;margin:8px 0;border-radius:12px}.audioButtons{position:relative;display:flex;align-items:center;gap:9px;flex-wrap:wrap}.audioButtons input[type=file]{display:none}.audioButtons label{cursor:pointer}.note{font-size:12px;color:var(--muted);line-height:1.55}.audioStage audio{width:100%;height:34px;position:relative;margin:8px 0 3px;accent-color:var(--cyan)}.dot{display:inline-block;width:9px;height:9px;border-radius:100%;background:#ffc580;box-shadow:0 0 12px #ffc58099;margin-right:7px}.dot.live{background:#69e8f5;box-shadow:0 0 15px #69e8f5}.step{transition:border-color .25s,transform .25s}.step:hover{transform:translateY(-3px);border-color:#a98bff}.pill{backdrop-filter:blur(7px)}
@keyframes gridFloat{to{background-position:0 42px,42px 0}}@keyframes scanHero{0%,18%{transform:translateX(-160%)}65%,100%{transform:translateX(160%)}}@keyframes sigilBreath{50%{box-shadow:0 0 25px #f249cdaa, inset 0 0 20px #69e8f516}}@keyframes sigilOrbit{to{transform:rotate(360deg)}}@keyframes contentIn{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}body.motion-paused *,body.motion-paused *::before,body.motion-paused *::after{animation-play-state:paused!important;transition:none!important}@media(max-width:730px){.audioStage canvas{height:132px}}

/* v0.3.0 LYVRA hologram and opt-in radio tab capture */
:root{--lyvra-pulse:1;--lyvra-light:.42}.lyvraStage{margin-top:18px;display:grid;grid-template-columns:minmax(210px,.85fr) minmax(0,1.15fr);gap:20px;background:linear-gradient(125deg,#141329,#111d32 55%,#1d1231);border:1px solid #6d4778;border-radius:23px;padding:18px;overflow:hidden;position:relative;isolation:isolate}
.lyvraStage:before{content:'';position:absolute;inset:0;pointer-events:none;background:radial-gradient(ellipse at 22% 44%,#f249cd18,transparent 45%),radial-gradient(ellipse at 65% 22%,#69e8f513,transparent 42%);z-index:-1}.lyvraFigure{position:relative;min-height:455px;display:flex;align-items:center;justify-content:center;overflow:hidden;border:1px solid #6f65aa44;border-radius:16px;background:linear-gradient(transparent 97%,#69e8f510 98%),radial-gradient(ellipse at 50% 45%,#45255255,transparent 67%);background-size:100% 30px,100% 100%}.lyvraFigure:after{content:'';position:absolute;bottom:4px;width:55%;height:22px;border:1px solid #f249cd65;border-radius:50%;box-shadow:0 0 28px #f249cd55;pointer-events:none}.lyvraFigure img{height:455px;width:100%;object-fit:contain;filter:drop-shadow(0 0 15px #69e8f533);animation:holoFloat 7s ease-in-out infinite}.lyvraFigure img.turnaround{object-fit:contain;height:auto;max-height:445px}.heartAura{pointer-events:none;position:absolute;left:50%;top:25%;height:23px;width:23px;transform:translate(-50%,-50%) scale(var(--lyvra-pulse));background:radial-gradient(circle,#fff 0%,#f249cdbb 29%,#69e8f522 70%,transparent 80%);border-radius:50%;mix-blend-mode:screen;box-shadow:0 0 calc(26px * var(--lyvra-pulse)) #f249cdbb;opacity:.9;animation:heartPulse 1.35s ease-in-out infinite}.lyvraFigure[data-view='turnaround'] .heartAura,.lyvraFigure[data-view='angle-a'] .heartAura,.lyvraFigure[data-view='angle-b'] .heartAura{display:none}.lyvraDetails h2{color:#e9dfff;font-size:clamp(20px,2.8vw,29px)}.lyvraDetails p{line-height:1.6;color:var(--muted)}.angleButtons,.radioActions{display:flex;flex-wrap:wrap;gap:9px;margin:14px 0}.angleButtons button{font-size:13px;padding:9px 12px}.angleButtons button[aria-pressed='true']{border-color:var(--pink);color:#ffc6f5;box-shadow:0 0 12px #f249cd39}.radioStage{margin:18px 0 0;background:linear-gradient(130deg,#17152d,#122139);border:1px solid #4c5b83;border-radius:20px;padding:18px;overflow:hidden}.radioStage h2{margin:0 0 10px;color:var(--cyan)}.radioFrame{width:100%;max-width:680px;height:365px;display:block;border:0;border-radius:18px;background:transparent;margin:auto}.radioStatus{display:inline-block;color:#ffdc91;font-size:12px;border:1px solid #766146;border-radius:40px;padding:5px 11px}.radioDisclaimer{color:#b8c7dd;font-size:12px;line-height:1.6}.waveHalo{position:absolute;border-radius:50%;border:1px solid #f249cd3e;pointer-events:none;width:320px;height:320px;left:50%;top:43%;transform:translate(-50%,-50%) scale(var(--lyvra-pulse));transition:transform .12s linear;box-shadow:0 0 50px #69e8f515,inset 0 0 35px #f249cd12}.motion-paused .lyvraFigure img,.motion-paused .heartAura{animation-play-state:paused!important}@keyframes holoFloat{50%{transform:translateY(-9px)}}@keyframes heartPulse{50%{opacity:1;box-shadow:0 0 45px #f249cdbb}}@media(max-width:820px){.lyvraStage{grid-template-columns:1fr}.lyvraFigure{min-height:360px}.lyvraFigure img{height:350px}.heartAura{top:25%}}@media(prefers-reduced-motion:reduce){.lyvraFigure img,.heartAura{animation:none!important}}

/* v0.3.2 ONE-HTML original LYVRA branding (additive, no external assets) */
.neonBrand{position:relative;display:flex;flex-direction:column;align-items:flex-start;gap:7px;max-width:min(100%,770px);min-width:0;isolation:isolate}
.neonBrand:before{content:"";position:absolute;inset:-14px -20px 10px;z-index:-1;pointer-events:none;filter:blur(19px);opacity:.33;background:radial-gradient(ellipse,#ef48c33d,transparent 70%);animation:brandAura 5s ease-in-out infinite}
.neonBrandLogo{width:min(100%,720px);height:auto;display:block;object-fit:contain;filter:drop-shadow(0 0 10px #e54af266) drop-shadow(0 0 18px #56dcff55);animation:brandGlow 4.8s ease-in-out infinite}
.neonBrand .sub{font-weight:600;letter-spacing:.12em;font-size:clamp(10px,1.2vw,14px);color:#c3d8e9}
@keyframes brandGlow{0%,100%{filter:drop-shadow(0 0 7px #e54af255) drop-shadow(0 0 11px #56dcff44)}50%{filter:drop-shadow(0 0 16px #e54af2bb) drop-shadow(0 0 26px #56dcffbb)}}
@keyframes brandAura{50%{opacity:.67;transform:scale(1.03)}}
@media(max-width:730px){.neonBrand{width:100%}.neonBrandLogo{max-width:100%}}
@media(prefers-reduced-motion:reduce){.neonBrand:before,.neonBrandLogo{animation:none!important}}
body.motion-paused .neonBrandLogo,body.motion-paused .neonBrand:before{animation-play-state:paused!important}

.lyvraVisualIdentity{position:relative;margin:20px 0 28px;border:1px solid rgba(105,232,245,.22);border-radius:22px;padding:clamp(16px,3vw,25px);background:linear-gradient(130deg,rgba(11,22,43,.95),rgba(33,16,45,.87));box-shadow:0 14px 46px rgba(0,0,0,.22);overflow:hidden;}
.lyvraVisualIdentity h2{margin:0 0 6px;font-size:clamp(21px,2.6vw,30px);letter-spacing:.03em}.lyvraVisualIdentity p{margin:0;color:#b4cce5;line-height:1.55}.lyvraVisualIdentity .lvi-eyebrow{color:#69e8f5;font-size:11px;letter-spacing:.16em;margin-bottom:7px;font-weight:700}.lvi-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:14px;margin-top:18px;align-items:stretch}.lvi-card{margin:0;border:1px solid rgba(105,232,245,.19);border-radius:17px;padding:12px;background:rgba(7,10,23,.78);min-width:0;display:flex;flex-direction:column;gap:8px}.lvi-card img{width:100%;height:176px;object-fit:contain;display:block;border-radius:12px;background:radial-gradient(circle at center,#212a40 0%,#0b101f 74%)}.lvi-card img.lvi-neutral{object-fit:contain;background:transparent}.lvi-card h3{margin:3px 0 0;font-size:15px;color:#f1f5fc}.lvi-card p{font-size:12px;flex:1}.lvi-wide{grid-column:span 2;display:flex;flex-direction:row;align-items:center}.lvi-wide img{width:min(43%,330px);height:185px;flex:none;object-fit:contain}.lvi-note{font-size:12px;color:#b4cce5;margin-top:15px}.lvi-wordmark{margin-top:16px;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:18px;border-top:1px solid rgba(105,232,245,.18);padding-top:15px}.lvi-wordmark img{max-width:min(100%,320px);height:auto;max-height:100px;object-fit:contain}.lvi-wordmark strong{display:block;color:#f4a1e7;letter-spacing:.06em}.lyvraVisualIdentity .lvi-sub{max-width:720px}.lvi-coreGlow{filter:drop-shadow(0 0 18px rgba(38,174,255,.3))}
@media(max-width:760px){.lvi-grid{grid-template-columns:1fr 1fr}.lvi-wide{grid-column:span 2}.lvi-card img{height:150px}}
@media(max-width:510px){.lvi-grid{grid-template-columns:1fr}.lvi-wide{grid-column:span 1;flex-direction:column;align-items:stretch}.lvi-wide img{width:100%;height:160px}.lvi-card img{height:185px}}
@media(prefers-reduced-motion:reduce){.lyvraVisualIdentity *{animation:none!important;transition:none!important}}

/* v1.1.0 render optimization */
.content,.audioStage,.lyvraStage,.radioStage{content-visibility:auto;contain-intrinsic-size:400px}
