@import "https://fonts.googleapis.com/css2?family=Hanken+Grotesk:wght@400;500;600;700&display=swap";*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--color-bg:#100e18;--color-surface:#1b1928;--color-surface-2:#262338;--color-surface-3:#332f49;--color-border:#b4aae426;--color-border-strong:#b4aae43d;--color-text:#f4f3f8;--color-text-secondary:#c7c4d6;--color-text-muted:#948fa6;--color-primary:#5e6ad2;--color-primary-hover:#6b77e8;--color-primary-light:#5e6ad22e;--color-success:#4cb782;--color-success-light:#4cb78226;--color-warning:#e0a82e;--color-warning-light:#e0a82e26;--color-danger:#eb5757;--color-danger-light:#eb575726;--radius-sm:4px;--radius-md:6px;--radius-lg:9px;--radius-xl:14px;--row-h:46px;--shadow-sm:0 1px 3px #00000059;--shadow-md:0 4px 16px #00000073;--shadow-lg:0 8px 32px #0000008c;--font:"Hanken Grotesk", system-ui, sans-serif;--font-mono:"JetBrains Mono", ui-monospace, monospace}[data-theme=light]{--color-bg:#f4f5f7;--color-surface:#fff;--color-surface-2:#f4f5f7;--color-surface-3:#eaecf0;--color-border:#00000014;--color-border-strong:#00000024;--color-text:#0f0e13;--color-text-secondary:#3d3a47;--color-text-muted:#6b6877;--color-primary:#5e6ad2;--color-primary-hover:#4c58c8;--color-primary-light:#5e6ad21a;--color-success:#1d9f5f;--color-success-light:#1d9f5f1a;--color-warning:#c47c0d;--color-warning-light:#c47c0d1a;--color-danger:#d93025;--color-danger-light:#d930251a;--shadow-sm:0 1px 3px #0000000f;--shadow-md:0 4px 16px #0000001a;--shadow-lg:0 8px 32px #0000001f}body{font-family:var(--font);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;line-height:1.5;transition:background .2s,color .2s}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:99px}::-webkit-scrollbar-thumb:hover{background:var(--color-text-muted)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.btn{border-radius:var(--radius-md);font-size:14px;font-weight:500;font-family:var(--font);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:6px;padding:8px 16px;line-height:1;transition:background .14s,color .14s,border-color .14s;display:inline-flex}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background:var(--color-surface-2);color:var(--color-text-secondary);border-color:var(--color-border-strong)}.btn-secondary:hover:not(:disabled){background:var(--color-surface-3);color:var(--color-text)}.btn-danger{background:var(--color-danger-light);color:var(--color-danger);border-color:#0000}.btn-danger:hover:not(:disabled){filter:brightness(1.12)}.btn-sm{padding:5px 10px;font-size:13px}.btn-lg{padding:11px 24px;font-size:15px}.btn:disabled{opacity:.45;cursor:not-allowed}.form-group{flex-direction:column;gap:6px;margin-bottom:16px;display:flex}.form-label{color:var(--color-text-secondary);font-size:13px;font-weight:500}.form-input{border:1.5px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-family:var(--font);color:var(--color-text);background:var(--color-surface-2);outline:none;width:100%;padding:9px 12px;transition:border-color .14s}.form-input:focus{border-color:var(--color-primary)}.form-input::placeholder{color:var(--color-text-muted)}.form-input:-webkit-autofill{-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset;-webkit-text-fill-color:var(--color-text);caret-color:var(--color-text);transition:background-color 9999s ease-in-out}.form-input:-webkit-autofill:hover{-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset;-webkit-text-fill-color:var(--color-text);caret-color:var(--color-text);transition:background-color 9999s ease-in-out}.form-input:-webkit-autofill:focus{-webkit-box-shadow:0 0 0 1000px var(--color-surface) inset;-webkit-text-fill-color:var(--color-text);caret-color:var(--color-text);transition:background-color 9999s ease-in-out}select.form-input{appearance:none;cursor:pointer}select.form-input option{background:var(--color-surface-2);color:var(--color-text)}textarea.form-input{resize:vertical;min-height:80px}.form-error{color:var(--color-danger);font-size:12px}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:20px}.text-muted{color:var(--color-text-muted)}.text-sm{font-size:13px}.text-center{text-align:center}.mt-1{margin-top:8px}.mt-2{margin-top:16px}.mt-3{margin-top:24px}.flex{display:flex}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-between{justify-content:space-between}.gap-1{gap:8px}.gap-2{gap:16px}.w-full{width:100%}@keyframes spin{to{transform:rotate(360deg)}}.spinner{border:2px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;flex-shrink:0;width:20px;height:20px;animation:.6s linear infinite spin}.alert{border-radius:var(--radius-md);border:1px solid #0000;margin-bottom:16px;padding:10px 14px;font-size:13px}.alert-error{background:var(--color-danger-light);color:var(--color-danger);border-color:#eb57574d}.alert-success{background:var(--color-success-light);color:var(--color-success);border-color:#4cb7824d}.info-page-content h1,.info-page-preview h1{margin:0 0 12px;font-size:22px;font-weight:700;line-height:1.3}.info-page-content h2,.info-page-preview h2{margin:12px 0 8px;font-size:18px;font-weight:600;line-height:1.3}.info-page-content h3,.info-page-preview h3{margin:10px 0 6px;font-size:15px;font-weight:600}.info-page-content p,.info-page-preview p{margin:0 0 10px;line-height:1.6}.info-page-content ul,.info-page-content ol,.info-page-preview ul,.info-page-preview ol{margin:0 0 10px;padding-left:20px}.info-page-content li,.info-page-preview li{margin-bottom:4px;line-height:1.6}.info-page-content blockquote,.info-page-preview blockquote{border-left:3px solid var(--color-primary);background:var(--color-surface-2);color:var(--color-text-muted);border-radius:0 6px 6px 0;margin:10px 0;padding:8px 14px;font-style:italic}.info-page-content hr,.info-page-preview hr{border:none;border-top:1px solid var(--color-border);margin:14px 0}.info-page-content strong,.info-page-preview strong{font-weight:700}.info-page-content em,.info-page-preview em{font-style:italic}.info-page-content s,.info-page-preview s{text-decoration:line-through}.info-page-content a,.info-page-preview a{color:var(--color-primary);text-decoration:underline}.info-page-editor .ProseMirror{min-height:120px;font-family:var(--font);color:var(--color-text);outline:none;font-size:14px;line-height:1.6}.info-page-editor .ProseMirror p{margin:0 0 8px}.info-page-editor .ProseMirror h1{margin:0 0 10px;font-size:20px;font-weight:700}.info-page-editor .ProseMirror h2{margin:0 0 8px;font-size:16px;font-weight:600}.info-page-editor .ProseMirror h3{margin:0 0 6px;font-size:14px;font-weight:600}.info-page-editor .ProseMirror ul,.info-page-editor .ProseMirror ol{margin:0 0 8px;padding-left:18px}.info-page-editor .ProseMirror li{margin-bottom:3px}.info-page-editor .ProseMirror blockquote{border-left:3px solid var(--color-primary);background:var(--color-surface-2);color:var(--color-text-muted);border-radius:0 6px 6px 0;margin:8px 0;padding:6px 12px;font-style:italic}.info-page-editor .ProseMirror hr{border:none;border-top:1px solid var(--color-border);margin:10px 0}.info-page-editor .ProseMirror p.is-editor-empty:first-child:before{color:var(--color-text-muted);content:attr(data-placeholder);float:left;pointer-events:none;height:0}