:root{font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;color:#0f172a;background:radial-gradient(circle at top,#eef4ff,#f8fafc 38%,#f8fafc);--bg-page: radial-gradient(circle at top, #eef4ff 0%, #f8fafc 38%, #f8fafc 100%);--text-main: #0f172a;--text-subtle: #475569;--card-bg: #ffffff;--card-border: #e2e8f0;--input-border: #cbd5e1;--focus-ring: rgba(59, 130, 246, .15);--primary-a: #2563eb;--primary-b: #1d4ed8;--badge-bg: #eef2ff;--badge-text: #3730a3;--alert-info-bg: #eff6ff;--alert-info-text: #1e3a8a;--alert-info-border: #bfdbfe;--alert-error-bg: #fef2f2;--alert-error-text: #991b1b;--alert-error-border: #fecaca;--link-bg: #0f172a;--ghost-bg: transparent;--ghost-border: #cbd5e1}*{box-sizing:border-box}body{margin:0;color:var(--text-main);background:var(--bg-page)}@media (prefers-color-scheme: dark){:root{--bg-page: radial-gradient(circle at top, #111827 0%, #0b1220 40%, #0b1220 100%);--text-main: #e5e7eb;--text-subtle: #94a3b8;--card-bg: #111827;--card-border: #1f2937;--input-border: #374151;--focus-ring: rgba(96, 165, 250, .28);--primary-a: #3b82f6;--primary-b: #2563eb;--badge-bg: #1e293b;--badge-text: #c7d2fe;--alert-info-bg: #0f172a;--alert-info-text: #bfdbfe;--alert-info-border: #1d4ed8;--alert-error-bg: #2b0b0e;--alert-error-text: #fecaca;--alert-error-border: #7f1d1d;--link-bg: #1f2937;--ghost-bg: transparent;--ghost-border: #374151}}.page{min-height:100vh;padding:40px 16px}.container{max-width:860px;margin:0 auto}.hero{margin-bottom:20px}.hero h1{margin:0;font-size:2rem;letter-spacing:-.02em}.hero p{margin:8px 0 0;color:var(--text-subtle)}.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:16px;padding:18px;box-shadow:0 8px 30px #0f172a0f}.form-grid{display:grid;gap:14px}.field{display:grid;gap:8px}.label{font-size:.92rem;color:var(--text-subtle);font-weight:600}.input,.select{width:100%;padding:12px;border:1px solid var(--input-border);border-radius:10px;background:var(--card-bg);color:var(--text-main)}.input:focus,.select:focus{outline:none;border-color:var(--primary-a);box-shadow:0 0 0 3px var(--focus-ring)}.actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.btn{border:0;border-radius:10px;padding:11px 16px;font-weight:600;background:linear-gradient(135deg,var(--primary-a) 0%,var(--primary-b) 100%);color:#fff;cursor:pointer}.btn:disabled{opacity:.55;cursor:not-allowed}.btn.ghost{background:var(--ghost-bg);color:var(--text-main);border:1px solid var(--ghost-border);padding:8px 12px}.badge{font-size:.82rem;background:var(--badge-bg);color:var(--badge-text);border-radius:999px;padding:6px 10px}.alert{margin:0;padding:10px 12px;border-radius:10px;font-size:.92rem}.reqid{margin-top:6px;font-size:.8rem;opacity:.9}.hint{margin:0;font-size:.85rem;color:var(--text-subtle)}.file-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;flex-wrap:wrap;font-size:.88rem;color:var(--text-subtle)}.alert.error{background:var(--alert-error-bg);color:var(--alert-error-text);border:1px solid var(--alert-error-border)}.alert.info{background:var(--alert-info-bg);color:var(--alert-info-text);border:1px solid var(--alert-info-border)}.result{margin-top:14px;display:grid;gap:8px}.result-row{color:var(--text-main);font-size:.92rem}.timer.warn{color:#c2410c}.timer.danger{color:#dc2626;font-weight:700}@media (prefers-color-scheme: dark){.timer.warn{color:#fdba74}.timer.danger{color:#fca5a5}}.link{width:fit-content;display:inline-flex;text-decoration:none;background:var(--link-bg);color:#fff;padding:10px 12px;border-radius:10px}