*{margin:0;padding:0;font-family:Arial,Helvetica,sans-serif}html,body{background-color:#11141c;overflow:hidden;width:100%;height:100%;position:fixed;-webkit-text-size-adjust:100%}canvas#three{position:fixed;top:0;left:0;width:100%;height:100%;outline:none;z-index:10;pointer-events:none;-webkit-transform:translateZ(0);transform:translateZ(0)}canvas#flowfield-canvas{position:fixed;top:0;left:0;width:100%;height:100%;outline:none;z-index:1}.vignette-overlay{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:5;background:radial-gradient(ellipse at center,transparent 0%,transparent 60%,rgba(0,0,0,.158) 70%,rgba(0,0,0,.232) 100%)}#CC-attribution{position:fixed;bottom:0;left:0;padding:20px;z-index:1;color:#b3b3b3;width:300px;line-height:1.5}#CC-attribution a{color:#add8e6}#progress{width:100%;height:2px;background:#222;position:fixed;top:50%;left:0;transition:all .3s ease}#bar{width:0;height:100%;background:#fff}.info-panel{position:fixed;bottom:32px;left:32px;z-index:100;color:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;text-align:left;pointer-events:none;background:#ffffff08;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;padding:24px 28px;box-shadow:0 8px 32px #0000004d}.info-panel .project-title{font-size:20px;font-weight:600;margin-bottom:10px;letter-spacing:-.3px;opacity:1;line-height:1.2}.info-panel .tags{font-size:12px;opacity:.7;margin-bottom:20px;font-weight:400;letter-spacing:.3px}.info-panel .links{display:flex;gap:12px;justify-content:flex-end;pointer-events:auto}.info-panel .links a{display:flex;align-items:center;gap:7px;color:#fff;text-decoration:none;font-size:13px;opacity:.85;transition:all .2s ease;font-weight:500;padding:8px 14px;background:#ffffff0d;border-radius:8px;border:1px solid rgba(255,255,255,.1)}.info-panel .links a:hover{opacity:1;background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.info-panel .links a svg{width:18px;height:18px}@media (max-width: 768px){.info-panel{bottom:20px;left:20px;right:20px;padding:18px 20px;border-radius:12px}.info-panel .project-title{font-size:16px}.info-panel .tags{font-size:11px;margin-bottom:16px}.info-panel .links{gap:8px;flex-wrap:wrap}.info-panel .links a{font-size:12px;padding:6px 12px}.info-panel .links a svg{width:16px;height:16px}}@media (max-width: 480px){.info-panel{bottom:16px;left:16px;right:16px;padding:14px 16px}.info-panel .project-title{font-size:14px}.info-panel .tags{font-size:10px;margin-bottom:12px}.info-panel .links{gap:6px}.info-panel .links a{font-size:11px;padding:5px 10px;gap:5px}.info-panel .links a svg{width:14px;height:14px}}.ui-container{position:fixed;inset:0;z-index:100;pointer-events:none;display:flex;flex-direction:column;justify-content:space-between;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;border-radius:30px;padding:30px}.ui-container .title-section{color:#fff;width:300px}.ui-container .title-section h1{font-size:80px;font-weight:800;letter-spacing:-.5px;margin:0 0 8px;opacity:.95}.ui-container .title-section a{font-weight:400;opacity:.8;margin:0;letter-spacing:.5px;color:#fff!important;pointer-events:auto;text-decoration:none}.ui-container .social-links{display:flex;gap:16px;align-self:flex-end;pointer-events:auto}.ui-container .social-links a{width:44px;height:44px;display:flex;align-items:center;justify-content:center;color:#fff;opacity:.6;transition:all .25s ease;border-radius:50%;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.08)}.ui-container .social-links a:hover{opacity:1;background:#ffffff1f;border-color:#fff3;transform:translateY(-2px)}.ui-container .social-links a svg{width:20px;height:20px}@media (max-width: 768px){.ui-container{padding:20px;gap:20px}.ui-container .title-section{width:auto;max-width:100%}.ui-container .title-section h1{font-size:48px;line-height:1;margin-bottom:12px}.ui-container .title-section a{font-size:12px;display:block}.ui-container .social-links{gap:12px}.ui-container .social-links a{width:40px;height:40px}.ui-container .social-links a svg{width:18px;height:18px}}@media (max-width: 480px){.ui-container{padding:16px}.ui-container .title-section h1{font-size:36px}.ui-container .title-section a{font-size:11px}.ui-container .social-links{gap:10px}.ui-container .social-links a{width:36px;height:36px}.ui-container .social-links a svg{width:16px;height:16px}}