@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{color:#c8d6e5;background:#0a0a0f;width:100%;height:100%;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;overflow:hidden}#canvas-container{z-index:0;width:100%;height:100%;position:fixed;top:0;left:0}#header{z-index:10;text-align:center;pointer-events:none;position:fixed;top:24px;left:50%;transform:translate(-50%)}#header h1{letter-spacing:.3em;text-transform:uppercase;color:#456;margin-bottom:4px;font-size:14px;font-weight:500}#header .tagline{color:#345;letter-spacing:.15em;font-size:11px}#footer{z-index:10;text-align:center;pointer-events:none;position:fixed;bottom:24px;left:50%;transform:translate(-50%)}#footer p{color:#234;letter-spacing:.1em;font-size:11px}#info-panel{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);opacity:0;pointer-events:none;background:#0a0a14b3;border:1px solid #ffffff0a;border-radius:12px;min-width:200px;max-width:260px;padding:20px 24px;transition:opacity .3s;position:fixed;top:50%;right:24px;transform:translateY(-50%)}#info-panel.visible{opacity:1}#info-panel .project-name{color:#eef4ff;margin-bottom:2px;font-size:16px;font-weight:600}#info-panel .project-tagline{color:#679;margin-bottom:8px;font-size:12px}#info-panel .project-description{color:#89b;margin-bottom:12px;font-size:13px;line-height:1.5}#info-panel .project-meta{text-transform:uppercase;letter-spacing:.1em;gap:12px;font-size:10px;display:flex}#info-panel .project-meta .status,#info-panel .project-meta .attention{color:#568}#legend{z-index:10;pointer-events:none;position:fixed;bottom:64px;left:24px}#legend .item{opacity:.3;align-items:center;gap:8px;margin-bottom:4px;display:flex}#legend .dot{border-radius:50%;width:6px;height:6px}#legend .label{color:#456;letter-spacing:.05em;text-transform:uppercase;font-size:10px}#instructions{z-index:10;text-align:right;pointer-events:none;position:fixed;bottom:64px;right:24px}#instructions p{color:#234;letter-spacing:.1em;font-size:10px;line-height:1.6}#loading{z-index:100;background:#0a0a0f;flex-direction:column;justify-content:center;align-items:center;transition:opacity .8s;display:flex;position:fixed;inset:0}#loading.hidden{opacity:0;pointer-events:none}#loading .spinner{border:2px solid #1a1a2e;border-top-color:#458;border-radius:50%;width:24px;height:24px;margin-bottom:16px;animation:1s linear infinite spin}#loading p{color:#456;letter-spacing:.2em;text-transform:uppercase;font-size:12px}@keyframes spin{to{transform:rotate(360deg)}}