@import"https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,300;0,9..40,400;0,9..40,500;0,9..40,600;0,9..40,700;1,9..40,400&family=DM+Mono:wght@400;500&display=swap";:root{--blue:#4285F4;--red:#EA4335;--yellow:#FBBC04;--green:#34A853;--blue-light:#E8F0FE;--blue-dark:#1557B0;--red-light:#FCE8E6;--green-light:#E6F4EA;--yellow-light:#FEF7E0;--rank-1:#9E9E9E;--rank-2:#66BB6A;--rank-3:#42A5F5;--rank-4:#AB47BC;--rank-5:#FFA726;--rank-6:#EF5350;--rank-7:#26C6DA;--rank-8:#FF6B9D;--rank-9:#B39DDB;--rank-10:#FFD700;--white:#FFFFFF;--surface:#F8F9FA;--surface-2:#F1F3F4;--surface-3:#E8EAED;--border:#DADCE0;--border-2:#BDC1C6;--text:#202124;--text-2:#3C4043;--text-3:#5F6368;--text-4:#80868B;--text-5:#BDC1C6;--font:"DM Sans","Segoe UI",system-ui,sans-serif;--font-mono:"DM Mono","Courier New",monospace;--r:8px;--r-lg:12px;--r-xl:16px;--r-full:9999px;--shadow-sm:0 1px 2px rgba(60,64,67,.1),0 1px 3px 1px rgba(60,64,67,.08);--shadow:0 1px 3px rgba(60,64,67,.1),0 4px 8px 3px rgba(60,64,67,.08);--shadow-lg:0 2px 6px rgba(60,64,67,.1),0 8px 24px rgba(60,64,67,.1);--t:.25s cubic-bezier(.2,0,0,1);--t-fast:.15s cubic-bezier(.2,0,0,1)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{font-family:var(--font);font-size:14px;line-height:1.5;color:var(--text);background:var(--white);-webkit-font-smoothing:antialiased}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.25;letter-spacing:-.01em}h1{font-size:2rem}h2{font-size:1.5rem}h3{font-size:1.25rem}h4{font-size:1.125rem}a{color:var(--blue);text-decoration:none;transition:color var(--t-fast)}a:hover{color:var(--blue-dark)}code,pre{font-family:var(--font-mono);font-size:.875em}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--surface)}::-webkit-scrollbar-thumb{background:var(--border-2);border-radius:var(--r-full)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.fade-in{animation:fadeIn var(--t) ease both}.spin{animation:spin 1s linear infinite}.card{background:var(--white);border-radius:var(--r-lg);border:1px solid var(--border);box-shadow:var(--shadow-sm)}.btn{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:var(--r);font-family:var(--font);font-size:14px;font-weight:500;cursor:pointer;border:none;transition:all var(--t-fast)}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:var(--blue-dark)}.btn-secondary{background:var(--surface-2);color:var(--text-2)}.btn-secondary:hover{background:var(--surface-3)}.btn-danger{background:var(--red);color:#fff}.btn:disabled{opacity:.5;cursor:not-allowed}.tag{display:inline-block;padding:2px 10px;border-radius:var(--r-full);font-size:12px;font-weight:500}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;border-radius:var(--r-full);font-size:12px;font-weight:600}.input{width:100%;padding:10px 12px;border-radius:var(--r);border:1px solid var(--border);font-size:14px;font-family:var(--font);outline:none;background:var(--white);transition:border-color var(--t-fast)}.input:focus{border-color:var(--blue)}.label{display:block;font-size:13px;font-weight:500;color:var(--text-2);margin-bottom:6px}.grid-2{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px}.grid-3{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}.flex-center{display:flex;align-items:center;justify-content:center}.page{padding:32px;max-width:1200px}.page-header{margin-bottom:28px}.page-title{font-size:1.75rem;font-weight:700;margin-bottom:4px}.page-subtitle{color:var(--text-3)}