.page-shell-mesh-bg{position:fixed;top:0;right:0;bottom:0;left:0;z-index:0;overflow:hidden;background:var(--bg-void, #030308)}.page-shell-mesh-bg:before,.page-shell-mesh-bg:after{content:"";position:absolute;border-radius:50%;filter:blur(120px);opacity:.35;animation:pageShellMeshFloat 20s ease-in-out infinite}.page-shell-mesh-bg:before{width:60vw;height:60vw;top:-10%;left:-10%;background:radial-gradient(circle,rgba(245,158,11,.45),transparent 70%);animation-delay:0s}.page-shell-mesh-bg:after{width:50vw;height:50vw;bottom:-10%;right:-10%;background:radial-gradient(circle,rgba(239,68,68,.35),transparent 70%);animation-delay:-10s;animation-duration:25s}@keyframes pageShellMeshFloat{0%,to{transform:translate(0) scale(1)}33%{transform:translate(5%,8%) scale(1.08)}66%{transform:translate(-3%,-5%) scale(.95)}}.page-shell-particle-canvas{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none}.page-shell{position:relative;z-index:2;min-height:100vh;display:flex;flex-direction:column}.page-shell-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:.75rem;padding:.875rem 1.5rem;background:#0303088c;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);border-bottom:1px solid rgba(255,255,255,.05)}.page-shell-avatar{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;font-family:var(--font-display);font-size:1.125rem;font-weight:700;color:#fff;box-shadow:0 0 24px #f59e0b59;flex-shrink:0;animation:pageShellAvatarBreath 4s ease-in-out infinite}@keyframes pageShellAvatarBreath{0%,to{box-shadow:0 0 24px #f59e0b59}50%{box-shadow:0 0 36px #f59e0b8c}}.page-shell-header-text{display:flex;flex-direction:column;min-width:0}.page-shell-header-title{font-family:var(--font-display);font-size:.9375rem;font-weight:700;letter-spacing:-.01em;color:var(--text, #f0f0f8);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-shell-header-meta{font-size:.6875rem;color:var(--text-dim, #71718d);font-family:var(--font-mono, ui-monospace, monospace);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.page-shell-header-spacer{flex:1}.page-shell-live{display:flex;align-items:center;gap:.375rem;padding:.375rem .75rem;border-radius:100px;background:#22c55e14;border:1px solid rgba(34,197,94,.15);font-size:.6875rem;font-weight:600;color:var(--success, #22c55e);text-transform:uppercase;letter-spacing:.08em;flex-shrink:0}.page-shell-live-dot{width:6px;height:6px;border-radius:50%;background:var(--success, #22c55e);box-shadow:0 0 8px var(--success, #22c55e);animation:pageShellLivePulse 2s ease-in-out infinite}@keyframes pageShellLivePulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.5;transform:scale(.8)}}.page-shell-content{position:relative;z-index:2;flex:1;width:100%;max-width:1200px;margin:0 auto;padding:2rem 1.5rem 4rem}@media(max-width:640px){.page-shell-header{padding:.75rem 1rem}.page-shell-avatar{width:36px;height:36px;font-size:1rem}.page-shell-content{padding:1.5rem 1rem 3rem}}@media(prefers-reduced-motion:reduce){.page-shell-mesh-bg:before,.page-shell-mesh-bg:after{animation:none}.page-shell-avatar,.page-shell-live-dot{animation:none}}