@import"https://fonts.googleapis.com/css2?family=Fira+Code:wght@300;400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}:root{font-family:Fira Code,monospace;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--text-color: #fafafa;--text-secondary: #e2e2e2;--background-color: #0a0a0a;--container-color: transparent;--border-color: #1b1b1b}body{margin:0;padding:0;min-width:320px;min-height:100vh;background-color:var(--background-color);color:var(--text-color);overflow-x:hidden}html{scroll-behavior:smooth}a{text-decoration:none;color:inherit}button{font-family:inherit}a:hover{text-decoration:none}.typewriter-container{display:flex;justify-content:center;align-items:center;text-align:center;min-height:2.5rem;max-width:300px;margin:0 auto}.typewriter-text{font-size:inherit;line-height:inherit;font-family:inherit}.typewriter-cursor{display:inline-block;margin-left:2px;animation:blink 1s infinite;font-weight:300}@keyframes blink{0%,49%{opacity:1}50%,to{opacity:0}}.social-links-container{display:flex;flex-direction:row;gap:20px;width:100%;justify-content:center;align-items:center}.social-link-button{display:flex;align-items:center;justify-content:center;background:none;border:none;padding:0;color:#fff;text-decoration:none;transition:.3s;cursor:pointer}.social-link-button:hover{transform:scale(1.15);filter:drop-shadow(0 0 8px currentColor)}.social-icon{display:flex;align-items:center;justify-content:center;animation:social-icon-glow 2s ease-in-out infinite}@keyframes social-icon-glow{0%,to{filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}50%{filter:drop-shadow(0 0 20px rgba(255,255,255,.9))}}.social-name{display:none}.volume-control{position:fixed;top:30px;left:30px;display:flex;align-items:center;gap:12px;z-index:100;background:#000000b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:12px 16px;border-radius:50px;transition:all .3s ease}.volume-control:hover{background:#000000d9}.volume-icon-btn{background:none;border:none;color:#fff;cursor:pointer;display:flex;align-items:center;justify-content:center;padding:0;transition:all .3s ease}.volume-icon-btn:hover{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(255,255,255,.8))}.volume-slider-container{display:flex;align-items:center;gap:10px;opacity:0;width:0;overflow:hidden;transition:all .3s ease}.volume-slider-container.visible{opacity:1;width:100px}.volume-slider{width:100px;height:6px;-webkit-appearance:none;appearance:none;border-radius:10px;outline:none;cursor:pointer;transition:height .2s ease}.volume-slider:hover{height:8px}.volume-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;transition:all .2s ease;box-shadow:0 0 5px #ffffff80}.volume-slider::-webkit-slider-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px #fffc}.volume-slider::-moz-range-thumb{width:14px;height:14px;background:#fff;border-radius:50%;cursor:pointer;border:none;transition:all .2s ease;box-shadow:0 0 5px #ffffff80}.volume-slider::-moz-range-thumb:hover{transform:scale(1.2);box-shadow:0 0 10px #fffc}@media(max-width:768px){.volume-control{top:20px;left:20px;padding:10px 14px}.volume-slider-container.visible,.volume-slider{width:80px}.volume-icon-btn svg{width:20px;height:20px}}.admin-button-container{position:fixed;top:15px;right:15px;z-index:100}.admin-button{padding:8px 20px;background:#ffffff0d;border:1px solid rgba(255,255,255,.15);color:#ffffffb3;border-radius:8px;cursor:pointer;font-size:13px;font-weight:400;transition:all .3s ease;font-family:inherit;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);letter-spacing:.5px}.admin-button:hover{background:#ffffff1a;border-color:#ffffff4d;color:#ffffffe6;transform:translateY(-1px);box-shadow:0 2px 8px #ffffff1a}.admin-button:active{transform:translateY(0)}@media(max-width:768px){.admin-button-container{top:12px;right:12px}.admin-button{padding:6px 16px;font-size:12px}}.profile-wrapper{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;position:relative;overflow:hidden;background:#000;perspective:1000px}.profile-background{position:fixed;top:0;left:0;width:100%;height:100%;z-index:0}.background-video{width:100%;height:100%;object-fit:cover}.background-placeholder{width:100%;height:100%;background:#000}.profile-card{max-width:500px;width:100%;position:relative;z-index:1;will-change:transform;transform-origin:center center}.profile-card:not(.unfolded) .profile-content{opacity:0;transform:perspective(1500px) rotateY(90deg) scale(.5);transform-origin:center center}.profile-card.unfolded .profile-content{animation:unfold 1s cubic-bezier(.68,-.55,.27,1.55) forwards}@keyframes unfold{0%{opacity:0;transform:perspective(1500px) rotateY(90deg) scale(.5)}40%{opacity:.6}70%{transform:perspective(1500px) rotateY(-5deg) scale(1.05)}to{opacity:1;transform:perspective(1500px) rotateY(0) scale(1)}}.profile-content{width:100%;padding:2.5rem 2rem;background:transparent}.profile-header{display:flex;flex-direction:column;align-items:center;gap:15px;margin-bottom:20px}.avatar-container{position:relative;width:120px;height:120px}.profile-avatar{width:120px;height:120px;border-radius:50%;border:none;object-fit:cover;box-shadow:0 5px 20px #00000080}.avatar-decoration{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;pointer-events:none;z-index:1}.profile-username{font-size:32px;font-weight:600;margin:0}.rainbow-gradient{background:linear-gradient(45deg,red,#ff7f00,#ff0,#c8ff12,#0f0,#00d9ff,#0091ff,#00f,indigo,#9400d3,red);background-size:400% 400%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;animation:rainbow-cycle 5s linear infinite;filter:drop-shadow(0 0 15px rgba(255,255,255,.6))}@keyframes rainbow-cycle{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.profile-bio{margin:25px 0;font-size:15px;font-weight:900;line-height:1.4;color:#e2e2e2;min-height:2rem;text-align:center}.profile-footer{margin:15px 0 30px;padding:0;border:none;font-size:16px;color:#fff;text-align:center}.location{display:inline-flex;align-items:center;font-weight:700;gap:8px}.location-icon{animation:icon-glow 2s ease-in-out infinite}@keyframes icon-glow{0%,to{filter:drop-shadow(0 0 5px rgba(255,255,255,.5))}50%{filter:drop-shadow(0 0 15px rgba(255,255,255,.8))}}.enter-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer}.enter-content{text-align:center}.enter-title{font-size:48px;font-weight:600;color:#fff;margin-bottom:20px}.enter-subtitle{font-size:18px;color:#ffffffb3;text-transform:lowercase}@media(max-width:768px){.profile-content{padding:2rem 1.5rem}.profile-username{font-size:1.5rem}.avatar-container,.profile-avatar{width:100px;height:100px}.avatar-decoration{width:120px;height:120px}.profile-card{transform:none!important}.enter-title{font-size:36px}.enter-subtitle{font-size:16px}}.admin-panel{min-height:100vh;background:linear-gradient(135deg,#0a0a0a,#1a1a2e);color:#fff;padding:2rem;font-family:Fira Code,monospace}.admin-loading,.admin-error{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100vh;color:#0ff}.spinner{width:50px;height:50px;border:4px solid rgba(0,255,255,.1);border-top:4px solid #00ffff;border-radius:50%;animation:spin 1s linear infinite;margin-bottom:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.admin-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding-bottom:1rem;border-bottom:2px solid rgba(0,255,255,.2)}.admin-header h1{font-size:2rem;color:#0ff;text-shadow:0 0 10px rgba(0,255,255,.5);margin:0}.admin-header-actions{display:flex;gap:1rem;align-items:center}.save-success{color:#0f0;font-size:.9rem}.save-error{color:red;font-size:.9rem}button{background:#00ffff1a;border:1px solid #00ffff;color:#0ff;padding:.6rem 1.2rem;border-radius:8px;cursor:pointer;font-family:Fira Code,monospace;font-size:.9rem;transition:all .3s ease}button:hover:not(:disabled){background:#0ff3;box-shadow:0 0 15px #0ff6;transform:translateY(-2px)}button:disabled{opacity:.5;cursor:not-allowed}.btn-save{background:#00ff001a;border-color:#0f0;color:#0f0}.btn-save:hover:not(:disabled){background:#0f03;box-shadow:0 0 15px #0f06}.btn-save-new{background:#ffa5001a;border-color:orange;color:orange}.btn-save-new:hover:not(:disabled){background:#ffa50033;box-shadow:0 0 15px #ffa50066}.btn-back{background:#9900ff1a;border-color:#90f;color:#90f}.btn-back:hover{background:#90f3;box-shadow:0 0 15px #90f6}.admin-tabs{display:flex;gap:.5rem;margin-bottom:2rem;border-bottom:1px solid rgba(0,255,255,.2);padding-bottom:0}.admin-tabs button{background:transparent;border:none;border-bottom:3px solid transparent;color:#fff9;padding:.8rem 1.5rem;border-radius:0;font-size:1rem}.admin-tabs button.active{color:#0ff;border-bottom-color:#0ff;background:#00ffff0d}.admin-tabs button:hover:not(.active){color:#fff;background:#ffffff0d;transform:none;box-shadow:none}.admin-content{background:#ffffff05;border:1px solid rgba(0,255,255,.2);border-radius:12px;padding:2rem;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.admin-section h2{color:#0ff;font-size:1.5rem;margin-bottom:1.5rem;text-shadow:0 0 10px rgba(0,255,255,.3)}.admin-section h3{color:#90f;font-size:1.2rem;margin-top:2rem;margin-bottom:1rem}.form-group{margin-bottom:1.5rem}.form-group label{display:block;color:#fffc;margin-bottom:.5rem;font-size:.9rem}.form-group input[type=text],.form-group input[type=number],.form-group input[type=color],.form-group textarea,.form-group select{width:100%;background:#0000004d;border:1px solid rgba(0,255,255,.3);color:#fff;padding:.6rem;border-radius:6px;font-family:Fira Code,monospace;font-size:.9rem;transition:all .3s ease}.form-group input[type=text]:focus,.form-group input[type=number]:focus,.form-group textarea:focus,.form-group select:focus{outline:none;border-color:#0ff;box-shadow:0 0 10px #00ffff4d}.form-group input[type=color]{height:40px;cursor:pointer;margin-right:.5rem;width:80px;display:inline-block}.form-group textarea{resize:vertical;min-height:100px}.form-group input[type=checkbox]{margin-right:.5rem;width:auto;cursor:pointer}.social-link-group{background:#0003;border:1px solid rgba(0,255,255,.2);border-radius:8px;padding:1rem;margin-bottom:1rem;position:relative}.social-link-group .btn-remove{position:absolute;top:1rem;right:1rem;background:#ff00001a;border-color:red;color:red;padding:.4rem .8rem;font-size:.8rem}.social-link-group .btn-remove:hover{background:#f003;box-shadow:0 0 10px #f006}.btn-add{background:#00ff001a;border-color:#0f0;color:#0f0;margin-top:1rem}.btn-add:hover{background:#0f03;box-shadow:0 0 10px #0f06}.history-info{color:#fff9;margin-bottom:1.5rem;font-size:.9rem}.version-list{display:flex;flex-direction:column;gap:1rem}.version-item{background:#0000004d;border:1px solid rgba(0,255,255,.2);border-radius:8px;padding:1rem;display:flex;justify-content:space-between;align-items:center;transition:all .3s ease}.version-item:hover{border-color:#0ff;box-shadow:0 0 15px #0ff3}.version-info{flex:1}.version-id{font-size:1.1rem;color:#0ff;font-weight:700;margin-bottom:.3rem}.version-username{color:#ffffffe6;margin-bottom:.3rem}.version-date{color:#fff9;font-size:.85rem}.version-author{color:#90fc;font-size:.85rem;margin-top:.2rem}.version-actions{display:flex;gap:.5rem}.btn-load{background:#00ffff1a;border-color:#0ff;color:#0ff;padding:.5rem 1rem;font-size:.85rem}.btn-load:hover{background:#0ff3;box-shadow:0 0 10px #0ff6}.btn-delete{background:#ff00001a;border-color:red;color:red;padding:.5rem 1rem;font-size:.85rem}.btn-delete:hover{background:#f003;box-shadow:0 0 10px #f006}@media(max-width:768px){.admin-panel{padding:1rem}.admin-header{flex-direction:column;align-items:flex-start;gap:1rem}.admin-header-actions{width:100%;flex-direction:column}.admin-tabs{overflow-x:auto;white-space:nowrap}.admin-tabs button{flex-shrink:0}.version-item{flex-direction:column;align-items:flex-start;gap:1rem}.version-actions{width:100%}.version-actions button{flex:1}}#root{width:100%;min-height:100vh;margin:0;padding:0}