:root { --xfa-unfocused-field-background: url("data:image/svg+xml;charset=UTF-8,<svg width='1px' height='1px' xmlns='http://www.w3.org/2000/svg'><rect width='100%' height='100%' style='fill:rgba(0, 54, 255, 0.13);'/></svg>"); --xfa-focus-outline: auto; }
@media screen and (forced-colors: active){:root { --xfa-focus-outline: 2px solid CanvasText; }}
:root { --csstools-color-scheme--dark: ; color-scheme: light dark; --viewer-container-height: 0; --pdfViewer-padding-bottom: 0; --page-margin: 1px auto -8px; --page-border: 9px solid transparent; --spreadHorizontalWrapped-margin-LR: -3.5px; --loading-icon-delay: 400ms; --csstools-light-dark-toggle--23: var(--csstools-color-scheme--dark) #0060df; --focus-ring-color: var(--csstools-light-dark-toggle--23, #0df); --focus-ring-outline: 2px solid var(--focus-ring-color); }
@supports (color: light-dark(red, red)){:root { --focus-ring-color: light-dark(#0060df, #0df); }}
:root * { --csstools-light-dark-toggle--23: var(--csstools-color-scheme--dark) #0060df; --focus-ring-color: var(--csstools-light-dark-toggle--23, #0df); }
@media (prefers-color-scheme: dark){:root { --csstools-color-scheme--dark: initial; }}
@media screen and (forced-colors: active){:root { --pdfViewer-padding-bottom: 9px; --page-margin: 8px auto -1px; --page-border: 1px solid CanvasText; --spreadHorizontalWrapped-margin-LR: 3.5px; --focus-ring-color: CanvasText; }}
:root { --h1-weight: 700; --h2-weight: 600; --h3-weight: 600; --h4-weight: 600; --h5-weight: 600; --h6-weight: 600; }
@supports (font-variation-settings: normal){:root { --h1-weight: 700; --h2-weight: 680; --h3-weight: 660; --h4-weight: 640; --h5-weight: 620; --h6-weight: 600; }}
body { --anim-duration-none: 0; --anim-duration-superfast: 70ms; --anim-duration-fast: 140ms; --anim-duration-moderate: 300ms; --anim-duration-slow: 560ms; --anim-motion-smooth: cubic-bezier(0.45, 0.05, 0.55, 0.95); --anim-motion-delay: cubic-bezier(0.65, 0.05, 0.36, 1); --anim-motion-jumpy: cubic-bezier(0.68, -0.55, 0.27, 1.55); --anim-motion-swing: cubic-bezier(0, 0.55, 0.45, 1); --bases-header-border-width: 0 0 var(--border-width) 0; --bases-header-height: 40px; --bases-header-padding-start: 2px; --bases-header-padding-end: 2px; --bases-toolbar-label-display: block; --bases-toolbar-badge-display: none; --bases-embed-border-width: 0px; --bases-embed-border-color: var(--background-modifier-border); --bases-embed-border-radius: var(--radius-s); --bases-filter-menu-width: 520px; --bases-filter-input-background: var(--background-modifier-form-field); --bases-group-heading-property-size: var(--font-ui-smaller); --bases-group-heading-property-weight: var(--font-normal); --bases-group-heading-property-color: var(--text-muted); --bases-group-heading-value-size: var(--font-smaller); --bases-group-heading-value-weight: var(--font-semibold); --bases-group-heading-property-display: block; --bases-table-container-border-width: var(--border-width); --bases-table-container-border-radius: var(--radius-s); --bases-table-group-background: var(--background-primary-alt); --bases-table-header-weight: var(--font-weight); --bases-table-header-color: var(--text-muted); --bases-table-header-icon-display: flex; --bases-table-header-background: var(--background-primary); --bases-table-header-background-hover: var(--background-modifier-hover); --bases-table-header-sort-mask: linear-gradient(to left, transparent var(--size-4-6), black var(--size-4-6)); --bases-table-summary-background: var(--background-primary); --bases-table-summary-background-hover: var(--background-modifier-hover); --bases-table-border-color: var(--table-border-color); --bases-table-column-border-width: var(--border-width); --bases-table-group-gap: 10px; --bases-table-row-border-width: var(--border-width); --bases-table-row-background-hover: var(--table-row-background-hover); --bases-table-row-height: 30px; --bases-table-font-size: var(--font-smaller); --bases-table-column-max-width: 300; --bases-table-column-min-width: 40; --bases-table-cell-radius-active: 2px; --bases-table-cell-shadow-active: 0 0 0 2px var(--background-modifier-border-focus); --bases-table-cell-radius-focus: 2px; --bases-table-cell-shadow-focus: 0 0 0 2px var(--interactive-accent); --bases-table-cell-background-active: var(--background-primary); --bases-table-cell-background-disabled: var(--background-primary-alt); --bases-table-cell-background-selected: var(--table-selection); --bases-cards-background: var(--background-primary); --bases-cards-border-width: var(--border-width); --bases-cards-container-background: transparent; --bases-cards-corner-shape: var(--corner-shape); --bases-cards-cover-background: var(--background-primary-alt); --bases-cards-font-size: var(--font-smaller); --bases-cards-line-height: 24px; --bases-cards-radius: var(--radius-m); --bases-cards-scale: 1; --bases-cards-shadow-hover: 0 0 0 1px var(--background-modifier-border-hover); --bases-cards-shadow: 0 0 0 1px var(--background-modifier-border); --bases-kanban-container-background: transparent; --bases-kanban-container-gap: var(--size-4-2); --bases-kanban-container-padding: var(--size-4-3); --bases-kanban-column-background: var(--background-primary-alt); --bases-kanban-column-radius: var(--radius-m); --bases-kanban-column-box-shadow: none; --bases-kanban-column-header-background: transparent; --bases-kanban-card-background: var(--background-primary); --bases-kanban-card-radius: var(--radius-m); --bases-kanban-card-corner-shape: var(--corner-shape); --bases-kanban-card-shadow: 0 0 0 1px var(--background-modifier-border), 0 1px 2px 0 rgba(0, 0, 0, 0.2); --bases-kanban-card-shadow-hover: 0 0 0 1px var(--background-modifier-border-hover), 0 1.5px 3px 0 rgba(0, 0, 0, 0.2); --bases-kanban-card-shadow-focus: 0 0 0 2px var(--background-modifier-border-focus); --bases-kanban-cover-background: var(--background-secondary); --bases-kanban-line-height: 24px; --blockquote-border-thickness: 2px; --blockquote-border-color: var(--interactive-accent); --blockquote-font-style: normal; --blockquote-color: inherit; --blockquote-background-color: transparent; --bold-modifier: 200; --bold-color: inherit; --bold-weight: calc(var(--font-weight) + var(--bold-modifier)); --border-width: 1px; --button-radius: var(--input-radius); --button-corner-shape: var(--corner-shape); --button-transition: none; --blur-background: color-mix(in srgb, var(--background-primary) var(--blur-opacity-s), transparent) linear-gradient(var(--background-primary), color-mix(in srgb, var(--background-primary) var(--blur-opacity-s), transparent)); --blur-opacity-s: 65%; --blur-opacity-m: 90%; --blur-brightness: 1.15; --blur-saturation: 1.5; --blur-radius-s: 6px; --blur-radius-m: 10px; --blur-radius-l: 16px; --blur-s: blur(var(--blur-radius-s)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness)); --blur-m: blur(var(--blur-radius-m)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness)); --blur-l: blur(var(--blur-radius-l)) saturate(var(--blur-saturation)) brightness(var(--blur-brightness)); --callout-border-width: 0px; --callout-border-opacity: 0.25; --callout-padding: var(--size-4-3) var(--size-4-3) var(--size-4-3) var(--size-4-6); --callout-radius: var(--radius-s); --callout-blend-mode: var(--highlight-mix-blend-mode); --callout-title-color: inherit; --callout-title-padding: 0; --callout-title-size: inherit; --callout-title-weight: calc(var(--font-weight) + var(--bold-modifier)); --callout-content-padding: 0; --callout-content-background: transparent; --callout-bug: var(--color-red); --callout-default: var(--color-blue); --callout-error: var(--color-red); --callout-example: var(--color-purple); --callout-fail: var(--color-red); --callout-important: var(--color-cyan); --callout-info: var(--color-blue); --callout-question: var(--color-orange); --callout-success: var(--color-green); --callout-summary: var(--color-cyan); --callout-tip: var(--color-cyan); --callout-todo: var(--color-blue); --callout-warning: var(--color-orange); --callout-quote: #9e9e9e; --canvas-background: var(--background-primary); --canvas-card-label-color: var(--text-faint); --canvas-color-1: var(--color-red); --canvas-color-2: var(--color-orange); --canvas-color-3: var(--color-yellow); --canvas-color-4: var(--color-green); --canvas-color-5: var(--color-cyan); --canvas-color-6: var(--color-purple); --canvas-controls-radius: var(--radius-s); --canvas-controls-icon-size: var(--icon-s); --canvas-controls-icon-stroke: var(--icon-s-stroke-width); --canvas-dot-pattern: var(--color-base-30); --caret-color: var(--text-normal); --checkbox-radius: var(--radius-s); --checkbox-size: var(--font-preferred-size); --checkbox-marker-color: var(--background-primary); --checkbox-color: var(--interactive-accent); --checkbox-color-hover: var(--interactive-accent-hover); --checkbox-border-color: var(--text-faint); --checkbox-border-color-hover: var(--text-muted); --checkbox-margin-inline-start: 0.85em; --checklist-done-decoration: line-through; --checklist-done-color: var(--text-muted); --code-white-space: pre-wrap; --code-border-width: 0px; --code-border-color: var(--background-modifier-border); --code-bracket-background: var(--background-modifier-hover); --code-radius: var(--radius-s); --code-size: var(--font-smaller); --code-background: var(--background-primary-alt); --code-normal: var(--text-normal); --code-comment: var(--text-faint); --code-function: var(--color-yellow); --code-important: var(--color-orange); --code-keyword: var(--color-pink); --code-operator: var(--color-red); --code-property: var(--color-cyan); --code-punctuation: var(--text-muted); --code-string: var(--color-green); --code-tag: var(--color-red); --code-value: var(--color-purple); --collapse-icon-color: var(--text-faint); --collapse-icon-color-collapsed: var(--text-accent); --cursor: default; --cursor-link: pointer; --dialog-width: 560px; --dialog-max-width: 80vw; --dialog-max-height: 85vh; --divider-color: var(--background-modifier-border); --divider-color-hover: var(--interactive-accent); --divider-width: 1px; --divider-width-hover: 3px; --divider-vertical-height: calc(100% - var(--header-height)); --drag-ghost-background: rgba(0, 0, 0, 0.85); --drag-ghost-text-color: #fff; --drag-item-background: var(--background-primary); --drag-item-shadow: 0 2px 8px var(--background-modifier-box-shadow); --dropdown-background: var(--interactive-normal); --dropdown-background-hover: var(--interactive-hover); --dropdown-background-blend-mode: hard-light, normal; --dropdown-background-position: var(--inset-end) var(--dropdown-icon-inset) top 50%, var(--inset-end) 0.15em top 50%, 0 0; --dropdown-background-size: var(--dropdown-icon-width) auto, 2em 2em, 100%; --dropdown-icon-background: transparent; --dropdown-icon-width: 1em; --dropdown-icon-inset: 0.65em; --dropdown-padding: 0 var(--dropdown-padding-end) 0 var(--dropdown-padding-start); --dropdown-padding-start: 0.8em; --dropdown-padding-end: 2.4em; --dropdown-text-align: start; --dropdown-transition: none; --embed-max-height: 4000px; --embed-canvas-max-height: 400px; --embed-background: inherit; --embed-border-start: 2px solid var(--interactive-accent); --embed-border-end: none; --embed-border-top: none; --embed-border-bottom: none; --embed-padding: 0 0 0 var(--size-4-6); --embed-font-style: inherit; --embed-actions-background: color-mix(in srgb, var(--background-primary) 80%, transparent); --embed-actions-blur: var(--blur-s); --embed-actions-corner-shape: var(--corner-shape); --embed-actions-padding: var(--size-2-1); --embed-actions-radius: calc(var(--embed-action-radius) + var(--embed-actions-padding)); --embed-actions-shadow: 0 1px 2px 0 rgba(0, 0, 0, 0.05), 0 0 6px 0 rgba(0, 0, 0, 0.05); --embed-action-color: var(--text-normal); --embed-action-radius: var(--clickable-icon-radius); --embed-block-shadow-hover: 0 0 0 1px var(--background-modifier-border), inset 0 0 0 1px var(--background-modifier-border); --file-line-width: 700px; --file-folding-offset: 24px; --file-margins: var(--file-margins-y) var(--file-margins-x); --file-margins-x: var(--size-4-8); --file-margins-y: var(--size-4-8); --file-header-font: var(--font-interface); --file-header-font-size: var(--font-ui-small); --file-header-font-weight: 400; --file-header-background: var(--background-primary); --file-header-background-focused: var(--background-primary); --file-header-border: var(--border-width) solid transparent; --file-header-justify: start; --header-height: 40px; --font-smallest: 0.8em; --font-smaller: 0.875em; --font-small: 0.933em; --flair-background: var(--interactive-normal); --flair-color: var(--text-normal); --font-ui-smaller: 12px; --font-ui-small: 13px; --font-ui-medium: 15px; --font-ui-large: 20px; --font-weight: var(--font-normal); --font-thin: 100; --font-extralight: 200; --font-light: 300; --font-normal: 400; --font-medium: 500; --font-semibold: 600; --font-bold: 700; --font-extrabold: 800; --font-black: 900; --footnote-divider-color-active: var(--metadata-divider-color-focus); --footnote-divider-color: var(--metadata-divider-color); --footnote-divider-width: var(--border-width); --footnote-gap: var(--size-4-1); --footnote-id-color-no-occurrences: var(--text-faint); --footnote-id-color: var(--text-muted); --footnote-id-delimiter: "."; --footnote-input-background-active: var(--metadata-input-background-active); --footnote-input-background: var(--metadata-input-background); --footnote-line-height: var(--line-height-normal); --footnote-padding-block: var(--size-2-3); --footnote-padding-inline: var(--size-2-3); --footnote-radius: var(--radius-s); --footnote-size: var(--font-smaller); --graph-controls-width: 240px; --graph-text: var(--text-normal); --graph-line: var(--color-base-35, var(--background-modifier-border-focus)); --graph-node: var(--text-muted); --graph-node-unresolved: var(--text-faint); --graph-node-focused: var(--text-accent); --graph-node-tag: var(--color-green); --graph-node-attachment: var(--color-yellow); --heading-formatting: var(--text-faint); --heading-spacing: calc(var(--p-spacing) * 2.5); --h1-color: inherit; --h2-color: inherit; --h3-color: inherit; --h4-color: inherit; --h5-color: inherit; --h6-color: inherit; --h1-font: inherit; --h2-font: inherit; --h3-font: inherit; --h4-font: inherit; --h5-font: inherit; --h6-font: inherit; --h1-letter-spacing: -0.015em; --h2-letter-spacing: -0.011em; --h3-letter-spacing: -0.008em; --h4-letter-spacing: -0.005em; --h5-letter-spacing: -0.002em; --h6-letter-spacing: 0em; --h1-line-height: 1.2; --h2-line-height: 1.2; --h3-line-height: 1.3; --h4-line-height: 1.4; --h5-line-height: var(--line-height-normal); --h6-line-height: var(--line-height-normal); --h1-size: 1.618em; --h2-size: 1.462em; --h3-size: 1.318em; --h4-size: 1.188em; --h5-size: 1.076em; --h6-size: 1em; --h1-style: normal; --h2-style: normal; --h3-style: normal; --h4-style: normal; --h5-style: normal; --h6-style: normal; --h1-variant: normal; --h2-variant: normal; --h3-variant: normal; --h4-variant: normal; --h5-variant: normal; --h6-variant: normal; --hotkey-radius: 2em; --hotkey-corner-shape: round; --hotkey-font-size: var(--font-ui-smaller); --hotkey-font: var(--font-interface); --hotkey-background: var(--background-modifier-hover); --hr-color: var(--background-modifier-border); --hr-thickness: 2px; --highlight-opacity: 30%; --highlight-background: var(--text-highlight-bg, var(--highlight-background-yellow)); --highlight-background-red: color-mix(in oklch, var(--color-red) var(--highlight-opacity), transparent); --highlight-background-orange: color-mix(in oklch, var(--color-orange) var(--highlight-opacity), transparent); --highlight-background-yellow: color-mix(in oklch, var(--color-yellow) var(--highlight-opacity), transparent); --highlight-background-green: color-mix(in oklch, var(--color-green) var(--highlight-opacity), transparent); --highlight-background-blue: color-mix(in oklch, var(--color-blue) var(--highlight-opacity), transparent); --highlight-background-purple: color-mix(in oklch, var(--color-purple) var(--highlight-opacity), transparent); --icon-size: var(--icon-m); --icon-stroke: var(--icon-m-stroke-width); --icon-xs: 14px; --icon-s: 16px; --icon-m: 16px; --icon-l: 18px; --icon-xl: 32px; --icon-xs-stroke-width: 2px; --icon-s-stroke-width: 2px; --icon-m-stroke-width: 2px; --icon-l-stroke-width: 1.75px; --icon-xl-stroke-width: 1.25px; --icon-color: var(--text-muted); --icon-color-hover: var(--text-muted); --icon-color-active: var(--text-accent); --icon-color-focused: var(--text-normal); --icon-opacity: 0.85; --icon-opacity-hover: 1; --icon-opacity-active: 1; --clickable-icon-radius: var(--radius-s); --image-radius: 4px; --indent-size: 4; --indent-unit: 0.5625em; --indentation-guide-width: var(--border-width); --indentation-guide-width-active: var(--border-width); --indentation-guide-color: color-mix(in oklch, var(--mono-100) 12%, transparent); --indentation-guide-color-active: color-mix(in oklch, var(--mono-100) 30%, transparent); --indentation-guide-editing-indent: 0.85em; --indentation-guide-reading-indent: -0.85em; --indentation-guide-source-indent: 0.25em; --inline-title-color: var(--h1-color); --inline-title-font: var(--h1-font); --inline-title-line-height: var(--h1-line-height); --inline-title-size: var(--h1-size); --inline-title-style: var(--h1-style); --inline-title-variant: var(--h1-variant); --inline-title-weight: var(--h1-weight); --inline-title-margin-bottom: 0.5em; --input-height: 30px; --input-padding: var(--size-4-1) var(--size-4-2); --input-radius: 5px; --input-corner-shape: var(--corner-shape); --input-font-weight: var(--font-normal); --input-border-width: var(--border-width); --input-border-width-focus: 2px; --input-placeholder-color: var(--text-faint); --input-date-separator: var(--text-faint); --input-icon-inset: var(--size-4-1); --input-transition: none; --italic-color: inherit; --italic-weight: inherit; --layer-cover: 5; --layer-sidedock: 10; --layer-status-bar: 15; --layer-popover: 30; --layer-slides: 45; --layer-modal: 50; --layer-notice: 60; --layer-menu: 65; --layer-tooltip: 70; --layer-dragged-item: 80; --lightbox-background: black; --lightbox-titlebar-color: white; --lightbox-titlebar-display: flex; --line-height-normal: 1.5; --line-height-tight: 1.3; --link-color: var(--text-accent); --link-color-hover: var(--text-accent-hover); --link-decoration: underline; --link-decoration-hover: underline; --link-decoration-thickness: auto; --link-weight: var(--font-weight); --link-external-color: var(--text-accent); --link-external-color-hover: var(--text-accent-hover); --link-external-decoration: underline; --link-external-decoration-hover: underline; --link-external-filter: none; --link-unresolved-color: var(--text-accent); --link-unresolved-opacity: 0.7; --link-unresolved-filter: none; --link-unresolved-decoration-style: solid; --link-unresolved-decoration-color: color-mix(in oklch, var(--interactive-accent) 30%, transparent); --list-indent: calc(var(--indent-unit) * var(--indent-size)); --list-indent-editing: 0.75em; --list-indent-source: 0; --list-spacing: 0.075em; --list-marker-color: var(--text-faint); --list-marker-color-hover: var(--text-muted); --list-marker-color-collapsed: var(--text-accent); --list-bullet-border: none; --list-bullet-radius: 50%; --list-bullet-size: 0.3em; --list-bullet-transform: none; --list-numbered-style: decimal; --list-bullet-end-padding: 1.3rem; --nav-item-size: var(--font-ui-small); --nav-item-radius: var(--radius-m); --nav-item-color: var(--text-muted); --nav-item-color-hover: var(--text-normal); --nav-item-color-active: var(--text-normal); --nav-item-color-selected: var(--text-normal); --nav-item-color-highlighted: var(--text-accent); --nav-item-background-hover: var(--background-modifier-hover); --nav-item-background-active: var(--background-modifier-hover); --nav-item-background-selected: color-mix(in oklch, var(--color-accent) 15%, transparent); --nav-item-padding: var(--size-4-1) var(--size-4-2) var(--size-4-1) var(--size-4-6); --nav-item-parent-padding: var(--nav-item-padding); --nav-item-margin-bottom: var(--size-2-1); --nav-item-children-padding-start: var(--size-2-2); --nav-item-children-margin-start: var(--size-4-3); --nav-item-weight: inherit; --nav-item-weight-hover: inherit; --nav-item-weight-active: inherit; --nav-item-white-space: pre; --nav-indentation-guide-width: var(--indentation-guide-width); --nav-indentation-guide-color: var(--indentation-guide-color); --nav-collapse-icon-color: var(--collapse-icon-color); --nav-collapse-icon-color-collapsed: var(--text-faint); --nav-heading-color: var(--text-normal); --nav-heading-color-hover: var(--text-normal); --nav-heading-color-collapsed: var(--text-faint); --nav-heading-color-collapsed-hover: var(--text-muted); --nav-heading-weight: var(--font-medium); --nav-heading-weight-hover: var(--font-medium); --nav-tag-background: transparent; --nav-tag-radius: var(--radius-s); --nav-tag-color: var(--text-faint); --nav-tag-color-hover: var(--text-muted); --nav-tag-color-active: var(--text-muted); --nav-tag-weight: var(--font-semibold); --notice-corner-shape: var(--corner-shape); --notice-background: var(--background-modifier-message); --notice-color: #FAFAFA; --notice-font-size: var(--font-ui-small); --notice-font-weight: var(--font-normal); --notice-line-height: var(--line-height-tight); --notice-padding: var(--size-4-2) var(--size-4-3); --notice-max-width: 300px; --notice-radius: var(--radius-m); --notice-shadow: var(--shadow-s); --notice-border: none; --menu-padding: var(--size-2-3); --menu-shadow: var(--shadow-s); --menu-radius: var(--radius-m); --menu-corner-shape: var(--corner-shape); --menu-background: var(--background-secondary); --menu-border-color: var(--background-modifier-border-hover); --menu-border-width: var(--border-width); --menu-backdrop-filter: none; --menu-scroll-mask: var(--scroll-mask-small); --metadata-background: transparent; --metadata-display-reading: block; --metadata-display-editing: block; --metadata-max-width: none; --metadata-padding: var(--size-4-2) 0; --metadata-border-color: var(--background-modifier-border); --metadata-border-radius: 0; --metadata-border-width: 0; --metadata-divider-color: var(--background-modifier-border); --metadata-divider-color-hover: transparent; --metadata-divider-color-focus: transparent; --metadata-divider-width: 0; --metadata-gap: 3px; --metadata-property-padding: 0; --metadata-property-radius: 6px; --metadata-property-radius-hover: 6px; --metadata-property-radius-focus: 6px; --metadata-property-corner-shape: var(--corner-shape); --metadata-property-corner-shape-hover: var(--corner-shape); --metadata-property-corner-shape-focus: var(--corner-shape); --metadata-property-background: transparent; --metadata-property-background-hover: transparent; --metadata-property-background-active: var(--background-modifier-hover); --metadata-property-box-shadow-hover: 0 0 0 var(--border-width) var(--background-modifier-border-hover); --metadata-property-box-shadow-focus: 0 0 0 2px var(--background-modifier-border-focus); --metadata-label-background: transparent; --metadata-label-background-hover: transparent; --metadata-label-background-active: var(--background-modifier-hover); --metadata-label-font: var(--font-interface); --metadata-label-font-size: var(--font-smaller); --metadata-label-font-weight: inherit; --metadata-label-text-color: var(--text-muted); --metadata-label-text-color-hover: var(--text-muted); --metadata-label-width: 9em; --metadata-input-height: calc(var(--font-preferred-size) * 1.75); --metadata-input-text-color: var(--text-normal); --metadata-input-font: var(--font-interface); --metadata-input-font-size: var(--font-smaller); --metadata-input-background: transparent; --metadata-input-background-hover: transparent; --metadata-input-background-active: var(--background-modifier-hover); --metadata-input-longtext-lines: 3; --metadata-input-padding: var(--size-4-1) var(--size-4-2); --metadata-sidebar-label-font-size: var(--font-ui-small); --metadata-sidebar-input-font-size: var(--font-ui-small); --modal-background: var(--background-primary); --modal-sidebar-background: var(--modal-background); --modal-width: 90vw; --modal-header-height: auto; --modal-height: 85vh; --modal-max-width: 1100px; --modal-max-height: 1000px; --modal-max-width-narrow: 800px; --modal-shadow: none; --modal-border-width: var(--border-width); --modal-border-color: var(--background-modifier-border-hover); --modal-radius: var(--radius-l); --modal-community-sidebar-width: 280px; --pill-color: var(--text-muted); --pill-color-hover: var(--text-normal); --pill-color-remove: var(--text-faint); --pill-color-remove-hover: var(--text-accent); --pill-decoration: none; --pill-decoration-hover: none; --pill-background: transparent; --pill-background-hover: transparent; --pill-border-color: var(--background-modifier-border); --pill-border-color-hover: var(--background-modifier-border-hover); --pill-border-width: var(--border-width); --pill-padding-x: 0.65em; --pill-padding-y: 0.25em; --pill-radius: 2em; --pill-weight: inherit; --p-spacing: 1rem; --p-spacing-empty: 0rem; --pdf-background: var(--background-primary); --pdf-page-background: var(--background-primary); --pdf-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05), 0 2px 8px rgba(0, 0, 0, 0.1); --pdf-spread-shadow: 0 0 0 1px rgba(0, 0, 0, 0.05); --pdf-sidebar-background: var(--background-primary); --pdf-thumbnail-shadow: 0 0 0 1px rgba(0, 0, 0, 0.15), 0 2px 8px rgba(0, 0, 0, 0.2); --popover-width: 450px; --popover-height: 400px; --popover-max-height: 95vh; --popover-pdf-width: 450px; --popover-pdf-height: 400px; --popover-font-size: var(--font-preferred-size); --prompt-background: var(--background-primary); --prompt-backdrop-filter: none; --prompt-input-height: 40px; --prompt-width: 700px; --prompt-max-width: 80vw; --prompt-max-height: 70vh; --prompt-border-width: var(--border-width); --prompt-border-color: var(--background-modifier-border-hover); --corner-shape: round; --radius-s: 4px; --radius-m: 8px; --radius-l: 12px; --radius-xl: 24px; --raised-background: var(--blur-background); --raised-blur: var(--blur-s); --raised-shadow: var(--shadow-xs); --raised-mask-display: block; --raised-mask-border-width: 0; --raised-mask-background: linear-gradient(to bottom left, white, transparent, white) border-box no-repeat; --raised-mask: linear-gradient(white, white) padding-box, linear-gradient(white, white) border-box; --raised-mask-composite: exclude, add; --ribbon-background: var(--background-secondary); --ribbon-background-collapsed: var(--background-primary); --ribbon-width: 44px; --ribbon-padding: var(--size-4-2) var(--size-4-1) var(--size-4-3); --scrollbar-width: 12px; --scrollbar-height: 12px; --scrollbar-border-width: 3px 3px 3px 2px; --scrollbar-radius: var(--radius-l); --scrollbar-active-thumb-bg: color-mix(in oklch, var(--mono-100) 20%, transparent); --scrollbar-bg: transparent; --scrollbar-thumb-bg: color-mix(in oklch, var(--mono-100) 10%, transparent); --scrollbar-native-width: auto; --scroll-mask-small: linear-gradient(to bottom, rgba(0, 0, 0, 0) 0%, #000000 24px); --search-clear-button-color: var(--text-muted); --search-clear-button-size: 13px; --search-icon-color: var(--text-muted); --search-icon-size: 16px; --search-input-corner-shape: var(--input-corner-shape); --search-input-radius: var(--input-radius); --search-result-background: var(--background-primary); --settings-background: var(--modal-background); --setting-group-heading-color: var(--text-normal); --setting-group-heading-size: var(--font-ui-medium); --setting-group-heading-weight: var(--font-semibold); --setting-group-max-width: 700px; --setting-items-background: var(--background-primary-alt); --setting-items-padding-x: var(--size-4-5); --setting-items-padding-y: var(--size-4-5); --setting-items-radius: var(--radius-l); --setting-items-border-width: 0; --setting-items-border-color: var(--background-modifier-border); --setting-items-divider-width: 1px; --setting-items-divider-color: var(--background-modifier-border); --setting-item-name-color: var(--text-normal); --setting-item-name-size: var(--font-ui-small); --setting-item-name-weight: var(--font-normal); --tooltip-corner-shape: var(--corner-shape); --tooltip-background: var(--background-modifier-message); --tooltip-color: #FAFAFA; --tooltip-font-size: var(--font-ui-small); --tooltip-font-weight: var(--font-normal); --tooltip-line-height: var(--line-height-tight); --tooltip-padding: var(--size-4-2) var(--size-4-3); --tooltip-max-width: 300px; --tooltip-radius: var(--radius-l); --tooltip-shadow: var(--shadow-s); --size-2-1: 2px; --size-2-2: 4px; --size-2-3: 6px; --size-4-1: 4px; --size-4-2: 8px; --size-4-3: 12px; --size-4-4: 16px; --size-4-5: 20px; --size-4-6: 24px; --size-4-8: 32px; --size-4-9: 36px; --size-4-10: 40px; --size-4-12: 48px; --size-4-16: 64px; --size-4-18: 72px; --sidebar-markdown-font-size: calc(var(--font-preferred-size) * 0.9); --sidebar-tab-text-display: none; --sidebar-tab-container-background: var(--tab-container-background); --sidebar-left-toggle-inner-width: 8.33%; --sidebar-right-toggle-inner-width: 8.33%; --sidebar-left-toggle-inner-width-open: 24%; --sidebar-right-toggle-inner-width-open: 24%; --slider-thumb-border-width: 0.5px; --slider-thumb-border-color: var(--background-modifier-border-hover); --slider-thumb-background: white; --slider-thumb-background-hover: white; --slider-thumb-height: 18px; --slider-thumb-width: 18px; --slider-thumb-height-active: var(--slider-thumb-height); --slider-thumb-width-active: var(--slider-thumb-width); --slider-thumb-y: -6px; --slider-thumb-y-active: var(--slider-thumb-y); --slider-thumb-radius: var(--slider-thumb-height); --slider-thumb-shadow: 0 0px 2px 0px rgba(0, 0, 0, 0.1), 0 2px 6px 0px rgba(0, 0, 0, 0.1); --slider-thumb-shadow-hover: var(--slider-thumb-shadow); --slider-thumb-shadow-active: var(--slider-thumb-shadow); --slider-thumb-shadow-focus: var(--slider-thumb-shadow-active), 0 0px 0px 2px var(--background-modifier-border-focus); --slider-s-thumb-size: 15px; --slider-s-thumb-position: -5px; --slider-fill-background: var(--interactive-accent); --slider-track-background: var(--background-modifier-border-hover); --slider-track-height: 4px; --slider-value-font-size: var(--font-ui-small); --slider-value-font-weight: var(--input-font-weight); --status-bar-background: var(--background-secondary); --status-bar-border-color: var(--divider-color); --status-bar-border-width: var(--border-width) 0 0 var(--border-width); --status-bar-font-size: var(--font-ui-smaller); --status-bar-text-color: var(--text-muted); --status-bar-position: fixed; --status-bar-radius: var(--radius-m) 0 0 0; --suggestion-background: var(--background-primary); --suggestion-backdrop-filter: none; --sync-avatar-color-current-user: transparent; --sync-avatar-color-1: var(--color-red); --sync-avatar-color-2: var(--color-orange); --sync-avatar-color-3: var(--color-yellow); --sync-avatar-color-4: var(--color-green); --sync-avatar-color-5: var(--color-cyan); --sync-avatar-color-6: var(--color-blue); --sync-avatar-color-7: var(--color-purple); --sync-avatar-color-8: var(--color-pink); --swatch-radius: 14px; --swatch-height: 22px; --swatch-width: 22px; --swatch-shadow: inset 0 0 0 1px color-mix(in oklch, var(--mono-100) 15%, transparent); --tab-background: transparent; --tab-background-hover: transparent; --tab-background-active: var(--background-primary); --tab-inner-background: transparent; --tab-inner-background-hover: var(--background-modifier-hover); --tab-inner-background-active: transparent; --tab-inner-border-width: 0px; --tab-inner-border-color: transparent; --tab-inner-border-color-hover: transparent; --tab-inner-border-color-active: transparent; --tab-text-color: var(--text-faint); --tab-text-color-active: var(--text-muted); --tab-text-color-focused: var(--text-muted); --tab-text-color-focused-active: var(--text-muted); --tab-text-color-focused-highlighted: var(--text-accent); --tab-text-color-focused-active-current: var(--text-normal); --tab-font-size: var(--font-ui-small); --tab-font-weight: inherit; --tab-container-background: var(--background-secondary); --tab-container-padding-start: var(--size-4-2); --tab-container-padding-end: var(--size-4-2); --tab-divider-color: var(--background-modifier-border-hover); --tab-outline-color: var(--divider-color); --tab-outline-color-hover: transparent; --tab-outline-width: 1px; --tab-corner-shape: var(--corner-shape); --tab-curve: 10px; --tab-radius: var(--radius-s); --tab-radius-active: 10px 10px 0 0; --tab-width: 200px; --tab-max-width: 320px; --tab-switcher-menubar-background: linear-gradient(to top, var(--background-secondary), transparent); --tab-switcher-background: var(--background-secondary); --tab-switcher-preview-radius: var(--radius-xl); --tab-switcher-preview-corner-shape: var(--corner-shape); --tab-switcher-preview-background-shadow: 0 4px 30px 2px rgba(0, 0, 0, 0.2); --tab-switcher-preview-shadow: 0 0 0 1px color-mix(in oklch, var(--mono-100) 5%, transparent); --tab-switcher-preview-shadow-active: 0 0 0 2px var(--color-accent); --tab-stacked-pane-width: 700px; --tab-stacked-header-width: var(--header-height); --tab-stacked-font-size: var(--font-ui-small); --tab-stacked-font-weight: 400; --tab-stacked-text-align: start; --tab-stacked-text-transform: rotate(0deg); --tab-stacked-text-writing-mode: vertical-lr; --tab-stacked-shadow: -8px 0 8px 0 rgba(0, 0, 0, 0.05); --table-background: transparent; --table-border-width: 1px; --table-border-color: var(--background-modifier-border); --table-white-space: break-spaces; --table-header-background: var(--table-background); --table-header-background-hover: inherit; --table-header-border-width: var(--table-border-width); --table-header-border-color: var(--table-border-color); --table-header-font: inherit; --table-header-size: var(--table-text-size); --table-header-weight: calc(var(--font-weight) + var(--bold-modifier)); --table-header-color: var(--text-normal); --table-line-height: var(--line-height-tight); --table-text-size: var(--font-preferred-size); --table-text-color: inherit; --table-column-min-width: 6ch; --table-column-max-width: none; --table-column-alt-background: var(--table-background); --table-column-first-border-width: var(--table-border-width); --table-column-last-border-width: var(--table-border-width); --table-row-background-hover: var(--table-background); --table-row-alt-background: var(--table-background); --table-row-alt-background-hover: var(--table-background); --table-row-last-border-width: var(--table-border-width); --table-selection: color-mix(in oklch, var(--color-accent) 10%, transparent); --table-selection-blend-mode: var(--highlight-mix-blend-mode); --table-selection-border-color: var(--interactive-accent); --table-selection-border-width: 2px; --table-selection-border-radius: 4px; --table-cell-vertical-alignment: top; --table-drag-handle-background: transparent; --table-drag-handle-background-active: var(--table-selection-border-color); --table-drag-handle-color: var(--text-faint); --table-drag-handle-color-active: var(--text-on-accent); --table-drop-indicator-half-width: 2px; --table-add-button-background: transparent; --table-add-button-border-width: var(--table-border-width); --table-add-button-border-color: var(--background-modifier-border); --tag-size: var(--font-smaller); --tag-color: var(--text-accent); --tag-color-hover: var(--text-accent); --tag-decoration: none; --tag-decoration-hover: none; --tag-background: color-mix(in oklch, var(--interactive-accent) 10%, transparent); --tag-background-hover: color-mix(in oklch, var(--interactive-accent) 20%, transparent); --tag-border-color: color-mix(in oklch, var(--interactive-accent) 15%, transparent); --tag-border-color-hover: color-mix(in oklch, var(--interactive-accent) 15%, transparent); --tag-border-width: 0px; --tag-padding-x: 0.65em; --tag-padding-y: 0.25em; --tag-radius: 2em; --tag-corner-shape: round; --tag-weight: inherit; --traffic-lights-offset-x: var(--header-height); --traffic-lights-offset-y: var(--header-height); --titlebar-background: var(--background-secondary); --titlebar-background-focused: var(--background-secondary); --titlebar-border-width: 0px; --titlebar-border-color: var(--background-modifier-border); --titlebar-text-color: var(--text-muted); --titlebar-text-color-focused: var(--text-normal); --titlebar-text-weight: var(--font-bold); --toggle-border-width: 2px; --toggle-width: 40px; --toggle-radius: 18px; --toggle-thumb-color: white; --toggle-thumb-radius: 18px; --toggle-thumb-height: 18px; --toggle-thumb-width: 18px; --toggle-thumb-opacity-active: 1; --toggle-s-border-width: 2px; --toggle-s-width: 34px; --toggle-s-thumb-height: 15px; --toggle-s-thumb-width: 15px; --touch-size-xxs: 24px; --touch-size-xs: 30px; --touch-size-s: 40px; --touch-size-m: 44px; --touch-size-l: 52px; --touch-size-xl: 60px; --touch-radius-xxs: var(--touch-size-xxs); --touch-radius-xs: var(--touch-size-xs); --touch-radius-s: var(--touch-size-s); --touch-radius-m: var(--touch-size-m); --touch-radius-l: var(--touch-size-l); --touch-radius-xl: var(--touch-size-xl); --vault-profile-display: flex; --vault-profile-order: 2; --vault-profile-actions-display: flex; --vault-profile-font-size: var(--font-ui-small); --vault-profile-font-weight: var(--font-medium); --vault-profile-color: var(--text-normal); --vault-profile-color-hover: var(--vault-profile-color); --vault-profile-radius: var(--radius-s); --workspace-background-translucent: color-mix(in oklch, var(--mono-0) 60%, transparent); --accent-h: 258; --accent-s: 88%; --accent-l: 66%; --background-primary: var(--color-base-00); --background-primary-alt: var(--color-base-10); --background-secondary: var(--color-base-20); --background-modifier-hover: color-mix(in oklch, var(--mono-100) 6.7%, transparent); --background-modifier-active-hover: color-mix(in oklch, var(--interactive-accent) 10%, transparent); --background-modifier-border: var(--color-base-30); --background-modifier-border-hover: var(--color-base-35); --background-modifier-border-focus: var(--color-base-40); --background-modifier-error: var(--color-red); --background-modifier-warning: var(--color-orange); --background-modifier-error-hover: var(--color-red); --background-modifier-warning-hover: var(--color-orange); --background-modifier-success: var(--color-green); --background-modifier-message: color-mix(in oklch, black 90%, transparent); --background-modifier-form-field: var(--color-base-00); --background-modifier-form-field-hover: var(--background-modifier-form-field); --text-normal: var(--color-base-100); --text-muted: var(--color-base-70); --text-faint: var(--color-base-50); --text-on-accent: white; --text-on-accent-inverted: black; --text-error: var(--color-red); --text-warning: var(--color-orange); --text-success: var(--color-green); --text-selection: color-mix(in oklch, var(--interactive-accent) 20%, transparent); --text-accent: var(--color-accent); --text-accent-hover: var(--color-accent-2); --interactive-normal: var(--color-base-00); --interactive-hover: var(--color-base-10); --interactive-accent: var(--color-accent-1); --interactive-accent-hover: var(--color-accent-2); --interactive-accent-hsl: var(--color-accent-hsl); --background-modifier-error-rgb: var(--color-red-rgb); --background-modifier-success-rgb: var(--color-green-rgb); }
.theme-light { color-scheme: light; --highlight-mix-blend-mode: darken; --mono-0: white; --mono-100: black; --color-red: #e93147; --color-orange: #ec7500; --color-yellow: #e0ac00; --color-green: #08b94e; --color-cyan: #00bfbc; --color-blue: #086ddd; --color-purple: #7852ee; --color-pink: #d53984; --color-base-00: #ffffff; --color-base-05: #fcfcfc; --color-base-10: #fafafa; --color-base-20: #f6f6f6; --color-base-25: #efefef; --color-base-30: #e4e4e4; --color-base-35: #dadada; --color-base-40: #bdbdbd; --color-base-50: #ababab; --color-base-60: #707070; --color-base-70: #5c5c5c; --color-base-100: #222222; --color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l)); --color-accent-1: hsl(calc(var(--accent-h) - 1), calc(var(--accent-s) * 1.01), calc(var(--accent-l) * 1.075)); --color-accent-2: hsl(calc(var(--accent-h) - 3), calc(var(--accent-s) * 1.02), calc(var(--accent-l) * 1.15)); --background-secondary-alt: var(--color-base-05); --background-modifier-box-shadow: rgba(0, 0, 0, 0.1); --background-modifier-cover: rgba(220, 220, 220, 0.4); --input-shadow: inset 0 0 0 1px rgba(0, 0, 0, 0.12), 0 1px 2px 0 rgba(0, 0, 0, 0.065), 0 0 0 0 transparent; --input-shadow-hover: inset 0 0 0 1px rgba(0, 0, 0, 0.17), 0 1px 2px 0 rgba(0, 0, 0, 0.1), 0 0 0 0 transparent; --shadow-edges: 0 0 transparent; --shadow-xs: 0 1px 6px rgba(0, 0, 0, 0.015), 0 4px 24px rgba(0, 0, 0, 0.065), var(--shadow-edges); --shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.028), 0px 3.4px 6.7px rgba(0, 0, 0, 0.042), 0px 15px 30px rgba(0, 0, 0, 0.07); --shadow-l: 0px 1.8px 7.3px rgba(0, 0, 0, 0.071), 0px 6.3px 24.7px rgba(0, 0, 0, 0.112), 0px 15px 30px rgba(0, 0, 0, 0.1); --mono-rgb-0: 255, 255, 255; --mono-rgb-100: 0, 0, 0; --color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l); --color-red-rgb: 233, 49, 71; --color-orange-rgb: 236, 117, 0; --color-yellow-rgb: 224, 172, 0; --color-green-rgb: 8, 185, 78; --color-cyan-rgb: 0, 191, 188; --color-blue-rgb: 8, 109, 221; --color-purple-rgb: 120, 82, 238; --color-pink-rgb: 213, 57, 132; }
.theme-dark { color-scheme: dark; --highlight-mix-blend-mode: lighten; --mono-0: black; --mono-100: white; --color-red: #fb464c; --color-orange: #e9973f; --color-yellow: #e0de71; --color-green: #44cf6e; --color-cyan: #53dfdd; --color-blue: #027aff; --color-purple: #a882ff; --color-pink: #fa99cd; --color-base-00: #1C1C1C; --color-base-05: #212121; --color-base-10: #232323; --color-base-20: #282828; --color-base-25: #2e2e2e; --color-base-30: #333333; --color-base-35: #3f3f3f; --color-base-40: #555555; --color-base-50: #666666; --color-base-60: #999999; --color-base-70: #b3b3b3; --color-base-100: #dadada; --color-accent: hsl(var(--accent-h), var(--accent-s), var(--accent-l)); --color-accent-1: hsl(calc(var(--accent-h) - 3), calc(var(--accent-s) * 1.02), calc(var(--accent-l) * 1.15)); --color-accent-2: hsl(calc(var(--accent-h) - 5), calc(var(--accent-s) * 1.05), calc(var(--accent-l) * 1.29)); --color-secondary-2: color-mix(in srgb, var(--background-secondary) 96%, white 4%); --color-secondary-3: color-mix(in srgb, var(--background-secondary) 92%, white 8%); --color-secondary-4: color-mix(in srgb, var(--background-secondary) 90%, white 10%); --color-secondary-5: color-mix(in srgb, var(--background-secondary) 84%, white 16%); --color-secondary-6: color-mix(in srgb, var(--background-secondary) 76%, white 24%); --blur-background: color-mix(in srgb, var(--interactive-normal) var(--blur-opacity-s), transparent) linear-gradient(var(--interactive-normal), color-mix(in srgb, var(--interactive-normal) var(--blur-opacity-s), transparent)); --background-modifier-form-field: var(--color-base-25); --background-secondary-alt: var(--color-base-30); --interactive-normal: var(--color-base-30); --interactive-hover: var(--color-base-35); --text-accent: var(--color-accent-1); --interactive-accent: var(--color-accent); --interactive-accent-hover: var(--color-accent-1); --background-modifier-box-shadow: rgba(0, 0, 0, 0.3); --background-modifier-cover: rgba(10, 10, 10, 0.4); --raised-mask-background: transparent; --text-selection: color-mix(in oklch, var(--interactive-accent) 33%, transparent); --input-shadow: inset 0 0.5px 0.5px 0.5px rgba(255, 255, 255, 0.09), 0 2px 4px 0 rgba(0, 0, 0, 0.15), 0 1px 1.5px 0 rgba(0, 0, 0, 0.1), 0 1px 2px 0 rgba(0, 0, 0, 0.2), 0 0 0 0 transparent; --input-shadow-hover: inset 0 0.5px 1px 0.5px rgba(255, 255, 255, 0.16), 0 2px 3px 0 rgba(0, 0, 0, 0.3), 0 1px 1.5px 0 rgba(0, 0, 0, 0.2), 0 1px 2px 0 rgba(0, 0, 0, 0.4), 0 0 0 0 transparent; --shadow-xs: 0 1px 6px rgba(0, 0, 0, 0.045), 0 4px 24px rgba(0, 0, 0, 0.195), var(--shadow-edges); --shadow-s: 0px 1px 2px rgba(0, 0, 0, 0.121), 0px 3.4px 6.7px rgba(0, 0, 0, 0.179), 0px 15px 30px rgba(0, 0, 0, 0.3); --shadow-l: 0px 1.8px 7.3px rgba(0, 0, 0, 0.071), 0px 6.3px 24.7px rgba(0, 0, 0, 0.112), 0px 30px 90px rgba(0, 0, 0, 0.2); --pdf-shadow: 0 0 0 1px var(--background-modifier-border); --pdf-thumbnail-shadow: 0 0 0 1px var(--background-modifier-border); --mono-rgb-0: 0, 0, 0; --mono-rgb-100: 255, 255, 255; --color-accent-hsl: var(--accent-h), var(--accent-s), var(--accent-l); --color-red-rgb: 251, 70, 76; --color-orange-rgb: 233, 151, 63; --color-yellow-rgb: 224, 222, 113; --color-green-rgb: 68, 207, 110; --color-cyan-rgb: 83, 223, 221; --color-blue-rgb: 2, 122, 255; --color-purple-rgb: 168, 130, 255; --color-pink-rgb: 250, 153, 205; }
@media print{.theme-dark { --highlight-mix-blend-mode: darken; }}
body { --font-default: ui-sans-serif, -apple-system, BlinkMacSystemFont, system-ui, "Segoe UI", "Google Sans Flex", Roboto, "Inter Variable", "Inter", "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", sans-serif; --font-monospace-default: ui-monospace, SFMono-Regular, "Cascadia Mono", "Roboto Mono", "DejaVu Sans Mono", "Liberation Mono", Menlo, Monaco, "Consolas", "Source Code Pro", monospace; --font-interface-override: '??'; --font-interface-theme: '??'; --font-interface: var(--font-interface-override), var(--font-interface-theme), var(--default-font, '??'), var(--font-default); --font-text-override: '??'; --font-text-theme: '??'; --font-text: var(--font-text-override), var(--font-text-theme), var(--font-default); --font-print-override: '??'; --font-print: var(--font-print-override), var(--font-text-override), var(--font-text-theme), 'Arial'; --font-monospace-override: '??'; --font-monospace-theme: '??'; --font-monospace: var(--font-monospace-override), var(--font-monospace-theme), var(--font-monospace-default); --font-text-size: 16px; --font-preferred-size: var(--font-text-size); --font-mermaid: var(--font-text); }
@media print{html, body { padding-top: 0px !important; overflow: auto !important; height: auto !important; contain: initial !important; }
* { text-shadow: none !important; }
::-webkit-scrollbar { display: none; }
body { --font-text: var(--font-print) !important; }}
* { box-sizing: border-box; }
html, body { margin: 0px; padding: 0px; height: 100%; width: 100%; overscroll-behavior: none; }
body { text-rendering: optimizelegibility; font-family: var(--font-interface); line-height: var(--line-height-tight); font-size: var(--font-ui-medium); background-color: var(--background-primary); color: var(--text-normal); -webkit-tap-highlight-color: rgba(255, 255, 255, 0); overflow: clip; contain: strict; }
@keyframes node-inserted { 
  0% { outline-color: rgb(255, 255, 255); }
  100% { outline-color: rgb(0, 0, 0); }
}
body { user-select: none; caret-color: var(--caret-color); }
body.is-grabbing { --no-tooltip: true; }
@keyframes loader-spin { 
  100% { stroke-dashoffset: -100; }
}
:focus { outline: none; }
@-webkit-keyframes blink { 
  50% { background-color: transparent; }
}
@keyframes blink { 
  50% { background-color: transparent; }
}
body { --zoom-factor: 1; --titlebar-height: 30px; --frame-ribbon-left: var(--ribbon-width); --frame-ribbon-right: 0px; }
body.is-focused .titlebar { --titlebar-background: var(--titlebar-background-focused); }
body.is-frameless.in-progress { --titlebar-background: var(--background-primary); --titlebar-background-focused: var(--background-primary); }
@-webkit-keyframes sk-cubeGridScaleDelay { 
  0%, 70%, 100% { transform: scale3d(1, 1, 1); }
  35% { transform: scale3d(0, 0, 1); }
}
@keyframes sk-cubeGridScaleDelay { 
  0%, 70%, 100% { transform: scale3d(1, 1, 1); }
  35% { transform: scale3d(0, 0, 1); }
}
@keyframes progress-bar { 
  0%, 5% { transform: translateX(0px) scaleX(0); }
  50% { transform: translateX(0px) scaleX(1); }
  95%, 100% { transform: translateX(100%) scaleX(0); }
}
::selection { background-color: var(--text-selection); }
body:not(.show-ribbon) { --ribbon-width: 0px; }
.bases-toolbar-result-count, .community-item-desc, .community-modal-info-desc, .community-modal-search-summary, .inline-title, .inline-title h1, .metadata-property-key-input, .metadata-input-longtext, .multi-select-pill-content, .nav-file-title-content, .nav-folder-title-content, .search-result-file-match, .setting-item-description, .setting-item-name, .suggestion-title, .bases-table-header-name, .table-cell-wrapper, .titlebar-text, .tooltip, .tree-item-inner, .view-header-breadcrumb, .view-header-title, .workspace-tab-header-inner-title, input { unicode-bidi: plaintext; }
body, [dir="ltr"] { --direction: 1; --inset-start: left; --inset-end: right; --safe-area-inline-start: var(--safe-area-inset-left); --safe-area-inline-end: var(--safe-area-inset-right); }
.vertical-tab-content .setting-item ~ :is(h1, h2, h3, h4, .setting-item-heading) { margin-top: var(--size-4-6); }
body.is-popout-modal { --traffic-lights-offset-x: 32px; --traffic-lights-offset-y: 32px; }
.titlebar-button-container { display: flex; position: absolute; top: 0px; direction: ltr; }
.titlebar-button-container.mod-right { inset-inline-end: 0px; }
.titlebar-button { app-region: no-drag; padding: var(--size-2-2) var(--size-2-3); cursor: var(--cursor); display: inline-flex; align-items: center; }
@media (hover: hover){.titlebar-button:hover { opacity: 1; background-color: var(--background-modifier-hover); }
.titlebar-button.mod-close:hover { background-color: var(--background-modifier-error); }}
.mod-linux .titlebar-button-container, .mod-windows .titlebar-button-container { height: 100%; }
.mod-linux .titlebar-button, .mod-windows .titlebar-button { padding: 0px 16px; display: flex; align-items: center; }
@media (hover: hover){.mod-linux .titlebar-button.mod-close:hover, .mod-windows .titlebar-button.mod-close:hover { background-color: var(--background-modifier-error); }}
body:not(.is-mobile) .workspace-split.mod-primary-split .workspace-sidedock-vault-profile .workspace-drawer-vault-switcher-icon { --icon-size: var(--icon-s); --icon-stroke: var(--icon-s-stroke-width); display: flex; align-items: center; color: var(--text-faint); }
@keyframes spin { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
button { --text-color: var(--text-normal); app-region: no-drag; display: inline-flex; align-items: center; justify-content: center; color: var(--text-color); font-size: var(--font-ui-small); border-radius: var(--button-radius); corner-shape: var(--button-corner-shape); border: 0px; padding: var(--size-4-1) var(--size-4-3); height: var(--input-height); font-weight: var(--input-font-weight); cursor: var(--cursor); font-family: inherit; outline: none; user-select: none; white-space: nowrap; transition: var(--button-transition); }
button:not(.clickable-icon) { color: var(--text-color); background-color: var(--interactive-normal); box-shadow: var(--input-shadow); }
@media (hover: hover){button:hover { background-color: var(--interactive-hover); box-shadow: var(--input-shadow-hover); }}
button[disabled], button[aria-disabled="true"], button[disabled="true"] { cursor: not-allowed; opacity: 0.7; }
@media (forced-colors: active){button { border: 1px solid buttonborder; }}
button.mod-cta { background-color: var(--interactive-accent); --text-color: var(--text-on-accent); }
@media (hover: hover){button.mod-cta:hover { background-color: var(--interactive-accent-hover); }}
select, .combobox-button, .dropdown { app-region: no-drag; height: var(--input-height); font-size: var(--font-ui-small); font-family: inherit; font-weight: var(--input-font-weight); color: var(--text-normal); line-height: var(--line-height-tight); max-width: 100%; box-sizing: border-box; margin: 0px; border: 0px; box-shadow: var(--input-shadow); border-radius: var(--input-radius); appearance: none; background-color: var(--dropdown-background); padding: var(--dropdown-padding); background-repeat: no-repeat, no-repeat, repeat; background-position: var(--dropdown-background-position); background-size: var(--dropdown-background-size); background-blend-mode: var(--dropdown-background-blend-mode); transition: var(--dropdown-transition); text-align: var(--dropdown-text-align); corner-shape: var(--corner-shape); }
select:disabled, .combobox-button:disabled, .dropdown:disabled { cursor: not-allowed; }
@media (forced-colors: active){select, .dropdown { border: 1px solid buttonborder; }}
svg.svg-icon { height: var(--icon-size); width: var(--icon-size); stroke-width: var(--icon-stroke); }
textarea, .multi-select-container, input.metadata-input-text, input[type="date"], input[type="datetime-local"], input[type="text"], input[type="search"], input[type="email"], input[type="password"], input[type="number"] { app-region: no-drag; background: var(--background-modifier-form-field); border: var(--input-border-width) solid var(--background-modifier-border); color: var(--text-normal); font-family: inherit; padding: var(--input-padding); font-size: var(--font-ui-small); border-radius: var(--input-radius); corner-shape: var(--input-corner-shape); transition: var(--input-transition); outline: none; }
textarea:disabled, .multi-select-container:disabled, input.metadata-input-text:disabled, input[type="date"]:disabled, input[type="datetime-local"]:disabled, input[type="text"]:disabled, input[type="search"]:disabled, input[type="email"]:disabled, input[type="password"]:disabled, input[type="number"]:disabled { opacity: 0.5; cursor: not-allowed; }
textarea:active, .multi-select-container:active, input.metadata-input-text:active, input[type="date"]:active, input[type="datetime-local"]:active, input[type="text"]:active, input[type="search"]:active, input[type="email"]:active, input[type="password"]:active, input[type="number"]:active, textarea:focus, .multi-select-container:focus, input.metadata-input-text:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="text"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus { border-color: var(--background-modifier-border-focus); }
textarea:active, .multi-select-container:active, input.metadata-input-text:active, input[type="date"]:active, input[type="datetime-local"]:active, input[type="text"]:active, input[type="search"]:active, input[type="email"]:active, input[type="password"]:active, input[type="number"]:active, textarea:focus, .multi-select-container:focus, input.metadata-input-text:focus, input[type="date"]:focus, input[type="datetime-local"]:focus, input[type="text"]:focus, input[type="search"]:focus, input[type="email"]:focus, input[type="password"]:focus, input[type="number"]:focus, textarea:focus-visible, .multi-select-container:focus-visible, input.metadata-input-text:focus-visible, input[type="date"]:focus-visible, input[type="datetime-local"]:focus-visible, input[type="text"]:focus-visible, input[type="search"]:focus-visible, input[type="email"]:focus-visible, input[type="password"]:focus-visible, input[type="number"]:focus-visible { box-shadow: 0 0 0 var(--input-border-width-focus) var(--background-modifier-border-focus); }
textarea::placeholder, .multi-select-container::placeholder, input.metadata-input-text::placeholder, input[type="date"]::placeholder, input[type="datetime-local"]::placeholder, input[type="text"]::placeholder, input[type="search"]::placeholder, input[type="email"]::placeholder, input[type="password"]::placeholder, input[type="number"]::placeholder { color: var(--input-placeholder-color); }
textarea { line-height: var(--line-height-tight); border-radius: var(--textarea-radius, var(--input-radius)); padding: var(--textarea-padding, var(--input-padding)); }
input[type="date"], input[type="datetime-local"] { font-variant-numeric: tabular-nums; position: relative; }
input[type="date"]::-webkit-datetime-edit-text, input[type="datetime-local"]::-webkit-datetime-edit-text { color: var(--input-date-separator); padding-inline-end: 0px; }
input[type="date"]:not([disabled="true"])::-webkit-calendar-picker-indicator, input[type="datetime-local"]:not([disabled="true"])::-webkit-calendar-picker-indicator { position: absolute; left: var(--size-4-1); right: auto; opacity: 0.5; }
input[type="date"]::-webkit-datetime-edit-month-field:active, input[type="datetime-local"]::-webkit-datetime-edit-month-field:active, input[type="date"]::-webkit-datetime-edit-month-field:focus, input[type="datetime-local"]::-webkit-datetime-edit-month-field:focus, input[type="date"]::-webkit-datetime-edit-day-field:active, input[type="datetime-local"]::-webkit-datetime-edit-day-field:active, input[type="date"]::-webkit-datetime-edit-day-field:focus, input[type="datetime-local"]::-webkit-datetime-edit-day-field:focus, input[type="date"]::-webkit-datetime-edit-year-field:active, input[type="datetime-local"]::-webkit-datetime-edit-year-field:active, input[type="date"]::-webkit-datetime-edit-year-field:focus, input[type="datetime-local"]::-webkit-datetime-edit-year-field:focus { background-color: var(--text-selection); color: var(--text-normal); cursor: text; }
body:not(.is-ios):not(.is-android) input[type="date"]:not([disabled="true"]), body:not(.is-ios):not(.is-android) input[type="datetime-local"]:not([disabled="true"]) { padding-left: var(--size-4-6); }
body { --pill-focus-width: calc(100% + 6px); --pill-focus-left-adjust: -4px; }
@keyframes multi-select-highlight { 
  0% { color: var(--text-warning); --link-color: var(--text-warning); }
}
@keyframes increase { 
  0% { transform: translateX(-5%) scaleX(0.05); }
  100% { transform: translateX(130%) scaleX(1); }
}
@keyframes decrease { 
  0% { transform: translateX(-80%) scaleX(0.8); }
  100% { transform: translateX(110%) scaleX(0.1); }
}
* { scrollbar-width: var(--scrollbar-native-width); }
body:not(.styled-scrollbars) { scrollbar-color: var(--scrollbar-thumb-bg) var(--scrollbar-bg); }
body.styled-scrollbars ::-webkit-scrollbar { width: var(--scrollbar-width); height: var(--scrollbar-height); border-radius: var(--scrollbar-radius); background-color: transparent; }
body.styled-scrollbars ::-webkit-scrollbar-track { background-color: transparent; }
body.styled-scrollbars ::-webkit-scrollbar-thumb { background-color: var(--scrollbar-thumb-bg); border-radius: var(--scrollbar-radius); background-clip: padding-box; border-style: solid; border-color: transparent; border-image: none; border-width: var(--scrollbar-border-width); min-height: 45px; }
body.styled-scrollbars ::-webkit-scrollbar-thumb:active { border-radius: var(--scrollbar-radius); }
body.styled-scrollbars ::-webkit-scrollbar-thumb:hover, body.styled-scrollbars ::-webkit-scrollbar-thumb:active { background-color: var(--scrollbar-active-thumb-bg); }
body.styled-scrollbars ::-webkit-scrollbar-corner { background: transparent; }
@supports not selector(::-webkit-scrollbar){body.styled-scrollbars { scrollbar-width: thin; scrollbar-color: var(--scrollbar-thumb-bg) var(--scrollbar-bg); }}
[aria-label] .svg-icon { pointer-events: none; }
@keyframes pop-down { 
  0% { opacity: 0; transform: translateX(-50%) scale(1); }
  20% { opacity: 0.7; transform: translateX(-50%) scale(1.02); }
  40% { opacity: 1; transform: translateX(-50%) scale(1.05); }
  100% { opacity: 1; transform: translateX(-50%) scale(1); }
}
@keyframes pop-right { 
  0% { opacity: 0; transform: translateY(-50%) scale(1); }
  20% { opacity: 0.7; transform: translateY(-50%) scale(1.02); }
  40% { opacity: 1; transform: translateY(-50%) scale(1.05); }
  100% { opacity: 1; transform: translateY(-50%) scale(1); }
}
@keyframes rotation { 
  0% { transform: rotate(0deg); }
  100% { transform: rotate(360deg); }
}
.markdown-rendered :is(p, pre, table, ul, ol) + :is(h1, h2, h3, h4, h5, h6), .markdown-rendered div:is(.el-blockquote, .el-p, .el-pre, .el-table, .el-ul, .el-ol) + div > :is(h1, h2, h3, h4, h5, h6) { margin-top: var(--heading-spacing); }
h1, h2, h3, h4, h5, h6 { margin-block-start: var(--p-spacing); margin-block-end: var(--p-spacing); }
h2, .markdown-rendered h2 { --font-weight: var(--h2-weight); font-variant: var(--h2-variant); letter-spacing: var(--h2-letter-spacing); line-height: var(--h2-line-height); font-size: var(--h2-size); color: var(--h2-color); font-weight: var(--font-weight); font-style: var(--h2-style); font-family: var(--h2-font); }
h3, .markdown-rendered h3 { --font-weight: var(--h3-weight); font-variant: var(--h3-variant); letter-spacing: var(--h3-letter-spacing); line-height: var(--h3-line-height); font-size: var(--h3-size); color: var(--h3-color); font-weight: var(--font-weight); font-style: var(--h3-style); font-family: var(--h3-font); }
hr { border-right-width: medium; border-bottom-width: medium; border-left-width: medium; border-right-style: none; border-bottom-style: none; border-left-style: none; border-image: none; border-color: var(--hr-color); margin: 2rem 0px; }
ol { list-style-type: var(--list-numbered-style); }
ul > li, ol > li { text-align: start; }
ol > li::marker, ul > li::marker { color: var(--list-marker-color); }
@keyframes hmd-file-uploading-ani { 
  0%, 100% { opacity: 0.4; }
  50% { opacity: 0.7; }
}
input[type="radio"], input[type="checkbox"] { appearance: none; border-radius: var(--checkbox-radius); border: 1px solid var(--checkbox-border-color); flex-shrink: 0; padding: 0px; margin: 0px; margin-inline-end: 6px; width: var(--checkbox-size); height: var(--checkbox-size); position: relative; transition: box-shadow 0.15s ease-in-out; }
input[type="radio"]:active, input[type="checkbox"]:active, input[type="radio"]:focus, input[type="checkbox"]:focus { outline: 0px; border-color: var(--checkbox-border-color-hover); }
@media (hover: hover){input[type="radio"]:hover, input[type="checkbox"]:hover { outline: 0px; border-color: var(--checkbox-border-color-hover); }}
input[type="radio"]:checked::after, input[type="checkbox"]:checked::after { content: ""; top: -1px; inset-inline-start: -1px; position: absolute; width: var(--checkbox-size); height: var(--checkbox-size); display: block; background-color: var(--checkbox-marker-color); mask-position: 52% 52%; mask-size: 65% auto; mask-repeat: no-repeat; mask-image: url("data:image/svg+xml; utf8, <svg width=\"12px\" height=\"10px\" viewBox=\"0 0 12 8\" version=\"1.1\" xmlns=\"http://www.w3.org/2000/svg\" xmlns:xlink=\"http://www.w3.org/1999/xlink\"><g stroke=\"none\" stroke-width=\"1\" fill=\"none\" fill-rule=\"evenodd\"><g transform=\"translate%28-4.000000, -6.000000%29\" fill=\"%23000000\"><path d=\"M8.1043257,14.0367999 L4.52468714,10.5420499 C4.32525014,10.3497722 4.32525014,10.0368095 4.52468714,9.8424863 L5.24777413,9.1439454 C5.44721114,8.95166768 5.77142411,8.95166768 5.97086112,9.1439454 L8.46638057,11.5903727 L14.0291389,6.1442083 C14.2285759,5.95193057 14.5527889,5.95193057 14.7522259,6.1442083 L15.4753129,6.84377194 C15.6747499,7.03604967 15.6747499,7.35003511 15.4753129,7.54129009 L8.82741268,14.0367999 C8.62797568,14.2290777 8.3037627,14.2290777 8.1043257,14.0367999\"></path></g></g></svg>"); }
input[type="radio"]:checked, input[type="checkbox"]:checked { background-color: var(--checkbox-color); border-color: var(--checkbox-color); }
@media (hover: hover){input[type="radio"]:checked:hover, input[type="checkbox"]:checked:hover { background-color: var(--checkbox-color-hover); border-color: var(--checkbox-color-hover); }}
b, strong { font-weight: calc(var(--font-weight) + var(--bold-modifier)); color: var(--bold-color); }
body:not(.is-phone) .base-toolbar-sort-item, body:not(.is-phone) .base-toolbar-groupby-item { --metadata-property-box-shadow: 0 0 0 1px var(--background-modifier-border-hover); }
.bases-td.is-measuring :not(input, select, textarea) { width: max-content !important; }
body { --canvas-color: #c0c0c0; }
body.theme-dark { --canvas-color: #7e7e7e; }
body.is-mobile .canvas-node-resizer { --zoom-multiplier: 1; }
:root { --safe-area-inset-top: env(safe-area-inset-top); --safe-area-inset-bottom: env(safe-area-inset-bottom); --safe-area-inset-left: env(safe-area-inset-left); --safe-area-inset-right: env(safe-area-inset-right); --preferred-text-scale: env(preferred-text-scale, 1); --keyboard-height: 0px; }
body.emulate-mobile { --safe-area-inset-top: 59px; --safe-area-inset-bottom: 34px; --safe-area-inset-left: 0px; --safe-area-inset-right: 0px; }
.theme-dark.is-phone .search-input-container.mod-raised { --background-modifier-form-field: transparent; }
@keyframes slideIn { 
  0% { opacity: 0; transform: translateY(-8px) scale(0.97); transform-origin: center bottom; }
  70% { opacity: 1; transform: scaleY(1.02); transform-origin: center bottom; }
  100% { opacity: 1; transform: scaleY(1); transform-origin: center bottom; }
}
body.is-tablet .sidebar-toggle-button { --icon-color: var(--text-normal); --icon-color-hover: var(--text-normal); --icon-color-active: var(--text-normal); --icon-color-focus: var(--text-normal); --icon-size: var(--icon-l); --icon-stroke: var(--icon-l-stroke-width); }
.rpg-buddy-chat-mount { flex: 1 1 auto; min-height: 0px; display: flex; flex-direction: column; }
.rpg-buddy-chat-root { flex: 1 1 auto; display: flex; flex-direction: column; min-height: 0px; }
.rpg-buddy-messages { flex: 1 1 auto; overflow: hidden auto; display: flex; flex-direction: column; gap: 0.5rem; min-height: 0px; }
.rpg-buddy-message-content { display: flex; flex-direction: column; flex: 0 0 auto; min-width: 0px; }
.rpg-chat-input-area { flex: 0 0 auto; min-height: 0px; border-top: 1px solid var(--background-modifier-border); background: var(--background-primary); position: relative; z-index: 20; }
.rpg-buddy-msg-wrap { display: flex; flex-direction: column; gap: 0.2rem; max-width: 100%; position: relative; }
.rpg-buddy-msg-wrap-user { align-self: flex-end; align-items: flex-end; }
.rpg-buddy-msg-wrap-assistant { align-self: flex-start; align-items: flex-start; }
.rpg-buddy-message-actions { display: flex; justify-content: flex-end; opacity: 0; transition: opacity 0.15s ease-out; }
.rpg-buddy-message-row:hover .rpg-buddy-message-actions { opacity: 1; }
.rpg-buddy-message-action-btn { background: var(--background-secondary); border: 1px solid var(--background-modifier-border); cursor: pointer; }
.rpg-buddy-message-action-btn:hover:not(:disabled) { opacity: 1; background: var(--background-modifier-hover); }
.rpg-buddy-message-action-btn:disabled { opacity: 0.45; cursor: not-allowed; }
.rpg-buddy-message-action-btn .svg-icon { width: 14px; height: 14px; }
@keyframes rpg-thought-fade { 
  0% { opacity: 0; transform: translateY(2px); }
  100% { opacity: 1; transform: translateY(0px); }
}
@keyframes rpg-thought-pulse { 
  0% { opacity: 0.35; }
  50% { opacity: 1; }
  100% { opacity: 0.35; }
}
.rpg-buddy-msg { max-width: 100%; }
.rpg-buddy-msg, .rpg-buddy-msg * { user-select: text; }
.rpg-buddy-msg-block { display: flex; flex-direction: column; width: fit-content; max-width: 100%; }
.rpg-buddy-msg-wrap-user .rpg-buddy-msg-block { align-items: flex-end; }
.rpg-buddy-msg-wrap-assistant .rpg-buddy-msg-block { align-items: flex-start; }
.rpg-buddy-msg-user { align-self: flex-end; background: var(--background-modifier-active); }
.rpg-buddy-msg-user .rpg-buddy-msg-content { white-space: pre-wrap; overflow-wrap: break-word; }
.rpg-buddy-msg-assistant { align-self: flex-start; background: var(--background-secondary); border: 1px solid var(--background-modifier-border); }
.rpg-msg-cost { font-size: 0.75em; color: var(--text-faint); margin-top: 2px; text-align: right; }
.rpg-buddy-input-row { display: flex; }
.rpg-buddy-input { width: 100%; }
.rpg-buddy-input-actions { display: flex; gap: 0.4rem; }
.rpg-buddy-action-primary { background: var(--interactive-accent); color: var(--text-on-accent, var(--text-normal)); border-width: medium; border-style: none; border-color: currentcolor; border-image: none; cursor: pointer; }
.rpg-buddy-action-primary:hover:not(:disabled) { background: var(--interactive-accent-hover); }
.rpg-buddy-action-primary:disabled { opacity: 0.5; cursor: not-allowed; }
.rpg-buddy-action-primary .svg-icon, .rpg-buddy-voice-btn .svg-icon, .rpg-buddy-recording-stop .svg-icon { width: 16px; height: 16px; }
@keyframes rpg-stream-cursor-blink { 
  0% { opacity: 0.2; }
  50% { opacity: 1; }
  100% { opacity: 0.2; }
}
.rpg-main-tabs { display: flex; border-bottom: 1px solid var(--background-modifier-border); flex: 0 0 auto; }
.rpg-main-tabs button { background: transparent; }
.rpg-main-tabs button[aria-pressed="true"] { background: var(--background-modifier-hover); color: var(--text-accent); }
.rpg-today { min-height: 0px; }
.rpg-today h3 { margin: 0px 0px 12px; font-size: 16px; }
.rpg-today-heading, .rpg-today-progress { display: flex; justify-content: space-between; align-items: center; gap: 12px; flex-wrap: wrap; }
.rpg-today small, .rpg-today-muted, .rpg-today-progress { color: var(--text-muted); font-size: 12px; }
.rpg-today progress { width: 100%; }
.rpg-today-focus, .rpg-today-card { background: var(--background-secondary); border: 1px solid var(--background-modifier-border); }
.rpg-today-tags, .rpg-today-actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
.rpg-today-section h3 { display: flex; justify-content: space-between; gap: 8px; }
.rpg-today-task { display: flex; gap: 10px; align-items: center; border-bottom: 1px solid var(--background-modifier-border); }
.rpg-today-task > span { flex: 1 1 0%; min-width: 0px; overflow-wrap: anywhere; }
.rpg-today-task input[type="checkbox"] { flex: 0 0 auto; margin: 0px; }
.rpg-today-add { display: flex; gap: 6px; }
.rpg-today-add input { flex: 1 1 0%; }
.rpg-task-menu { position: relative; }
.rpg-task-menu > div { position: absolute; right: 0px; top: 100%; z-index: 3; display: grid; gap: 4px; padding: 8px; background: var(--background-primary); border: 1px solid var(--background-modifier-border); }
.rpg-today-card label { display: flex; flex-direction: column; gap: 6px; margin-bottom: 12px; }
.rpg-today-card input, .rpg-today-card textarea, .rpg-today-card select { width: 100%; }
.rpg-today-status { color: var(--text-accent); font-size: 13px; overflow-wrap: anywhere; }
.rpg-calendar { flex: 0 0 auto; border-bottom: 1px solid var(--background-modifier-border); }
.rpg-calendar-bar { display: flex; align-items: center; gap: 8px; }
.rpg-habit-week-nav { display: flex; align-items: center; flex-wrap: wrap; gap: 8px; }
.rpg-habit-week-nav span { font-size: 13px; }
.rpg-habit-days { display: grid; grid-template-columns: repeat(7, minmax(0px, 1fr)); gap: 4px; }
.rpg-habit-days label { display: flex; flex-direction: column; align-items: center; font-size: 12px; cursor: pointer; }
.rpg-habit-days input[type="checkbox"] { appearance: none; border-radius: 50%; border: 2px solid var(--interactive-accent); margin: 0px; display: grid; place-content: center; background: transparent; }
.rpg-habit-days input[type="checkbox"]:checked { background: var(--interactive-accent); }
.rpg-habit-days input[type="checkbox"]:checked::after { content: "✓"; color: var(--text-on-accent, white); font-size: 18px; }
.rpg-habit-days input[type="checkbox"]:disabled { opacity: 0.35; cursor: default; }
.rpg-habit-days .is-today { background: var(--background-modifier-hover); border-radius: 8px; font-weight: 700; }
.rpg-design-v2 { --rpg-brand: #6ca8ff; --interactive-accent: var(--rpg-brand); --text-on-accent: #09182e; --text-accent: var(--rpg-brand); container-type: inline-size; overflow: hidden; background: var(--background-primary); color: var(--text-normal); }
.rpg-design-v2 * { box-sizing: border-box; }
.rpg-design-v2 button { border: 1px solid var(--rpg-border); min-height: 38px; height: auto; padding: 8px 12px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 13px; line-height: 1.3; transition: background 0.15s, border-color 0.15s; }
.rpg-design-v2 button:hover:not(:disabled) { background: var(--rpg-soft); border-color: var(--rpg-brand); }
.rpg-design-v2 button:disabled { opacity: 0.45; }
.rpg-design-v2 :is(button, input, select, textarea, summary):focus-visible { outline: 2px solid var(--rpg-brand); outline-offset: 3px; }
.rpg-design-v2 button.mod-cta { background: var(--rpg-brand); border-color: var(--rpg-brand); }
.rpg-design-v2 button.mod-cta:hover:not(:disabled) { background: color-mix(in srgb, var(--rpg-brand) 85%, white); }
.rpg-design-v2 :is(input:not([type="checkbox"]), textarea, select) { background: var(--background-primary); border: 1px solid var(--rpg-border); border-radius: 9px; padding: 10px 12px; min-height: 40px; font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 14px; color: var(--text-normal); max-width: 100%; }
.rpg-design-v2 :is(input, textarea)::placeholder { color: var(--text-faint, var(--text-muted)); }
.rpg-design-v2 :is(h2, h3, h4, p) { overflow-wrap: anywhere; }
.rpg-app-brand { display: flex; align-items: center; flex: 0 0 auto; }
.rpg-brand-mark { display: grid; place-content: center; background: var(--rpg-soft); border: 1px solid var(--rpg-border); position: relative; }
.rpg-app-brand strong { display: block; }
.rpg-app-brand small { display: block; font-size: 11px; color: var(--text-muted); }
.rpg-design-v2 .rpg-main-tabs { border: 1px solid var(--rpg-border); background: var(--background-secondary); }
.rpg-design-v2 .rpg-main-tabs button { display: flex; min-width: 0px; border-color: transparent; background: transparent; }
.rpg-main-tabs svg { width: 20px; height: 20px; flex-shrink: 0; }
.rpg-main-tabs span { text-align: left; min-width: 0px; }
.rpg-main-tabs strong { display: block; }
.rpg-design-v2 .rpg-main-tabs button[aria-pressed="true"] { color: var(--rpg-brand); }
.rpg-design-v2 .rpg-today { width: 100%; align-self: center; }
.rpg-design-v2 .rpg-today-progress { font-size: 11px; margin: 8px 0px 4px; }
.rpg-design-v2 progress { height: 4px; display: block; }
.rpg-design-v2 .rpg-today-focus { border: 1px solid color-mix(in srgb, var(--rpg-brand) 32%, var(--rpg-border)); }
.rpg-design-v2 .rpg-today-focus h3 { max-width: 780px; }
.rpg-task-board { grid-template-columns: 1fr 1fr; }
.rpg-design-v2 .rpg-today-section { margin: 16px 0px; border: 1px solid var(--rpg-border); background: var(--background-secondary); }
.rpg-task-board .rpg-today-section { min-width: 0px; }
.rpg-design-v2 .rpg-today-section h3 { font-size: 15px; margin: 0px 0px 10px; align-items: center; }
.rpg-design-v2 .rpg-today-section h3 small { font-weight: 400; padding: 3px 8px; border: 1px solid var(--rpg-border); border-radius: 20px; font-size: 10px; }
.rpg-design-v2 .rpg-priority-must { border-top: 2px solid rgb(214, 120, 118); }
.rpg-design-v2 .rpg-priority-nice { border-top: 2px solid var(--rpg-brand); }
.rpg-design-v2 .rpg-today-task { line-height: 1.5; gap: 10px; }
.rpg-design-v2 .rpg-today-task input[type="checkbox"] { border: 1.5px solid var(--text-muted); background: transparent; place-items: center; cursor: pointer; }
.rpg-design-v2 .rpg-today-task input[type="checkbox"]:checked { background: var(--rpg-brand); border-color: var(--rpg-brand); }
.rpg-design-v2 .rpg-today-task input[type="checkbox"]:checked::after { content: "✓"; font-size: 14px; }
.rpg-design-v2 .rpg-today-task > button { font-size: 11px; }
.rpg-design-v2 .rpg-task-menu summary { list-style: none; font-size: 20px; }
.rpg-design-v2 .rpg-task-menu > div { min-width: 180px; background: var(--background-secondary); border-radius: 12px; padding: 8px; }
.rpg-design-v2 .rpg-today-add { margin-top: 12px; padding-top: 4px; }
.rpg-design-v2 .rpg-today-add input { border: 1px dashed var(--rpg-border); font-size: 13px; }
.rpg-design-v2 .rpg-today-card { margin: 14px 0px; background: var(--background-secondary); border: 1px solid var(--rpg-border); }
.rpg-design-v2 .rpg-habits-week article { background: var(--background-primary); }
.rpg-design-v2 .rpg-habit-days input[type="checkbox"] { border-color: var(--rpg-brand); }
.rpg-design-v2 .rpg-habit-days input:checked { background: var(--rpg-brand); }
.rpg-design-v2 .rpg-habit-days input:checked::after { color: rgb(9, 24, 46); }
.rpg-design-v2 .rpg-habit-days .is-today { background: var(--rpg-soft); }
.rpg-design-v2 .rpg-habit-week-nav { gap: 6px; }
.rpg-design-v2 .rpg-habit-week-nav button { font-size: 11px; }
.rpg-design-v2 .rpg-today-finish { min-height: 46px; background: var(--rpg-soft); border-color: var(--rpg-brand); }
.rpg-design-v2 :is(.rpg-today-status, [role="status"]):empty { display: none; }
.rpg-design-v2 .rpg-calendar { background: var(--background-secondary); border: 1px solid var(--rpg-border); border-radius: 12px; }
.rpg-design-v2 .rpg-calendar button { border-color: transparent; }
.rpg-design-v2 summary { cursor: pointer; color: var(--text-muted); }
.rpg-design-v2 .rpg-buddy-message-content { margin: 0px auto; }
.rpg-message-byline { display: flex; gap: 8px; align-items: center; font-size: 11px; color: var(--text-muted); }
.rpg-message-byline strong { font-size: 12px; color: var(--rpg-brand); }
.rpg-message-byline time { font-size: 10px; }
.rpg-design-v2 .rpg-buddy-msg { border-radius: 14px; }
.rpg-design-v2 .rpg-buddy-msg-assistant { background: var(--background-secondary); border: 1px solid var(--rpg-border); }
.rpg-design-v2 .rpg-buddy-msg-user { background: var(--rpg-soft); border: 1px solid color-mix(in srgb,var(--rpg-brand) 22%,transparent); }
.rpg-design-v2 .rpg-buddy-msg-wrap-user { align-items: flex-end; }
.rpg-design-v2 .rpg-buddy-msg-wrap-user .rpg-message-byline { justify-content: flex-end; }
.rpg-design-v2 .rpg-chat-input-area { border-top: 1px solid var(--rpg-border); background: var(--background-primary); }
@media (max-width: 600px){.rpg-design-v2 { padding: 10px; gap: 8px; }}
@media (prefers-reduced-motion: reduce){.rpg-design-v2 button { transition: none; }}
.rpg-design-v2 .rpg-buddy-input-row { flex-direction: row; align-items: flex-end; gap: 8px; border: 1px solid var(--rpg-border); background: var(--background-secondary); }
.rpg-design-v2 .rpg-buddy-input { flex: 1 1 auto; width: 0px; max-height: 150px; }
.rpg-design-v2 .rpg-buddy-input-actions { flex: 0 0 auto; gap: 6px; }
.rpg-design-v2 .rpg-buddy-input-actions .rpg-buddy-action-primary { flex: 0 0 auto; width: 42px; min-height: 42px; padding: 8px; border-radius: 12px; }
.rpg-design-v2 .rpg-buddy-input-actions svg { width: 18px; height: 18px; }
.rpg-design-v2 input[type="checkbox"] { accent-color: var(--rpg-brand); }
.rpg-design-v2 :is(.rpg-today, .rpg-buddy-messages)::-webkit-scrollbar { width: 5px; }
.rpg-design-v2 :is(.rpg-today, .rpg-buddy-messages)::-webkit-scrollbar-thumb { background: var(--rpg-border); border-radius: 8px; }
.rpg-design-v2 :is(.rpg-today, .rpg-buddy-messages)::-webkit-scrollbar-track { background: transparent; }
.rpg-design-v2 .rpg-expand-toggle { min-height: 34px; color: var(--text-muted); }
.rpg-expand-toggle svg { width: 16px; height: 16px; }
.rpg-expanded-overlay { position: fixed; inset: auto; z-index: var(--layer-modal,1000); display: flex; flex-direction: column; background: var(--background-primary); padding: env(safe-area-inset-top,0px) env(safe-area-inset-right,0px) env(safe-area-inset-bottom,0px) env(safe-area-inset-left,0px); overflow: hidden; }
.rpg-expanded-overlay .rpg-buddy-chat-mount { flex: 1 1 auto; min-height: 0px; width: 100%; display: flex; flex-direction: column; }
.rpg-expanded-overlay .rpg-design-v2 { width: 100%; padding-inline: max(16px, -600px + 50vw); }
@media (max-width: 600px){.rpg-expanded-overlay .rpg-design-v2 { padding-inline: 10px; }}
.rpg-app-header { display: flex; align-items: center; gap: 12px; flex: 0 0 auto; }
.rpg-app-header .rpg-app-brand { padding: 0px; gap: 8px; }
.rpg-app-header .rpg-app-brand strong { white-space: nowrap; }
.rpg-chat-more { position: relative; }
.rpg-chat-more > summary { list-style: none; border: 1px solid var(--rpg-border); display: flex; align-items: center; }
.rpg-chat-more > summary::after { content: "⌄"; margin-left: 6px; }
.rpg-chat-more > div { position: absolute; top: calc(100% + 6px); right: 0px; z-index: 30; min-width: 180px; display: grid; gap: 4px; padding: 8px; background: var(--background-secondary); border: 1px solid var(--rpg-border); border-radius: 12px; }
.rpg-chat-more button { text-align: left; }
.rpg-design-v2[data-rpg-skin] { --rpg-soft: color-mix(in srgb,var(--rpg-brand) 10%,transparent); }
.rpg-progression { min-height: 0px; }
.rpg-progress-hero { display: flex; justify-content: space-between; }
.rpg-progress-hero small { color: var(--rpg-brand); }
.rpg-progression p { color: var(--text-muted); font-size: 13px; line-height: 1.6; }
.rpg-point-balance { flex-shrink: 0; display: grid; text-align: center; border: 1px solid var(--rpg-brand); border-radius: 18px; background: var(--rpg-soft); }
.rpg-point-balance strong { color: var(--rpg-brand); }
.rpg-point-balance span { font-size: 11px; }
.rpg-progress-root { border: 1px solid var(--rpg-brand); border-radius: 14px; background: var(--rpg-soft); }
.rpg-progress-root small { display: block; margin-top: 8px; color: var(--text-muted); }
.rpg-progress-tree { display: grid; grid-template-columns: 1fr 1fr; gap: 24px; }
.rpg-progress-branch { border-top: 2px solid var(--rpg-brand); position: relative; }
.rpg-progress-branch::before { content: ""; width: 1px; height: 24px; background: var(--rpg-brand); position: absolute; top: -24px; left: 50%; }
.rpg-progress-node { border: 1px solid var(--rpg-border); background: var(--background-secondary); display: flex; flex-wrap: wrap; align-items: center; gap: 12px; }
.rpg-progress-node p { margin: 6px 0px 0px; }
.rpg-progress-milestones { margin-top: 28px; }
.rpg-progress-milestones ol { list-style: none; margin: 0px; padding: 0px 0px 0px 14px; border-left: 1px solid var(--rpg-brand); }
.rpg-progress-milestones li { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 8px; padding: 14px; margin: 10px 0px; background: var(--background-secondary); border-radius: 12px; }
.rpg-progress-milestones span { color: var(--text-muted); font-size: 12px; }
.rpg-habits-week { --habit-days-width: minmax(280px,420px); }
.rpg-habit-table-head, .rpg-habit-row { display: grid; grid-template-columns: minmax(160px,1fr) var(--habit-days-width) 32px; align-items: center; gap: 14px; }
.rpg-habit-table-head { padding: 0px 10px 6px; color: var(--text-muted); font-size: 11px; }
.rpg-habit-table-head > div { display: grid; grid-template-columns: repeat(7, minmax(0px, 1fr)); gap: 4px; text-align: center; }
.rpg-habit-table-head small { display: block; font-size: 10px; margin-top: 3px; opacity: 0.65; }
.rpg-habit-table-head .is-today { color: var(--rpg-brand); font-weight: 650; }
.rpg-design-v2 .rpg-habit-row { padding: 10px; border-top: 1px solid var(--rpg-border); margin: 0px; }
.rpg-habit-info { min-width: 0px; }
.rpg-habit-info > strong { display: block; font-size: 13px; line-height: 1.5; overflow-wrap: anywhere; }
.rpg-habit-info > div { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin-top: 4px; font-size: 11px; color: var(--text-muted); }
.rpg-habit-progress { white-space: nowrap; background: var(--rpg-soft); border-radius: 6px; padding: 2px 6px; color: var(--rpg-brand); }
.rpg-design-v2 .rpg-habit-row .rpg-habit-days label { padding: 0px; margin: 0px; min-height: 44px; justify-content: center; gap: 0px; }
.rpg-habit-row .rpg-habit-day-name, .rpg-habit-row .rpg-habit-day-date { display: none; }
.rpg-design-v2 .rpg-habit-row .rpg-habit-days input[type="checkbox"] { width: 26px; height: 26px; border-width: 1.5px; }
.rpg-design-v2 .rpg-habit-row .rpg-habit-days input:checked::after { font-size: 15px; }
.rpg-design-v2 .rpg-habit-settings { padding: 0px; min-height: 32px; border: 0px; font-size: 20px; color: var(--text-muted); }
.rpg-habit-help { margin: 8px 0px 12px; }
.rpg-habit-help p { font-size: 12px; line-height: 1.6; color: var(--text-muted); margin: 8px 0px; }
.rpg-design-v2 .rpg-habits-week .rpg-habit-week-nav { margin-bottom: 10px; gap: 6px; }
.rpg-expanded-window-bar { flex: 0 0 36px; min-height: 36px; display: flex; justify-content: flex-end; align-items: center; padding: 0px 8px; background: var(--background-primary); border-bottom: 1px solid var(--background-modifier-border); app-region: drag; }
.rpg-expanded-window-bar .rpg-window-controls { align-items: center; height: 30px; margin: 0px; padding: 0px; app-region: no-drag; position: static !important; inset: auto !important; display: flex !important; }
.rpg-expanded-window-bar .titlebar-button { display: flex; align-items: center; justify-content: center; width: 38px; height: 28px; cursor: pointer; app-region: no-drag; }
.rpg-expanded-window-bar .titlebar-button:hover { background: var(--background-modifier-hover); }
.rpg-expanded-window-bar .titlebar-button.mod-close:hover { background: rgb(199, 70, 70); color: white; }
.rpg-expanded-window-bar .titlebar-button svg { width: 14px; height: 14px; }
.rpg-design-v2 .rpg-habit-row .rpg-habit-days input[type="checkbox"] { position: relative; }
.rpg-design-v2 .rpg-habit-row .rpg-habit-days input[type="checkbox"]:checked::after { content: ""; position: absolute; inset: 50% auto auto 50%; width: 6px; height: 11px; margin: 0px; padding: 0px; border-width: 0px 2px 2px 0px; border-style: none solid solid none; border-color: currentcolor rgb(9, 24, 46) rgb(9, 24, 46) currentcolor; border-image: none; border-radius: 0px; background: none; box-shadow: none; mask: none; transform: translate(-50%, -60%) rotate(45deg); }
.rpg-design-v2 .rpg-buddy-message-content { display: flex; flex-direction: column; }
.rpg-design-v2 .rpg-buddy-message-row { gap: 4px; width: 100%; }
.rpg-design-v2 .rpg-message-byline { margin: 0px; }
.rpg-design-v2 .rpg-buddy-message-actions { gap: 3px; }
.rpg-routine { margin-bottom: 16px; }
.rpg-free-windows > span { display: inline-block; border: 1px solid var(--background-modifier-border); border-radius: 12px; padding: 5px 10px; margin: 4px; }
.rpg-routine-hours { display: flex; gap: 10px; align-items: center; }
.rpg-routine-hours > * { flex: 1 1 0%; min-width: 0px; }
.rpg-routine-hours label { display: grid; gap: 5px; }
.rpg-design-v2 { --rpg-soft: color-mix(in srgb,var(--rpg-brand) 8%,transparent); --rpg-border: color-mix(in srgb,var(--text-normal) 9%,var(--background-primary)); }
.rpg-design-v2 button.mod-cta { color: var(--text-on-accent); }
.rpg-design-v2 .rpg-today-task input[type="checkbox"]:checked::after { color: var(--text-on-accent); }
.rpg-design-v2 .rpg-habit-row .rpg-habit-days input[type="checkbox"]:checked::after { border-color: var(--text-on-accent); }
.rpg-design-v2 button { background: var(--background-primary); }
.rpg-design-v2 :is(h2, h3, h4) { letter-spacing: -0.02em; }
.rpg-design-v2 .rpg-main-tabs button[aria-pressed="true"] { background: var(--background-primary); border-color: var(--rpg-border); }
.rpg-design-v2 .rpg-today-focus { background: var(--background-secondary); border-color: var(--rpg-border); }
.rpg-design-v2 .rpg-priority-must, .rpg-design-v2 .rpg-priority-nice { border-top: 1px solid var(--rpg-border); }
.rpg-design-v2 .rpg-today-add input { border-style: solid; background: transparent; }
.rpg-schedule-heading { display: flex; justify-content: space-between; align-items: center; gap: 12px; margin-bottom: 16px; }
.rpg-schedule-heading h3 { margin: 0px 0px 3px; }
.rpg-schedule-heading small { font-size: 11px; }
.rpg-day-timeline { list-style: none; margin: 0px; padding: 0px; }
.rpg-day-timeline li { display: grid; grid-template-columns: 54px minmax(0px, 1fr); gap: 16px; margin: 0px; padding: 0px 0px 8px; }
.rpg-timeline-time { display: flex; flex-direction: column; padding-top: 9px; font-variant-numeric: tabular-nums; }
.rpg-timeline-time strong { font-size: 13px; font-weight: 550; }
.rpg-timeline-time small { font-size: 11px; }
.rpg-timeline-event { position: relative; padding: 10px 14px; border-left: 3px solid var(--rpg-border); background: var(--background-primary); border-radius: 0px 10px 10px 0px; }
.rpg-timeline-event span { display: block; font-size: 13px; font-weight: 500; overflow-wrap: anywhere; }
.rpg-timeline-event small { font-size: 10px; }
.rpg-free-windows { margin: 8px 0px; }
.rpg-calendar-exchange { padding-top: 12px; margin-top: 12px; border-top: 1px solid var(--rpg-border); }
.rpg-calendar-exchange p { font-size: 12px; line-height: 1.6; }
.rpg-calendar-exchange > .rpg-routine-hours { margin: 12px 0px; }
.rpg-calendar-file { margin: 12px 0px; font-size: 12px; }
.rpg-calendar-help { margin-top: 12px; }
.rpg-progression { align-self: center; }
.rpg-design-v2 :is(input, select, textarea) { min-width: 0px; }
.rpg-design-v2 * { scrollbar-width: thin; scrollbar-color: var(--rpg-border) transparent; }
.rpg-design-v2 ::-webkit-scrollbar { width: 6px; height: 6px; }
.rpg-design-v2 ::-webkit-scrollbar-thumb { background: var(--rpg-border); border-radius: 10px; }
.rpg-design-v2 ::-webkit-scrollbar-track { background: transparent; }
.rpg-subtasks:empty { display: none; }
.rpg-subtasks { margin: 0px 0px 10px 32px; min-width: 0px; }
.rpg-design-v2 .rpg-buddy-input-row { flex-wrap: wrap; }
.rpg-design-v2.rpg-quest-design { --rpg-quest-bg: light-dark(#f3f1f9, #1f1e28); --rpg-quest-paper: light-dark(#ffffff, #2a2935); --rpg-quest-ink: light-dark(#302943, #f4effb); --rpg-quest-muted: light-dark(#645b74, #bcb2ce); --rpg-brand: light-dark(#6544ac, #d0baff); --rpg-soft: light-dark(#e5dcf6, #39304d); --rpg-brand-soft: var(--rpg-soft); --rpg-border: light-dark(#e3deed, #443d51); --background-primary: var(--rpg-quest-bg); --background-secondary: var(--rpg-quest-paper); --background-modifier-border: var(--rpg-border); --text-normal: var(--rpg-quest-ink); --text-muted: var(--rpg-quest-muted); --text-faint: var(--rpg-quest-muted); --text-accent: var(--rpg-brand); --text-on-accent: light-dark(#ffffff, #2b1e45); background: var(--rpg-quest-bg); color: var(--rpg-quest-ink); padding: 0px; gap: 0px; border-radius: 20px; overflow: hidden; font: 14px/1.55 var(--font-interface, system-ui, sans-serif); container-type: inline-size; --rpg-content-width: 1024px; }
.theme-dark .rpg-quest-design { color-scheme: dark; }
.rpg-quest-design > * { order: 2; }
.rpg-quest-design .rpg-quest-header { order: 0; flex: 0 0 auto; padding: 16px 28px; width: 100%; max-width: var(--rpg-content-width); align-self: center; justify-content: space-between; flex-direction: row; gap: 20px; }
.rpg-quest-design .rpg-app-brand { min-width: 0px; }
.rpg-quest-design .rpg-app-brand strong { font-size: 16px; letter-spacing: 0px; font-weight: 500; }
.rpg-quest-design .rpg-app-brand small { display: block; font-size: 11px; }
.rpg-quest-design .rpg-brand-mark { display: grid; place-items: center; font-size: 24px; height: 35px; flex: 0 0 35px; border: 0px; border-radius: 12px; background: var(--rpg-brand); color: var(--text-on-accent); font-weight: 500; }
.rpg-quest-icon { display: inline-flex; align-items: center; justify-content: center; flex-shrink: 0; vertical-align: middle; }
.rpg-quest-icon svg { width: 17px; height: 17px; }
.rpg-quest-wallet { display: flex; align-items: center; gap: 12px; min-width: 0px; }
.rpg-quest-level { color: var(--rpg-brand); font-size: 12px; white-space: nowrap; }
.rpg-quest-design .rpg-quest-wallet button { padding: 9px 11px; background: var(--rpg-quest-paper); border: 0px; font-size: 12px; }
.rpg-quest-design .rpg-quest-wallet .rpg-expand-toggle { width: 34px; min-width: 34px; padding: 8px; background: transparent; }
.rpg-quest-design .rpg-quest-wallet .rpg-expand-toggle .rpg-quest-icon { display: inline-flex; }
.rpg-design-v2.rpg-quest-design .rpg-quest-navigation { order: 20; display: flex; justify-content: center; flex: 0 0 auto; gap: 18px; background: var(--rpg-quest-bg); border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--rpg-border); border-radius: 0px; padding: 13px 20px max(13px,env(safe-area-inset-bottom)); margin: 0px; }
.rpg-design-v2.rpg-quest-design .rpg-quest-navigation button { display: flex; flex: 0 1 auto; gap: 8px; min-width: 0px; padding: 10px 14px; background: transparent; border: 0px; }
.rpg-quest-design .rpg-quest-navigation strong { font-size: 12px; font-weight: 500; }
.rpg-design-v2.rpg-quest-design .rpg-quest-navigation button[aria-pressed="true"] { background: var(--rpg-soft); color: var(--rpg-brand); }
.rpg-design-v2.rpg-quest-design button { border-radius: 11px; font-weight: 500; background: var(--rpg-quest-paper); display: inline-flex; align-items: center; justify-content: center; gap: 7px; max-width: 100%; white-space: normal; }
.rpg-design-v2.rpg-quest-design button.mod-cta { background: var(--rpg-brand); color: var(--text-on-accent); border-color: transparent; }
.rpg-design-v2.rpg-quest-design button.mod-cta:hover:not(:disabled) { background: color-mix(in srgb,var(--rpg-brand) 92%,var(--rpg-quest-ink)); }
.rpg-design-v2.rpg-quest-design :is(h2, h3, h4) { font-weight: 500; letter-spacing: -0.025em; }
.rpg-design-v2.rpg-quest-design progress { accent-color: var(--rpg-brand); }
.rpg-design-v2.rpg-quest-design h2 { font-size: 32px; line-height: 1.2; }
.rpg-design-v2.rpg-quest-design :is(.rpg-today, .rpg-progression) { flex: 1 1 auto; min-height: 0px; overflow: auto; width: 100%; max-width: var(--rpg-content-width); align-self: center; padding: 14px 28px 30px; scrollbar-gutter: stable; }
.rpg-quest-design .rpg-screen-heading, .rpg-quest-design .rpg-today-heading { margin: 0px 0px 26px; }
.rpg-quest-design .rpg-screen-heading small, .rpg-design-v2.rpg-quest-design .rpg-today-heading small { color: var(--text-muted); font-size: 11px; letter-spacing: 1px; font-weight: 500; text-transform: uppercase; }
.rpg-quest-design .rpg-screen-heading h2, .rpg-quest-design .rpg-today-heading h2 { margin: 10px 0px; }
.rpg-quest-design .rpg-screen-heading p, .rpg-quest-design .rpg-today-heading p { margin: 0px; color: var(--text-muted); font-size: 13px; }
.rpg-design-v2.rpg-quest-design :is(.rpg-today-card, .rpg-today-section, .rpg-day-planner, .rpg-memory-fact) { background: var(--rpg-quest-paper); border: 0px; border-radius: 22px; padding: 22px; }
.rpg-quest-design .rpg-quest-day-grid { display: grid; grid-template-columns: minmax(0px, 0.95fr) minmax(0px, 1.3fr); gap: 24px; align-items: start; }
.rpg-quest-design .rpg-task-board { display: flex; flex-direction: column; align-items: stretch; gap: 12px; min-width: 0px; padding: 22px; background: var(--rpg-quest-paper); border-radius: 22px; }
.rpg-design-v2.rpg-quest-design .rpg-task-board > .rpg-today-section { background: transparent; padding: 0px; margin: 0px; border-radius: 0px; }
.rpg-quest-design .rpg-task-board .rpg-habits-week { border-top: 1px solid var(--rpg-border); }
.rpg-quest-design .rpg-task-board .rpg-quest-habit-pills { margin: 12px 0px 6px; gap: 7px; }
.rpg-design-v2.rpg-quest-design .rpg-quest-mission { display: flex; flex-direction: column; margin: 0px; padding: 24px; background: var(--rpg-soft); border: 0px; border-radius: 24px; min-width: 0px; }
.rpg-quest-mission-top { display: flex; justify-content: space-between; align-items: center; gap: 12px; }
.rpg-quest-mission-top small { font-size: 11px; letter-spacing: 1.2px; }
.rpg-quest-symbol { display: grid; place-items: center; width: 40px; height: 40px; border-radius: 14px; background: var(--rpg-quest-paper); color: var(--rpg-brand); flex-shrink: 0; }
.rpg-quest-symbol .rpg-quest-icon svg { width: 23px; height: 23px; }
.rpg-design-v2.rpg-quest-design .rpg-quest-mission h3 { font-size: 30px; line-height: 1.2; margin: 18px 0px 10px; }
.rpg-quest-mission p { font-size: 14px; margin: 0px 0px 16px; }
.rpg-quest-design .rpg-quest-mission .rpg-today-tags { margin: 0px 0px 12px; }
.rpg-quest-design .rpg-quest-mission .rpg-today-tags:empty { display: none; }
.rpg-quest-design .rpg-quest-mission .rpg-today-actions { margin: 0px; flex-direction: column; gap: 4px; padding-top: 8px; }
.rpg-quest-design .rpg-quest-mission .rpg-today-actions button { width: 100%; min-height: 44px; }
.rpg-design-v2.rpg-quest-design .rpg-quest-text-button { background: transparent; border: 0px; color: var(--rpg-brand); }
.rpg-quest-design summary { min-height: 38px; padding: 7px 0px; font-size: 13px; font-weight: 500; }
.rpg-quest-design summary small { font-size: 11px; }
.rpg-design-v2.rpg-quest-design .rpg-today-section h3 { font-size: 15px; }
.rpg-design-v2.rpg-quest-design .rpg-today-task { border-color: var(--rpg-border); padding: 15px 0px; font-size: 13px; }
.rpg-design-v2.rpg-quest-design .rpg-today-task input[type="checkbox"] { appearance: auto; width: 18px; height: 18px; display: block; margin: 0px; }
.rpg-design-v2.rpg-quest-design .rpg-today-task input[type="checkbox"]:checked::after { content: none; }
.rpg-quest-design .rpg-quest-schedule { margin: 20px 0px; }
.rpg-quest-design .rpg-quest-schedule > summary { color: var(--rpg-brand); }
.rpg-quest-habit-pills { display: flex; flex-wrap: wrap; }
.rpg-quest-habit-pills label { display: flex; align-items: center; gap: 8px; padding: 10px 12px; background: var(--rpg-quest-bg); border-radius: 11px; font-size: 13px; }
.rpg-quest-habit-pills input { width: 18px; height: 18px; margin: 0px; }
.rpg-quest-day-progress { margin-top: 22px; }
.rpg-quest-design .rpg-today-finish { width: auto; margin: 24px 0px 10px auto; padding: 12px 18px; background: var(--rpg-quest-paper); border-color: var(--rpg-border); }
.rpg-quest-design.rpg-tab-chat .rpg-quest-header { padding-top: 10px; padding-bottom: 10px; }
.rpg-quest-design .rpg-buddy-messages { padding: 12px 28px; width: 100%; max-width: var(--rpg-content-width); align-self: center; background: transparent; border: 0px; border-radius: 0px; }
.rpg-quest-design .rpg-buddy-message-content { max-width: none; gap: 0px; }
.rpg-quest-design .rpg-buddy-message-row { flex: 0 0 auto; margin: 8px 0px 20px; gap: 4px; }
.rpg-quest-design .rpg-buddy-msg-wrap-user { width: fit-content; background: var(--rpg-soft); border: 0px; border-radius: 18px 18px 4px; padding: 12px 16px; margin-left: auto; max-width: 80%; }
.rpg-quest-design .rpg-buddy-msg-wrap-assistant { background: transparent; border: 0px; padding: 8px 0px; }
.rpg-design-v2.rpg-quest-design .rpg-buddy-msg { padding: 0px; background: transparent; border: 0px; line-height: 1.6; }
.rpg-quest-design .rpg-buddy-message-actions { position: absolute; right: 0px; min-height: 20px; margin: 0px; }
.rpg-quest-design .rpg-message-byline { color: var(--text-muted); font-size: 11px; }
.rpg-quest-design .rpg-message-byline strong { color: var(--rpg-brand); font-weight: 500; }
.rpg-quest-design .rpg-chat-input-area { padding: 8px 28px 12px; margin: 0px; width: 100%; max-width: var(--rpg-content-width); align-self: center; background: transparent; border: 0px; }
.rpg-quest-design .rpg-buddy-input-row { padding: 8px 12px; background: var(--rpg-quest-paper); border: 1px solid var(--rpg-border); border-radius: 18px; }
.rpg-design-v2.rpg-quest-design .rpg-buddy-input-actions { flex-direction: row-reverse; align-items: center; gap: 6px; }
.rpg-design-v2.rpg-quest-design .rpg-buddy-input { padding: 4px; border: 0px; background: transparent; min-height: 38px; }
.rpg-quest-design .rpg-progress-hero { background: var(--rpg-soft); border-radius: 25px; padding: 28px; display: flex; align-items: center; gap: 22px; }
.rpg-quest-level-mark { display: grid; justify-items: center; gap: 4px; background: var(--rpg-quest-paper); color: var(--rpg-brand); border-radius: 24px; padding: 17px; width: 82px; flex: 0 0 82px; font-size: 40px; line-height: 1.1; }
.rpg-quest-level-mark small { font-size: 10px; white-space: nowrap; letter-spacing: 0.4px; }
.rpg-quest-xp { flex: 1 1 0%; min-width: 0px; }
.rpg-quest-design .rpg-point-balance { border: 0px; background: transparent; padding: 0px; font-size: 11px; color: var(--rpg-brand); }
.rpg-quest-design .rpg-point-balance strong { font-size: 34px; font-weight: 500; }
.rpg-quest-design .rpg-progress-root { background: transparent; border: 0px; text-align: left; max-width: none; padding: 0px; margin: 18px 0px; }
.rpg-quest-design .rpg-progress-tree { gap: 24px; padding: 0px; }
.rpg-quest-design .rpg-progress-branch { background: var(--rpg-quest-paper); border: 0px; border-radius: 22px; padding: 24px; }
.rpg-quest-design .rpg-progress-branch::before { display: none; }
.rpg-quest-design .rpg-progress-node { border-top: 0px; border-right: 0px; border-left: 0px; border-image: none; border-bottom: 1px solid var(--rpg-border); border-radius: 0px; background: transparent; padding: 18px 0px; margin: 0px; gap: 12px; }
.rpg-quest-design .rpg-progress-node > div { flex: 1 1 140px; }
.rpg-quest-design .rpg-progress-node p { font-size: 12px; }
.rpg-quest-design .rpg-progress-node button { font-size: 12px; }
.rpg-quest-node-icon { display: grid; place-items: center; background: var(--rpg-soft); color: var(--rpg-brand); width: 34px; height: 40px; border-radius: 11px; }
.rpg-quest-design .rpg-today-overview { display: grid; grid-template-columns: minmax(0px, 1fr) auto; gap: 16px; margin-bottom: 22px; }
.rpg-quest-design .rpg-today-overview .rpg-today-heading { grid-area: 1 / 1; margin: 0px; }
.rpg-design-v2.rpg-quest-design .rpg-calendar { display: contents; padding: 0px; margin: 0px; border: 0px; background: transparent; }
.rpg-quest-design .rpg-calendar > .rpg-calendar-bar { grid-area: 1 / 2; align-self: center; justify-content: flex-end; margin: 0px; }
.rpg-quest-week { grid-column: 1 / -1; display: grid; grid-template-columns: repeat(7, minmax(0px, 1fr)); gap: 8px; width: 100%; max-width: 550px; margin: 0px; }
.rpg-design-v2.rpg-quest-design .rpg-quest-week button { flex-direction: column; gap: 4px; padding: 9px 5px; background: transparent; border: 0px; border-radius: 13px; }
.rpg-quest-week button small { font-size: 11px; }
.rpg-quest-week button span { font-size: 18px; }
.rpg-design-v2.rpg-quest-design .rpg-quest-week button[aria-pressed="true"] { background: var(--rpg-soft); color: var(--rpg-brand); }
.rpg-design-v2.rpg-quest-design .rpg-room-shortcut { padding: 3px 8px 3px 3px; gap: 8px; min-height: 40px; background: transparent; border: 0px; }
@keyframes rpg-bro-cheer { 
  50% { transform: translateY(-5px) rotate(5deg); }
}
@keyframes rpg-bro-focus { 
  50% { transform: rotate(-3deg); }
}
@media (pointer: coarse){.rpg-design-v2.rpg-quest-design :is(button, summary), .rpg-quest-habit-pills label { min-height: 44px; }}
body.is-mobile.rpg-kb-open .rpg-quest-design.rpg-tab-chat :is(.rpg-quest-header, .rpg-quest-navigation, .rpg-quest-chat-heading, .rpg-bro-welcome) { display: none; }
.rpg-design-v2.rpg-quest-design .rpg-quest-wallet > button:not(.rpg-expand-toggle):not(.rpg-room-shortcut) { min-height: 40px; }
.rpg-design-v2.rpg-quest-design .rpg-room-shortcut:hover { background: var(--rpg-soft); }
.rpg-quest-design .rpg-buddy-message-content { width: 100%; }
.rpg-design-v2.rpg-quest-design .rpg-chat-more > summary { padding: 9px 12px; border: 0px; border-radius: 11px; background: var(--rpg-quest-paper); font-size: 12px; white-space: nowrap; }
.rpg-design-v2.rpg-quest-design .rpg-buddy-message-action-btn { width: 28px; min-height: 28px; padding: 4px; border: 0px; border-radius: 8px; background: transparent; color: var(--text-muted); opacity: 1; }
.rpg-design-v2.rpg-quest-design .rpg-buddy-message-action-btn:hover { background: var(--rpg-soft); color: var(--rpg-brand); }
.rpg-quest-design .rpg-buddy-message-actions { bottom: -30px; }
.rpg-quest-design .rpg-buddy-message-row { margin-bottom: 28px; }
.rpg-design-v2.rpg-quest-design .rpg-buddy-input { resize: none; overflow-y: auto; }
.rpg-design-v2.rpg-quest-design .rpg-today-task > button { min-height: 34px; padding: 6px 10px; border: 0px; background: var(--rpg-soft); color: var(--rpg-brand); }
.rpg-design-v2.rpg-quest-design .rpg-task-menu > summary { display: grid; place-items: center; min-width: 34px; min-height: 34px; padding: 0px; border-radius: 10px; }
.rpg-design-v2.rpg-quest-design .rpg-task-menu > summary:hover { background: var(--rpg-soft); }
.rpg-design-v2.rpg-quest-design .rpg-today > details:not([open]) { padding-top: 6px; padding-bottom: 6px; }
.rpg-design-v2.rpg-quest-design .rpg-quest-day-progress { background: var(--rpg-quest-paper); border-radius: 22px; padding: 6px 22px; }
@media (pointer: coarse){.rpg-design-v2.rpg-quest-design .rpg-buddy-message-action-btn { width: 34px; min-height: 34px; }
.rpg-quest-design .rpg-buddy-message-actions { bottom: -38px; }
.rpg-quest-design .rpg-buddy-message-row { margin-bottom: 36px; }
.rpg-design-v2.rpg-quest-design .rpg-task-menu > summary, .rpg-design-v2.rpg-quest-design .rpg-today-task > button { min-width: 44px; }}
.rpg-quest-design .rpg-plan-switch { flex: 0 0 auto; display: flex; gap: 4px; width: calc(100% - 56px); max-width: calc(var(--rpg-content-width) - 56px); align-self: center; margin: 4px 28px 10px; padding: 4px; background: var(--rpg-quest-paper); border-radius: 13px; }
.rpg-design-v2.rpg-quest-design .rpg-plan-switch button { flex: 1 1 0px; min-height: 36px; padding: 6px 10px; background: transparent; border: 0px; color: var(--text-muted); }
.rpg-design-v2.rpg-quest-design .rpg-plan-switch button[aria-selected="true"] { background: var(--rpg-soft); color: var(--rpg-brand); }
.rpg-quest-design .rpg-plan-nav { display: flex; align-items: center; gap: 8px; margin: 0px 0px 16px; }
.rpg-quest-design .rpg-plan-nav strong { flex: 1 1 0%; text-align: center; font-weight: 500; font-size: 15px; }
.rpg-design-v2.rpg-quest-design .rpg-plan-nav button { min-width: 38px; padding: 7px 10px; font-size: 12px; }
.rpg-quest-design .rpg-week-days { list-style: none; margin: 0px 0px 16px; padding: 0px; display: grid; gap: 8px; }
.rpg-quest-design .rpg-week-day { display: grid; grid-template-columns: 72px minmax(0px, 1fr); gap: 12px; padding: 12px 14px; background: var(--rpg-quest-paper); border-radius: 16px; }
.rpg-quest-design .rpg-week-day.is-today { box-shadow: inset 0 0 0 1.5px color-mix(in srgb,var(--rpg-brand) 55%,transparent); }
.rpg-quest-design .rpg-week-day.is-past { opacity: 0.7; }
.rpg-design-v2.rpg-quest-design .rpg-week-day-head { flex-direction: column; align-items: flex-start; justify-content: flex-start; gap: 2px; padding: 4px 6px; background: transparent; border: 0px; text-align: left; }
.rpg-quest-design .rpg-week-day-head span { font-size: 18px; }
.rpg-quest-design .rpg-week-day-head span strong { font-size: 12px; font-weight: 500; color: var(--text-muted); text-transform: uppercase; letter-spacing: 0.5px; margin-right: 2px; }
.rpg-quest-design .rpg-week-day.is-today .rpg-week-day-head small:first-of-type { color: var(--rpg-brand); }
.rpg-quest-design .rpg-week-day-head small { font-size: 11px; }
.rpg-quest-design .rpg-week-day-body { min-width: 0px; display: grid; gap: 4px; align-content: start; }
.rpg-quest-design .rpg-week-day-body p { margin: 0px; font-size: 13px; }
.rpg-quest-design .rpg-week-block time { font-variant-numeric: tabular-nums; color: var(--text-muted); margin-right: 4px; }
.rpg-quest-design .rpg-week-block.is-busy { color: var(--text-muted); }
.rpg-quest-design .rpg-week-task.is-done { color: var(--text-muted); text-decoration: line-through; }
.rpg-quest-design .rpg-week-add { display: flex; gap: 6px; margin-top: 2px; }
.rpg-design-v2.rpg-quest-design .rpg-week-add input { flex: 1 1 0%; min-height: 32px; padding: 4px 8px; border: 1px dashed var(--rpg-border); background: transparent; font-size: 13px; }
.rpg-design-v2.rpg-quest-design .rpg-week-add input:focus { border-style: solid; }
.rpg-quest-design .rpg-plan-actions { margin: 0px 0px 16px; }
.rpg-quest-design .rpg-plan-routine { margin: 0px 0px 16px; }
.rpg-quest-design .rpg-bro-changes { display: flex; align-items: center; flex-wrap: wrap; gap: 6px 12px; margin: 8px 0px 0px; padding: 8px 12px; border-radius: 12px; background: var(--rpg-soft); font-size: 12px; }
.rpg-quest-design .rpg-bro-changes span { flex: 1 1 0%; min-width: 0px; }
.rpg-quest-design .rpg-bro-changes strong { color: var(--rpg-brand); font-weight: 500; }
.rpg-quest-design :is(.rpg-leftovers, .rpg-evening-card) { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 16px; margin: 0px 0px 18px; }
.rpg-quest-design :is(.rpg-leftovers, .rpg-evening-card) > div:first-child { flex: 1 1 240px; min-width: 0px; }
.rpg-quest-design :is(.rpg-leftovers, .rpg-evening-card) h3 { margin: 0px 0px 4px; font-size: 15px; }
.rpg-quest-design :is(.rpg-leftovers, .rpg-evening-card) p { margin: 0px; }
.rpg-quest-design .rpg-inbox-suggest { display: grid; gap: 12px; margin: 0px 0px 18px; }
.rpg-quest-design .rpg-inbox-suggest h3 { margin: 0px 0px 4px; font-size: 15px; }
.rpg-quest-design .rpg-inbox-suggest p { margin: 0px; }
.rpg-inbox-plan { display: grid; gap: 4px; }
.rpg-inbox-plan .rpg-today-task { cursor: pointer; }
.rpg-inbox-plan .rpg-today-task > span { flex: 1 1 0%; min-width: 0px; overflow-wrap: anywhere; }
.rpg-inbox-plan select { width: auto; max-width: 45%; min-height: 32px; font-size: 12px; }
.rpg-inbox > p.rpg-today-muted { margin: 4px 0px 8px; }
.rpg-inbox-item > span { flex: 1 1 0%; min-width: 0px; overflow-wrap: anywhere; }
.rpg-inbox-item > button { flex: 0 0 auto; }
.rpg-chat-topics { flex: 0 0 auto; width: calc(100% - 56px); max-width: calc(var(--rpg-content-width) - 56px); align-self: center; margin: 4px 28px 8px; }
.rpg-chat-topics-row { display: flex; gap: 6px; overflow-x: auto; padding: 2px 0px 4px; scrollbar-width: none; }
.rpg-chat-topics-row::-webkit-scrollbar { display: none; }
.rpg-design-v2 .rpg-chat-topics-row button { flex: 0 0 auto; min-height: 34px; padding: 6px 12px; border: 0px; border-radius: 999px; background: var(--rpg-quest-paper, var(--background-secondary)); color: var(--text-muted); font-size: 13px; white-space: nowrap; box-shadow: none; cursor: pointer; }
.rpg-design-v2 .rpg-chat-topics-row button[aria-selected="true"] { background: var(--rpg-soft); color: var(--rpg-brand); font-weight: 600; }
.rpg-design-v2 .rpg-chat-topics-row .rpg-chat-topics-add { color: var(--rpg-brand); background: transparent; border: 1px dashed var(--rpg-border, var(--background-modifier-border)); }
.rpg-design-v2 .rpg-chat-topics-row .rpg-chat-topics-edit { min-width: 34px; padding: 6px 10px; background: transparent; }
.rpg-chat-topics-row button:disabled { opacity: 0.55; cursor: default; }
@media (max-width: 600px){.rpg-chat-topics, .rpg-note-summary { width: calc(100% - 24px); margin-left: 12px; margin-right: 12px; }}
.rpg-quick-actions { display: flex; gap: 6px; overflow-x: auto; padding: 0px 0px 8px; scrollbar-width: none; }
.rpg-quick-actions::-webkit-scrollbar { display: none; }
.rpg-design-v2 .rpg-quick-actions button { flex: 0 0 auto; min-height: 32px; padding: 6px 12px; border: 0px; border-radius: 999px; background: var(--rpg-soft); color: var(--rpg-brand); font-size: 13px; white-space: nowrap; box-shadow: none; cursor: pointer; }
.rpg-quick-actions button:disabled { opacity: 0.55; cursor: default; }
.rpg-thoughts { position: relative; width: 100%; margin: 2px 0px 8px; font-size: 12.5px; }
@keyframes rpg-rim { 
  0% { background-position: 100% 0px; }
  100% { background-position: -150% 0px; }
}
.rpg-design-v2 .rpg-thoughts .rpg-thoughts-summary, .rpg-thoughts .rpg-thoughts-summary { display: inline-flex; align-items: center; gap: 8px; flex-wrap: wrap; max-width: 100%; width: auto; height: auto; min-height: 0px; margin: 0px; padding: 5px 12px 5px 8px; border: 0px; border-radius: 999px; box-shadow: none; background: var(--rpg-soft, var(--background-secondary)); color: var(--text-muted); font-style: inherit; font-variant: inherit; font-stretch: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 12.5px; font-weight: 500; line-height: 1.3; text-align: left; cursor: pointer; transition: background 0.15s, color 0.15s; }
.rpg-design-v2 .rpg-thoughts .rpg-thoughts-summary:hover { color: var(--text-normal); background: var(--rpg-soft, var(--background-modifier-hover)); filter: brightness(0.98); }
.rpg-thoughts-orb { display: grid; place-items: center; width: 18px; height: 18px; border-radius: 50%; font-size: 10px; color: rgb(255, 255, 255); background: radial-gradient(circle at 35% 30%, #f0a6ff, var(--rpg-brand, var(--interactive-accent)) 70%); flex: 0 0 auto; opacity: 0.85; }
@keyframes rpg-orb { 
  0%, 100% { transform: scale(0.88); box-shadow: 0 0 0 0 color-mix(in srgb, var(--rpg-brand, #7c5cff) 45%, transparent); }
  50% { transform: scale(1.05); box-shadow: 0 0 0 6px color-mix(in srgb, var(--rpg-brand, #7c5cff) 0%, transparent); }
}
.rpg-thoughts-title { color: inherit; }
@keyframes rpg-shimmer { 
  0% { background-position: 120% 0px; }
  100% { background-position: -120% 0px; }
}
.rpg-thoughts-time { font-variant-numeric: tabular-nums; color: var(--text-faint); font-size: 11.5px; }
.rpg-thoughts-chip { padding: 1px 8px; border-radius: 999px; background: var(--background-primary); color: var(--text-muted); font-size: 11.5px; white-space: nowrap; }
.rpg-thoughts-chevron { font-size: 16px; line-height: 1; color: var(--text-faint); transition: transform 0.18s; }
@keyframes rpg-thought-in { 
  0% { opacity: 0; transform: translateX(-4px); }
  100% { opacity: 1; transform: none; }
}
@keyframes rpg-spin { 
  100% { transform: rotate(360deg); }
}
@media (prefers-reduced-motion: reduce){.rpg-thoughts.is-active::before, .rpg-thoughts-orb, .rpg-thoughts.is-active .rpg-thoughts-title, .rpg-thought, .rpg-thought.is-running .rpg-thought-dot { animation: auto ease 0s 1 normal none running none; }}
.rpg-chibi { display: block; overflow: visible; }
.rpg-chibi * { transform-box: fill-box; transform-origin: center center; }
.rpg-chibi.is-animated.is-idle .rpg-chibi-hero { animation: 1.1s steps(2) 0s infinite normal none running rpg-chibi-bob; }
@keyframes rpg-chibi-bob { 
  50% { transform: translateY(-6px); }
}
.rpg-chibi.is-animated .rpg-chibi-blink { animation: 4s steps(1) 0s infinite normal none running rpg-chibi-blink; }
.rpg-chibi:not(.is-animated) .rpg-chibi-blink { opacity: 0; }
@keyframes rpg-chibi-blink { 
  0%, 93% { opacity: 0; }
  94%, 100% { opacity: 1; }
}
.rpg-chibi.is-animated.is-idle .rpg-chibi-ears { animation: 3.4s steps(1) 0s infinite normal none running rpg-chibi-ears; }
@keyframes rpg-chibi-ears { 
  0%, 88% { transform: none; }
  90%, 96% { transform: translateY(-5px); }
}
@keyframes rpg-chibi-jump { 
  0%, 100% { transform: translateY(0px); }
  50% { transform: translateY(-36px); }
}
@keyframes rpg-chibi-coin { 
  0% { transform: translateY(0px); opacity: 1; }
  100% { transform: translateY(-70px); opacity: 0; }
}
@keyframes rpg-chibi-type { 
  50% { transform: translateY(-10px); }
}
@keyframes rpg-chibi-dots { 
  0%, 100% { opacity: 0.25; }
  50% { opacity: 1; }
}
.rpg-chibi.is-animated.is-sleep .rpg-chibi-hero { animation: 2.6s steps(2) 0s infinite normal none running rpg-chibi-bob; }
.rpg-chibi.is-animated .rpg-chibi-zz { animation: 2.4s steps(4) 0s infinite normal none running rpg-chibi-zz; }
@keyframes rpg-chibi-zz { 
  0% { transform: translate(0px, 0px); opacity: 1; }
  100% { transform: translate(30px, -60px); opacity: 0; }
}
.rpg-room-shortcut .rpg-chibi-mini { width: 30px; height: 32px; }
.rpg-design-v2 .rpg-quest-wallet .rpg-room-shortcut { display: inline-flex; align-items: center; gap: 6px; padding: 2px 10px 2px 4px; }
@keyframes rpg-room-glow { 
  50% { opacity: 0.28; }
}
@keyframes rpg-room-sway { 
  50% { transform: translateX(2px); }
}
@media (prefers-reduced-motion: reduce){.rpg-chibi *, .rpg-pixel-room * { animation: auto ease 0s 1 normal none running none !important; }}
@keyframes rpg-act-lift { 
  100% { transform: translateY(-64px); }
}
@keyframes rpg-act-jiggle { 
  50% { transform: translateX(4px); }
}
@keyframes rpg-act-page { 
  0%, 70% { opacity: 0; }
  71%, 100% { opacity: 1; transform: translateX(-36px); }
}
@keyframes rpg-act-sip { 
  0%, 60% { transform: none; }
  61%, 90% { transform: translate(-44px, -40px) rotate(-35deg); }
}
@keyframes rpg-act-float { 
  100% { transform: translateY(-18px); }
}
@keyframes rpg-act-sway { 
  0% { transform: rotate(-7deg); }
  50% { transform: rotate(7deg) translateY(-6px); }
  100% { transform: rotate(-7deg); }
}
@keyframes rpg-act-flip { 
  0%, 100% { transform: translateY(0px) scaleX(1); }
  50% { transform: translateY(-40px) scaleX(0.2); }
}
.rpg-triage > summary { display: flex; align-items: center; gap: 10px; flex-wrap: wrap; cursor: pointer; list-style: none; }
.rpg-triage > summary::-webkit-details-marker { display: none; }
.rpg-triage-title { font-weight: 600; color: var(--text-normal); }
.rpg-triage > summary small { color: var(--text-muted); }
.rpg-triage-open { margin-left: auto; padding: 6px 14px; border-radius: 999px; background: var(--rpg-brand, var(--interactive-accent)); color: rgb(255, 255, 255); font-size: 13px; font-weight: 600; }
.rpg-triage > section { margin-top: 14px; padding-top: 14px; border-top: 1px solid var(--rpg-border, var(--background-modifier-border)); }
.rpg-triage .rpg-leftovers h3, .rpg-triage .rpg-inbox-suggest h3 { font-size: 14px; margin: 0px 0px 4px; }
.rpg-inbox-plan > label.rpg-today-task { grid-template-columns: auto minmax(0px, 1fr) auto; align-items: center; gap: 10px; text-align: left; padding: 6px 0px; display: grid !important; }
.rpg-inbox-plan > label.rpg-today-task > span { overflow: hidden; text-overflow: ellipsis; }
.rpg-inbox-plan > label.rpg-today-task > select { width: auto; min-width: 0px; }
.rpg-design-v2 .rpg-chat-menu > [role="menu"] { position: absolute; right: 0px; top: 40px; z-index: 30; min-width: 220px; padding: 6px; border-radius: 14px; background: var(--background-primary); box-shadow: rgba(20, 16, 40, 0.18) 0px 10px 30px; border: 1px solid var(--rpg-border, var(--background-modifier-border)); display: flex; flex-direction: column; }
.rpg-design-v2 .rpg-chat-menu > [role="menu"] button { justify-content: flex-start; width: 100%; min-height: 36px; padding: 8px 12px; border: 0px; border-radius: 10px; background: transparent; box-shadow: none; color: var(--text-normal); font-size: 13px; text-align: left; }
.rpg-design-v2 .rpg-chat-menu > [role="menu"] button:hover:not(:disabled) { background: var(--rpg-soft); }
.rpg-design-v2 .rpg-chat-menu > [role="menu"] hr { margin: 4px 6px; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--rpg-border, var(--background-modifier-border)); }
.rpg-chat-topics-row::after { content: ""; flex: 0 0 1px; }
.rpg-chat-topics-head { display: flex; align-items: center; gap: 6px; }
.rpg-chat-topics-head > .rpg-chat-topics-row { flex: 1 1 auto; min-width: 0px; overflow-x: auto; }
.rpg-design-v2 .rpg-chat-topics-head > .rpg-chat-menu { position: relative; flex: 0 0 auto; }
.rpg-design-v2 .rpg-chat-topics-head > .rpg-chat-menu > summary { list-style: none; display: grid; place-items: center; width: 34px; height: 34px; border-radius: 999px; background: var(--rpg-quest-paper, var(--background-secondary)); color: var(--text-muted); font-size: 18px; line-height: 1; cursor: pointer; }
.rpg-design-v2 .rpg-chat-topics-head > .rpg-chat-menu > summary::-webkit-details-marker { display: none; }
.rpg-design-v2 .rpg-chat-topics-head > .rpg-chat-menu > summary::after, .rpg-design-v2 .rpg-chat-topics-head > .rpg-chat-menu > summary::before { content: none !important; display: none !important; }
.rpg-design-v2 .rpg-chat-topics-head > .rpg-chat-menu > summary { border: 0px !important; box-shadow: none !important; padding: 0px !important; min-height: 0px !important; }
.rpg-progress-hero { align-items: center; }
.rpg-progress-boss { flex: 0 0 auto; width: 84px; height: 90px; cursor: pointer; padding: 0px !important; border: 0px !important; background: transparent !important; box-shadow: none !important; }
.rpg-progress-boss .rpg-chibi, svg.rpg-progress-boss { width: 84px; height: 90px; }
.rpg-progress-next-gear { display: block; margin: -4px 0px 6px; color: var(--text-muted); font-size: 12px; }
.rpg-currency-line { display: flex; flex-wrap: wrap; gap: 6px 14px; font-size: 12.5px; color: var(--text-muted); }
.rpg-currency-line b { color: var(--text-normal); font-weight: 600; }
.rpg-calendars-head { display: flex; align-items: flex-start; justify-content: space-between; gap: 12px; flex-wrap: wrap; }
.rpg-calendars-head h3 { margin: 0px 0px 4px; font-size: 15px; }
.rpg-calendars-head p { margin: 0px; }
.rpg-quest-design .rpg-principles { display: grid; gap: 10px; margin: 0px 0px 18px; }
.rpg-quest-design .rpg-principles h3 { margin: 0px; font-size: 15px; }
.rpg-principle { display: flex; gap: 10px; align-items: flex-start; }
.rpg-principle-emoji { flex: 0 0 auto; font-size: 18px; line-height: 1.3; }
.rpg-principle > div { flex: 1 1 0%; min-width: 0px; }
.rpg-principle p { margin: 2px 0px 0px; }
.rpg-principle .rpg-today-actions { margin-top: 8px; flex-wrap: wrap; }
.rpg-drag-handle { flex: 0 0 auto; display: grid; place-items: center; width: 18px; margin-right: -4px; color: var(--text-faint); cursor: grab; user-select: none; touch-action: none; font-size: 15px; line-height: 1; opacity: 0.55; }
.rpg-drag-handle:hover { opacity: 1; color: var(--rpg-brand, var(--text-accent)); }
@media (pointer: coarse){.rpg-drag-handle { width: 26px; font-size: 18px; opacity: 0.7; }}
@keyframes rpg-boss-pop { 
  0% { transform: scale(0.8); opacity: 0; }
  60% { transform: scale(1.12); opacity: 1; }
  100% { transform: scale(1); }
}
@keyframes rpg-boss-hop { 
  0%, 100% { transform: translateY(0px); }
  40% { transform: translateY(-6px); }
}
.rpg-today-task > .rpg-drag-handle { flex: 0 0 auto; }
@media (pointer: coarse){.rpg-design-v2.rpg-quest-design .rpg-today-task input[type="checkbox"] { width: 24px; height: 24px; }
.rpg-design-v2.rpg-quest-design .rpg-today-task > .rpg-drag-handle { min-height: 32px; }}
.rpg-today-more { margin-top: 14px; border-top: 1px solid var(--rpg-border, var(--background-modifier-border)); padding-top: 10px; }
.rpg-today-more > summary { cursor: pointer; font-weight: 600; padding: 8px 0px; list-style-position: inside; }
.rpg-today-more > summary small { font-weight: 400; color: var(--text-muted); }