:root{--bg-grad-a:#0f172a;--bg-grad-b:#1e293b;--card:#0b1220;--card-border:#22304a;--text:#e5e7eb;--text-muted:#9ca3af;--accent:#22d3ee;--accent-contrast:#0f172a;--primary:#34d399;--primary-contrast:#03241a;--error-bg:#220e10;--error-border:#51212a;--status-bg:#0b1220;--status-border:#1f2937;--input-bg:#0b1220;--input-border:#374151;--code-bg:#111827;--code-border:#374151}*{box-sizing:border-box}html,body,#root{height:100%}html{font-size:16px}@media (max-width: 420px){html{font-size:15px}}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,"Apple Color Emoji","Segoe UI Emoji";color:var(--text);background:linear-gradient(145deg,var(--bg-grad-a),var(--bg-grad-b))}.page{min-height:100svh;display:grid;place-items:center;padding:clamp(16px,3vw,32px)}.shell{width:min(960px,100%);background:var(--card);border:1px solid var(--card-border);border-radius:clamp(12px,2vw,16px);padding:clamp(16px,2.5vw,24px);box-shadow:0 20px 60px #00000059}.header{margin-bottom:clamp(12px,2vw,16px)}.title{margin:0 0 4px;font-size:clamp(20px,4vw,28px);line-height:1.2}.subtitle{margin:0;color:var(--text-muted);font-size:clamp(14px,2.5vw,16px)}.panel{border:1px solid var(--status-border);border-radius:12px;padding:clamp(12px,2.5vw,16px);margin:clamp(12px,2vw,16px) 0}.field{margin-bottom:12px}.label{display:block;font-size:.9rem;color:#cbd5e1;margin-bottom:6px}.input{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--input-border);background:var(--input-bg);color:var(--text);outline:none}.input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #22d3ee26}.grid-2{display:grid;grid-template-columns:1fr;gap:12px}@media (min-width: 640px){.grid-2{grid-template-columns:1fr 1fr}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:12px 16px;border-radius:10px;border:1px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:700;width:auto}.btn.full{width:100%}.btn-accent{background:var(--accent);color:var(--accent-contrast);border-color:#0891b2}.btn-accent:disabled{background:#155e75;color:#cbd5e1;cursor:not-allowed}.btn-primary{background:var(--primary);color:var(--primary-contrast);border-color:#15803d}.btn-primary:disabled{background:#14532d;color:#cbd5e1;cursor:not-allowed}.btn-secondary{background:#1f2937;color:#e5e7eb;border:1px solid #4b5563}.btn-secondary.is-copied{background:#0b3b2a;border-color:#16a34a}.device{margin-top:12px;padding:12px;border-radius:12px;background:#0a1220;border:1px solid var(--status-border)}.row{display:grid;grid-template-columns:120px 1fr;gap:8px;margin-bottom:10px}@media (max-width: 430px){.row{grid-template-columns:1fr}}.key{color:#a1a1aa}.val{word-break:break-word}.copy-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.code{background:var(--code-bg);border:1px solid var(--code-border);border-radius:8px;padding:8px 10px}.status,.error{margin-top:12px;padding:12px;border-radius:12px}.status{background:var(--status-bg);border:1px solid var(--status-border);color:#c7f9cc}.error{background:var(--error-bg);border:1px solid var(--error-border);color:#fecaca}.footer{margin-top:16px;color:var(--text-muted);font-size:.9rem}input[type=datetime-local]::-webkit-calendar-picker-indicator{filter:invert(1);cursor:pointer}