:root{--color-background: rgba(249, 250, 251, 1);--color-surface: rgba(255, 255, 255, 1);--color-text: rgba(30, 41, 59, 1);--color-text-secondary: rgba(71, 85, 105, 1);--color-primary: rgba(37, 99, 235, 1);--color-primary-hover: rgba(29, 78, 216, 1);--color-primary-active: rgba(30, 64, 175, 1);--color-border: rgba(37, 99, 235, .2);--color-card-border: rgba(37, 99, 235, .12);--color-success: rgba(34, 197, 94, 1);--color-error: rgba(239, 68, 68, 1);--font-family-base: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;--radius-base: 8px;--radius-lg: 12px;--space-16: 16px;--space-24: 24px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .04), 0 1px 2px rgba(0, 0, 0, .02)}@media (prefers-color-scheme: dark){:root{--color-background: rgba(15, 23, 42, 1);--color-surface: rgba(30, 41, 59, 1);--color-text: rgba(248, 250, 252, 1);--color-text-secondary: rgba(203, 213, 225, .7);--color-primary: rgba(59, 130, 246, 1);--color-primary-hover: rgba(96, 165, 250, 1);--color-primary-active: rgba(37, 99, 235, 1);--color-border: rgba(59, 130, 246, .3);--color-card-border: rgba(59, 130, 246, .2);--color-success: rgba(34, 197, 94, 1);--color-error: rgba(248, 113, 113, 1)}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-family-base);background-color:var(--color-background);color:var(--color-text);line-height:1.6;padding:var(--space-24)}.container{max-width:1200px;margin:0 auto}h1{font-size:22px;margin-bottom:var(--space-16);color:var(--color-text)}.controls{display:flex;gap:var(--space-16);margin-bottom:var(--space-24);flex-wrap:wrap;align-items:center}.btn{padding:10px 20px;border:none;border-radius:var(--radius-base);cursor:pointer;font-size:14px;font-weight:500;transition:all .2s}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover)}.btn-primary:active:not(:disabled){background:var(--color-primary-active)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.status{padding:8px 16px;border-radius:20px;font-size:14px;font-weight:500}.status-loading{background:#3b82f626;color:var(--color-primary);border:1px solid rgba(59,130,246,.3)}.status-error{background:#ef444426;color:var(--color-error);border:1px solid rgba(239,68,68,.3)}.status-success{background:#22c55e26;color:var(--color-success);border:1px solid rgba(34,197,94,.3)}.key-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(350px,1fr));gap:var(--space-16);margin-top:var(--space-24)}.key-card{background:var(--color-surface);border:1px solid var(--color-card-border);border-radius:var(--radius-lg);padding:var(--space-16);box-shadow:var(--shadow-sm);transition:transform .2s,box-shadow .2s}.key-card:hover{transform:translateY(-2px);box-shadow:0 4px 6px #00000014}.key-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-16)}.country{font-weight:600;color:var(--color-text);font-size:1.1rem;display:flex;align-items:center;gap:8px}.country-flag{font-size:1.3rem}.status-indicator{display:flex;align-items:center;gap:6px;font-size:.8rem;color:var(--color-success);font-weight:500}.status-dot{width:8px;height:8px;background:var(--color-success);border-radius:50%;position:relative;animation:none}.status-dot:before,.status-dot:after{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;border:2px solid var(--color-success);border-radius:50%;animation:radiate 2s ease-out infinite}.status-dot:after{animation-delay:1s}@keyframes radiate{0%{width:100%;height:100%;opacity:1}to{width:135%;height:135%;opacity:0}}.key-content{background:var(--color-background);border:1px solid var(--color-border);border-radius:var(--radius-base);padding:12px;font-family:var(--font-family-mono);font-size:.85rem;word-break:break-all;color:var(--color-text-secondary);margin-bottom:var(--space-16)}.key-actions{display:flex;gap:8px}.btn-sm{padding:6px 12px;font-size:.85rem;background:var(--color-primary);color:#fff;border:none;border-radius:var(--radius-base);cursor:pointer;transition:all .2s}.btn-sm:hover:not(.copied):not(:disabled){background:var(--color-primary-hover)}.btn-sm.copied{background:#22c55e!important;color:#fff!important;cursor:not-allowed}.empty-state{text-align:center;padding:60px 20px;color:var(--color-text-secondary);grid-column:1 / -1}.filter-controls{display:flex;gap:var(--space-16);margin-bottom:var(--space-24);flex-wrap:wrap}input[type=text]{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-base);background:var(--color-surface);color:var(--color-text);font-size:14px;min-width:250px}input[type=text]:focus{outline:2px solid var(--color-primary);outline-offset:2px}select{padding:8px 12px;border:1px solid var(--color-border);border-radius:var(--radius-base);background:var(--color-surface);color:var(--color-text);font-size:14px}select:focus{outline:2px solid var(--color-primary);outline-offset:2px}.btn-sm.btn-outline{background:transparent;border:1px solid var(--color-primary);color:var(--color-primary)}.btn-sm.btn-outline:hover{background:var(--color-primary);color:#fff}.key-actions{display:flex;gap:8px;flex-wrap:wrap}