@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@300;400;500&display=swap";
:root{--bg:#fff;--bg-surface:#f5f5f3;--bg-raised:#ebebea;--border:#00000014;--border-mid:#00000024;--text-1:#111;--text-2:#555;--text-3:#999;--late:#b91c1c;--today:#92400e;--new:#166534;--code-bg:#f0f0ee;--rem-bg:#f0f4ff;--rem-border:#dbe4ff;--shadow-soft:0 8px 32px #0000000f;--font-sans:ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, "Noto Sans", sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji";--font-label:"IBM Plex Mono", monospace;--color-background-secondary:var(--bg-surface);--color-background-danger:color-mix(in srgb, var(--late) 10%, var(--bg));--color-border-secondary:var(--border-mid);--color-border-danger:color-mix(in srgb, var(--late) 28%, var(--border-mid));--color-text-primary:var(--text-1);--color-text-secondary:var(--text-2);--color-text-tertiary:var(--text-3);--color-text-danger:var(--late)}.dark{--bg:#0a0a0a;--bg-surface:#141414;--bg-raised:#1e1e1e;--border:#ffffff12;--border-mid:#ffffff1f;--text-1:#e8e8e6;--text-2:#888884;--text-3:#555550;--late:#ef4444;--today:#d97706;--new:#4ade80;--code-bg:#1e1e1e;--rem-bg:#0f1525;--rem-border:#1e2d5a;--shadow-soft:0 12px 40px #00000052;--color-background-secondary:var(--bg-surface);--color-background-danger:color-mix(in srgb, var(--late) 10%, var(--bg));--color-border-secondary:var(--border-mid);--color-border-danger:color-mix(in srgb, var(--late) 28%, var(--border-mid));--color-text-primary:var(--text-1);--color-text-secondary:var(--text-2);--color-text-tertiary:var(--text-3);--color-text-danger:var(--late)}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}html.dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html,body{background:var(--bg);min-height:100%;color:var(--text-1);font-family:var(--font-sans);margin:0;padding:0}*,:before,:after{box-sizing:border-box;transition:background-color .2s,border-color .2s,color .15s}button,a{transition:none}button,input,textarea,select{font:inherit}a{color:inherit}.font-mono{font-family:var(--font-label);text-transform:uppercase;letter-spacing:.05em}.content-text{color:var(--color-text-primary);white-space:pre-wrap;word-break:break-word;text-transform:none;font-size:14px;line-height:1.65}.context-text{color:var(--color-text-secondary);white-space:pre-wrap;word-break:break-word;text-transform:none;font-size:13px;line-height:1.55}.portal-section-label{color:var(--color-text-tertiary);font-size:11px;font-family:var(--font-label);letter-spacing:.08em;text-transform:uppercase}.portal-meta-text{color:var(--color-text-tertiary);font-size:11px;font-family:var(--font-label);letter-spacing:.04em;text-transform:uppercase}.portal-action-btn{appearance:none;box-sizing:border-box;border:.5px solid var(--color-border-secondary);height:30px;color:var(--color-text-secondary);font-size:12px;font-family:var(--font-label);text-transform:uppercase;letter-spacing:.05em;cursor:pointer;white-space:nowrap;background:0 0;border-radius:4px;justify-content:center;align-items:center;padding:0 10px;display:inline-flex}.portal-action-btn:hover{background:var(--color-background-secondary);color:var(--color-text-primary)}.portal-action-btn--danger{color:var(--color-text-danger);border-color:var(--color-border-danger)}.portal-action-btn--danger:hover{background:var(--color-background-danger);color:var(--color-text-danger)}.portal-field-input{box-sizing:border-box;border:.5px solid var(--color-border-secondary);background:var(--color-background-secondary);width:100%;min-width:0;height:30px;color:var(--color-text-primary);border-radius:4px;padding:0 8px;font-size:13px}.portal-field-textarea{box-sizing:border-box;border:.5px solid var(--color-border-secondary);background:var(--color-background-secondary);width:100%;min-width:0;min-height:120px;color:var(--color-text-primary);resize:vertical;border-radius:4px;padding:10px 12px;font-size:14px;line-height:1.65}.sidebar-icon-btn{border:.5px solid var(--border-mid);width:32px;height:32px;color:var(--text-3);cursor:pointer;background:0 0;border-radius:6px;justify-content:center;align-items:center;display:inline-flex}.sidebar-icon-btn:hover{background:var(--bg-surface);color:var(--text-1)}.spinner{animation:.7s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}