@import"https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@300;400;500;600;700&family=JetBrains+Mono:wght@500;700&display=swap";:root{--amber: #ff9d24;--cream: #f3eee4;--ink: #060b09;--panel: #0b1210}*{box-sizing:border-box}html,body,#app{margin:0;width:100%;height:100%;overflow:hidden;background:var(--ink);color:var(--cream);font-family:Barlow Condensed,sans-serif}button{font:inherit}header{height:82px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 28px;border-bottom:1px solid #fff1;position:relative;z-index:5;background:#070c0add}.brand{display:flex;align-items:center;gap:13px}.brand>span{display:grid;place-items:center;width:43px;height:43px;border:1px solid #ffab3d66;color:var(--amber);font-size:22px}.brand b,.brand small{display:block}.brand b{font:700 11px/1 JetBrains Mono;letter-spacing:.12em}.brand small{margin-top:7px;color:#79837f;font:500 7px/1 JetBrains Mono;letter-spacing:.18em}.species{color:#8b9691;font:500 9px/1 JetBrains Mono;letter-spacing:.28em}.species:before{content:"";display:inline-block;width:5px;height:5px;margin-right:9px;border-radius:50%;background:var(--amber);box-shadow:0 0 14px var(--amber)}#home{justify-self:end;height:44px;padding:0 18px;border:1px solid #ffad3f4d;background:#281a0c;color:#fff;font:700 9px/1 JetBrains Mono;letter-spacing:.12em}main{height:calc(100% - 82px);display:grid;grid-template-columns:minmax(0,1fr) 390px}.viewer{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 42%,#27302b 0,#111815 34%,#050908 72%)}#scene{display:block;width:100%;height:100%;touch-action:none}.viewer:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#0008,transparent 22%,transparent 75%,#0007),radial-gradient(circle at center,transparent 45%,#0007)}.scanline{position:absolute;inset:0;opacity:.08;pointer-events:none;background:repeating-linear-gradient(0deg,transparent 0 4px,#fff 5px 5px)}.view-title{position:absolute;z-index:2;left:35px;top:30px;max-width:390px}.view-title small,.aside-head small,#fact small{color:var(--amber);font:700 8px/1 JetBrains Mono;letter-spacing:.23em}.view-title h1{margin:10px 0 6px;font-size:clamp(42px,5vw,78px);font-weight:300;line-height:.9;letter-spacing:-.03em}.view-title p{max-width:360px;color:#a8b0ac;font-size:15px;line-height:1.5}.gesture{position:absolute;z-index:2;left:35px;bottom:25px;color:#77817d;font:500 8px/1 JetBrains Mono;letter-spacing:.1em}#loading{position:absolute;z-index:4;inset:0;display:grid;place-content:center;justify-items:center;gap:18px;background:#07100ddd;transition:.4s}#loading.hide{opacity:0;pointer-events:none}#loading i{width:52px;height:52px;border:2px solid #ffffff18;border-top-color:var(--amber);border-radius:50%;animation:spin 1s linear infinite}#loading span{font:700 8px/1 JetBrains Mono;letter-spacing:.18em}@keyframes spin{to{rotate:360deg}}aside{position:relative;z-index:3;padding:30px 25px;background:linear-gradient(160deg,#101714,#070c0a);border-left:1px solid #fff1;overflow-y:auto}.aside-head h2{margin:9px 0 4px;font-size:38px;font-weight:400}.aside-head p{margin:0;color:#7f8a85;line-height:1.4}#layers{display:grid;gap:8px;margin:24px 0}#layers button{--accent: #ff9d24;--accent-rgb: 255, 157, 36;display:flex;align-items:center;gap:14px;min-height:74px;padding:11px 13px;border:1px solid #ffffff12;border-radius:9px;background:linear-gradient(110deg,#151d1a,#0d1311);color:#dfe5e2;text-align:left;transition:border-color .2s,background .2s,transform .2s}#layers button[data-layer=muscle]{--accent: #e25b4d;--accent-rgb: 226, 91, 77}#layers button[data-layer=skeleton]{--accent: #eadcc3;--accent-rgb: 234, 220, 195}#layers button[data-layer=profile]{--accent: #55c7d9;--accent-rgb: 85, 199, 217}#layers button.active{border-color:rgba(var(--accent-rgb),.65);background:linear-gradient(100deg,rgba(var(--accent-rgb),.18),#111714 68%);box-shadow:inset 3px 0 0 var(--accent),0 10px 28px #0000002e;transform:translate(-3px)}#layers i{flex:0 0 auto;display:grid;place-items:center;width:48px;height:48px;border:1px solid rgba(var(--accent-rgb),.28);border-radius:12px;background:rgba(var(--accent-rgb),.08);color:var(--accent);position:relative}#layers i svg{width:27px;height:27px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}.active i{background:rgba(var(--accent-rgb),.18)!important;box-shadow:0 0 22px rgba(var(--accent-rgb),.18)}#layers b,#layers small{display:block}#layers button.active small{color:#aeb9b4}#layers b{font:700 10px/1 JetBrains Mono;letter-spacing:.1em}#layers small{margin-top:8px;color:#76817c;font-size:11px}#layers em{margin-left:auto;color:#59635e;font: 700 6px/1 JetBrains Mono;letter-spacing:.12em}#layers button.active em{color:var(--accent)}#fact{padding:18px;border-left:2px solid var(--amber);background:#161d1a}#fact>div{display:flex;justify-content:space-between;align-items:end}#factValue{color:var(--amber);font-size:30px;font-weight:500}#fact p{margin:12px 0 0;color:#aeb6b2;font-size:14px;line-height:1.5}#profilePanel{padding:18px;border:1px solid #55c7d944;border-radius:10px;background:linear-gradient(145deg,#10201f,#101714)}#profilePanel[hidden]{display:none}.profile-intro small,.profile-grid small,.status small{color:#55c7d9;font:700 7px/1 JetBrains Mono;letter-spacing:.15em}.profile-intro h3{margin:7px 0 5px;color:#f3eee4;font-size:30px;font-weight:500}.profile-intro p,.profile-detail{margin:0;color:#aeb6b2;font-size:13px;line-height:1.45}.profile-grid{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin:14px 0}.profile-grid div{padding:10px;background:#ffffff08;border:1px solid #ffffff0d}.profile-grid b{display:block;margin-top:7px;color:#f2ede4;font-size:15px;font-weight:600}.profile-detail b{color:#e4e9e6}.status{display:flex;align-items:center;gap:10px;margin-top:14px;padding-top:13px;border-top:1px solid #ffffff12}.status>span{width:9px;height:9px;border-radius:50%;background:#e25b4d;box-shadow:0 0 14px #e25b4d}.status b{display:block;margin-top:5px;color:#eaa097;font-size:12px}.actions{display:grid;grid-template-columns:1fr;gap:7px;margin-top:13px}.actions button{min-height:50px;padding:8px;border:1px solid #ffffff1f;background:#111916;color:#aab4af;font:700 7px/1.4 JetBrains Mono;letter-spacing:.08em}footer{height:38px;display:flex;align-items:center;justify-content:center;gap:14px;color:#48524e;font:500 7px/1 JetBrains Mono;letter-spacing:.14em}footer i{width:50px;height:1px;background:#28302d}@media(max-width:850px){header{height:70px}.species{display:none}main{height:calc(100% - 70px);grid-template-columns:1fr}.viewer{height:58%}aside{height:42%;padding:18px;overflow-y:auto;border-left:0;border-top:1px solid #fff1}.aside-head{display:none}#layers{grid-template-columns:repeat(4,1fr);margin:0 0 12px}#layers button{display:grid;justify-items:center;min-height:80px;padding:7px;text-align:center}#layers small{display:none}#layers b{font-size:7px}.view-title{left:20px;top:18px}.view-title h1{font-size:40px}.view-title p{font-size:12px}.gesture{left:20px;bottom:15px}.actions{display:none}}