.app-icon-button{border-radius:var(--app-radius-md);color:var(--app-on-surface);cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;transition:background-color .16s,border-color .16s,color .16s,transform .16s;display:inline-flex}.app-icon-button:hover:not(:disabled){transform:translateY(-1px)}.app-icon-button:focus-visible{outline-offset:2px;outline:3px solid #3b82f647}.app-icon-button:disabled{cursor:not-allowed;opacity:.5;transform:none}.app-icon-button--plain{background:0 0}.app-icon-button--soft{background:var(--app-surface-container-high)}.app-icon-button--outline{border-color:var(--app-outline);background:var(--app-surface)}.app-icon-button--primary{background:var(--app-primary);color:var(--app-on-primary)}.app-icon-button--danger{background:var(--app-error);color:var(--app-on-error)}.app-icon-button--sm{width:32px;height:32px}.app-icon-button--md{width:40px;height:40px}.app-icon-button--lg{width:48px;height:48px}.app-icon-button>svg{width:1.2em;height:1.2em}.app-bottom-sheet{z-index:1000;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.app-bottom-sheet__backdrop{cursor:pointer;background:#0000006b;border:0;position:absolute;inset:0}.app-bottom-sheet__panel{z-index:1;width:min(100%, var(--app-bottom-sheet-width,720px));border:1px solid var(--app-outline);background:var(--app-surface);min-width:0;max-height:min(82vh,720px);color:var(--app-on-surface);border-bottom:0;border-radius:24px 24px 0 0;flex-direction:column;display:flex;position:relative;overflow:hidden;box-shadow:0 -18px 60px #0000002e}.app-bottom-sheet--full-width{--app-bottom-sheet-width:100%}.app-bottom-sheet__handle{background:var(--app-outline);border-radius:999px;flex-shrink:0;align-self:center;width:48px;height:5px;margin-top:10px}.app-bottom-sheet__header{justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;padding:16px 20px 12px;display:flex}.app-bottom-sheet__title{overflow-wrap:anywhere;min-width:0;margin:0}.app-bottom-sheet__body{min-width:0;padding:0 20px 20px;overflow:hidden auto}.app-bottom-sheet__footer{min-width:0;padding:14px 20px max(20px, env(safe-area-inset-bottom));border-top:1px solid var(--app-outline-variant);flex-wrap:wrap;justify-content:flex-end;gap:10px;display:flex}.app-bottom-sheet__close-icon{width:20px;height:20px}.app-spinner{color:var(--app-primary);justify-content:center;align-items:center;display:inline-flex}.app-spinner__ring{width:var(--app-spinner-size,24px);height:var(--app-spinner-size,24px);border:max(2px, calc(var(--app-spinner-size,24px) / 9)) solid currentColor;border-right-color:#0000;border-radius:50%;animation:.7s linear infinite app-spinner-rotate}.app-spinner--sm{--app-spinner-size:16px}.app-spinner--md{--app-spinner-size:24px}.app-spinner--lg{--app-spinner-size:40px}@keyframes app-spinner-rotate{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.app-spinner__ring{animation-duration:1.8s}}.app-button{border-radius:var(--app-radius-md,10px);min-width:0;max-width:100%;min-height:40px;font-family:var(--app-font-sans,"Inter", sans-serif);font-size:var(--app-text-body-lg-size,14px);white-space:nowrap;cursor:pointer;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:0 16px;font-weight:600;line-height:1;text-decoration:none;transition:background-color .16s,border-color .16s,box-shadow .16s,color .16s,transform .16s,filter .16s;display:inline-flex}.app-button__label{text-overflow:ellipsis;min-width:0;overflow:hidden}.app-button:hover:not(:disabled){transform:translateY(-1px)}.app-button:focus-visible{outline-offset:2px;outline:3px solid #3b82f647}.app-button:disabled{cursor:not-allowed;opacity:.58;filter:none;transform:none}.app-button--primary{background:var(--app-primary,#3b82f6);color:var(--app-on-primary,#fff);box-shadow:0 8px 20px color-mix(in srgb, var(--app-primary,#3b82f6) 28%, transparent)}.app-button--primary:hover:not(:disabled){filter:brightness(1.04)}.app-button--accent{background:var(--app-button-accent-gradient,var(--app-primary,#3b82f6));color:#fff;box-shadow:0 8px 20px color-mix(in srgb, var(--app-button-accent,var(--app-primary,#3b82f6)) 30%, transparent)}.app-button--accent:hover:not(:disabled){filter:brightness(1.05)}.app-button--secondary{border-color:var(--app-outline-variant,#e5e7eb);background:var(--app-surface-container-high,#f4f4f5);color:var(--app-on-surface,#18181b)}.app-button--secondary:hover:not(:disabled){background:color-mix(in srgb, var(--app-surface-container-high,#f4f4f5) 88%, #000)}.app-button--tertiary{background:var(--app-tertiary,#f5f3ff);color:var(--app-primary,#3b82f6)}.app-button--ghost{color:var(--app-on-surface,#18181b);background:0 0}.app-button--ghost:hover:not(:disabled){background:color-mix(in srgb, var(--app-on-surface,#18181b) 6%, transparent)}.app-button--danger{background:var(--app-error,#ef4444);color:var(--app-on-error,#fff);box-shadow:0 8px 20px color-mix(in srgb, var(--app-error,#ef4444) 24%, transparent)}.app-button--sm{border-radius:var(--app-radius-md,8px);min-height:32px;font-size:var(--app-text-body-md-size,12px);padding-inline:12px}.app-button--md{min-height:40px}.app-button--lg{border-radius:var(--app-radius-md,10px);min-height:48px;font-size:var(--app-text-title-sm-size,16px);padding-inline:20px;font-weight:600}.app-button--full-width{width:100%}.app-button--full-width .app-button__label{white-space:normal;overflow-wrap:anywhere}.app-button__icon,.app-button__spinner{flex-shrink:0;display:inline-flex}.app-button__icon>svg{width:1.1em;height:1.1em}.app-button .app-spinner{color:currentColor}.app-card{border-radius:var(--app-radius-lg);min-width:0;max-width:100%;color:var(--app-on-surface)}.app-card--surface{background:var(--app-surface);box-shadow:0 12px 32px var(--app-shadow);border:1px solid #0000}.app-card--muted{background:var(--app-surface-container);border:1px solid #0000}.app-card--outline{border:1px solid var(--app-outline);background:var(--app-surface)}.app-card--padding-none{padding:0}.app-card--padding-sm{padding:12px}.app-card--padding-md{padding:16px}.app-card--padding-lg{padding:24px}.app-card--interactive{cursor:pointer;transition:border-color .16s,box-shadow .16s,transform .16s}.app-card--interactive:hover{border-color:var(--app-primary);box-shadow:0 16px 36px var(--app-shadow);transform:translateY(-1px)}.app-loading{place-items:center;min-height:160px;display:grid}.app-loading--fill{min-height:100vh}.app-loading-overlay{z-index:1400;background:var(--app-backdrop);pointer-events:auto;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.app-loading-overlay__panel{background:color-mix(in srgb, var(--app-primary) 18%, var(--app-surface));width:100px;height:100px;box-shadow:0 16px 48px var(--app-shadow);border-radius:16px;place-items:center;display:grid}.app-loading-overlay__spinner{--app-spinner-size:48px;color:var(--app-primary)}.app-modal{z-index:1300;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.app-modal__backdrop{background:var(--app-backdrop);cursor:pointer;border:0;position:absolute;inset:0}.app-modal__panel{z-index:1;width:min(100%, var(--app-modal-width,520px));border:1px solid var(--app-outline,#e4e4e7);border-radius:var(--app-radius-lg);background:var(--app-surface,#fff);min-width:0;max-height:min(760px,100vh - 48px);color:var(--app-on-surface,#000);box-shadow:0 24px 70px var(--app-shadow);flex-direction:column;display:flex;position:relative;overflow:hidden}.app-modal--sm{--app-modal-width:420px}.app-modal--md{--app-modal-width:520px}.app-modal--lg{--app-modal-width:720px}.app-modal__header{justify-content:space-between;align-items:flex-start;gap:16px;min-width:0;padding:18px 20px 12px;display:flex}.app-modal__title{min-width:0;color:var(--app-on-surface);overflow-wrap:anywhere;margin:0}.app-modal__body{min-width:0;padding:0 20px 20px;overflow:hidden auto}.app-modal__footer{border-top:1px solid var(--app-outline-variant,#e5e7eb);flex-wrap:wrap;justify-content:flex-end;gap:10px;min-width:0;padding:14px 20px 20px;display:flex}.app-modal__close-icon{width:20px;height:20px}@media (width<=520px){.app-modal{padding:16px}}.app-field{flex-direction:column;gap:8px;width:100%;min-width:0;display:flex}.app-field__label{color:var(--app-on-surface);font-family:var(--app-font-sans);font-size:var(--app-text-label-lg-size);font-weight:600;line-height:1.35}.app-field__control{border:1px solid var(--app-outline);border-radius:var(--app-radius-md);background:var(--app-surface);min-width:0;min-height:44px;color:var(--app-on-surface);align-items:center;gap:10px;transition:background-color .16s,border-color .16s,box-shadow .16s;display:flex}.app-field__control:focus-within{border-color:var(--app-primary);box-shadow:0 0 0 3px #3b82f62e}.app-field--invalid .app-field__control{border-color:var(--app-error)}.app-field__input{width:100%;min-width:0;color:inherit;font:inherit;background:0 0;border:0;outline:0}.app-field__input::placeholder{color:var(--app-on-surface-variant)}.app-field__input:disabled{cursor:not-allowed}.app-field__control:has(.app-field__input:disabled){opacity:.62}.app-field__control--md{min-height:44px;font-size:var(--app-text-body-lg-size);padding:0 14px}.app-field__control--lg{min-height:52px;font-size:var(--app-text-title-sm-size);padding:0 16px}.app-field__addon{color:var(--app-on-surface-variant);flex-shrink:0;display:inline-flex}.app-field__addon>svg{width:1.15em;height:1.15em}.app-field__meta{flex-wrap:wrap;justify-content:space-between;gap:12px;min-width:0;display:flex}.app-field__helper,.app-field__counter,.app-field__error{font-family:var(--app-font-sans);font-size:var(--app-text-body-md-size);overflow-wrap:anywhere;margin:0;line-height:1.4}.app-field__helper,.app-field__counter{color:var(--app-on-surface-variant)}.app-field__error{color:var(--app-error)}.app-search-bar .app-field__control{border-radius:var(--app-radius-lg);background:var(--app-surface-container-lowest)}.app-search-bar .app-field__input::-webkit-search-cancel-button{cursor:pointer}.app-segmented-control{background:var(--app-surface);border-radius:16px;width:100%;padding:6px;display:flex;box-shadow:0 8px 24px -12px #0000002e}.app-segmented-control__option{min-width:0;color:var(--app-on-primary-fixed,#4b5563);font-size:var(--app-text-title-sm-size,.875rem);text-align:center;cursor:pointer;background:0 0;border:0;border-radius:12px;flex:1;padding:10px 8px;font-weight:600;line-height:1.25;transition:background-color .16s,color .16s}.app-segmented-control__option--selected{color:var(--app-surface,#fff)}.app-segmented-control__option:focus-visible{outline:2px solid var(--app-primary,#3b82f6);outline-offset:2px}.app-shell,.app-portal-root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--app-font-sans:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--app-scaffold:#f2f7fb;--app-primary:#3b82f6;--app-on-primary:#fff;--app-tertiary:#f5f3ff;--app-secondary:#8a898e;--app-on-secondary:#fff;--app-error:#ef4444;--app-on-error:#fff;--app-surface:#fff;--app-on-surface:#000;--app-surface-container:#f9f9f9;--app-surface-container-lowest:#fcfcfc;--app-surface-container-low:#fafafa;--app-surface-container-high:#f1f1f1;--app-surface-container-highest:#eaeaea;--app-outline:#e4e4e7;--app-outline-variant:#e5e7eb;--app-border:#e4e4e7;--app-shadow:#0000000d;--app-on-primary-fixed:#4b5563;--app-on-surface-variant:#a1a1aa;--app-backdrop:#00000073;--app-premium-accent:#7c3aed;--app-warning:#f59e0b;--app-tag-green-bg:#f0fdf4;--app-tag-green-text:#16a34a;--sidebar-border:var(--app-outline-variant);--sidebar-item-text:var(--app-on-surface);--sidebar-item-hover:var(--app-surface-container-high);--sidebar-item-active-bg:color-mix(in srgb, var(--app-primary) 12%, var(--app-surface));--sidebar-muted-bg:var(--app-surface-container);--sidebar-upgrade-bg:color-mix(in srgb, var(--app-primary) 24%, var(--app-premium-accent));--sidebar-upgrade-icon:var(--app-warning);--sidebar-new-note-bg:var(--app-primary);--sidebar-new-note-fg:var(--app-on-primary);--sidebar-new-note-hover-bg:color-mix(in srgb, var(--app-primary) 86%, #000);--sidebar-new-note-shadow:color-mix(in srgb, var(--app-primary) 32%, transparent);--app-muted-foreground:#7a7a7a;--app-emphasis-bg:#18181b;--app-on-emphasis:#fff;--app-emphasis-bg-hover:#0f0f10;--app-segment-track:var(--app-surface-container-high);--app-segment-inactive-fg:#52525b;--app-segment-active-bg:var(--app-emphasis-bg);--app-segment-active-fg:var(--app-on-emphasis);--app-segment-hover-bg:#ffffffb8;--app-outlined-border:#d4d4d8;--app-outlined-bg:var(--app-surface-container-high);--app-outlined-fg:var(--app-on-surface);--app-outlined-active-bg:var(--app-surface);--app-card-elevated-bg:var(--app-surface);--app-card-elevated-border:var(--app-outline-variant);--app-card-elevated-shadow:#0f172a1f;--app-flashcard-question-bg:#fffbeb;--app-flashcard-answer-bg:#eff6ff;--app-flashcard-face-fg:#18181b;--app-flashcard-label-fg:#18181b8c;--app-flashcard-hint-fg:#18181b66;--app-mindmap-node-mix-base:#fff;--app-mindmap-node-fg:#18181b;--app-mindmap-node-description-fg:#18181bb8;--app-text-headline-md-size:26px;--app-text-headline-md-weight:700;--app-text-headline-sm-size:24px;--app-text-headline-sm-weight:600;--app-text-title-lg-size:20px;--app-text-title-lg-weight:600;--app-text-title-md-size:18px;--app-text-title-md-weight:600;--app-text-title-sm-size:16px;--app-text-title-sm-weight:500;--app-text-body-lg-size:14px;--app-text-body-lg-weight:400;--app-text-body-md-size:12px;--app-text-body-md-weight:400;--app-text-body-sm-size:10px;--app-text-body-sm-weight:400;--app-text-label-lg-size:14px;--app-text-label-lg-weight:400;--app-text-label-lg-tracking:.078em;--app-text-label-lg-color:#52525b;--app-text-label-md-size:12px;--app-text-label-md-weight:400;--app-text-label-md-tracking:.04em;--app-text-label-md-color:#757575;--app-text-label-sm-size:11px;--app-text-label-sm-weight:400;--app-text-label-sm-tracking:.04em;--app-text-label-sm-color:#757575;--app-radius-md:12px;--app-radius-lg:16px;font-family:var(--app-font-sans);color:var(--app-on-surface)}.app-shell{background:var(--app-scaffold)}:root[data-app-theme=dark] .app-shell,:root[data-app-theme=dark] .app-portal-root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--app-scaffold:#000;--app-primary:#3b82f6;--app-on-primary:#fff;--app-tertiary:#312e81;--app-secondary:#8e8d92;--app-on-secondary:#18181b;--app-error:#ef4444;--app-on-error:#fff;--app-surface:#18181b;--app-on-surface:#fff;--app-surface-container:#1c1c1e;--app-surface-container-lowest:#161618;--app-surface-container-low:#1a1a1c;--app-surface-container-high:#2a2a2d;--app-surface-container-highest:#333336;--app-outline:#3f3f46;--app-outline-variant:#27272a;--app-border:#3f3f46;--app-shadow:#0003;--app-on-primary-fixed:#d1d5db;--app-on-surface-variant:#a1a1aa;--app-backdrop:#0000009e;--app-premium-accent:#6d28d9;--app-warning:#fbbf24;--app-tag-green-bg:#2563eb;--app-tag-green-text:#fff;--sidebar-item-text:#e4e4e7;--sidebar-item-active-bg:color-mix(in srgb, var(--app-primary) 24%, var(--app-surface));--sidebar-new-note-hover-bg:color-mix(in srgb, var(--app-primary) 78%, #fff);--sidebar-new-note-shadow:color-mix(in srgb, var(--app-primary) 45%, transparent);--app-muted-foreground:#a1a1aa;--app-emphasis-bg:#f4f4f5;--app-on-emphasis:#18181b;--app-emphasis-bg-hover:#e4e4e7;--app-segment-inactive-fg:#d4d4d8;--app-segment-active-bg:#f4f4f5;--app-segment-active-fg:#18181b;--app-segment-hover-bg:color-mix(in srgb, var(--app-on-surface) 12%, transparent);--app-outlined-border:#71717a;--app-outlined-fg:#f4f4f5;--app-outlined-active-bg:var(--app-surface-container-highest);--app-card-elevated-bg:var(--app-surface-container);--app-card-elevated-border:var(--app-outline);--app-card-elevated-shadow:#00000059;--app-flashcard-question-bg:#3d3428;--app-flashcard-answer-bg:#243044;--app-flashcard-face-fg:#f4f4f5;--app-flashcard-label-fg:#f4f4f5ad;--app-flashcard-hint-fg:#f4f4f57a;--app-mindmap-node-mix-base:#2a2a2d;--app-mindmap-node-fg:#f4f4f5;--app-mindmap-node-description-fg:#f4f4f5c7;--app-text-label-lg-color:#ffffffb8;--app-text-label-md-color:#ffffffb8;--app-text-label-sm-color:#ffffffb8}:root{--app-mindmap-edge:#1e1e1e52;--app-editor-highlight:#fef08a}:root[data-app-theme=dark]{--app-mindmap-edge:#ffffff47;--app-editor-highlight:#854d0e}.app-portal-root{color:var(--app-on-surface);background:0 0}.app-overlay-dialog{background:var(--app-backdrop);z-index:1200;justify-content:center;align-items:center;min-height:100%;padding:16px;display:flex;position:fixed;inset:0;overflow-y:auto}.app-overlay-dialog__panel{background:var(--app-surface);border:1px solid var(--app-outline-variant);box-shadow:0 24px 48px var(--app-shadow);border-radius:12px;flex-direction:column;gap:0;width:100%;max-width:896px;margin:auto;padding:24px 20px 28px;display:flex;position:relative}.app-overlay-dialog__panel--compact{max-width:480px}.app-overlay-dialog__panel--narrow{gap:0;max-width:560px;padding:20px 20px 16px}.app-overlay-dialog__panel--create-note{max-width:512px;padding:24px}.app-overlay-dialog__panel--paywall{background:var(--app-surface,#fff);border:0;border-radius:10px;gap:0;max-width:75rem;padding:0;overflow:hidden}.app-overlay-dialog__panel--paywall .app-overlay-dialog__close{color:var(--app-on-surface-variant,#a1a1aa);z-index:2;width:20px;height:20px;font-size:0;line-height:0;top:20px;right:32px}.app-overlay-dialog__panel--paywall .app-overlay-dialog__close svg{width:20px;height:20px}.app-overlay-dialog__panel--paywall .app-overlay-dialog__close:disabled{width:auto;min-width:36px;height:auto;font-size:.875rem;font-weight:600;line-height:1.2}.app-overlay-dialog__panel--paywall .app-overlay-dialog__close:not(:disabled):hover{color:var(--app-on-surface,#000)}.app-overlay-dialog__panel--paywall .app-overlay-dialog__body{gap:0}.app-overlay-dialog__close{color:var(--app-on-surface-variant);cursor:pointer;z-index:1;background:0 0;border:0;justify-content:center;align-items:center;width:36px;height:36px;padding:0;font-size:1.75rem;font-weight:300;line-height:1;display:inline-flex;position:absolute;top:16px;right:16px}.app-overlay-dialog__close:disabled{cursor:not-allowed;opacity:.72;font-size:.875rem;font-weight:600}.app-overlay-dialog__close:not(:disabled):hover{color:var(--app-on-surface)}.app-overlay-dialog__body{flex-direction:column;gap:16px;display:flex}.app-overlay-dialog__body--spaced{gap:24px}@media (width>=768px){.app-overlay-dialog{padding:32px}}@media (width<=640px){.app-overlay-dialog__panel--create-note{min-height:auto;max-height:100dvh;overflow-y:auto}}@media (width>=1024px){.app-overlay-dialog__panel--paywall{height:46.875rem;max-height:calc(100vh - 96px)}}@media (width<=1023px){.app-overlay-dialog:has(.app-overlay-dialog__panel--paywall){padding:0}.app-overlay-dialog__panel--paywall{border-radius:0;height:100%;min-height:100%;max-height:none}.app-overlay-dialog__panel--paywall .app-overlay-dialog__close{top:20px;right:32px}}@media (width<=420px){.app-overlay-dialog:not(:has(.app-overlay-dialog__panel--paywall)){padding:0}.app-overlay-dialog__panel:not(.app-overlay-dialog__panel--paywall){border-radius:0;min-height:100%}.app-overlay-dialog__panel--create-note{border-radius:0;min-height:auto}}.app-overlay-section{flex-direction:column;gap:12px;display:flex}.app-overlay-section+.app-overlay-section{margin-top:4px}.app-overlay-section__heading{letter-spacing:-.01em;align-items:center;gap:4px;margin:0;font-size:.875rem;font-weight:700;display:flex}.app-overlay-section__heading svg{flex-shrink:0;width:20px;height:20px}.app-overlay-section__divider{background:var(--app-outline-variant);border:0;width:100%;height:1px;margin:0}