:root {
            --panel: #1a1f2a;
            --line: #2e3646;
            --muted: #8892a0;
            --blue: #4da6ff;
            --text: #ffffff;
        }
        body { background: #0f1218; color: var(--text); margin: 0; padding: 0; font-family: system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; }
        main { min-height: 100vh; display: flex; align-items: center; justify-content: center; }
        .card {
            background: var(--panel); border: 1px solid var(--line); border-radius: 16px;
            padding: 32px; box-shadow: 0 12px 32px rgba(0,0,0,.3);
            max-width: 560px; width: 100%; text-align: center;
        }
        h1 { font-size: clamp(32px, 4vw, 48px); line-height: 1.1; margin: 0 0 12px; }
        .stats-panel, .user-panel {
            background: rgba(255,255,255,0.03); border: 1px solid var(--line);
            border-radius: 12px; padding: 18px; margin-bottom: 24px; text-align: left;
        }
        .panel-title { font-size: 14px; font-weight: 700; color: #fff; margin-bottom: 12px; text-transform: uppercase; letter-spacing: 0.5px; }
        .stats-row { display: flex; justify-content: space-between; margin-bottom: 8px; font-size: 13px; color: var(--muted); }
        .stats-row b { color: #fff; font-weight: 700; }
        .stats-row.total-downloads b { color: var(--blue); }

        /* Статусы загрузки */
        .status-block { margin: 20px 0; text-align: left; }
        .status-item { font-size: 13px; color: var(--muted); margin-bottom: 6px; opacity: 0.6; }
        .status-item.status-active { color: var(--blue); opacity: 1; font-weight: 600; }

        /* Прогресс-бар */
        .progress-container {
            width: 100%; height: 6px; background: rgba(255,255,255,0.1);
            border-radius: 3px; overflow: hidden; margin: 12px 0 20px;
        }
        .progress-bar { height: 100%; background: var(--blue); width: 0%; transition: width 0.3s ease; }

        .timer-box { font-size: 14px; color: var(--muted); margin-top: 12px; }

        .btn-download {
            padding: 14px 28px; font-size: 15px; background: var(--blue); color: #000;
            border: none; border-radius: 8px; cursor: pointer; transition: background 0.2s;
            text-decoration: none; font-weight: 700;
        }
        .btn-download:hover { background: #3b82cc; }

        .user-row {
            display: flex; justify-content: space-between; font-size: 13px;
            color: var(--muted); margin-bottom: 6px;
        }
        .user-row b { color: #fff; font-weight: normal; }

        .error-msg { font-size: 11px; color: #ff5555; margin-top: 8px; display: none; }

        @media (max-width: 480px) { .card { padding: 20px; } h1 { font-size: 30px; } }