@import "https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=JetBrains+Mono:wght@400;500;600&display=swap";
:root{--notion-bg:#191919;--notion-sidebar:#202020;--notion-surface:#252525;--notion-surface-hover:#2f2f2f;--notion-surface-active:#373737;--notion-border:#ffffff17;--notion-border-strong:#ffffff29;--notion-text:#ebebeb;--notion-text-secondary:#9b9b9b;--notion-text-muted:#6e6e6e;--notion-text-placeholder:#525252;--notion-tag-gray-bg:#ffffff14;--notion-tag-gray-text:#c7c7c7;--notion-tag-blue-bg:#337ea940;--notion-tag-blue-text:#8cc4e8;--notion-tag-green-bg:#44836140;--notion-tag-green-text:#9fe0be;--notion-tag-yellow-bg:#cb912f40;--notion-tag-yellow-text:#f5d38e;--notion-tag-orange-bg:#d9730d40;--notion-tag-orange-text:#fbb38a;--notion-tag-red-bg:#e03e3e40;--notion-tag-red-text:#fca5a5;--notion-tag-purple-bg:#9065b040;--notion-tag-purple-text:#d4b5f0;--notion-tag-pink-bg:#ad1a5540;--notion-tag-pink-text:#f492be;--notion-blue:#2383e2;--notion-blue-hover:#1d74ca;--font-sans:"Inter", ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", Helvetica, Arial, sans-serif;--font-mono:"JetBrains Mono", monospace, Consolas, "Courier New";--radius-xs:3px;--radius-sm:5px;--radius-md:6px;--radius-lg:8px;--radius-xl:12px;--shadow-popover:0 14px 28px #00000073, 0 10px 10px #00000059;--shadow-card:0 1px 3px #0000004d;--shadow-modal:0 20px 40px #000000a6;--transition-fast:.12s ease}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--notion-bg);color:var(--notion-text);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100vh;font-size:14px;line-height:1.5}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#ffffff1f;border-radius:9999px}::-webkit-scrollbar-thumb:hover{background:#ffffff38}h1,h2,h3,h4,h5,h6{color:var(--notion-text);letter-spacing:-.015em;font-weight:600}p{color:var(--notion-text);line-height:1.6}a{color:inherit;text-decoration:none}code,pre{font-family:var(--font-mono)}.notion-btn{font-family:var(--font-sans);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;color:var(--notion-text);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:5px 10px;font-size:13px;font-weight:500;display:inline-flex}.notion-btn:hover{background:var(--notion-surface-hover)}.notion-btn:active{background:var(--notion-surface-active)}.notion-btn-primary{background:var(--notion-blue);color:#fff;border:1px solid #ffffff1a;font-weight:600}.notion-btn-primary:hover{background:var(--notion-blue-hover)}.notion-btn-subtle{border:1px solid var(--notion-border);color:var(--notion-text);background:#ffffff0d}.notion-btn-subtle:hover{background:var(--notion-surface-hover);border-color:var(--notion-border-strong)}.notion-btn-danger{color:#fca5a5;background:#e03e3e26;border:1px solid #e03e3e4d}.notion-btn-danger:hover{background:#e03e3e40}.notion-pill{border-radius:var(--radius-xs);white-space:nowrap;align-items:center;gap:4px;padding:2px 8px;font-size:12px;font-weight:500;line-height:1.4;display:inline-flex}.pill-gray{background:var(--notion-tag-gray-bg);color:var(--notion-tag-gray-text)}.pill-blue{background:var(--notion-tag-blue-bg);color:var(--notion-tag-blue-text)}.pill-green{background:var(--notion-tag-green-bg);color:var(--notion-tag-green-text)}.pill-yellow{background:var(--notion-tag-yellow-bg);color:var(--notion-tag-yellow-text)}.pill-orange{background:var(--notion-tag-orange-bg);color:var(--notion-tag-orange-text)}.pill-red{background:var(--notion-tag-red-bg);color:var(--notion-tag-red-text)}.pill-purple{background:var(--notion-tag-purple-bg);color:var(--notion-tag-purple-text)}.pill-pink{background:var(--notion-tag-pink-bg);color:var(--notion-tag-pink-text)}.notion-input-group{flex-direction:column;gap:6px;display:flex}.notion-input-label{color:var(--notion-text-secondary);font-size:12px;font-weight:500}.notion-input{border:1px solid var(--notion-border);border-radius:var(--radius-sm);width:100%;color:var(--notion-text);font-family:var(--font-sans);transition:all var(--transition-fast);background:#ffffff0a;outline:none;padding:8px 10px;font-size:13px}.notion-input:focus{border-color:var(--notion-blue);background:var(--notion-surface);box-shadow:0 0 0 2px #2383e240}.notion-input::placeholder{color:var(--notion-text-placeholder)}.notion-card{background:var(--notion-surface);border:1px solid var(--notion-border);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:16px}.notion-card:hover{border-color:var(--notion-border-strong);background:var(--notion-surface-hover)}.notion-modal-overlay{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:1000;background:#000000a6;justify-content:center;align-items:center;padding:16px;animation:.12s modalFadeIn;display:flex;position:fixed;inset:0}.notion-modal{background:var(--notion-surface);border:1px solid var(--notion-border-strong);border-radius:var(--radius-lg);width:100%;max-width:520px;box-shadow:var(--shadow-modal);animation:.14s modalScaleUp;overflow:hidden}@keyframes modalFadeIn{0%{opacity:0}to{opacity:1}}@keyframes modalScaleUp{0%{opacity:0;transform:scale(.97)}to{opacity:1;transform:scale(1)}}.notion-modal-header{border-bottom:1px solid var(--notion-border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.notion-modal-title{color:var(--notion-text);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.notion-modal-body{flex-direction:column;gap:14px;padding:18px;display:flex}.notion-modal-footer{border-top:1px solid var(--notion-border);background:#00000026;justify-content:flex-end;align-items:center;gap:8px;padding:12px 18px;display:flex}.notion-kbd{font-family:var(--font-mono);border-radius:var(--radius-xs);border:1px solid var(--notion-border);color:var(--notion-text-secondary);background:#ffffff14;padding:1px 5px;font-size:11px}