*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html,body{width:100%;height:100%;overflow:hidden;background:#020202;font-family:Georgia,Times New Roman,serif;color:#fff}#app{position:relative;width:100%;height:100vh;overflow:hidden}#canvas-wrap{position:absolute;inset:0}#canvas{display:block;width:100%;height:100%}.overlay{position:absolute;inset:0;pointer-events:none;z-index:1}.overlay--radial{opacity:.3;background:radial-gradient(ellipse at top,#1b1b1b,transparent 50%)}.overlay--fade{background:linear-gradient(to bottom,transparent 60%,#020202 100%)}a{color:inherit;text-decoration:none}#text-overlay{position:absolute;bottom:0;left:0;right:0;z-index:2;pointer-events:none;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:10px;padding-bottom:80px;max-width:1237px;margin:0 auto;padding-left:16px;padding-right:16px;height:100%}#text-overlay h1{font-family:Georgia,Times New Roman,serif;font-size:clamp(40px,5vw,56px);font-weight:400;line-height:1.2;letter-spacing:-1.12px;text-align:center;color:#fff;max-width:1000px;transition:opacity .2s ease;text-shadow:0 0 60px rgba(217,119,87,.25)}#text-overlay h1.fade-out{opacity:0}.install-bar{display:inline-flex;align-items:center;gap:0;background:#ffffff0a;border:1px solid rgba(255,255,255,.06);border-radius:20px;overflow:hidden;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);pointer-events:auto}.install-bar code{font-family:SF Mono,Fira Code,Cascadia Code,Consolas,monospace;font-size:12px;color:#d97757d9;padding:7px 14px;-webkit-user-select:all;user-select:all;white-space:nowrap}#copy-btn{display:flex;align-items:center;gap:4px;background:#ffffff0a;border:none;border-left:1px solid rgba(255,255,255,.06);color:#fff6;cursor:pointer;padding:7px 12px;font-size:11px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;transition:color .2s,background .2s}#copy-btn:hover{color:#fffc;background:#ffffff14}.hero-links{display:flex;gap:6px;pointer-events:auto}.hero-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:16px;font-size:11px;font-weight:500;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;color:#fff6;background:transparent;border:none;transition:color .2s}.hero-badge:hover{color:#fffc}.picker-category{flex-shrink:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:10px;font-weight:600;letter-spacing:.8px;text-transform:uppercase;color:#ffffff4d;padding:0 6px;white-space:nowrap;-webkit-user-select:none;user-select:none}.picker-separator{flex-shrink:0;width:1px;height:24px;background:#ffffff14;margin:0 4px}#icon-picker{position:fixed;bottom:0;left:0;right:0;z-index:10;display:flex;align-items:center;gap:8px;padding:12px 16px;overflow-x:auto;overflow-y:hidden;-webkit-overflow-scrolling:touch;background:#0a0a0a99;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-top:1px solid rgba(255,255,255,.06)}#icon-picker::-webkit-scrollbar{display:none}#icon-picker button{flex-shrink:0;width:40px;height:40px;border:none;border-radius:8px;background:#ffffff0f;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:6px;transition:transform .15s,background .15s,box-shadow .15s}#icon-picker button:hover{transform:scale(1.1);background:#ffffff1f}#icon-picker button.active{background:#ffffff26;box-shadow:0 0 0 2px #ffffff4d}#icon-picker button svg{width:100%;height:100%}@media(max-width:640px){#text-overlay{padding-bottom:70px}#icon-picker{justify-content:flex-start}}