#sf-names{--sn-orange:#f87a11;--sn-petrol:#083d50;--sn-line:#d5e2e6;max-width:1160px;margin:28px auto;padding:32px;color:var(--sn-petrol);background:#fff;border:1px solid var(--sn-line);border-radius:22px;font:14px/1.6 'SF Poppins',Poppins,sans-serif;color-scheme:light}
#sf-names *{box-sizing:border-box}#sf-names [hidden]{display:none!important}#sf-names :is(button,input,select){font-family:inherit;font-size:14px}#sf-names h2,#sf-names h3{color:var(--sn-petrol);text-transform:none;letter-spacing:-.025em;font-family:'SF League Spartan',sans-serif;font-weight:700;line-height:1.15}#sf-names h2{font-size:clamp(30px,4vw,44px);margin:8px 0 12px}#sf-names p{margin:8px 0;color:#52707b}#sf-names .sn-header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:26px}#sf-names .sn-eyebrow{font-size:10px;letter-spacing:.13em;font-weight:600;color:#a64700}#sf-names .sn-header-icon{flex:none;color:var(--sn-orange);font:72px/1 'SF Bebas Neue',sans-serif}#sf-names button{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:44px;padding:10px 16px;color:var(--sn-petrol);background:#fff;border:1px solid var(--sn-line);border-radius:10px;font-weight:600;text-transform:none;letter-spacing:0;cursor:pointer;box-shadow:none;margin:0}#sf-names button:hover{border-color:var(--sn-petrol);background:#eff5f6}#sf-names button:disabled{opacity:.4;cursor:default}#sf-names :is(button,input,select,summary):focus-visible{outline:3px solid var(--sn-orange);outline-offset:3px}#sf-names svg{width:20px;height:20px;flex:none}#sf-names .sn-modes{display:grid;grid-template-columns:repeat(3,1fr);padding:5px;gap:5px;border:1px solid var(--sn-line);border-radius:13px;background:#f3f7f8;margin-bottom:24px}#sf-names .sn-modes button{border:0;background:transparent}#sf-names .sn-modes button[aria-pressed=true]{background:var(--sn-petrol);color:#fff}#sf-names .sn-filters{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}#sf-names label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:600;color:var(--sn-petrol)}#sf-names :is(select,input){width:100%;height:46px;padding:10px 12px;border:1px solid var(--sn-line);border-radius:9px;background:#fff;color:var(--sn-petrol);box-shadow:none;margin:0}#sf-names .sn-options{margin-top:18px;border:1px solid var(--sn-line);border-radius:11px;background:#f8fafb}#sf-names summary{cursor:pointer;font-size:13px;font-weight:600;padding:13px 16px}#sf-names .sn-options .sn-filters{padding:0 16px 17px}#sf-names .sn-generate-row{display:flex;align-items:center;gap:20px;margin:22px 0 28px}#sf-names .sn-primary{background:var(--sn-orange);border-color:var(--sn-orange);color:#082f3d;min-height:50px;font-weight:700;padding:12px 28px}#sf-names .sn-primary:hover{background:#ec6c05;border-color:#ec6c05}#sf-names #sn-context{font-size:12px;color:#52707b}#sf-names .sn-results-bar{display:flex;align-items:center;justify-content:space-between;gap:15px;padding-top:24px;border-top:1px solid var(--sn-line);margin-bottom:18px}#sf-names .sn-tabs{display:flex;gap:5px}#sf-names .sn-tabs button{border:0;border-bottom:3px solid transparent;border-radius:0;background:transparent;padding:8px 10px}#sf-names .sn-tabs button[aria-selected=true]{border-color:var(--sn-orange)}#sf-names .sn-tabs span{padding:2px 7px;background:#eaf1f3;border-radius:6px;font-size:11px}#sf-names .sn-list-actions{display:flex;gap:8px}#sf-names .sn-list-actions button{font-size:12px;padding:8px 11px}#sf-names .sn-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;outline:none}#sf-names .sn-card{display:grid;grid-template-columns:1fr auto;grid-template-rows:auto 1fr;align-items:start;gap:8px;padding:17px 17px 14px;border:1px solid var(--sn-line);border-radius:12px;background:#fff;min-height:130px;overflow-wrap:anywhere}#sf-names .sn-number{font:14px 'SF Bebas Neue',sans-serif;color:#77919b;letter-spacing:.08em}#sf-names .sn-card h3{grid-column:1/-1;grid-row:2;font-size:23px;margin:3px 0 0}#sf-names .sn-card-actions{display:flex;gap:3px;grid-column:2;grid-row:1;margin:-9px -8px 0 0}#sf-names .sn-icon{padding:8px;min-width:40px;min-height:40px;border:0;background:transparent}#sf-names .sn-icon.is-saved{color:#a64700;background:#fff2e7}#sf-names .sn-icon.is-saved svg{fill:#f87a113d}#sf-names .sn-empty{grid-column:1/-1;padding:45px 25px;text-align:center;border:1px dashed var(--sn-line);background:#f8fafb;border-radius:13px}#sf-names .sn-empty h3{font-size:25px;margin:0 0 8px}#sf-names .sn-more{display:flex;margin:20px auto 0}#sf-names .sn-status{min-height:24px;margin-top:15px;font-size:12px;color:#345762}#sf-names .sn-guide{margin-top:22px;border-top:1px solid var(--sn-line)}#sf-names .sn-guide summary{padding:15px 0}#sf-names .sn-guide p{font-size:12px}
@media(max-width:850px){#sf-names .sn-grid{grid-template-columns:repeat(2,minmax(0,1fr))}#sf-names .sn-results-bar{align-items:flex-start;flex-direction:column}}
@media(max-width:600px){#sf-names{padding:20px 15px;margin:20px 0;border-radius:16px}#sf-names .sn-header-icon{display:none}#sf-names .sn-filters{grid-template-columns:1fr}#sf-names .sn-modes button{font-size:12px;flex-direction:column;padding:9px 5px;gap:5px}#sf-names .sn-generate-row{flex-direction:column;align-items:stretch;gap:9px;text-align:center}#sf-names .sn-grid{grid-template-columns:1fr}#sf-names .sn-card{min-height:105px}#sf-names .sn-list-actions{width:100%}#sf-names .sn-list-actions button{flex:1}#sf-names .sn-tabs{width:100%}#sf-names .sn-tabs button{flex:1}#sf-names .sn-options .sn-filters{gap:13px}}