:root{--bg:#0a0a0a;--bg-glow:#ff781e24;--metal-hot:#ffd27a;--metal-mid:#ff7a18;--metal-cool-hi:#d7dbe1;--metal-cool-lo:#7d828a;--ember:#ff6a00;--text-bright:#eae7e2;--text-dim:#dcdce18c;--error:#ff6b5e;--panel-bg:linear-gradient(180deg, #2a27248c, #0e0d0cb3);--panel-border:#d7dbe138}*{box-sizing:border-box}html,body,#app{height:100%}body{color:var(--text-bright);background:radial-gradient(circle at 50% 42%, var(--bg-glow) 0%, transparent 55%), radial-gradient(circle at 50% 50%, transparent 40%, #000c 100%), var(--bg);background-color:var(--bg);margin:0;font-family:system-ui,-apple-system,Segoe UI,sans-serif;overflow-x:hidden}#forge-canvas{z-index:0;pointer-events:none;width:100%;height:100%;position:fixed;inset:0}.stage{z-index:1;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:clamp(1.75rem,4vw,2.75rem);min-height:100dvh;padding:2rem 1.25rem;display:flex;position:relative}.title-filter{width:0;height:0;position:absolute;overflow:hidden}.title{letter-spacing:.08em;filter:url(#heat-haze)drop-shadow(0 0 40px #ff7a188c);margin:0;font-family:Cinzel,serif;font-size:clamp(3rem,14vw,11rem);font-weight:900;line-height:1;animation:4s ease-in-out 2.5s infinite alternate forge-glow-pulse}.title span{background:linear-gradient(180deg, var(--metal-cool-hi) 0%, var(--metal-cool-lo) 55%, var(--metal-cool-hi) 100%);color:#0000;opacity:0;-webkit-background-clip:text;background-clip:text;animation:2.2s ease-out .15s forwards forge-reveal;display:inline-block;position:relative}.title span:before{content:"WLQOH";background:linear-gradient(180deg, #fff9ec 0%, var(--metal-hot) 45%, var(--metal-mid) 100%);color:#0000;filter:blur(3px)brightness(1.6);opacity:1;-webkit-background-clip:text;background-clip:text;animation:2.4s ease-in forwards forge-cool-down;position:absolute;inset:0}.title span:after{content:"WLQOH";background:linear-gradient(115deg,#0000 32%,#ffffffa6 48%,#0000 64%) 130% 0/260% 100%;color:#0000;mix-blend-mode:overlay;pointer-events:none;-webkit-background-clip:text;background-clip:text;animation:5.5s ease-in-out 2.6s infinite forge-sheen;position:absolute;inset:0}.title.is-forging{animation:4s ease-in-out infinite alternate forge-glow-pulse,1.3s ease-out forge-punch}.title.is-forging span:before{opacity:1;animation:1.3s ease-in forwards forge-cool-down}@keyframes forge-reveal{0%{opacity:0;transform:scale(1.04)}to{opacity:1;transform:scale(1)}}@keyframes forge-cool-down{0%{opacity:1;filter:blur(3px)brightness(1.6)}40%{opacity:1;filter:blur(1px)brightness(1.3)}to{opacity:0;filter:blur()brightness()}}@keyframes forge-glow-pulse{0%{filter:url(#heat-haze)drop-shadow(0 0 30px #ff7a1866)}to{filter:url(#heat-haze)drop-shadow(0 0 55px #ff7a18a6)}}@keyframes forge-sheen{0%{background-position:140% 0}45%,to{background-position:-40% 0}}@keyframes forge-punch{0%{transform:scale(1)}15%{transform:scale(.965)}35%{transform:scale(1.02)}to{transform:scale(1)}}.forge-form{flex-direction:column;gap:.6rem;width:100%;max-width:520px;display:flex}.forge-row{gap:.75rem;width:100%;display:flex}.alias-row{background:#14121059;border:1px solid #7d828a59;border-radius:6px;align-items:center;gap:.4rem;width:100%;padding:0 .35rem;transition:border-color .25s,box-shadow .25s;display:flex}.alias-row:focus-within{border-color:var(--ember);box-shadow:0 0 0 3px #ff6a0024}.alias-prefix{color:var(--text-dim);letter-spacing:.01em;-webkit-user-select:none;user-select:none;flex-shrink:0;padding-left:.55rem;font-size:.85rem}.alias-input{min-width:0;min-height:40px;color:var(--text-bright);background:0 0;border:none;outline:none;flex:1;padding:.4rem .5rem .4rem 0;font-size:.9rem}.alias-input::placeholder{color:var(--text-dim)}.url-input{border:1px solid var(--metal-cool-lo);min-width:0;min-height:44px;color:var(--text-bright);background:#14121099;border-radius:6px;outline:none;flex:1;padding:.85rem 1.1rem;font-size:1rem;transition:border-color .25s,box-shadow .25s}.url-input::placeholder{color:var(--text-dim)}.url-input:focus{border-color:var(--ember);box-shadow:0 0 0 3px #ff6a002e,0 0 20px #ff6a0040}.url-input:focus-visible{border-color:var(--ember);box-shadow:0 0 0 3px #ff6a0047,0 0 24px #ff6a0059}.forge-button{background:linear-gradient(180deg, var(--metal-mid), #b23e05);color:#fff3d6;letter-spacing:.04em;cursor:pointer;border:1px solid #ffffff14;border-radius:6px;flex-shrink:0;min-height:44px;padding:.85rem 1.6rem;font-family:Cinzel,serif;font-weight:700;transition:transform .15s,box-shadow .2s,filter .2s}.forge-button:hover{filter:brightness(1.12);box-shadow:0 0 22px #ff6a0066}.forge-button:active{transform:scale(.97)}.forge-button:focus-visible{outline:none;box-shadow:0 0 0 3px #ff6a004d,0 0 22px #ff6a0066}.forge-button:disabled{opacity:.6;cursor:wait;filter:none;box-shadow:none}.result{max-width:min(90vw,560px);color:var(--text-bright);background:var(--panel-bg);border:1px solid var(--panel-border);border-radius:10px;align-items:center;gap:1.25rem;padding:1rem 1.25rem;animation:.45s ease-out forge-reveal;display:flex;box-shadow:inset 0 1px #ffffff0f,0 10px 30px #00000073}.result[hidden]{display:none}.result-main{flex-direction:column;flex:1;align-items:flex-start;gap:.65rem;min-width:0;display:flex}.result-link{color:var(--metal-mid);word-break:break-all;border-bottom:1px dashed #ff7a1866;font-weight:600;text-decoration:none}.result-link:hover{color:#ffb066}.result-link:focus-visible{outline:2px solid var(--ember);outline-offset:3px}.copy-button{border:1px solid var(--metal-cool-lo);min-height:36px;color:var(--text-dim);cursor:pointer;background:0 0;border-radius:5px;padding:.4rem .9rem;font-size:.85rem;transition:border-color .2s,color .2s}.copy-button:hover{border-color:var(--ember);color:var(--ember)}.copy-button:focus-visible{outline:2px solid var(--ember);outline-offset:2px}.qr-panel{background:#eae7e2;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;padding:6px;line-height:0;display:flex}.qr-panel:empty{display:none}.error-text{color:var(--error);max-width:420px;font-size:.9rem}.error-text[hidden]{display:none}@media (width<=640px){.forge-row{flex-direction:column}.result{flex-direction:column;align-items:stretch}.result-main{text-align:center;align-items:center}.qr-panel{align-self:center}}@media (width<=400px){.stage{gap:1.5rem;padding:1.5rem 1rem}.result{padding:.85rem 1rem}}@media (prefers-reduced-motion:reduce){.title,.title.is-forging,.title span,.title span:before,.title span:after{filter:drop-shadow(0 0 30px #ff7a1859)!important;animation:none!important;transform:none!important}.title span{opacity:1}.title span:before,.title span:after{opacity:0}.result{animation:none}.forge-button,.url-input,.copy-button{transition:none}}
