:root{--app-background: #03040a;--text-primary: #ffffff;--text-muted: rgba(234, 241, 255, .78);--text-subtle: rgba(184, 201, 231, .66);--text-faint: rgba(151, 170, 206, .62);--overlay-shadow: rgba(0, 0, 0, .5);--card-border: rgba(99, 146, 227, .18);--card-background: rgba(5, 10, 24, .44);--card-highlight: rgba(86, 199, 255, .12);font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);background:var(--app-background)}*{box-sizing:border-box}html,body,#root{width:100%;height:100%;margin:0}body{overflow:hidden;background:var(--app-background)}canvas{display:block}.app-shell{position:relative;width:100%;height:100%;overflow:hidden;background:var(--app-background);color:var(--text-primary)}.canvas-mount{position:absolute;top:0;right:0;bottom:0;left:0;cursor:grab;touch-action:none}.canvas-mount:active{cursor:grabbing}.screen-overlay{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:radial-gradient(circle at 50% 45%,rgba(12,39,77,.05),transparent 42%),radial-gradient(circle at 50% 50%,transparent 0%,rgba(0,0,0,.22) 100%)}.content-layer{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:flex-start;justify-content:flex-start;padding:1.4rem 1.5rem;pointer-events:none}.content-card{max-width:22rem;padding:0;border:0;background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;box-shadow:none}.eyebrow{margin-bottom:.45rem;font-size:.68rem;letter-spacing:.28em;text-transform:uppercase;color:var(--text-subtle)}.content-card h1{margin:0;max-width:16rem;font-size:clamp(1.6rem,3vw,2.5rem);line-height:1;font-weight:500;letter-spacing:-.04em}.content-card p{margin:.65rem 0 0;max-width:18rem;font-size:.88rem;line-height:1.6;color:var(--text-muted)}.helper-copy{font-size:.8rem;color:var(--text-faint)}@media (max-width: 720px){.content-layer{padding:1rem}.content-card{max-width:100%}.content-card h1{max-width:12rem;font-size:1.5rem}}