:root{--bg: #f4f5f7;--card: #ffffff;--card-hover: #eceef1;--text: #1f2430;--muted: #5b6472;--primary: #2563eb;--on-primary: #ffffff;--border: #d1d5db;--input-bg: #ffffff;--branding-header-bg: var(--card);--branding-header-text: var(--text);--branding-footer-bg: var(--card);--branding-footer-text: var(--text);--success: #166534;--success-bg: #dcfce7;--warning: #92400e;--warning-bg: #fef3c7;--danger: #991b1b;--danger-bg: #fee2e2;--info: #1e40af;--info-bg: #dbeafe;--neutral-text: #374151;--neutral-bg: #e5e7eb;--radius: 12px;--radius-sm: 8px;--shadow: 0 1px 3px rgba(0, 0, 0, .08);color-scheme:light}html[data-theme=dark]{--bg: #14161c;--card: #1c1f27;--card-hover: #232733;--text: #e5e7eb;--muted: #9ca3af;--primary: #3b82f6;--on-primary: #14161c;--border: #374151;--input-bg: #1c1f27;--success: #4ade80;--success-bg: rgba(34, 197, 94, .18);--warning: #fbbf24;--warning-bg: rgba(245, 158, 11, .18);--danger: #f87171;--danger-bg: rgba(239, 68, 68, .18);--info: #93c5fd;--info-bg: rgba(59, 130, 246, .18);--neutral-text: #cbd5e1;--neutral-bg: rgba(148, 163, 184, .18);--shadow: 0 1px 3px rgba(0, 0, 0, .4);color-scheme:dark}@media(prefers-color-scheme:dark){html:not([data-theme=light]):not([data-theme=dark]){--bg: #14161c;--card: #1c1f27;--card-hover: #232733;--text: #e5e7eb;--muted: #9ca3af;--primary: #3b82f6;--on-primary: #14161c;--border: #374151;--input-bg: #1c1f27;--success: #4ade80;--success-bg: rgba(34, 197, 94, .18);--warning: #fbbf24;--warning-bg: rgba(245, 158, 11, .18);--danger: #f87171;--danger-bg: rgba(239, 68, 68, .18);--info: #93c5fd;--info-bg: rgba(59, 130, 246, .18);--neutral-text: #cbd5e1;--neutral-bg: rgba(148, 163, 184, .18);--shadow: 0 1px 3px rgba(0, 0, 0, .4);color-scheme:dark}}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}*{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}body{font-family:system-ui,-apple-system,Segoe UI,sans-serif;background:var(--bg);color:var(--text)}.btn-danger-ghost{background:transparent;border:1px solid var(--danger);color:var(--danger)}.password-field{position:relative;display:flex}.password-field input{flex:1;padding-right:2.5rem}.password-field .eye-btn{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);min-height:44px;min-width:44px;border:none;background:transparent;cursor:pointer;font-size:1.1rem;color:var(--muted)}.password-field .eye-btn:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.card{background:var(--card);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem 1.25rem;margin-bottom:1rem}.card h2{margin-top:0}.badge{display:inline-block;padding:.15rem .6rem;border-radius:999px;font-size:.8rem;font-weight:600}.error{color:var(--danger)}.success{color:var(--success)}.icon-action{min-width:44px;min-height:44px;padding:0;margin-right:.25rem;border:1px solid transparent;border-radius:var(--radius-sm);background:transparent;cursor:pointer;font-size:1.05rem;line-height:1}.icon-action:hover{background:var(--bg);border-color:var(--border)}.icon-action:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.downloads{display:flex;gap:.4rem;flex-wrap:wrap}.downloads a{display:inline-flex;align-items:center;min-height:44px;padding:0 .5rem;border-radius:var(--radius-sm);color:var(--primary);text-decoration:none}.downloads a:hover{background:var(--bg)}.downloads a:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.tag-chip{display:inline-flex;align-items:center;gap:.3rem;padding:.15rem .55rem;border-radius:999px;font-size:.75rem;color:var(--text);line-height:1.4}.tag-dot{width:7px;height:7px;border-radius:50%;flex-shrink:0}
