:root,[data-theme=light]{--grid-bg: #f0ebe1;--grid-card: #f7f4ec;--grid-line: #ded5c4;--grid-soft: #ede7db;--grid-fg: #0e1a3c;--grid-body: #4a4438;--grid-muted: #6e6551;--grid-elevated: #faf8f3;--grid-elevated-soft: #e8e1d2;--grid-elevated-line: #ded5c4;--grid-gold: #c9a227;--grid-ok: #4e9a3e;--grid-warn: #c9a227;--grid-danger: #d9455f;--grid-on-danger: #0e1a3c;--grid-ok-text: #33702a;--grid-warn-text: #7d6310;--grid-danger-text: #a8233b;--grid-gold-text: #7d6310;--grid-elevated-hover: #efe9dd;--grid-hatch: repeating-linear-gradient( 315deg, color-mix(in oklab, var(--grid-line) 56%, transparent) 0, color-mix(in oklab, var(--grid-line) 56%, transparent) 1px, transparent 0, transparent 50% );--grid-brand: #0e1a3c;--grid-brand-accent: #c9a227;--grid-action: #e2661c;--grid-on-action: #0e1a3c;--grid-ring: var(--grid-action);--grid-font-sans: "Lusail", "Alexandria", system-ui, sans-serif;--grid-font-mono: "JetBrains Mono", "JetBrains Mono Variable", "Lusail", ui-monospace, monospace;--grid-column: 860px;--grid-gap: 16px;--grid-pad: 28px;--grid-radius: 0px;--grid-radius-control: 6px;--grid-radius-elevated: .75rem;--grid-transition: .15s ease;color-scheme:light}.dark,[data-theme=dark]{--grid-bg: #0b1429;--grid-card: #0e1a3c;--grid-line: #25355c;--grid-soft: #1a2747;--grid-fg: #f0ebe1;--grid-body: #c8d0e4;--grid-muted: #8a97b8;--grid-elevated: #18264a;--grid-elevated-soft: #2a3b66;--grid-elevated-line: #32456f;--grid-elevated-hover: #22325c;--grid-ok-text: #6fbf5e;--grid-warn-text: #c9a227;--grid-danger-text: #e8788c;--grid-gold-text: #c9a227;--grid-hatch: repeating-linear-gradient( 315deg, color-mix(in oklab, var(--grid-line) 56%, transparent) 0, color-mix(in oklab, var(--grid-line) 56%, transparent) 1px, transparent 0, transparent 50% );--grid-brand: #f0ebe1;color-scheme:dark}[data-brand]{--grid-ring: var(--grid-action)}[data-brand=health-debug]{--grid-brand: #b0243f;--grid-brand-accent: #c9a227;--grid-action: #b0243f;--grid-on-action: #f0ebe1}.dark[data-brand=health-debug],.dark [data-brand=health-debug],[data-theme=dark][data-brand=health-debug],[data-theme=dark] [data-brand=health-debug]{--grid-brand: #d9455f;--grid-action: #d9455f;--grid-on-action: #0e1a3c}[data-brand=mark-it-down]{--grid-brand: #3d5a8c;--grid-brand-accent: #c9a227;--grid-action: #3d5a8c;--grid-on-action: #f0ebe1}.dark[data-brand=mark-it-down],.dark [data-brand=mark-it-down],[data-theme=dark][data-brand=mark-it-down],[data-theme=dark] [data-brand=mark-it-down]{--grid-brand: #7e93c4;--grid-action: #7e93c4;--grid-on-action: #0e1a3c}[data-brand=circlexo]{--grid-brand: #6fa8d6;--grid-brand-accent: #c9a227;--grid-action: #3d7cae;--grid-on-action: #ffffff}.dark[data-brand=circlexo],.dark [data-brand=circlexo],[data-theme=dark][data-brand=circlexo],[data-theme=dark] [data-brand=circlexo]{--grid-action: #6fa8d6;--grid-on-action: #0e1a3c}@font-face{font-family:Lusail;src:url(/assets/Lusail-Light-Cv0E_SP-.woff2) format("woff2");font-weight:300;font-style:normal;font-display:swap}@font-face{font-family:Lusail;src:url(/assets/Lusail-Medium-BmCmJXvf.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Lusail;src:url(/assets/Lusail-Regular-rcPVX8o1.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:JetBrains Mono;src:url(/assets/jetbrains-mono-latin-ext-wght-normal-DBQx-q_a.woff2) format("woff2-variations");font-weight:100 800;font-style:normal;font-display:swap;unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;src:url(/assets/jetbrains-mono-latin-wght-normal-B9CIFXIH.woff2) format("woff2-variations");font-weight:100 800;font-style:normal;font-display:swap;unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--mid-bg: var(--grid-bg);--mid-surface: var(--grid-card);--mid-surface-hover: var(--grid-soft);--mid-surface-active: var(--grid-elevated-soft);--mid-fg: var(--grid-fg);--mid-body: var(--grid-body);--mid-fg-muted: var(--grid-muted);--mid-fg-subtle: var(--grid-muted);--mid-border: var(--grid-line);--mid-border-strong: color-mix(in oklab, var(--grid-line) 70%, var(--grid-muted));--mid-line: var(--grid-line);--mid-accent: var(--grid-action);--mid-accent-fg: var(--grid-on-action);--mid-accent-hover: color-mix(in oklab, var(--grid-action) 88%, var(--grid-fg));--mid-ring: var(--grid-ring);--mid-gold: var(--grid-gold);--mid-selected-bg: var(--grid-soft);--mid-selected-fg: var(--grid-fg);--mid-selected-mark: var(--grid-gold);--mid-selected-icon: var(--grid-fg);--mid-brand: var(--grid-brand);--mid-brand-accent: var(--grid-brand-accent);--mid-elevated: var(--grid-elevated);--mid-elevated-soft: var(--grid-elevated-soft);--mid-elevated-line: var(--grid-elevated-line);--mid-scrim: color-mix(in oklab, #0b1429 55%, transparent);--mid-hatch: color-mix(in oklab, var(--grid-line) 56%, transparent);--mid-link: var(--grid-brand);--mid-link-hover: var(--grid-fg);--mid-code-bg: var(--grid-card);--mid-inline-code-bg: color-mix(in oklab, var(--grid-line) 55%, transparent);--mid-table-stripe: color-mix(in oklab, var(--grid-soft) 70%, transparent);--mid-danger: var(--grid-danger);--mid-warning: var(--grid-warn);--mid-success: var(--grid-ok);--mid-danger-text: color-mix(in oklab, var(--grid-danger) 72%, var(--grid-fg));--mid-success-text: color-mix(in oklab, var(--grid-ok) 65%, var(--grid-fg));--mid-space-0: 0;--mid-space-1: 4px;--mid-space-2: 8px;--mid-space-3: 12px;--mid-space-4: 16px;--mid-space-5: 20px;--mid-space-6: 24px;--mid-space-8: 32px;--mid-space-10: 40px;--mid-space-12: 48px;--mid-gap: var(--grid-gap);--mid-pad: var(--grid-pad);--mid-column: var(--grid-column);--mid-radius-surface: var(--grid-radius);--mid-radius-control: var(--grid-radius-control);--mid-radius-elevated: var(--grid-radius-elevated);--mid-radius-xs: 0;--mid-radius-sm: 0;--mid-radius-md: var(--mid-radius-control);--mid-radius-lg: var(--mid-radius-surface);--mid-radius-xl: var(--mid-radius-elevated);--mid-radius-pill: var(--mid-radius-control);--mid-font-sans: var(--grid-font-sans);--mid-font-mono: "JetBrains Mono", "Lusail", ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--mid-font-reading: var(--mid-font-sans);--mid-font-size-micro: 10.5px;--mid-font-size-xs: 11px;--mid-font-size-sm: 12px;--mid-font-size-ui: 13px;--mid-font-size-base: 16px;--mid-font-size-reading: 17px;--mid-font-size-lg: 18px;--mid-font-size-xl: 20px;--mid-font-size-2xl: 24px;--mid-font-size-3xl: 30px;--mid-tracking-micro: .2em;--mid-line-tight: 1.25;--mid-line-normal: 1.5;--mid-line-relaxed: 1.65;--mid-weight-light: 300;--mid-weight-normal: 400;--mid-weight-medium: 500;--mid-weight-semibold: 500;--mid-weight-bold: 500;--mid-shadow-sm: none;--mid-shadow-md: none;--mid-shadow-lg: none;--mid-motion-fast: .15s;--mid-motion-base: .15s;--mid-motion-slow: .15s;--mid-ease-out: ease;--mid-ease-in-out: ease;--mid-titlebar-h: 38px;--mid-sidebar-w: 240px;--mid-z-base: 1;--mid-z-sticky: 100;--mid-z-dropdown: 200;--mid-z-modal: 1000;--mid-z-toast: 2000}:root.dark{--mid-selected-icon: var(--grid-gold)}:root.sepia .mid-reading{color-scheme:light;--mid-bg: #f4ecd8;--mid-surface: #ebe1c7;--mid-fg: #433422;--mid-fg-muted: #6f5d44;--mid-fg-subtle: #6f5d44;--mid-border: #c8b894;--mid-border-strong: #b09f7c;--mid-accent: #a06b2a;--mid-accent-fg: #fdf8ec;--mid-accent-hover: #7e521c;--mid-link: #8a4a14;--mid-link-hover: #6a3a10;--mid-code-bg: #ebe1c7;--mid-inline-code-bg: rgba(160, 107, 42, .18);--mid-table-stripe: #ebe1c7}.grid-surface{background:var(--grid-bg);color:var(--grid-fg);font-family:var(--grid-font-sans);transition:background-color var(--grid-transition),color var(--grid-transition)}.grid-column{position:relative;max-width:var(--grid-column);margin-inline:auto;border-inline:1px solid var(--grid-line)}.grid-panel{position:relative;border-inline:1px solid var(--grid-line)}.grid-panel:before,.grid-panel:after{content:"";position:absolute;left:-100vw;z-index:-1;width:200vw;height:1px;background:var(--grid-line)}.grid-panel:before{top:0}.grid-panel:after{bottom:0}.grid-screen-line-top,.grid-screen-line-bottom{position:relative}.grid-screen-line-top:before,.grid-screen-line-bottom:after{content:"";position:absolute;left:-100vw;z-index:-1;width:200vw;height:1px;background:var(--grid-line)}.grid-screen-line-top:before{top:0}.grid-screen-line-bottom:after{bottom:0}.grid-rule-top{border-top:1px solid var(--grid-line)}.grid-rule-bottom{border-bottom:1px solid var(--grid-line)}.grid-rule-start{border-inline-start:1px solid var(--grid-line)}.grid-rule-end{border-inline-end:1px solid var(--grid-line)}.grid-cells{display:grid;border-top:1px solid var(--grid-line);border-inline-start:1px solid var(--grid-line)}.grid-cells>*{border-bottom:1px solid var(--grid-line);border-inline-end:1px solid var(--grid-line)}.grid-cells-flush{margin:-1px}.grid-cells-flush-x{margin-inline:-1px}.grid-hatch{background-image:var(--grid-hatch);background-size:10px 10px}.grid-separator{position:relative;height:2rem;border-inline:1px solid var(--grid-line)}.grid-separator:before{content:"";position:absolute;left:-100vw;z-index:-1;width:200vw;height:100%;background-image:var(--grid-hatch);background-size:10px 10px}.grid-separator-contained{height:2rem;border-block:1px solid var(--grid-line)}.grid-micro{font-family:var(--grid-font-mono);font-size:10.5px;font-weight:500;letter-spacing:.2em;text-transform:uppercase;color:var(--grid-muted)}:lang(ar) .grid-micro,.grid-micro:lang(ar){font-family:var(--grid-font-sans);font-size:11.5px;letter-spacing:0;text-transform:none}.grid-mono{font-family:var(--grid-font-mono)}.grid-title{font-size:1.875rem;font-weight:500;line-height:1.25;letter-spacing:-.01em;color:var(--grid-fg)}:lang(ar) .grid-title{letter-spacing:0}.grid-body{color:var(--grid-body);line-height:1.7}:lang(ar) .grid-body{line-height:2}.grid-meta{font-size:.75rem;color:var(--grid-muted)}.grid-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.5rem;padding:0 1rem;border:1px solid var(--grid-line);border-radius:var(--grid-radius-control);background:var(--grid-card);color:var(--grid-fg);font:inherit;font-size:.875rem;cursor:pointer;transition:background-color var(--grid-transition),border-color var(--grid-transition),color var(--grid-transition)}.grid-btn:hover{background:var(--grid-soft)}.grid-btn:disabled{opacity:.5;cursor:not-allowed}.grid-btn-primary{border-color:var(--grid-action);background:var(--grid-action);color:var(--grid-on-action)}.grid-btn-primary:hover{background:color-mix(in oklab,var(--grid-action) 88%,var(--grid-fg))}.grid-input{min-height:2.5rem;width:100%;padding:0 .75rem;border:1px solid var(--grid-line);border-radius:var(--grid-radius-control);background:var(--grid-card);color:var(--grid-fg);font:inherit;font-size:.875rem}.grid-input::placeholder{color:var(--grid-muted)}.grid-btn:focus-visible,.grid-input:focus-visible{outline:2px solid var(--grid-ring);outline-offset:1px}.grid-chip{display:inline-flex;align-items:center;gap:.375rem;min-height:1.75rem;padding:0 .625rem;border:1px solid var(--grid-line);border-radius:6px;background:var(--grid-card);color:var(--grid-body);font-size:.75rem}.grid-chip[aria-pressed=true],.grid-chip[aria-selected=true]{border-color:var(--grid-gold);background:color-mix(in oklab,var(--grid-gold) 10%,transparent);color:var(--grid-gold-text)}.grid-elevated{border:1px solid var(--grid-elevated-line);border-radius:var(--grid-radius-elevated);background:var(--grid-elevated);color:var(--grid-fg)}.grid-shell{display:grid;grid-template-columns:15rem minmax(0,1fr);min-height:100dvh}.grid-shell>.grid-shell-nav{border-inline-end:1px solid var(--grid-line);background:var(--grid-card)}@media(max-width:767px){.grid-shell{grid-template-columns:minmax(0,1fr)}.grid-shell>.grid-shell-nav{border-inline-end:0;border-bottom:1px solid var(--grid-line)}}@media(prefers-reduced-motion:reduce){.grid-surface,.grid-btn{transition:none}}*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0;height:100%}html{font-synthesis-weight:none}body{font-family:var(--mid-font-sans);font-size:var(--mid-font-size-base);font-weight:var(--mid-weight-normal);line-height:var(--mid-line-relaxed);color:var(--mid-fg);background:var(--mid-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background-color var(--mid-motion-fast) var(--mid-ease-out),color var(--mid-motion-fast) var(--mid-ease-out)}button,input,select,textarea{font-family:inherit}input[type=checkbox],input[type=radio],input[type=range],progress{accent-color:var(--mid-accent)}[hidden]{display:none!important}:lang(ar){letter-spacing:0!important}:lang(ar) :is(.mid-mono,.mid-micro):not(code,kbd,pre,textarea){font-family:var(--mid-font-sans)}.mid-reading{background:var(--mid-bg);color:var(--mid-fg);font-family:var(--mid-font-reading)}.mid-btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--mid-space-2);min-height:32px;padding:0 var(--mid-space-3);font-size:var(--mid-font-size-ui);font-weight:var(--mid-weight-normal);line-height:1.4;white-space:nowrap;background:var(--mid-surface);color:var(--mid-fg);border:1px solid var(--mid-border);border-radius:var(--mid-radius-control);cursor:pointer;text-decoration:none;transition:background-color var(--mid-motion-fast) var(--mid-ease-out),border-color var(--mid-motion-fast) var(--mid-ease-out),color var(--mid-motion-fast) var(--mid-ease-out);-webkit-app-region:no-drag}.mid-btn:hover{background:var(--mid-surface-hover);text-decoration:none;color:var(--mid-fg)}.mid-btn:active{background:var(--mid-surface-active)}.mid-btn:focus-visible{outline:2px solid var(--mid-ring);outline-offset:1px;box-shadow:none}.mid-btn:disabled{opacity:.5;cursor:not-allowed}.mid-btn--primary{background:var(--mid-accent);color:var(--mid-accent-fg);border-color:var(--mid-accent)}.mid-btn--primary:hover{background:var(--mid-accent-hover);border-color:var(--mid-accent-hover);color:var(--mid-accent-fg)}.mid-btn--secondary{background:var(--mid-surface-hover)}.mid-btn--secondary:hover{background:var(--mid-surface-active)}.mid-btn--ghost{background:transparent;border-color:transparent;color:var(--mid-fg-muted)}.mid-btn--ghost:hover{background:var(--mid-surface-hover);border-color:transparent;color:var(--mid-fg)}.mid-btn--destructive{background:color-mix(in oklab,var(--mid-danger) 10%,transparent);color:var(--mid-danger-text);border-color:color-mix(in oklab,var(--mid-danger) 55%,var(--mid-border))}.mid-btn--destructive:hover{background:color-mix(in oklab,var(--mid-danger) 18%,transparent);color:var(--mid-danger-text)}.mid-btn--icon{padding:0;width:32px;height:32px;min-height:32px}.mid-btn--icon.mid-btn--ghost{width:28px;height:28px;min-height:28px}.mid-surface{background:var(--mid-surface);border:1px solid var(--mid-border);border-radius:var(--mid-radius-surface)}.mid-list-row{display:flex;align-items:center;gap:var(--mid-space-2);padding:var(--mid-space-1) var(--mid-space-3);font-size:var(--mid-font-size-ui);color:var(--mid-fg);border-radius:var(--mid-radius-sm);border-inline-start:2px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--mid-motion-fast) var(--mid-ease-out),border-color var(--mid-motion-fast) var(--mid-ease-out),color var(--mid-motion-fast) var(--mid-ease-out)}.mid-list-row:hover{background:var(--mid-surface-hover)}.mid-list-row.is-active{background:var(--mid-selected-bg);color:var(--mid-selected-fg);border-inline-start-color:var(--mid-selected-mark)}.mid-list-row.is-active .mid-icon{color:var(--mid-selected-icon)}.mid-kbd{display:inline-block;padding:1px 6px;font-family:var(--mid-font-mono);font-size:var(--mid-font-size-micro);line-height:1.5;color:var(--mid-fg-muted);background:var(--mid-surface-hover);border:1px solid var(--mid-border);border-radius:var(--mid-radius-xs)}.mid-divider{height:1px;background:var(--mid-border);border:0;margin:var(--mid-space-3) 0}.mid-micro{font-family:var(--mid-font-mono);font-size:var(--mid-font-size-micro);font-weight:var(--mid-weight-medium);letter-spacing:var(--mid-tracking-micro);text-transform:uppercase;color:var(--mid-fg-muted)}:lang(ar) .mid-micro{font-size:11.5px;text-transform:none}.mid-hatch{background-image:repeating-linear-gradient(315deg,var(--mid-hatch) 0,var(--mid-hatch) 1px,transparent 0,transparent 50%);background-size:10px 10px}.mid-band{height:2rem;flex:none;border-block:1px solid var(--mid-border);background-image:repeating-linear-gradient(315deg,var(--mid-hatch) 0,var(--mid-hatch) 1px,transparent 0,transparent 50%);background-size:10px 10px}.mid-cells{display:grid;border-top:1px solid var(--mid-border);border-inline-start:1px solid var(--mid-border)}.mid-cells>*{border-bottom:1px solid var(--mid-border);border-inline-end:1px solid var(--mid-border)}.mid-mark{display:block;flex:none}.mid-mark-body{fill:var(--mid-brand)}.mid-mark-accent{fill:var(--mid-brand-accent)}.mid-brand{display:inline-flex;align-items:center;gap:10px;font-size:var(--mid-font-size-ui);font-weight:var(--mid-weight-medium);color:var(--mid-fg);text-decoration:none;white-space:nowrap}.mid-brand:hover{color:var(--mid-fg);text-decoration:none}::selection{background:color-mix(in oklab,var(--mid-gold) 32%,transparent);color:inherit}.mid-icon{width:16px;height:16px;flex-shrink:0;fill:currentColor;stroke:none;vertical-align:-2px;pointer-events:none}.mid-icon--sm{width:14px;height:14px}.mid-icon--lg{width:20px;height:20px}.mid-icon--xl{width:24px;height:24px}.mid-btn .mid-icon{vertical-align:middle}.mid-icon--muted{color:var(--mid-fg-muted)}@keyframes mid-anim-fade{0%{opacity:0}to{opacity:1}}@keyframes mid-anim-fade-up{0%{opacity:0}to{opacity:1}}@keyframes mid-anim-scale-in{0%{opacity:0}to{opacity:1}}@keyframes mid-anim-slide-up{0%{opacity:0}to{opacity:1}}@keyframes mid-anim-shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes mid-anim-pulse{0%,to{opacity:1}50%{opacity:.45}}.mid-anim-fade,.mid-anim-fade-up,.mid-anim-scale-in,.mid-anim-slide-up{animation:mid-anim-fade var(--mid-motion-base) var(--mid-ease-out) both}.mid-anim-pulse{animation:mid-anim-pulse 2s var(--mid-ease-in-out) infinite}.mid-stagger>*{animation:mid-anim-fade var(--mid-motion-base) var(--mid-ease-out) both}.mid-skeleton{position:relative;border-radius:var(--mid-radius-sm);background:linear-gradient(90deg,var(--mid-surface) 25%,var(--mid-surface-hover) 37%,var(--mid-surface) 63%);background-size:200% 100%;animation:mid-anim-shimmer 1.4s linear infinite;color:transparent!important;pointer-events:none;-webkit-user-select:none;user-select:none}[dir=rtl] .mid-skeleton{animation-direction:reverse}.mid-pressable{transition:background-color var(--mid-motion-fast) var(--mid-ease-out),border-color var(--mid-motion-fast) var(--mid-ease-out),color var(--mid-motion-fast) var(--mid-ease-out)}.mid-hover-raise{transition:border-color var(--mid-motion-fast) var(--mid-ease-out),background-color var(--mid-motion-fast) var(--mid-ease-out)}.mid-hover-raise:hover{border-color:var(--mid-border-strong)}:where(.mid-btn,.mid-settings-control,.mid-table-filter,.mid-list-row,.mid-note-row,.mid-activity-btn,.mid-mode-seg,.mid-mode-pill,.mid-theme-swatch,.mid-notes-type,.mid-welcome-action,.mid-tab,.mid-brand):focus-visible{outline:2px solid var(--mid-ring);outline-offset:1px;box-shadow:none}@media(prefers-reduced-motion:reduce){.mid-anim-fade,.mid-anim-fade-up,.mid-anim-scale-in,.mid-anim-slide-up,.mid-stagger>*{animation-duration:1ms;animation-delay:0ms}.mid-skeleton{animation:none}}html,body,#root{height:100%}#root{display:flex;flex-direction:column;min-height:100%}body{font-size:var(--mid-font-size-ui)}a{color:var(--mid-fg);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--mid-gold);transition:color var(--mid-motion-fast) var(--mid-ease-out),text-decoration-color var(--mid-motion-fast) var(--mid-ease-out)}a:hover{color:var(--mid-accent);text-decoration-color:currentColor}a:focus-visible{outline:2px solid var(--mid-ring);outline-offset:2px}a:has(>.mid-btn){text-decoration:none}.mid-flip-x{transform:scaleX(-1)}[dir=rtl] .mid-flip-x{transform:none}.mid-app{display:grid;grid-template-rows:44px 1fr 26px;height:100vh;overflow:hidden}.mid-shell{display:grid;grid-template-columns:48px 1fr;min-height:0;overflow:hidden}.mid-main{min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.mid-titlebar{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:var(--mid-space-3);padding-inline:var(--mid-space-3);background:var(--mid-bg);border-bottom:1px solid var(--mid-border)}.mid-titlebar-left,.mid-titlebar-right{display:flex;align-items:center;gap:var(--mid-space-2);min-width:0}.mid-titlebar-right{justify-self:end}.mid-titlebar-brand{text-decoration:none;padding:4px 6px;border-radius:var(--mid-radius-control)}.mid-titlebar-brand:hover{background:var(--mid-surface-hover)}.mid-titlebar-search{display:inline-flex;align-items:center;gap:var(--mid-space-2);height:30px;padding:0 6px 0 var(--mid-space-3);max-width:min(420px,50vw);font-family:inherit;font-size:var(--mid-font-size-ui);color:var(--mid-fg-muted);background:var(--mid-surface);border:1px solid var(--mid-border);border-radius:var(--mid-radius-control);cursor:pointer;transition:border-color var(--mid-motion-fast) var(--mid-ease-out),background-color var(--mid-motion-fast) var(--mid-ease-out)}.mid-titlebar-search:hover{border-color:var(--mid-border-strong);color:var(--mid-fg)}.mid-titlebar-search:focus-visible{outline:2px solid var(--mid-ring);outline-offset:1px}.mid-titlebar-search-icon{display:inline-flex}.mid-filename{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mid-titlebar-search-kbd{margin-inline-start:var(--mid-space-3)}.mid-mode-toggle{display:inline-flex;gap:2px;padding:2px;background:var(--mid-surface);border:1px solid var(--mid-border);border-radius:var(--mid-radius-control)}.mid-mode-seg{display:inline-flex;align-items:center;justify-content:center;min-width:28px;height:24px;padding:0 8px;background:transparent;color:var(--mid-fg-muted);border:1px solid transparent;border-radius:4px;cursor:pointer;font-family:inherit;transition:background-color var(--mid-motion-fast) var(--mid-ease-out),color var(--mid-motion-fast) var(--mid-ease-out),border-color var(--mid-motion-fast) var(--mid-ease-out)}.mid-mode-seg:hover:not(:disabled){color:var(--mid-fg)}.mid-mode-seg:disabled{opacity:.4;cursor:not-allowed}.mid-mode-seg.is-active{background:var(--mid-bg);color:var(--mid-selected-icon);border-color:var(--mid-selected-mark)}.mid-activity-bar{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--mid-space-2) 0;background:var(--mid-surface);border-inline-end:1px solid var(--mid-border)}.mid-activity-spacer{flex:1}.mid-activity-divider{width:100%;height:1px;background:var(--mid-border);margin:var(--mid-space-1) 0;flex-shrink:0}.mid-activity-btn{position:relative;width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;background:transparent;border:0;color:var(--mid-fg-muted);border-radius:var(--mid-radius-control);cursor:pointer;transition:background-color var(--mid-motion-fast) var(--mid-ease-out),color var(--mid-motion-fast) var(--mid-ease-out)}.mid-activity-btn:hover{background:var(--mid-surface-hover);color:var(--mid-fg)}.mid-activity-btn.is-active{background:var(--mid-selected-bg);color:var(--mid-selected-icon)}.mid-activity-btn.is-active:before{content:"";position:absolute;inset-block:6px;inset-inline-start:-6px;width:2px;background:var(--mid-selected-mark)}.mid-activity-btn .mid-icon{width:20px;height:20px}.mid-activity-avatar{width:24px;height:24px;display:inline-flex;align-items:center;justify-content:center;background:var(--mid-surface-hover);border:1px solid var(--mid-border);color:var(--mid-fg);font-family:var(--mid-font-mono);font-size:var(--mid-font-size-xs);font-weight:var(--mid-weight-medium)}.mid-statusbar{display:flex;align-items:center;gap:var(--mid-space-3);padding:0 var(--mid-space-3);background:var(--mid-surface);border-top:1px solid var(--mid-border);font-family:var(--mid-font-mono);font-size:var(--mid-font-size-xs);color:var(--mid-fg-muted);-webkit-user-select:none;user-select:none}:lang(ar) .mid-statusbar{font-family:var(--mid-font-sans)}.mid-status-cell{display:inline-flex;align-items:center;gap:var(--mid-space-1);white-space:nowrap}.mid-status-cell--button{background:transparent;border:0;color:inherit;font:inherit;cursor:pointer;padding:2px var(--mid-space-2);border-radius:var(--mid-radius-control);transition:background-color var(--mid-motion-fast) var(--mid-ease-out),color var(--mid-motion-fast) var(--mid-ease-out)}.mid-status-cell--button:hover{background:var(--mid-surface-hover);color:var(--mid-fg)}.mid-status-spacer{flex:1}.mid-status-dot{display:inline-block;width:7px;height:7px;background:var(--mid-success)}.mid-status-dot.is-off{background:var(--mid-fg-muted)}.mid-loader{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--mid-z-toast);display:grid;place-items:center;background:var(--mid-bg);pointer-events:none}.mid-loader-inner{display:grid;justify-items:center;gap:var(--mid-space-4)}.mid-loader-inner .mid-mark{animation:mid-anim-pulse 1.4s var(--mid-ease-in-out) infinite}.mid-spinner{display:inline-block;width:8px;height:8px;background:var(--mid-gold);vertical-align:middle;animation:mid-anim-pulse 1s var(--mid-ease-in-out) infinite}@media(prefers-reduced-motion:reduce){.mid-loader-inner .mid-mark,.mid-spinner{animation:none}}.mid-frame{display:flex;flex-direction:column;overflow:hidden;color:var(--mid-fg);background:var(--mid-elevated);border:1px solid var(--mid-elevated-line);border-radius:var(--mid-radius-elevated)}.mid-frame-header{display:flex;align-items:center;gap:var(--mid-space-3);padding:var(--mid-space-3) var(--mid-space-3) var(--mid-space-3) var(--mid-space-5);border-bottom:1px solid var(--mid-border)}.mid-frame-title{flex:1;margin:0;font-size:15px;font-weight:var(--mid-weight-medium)}.mid-frame-body{flex:1;overflow-y:auto;padding:var(--mid-space-5);font-size:var(--mid-font-size-ui);line-height:var(--mid-line-relaxed)}.mid-frame-body>p{margin:0 0 var(--mid-space-3);color:var(--mid-body)}.mid-frame-body>p:last-child{margin-bottom:0}.mid-frame-footer{display:flex;align-items:center;gap:var(--mid-space-2);padding:var(--mid-space-3) var(--mid-space-5);border-top:1px solid var(--mid-border);background:var(--mid-surface)}.mid-frame-spacer{flex:1}.mid-modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--mid-z-modal);display:grid;place-items:center;padding:var(--mid-space-4);background:var(--mid-scrim)}.mid-modal-backdrop .mid-frame{width:min(560px,100%);max-height:88vh}.mid-steps{display:flex;align-items:stretch;list-style:none;margin:0;padding:0;border-bottom:1px solid var(--mid-border);background:var(--mid-surface)}.mid-steps li{flex:1;padding:10px var(--mid-pad);border-inline-end:1px solid var(--mid-border);border-bottom:2px solid transparent;font-family:var(--mid-font-mono);font-size:var(--mid-font-size-micro);letter-spacing:var(--mid-tracking-micro);text-transform:uppercase;color:var(--mid-fg-muted)}.mid-steps li:last-child{border-inline-end:0}.mid-steps li.is-active{color:var(--mid-fg);border-bottom-color:var(--mid-selected-mark)}.mid-steps li.is-done{color:var(--mid-fg)}:lang(ar) .mid-steps li{font-family:var(--mid-font-sans);font-size:12px;text-transform:none}.mid-site{flex:1 0 auto;display:flex;flex-direction:column;min-height:100vh;min-height:100dvh;isolation:isolate;overflow-x:clip;background:var(--mid-bg)}.mid-site-header{position:sticky;top:0;z-index:var(--mid-z-sticky);padding-inline:var(--mid-space-2);background:var(--mid-bg)}.mid-site-header-inner{display:flex;align-items:center;gap:var(--mid-space-1);max-width:var(--mid-column);height:56px;margin-inline:auto;padding-inline:var(--mid-space-4) var(--mid-space-2);border-inline:1px solid var(--mid-border)}.mid-site-brand{display:inline-flex;align-items:center;text-decoration:none}.mid-site-brand .mid-brand{font-size:14px}.mid-site-spacer{flex:1}.mid-site-glyph{width:16px;height:16px;flex-shrink:0;fill:none;stroke:currentColor;stroke-width:1.75;stroke-linecap:round;stroke-linejoin:round}.mid-site-main{flex:1;display:flex;flex-direction:column;padding-inline:var(--mid-space-2)}.mid-site-column{flex:1;display:flex;flex-direction:column;width:100%;max-width:var(--mid-column);margin-inline:auto}.mid-site-gap{flex:none;height:40px;border-inline:1px solid var(--mid-border)}.mid-site-heading{border-inline:1px solid var(--mid-border)}.mid-site-eyebrow{padding:0 var(--mid-space-4) var(--mid-space-2);font-family:var(--mid-font-mono);font-size:14px;line-height:1;letter-spacing:.05em;color:var(--mid-fg-muted)}.mid-site-eyebrow:lang(ar){font-family:var(--mid-font-sans);line-height:1.4}.mid-site-title{margin:0;padding:0 var(--mid-space-4);font-size:var(--mid-font-size-3xl);font-weight:var(--mid-weight-medium);line-height:1.2;letter-spacing:-.015em;text-wrap:balance;color:var(--mid-fg)}.mid-site-title:lang(ar){line-height:1.5}.mid-site-description{max-width:64ch;margin:0;padding:var(--mid-space-4);font-size:var(--mid-font-size-base);line-height:var(--mid-line-normal);text-wrap:pretty;color:var(--mid-fg-muted)}.mid-site-band{border-inline:1px solid var(--mid-border)}.mid-site-band .mid-steps{border-bottom:0;background:transparent}.mid-site-band .mid-steps li{padding-inline:var(--mid-space-4)}.mid-site-panel{border-inline:1px solid var(--mid-border);padding-bottom:1px}.mid-site-panel-body{display:flex;justify-content:center;padding:var(--mid-space-10) var(--mid-space-4)}.mid-site-form{display:flex;flex-direction:column;gap:var(--mid-space-5);width:100%;max-width:384px}.mid-site-form .mid-label{font-size:14px}.mid-site-form .mid-settings-control{min-height:36px;font-size:14px}.mid-site-form :is(.mid-settings-control,.mid-btn){border-radius:0}.mid-site-block{width:100%;min-height:36px;font-size:14px}.mid-site-form .mid-btn--primary{font-weight:var(--mid-weight-medium)}.mid-site-methods{display:flex;flex-direction:column;gap:var(--mid-space-3)}.mid-site-or{display:flex;align-items:center;gap:var(--mid-space-3);font-size:var(--mid-font-size-ui);color:var(--mid-fg-muted)}.mid-site-or:before,.mid-site-or:after{content:"";flex:1;height:1px;background:var(--mid-border)}.mid-site-links{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:var(--mid-space-2) var(--mid-space-4);font-size:var(--mid-font-size-ui);color:var(--mid-fg-muted)}.mid-site-links--center{justify-content:center}.mid-site-link{padding:0;font:inherit;color:var(--mid-fg);background:none;border:0;cursor:pointer;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:3px;text-decoration-color:var(--mid-gold);transition:color var(--mid-motion-fast) var(--mid-ease-out),text-decoration-color var(--mid-motion-fast) var(--mid-ease-out)}.mid-site-link:hover{color:var(--mid-accent);text-decoration-color:currentColor}.mid-site-link:focus-visible{outline:2px solid var(--mid-ring);outline-offset:2px}.mid-site-note{display:flex;align-items:center;gap:var(--mid-space-2);margin:0;font-size:var(--mid-font-size-sm);color:var(--mid-fg-muted)}.mid-site-article{padding:var(--mid-space-8)}.mid-site-panel>.mid-empty{min-height:240px}.mid-site-fill{flex:1;border-inline:1px solid var(--mid-border)}.mid-site-separator{flex:none}.mid-site-footer{display:flex;flex-wrap:wrap;align-items:baseline;justify-content:space-between;gap:var(--mid-space-1) var(--mid-space-4);padding:var(--mid-space-3) var(--mid-space-4);border-inline:1px solid var(--mid-border);font-size:var(--mid-font-size-ui);color:var(--mid-fg-muted)}.mid-site-footer a{font-family:var(--mid-font-mono);white-space:nowrap}.mid-form{display:flex;flex-direction:column;gap:var(--mid-space-4)}.mid-field{display:flex;flex-direction:column;gap:6px}.mid-field-row{display:flex;align-items:center;justify-content:space-between;gap:var(--mid-space-3)}.mid-label{font-size:var(--mid-font-size-ui);font-weight:var(--mid-weight-medium);color:var(--mid-fg)}.mid-help{font-size:var(--mid-font-size-xs);color:var(--mid-fg-muted);line-height:1.5;margin:0}.mid-settings-control{width:100%;min-height:36px;padding:0 var(--mid-space-3);font-family:inherit;font-size:var(--mid-font-size-ui);color:var(--mid-fg);background:var(--mid-surface);border:1px solid var(--mid-border);border-radius:var(--mid-radius-control);outline:none;transition:border-color var(--mid-motion-fast) var(--mid-ease-out),background-color var(--mid-motion-fast) var(--mid-ease-out)}.mid-settings-control::placeholder{color:var(--mid-fg-muted)}.mid-settings-control:hover{border-color:var(--mid-border-strong)}.mid-settings-control:focus{border-color:var(--mid-ring);outline:1px solid var(--mid-ring);outline-offset:0}.mid-settings-control:disabled{opacity:.5}.mid-settings-control[aria-invalid=true]{border-color:var(--mid-danger)}textarea.mid-settings-control{resize:vertical;min-height:96px;padding-block:var(--mid-space-2);line-height:var(--mid-line-normal)}select.mid-settings-control{padding-inline-end:var(--mid-space-6)}.mid-inline-controls{display:flex;align-items:center;gap:var(--mid-space-2);flex-wrap:wrap}input[type=checkbox]{accent-color:var(--mid-accent);width:15px;height:15px}.mid-alert{display:flex;align-items:flex-start;gap:var(--mid-space-2);padding:var(--mid-space-3) var(--mid-space-4);background:var(--mid-surface);border:1px solid var(--mid-border);border-inline-start:2px solid var(--mid-fg-muted);font-size:var(--mid-font-size-ui);color:var(--mid-body)}.mid-alert--danger{border-inline-start-color:var(--mid-danger);color:var(--mid-danger-text)}.mid-alert--success{border-inline-start-color:var(--mid-success)}.mid-alert--info{border-inline-start-color:var(--mid-gold)}.mid-code{display:block;margin:0;padding:var(--mid-space-3);overflow:auto;white-space:pre;font-family:var(--mid-font-mono);font-size:var(--mid-font-size-xs);color:var(--mid-fg);background:var(--mid-surface);border:1px solid var(--mid-border)}code.mid-inline{font-family:var(--mid-font-mono);font-size:.92em;background:var(--mid-inline-code-bg);padding:1px 5px}.mid-chip{display:inline-flex;align-items:center;gap:4px;height:22px;padding:0 var(--mid-space-2);font-family:var(--mid-font-mono);font-size:var(--mid-font-size-micro);color:var(--mid-fg-muted);background:var(--mid-surface);border:1px solid var(--mid-border);border-radius:var(--mid-radius-pill)}.mid-chip--ok{color:var(--mid-success-text);border-color:color-mix(in oklab,var(--mid-success) 45%,var(--mid-border))}.mid-chip--warn{color:var(--mid-danger-text);border-color:color-mix(in oklab,var(--mid-danger) 45%,var(--mid-border))}.mid-chip--accent{color:var(--mid-fg);border-color:var(--mid-gold);background:color-mix(in oklab,var(--mid-gold) 10%,var(--mid-surface))}:lang(ar) .mid-chip{font-family:var(--mid-font-sans);font-size:var(--mid-font-size-xs)}.mid-main:has(>.mid-page){overflow-y:auto;background-image:repeating-linear-gradient(315deg,var(--mid-hatch) 0,var(--mid-hatch) 1px,transparent 0,transparent 50%);background-size:10px 10px}.mid-page{flex:1 0 auto;width:100%;max-width:var(--mid-column);margin-inline:auto;padding:0;background:var(--mid-bg);border-inline:1px solid var(--mid-border)}.mid-page--wide{max-width:1180px}.mid-page-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--mid-space-4);padding:var(--mid-space-8) var(--mid-pad) var(--mid-space-5);border-bottom:1px solid var(--mid-border)}.mid-page-eyebrow{display:block;margin-bottom:var(--mid-space-2)}.mid-page-title{margin:0;font-size:var(--mid-font-size-2xl);font-weight:var(--mid-weight-medium);line-height:var(--mid-line-tight);letter-spacing:-.01em}.mid-page-subtitle{margin:6px 0 0;font-size:var(--mid-font-size-ui);color:var(--mid-body);font-weight:var(--mid-weight-light)}.mid-settings-form{display:flex;flex-direction:column;gap:var(--mid-gap);padding-block:var(--mid-gap);background-image:repeating-linear-gradient(315deg,var(--mid-hatch) 0,var(--mid-hatch) 1px,transparent 0,transparent 50%);background-size:10px 10px}.mid-settings-group,.mid-page-row{background:var(--mid-bg);border-block:1px solid var(--mid-border);overflow:hidden}.mid-page-row{padding:var(--mid-space-3) var(--mid-pad)}.mid-settings-group__header{display:flex;align-items:center;gap:var(--mid-space-3);padding:var(--mid-space-5) var(--mid-pad) var(--mid-space-4);border-bottom:1px solid var(--mid-border)}.mid-settings-group__header-text{flex:1;min-width:0}.mid-settings-group__title{margin:0;font-size:15px;font-weight:var(--mid-weight-medium);color:var(--mid-fg)}.mid-settings-group__description{margin:4px 0 0;font-size:var(--mid-font-size-ui);color:var(--mid-fg-muted);font-weight:var(--mid-weight-light);line-height:1.5;overflow-wrap:anywhere}.mid-settings-group__body{padding:var(--mid-space-5) var(--mid-pad);display:flex;flex-direction:column;gap:var(--mid-space-5)}.mid-settings-group__body--flush{padding:0;gap:0}.mid-settings-empty{margin:0;font-size:var(--mid-font-size-ui);color:var(--mid-fg-muted);line-height:1.6}.mid-settings-group__body--flush>.mid-settings-empty{padding:var(--mid-space-5) var(--mid-pad)}.mid-icon-box{width:28px;height:28px;flex:none;display:inline-flex;align-items:center;justify-content:center;background:var(--mid-surface-hover);border:1px solid var(--mid-border);color:var(--mid-fg-muted)}.mid-setting-row{display:flex;flex-direction:column;gap:var(--mid-space-2)}.mid-setting-row--inline{flex-direction:row;align-items:center;justify-content:space-between;gap:var(--mid-space-4)}.mid-setting-row+.mid-setting-row{padding-top:var(--mid-space-5);border-top:1px solid var(--mid-border)}.mid-setting-row__text{min-width:0}.mid-setting-row__label{font-size:var(--mid-font-size-ui);font-weight:var(--mid-weight-medium);color:var(--mid-fg)}.mid-setting-row__description{margin:4px 0 0;font-size:var(--mid-font-size-sm);color:var(--mid-fg-muted);line-height:1.5}.mid-setting-row__control{width:100%}.mid-setting-row--inline .mid-setting-row__control{width:auto;flex-shrink:0}.mid-stat-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));background:var(--mid-bg);border-top:1px solid var(--mid-border);border-inline-start:1px solid var(--mid-border)}.mid-stat-grid>*{border-bottom:1px solid var(--mid-border);border-inline-end:1px solid var(--mid-border)}.mid-settings-form>.mid-stat-grid{border-inline-start:0;margin-inline-end:-1px}.mid-stat{display:block;padding:var(--mid-space-5) var(--mid-pad);background:var(--mid-bg);color:inherit;text-decoration:none;transition:background-color var(--mid-motion-fast) var(--mid-ease-out)}a.mid-stat:hover{background:var(--mid-surface-hover);color:inherit}.mid-stat-label{font-family:var(--mid-font-mono);font-size:var(--mid-font-size-micro);letter-spacing:var(--mid-tracking-micro);text-transform:uppercase;color:var(--mid-fg-muted)}:lang(ar) .mid-stat-label{font-family:var(--mid-font-sans);font-size:12px;text-transform:none}.mid-stat-value{margin-top:var(--mid-space-2);font-size:26px;font-weight:var(--mid-weight-light);line-height:1.1;font-variant-numeric:tabular-nums}.mid-stat-hint{margin-top:4px;font-size:var(--mid-font-size-sm);color:var(--mid-fg-muted)}.mid-mode-pills{display:grid;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:var(--mid-space-2)}.mid-mode-pill{display:inline-flex;align-items:center;justify-content:center;gap:var(--mid-space-2);min-height:36px;padding:0 12px;font-family:inherit;font-size:var(--mid-font-size-ui);color:var(--mid-fg);background:var(--mid-surface);border:1px solid var(--mid-border);border-radius:var(--mid-radius-control);cursor:pointer;transition:background-color var(--mid-motion-fast) var(--mid-ease-out),border-color var(--mid-motion-fast) var(--mid-ease-out)}.mid-mode-pill:hover{background:var(--mid-surface-hover)}.mid-mode-pill.is-active,.mid-theme-swatch.is-active{background:var(--mid-selected-bg);border-color:var(--mid-selected-mark);color:var(--mid-selected-fg)}.mid-theme-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:var(--mid-space-2)}.mid-theme-swatch{display:grid;grid-template-columns:20px 1fr;align-items:center;gap:var(--mid-space-2);min-height:34px;padding:0 8px;font-family:inherit;font-size:var(--mid-font-size-sm);color:var(--mid-fg);text-align:start;background:var(--mid-surface);border:1px solid var(--mid-border);border-radius:var(--mid-radius-control);cursor:pointer;transition:background-color var(--mid-motion-fast) var(--mid-ease-out),border-color var(--mid-motion-fast) var(--mid-ease-out)}.mid-theme-swatch:hover{border-color:var(--mid-border-strong)}.mid-theme-swatch-dot{width:20px;height:20px;border:1px solid var(--mid-border-strong)}.mid-table-wrap{overflow:auto}.mid-table{width:100%;border-collapse:collapse;font-size:var(--mid-font-size-ui)}.mid-table th{padding:10px var(--mid-space-4);text-align:start;font-family:var(--mid-font-mono);font-size:var(--mid-font-size-micro);font-weight:var(--mid-weight-medium);letter-spacing:var(--mid-tracking-micro);text-transform:uppercase;color:var(--mid-fg-muted);border-bottom:1px solid var(--mid-border);white-space:nowrap}:lang(ar) .mid-table th{font-family:var(--mid-font-sans);font-size:12px;text-transform:none}.mid-table th[role=button]{cursor:pointer}.mid-table th[role=button]:hover{color:var(--mid-fg)}.mid-table td{padding:10px var(--mid-space-4);border-bottom:1px solid var(--mid-border);vertical-align:middle}.mid-table :is(th,td):first-child{padding-inline-start:var(--mid-pad)}.mid-table :is(th,td):last-child{padding-inline-end:var(--mid-pad)}.mid-table tr:last-child td{border-bottom:0}.mid-table tbody tr{transition:background-color var(--mid-motion-fast) var(--mid-ease-out)}.mid-table tbody tr:hover td{background:var(--mid-surface-hover)}.mid-table td.is-mono{font-family:var(--mid-font-mono);font-size:var(--mid-font-size-xs);color:var(--mid-fg-muted)}:lang(ar) .mid-table td.is-mono{font-family:var(--mid-font-sans)}.mid-table .mid-row-actions{display:flex;gap:2px;justify-content:flex-end;opacity:.6;transition:opacity var(--mid-motion-fast) var(--mid-ease-out)}.mid-table tr:hover .mid-row-actions,.mid-table .mid-row-actions:focus-within{opacity:1}.mid-table-footer{display:flex;align-items:center;justify-content:space-between;gap:var(--mid-space-3);padding:var(--mid-space-2) var(--mid-space-3) var(--mid-space-2) var(--mid-pad);border-top:1px solid var(--mid-border);font-size:var(--mid-font-size-sm);color:var(--mid-fg-muted)}.mid-notes-workspace{display:flex;flex:1;min-height:0}.mid-notes-pane{width:300px;flex-shrink:0;display:flex;flex-direction:column;min-height:0;background:var(--mid-surface);border-inline-end:1px solid var(--mid-border)}.mid-notes-detail{flex:1;min-width:0;min-height:0;display:flex;flex-direction:column}.mid-notes-back{display:none}.mid-sidebar-header{display:flex;align-items:center;gap:var(--mid-space-1);padding:var(--mid-space-2);border-bottom:1px solid var(--mid-border)}.mid-table-filter{flex:1;min-width:0;height:30px;padding:0 var(--mid-space-2);font-family:inherit;font-size:var(--mid-font-size-ui);color:var(--mid-fg);background:var(--mid-bg);border:1px solid var(--mid-border);border-radius:var(--mid-radius-control);outline:none;transition:border-color var(--mid-motion-fast) var(--mid-ease-out)}.mid-table-filter::placeholder{color:var(--mid-fg-muted)}.mid-table-filter:focus{border-color:var(--mid-ring);outline:1px solid var(--mid-ring);outline-offset:0}.mid-notes-types{display:flex;flex-wrap:wrap;gap:4px;padding:var(--mid-space-2);border-bottom:1px solid var(--mid-border)}.mid-notes-type{height:24px;padding:0 var(--mid-space-2);font-family:inherit;font-size:var(--mid-font-size-sm);color:var(--mid-fg-muted);background:var(--mid-bg);border:1px solid var(--mid-border);border-radius:var(--mid-radius-pill);cursor:pointer;transition:background-color var(--mid-motion-fast) var(--mid-ease-out),border-color var(--mid-motion-fast) var(--mid-ease-out),color var(--mid-motion-fast) var(--mid-ease-out)}.mid-notes-type:hover{color:var(--mid-fg)}.mid-notes-type.is-active{color:var(--mid-selected-fg);background:var(--mid-selected-bg);border-color:var(--mid-selected-mark)}.mid-notes-list{flex:1;overflow:auto}.mid-note-row{display:grid;grid-template-columns:auto 1fr auto;grid-template-rows:auto auto;align-items:center;gap:2px var(--mid-space-3);width:100%;padding:10px var(--mid-space-3);font-family:inherit;text-align:start;color:var(--mid-fg);background:transparent;border:0;border-bottom:1px solid var(--mid-border);border-inline-start:2px solid transparent;cursor:pointer;-webkit-user-select:none;user-select:none;transition:background-color var(--mid-motion-fast) var(--mid-ease-out),border-color var(--mid-motion-fast) var(--mid-ease-out)}.mid-note-row:hover{background:var(--mid-surface-hover)}.mid-note-row.is-active{background:var(--mid-selected-bg);border-inline-start-color:var(--mid-selected-mark)}.mid-note-title{grid-column:2;grid-row:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:var(--mid-font-size-ui);font-weight:var(--mid-weight-medium)}.mid-note-meta{grid-column:2;grid-row:2;display:flex;align-items:center;gap:var(--mid-space-2);min-width:0;font-family:var(--mid-font-mono);font-size:var(--mid-font-size-micro);color:var(--mid-fg-muted)}:lang(ar) .mid-note-meta{font-family:var(--mid-font-sans);font-size:var(--mid-font-size-xs)}.mid-note-meta>*{min-width:0}.mid-note-meta>:first-child{flex:none;white-space:nowrap}.mid-note-type-chip{grid-column:1;grid-row:1 / span 2;width:28px;height:28px;display:inline-flex;align-items:center;justify-content:center;color:var(--mid-fg-muted);background:var(--mid-surface-hover);border:1px solid var(--mid-border)}.mid-note-row.is-active .mid-note-type-chip{color:var(--mid-selected-icon);border-color:var(--mid-selected-mark)}.mid-note-share{grid-column:3;grid-row:1 / span 2;color:var(--mid-fg-muted)}.mid-note-tags{display:inline-flex;gap:var(--mid-space-1);min-width:0;overflow:hidden}.mid-note-tag{padding:0 5px;font-family:var(--mid-font-mono);font-size:10px;color:var(--mid-fg-muted);border:1px solid var(--mid-border)}.mid-editor-area{display:flex;flex-direction:column;flex:1;min-width:0;min-height:0;overflow:hidden}.mid-tabstrip{display:flex;align-items:stretch;flex:0 0 auto;height:40px;background:var(--mid-surface);border-bottom:1px solid var(--mid-border);overflow-x:auto;-webkit-user-select:none;user-select:none}.mid-tab{position:relative;display:inline-flex;align-items:center;gap:var(--mid-space-2);height:100%;max-width:260px;padding:0 var(--mid-space-4);font-family:inherit;font-size:var(--mid-font-size-ui);white-space:nowrap;color:var(--mid-fg-muted);background:transparent;border:0;border-inline-end:1px solid var(--mid-border)}.mid-tab.is-active{background:var(--mid-bg);color:var(--mid-fg)}.mid-tab.is-active:after{content:"";position:absolute;inset-inline:0;bottom:-1px;height:2px;background:var(--mid-selected-mark)}.mid-tab-title{overflow:hidden;text-overflow:ellipsis}.mid-tab-actions{margin-inline-start:auto;display:flex;align-items:center;gap:var(--mid-space-1);padding:0 var(--mid-space-2)}.mid-notes-back{align-self:center;margin-inline-start:var(--mid-space-1)}.mid-editor-meta{display:flex;align-items:center;flex-wrap:wrap;gap:var(--mid-space-2);padding:var(--mid-space-2) var(--mid-space-4);background:var(--mid-bg);border-bottom:1px solid var(--mid-border)}.mid-editor-meta .mid-settings-control{width:auto;min-width:160px;min-height:32px}.mid-editor-meta .mid-editor-title{flex:1;min-width:200px;padding:0;font-size:var(--mid-font-size-base);font-weight:var(--mid-weight-medium);background:transparent;border:0;border-bottom:1px solid transparent;border-radius:0}.mid-editor-meta .mid-editor-title:focus{outline:none;border-bottom-color:var(--mid-selected-mark)}.mid-editor-body{flex:1;min-height:0;display:grid;grid-template-columns:1fr}.mid-editor-body.is-split{grid-template-columns:1fr 1fr}.mid-editor-textarea{width:100%;height:100%;min-height:0;padding:var(--mid-space-6);resize:none;border:0;outline:none;font-family:var(--mid-font-mono);font-size:13px;line-height:1.7;color:var(--mid-fg);background:var(--mid-bg)}.mid-editor-body.is-split .mid-editor-textarea{border-inline-end:1px solid var(--mid-border)}.mid-preview{overflow:auto;padding:var(--mid-space-8) var(--mid-space-6);min-height:0}.mid-empty{flex:1;display:grid;place-items:center;padding:var(--mid-space-8);text-align:center;font-size:var(--mid-font-size-ui);color:var(--mid-fg-muted)}.mid-empty .mid-icon{display:block;width:28px;height:28px;margin:0 auto var(--mid-space-3);opacity:.5}.mid-md{max-width:var(--mid-preview-max-width, 760px);margin:0 auto;font-family:var(--mid-font-reading);font-size:var(--mid-font-size-reading);line-height:1.75;color:var(--mid-fg)}:lang(ar) .mid-md{line-height:2}.mid-md>:first-child,.mid-md>div>:first-child{margin-top:0}.mid-md h1,.mid-md h2,.mid-md h3,.mid-md h4{font-weight:var(--mid-weight-medium);line-height:var(--mid-line-tight);margin:1.6em 0 .6em;letter-spacing:-.01em}.mid-md h1{font-size:2em;padding-bottom:.35em;border-bottom:1px solid var(--mid-border)}.mid-md h2{font-size:1.45em;padding-bottom:.3em;border-bottom:1px solid var(--mid-border)}.mid-md h3{font-size:1.2em}.mid-md p,.mid-md ul,.mid-md ol,.mid-md blockquote,.mid-md pre,.mid-md table{margin:0 0 1em}.mid-md a{color:var(--mid-link);text-decoration-color:color-mix(in oklab,var(--mid-link) 45%,transparent)}.mid-md a:hover{color:var(--mid-link-hover);text-decoration-color:currentColor}.mid-md strong,.mid-md b{font-weight:var(--mid-weight-bold);color:var(--mid-fg)}.mid-md code{font-family:var(--mid-font-mono);font-size:.86em;background:var(--mid-inline-code-bg);padding:.12em .4em}.mid-md pre{background:var(--mid-code-bg);border:1px solid var(--mid-border);padding:var(--mid-space-4);overflow:auto;font-family:var(--mid-font-mono)}.mid-md pre code{background:transparent;padding:0;font-size:.82em}.mid-md blockquote{border-inline-start:2px solid var(--mid-accent);padding:0 var(--mid-space-4);color:var(--mid-fg-muted)}.mid-md table{border-collapse:collapse;width:100%;font-size:.92em}.mid-md th,.mid-md td{border:1px solid var(--mid-border);padding:6px 12px;text-align:start}.mid-md th{font-weight:var(--mid-weight-medium)}.mid-md tr:nth-child(2n) td{background:var(--mid-table-stripe)}.mid-md img{max-width:100%}.mid-md hr{border:0;height:1px;background:var(--mid-border);margin:2em 0}.mid-md input[type=checkbox]{margin-inline-end:6px}.mid-md-meta{margin-top:var(--mid-space-8);padding-top:var(--mid-space-3);border-top:1px solid var(--mid-border)}.mid-toasts{position:fixed;inset-inline-end:var(--mid-space-4);bottom:40px;z-index:var(--mid-z-toast);display:flex;flex-direction:column;gap:var(--mid-space-2)}.mid-toast{display:flex;align-items:center;gap:var(--mid-space-2);padding:var(--mid-space-2) var(--mid-space-3);font-size:var(--mid-font-size-ui);color:var(--mid-fg);background:var(--mid-elevated);border:1px solid var(--mid-elevated-line);border-inline-start:2px solid var(--mid-success);border-radius:var(--mid-radius-elevated)}.mid-toast .mid-icon{color:var(--mid-success)}.mid-toast--error{border-inline-start-color:var(--mid-danger)}.mid-toast--error .mid-icon{color:var(--mid-danger)}.mid-row{display:flex;align-items:center;gap:var(--mid-space-2)}.mid-row--between{justify-content:space-between}.mid-row--wrap{flex-wrap:wrap}.mid-muted{color:var(--mid-fg-muted)}.mid-subtle{color:var(--mid-fg-subtle)}.mid-mono{font-family:var(--mid-font-mono);font-size:var(--mid-font-size-xs)}.mid-truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.mid-grow{flex:1;min-width:0}.mid-qr{padding:6px;background:#fff;border:1px solid var(--mid-border)}.mid-stack{display:flex;flex-direction:column;gap:var(--mid-space-3)}.mid-list{margin:0;padding:0;list-style:none;display:flex;flex-direction:column}.mid-list>li{display:flex;align-items:center;gap:var(--mid-space-2);padding:var(--mid-space-3) 0;border-bottom:1px solid var(--mid-border);font-size:var(--mid-font-size-ui)}.mid-list>li:last-child{border-bottom:0}.mid-list-row-count{margin-inline-start:auto;font-family:var(--mid-font-mono);font-size:var(--mid-font-size-xs);color:var(--mid-fg-muted)}@media(max-width:720px){.mid-titlebar{grid-template-columns:auto 1fr auto}.mid-titlebar-search{padding:0 var(--mid-space-2)}.mid-titlebar-search .mid-filename,.mid-titlebar-search-kbd{display:none}.mid-notes-pane{width:100%;border-inline-end:0}.mid-notes-workspace.show-detail .mid-notes-pane{display:none}.mid-notes-workspace:not(.show-detail) .mid-notes-detail{display:none}.mid-notes-back{display:inline-flex}.mid-page{border-inline:0}.mid-page-head{flex-direction:column;align-items:flex-start;padding-inline:var(--mid-space-4)}.mid-settings-group__header,.mid-settings-group__body,.mid-page-row{padding-inline:var(--mid-space-4)}.mid-setting-row--inline{flex-direction:column;align-items:flex-start}.mid-editor-body.is-split{grid-template-columns:1fr}.mid-editor-body.is-split .mid-preview{display:none}.mid-site-article{padding-inline:var(--mid-space-4)}.mid-site-panel-body{padding-block:var(--mid-space-8)}}@media(max-width:520px){.mid-site-cta{width:32px;padding:0}.mid-site-cta-label{display:none}}