@import"https://fonts.googleapis.com/css2?family=Nosifer&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Nosifer,Courier,monospace;line-height:1.5;font-weight:400;color:#ffffffde;background-color:#0a0604;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.nosifer-regular{font-family:Nosifer,sans-serif;font-weight:400;font-style:normal}body{margin:0;padding:0;min-width:320px;min-height:100vh;overflow-x:hidden}#root{width:100%;min-height:100vh}.app-container{width:100%;min-height:100vh;display:flex;flex-direction:column;position:relative;overflow-x:hidden}.wall-background{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,rgba(0,0,0,.1) 0%,transparent 3%,transparent 97%,rgba(0,0,0,.1) 100%),linear-gradient(rgba(42,24,16,.3) 1px,transparent 1px),linear-gradient(180deg,#3d2817,#2a1810,#1a0f08);background-size:120px 100%,100% 25px,100% 100%;z-index:-1}.wall-background:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:repeating-linear-gradient(90deg,transparent,transparent 95px,rgba(0,0,0,.15) 95px,rgba(0,0,0,.15) 98px);opacity:.6}.wall-background:after{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:radial-gradient(circle at 30% 40%,rgba(80,50,30,.3) 0%,transparent 50%),radial-gradient(circle at 70% 60%,rgba(60,40,25,.2) 0%,transparent 50%);opacity:.5}.alphabet-wall{flex:1;display:flex;flex-direction:column;justify-content:center;align-items:center;padding:14px 40px 40px;gap:35px}.wall-title{font-family:Nosifer,sans-serif;font-size:1.8rem;color:#c4955f;text-align:center;margin-bottom:30px;text-shadow:2px 2px 4px rgba(0,0,0,.8);letter-spacing:3px;font-weight:400}.letter-row{display:flex;gap:45px;justify-content:center;flex-wrap:wrap;position:relative}.letter{position:relative;width:50px;height:80px;display:flex;align-items:flex-end;justify-content:center;padding-bottom:10px;cursor:default;-webkit-user-select:none;user-select:none}.letter:before{content:attr(data-letter);position:absolute;bottom:0;left:50%;transform:translate(-50%);font-size:2.5rem;font-weight:400;font-family:Nosifer,sans-serif;color:#1a0f08;text-shadow:2px 2px 0px rgba(0,0,0,.5),-1px -1px 0px rgba(80,50,30,.3),1px 1px 3px rgba(0,0,0,.4);filter:contrast(1.3) brightness(.85);z-index:1;letter-spacing:1px}.letter[data-letter=A]:before{transform:translate(-50%) rotate(-4deg)}.letter[data-letter=B]:before{transform:translate(-50%) rotate(3deg)}.letter[data-letter=C]:before{transform:translate(-50%) rotate(-2deg)}.letter[data-letter=D]:before{transform:translate(-50%) rotate(5deg)}.letter[data-letter=E]:before{transform:translate(-50%) rotate(-3deg)}.letter[data-letter=F]:before{transform:translate(-50%) rotate(2deg)}.letter[data-letter=G]:before{transform:translate(-50%) rotate(-5deg)}.letter[data-letter=H]:before{transform:translate(-50%) rotate(4deg)}.letter[data-letter=I]:before{transform:translate(-50%) rotate(-2deg)}.letter[data-letter=J]:before{transform:translate(-50%) rotate(3deg)}.letter[data-letter=K]:before{transform:translate(-50%) rotate(-4deg)}.letter[data-letter=L]:before{transform:translate(-50%) rotate(2deg)}.letter[data-letter=M]:before{transform:translate(-50%) rotate(5deg)}.letter[data-letter=N]:before{transform:translate(-50%) rotate(-3deg)}.letter[data-letter=O]:before{transform:translate(-50%) rotate(4deg)}.letter[data-letter=P]:before{transform:translate(-50%) rotate(-5deg)}.letter[data-letter=Q]:before{transform:translate(-50%) rotate(3deg)}.letter[data-letter=R]:before{transform:translate(-50%) rotate(-2deg)}.letter[data-letter=S]:before{transform:translate(-50%) rotate(4deg)}.letter[data-letter=T]:before{transform:translate(-50%) rotate(-4deg)}.letter[data-letter=U]:before{transform:translate(-50%) rotate(2deg)}.letter[data-letter=V]:before{transform:translate(-50%) rotate(5deg)}.letter[data-letter=W]:before{transform:translate(-50%) rotate(-3deg)}.letter[data-letter=X]:before{transform:translate(-50%) rotate(3deg)}.letter[data-letter=Y]:before{transform:translate(-50%) rotate(-4deg)}.letter[data-letter=Z]:before{transform:translate(-50%) rotate(2deg)}.letter:after{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:18px;height:26px;border-radius:9px 9px 50% 50%;background:var(--bulb-color, #ff8844);box-shadow:inset 2px 2px 4px #ffffff4d,inset -2px -2px 4px #0003;filter:brightness(.5);transition:filter .15s ease;z-index:3}.letter-bulb-socket{position:absolute;top:-5px;left:50%;transform:translate(-50%);width:12px;height:12px;background:linear-gradient(135deg,#3a3a3a,#1a1a1a);border-radius:2px;box-shadow:0 1px 3px #000000b3,inset 0 1px 1px #ffffff1a;z-index:2}.letter-wire{position:absolute;top:-8px;left:50%;transform:translate(-50%);width:2px;height:8px;background:linear-gradient(180deg,#1a1a1a,#2a2a2a);box-shadow:1px 0 1px #00000080;z-index:1}.letter[data-letter=A]:after,.letter[data-letter=J]:after,.letter[data-letter=S]:after{--bulb-color: linear-gradient(135deg, #ff4444, #cc0000)}.letter[data-letter=B]:after,.letter[data-letter=K]:after,.letter[data-letter=T]:after{--bulb-color: linear-gradient(135deg, #4444ff, #0000cc)}.letter[data-letter=C]:after,.letter[data-letter=L]:after,.letter[data-letter=U]:after{--bulb-color: linear-gradient(135deg, #ffdd44, #ccaa00)}.letter[data-letter=D]:after,.letter[data-letter=M]:after,.letter[data-letter=V]:after{--bulb-color: linear-gradient(135deg, #44ff44, #00cc00)}.letter[data-letter=E]:after,.letter[data-letter=N]:after,.letter[data-letter=W]:after{--bulb-color: linear-gradient(135deg, #ff44ff, #cc00cc)}.letter[data-letter=F]:after,.letter[data-letter=O]:after,.letter[data-letter=X]:after{--bulb-color: linear-gradient(135deg, #44ffff, #00cccc)}.letter[data-letter=G]:after,.letter[data-letter=P]:after,.letter[data-letter=Y]:after{--bulb-color: linear-gradient(135deg, #ff8844, #cc5500)}.letter[data-letter=H]:after,.letter[data-letter=Q]:after,.letter[data-letter=Z]:after{--bulb-color: linear-gradient(135deg, #88ff44, #55cc00)}.letter[data-letter=I]:after,.letter[data-letter=R]:after{--bulb-color: linear-gradient(135deg, #ff4488, #cc0055)}.letter.active:after{filter:brightness(2.5) saturate(1.5);animation:bulbFlicker .8s ease-in-out;box-shadow:inset 2px 2px 4px #ffffff80,inset -2px -2px 4px #0000001a,0 0 20px var(--glow-color, rgba(255,200,100,.8)),0 0 40px var(--glow-color, rgba(255,200,100,.6)),0 0 60px var(--glow-color, rgba(255,200,100,.4))}.letter.active:before{animation:letterIlluminate .8s ease-in-out}@keyframes bulbFlicker{0%,to{filter:brightness(.5)}10%,30%,50%,70%,90%{filter:brightness(2.8) saturate(1.5)}20%,40%,60%,80%{filter:brightness(1.5) saturate(1.2)}}@keyframes crazyFlicker{0%,to{opacity:.8;filter:brightness(.8) saturate(1.2)}10%{opacity:1;filter:brightness(2) saturate(1.5)}25%{opacity:.6;filter:brightness(.6)}40%{opacity:1;filter:brightness(2.5) saturate(1.8)}55%{opacity:.5;filter:brightness(.5)}70%{opacity:.9;filter:brightness(2.2)}85%{opacity:.7;filter:brightness(.7)}}.letter.flickering-all:after{animation:crazyFlicker 2s infinite ease-in-out;box-shadow:0 0 15px var(--glow-color, rgba(255,200,100,.6)),0 0 30px var(--glow-color, rgba(255,200,100,.4))}.letter.flickering-all:before{animation:letterIlluminate 2s infinite ease-in-out}@keyframes letterIlluminate{0%,to{text-shadow:1px 1px 0px rgba(0,0,0,.4),-1px -1px 0px rgba(80,50,30,.2)}50%{text-shadow:0 0 10px rgba(255,255,200,.6),0 0 20px rgba(255,255,200,.4),1px 1px 0px rgba(0,0,0,.4)}}.row-wire-svg{position:absolute;top:0;left:0;width:100%;height:50px;pointer-events:none;z-index:0;overflow:visible}.wire-path{fill:none;stroke:#252525;stroke-width:3;stroke-linecap:round;filter:drop-shadow(0 2px 2px rgba(0,0,0,.6))}.message-input{background:transparent;padding:30px;border-top:none;display:flex;flex-direction:column;gap:20px;align-items:center;-webkit-backdrop-filter:none;backdrop-filter:none}.input-group{display:flex;gap:10px;width:100%;max-width:800px;flex-wrap:nowrap;justify-content:center;align-items:center}.message-input input{flex:1;min-width:250px;padding:12px 20px;font-size:1rem;font-family:Courier New,monospace;background:transparent;border:1px solid rgba(196,149,95,.5);border-radius:8px;color:#fff;outline:none;transition:all .3s ease;text-transform:uppercase;box-shadow:inset 0 0 10px #0000004d}.message-input input::placeholder{color:#fff6;text-transform:none}.message-input input:focus{border-color:#e4b57f;background:#ffffff0d;box-shadow:0 0 15px #c4955f33,inset 0 0 10px #0000004d}.message-input button{padding:12px 30px;font-size:1rem;font-family:Courier New,monospace;font-weight:700;background:transparent;border:1px solid #c4955f;border-radius:8px;color:#c4955f;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px;white-space:nowrap}.message-input button:hover{transform:translateY(-2px);box-shadow:0 0 15px #c4955f4d;background:#c4955f1a;color:#e4b57f;border-color:#e4b57f}.message-input button:active{transform:translateY(0)}.message-input button:disabled{opacity:.5;cursor:not-allowed;transform:none;border-color:#5a4a40;color:#5a4a40}.share-section,.share-url{display:none}.copy-btn{padding:12px 30px!important;font-size:1rem!important;background:transparent!important;color:#c4955f!important;border:1px solid #c4955f!important}.copy-btn:hover{background:#c4955f1a!important;color:#e4b57f!important;border-color:#e4b57f!important}.copy-btn.copied{color:#4a4!important;border-color:#4a4!important;background:#44aa441a!important}.current-message{text-align:center;color:#c4955f;font-family:Courier New,monospace;font-size:1.2rem;margin-top:30px;text-shadow:0 0 10px rgba(196,149,95,.5);letter-spacing:6px;min-height:30px;font-weight:400}@media(max-width:768px){.alphabet-wall{padding:120px 20px 20px;gap:30px}.wall-title{font-size:1.4rem;margin-bottom:20px}.letter{height:70px}.letter:before{font-size:2.3rem}.letter:after{width:15px;height:22px}.fairy-lights-wire{top:85px}.message-input{padding:20px 15px}.input-group,.share-section{max-width:100%}.message-input input,.share-url{min-width:100%}.current-message{font-size:1rem;letter-spacing:4px}}@media(max-width:480px){.letter{height:60px}.letter:before{font-size:1.8rem}.letter:after{width:12px;height:18px}.fairy-lights-wire{top:75px;height:120px}.wall-title{font-size:1.1rem}.current-message{font-size:.9rem;letter-spacing:3px}}.github-float{position:fixed;bottom:30px;right:30px;width:50px;height:50px;color:#c4955f;transition:all .3s ease;z-index:100;display:flex;align-items:center;justify-content:center;border-radius:50%;background:#0003;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);padding:10px;border:1px solid rgba(196,149,95,.3)}.github-float:hover{transform:translateY(-5px) scale(1.1);color:#e4b57f;border-color:#e4b57f;box-shadow:0 0 15px #c4955f66;background:#0006}.github-float svg{width:30px;height:30px}