body{color:#f5f5f5;background:#000;margin:0;font-family:Segoe UI,PingFang SC,Hiragino Sans GB,Arial,sans-serif}#canvas{width:100vw;height:100vh;display:block}#overlay{box-sizing:border-box;text-align:center;z-index:10;background:radial-gradient(circle at top,#244080cc,#060a18f2);justify-content:center;align-items:center;padding:24px;transition:opacity .4s;display:flex;position:fixed;inset:0}#overlay.hidden{opacity:0;pointer-events:none}#overlay.error{background:#101010f2}.overlay-content{max-width:640px}#overlay-title{letter-spacing:.08em;text-transform:uppercase;margin:0 0 12px;font-size:2rem}#overlay-intro{margin-bottom:24px;font-size:1rem;line-height:1.6}#overlay-intro p{margin:0 0 12px}#overlay-status{opacity:.85;margin:0;font-size:.95rem}#overlay-progress{text-align:left;width:100%;max-width:420px;margin:18px auto 0}#overlay-progress-track{background:#d7e5ff29;border-radius:999px;width:100%;height:8px;position:relative;overflow:hidden;box-shadow:inset 0 1px 3px #060c1c73}#overlay-progress-fill{border-radius:inherit;background:linear-gradient(135deg,#7ebcffe6,#3874dae6);width:0%;height:100%;transition:width .3s;box-shadow:0 0 12px #609eff66}#overlay-progress-label{letter-spacing:.12em;text-transform:uppercase;text-align:right;color:#d7e5ffb8;margin-top:8px;font-size:.75rem;display:block}#font-permission-btn{color:#d7e5ff;letter-spacing:.08em;text-transform:uppercase;cursor:pointer;background:linear-gradient(135deg,#1c305ce6,#101830e6);border:1px solid #7ebcff8c;border-radius:999px;margin:18px auto 0;padding:12px 26px;font-size:.95rem;font-weight:600;display:none;box-shadow:0 10px 24px #0a163066}#font-permission-btn.visible{justify-content:center;align-items:center;display:inline-flex}#metrics{letter-spacing:.14em;text-transform:uppercase;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);z-index:8;box-sizing:border-box;background:linear-gradient(135deg,#121e3ad9,#080c1cd9);border:1px solid #609eff59;border-radius:999px;align-items:center;gap:0;max-width:56px;min-height:46px;padding:10px;font-size:.78rem;transition:max-width .28s,padding .28s,border-color .28s;display:inline-flex;position:fixed;bottom:24px;left:24px;overflow:hidden;box-shadow:0 12px 28px #0a163073,inset 0 0 12px #407cff40}#metrics:hover,#metrics:focus-within{border-color:#7ebcff99;justify-content:flex-start;max-width:320px;padding:8px 14px}#source-link{color:#d7e5ff;opacity:.8;border-radius:50%;justify-content:center;align-items:center;width:26px;height:26px;text-decoration:none;display:inline-flex}#source-link svg{fill:currentColor;width:20px;height:20px}.metrics-details{opacity:0;pointer-events:none;flex:0;align-items:center;gap:12px;max-width:0;margin-left:0;transition:opacity .18s,transform .2s,max-width .28s,margin-left .28s;display:inline-flex;overflow:hidden;transform:translate(-6px)}#metrics:hover .metrics-details,#metrics:focus-within .metrics-details{opacity:1;pointer-events:auto;flex-basis:260px;max-width:260px;margin-left:12px;transform:translate(0)}#metrics label{color:#d7e5ff;font-weight:600}.separator{color:#d7e5ff73;letter-spacing:normal;font-size:.7rem}