@import "https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;600;700&family=Roboto+Mono:wght@400;500;700&family=Roboto:wght@400;500;700&display=swap";:root{--canvas:#f8fafd;--surface:#fff;--border:#e0e2e5;--border-subtle:#f0f2f5;--primary:#0b57d0;--primary-hover:#0842a0;--primary-container:#c2e7ff;--on-primary-container:#041e49;--tonal:#e9eef6;--tonal-hover:#d3e3fd;--text:#1f1f1f;--text-muted:#444746;--text-subtle:#747775;--green:#137333;--green-bg:#e6f4ea;--yellow:#b06000;--yellow-bg:#fef7e0;--red:#b3261e;--red-bg:#fce8e6;--border-success:#ceead6;--border-danger:#fad2cf;--border-warning:#feefc3;--border-info:#d2e3fc;--shadow-sm:0 1px 2px 0 #0000000d;--shadow-md:0 4px 6px -1px #00000014, 0 2px 4px -2px #0000000a;--on-primary:#fff;--accent-subtle:#3b82f614;--badge-blue-bg:#e8f0fe;--badge-blue-text:#1a73e8;--yellow-bg-hover:#fef08a;--yellow-bg-restore:#fef9c3;--hover-overlay:#0000000a;--scrollbar-thumb:#c4c7c5;--scrollbar-thumb-hover:#8e918f;--grid-unit:4px;--window-min-width:1216px;--window-min-height:684px;--nav-rail-width:200px;--header-height:72px;--workspace-min-width:1016px;--workspace-min-height:612px;--phi:1.61803}:root[data-theme=dark]{--canvas:#131314;--surface:#1e1f20;--border:#3c4043;--border-subtle:#2b2c2f;--primary:#a8c7fa;--primary-hover:#b5cffb;--primary-container:#0842a0;--on-primary-container:#d3e3fd;--tonal:#2b2c2f;--tonal-hover:#3c4043;--text:#e3e3e3;--text-muted:#c4c7c5;--text-subtle:#9aa0a6;--green:#81c995;--green-bg:#0e3a1e;--yellow:#fdd663;--yellow-bg:#3b2f00;--red:#f28b82;--red-bg:#3c1a17;--border-success:#1e4620;--border-danger:#5c1a15;--border-warning:#4d3b00;--border-info:#1f3a68;--shadow-sm:0 1px 2px 0 #0000004d;--shadow-md:0 4px 6px -1px #00000059, 0 2px 4px -2px #00000040;--on-primary:#062e6f;--accent-subtle:#a8c7fa1f;--badge-blue-bg:#1f3a68;--badge-blue-text:#a8c7fa;--yellow-bg-hover:#4d3d00;--yellow-bg-restore:#3b2f00;--hover-overlay:#ffffff14;--scrollbar-thumb:#5f6368;--scrollbar-thumb-hover:#9aa0a6}*{box-sizing:border-box;-webkit-font-smoothing:antialiased;margin:0;padding:0;font-family:system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif}body{background-color:var(--canvas);color:var(--text);-webkit-user-select:none;user-select:none;width:100vw;height:100vh;overflow:hidden}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}button{cursor:pointer;white-space:nowrap;background:0 0;border:none;font-family:inherit;transition:all .15s}input,select,textarea{border:1px solid var(--text-subtle);background:var(--surface);color:var(--text);border-radius:8px;outline:none;padding:8px 12px;font-family:inherit;font-size:13px;transition:border-color .15s}input:focus,select:focus,textarea:focus{border-color:var(--primary);border-width:2px;padding:7px 11px}.btn-pill-primary{background-color:var(--primary);color:var(--on-primary);white-space:nowrap;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.btn-pill-primary:hover{background-color:var(--primary-hover);box-shadow:var(--shadow-sm)}.btn-pill-tonal{background-color:var(--tonal);color:var(--on-primary-container);white-space:nowrap;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.btn-pill-tonal:hover{background-color:var(--tonal-hover)}.btn-pill-outlined{color:var(--text);border:1px solid var(--text-subtle);white-space:nowrap;background-color:#0000;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.btn-pill-outlined:hover{background-color:var(--hover-overlay);border-color:var(--text)}.btn-pill-danger{background-color:var(--red-bg);color:var(--red);border:1px solid var(--border-danger);white-space:nowrap;border-radius:20px;align-items:center;gap:8px;padding:8px 16px;font-size:13px;font-weight:500;display:inline-flex}.btn-pill-danger:hover{background-color:var(--border-danger)}.google-card{background-color:var(--surface);border:1px solid var(--border);border-radius:8px;padding:20px;transition:border-color .15s,box-shadow .15s;box-shadow:0 1px 3px #00000005}.badge-chip{letter-spacing:.3px;white-space:nowrap;border-radius:12px;align-items:center;padding:4px 8px;font-size:11px;font-weight:600;display:inline-flex}.badge-green{background-color:var(--green-bg);color:var(--green)}.badge-yellow{background-color:var(--yellow-bg);color:var(--yellow)}.badge-red{background-color:var(--red-bg);color:var(--red)}.badge-blue{background-color:var(--badge-blue-bg);color:var(--badge-blue-text);border:1px solid var(--border-info)}.badge-neutral{background-color:var(--tonal);color:var(--text-muted)}.border-border{border:1px solid var(--border)}@keyframes kofi-wiggle{0%{transform:rotate(0)scale(1)}60%{transform:rotate(0)scale(1)}75%{transform:rotate(0)scale(1.12)}80%{transform:rotate(0)scale(1.1)}84%{transform:rotate(-10deg)scale(1.1)}88%{transform:rotate(10deg)scale(1.1)}92%{transform:rotate(-10deg)scale(1.1)}96%{transform:rotate(10deg)scale(1.1)}to{transform:rotate(0)scale(1)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin,.spinning,.animate-spin{animation:1s linear infinite spin}@keyframes fadeIn{0%{opacity:0;transform:translateY(2px)}to{opacity:1;transform:translateY(0)}}