:root{--bg-color: #eef1f6;--card-bg: #ffffff;--text-color: #2b2b2b;--text-muted: #666;--primary-blue: #1e87f0;--primary-orange: #f48024;--shadow-color: rgba(0, 0, 0, .08);--border-color: rgba(0, 0, 0, .05);--progress-bg: #e0e0e0}body.dark-mode{--bg-color: #1a1a1a;--card-bg: #2d2d2d;--text-color: #f0f0f0;--text-muted: #aaa;--shadow-color: rgba(0, 0, 0, .3);--border-color: rgba(255, 255, 255, .05);--progress-bg: #444}*{transition:background-color .3s ease,color .3s ease}body{margin:0;padding:0;font-family:Ubuntu,Segoe UI,Tahoma,Geneva,Verdana,sans-serif;background-color:var(--bg-color);height:100vh;display:flex;justify-content:center;align-items:center;color:var(--text-color);position:relative}body:before{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background-image:url(/assets/city_background-YwExdg88.png);background-size:cover;background-position:center;background-attachment:fixed;z-index:-2;pointer-events:none;transition:filter .3s ease;filter:grayscale(0) brightness(1)}body:after{content:"";position:fixed;top:0;left:0;width:100%;height:100%;background:#fff6;z-index:-1;pointer-events:none;transition:background .3s ease}body.dark-mode:before{filter:grayscale(1) brightness(.7)}body.dark-mode:after{background:#00000080}.container{width:100%;max-width:480px;padding:20px}.maintenance-box{background:var(--card-bg);border-radius:12px;box-shadow:0 4px 20px var(--shadow-color);padding:40px;text-align:center;position:relative;overflow:hidden;background-image:radial-gradient(var(--border-color) 1px,transparent 1px);background-size:20px 20px;transition:transform .3s ease,box-shadow .3s ease}.maintenance-box:hover{transform:translateY(-5px);box-shadow:0 15px 40px var(--shadow-color)}.header h1{font-size:32px;margin-bottom:0;color:var(--text-color);font-weight:700;letter-spacing:-.5px}.maintenance-image{max-width:100%;height:auto;margin:0 auto 30px;display:block;filter:drop-shadow(0 4px 6px rgba(0,0,0,.1))}.separator-line{height:1px;background:linear-gradient(to right,transparent,var(--border-color),transparent);margin:20px 0;width:100%}.description{font-size:16px;line-height:1.6;color:var(--text-muted);margin-bottom:40px}.progress-section{display:flex;flex-direction:column;gap:20px;text-align:left}.progress-item{width:100%}.label-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:14px;font-weight:600;color:var(--text-muted)}.label{flex:1}.percentage{color:var(--text-color);font-weight:700;font-size:14px}.progress-bar-container{width:100%;height:14px;background-color:var(--progress-bg);border-radius:10px;overflow:hidden;box-shadow:inset 0 1px 3px #0000001a}.progress-bar{height:100%;background:var(--primary-blue);border-radius:10px;position:relative;overflow:hidden}.progress-bar:after{content:"";position:absolute;top:0;left:0;bottom:0;right:0;background:linear-gradient(45deg,rgba(255,255,255,.2) 25%,transparent 25%,transparent 50%,rgba(255,255,255,.2) 50%,rgba(255,255,255,.2) 75%,transparent 75%,transparent);background-size:20px 20px;animation:stripe-move 1s linear infinite;z-index:1}.progress-bar:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.4),transparent);animation:shimmer 2s infinite;z-index:2}@keyframes stripe-move{0%{background-position:0 0}to{background-position:20px 20px}}@keyframes shimmer{to{left:100%}}.progress-item:nth-child(2) .progress-bar{background:var(--primary-orange)}.footer{margin-top:40px;border-top:1px solid var(--border-color);padding-top:20px}.footer p{font-size:12px;color:var(--text-muted)}.theme-toggle{position:fixed;bottom:20px;right:20px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;box-shadow:0 4px 10px #0000001a;display:flex;justify-content:center;align-items:center;transition:transform .2s;z-index:1000}.theme-toggle:hover{transform:scale(1.1)}.music-toggle{position:fixed;bottom:20px;right:80px;background:var(--card-bg);border:1px solid var(--border-color);border-radius:50%;width:50px;height:50px;font-size:24px;cursor:pointer;box-shadow:0 4px 10px #0000001a;display:flex;justify-content:center;align-items:center;transition:transform .2s;z-index:1000}.music-toggle:hover{transform:scale(1.1)}#youtube-player{display:none}@media (max-width: 768px){body:before{background-attachment:scroll}.container{max-width:100%;padding:15px}.maintenance-box{padding:25px 20px;border-radius:8px}.header h1{font-size:24px}.description{font-size:14px;margin-bottom:30px;line-height:1.5}.maintenance-image{margin-bottom:20px;max-width:90%}.progress-section{gap:15px}.label-row{font-size:13px;margin-bottom:6px}.progress-bar-container{height:12px}.footer{margin-top:30px;padding-top:15px}.footer p{font-size:11px;line-height:1.4}.theme-toggle{width:45px;height:45px;font-size:20px;bottom:15px;right:15px}.music-toggle{width:45px;height:45px;font-size:20px;bottom:15px;right:70px}}@media (max-width: 480px){.container{padding:10px}.maintenance-box{padding:20px 15px;border-radius:6px}.header h1{font-size:20px;letter-spacing:-.3px}.description{font-size:13px;margin-bottom:25px}.maintenance-image{max-width:85%;margin-bottom:15px}.progress-section{gap:12px}.label-row{font-size:12px;margin-bottom:5px}.progress-bar-container{height:10px}.progress-bar:after{background-size:15px 15px}@keyframes stripe-move{0%{background-position:0 0}to{background-position:15px 15px}}.footer{margin-top:25px;padding-top:12px}.footer p{font-size:10px}.theme-toggle{width:40px;height:40px;font-size:18px;bottom:12px;right:12px}.music-toggle{width:40px;height:40px;font-size:18px;bottom:12px;right:60px}.separator-line{margin:15px 0}}@media (max-width: 360px){.maintenance-box{padding:15px 12px}.header h1{font-size:18px}.description{font-size:12px;margin-bottom:20px}.maintenance-image{max-width:80%}}@media (min-width: 769px) and (max-width: 1024px){.container{max-width:550px}.maintenance-box{padding:45px 35px}}@media (min-width: 1025px){.container{max-width:600px}.maintenance-box{padding:50px 45px}}