:root { color-scheme: light; }
html.dark { color-scheme: dark; }
body { font-family: Inter, ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, sans-serif; background:#f8fafc; color:#0f172a; }
.btn-primary { display:inline-flex; align-items:center; justify-content:center; border-radius:.75rem; background:#06b6d4; color:#020617; padding:.55rem 1rem; font-weight:600; transition:.2s; text-decoration:none; }
.btn-primary:hover { background:#22d3ee; }
.btn-secondary { display:inline-flex; align-items:center; justify-content:center; border-radius:.75rem; border:1px solid rgba(15,23,42,.18); color:inherit; padding:.55rem 1rem; transition:.2s; text-decoration:none; background:#fff; }
.btn-secondary:hover { border-color: rgba(15,23,42,.35); }
.badge { border-radius:999px; border:1px solid rgba(34,211,238,.35); color:#0369a1; padding:.25rem .75rem; background:#ecfeff; }
.glass { background: linear-gradient(135deg, rgba(255,255,255,.92), rgba(255,255,255,.78)); border: 1px solid rgba(15,23,42,.08); box-shadow: 0 16px 30px rgba(2,6,23,.12); }
.drop-zone { border: 1.5px dashed rgba(148,163,184,.5); border-radius: 14px; padding: 2rem; text-align: center; cursor: pointer; transition: .2s; }
.drop-zone.active, .drop-zone:hover { border-color: rgb(34 211 238 / .9); background: rgba(6,182,212,.08); }
.input { width: 100%; border-radius: 10px; border: 1px solid rgba(148,163,184,.45); background: #fff; color:#0f172a; padding: .65rem .8rem; }
.progress-wrap { height: .6rem; border-radius: 999px; background: rgba(148,163,184,.3); overflow: hidden; }
.progress-bar { height: 100%; width: 0; background: linear-gradient(90deg, #06b6d4, #3b82f6); transition: width .2s ease; }
html.dark body { background: #020617; color: #e2e8f0; }
html.dark .glass { background: linear-gradient(135deg, rgba(255,255,255,.07), rgba(255,255,255,.03)); border-color: rgba(255,255,255,.14); box-shadow: 0 16px 30px rgba(0,0,0,.35); }
html.dark .btn-secondary { border-color: rgba(255,255,255,.25); background: transparent; }
html.dark .btn-secondary:hover { border-color: rgba(255,255,255,.45); }
html.dark .badge { color:#a5f3fc; background:transparent; border-color: rgba(34,211,238,.45); }
html.dark .input { background: rgba(15,23,42,.82); color:#e2e8f0; }