@layer reset,tokens,base,layout,components,effects,utilities,overrides;@layer reset{*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}body{font-family:var(--font-sans);background:var(--bg);color:var(--text);height:100vh;overflow:hidden;position:relative;transition:all var(--duration-slow) ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button{font-family:inherit;font-size:inherit;line-height:inherit;cursor:pointer;border:none;background:none;color:inherit}a{color:inherit;text-decoration:none}ul,ol{list-style:none}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit}p,h1,h2,h3,h4,h5,h6{overflow-wrap:break-word}fieldset{border:none;padding:0;margin:0}legend{padding:0}}@layer tokens{@font-face{font-family:Switzer;src:url(/assets/Switzer-Variable-d1bf801f.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Switzer;src:url(/assets/Switzer-VariableItalic-bf66eb64.woff2) format("woff2-variations");font-weight:100 900;font-style:italic;font-display:swap}@font-face{font-family:Atkinson Mono;src:url(/assets/AtkinsonHyperlegibleMonoVF-Variable-4a886fc3.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Atkinson Hyperlegible;src:url(/assets/AtkinsonHyperlegibleNextVF-Variable-b3b26749.woff2) format("woff2-variations");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(/assets/Lexend-VariableFont_wght-91342a7f.ttf) format("truetype");font-weight:200 1000;font-style:normal;font-display:swap}@font-face{font-family:Lexend;src:url(/assets/Lexend-VariableFont_wght-91342a7f.ttf) format("truetype");font-weight:200 1000;font-style:italic;font-display:swap}@font-face{font-family:Work Sans;src:url(/assets/WorkSans-VariableFont_wght-ba2b4384.ttf) format("truetype");font-weight:100 900;font-style:normal;font-display:swap}@font-face{font-family:Work Sans;src:url(/assets/WorkSans-Italic-VariableFont_wght-8182fd9e.ttf) format("truetype");font-weight:100 900;font-style:italic;font-display:swap}:root{--bg: #fefefe;--bg-secondary: #f7fafc;--bg-hover: #edf2f7;--text: #2d3748;--text-light: #718096;--text-lighter: #a0aec0;--border: #e2e8f0;--accent: #64748b;--accent-rgb: 100, 116, 139;--success: #48bb78;--success-dark: #2f855a;--warning: #ed8936;--error: #f56565;--error-dark: #c53030;--toolbar-bg: rgba(255, 255, 255, .8);--toolbar-border: rgba(0, 0, 0, .1);--surface: var(--bg);--surface-light: var(--bg-secondary);--surface-hover: var(--bg-hover);--overlay-light: rgba(0, 0, 0, .05);--overlay-medium: rgba(0, 0, 0, .1);--overlay-dark: rgba(0, 0, 0, .4);--space-xs: .25rem;--space-xs-half: .375rem;--space-sm: .5rem;--space-sm-md: .75rem;--space-md: 1rem;--space-lg: 2rem;--space-xl: 4rem;--space-2xl: 6rem;--text-xs: .65rem;--text-sm: .75rem;--text-base: .875rem;--text-md: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--leading-none: 1;--leading-tight: 1.25;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.6;--leading-loose: 2;--font-sans: "Switzer", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SF Mono", Monaco, "Cascadia Code", "Roboto Mono", Consolas, "Courier New", monospace;--radius-sm: .125rem;--radius-base: .25rem;--radius-md: .375rem;--radius-lg: .5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-base: 0 1px 3px 0 rgba(0, 0, 0, .1);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1);--z-base: 1;--z-dropdown: 50;--z-toolbar: 100;--z-status: 150;--z-backdrop: 170;--z-modal: 200;--z-notification: 999;--duration-fast: .15s;--duration-base: .2s;--duration-slow: .3s;--duration-slower: .5s;--ease-in: cubic-bezier(.4, 0, 1, 1);--ease-out: cubic-bezier(0, 0, .2, 1);--ease-in-out: cubic-bezier(.4, 0, .2, 1);--ease-spring: cubic-bezier(.68, -.55, .265, 1.55);--opacity-disabled: .4;--opacity-muted: .6;--opacity-subtle: .8;--opacity-full: 1;--max-width-prose: 75ch;--editor-max-width: 55ch;--editor-font-size: 26px;--editor-line-height: 1.5;--max-width-container: 1200px;--toolbar-height: 2.5rem;--chrome-height: 2.5rem;--chrome-safe-left: 72px}}@layer base{.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-md{font-size:var(--text-md)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.font-light{font-weight:var(--font-light)}.font-normal{font-weight:var(--font-normal)}.font-medium{font-weight:var(--font-medium)}.font-semibold{font-weight:var(--font-semibold)}.font-bold{font-weight:var(--font-bold)}.leading-none{line-height:var(--leading-none)}.leading-tight{line-height:var(--leading-tight)}.leading-snug{line-height:var(--leading-snug)}.leading-normal{line-height:var(--leading-normal)}.leading-relaxed{line-height:var(--leading-relaxed)}.leading-loose{line-height:var(--leading-loose)}.font-sans{font-family:var(--font-sans)}.font-mono{font-family:var(--font-mono)}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.not-italic{font-style:normal}.underline{text-decoration:underline}.no-underline{text-decoration:none}.text-left{text-align:left}.text-center{text-align:center}.text-right{text-align:right}.tracking-tight{letter-spacing:-.025em}.tracking-normal{letter-spacing:0}.tracking-wide{letter-spacing:.025em}.text-primary{color:var(--text)}.text-light{color:var(--text-light)}.text-lighter{color:var(--text-lighter)}.text-accent{color:var(--accent)}.text-success{color:var(--success)}.text-warning{color:var(--warning)}.text-error{color:var(--error)}.tabular-nums{font-variant-numeric:tabular-nums}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-words{word-break:break-word}.break-all{word-break:break-all}.whitespace-normal{white-space:normal}.whitespace-nowrap{white-space:nowrap}.whitespace-pre{white-space:pre}.whitespace-pre-wrap{white-space:pre-wrap}}@layer base{@keyframes spin{to{transform:rotate(360deg)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes fadeOut{0%{opacity:1}to{opacity:0}}@keyframes slideUp{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slideDown{0%{transform:translateY(-100%)}to{transform:translateY(0)}}@keyframes scaleIn{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.transition-none{transition:none}.transition-all{transition:all var(--duration-base) var(--ease-in-out)}.transition-colors{transition:color var(--duration-base) var(--ease-in-out),background-color var(--duration-base) var(--ease-in-out),border-color var(--duration-base) var(--ease-in-out)}.transition-opacity{transition:opacity var(--duration-base) var(--ease-in-out)}.transition-transform{transition:transform var(--duration-base) var(--ease-in-out)}.duration-fast{transition-duration:var(--duration-fast)}.duration-base{transition-duration:var(--duration-base)}.duration-slow{transition-duration:var(--duration-slow)}.duration-slower{transition-duration:var(--duration-slower)}.ease-in{transition-timing-function:var(--ease-in)}.ease-out{transition-timing-function:var(--ease-out)}.ease-in-out{transition-timing-function:var(--ease-in-out)}.ease-spring{transition-timing-function:var(--ease-spring)}.animate-spin{animation:spin .8s linear infinite}.animate-pulse{animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.animate-fadeIn{animation:fadeIn var(--duration-slow) var(--ease-out)}.animate-scaleIn{animation:scaleIn var(--duration-slow) var(--ease-out)}.scale-90{transform:scale(.9)}.scale-95{transform:scale(.95)}.scale-100{transform:scale(1)}.scale-105{transform:scale(1.05)}.scale-110{transform:scale(1.1)}.scale-115{transform:scale(1.15)}.rotate-0{transform:rotate(0)}.rotate-90{transform:rotate(90deg)}.rotate-180{transform:rotate(180deg)}.rotate-270{transform:rotate(270deg)}.translate-y-0{transform:translateY(0)}.translate-y-full{transform:translateY(100%)}.-translate-y-full{transform:translateY(-100%)}}@layer layout{.container{width:100%;max-width:var(--max-width-container);margin-left:auto;margin-right:auto;padding-left:var(--space-md);padding-right:var(--space-md)}.container-prose{width:100%;max-width:var(--max-width-prose);margin-left:auto;margin-right:auto}.flex-center{display:flex;align-items:center;justify-content:center}.absolute-center{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.overlay-full{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.fixed-top-left{position:fixed;top:var(--space-md);left:var(--space-md)}.fixed-top-right{position:fixed;top:var(--space-md);right:var(--space-md)}.fixed-bottom-left{position:fixed;bottom:var(--space-md);left:var(--space-md)}.fixed-bottom-right{position:fixed;bottom:var(--space-md);right:var(--space-md)}.stack{display:flex;flex-direction:column}.stack-xs{gap:var(--space-xs)}.stack-sm{gap:var(--space-sm)}.stack-md{gap:var(--space-md)}.stack-lg{gap:var(--space-lg)}.cluster{display:flex;flex-wrap:wrap;align-items:center}.cluster-xs{gap:var(--space-xs)}.cluster-sm{gap:var(--space-sm)}.cluster-md{gap:var(--space-md)}.aspect-square{aspect-ratio:1 / 1}.aspect-video{aspect-ratio:16 / 9}.scroll-area{overflow-y:auto;-webkit-overflow-scrolling:touch}.scroll-area-x{overflow-x:auto;-webkit-overflow-scrolling:touch}.scroll-area-hidden::-webkit-scrollbar{display:none}.scroll-area-hidden{-ms-overflow-style:none;scrollbar-width:none}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}.z-context-base{position:relative;z-index:var(--z-base)}.z-context-toolbar{position:relative;z-index:var(--z-toolbar)}.z-context-modal{position:relative;z-index:var(--z-modal)}}@layer layout;@layer layout;@layer layout;@layer layout{@media (max-width: 768px){.editor{padding:2rem 1rem 6rem;font-size:1rem}.toolbar{bottom:.5rem;left:.5rem;right:.5rem;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.toolbar-btn{padding:.4rem .7rem;font-size:.75rem;white-space:nowrap;flex-shrink:0;min-height:44px;display:flex;align-items:center;justify-content:center}.toolbar-btn .btn-text{display:none}.toolbar-btn .btn-icon{margin:0}#theme-switcher-container,#options-btn .btn-text{display:none}.theme-swatches{padding:.35rem;gap:.35rem}.counter-display{font-size:.75rem;top:.75rem;right:.75rem}.status-display{top:2.25rem;right:.75rem}.status-label{font-size:.7rem}.status-indicator{top:1rem;right:1rem;font-size:.7rem}.options-content{width:calc(100vw - 2rem);max-width:22rem;margin:0 1rem;right:1rem;bottom:3rem}.options-menu{right:1rem;bottom:3.5rem}.diff-panel{width:calc(100vw - 2rem);margin:0 1rem;bottom:4rem;font-size:.8rem;max-height:35vh}.time-slider-container{gap:.5rem}}}@layer layout;@layer layout{@media (max-width: 480px){.toolbar{bottom:.25rem;left:.25rem;right:.25rem;overflow-x:auto;overflow-y:hidden;flex-wrap:nowrap;-webkit-overflow-scrolling:touch;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.toolbar-btn{padding:.3rem .5rem;font-size:.7rem;flex-shrink:0}.toolbar-btn .btn-text{display:none}.toolbar-btn .btn-icon{margin:0}#theme-switcher-container,#options-btn .btn-text{display:none}.theme-swatches{padding:.25rem;gap:.25rem}.counter-display{font-size:.7rem}.status-display{top:2rem}.status-label{font-size:.65rem}.options-menu{right:.5rem}}}@layer layout;@layer layout{@media (max-width: 768px){.md\:hidden{display:none}}}@layer layout;@layer layout{@media (min-width: 769px){.mobile-only{display:none}}}@layer layout{.desktop-only{display:none}}@layer layout{@media (min-width: 769px){.desktop-only{display:initial}}}@layer layout;@layer layout{@media (orientation: landscape) and (max-height: 500px){.editor{padding-top:2rem;padding-bottom:4rem}.counter-display{top:.5rem;font-size:.7rem}}}@layer layout;@layer layout{@media print{.toolbar,.options-menu,.diff-panel,.counter-display,.status-display,.notification-toast,.shader-canvas{display:none!important}.editor{padding:1rem;max-width:none}body{background:white;color:#000}}}@layer layout;@layer layout{@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}}@layer components{.editor{display:block;width:100%;height:100dvh;padding:4rem 1rem;font-size:var(--editor-font-size, 1rem);font-weight:400;line-height:var(--editor-line-height, 1.6);letter-spacing:var(--editor-letter-spacing, 0em);border:none;outline:none;resize:none;background:transparent;color:var(--text);font-family:inherit;overflow-y:auto;position:relative;max-width:var(--editor-max-width, 75ch);margin:0 auto}.editor::placeholder{color:var(--text-lighter);font-style:italic}.editor:focus::placeholder{opacity:.3}body.shader-active .editor{text-shadow:0 0 20px var(--bg),0 0 10px var(--bg)}}@layer components{.toolbar{position:fixed;bottom:.5rem;left:.5rem;right:.5rem;height:auto;display:flex;gap:.25rem;padding:0;z-index:var(--z-toolbar)}.toolbar-btn{border:none;font-size:.75rem;padding:.25rem .5rem;cursor:pointer;transition:all var(--duration-base) ease;font-family:inherit;text-transform:uppercase;pointer-events:auto;width:max-content;background:transparent;color:var(--text);border:1px solid transparent;border-radius:var(--radius-base);display:inline-flex;align-items:center;gap:.25rem}.toolbar.hide-text .toolbar-btn{padding:.25rem}.toolbar-btn svg{flex-shrink:0}.toolbar-btn .btn-icon{display:inline-flex;align-items:center;justify-content:center}.toolbar-btn .btn-icon svg{width:16px;height:16px}.toolbar-btn .btn-text{display:inline}.toolbar.hide-text .btn-text{display:none}.toolbar-btn:hover:not(:disabled){background:var(--accent);color:#fff}.toolbar-btn:active:not(:disabled){transform:translateY(0)}.toolbar-btn:disabled{opacity:.4;cursor:not-allowed}.toolbar-btn.active{background:var(--accent);color:#fff}.mode-btn.realtime{color:var(--accent)}.mode-btn.manual{color:var(--text-light)}.toolbar-btn.loading{position:relative;color:transparent!important}.toolbar-btn.loading:after{content:"";position:absolute;width:14px;height:14px;top:50%;left:50%;margin-left:-7px;margin-top:-7px;border:2px solid var(--text-light);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}}@layer components{.counter-display{position:fixed;top:1rem;right:1rem;font-variant-numeric:tabular-nums;z-index:var(--z-status);pointer-events:none;background:var(--toolbar-bg);border:1px solid var(--toolbar-border);border-radius:.25rem;padding:0 .25rem;display:inline-flex;align-items:center;gap:.25rem;font-size:.75rem;font-weight:400;opacity:.75;line-height:1}.counter-number{color:var(--text);font-weight:500}.counter-separator{color:var(--text-lighter);font-weight:300;opacity:.75}.status-display{position:fixed;top:2.75rem;right:1rem;z-index:var(--z-status);pointer-events:none}.counter-display[style*="display: none"]~.status-display{top:1rem}.status-label{font-size:.75rem;padding:.25rem .5rem;border-radius:var(--radius-base);transition:all var(--duration-base) ease;display:inline-block}.status-label.correction-idle{color:var(--text-light);background:transparent}.status-label.correction-active{color:var(--accent);background:rgba(66,153,225,.1)}.status-label.correction-done{color:var(--success);background:rgba(72,187,120,.1)}.status-label.correction-error{background:rgba(245,101,101,.15);color:var(--error);font-weight:500}.status-label.correction-warning{background:rgba(237,137,54,.2);color:var(--warning);font-weight:500}.debug-indicator{font-size:.7rem;line-height:1;color:var(--warning);background:rgba(237,137,54,.1);padding:.25rem .5rem;border-radius:var(--radius-base);height:fit-content}}@layer components{.theme-switcher{display:inline-flex;align-items:center}.theme-trigger{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;padding:0;border:none;border-radius:50%;background:transparent;cursor:pointer;position:relative}.theme-trigger:active{transform:scale(.96)}.theme-trigger:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.theme-trigger:hover{background:transparent!important;border:none!important;box-shadow:none!important;color:inherit!important}.theme-trigger .gradient-circle{transition:transform .18s ease,filter .18s ease}.theme-trigger:hover .gradient-circle,.theme-trigger:focus-visible .gradient-circle{transform:scale(1.1);filter:saturate(1.06) brightness(1.02)}.gradient-circle{width:100%;height:100%;border-radius:50%;background:radial-gradient(120% 120% at 20% 20%,var(--text-lighter) 0%,var(--accent) 35%,var(--text) 55%,var(--border) 75%,var(--toolbar-border) 100%);border:.5px solid var(--accent)}.theme-swatches{display:inline-flex;align-items:center;gap:.5rem;margin:0;border:none;max-width:0;opacity:0;transform:translate(-4px);overflow:hidden;transition:max-width .22s ease,opacity .18s ease,transform .22s ease}.theme-switcher.open .theme-swatches{max-width:999px;opacity:1;margin-left:.5rem;transform:translate(0)}.theme-swatch{background:none;border:none;cursor:pointer;border-radius:50%;transition:all var(--duration-base) ease;position:relative}.theme-swatch:hover{background:transparent!important;border:none!important;box-shadow:none!important;color:inherit!important}.theme-swatch .swatch-circle .theme-fill{transform-origin:50% 50%;transition:transform .16s ease}.theme-swatch:hover .swatch-circle .theme-fill,.theme-swatch:focus-visible .swatch-circle .theme-fill{transform:scale(1.08)}.theme-swatch{opacity:0;transform:scale(.8);transition:transform .18s ease,opacity .18s ease}.theme-switcher.open .theme-swatch{opacity:1;transform:scale(1)}.theme-switcher.open .theme-swatch:nth-child(1){transition-delay:10ms}.theme-switcher.open .theme-swatch:nth-child(2){transition-delay:40ms}.theme-switcher.open .theme-swatch:nth-child(3){transition-delay:70ms}.theme-switcher.open .theme-swatch:nth-child(4){transition-delay:.1s}.theme-switcher.open .theme-swatch:nth-child(5){transition-delay:.13s}.theme-swatch:hover{transform:scale(1.15)}.theme-swatch:active{transform:scale(.95)}.theme-swatch .swatch-circle{display:block;width:16px;height:16px}.theme-swatch:focus:not(:active) svg{transform:scale(1.15);transition:transform .2s ease}}@layer components{.window-chrome{position:fixed;top:0;left:0;right:0;height:var(--chrome-height);padding:.35rem var(--space-md);padding-left:calc(var(--chrome-safe-left) + var(--space-xs));display:flex;align-items:center;gap:var(--space-sm);color:var(--text);font-size:var(--text-sm);font-weight:var(--font-semibold);letter-spacing:.06em;z-index:120;-webkit-user-select:none;user-select:none;opacity:0;transform:translateY(-5px);transition:opacity var(--duration-base) var(--ease-out),transform var(--duration-base) var(--ease-out);pointer-events:none}.window-chrome:hover{opacity:1;transform:translateY(0)}.window-chrome .chrome-title{font-weight:var(--font-semibold);color:var(--text);letter-spacing:.06em;text-shadow:0 1px 0 rgba(255,255,255,.25)}.window-chrome .chrome-accent{width:38px;height:12px;border-radius:var(--radius-full);background:linear-gradient(135deg,rgba(255,255,255,.35) 0%,var(--text-lighter) 38%,var(--accent) 100%);box-shadow:inset 0 0 0 1px var(--toolbar-border),0 6px 18px -12px #0006;opacity:.85}}@layer components{@media (pointer: coarse){.window-chrome{opacity:1;transform:translateY(0)}}}@layer components{.tiptap-content{outline:none;border:none;background:transparent;color:var(--text);font-family:inherit;font-size:inherit;line-height:inherit;letter-spacing:inherit;width:100%}.tiptap-content hr{border:none;border-top:1px solid var(--border);max-width:99%;margin:1rem auto}.tiptap-content p{margin:0 0 var(--editor-paragraph-margin, .75rem) 0}.tiptap-content p:last-child{margin-bottom:0}.tiptap-content h1{font-size:2rem;font-weight:700;margin:2rem 0 1rem;line-height:1.2}.tiptap-content h2{font-size:1.5rem;font-weight:600;margin:1.25rem 0 .75rem;line-height:1}.tiptap-content h3{font-size:1.25rem;font-weight:600;margin:1.25rem 0 .5rem;line-height:1.4}.tiptap-content strong{font-weight:700}.tiptap-content em{font-style:italic}.tiptap-content code{background:var(--overlay-medium);padding:.125rem .25rem;border-radius:var(--radius-base);font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.875em}.tiptap-content pre{background:var(--overlay-light);padding:1rem;border-radius:var(--radius-lg);overflow-x:auto;margin:1rem 0}.tiptap-content pre code{background:none;padding:0;font-size:.875rem}.tiptap-content ul,.tiptap-content ol{margin:.5rem 0;padding-left:1.15rem;line-height:1.25}.tiptap-content ul{list-style-type:disc}.tiptap-content ul p{margin:unset}.tiptap-content ol{list-style-type:decimal}.tiptap-content ul ul,.tiptap-content ol ul{list-style-type:circle;padding-inline-start:1rem;margin:0}.tiptap-content ul ul ul,.tiptap-content ol ul ul{list-style-type:square}.tiptap-content ol ol,.tiptap-content ul ol{list-style-type:lower-alpha;margin:.25rem 0}.tiptap-content ol ol ol,.tiptap-content ul ol ol{list-style-type:lower-roman}.tiptap-content li::marker{color:var(--accent);font-weight:500}.tiptap-content blockquote{border-left:4px solid var(--accent);padding-left:1rem;margin:1rem 0;font-style:italic;color:var(--text-light)}.tiptap-link{color:var(--accent);text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:2px}.tiptap-link:hover{text-decoration-color:var(--text)}.tiptap-content p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-lighter);pointer-events:none;height:0;font-style:italic}.bubble-menu{display:flex;align-items:center;gap:.25rem;background:var(--bg);border:1px solid var(--accent);box-shadow:0 2px 0 0 var(--accent);border-radius:var(--radius-lg);font-size:.875rem;z-index:1000}.bubble-menu-mobile{position:fixed;left:.5rem;right:.5rem;bottom:var(--bubble-menu-mobile-offset, 72px);padding:0;opacity:0;transform:translateY(16px);pointer-events:none;transition:opacity var(--duration-base) ease,transform var(--duration-base) ease;z-index:calc(var(--z-toolbar, 100) + 10);justify-content:center;overflow-x:auto;scrollbar-width:none}.bubble-menu-mobile::-webkit-scrollbar{display:none}.bubble-menu-mobile.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}@supports (bottom: calc(1px + env(safe-area-inset-bottom))){.bubble-menu-mobile{bottom:calc(var(--bubble-menu-mobile-offset, 72px) + env(safe-area-inset-bottom))}}}@layer components{@media (min-width: 769px){.bubble-menu-mobile{display:none!important}}}@layer components{.tippy-box[data-theme~=bubble-menu]{background:var(--toolbar-bg);border-radius:var(--radius-lg)}.tippy-box[data-theme~=bubble-menu] .tippy-content{padding:0;background:transparent}.tippy-box[data-theme~=bubble-menu] .tippy-arrow{color:var(--toolbar-bg)}.bubble-menu-btn{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;background:none;border:none;border-radius:.375rem;color:var(--text-light);font-size:.875rem;font-weight:500;cursor:pointer;transition:all .15s ease;font-family:inherit;position:relative}.bubble-menu-btn svg{width:16px;height:16px;flex-shrink:0}.bubble-menu-btn:hover:not(:disabled){background:var(--overlay-light);color:var(--text);transform:scale(1.05)}.bubble-menu-btn:active{transform:scale(.95)}.bubble-menu-btn.is-active{background:var(--accent);color:#fff}.bubble-menu-btn:disabled{opacity:.4;cursor:not-allowed}.bubble-menu-btn[data-command=setHeading]{font-weight:600}.bubble-menu-btn[data-level="1"]{font-size:1rem}.bubble-menu-btn[data-level="2"]{font-size:.875rem}.bubble-menu-btn[data-level="3"]{font-size:.75rem}}@layer components{@media (max-width: 768px){.bubble-menu{gap:.2rem;padding:.35rem .5rem;font-size:.9rem}.bubble-menu .bubble-menu-btn,.bubble-menu-mobile .bubble-menu-btn{width:2rem;height:2rem;font-size:1rem;touch-action:manipulation;border:1px solid rgb(100 116 139 / 25%)}.bubble-menu .bubble-menu-btn svg,.bubble-menu-mobile .bubble-menu-btn svg{width:20px;height:20px}}}@layer components{.diff-add{background:rgba(31,118,180,.18)}.diff-del{background:rgba(147,103,189,.18)}ins{background:rgba(31,118,180,.22);color:#1f77b4;text-decoration:none;padding:.1em .15em;border-radius:2px}del{background:rgba(147,103,189,.22);color:#9467bd;text-decoration:line-through;padding:.1em .15em;border-radius:2px}.diff-panel{position:fixed;left:50%;top:50%;transform:translate(-50%,-50%) scale(.95);width:min(90vw,60rem);max-height:80vh;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-sm);box-shadow:0 10px 40px var(--shadow-base);z-index:180;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;flex-direction:column}.diff-panel.show{opacity:1;pointer-events:auto;transform:translate(-50%,-50%) scale(1)}.diff-panel-backdrop{z-index:175}.diff-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-bottom:1rem;padding:1rem;border-bottom:1px solid var(--border);flex-shrink:0}.diff-nav{display:flex;align-items:center;gap:.75rem}.diff-meta{color:var(--text-lighter);font-size:.75rem;font-weight:400;text-align:right;padding:.5rem}.diff-body{overflow-y:auto;flex:1;line-height:1.6;word-break:break-word;padding:1rem}.diff-single-view{display:flex;flex-direction:column;height:100%;min-height:400px}.diff-content{flex:1;overflow-y:auto;line-height:1.8;white-space:pre-wrap;word-break:break-word;background:var(--bg);border-radius:var(--radius-base)}.diff-word{position:relative;transition:all .2s ease;border-radius:2px;padding:.1em .15em;margin:0 .05em}.diff-word.unchanged{color:var(--text)}.diff-word.removed{background:rgba(147,103,189,.3);color:#9467bd;text-decoration:line-through;opacity:.6;font-style:italic}.diff-word.added{background:rgba(31,118,180,.3);color:#1f77b4}.diff-word.changed{background:rgba(255,193,7,.15);color:var(--warning-dark)}.diff-word.interactive{cursor:pointer;outline:none}.diff-word.interactive:hover,.diff-word.hovered{background:var(--overlay-medium);transform:scale(1.05);z-index:1}.diff-word.loading-suggestions{opacity:.6;pointer-events:none}.diff-word.suggestion-error{animation:shake .3s ease}@keyframes shake{0%,to{transform:translate(0)}25%{transform:translate(-3px)}75%{transform:translate(3px)}}.diff-word-editor{display:inline-block;background:var(--bg);border:2px solid var(--primary);border-radius:var(--radius-base);padding:.1em .15em;margin:0 .05em;font-family:inherit;font-size:inherit;line-height:inherit;color:var(--text);outline:none;box-shadow:0 0 0 2px #3b82f633;transition:all .2s ease;vertical-align:baseline}.diff-word-editor:focus{box-shadow:0 0 0 3px #3b82f64d;border-color:var(--primary)}.diff-word-menu{position:fixed;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-base);box-shadow:0 4px 12px #00000026;padding:.5rem;z-index:200;display:flex;flex-direction:column;gap:.25rem;min-width:120px}.diff-menu-btn{padding:.5rem .75rem;background:transparent;border:none;border-radius:var(--radius-base);color:var(--text);font-size:.875rem;text-align:left;cursor:pointer;transition:background .2s ease}.diff-menu-btn:hover{background:var(--overlay-medium)}.diff-menu-btn:focus{outline:2px solid var(--primary);outline-offset:-2px}.diff-suggestions-menu{position:fixed;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 6px 20px #0003;padding:.75rem;z-index:200;min-width:200px;max-width:300px;max-height:400px;overflow-y:auto}.diff-suggestions-title{font-size:.75rem;font-weight:600;color:var(--text-light);margin-bottom:.5rem;text-transform:uppercase;letter-spacing:.5px}.diff-suggestions-list{display:flex;flex-direction:column;gap:.25rem}.diff-suggestion-item{padding:.5rem .75rem;background:var(--overlay-light);border:1px solid var(--border);border-radius:var(--radius-base);color:var(--text);font-size:.875rem;text-align:left;cursor:pointer;transition:all .2s ease;word-break:break-word}.diff-suggestion-item:hover{background:var(--overlay-medium);border-color:var(--primary);transform:translate(2px)}.diff-suggestion-item:focus{outline:2px solid var(--primary);outline-offset:-2px}.diff-suggestions-close{position:absolute;top:.5rem;right:.5rem;width:1.5rem;height:1.5rem;padding:0;background:transparent;border:none;border-radius:var(--radius-base);color:var(--text-light);font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s ease}.diff-suggestions-close:hover{background:var(--overlay-medium);color:var(--text)}.diff-close-btn{border:1px solid transparent;border-radius:var(--radius-base);color:var(--text-light);font-size:1.5rem;padding:.25rem;cursor:pointer;transition:all .2s ease}.minimal-diff-popup{position:fixed;bottom:5rem;left:50%;transform:translate(-50%) translateY(80px);max-width:65ch;width:calc(100% - 2rem);padding:.75rem 1rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 12px #00000026;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);z-index:90;font-size:.9rem;line-height:1.6;color:var(--text);white-space:pre-wrap;word-break:break-word}.minimal-diff-popup.show{opacity:1;transform:translate(-50%) translateY(0)}}@layer components{@media (max-width: 768px){.diff-panel{width:calc(100vw - 1rem);min-height:80vh;bottom:2rem;margin:0 auto;padding:0rem}.diff-header{padding:.5rem;margin-bottom:.5rem;gap:.5rem}.diff-nav,.diff-nav button{gap:.5rem}.minimal-diff-popup{bottom:4rem;font-size:.85rem}.diff-single-view{min-height:300px}.diff-body{font-size:16px;padding:.5rem}.diff-content{padding:0rem}.diff-word-menu,.diff-suggestions-menu{min-width:150px;max-width:calc(100vw - 4rem)}}}@layer components{.settings-actions{display:flex;gap:.75rem;margin-top:1.5rem}.settings-btn{padding:.25rem .5rem;border:1px solid var(--border);background:var(--bg);color:var(--text);font-size:.875rem;font-weight:500;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease;font-family:inherit}.settings-btn:hover{background:var(--accent);border-color:var(--accent);color:#fff}.tab-btn,.options-btn{border:1px solid var(--border);background:var(--bg);color:var(--text);padding:.25rem .5rem;cursor:pointer;font-family:inherit;font-size:.85rem;transition:all var(--duration-base) ease;border-radius:var(--radius-sm)}.tab-btn:hover{border-color:var(--accent)}.tab-btn.active{border-color:var(--accent);background-color:var(--accent);color:var(--bg)}.tab-panel .toggle-row{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem;cursor:pointer;-webkit-user-select:none;user-select:none;font-size:.85rem;font-weight:400}.toggle-row input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.switch-control{position:relative;display:inline-flex;align-items:center;width:2em;height:1.125em;background-color:var(--border);border-radius:1.125em;transition:all var(--duration-base) ease;flex-shrink:0}.switch-thumb{position:absolute;width:.875em;height:.875em;background-color:#fff;border-radius:50%;left:.125em;transition:all var(--duration-base) ease;box-shadow:0 1px 3px #0000004d}.toggle-row input[type=checkbox]:checked+.switch-control{background-color:var(--accent)}.toggle-row input[type=checkbox]:checked+.switch-control .switch-thumb{left:calc(100% - 1em)}.toggle-row input[type=checkbox]:focus-visible+.switch-control{outline:2px solid var(--accent);outline-offset:2px}.toggle-row input[type=checkbox]:disabled+.switch-control{opacity:.5;cursor:not-allowed}.toggle-row:has(input[type=checkbox]:disabled){cursor:not-allowed;opacity:.5}.toggle-row:hover input[type=checkbox]:not(:disabled)+.switch-control{background-color:var(--text-lighter)}.toggle-row:hover input[type=checkbox]:checked:not(:disabled)+.switch-control{background-color:var(--accent);filter:brightness(1.1)}.settings-select,.settings-input{width:100%;margin-top:.25rem;padding:.5rem;border:1px solid var(--border);border-radius:var(--radius-base);background-color:var(--bg);color:var(--text);font-size:.875rem;font-family:inherit;box-sizing:border-box;transition:all var(--duration-base) ease}.settings-select{appearance:none;-webkit-appearance:none;-moz-appearance:none;cursor:pointer;padding-right:2.5rem;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23718096' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;background-size:12px}body[data-theme=dark] .settings-select,body[data-theme=coffee-dark] .settings-select,body[data-theme=purple-dark] .settings-select,body[data-theme=blue-dark] .settings-select,body[data-theme=coral-dark] .settings-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23a0aec0' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.settings-select:hover{border-color:var(--text-light);background-color:var(--bg);color:var(--text)}.settings-select:focus,.settings-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4299e11a}.settings-select option{background:var(--bg);color:var(--text);padding:.5rem}.settings-range{width:100%;margin-top:.5rem;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:2px;background:var(--border);outline:none;cursor:pointer}#shader-intensity::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:linear-gradient(45deg,#f59e0b,#ef4444);cursor:pointer;border:2px solid var(--bg);box-shadow:0 1px 3px #0003}#shader-intensity::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:linear-gradient(45deg,#f59e0b,#ef4444);cursor:pointer;border:2px solid var(--bg);box-shadow:0 1px 3px #0003}#shader-intensity:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #f59e0b4d}#shader-intensity:focus::-moz-range-thumb{box-shadow:0 0 0 3px #f59e0b4d}.settings-range::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg);box-shadow:0 1px 3px #0003}.settings-range::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--accent);cursor:pointer;border:2px solid var(--bg);box-shadow:0 1px 3px #0003}.settings-range:focus::-webkit-slider-thumb{box-shadow:0 0 0 3px #4299e133}.settings-range:focus::-moz-range-thumb{box-shadow:0 0 0 3px #4299e133}.time-slider-container{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.time-icon{display:flex;align-items:center;justify-content:center;opacity:.7;transition:opacity .3s ease;-webkit-user-select:none;user-select:none;min-width:1.5rem}.time-icon svg{display:block;width:20px;height:20px}.time-icon.moon{filter:brightness(.9)}.time-icon.sun{filter:brightness(1.1)}.time-slider-wrapper{flex:1;position:relative}.time-range{width:100%;margin-bottom:.5rem}.time-labels{display:flex;justify-content:space-between;margin-top:.25rem;font-size:.7rem;color:var(--text-lighter);-webkit-user-select:none;user-select:none}.time-label{position:relative;font-weight:500;transition:color .2s ease}.time-label[data-time="0"],.time-label[data-time="1"]{color:#6366f1}.time-label[data-time="0.25"]{color:#f59e0b}.time-label[data-time="0.5"]{color:#3b82f6}.time-label[data-time="0.75"]{color:#ef4444}.current-time-display{position:absolute;top:-2rem;left:50%;transform:translate(-50%);background:var(--accent);color:#fff;padding:.25rem .5rem;font-size:.75rem;font-weight:500;border-radius:var(--radius-base);white-space:nowrap;pointer-events:none;transition:all var(--duration-base) ease;box-shadow:0 2px 8px #00000026}.current-time-display:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--accent)}.time-range::-webkit-slider-thumb{background:linear-gradient(45deg,#f59e0b,#ef4444);width:18px;height:18px;border:2px solid var(--bg);box-shadow:0 2px 6px #0000004d}.time-range::-moz-range-thumb{background:linear-gradient(45deg,#f59e0b,#ef4444);width:18px;height:18px;border:2px solid var(--bg);box-shadow:0 2px 6px #0000004d}.options-menu{position:fixed;right:1rem;bottom:3.5rem;z-index:180}.options-content{background:var(--bg);padding:.75rem;border:1px solid var(--border);min-width:18rem;border-radius:var(--radius-base)}.tabs{display:flex;gap:.5rem;margin-bottom:.75rem}.tab-panel label{display:block;margin-bottom:.75rem;font-size:.85rem;font-weight:400}.options-content h3{margin-bottom:.75rem;font-size:1rem}.options-label{font-weight:500}.options-actions{display:flex;justify-content:flex-end;margin-top:.75rem;font-size:.85rem;font-weight:400;border-radius:var(--radius-lg);gap:.5rem}.font-selector-group{margin-bottom:.75rem}.font-selector-group .options-label,.font-size-group .options-label,.text-spacing-group .options-label,.line-height-group .options-label,.letter-spacing-group .options-label,.page-width-group .options-label,.slider-row-label{display:block;margin-bottom:.5rem;font-weight:500;font-size:.85rem}.font-buttons{display:flex;gap:.5rem}.font-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:.75rem .5rem;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:var(--radius-base);cursor:pointer;transition:all var(--duration-base) ease;font-family:inherit;min-height:3.5rem}.font-btn:hover{border-color:var(--accent);background-color:rgba(var(--accent-rgb),.1)}.font-btn.active{border-color:var(--accent);background-color:var(--accent);color:#fff}.font-btn.active:hover{background-color:var(--accent);opacity:.9}.font-preview{font-size:1.75rem;font-weight:500;line-height:1}.font-size-group,.text-spacing-group{margin-bottom:.75rem}.slider-container{display:flex;align-items:center;gap:.5rem;margin-bottom:.75rem}.slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:6px;background:var(--border);border-radius:3px;outline:none;cursor:pointer;transition:background .2s ease}.slider:hover{background:var(--text-lighter)}.slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:16px;height:16px;background:var(--accent);border-radius:50%;cursor:pointer;transition:transform .2s ease}.slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.slider::-moz-range-thumb{width:16px;height:16px;background:var(--accent);border:none;border-radius:50%;cursor:pointer;transition:transform .2s ease}.slider::-moz-range-thumb:hover{transform:scale(1.2)}.slider-value{min-width:3rem;text-align:right;font-size:.875rem;color:var(--text);font-weight:500;font-variant-numeric:tabular-nums}.spacing-buttons{display:flex;gap:.5rem;margin-top:.5rem}.spacing-btn{flex:1;display:flex;align-items:center;justify-content:center;padding:.75rem .5rem;border:1px solid var(--border);background:var(--bg);color:var(--text);border-radius:var(--radius-base);cursor:pointer;transition:all var(--duration-base) ease;font-family:inherit;min-height:3rem}.spacing-btn:hover{border-color:var(--accent);background-color:rgba(var(--accent-rgb),.1)}.spacing-btn.active{border-color:var(--accent);background-color:var(--accent);color:#fff}.spacing-btn.active:hover{background-color:var(--accent);opacity:.9}.spacing-icon{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;-webkit-user-select:none;user-select:none}.spacing-line{width:1.5rem;height:2px;background:currentColor;border-radius:1px}.spacing-compact .spacing-line{margin:1px 0}.spacing-normal .spacing-line{margin:2px 0}.spacing-comfortable .spacing-line{margin:3px 0}.spacing-spacious .spacing-line{margin:4px 0}}@layer components{@media (max-width: 768px){.time-slider-container{gap:.5rem}.time-icon svg{width:16px;height:16px}.time-icon{min-width:1.2rem}.time-labels{font-size:.65rem}.current-time-display{font-size:.7rem;padding:.2rem .4rem}.font-btn{min-height:3rem}}}@layer components{.notification-toast{position:fixed;transform:translateY(100%) scale(.8);right:0rem;bottom:0rem;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-base);padding:.75rem;max-width:450px;min-width:300px;z-index:999;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);font-size:.85rem}.notification-toast.show{opacity:1;transform:translateY(-50%) scale(1);pointer-events:auto;right:1rem;bottom:1rem}.notification-toast.success{border-color:var(--success);color:var(--success);background:rgba(72,187,120,.1)}.notification-toast.error{border-color:var(--error);color:var(--error);background:rgba(245,101,101,.1)}.notification-toast.warning{border-color:var(--text);color:var(--bg);background-color:var(--accent)}.notification-toast.info{border-color:var(--accent);color:var(--accent);background:rgba(66,153,225,.1)}.notification-content{display:flex;align-items:flex-start;gap:.75rem}.notification-icon{flex-shrink:0;margin-top:.125rem}.notification-text{display:flex;flex-direction:column;gap:.25rem;flex:1}.notification-title{font-weight:600;opacity:.9}.notification-path{font-family:monospace;font-size:.75rem;opacity:.6;word-break:break-all}}@layer components{.note-explorer-backdrop{z-index:190;display:none}.note-explorer-backdrop.show{display:block}.note-explorer-panel{position:fixed;transform:scale(.95);width:100vw;max-height:100vh;height:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);z-index:195;display:none;opacity:0;pointer-events:none;transition:all .3s cubic-bezier(.4,0,.2,1);flex-direction:column}.note-explorer-backdrop.show .note-explorer-panel{display:flex;opacity:1;pointer-events:auto;transform:scale(1)}.note-explorer-panel .panel-header{display:flex;align-items:center;justify-content:space-between;padding:1.5rem 2rem;border-bottom:1px solid var(--border);flex-shrink:0}.note-explorer-panel .panel-header h2{font-size:1.5rem;font-weight:600;color:var(--text);margin:0}.note-explorer-panel .close-btn svg{width:20px;height:20px}.note-explorer-toolbar{display:flex;flex-direction:column;gap:.75rem;padding:1rem;border-bottom:1px solid var(--border);flex-shrink:0;background:var(--border)}.note-toolbar-row{display:flex;gap:1rem;align-items:center}.note-search-input{flex:1;padding:.5rem 1rem;border:1px solid var(--border);border-radius:var(--radius-base);background:var(--bg);color:var(--text);font-size:.875rem;transition:all var(--duration-base) ease}.note-search-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.note-sort-toggle{padding:.35rem;border:1px solid var(--border);border-radius:var(--radius-base);background:var(--bg);color:var(--text-light);cursor:pointer;transition:all var(--duration-base) ease;display:flex;align-items:center;justify-content:center;min-width:16px;min-height:16px}.note-sort-toggle:hover{border-color:var(--accent);color:var(--text);background:var(--bg-hover)}.note-sort-toggle:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.note-sort-toggle svg{width:20px;height:20px}.note-tag-filter-buttons{display:flex;flex-wrap:wrap;gap:.5rem;align-items:center}.note-tag-filter-buttons:empty{display:none}.tag-filter-btn{padding:.375rem .875rem;border:1px solid var(--border);border-radius:var(--radius-base);background:var(--bg);color:var(--text-light);font-size:.8125rem;font-weight:500;cursor:pointer;transition:all var(--duration-base) ease;white-space:nowrap}.tag-filter-btn:hover{border-color:var(--accent);color:var(--text);background:var(--bg-hover)}.tag-filter-btn.active{background:var(--accent);color:#fff;border-color:var(--accent)}.tag-filter-btn:focus{outline:none;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.2)}.note-explorer-content{display:flex;flex-direction:column;flex:1;overflow:hidden;background:var(--bg)}.note-explorer-footer{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;border-top:1px solid var(--border);flex-shrink:0;background:var(--border)}.note-count{color:var(--text-light);font-size:.875rem}}@layer components{@media (max-width: 768px){.note-explorer-panel{width:100vw;height:100vh;max-height:100vh;border-radius:0}.note-toolbar-row{flex-wrap:wrap}.note-search-input{flex:1 1 100%}.note-sort-toggle{min-width:40px}}}@layer components{.note-list{background:var(--bg);overflow-y:auto;padding:1rem;display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:1rem;align-content:start}.note-list-empty{grid-column:1 / -1;min-height:300px}.note-card{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-base);cursor:pointer;transition:all var(--duration-base) ease;display:flex;flex-direction:column;gap:1rem;position:relative}.note-card:hover{border-color:var(--accent);box-shadow:0 2px 0 1px rgba(var(--accent-rgb),.2);transform:translateY(-2px)}.note-card.selected{border-color:var(--accent);background:rgba(var(--accent-rgb),.05)}.note-card.editing{border-color:var(--accent);border-width:2px;box-shadow:0 4px 16px #00000026}.note-card-header{display:flex;align-items:flex-start;justify-content:space-between;gap:.75rem}.note-card-title{font-size:1.125rem;padding:.25rem .5rem;font-weight:600;color:var(--text);margin:0;flex:1;word-break:break-word}.note-card-title.editable{border:1px solid transparent;border-radius:var(--radius-base);transition:all var(--duration-base) ease;outline:none}.note-card-title.editable:focus,.note-card-title.editing{background:var(--bg);border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.1)}.note-card-date{font-size:.75rem;color:var(--text-light);white-space:nowrap}.note-card-meta{display:flex;flex-direction:column;gap:.5rem;flex-wrap:wrap}.note-card-tags{display:flex;gap:.375rem;flex-wrap:wrap;flex:1}.note-tag{display:inline-block;padding:.125rem .5rem;background:rgba(var(--accent-rgb),.1);color:var(--accent);border-radius:var(--radius-base);font-size:.75rem;font-weight:500}.note-card-info{display:flex;gap:.5rem;font-size:.75rem;padding:0 .5rem;color:var(--text-light)}.note-card-info-item{display:flex;align-items:center;gap:.25rem}.note-language{display:inline-flex;align-items:center;justify-content:center;padding:.125rem .375rem;background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-base);font-size:.625rem;font-weight:600;text-transform:uppercase;color:var(--text-light);cursor:pointer;transition:all var(--duration-base) ease}.note-language:hover{border-color:var(--accent);background:var(--bg-hover)}.note-language.editable{position:relative}.language-selector{position:absolute;top:calc(100% + 4px);right:0;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:0 4px 12px var(--overlay-medium);padding:.5rem;display:flex;flex-direction:column;gap:.25rem;z-index:10;min-width:80px}.language-option{padding:.375rem .75rem;border-radius:var(--radius-base);cursor:pointer;font-size:.75rem;font-weight:500;color:var(--text);transition:all .15s ease}.language-option:hover{background:var(--bg-secondary);color:var(--accent)}.language-option.selected{background:rgba(var(--accent-rgb),.1);color:var(--accent)}.note-card-body{flex:1;display:flex;flex-direction:column;gap:.75rem}.note-card-preview{font-size:.875rem;line-height:1.6;color:var(--text-light);display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis;padding:.5rem}.note-card-actions{display:flex;gap:.5rem;margin-top:auto;padding:.5rem;border-top:1px solid var(--border);opacity:1}.note-card-actions button{padding:.25rem .5rem;border:1px solid var(--border);border-radius:var(--radius-base);background:var(--bg);color:var(--text);font-size:.75rem;font-weight:500;cursor:pointer;transition:all var(--duration-base) ease;display:flex;align-items:center;gap:.25rem}.note-card-actions button:hover{border-color:var(--accent);background:var(--bg-secondary)}.note-card-actions button.danger{color:var(--warning);border-color:var(--warning)}.note-card-actions button.danger:hover{background:rgba(197,48,48,.1)}.note-card-actions button.success{background:var(--success);color:#fff;border-color:var(--success)}.note-card-actions button.success:hover{opacity:1}.note-card-tags.editable{padding:0 .25rem;border:1px solid transparent;border-radius:var(--radius-base);transition:all var(--duration-base) ease}.note-card-tags.editing{background:var(--bg);border-color:var(--accent)}.note-tag.editable{cursor:pointer;transition:all .15s ease}.note-tag.editable:hover{background:rgba(var(--accent-rgb),.2);transform:scale(1.05)}.note-tag.removable{padding-right:1.5rem;position:relative}.note-tag-remove{position:absolute;right:.25rem;top:50%;transform:translateY(-50%);width:14px;height:14px;display:flex;align-items:center;justify-content:center;cursor:pointer;opacity:.6;transition:opacity .15s ease}.note-tag-remove:hover{opacity:1}.tag-add-btn{display:inline-flex;align-items:center;gap:.25rem;padding:.125rem .5rem;background:transparent;border:1px dashed var(--border);border-radius:var(--radius-base);font-size:.75rem;color:var(--text-light);cursor:pointer;transition:all .15s ease}.tag-add-btn:hover{border-color:var(--accent);color:var(--accent);background:rgba(var(--accent-rgb),.05)}.tag-autocomplete-wrapper{position:relative;display:inline-block}.tag-autocomplete-dropdown{position:absolute;top:100%;left:0;z-index:1000;min-width:150px;max-width:250px;max-height:200px;overflow-y:auto;background:var(--bg-primary);border:1px solid var(--border);border-radius:var(--radius-base);box-shadow:0 4px 12px #00000026;margin-top:.25rem}.tag-autocomplete-item{padding:.5rem .75rem;font-size:.875rem;color:var(--text);cursor:pointer;transition:background-color .15s ease;display:flex;align-items:center;gap:.5rem}.tag-autocomplete-item:hover{background:var(--bg-secondary)}.tag-autocomplete-item.highlighted{background:rgba(var(--accent-rgb),.1);color:var(--accent)}.tag-autocomplete-item.custom:after{content:"★";font-size:.75rem;color:var(--accent);opacity:.6;margin-left:auto}.tag-autocomplete-dropdown::-webkit-scrollbar{width:6px}.tag-autocomplete-dropdown::-webkit-scrollbar-track{background:var(--bg-secondary)}.tag-autocomplete-dropdown::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.tag-autocomplete-dropdown::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.note-list::-webkit-scrollbar{width:8px}.note-list::-webkit-scrollbar-track{background:var(--bg-secondary)}.note-list::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.note-list::-webkit-scrollbar-thumb:hover{background:var(--text-light)}}@layer components{@media (max-width: 1200px){.note-list{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}}}@layer components{@media (max-width: 768px){.note-list{grid-template-columns:1fr;padding:1rem;gap:1rem}.note-card-actions{opacity:1}}}@layer components{@media (max-width: 480px){.note-list{padding:.75rem}.note-card{padding:1rem}.note-card-title{font-size:1rem}.note-card-actions{flex-wrap:wrap}.note-card-actions button{flex:1;min-width:calc(50% - .25rem)}}}@layer components{.note-preview{display:none!important;background:var(--bg);overflow-y:auto;padding:1.5rem;flex-direction:column}.note-preview-empty{height:100%}.note-preview-content{display:flex;flex-direction:column;gap:1.5rem}.note-preview-header{padding-bottom:1rem;border-bottom:1px solid var(--border)}.note-preview-title{font-size:1.5rem;font-weight:600;color:var(--text);margin:0 0 .75rem;line-height:1.3}.note-preview-meta{display:grid;grid-template-columns:repeat(2,1fr);gap:.75rem;font-size:.875rem}.note-preview-meta-item{display:flex;flex-direction:column;gap:.25rem}.note-preview-meta-label{color:var(--text-light);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em}.note-preview-meta-value{color:var(--text);font-weight:500}.note-preview-tags{display:flex;gap:.375rem;flex-wrap:wrap}.note-preview-body{flex:1}.note-preview-content-label{color:var(--text-light);font-size:.75rem;font-weight:500;text-transform:uppercase;letter-spacing:.05em;margin-bottom:.75rem}.note-preview-text{background:var(--bg-secondary);border:1px solid var(--border);border-radius:var(--radius-lg);padding:1rem;color:var(--text);line-height:1.6;font-size:.875rem;white-space:pre-wrap;word-wrap:break-word;max-height:20rem;overflow-y:auto}.note-preview-actions{display:flex;gap:.75rem;padding-top:1rem;border-top:1px solid var(--border);flex-shrink:0}.note-preview-actions button{flex:1;padding:.75rem 1.5rem;border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--bg);color:var(--text);font-size:.875rem;font-weight:500;cursor:pointer;transition:all var(--duration-base) ease}.note-preview-actions button:hover{background:var(--bg-secondary);border-color:var(--accent)}.note-preview-actions button.primary{background:var(--accent);color:#fff;border-color:var(--accent)}.note-preview-actions button.primary:hover{opacity:.9}.note-preview-actions button.danger{color:var(--error-dark);border-color:var(--error-dark)}.note-preview-actions button.danger:hover{background:rgba(197,48,48,.1)}.note-preview-loading{display:flex;align-items:center;justify-content:center;height:100%;color:var(--text-light);font-size:.875rem}.note-preview::-webkit-scrollbar,.note-preview-text::-webkit-scrollbar{width:8px}.note-preview::-webkit-scrollbar-track,.note-preview-text::-webkit-scrollbar-track{background:var(--bg-secondary)}.note-preview::-webkit-scrollbar-thumb,.note-preview-text::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.note-preview::-webkit-scrollbar-thumb:hover,.note-preview-text::-webkit-scrollbar-thumb:hover{background:var(--text-light)}}@layer effects{.options-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:var(--z-backdrop);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.backdrop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:var(--overlay-dark);backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px);opacity:0;pointer-events:none;transition:opacity .3s ease}.backdrop-overlay.show{opacity:1;pointer-events:auto}@supports not (backdrop-filter: blur(2px)){.options-backdrop,.backdrop-overlay{background:rgba(0,0,0,.3)}}}@layer utilities{.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}.hidden{display:none}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-row-reverse{flex-direction:row-reverse}.flex-col-reverse{flex-direction:column-reverse}.flex-wrap{flex-wrap:wrap}.flex-nowrap{flex-wrap:nowrap}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.justify-around{justify-content:space-around}.justify-evenly{justify-content:space-evenly}.items-start{align-items:flex-start}.items-end{align-items:flex-end}.items-center{align-items:center}.items-baseline{align-items:baseline}.items-stretch{align-items:stretch}.self-auto{align-self:auto}.self-start{align-self:flex-start}.self-end{align-self:flex-end}.self-center{align-self:center}.self-stretch{align-self:stretch}.flex-1{flex:1 1 0%}.flex-auto{flex:1 1 auto}.flex-initial{flex:0 1 auto}.flex-none{flex:none}.flex-grow{flex-grow:1}.flex-shrink{flex-shrink:1}.flex-shrink-0{flex-shrink:0}.gap-xs{gap:var(--space-xs)}.gap-sm{gap:var(--space-sm)}.gap-md{gap:var(--space-md)}.gap-lg{gap:var(--space-lg)}.gap-xl{gap:var(--space-xl)}.gap-x-xs{column-gap:var(--space-xs)}.gap-x-sm{column-gap:var(--space-sm)}.gap-x-md{column-gap:var(--space-md)}.gap-y-xs{row-gap:var(--space-xs)}.gap-y-sm{row-gap:var(--space-sm)}.gap-y-md{row-gap:var(--space-md)}.gap-0-5{gap:var(--space-sm)}.p-0{padding:0}.p-xs{padding:var(--space-xs)}.p-sm{padding:var(--space-sm)}.p-md{padding:var(--space-md)}.p-lg{padding:var(--space-lg)}.p-xl{padding:var(--space-xl)}.pt-xs{padding-top:var(--space-xs)}.pt-sm{padding-top:var(--space-sm)}.pt-md{padding-top:var(--space-md)}.pt-lg{padding-top:var(--space-lg)}.pb-xs{padding-bottom:var(--space-xs)}.pb-sm{padding-bottom:var(--space-sm)}.pb-md{padding-bottom:var(--space-md)}.pb-lg{padding-bottom:var(--space-lg)}.pl-xs{padding-left:var(--space-xs)}.pl-sm{padding-left:var(--space-sm)}.pl-md{padding-left:var(--space-md)}.pr-xs{padding-right:var(--space-xs)}.pr-sm{padding-right:var(--space-sm)}.pr-md{padding-right:var(--space-md)}.px-xs{padding-left:var(--space-xs);padding-right:var(--space-xs)}.px-sm{padding-left:var(--space-sm);padding-right:var(--space-sm)}.px-md{padding-left:var(--space-md);padding-right:var(--space-md)}.py-xs{padding-top:var(--space-xs);padding-bottom:var(--space-xs)}.py-sm{padding-top:var(--space-sm);padding-bottom:var(--space-sm)}.py-md{padding-top:var(--space-md);padding-bottom:var(--space-md)}.m-0{margin:0}.m-auto{margin:auto}.m-xs{margin:var(--space-xs)}.m-sm{margin:var(--space-sm)}.m-md{margin:var(--space-md)}.m-lg{margin:var(--space-lg)}.mt-xs{margin-top:var(--space-xs)}.mt-sm{margin-top:var(--space-sm)}.mt-md{margin-top:var(--space-md)}.mt-lg{margin-top:var(--space-lg)}.mb-xs{margin-bottom:var(--space-xs)}.mb-sm{margin-bottom:var(--space-sm)}.mb-md{margin-bottom:var(--space-md)}.mb-lg{margin-bottom:var(--space-lg)}.ml-xs{margin-left:var(--space-xs)}.ml-sm{margin-left:var(--space-sm)}.ml-md{margin-left:var(--space-md)}.ml-auto{margin-left:auto}.mr-xs{margin-right:var(--space-xs)}.mr-sm{margin-right:var(--space-sm)}.mr-md{margin-right:var(--space-md)}.mr-auto{margin-right:auto}.mx-auto{margin-left:auto;margin-right:auto}.mx-xs{margin-left:var(--space-xs);margin-right:var(--space-xs)}.mx-sm{margin-left:var(--space-sm);margin-right:var(--space-sm)}.my-xs{margin-top:var(--space-xs);margin-bottom:var(--space-xs)}.my-sm{margin-top:var(--space-sm);margin-bottom:var(--space-sm)}.my-md{margin-top:var(--space-md);margin-bottom:var(--space-md)}.w-auto{width:auto}.w-full{width:100%}.w-screen{width:100vw}.w-min{width:min-content}.w-max{width:max-content}.w-fit{width:fit-content}.h-auto{height:auto}.h-full{height:100%}.h-screen{height:100vh}.h-min{height:min-content}.h-max{height:max-content}.h-fit{height:fit-content}.max-w-prose{max-width:var(--max-width-prose)}.max-w-container{max-width:var(--max-width-container)}.max-w-full{max-width:100%}.min-w-0{min-width:0}.min-w-full{min-width:100%}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.inset-0{top:0;right:0;bottom:0;left:0}.inset-auto{top:auto;right:auto;bottom:auto;left:auto}.top-0{top:0}.right-0{right:0}.bottom-0{bottom:0}.left-0{left:0}.z-base{z-index:var(--z-base)}.z-dropdown{z-index:var(--z-dropdown)}.z-toolbar{z-index:var(--z-toolbar)}.z-status{z-index:var(--z-status)}.z-backdrop{z-index:var(--z-backdrop)}.z-modal{z-index:var(--z-modal)}.z-notification{z-index:var(--z-notification)}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.overflow-visible{overflow:visible}.overflow-scroll{overflow:scroll}.overflow-x-auto{overflow-x:auto}.overflow-y-auto{overflow-y:auto}.overflow-x-hidden{overflow-x:hidden}.overflow-y-hidden{overflow-y:hidden}.opacity-0{opacity:0}.opacity-disabled{opacity:var(--opacity-disabled)}.opacity-muted{opacity:var(--opacity-muted)}.opacity-subtle{opacity:var(--opacity-subtle)}.opacity-full{opacity:var(--opacity-full)}.cursor-auto{cursor:auto}.cursor-default{cursor:default}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.pointer-events-none{pointer-events:none}.pointer-events-auto{pointer-events:auto}.bg-transparent{background-color:transparent}.bg-current{background-color:currentColor}.bg-primary{background-color:var(--bg)}.bg-accent{background-color:var(--accent)}.bg-success{background-color:var(--success)}.bg-warning{background-color:var(--warning)}.bg-error{background-color:var(--error)}.border-none{border:none}.border{border:1px solid var(--border)}.border-transparent{border-color:transparent}.border-t{border-top:1px solid var(--border)}.border-r{border-right:1px solid var(--border)}.border-b{border-bottom:1px solid var(--border)}.border-l{border-left:1px solid var(--border)}.rounded-none{border-radius:0}.rounded-sm{border-radius:var(--radius-sm)}.rounded{border-radius:var(--radius-base)}.rounded-md{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-full{border-radius:var(--radius-full)}.shadow-none{box-shadow:none}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow{box-shadow:var(--shadow-base)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}.btn-close{display:flex;align-items:center;justify-content:center;width:2rem;height:2rem;border:1px solid var(--border);border-radius:var(--radius-base);background:transparent;color:var(--text-light);cursor:pointer;transition:all var(--duration-base) ease;flex-shrink:0}.btn-close:hover{background:var(--surface-light);color:var(--text);border-color:var(--text-light)}.focus-ring:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px #4299e11a}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;color:var(--text-light);text-align:center}.empty-state p{font-size:var(--text-sm);margin:0}.backdrop-blur{backdrop-filter:blur(2px);-webkit-backdrop-filter:blur(2px)}.fixed-overlay{position:fixed;top:0;right:0;bottom:0;left:0}.scrollbar-styled::-webkit-scrollbar{width:8px}.scrollbar-styled::-webkit-scrollbar-track{background:var(--bg-secondary)}.scrollbar-styled::-webkit-scrollbar-thumb{background:var(--border);border-radius:4px}.scrollbar-styled::-webkit-scrollbar-thumb:hover{background:var(--text-light)}.loading{position:relative;color:transparent!important}.loading:after{content:"";position:absolute;width:14px;height:14px;top:50%;left:50%;margin-left:-7px;margin-top:-7px;border:2px solid var(--text-light);border-top-color:transparent;border-radius:50%;animation:spin .8s linear infinite}.panel{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius-lg)}.panel-sm{border-radius:var(--radius-base)}.btn-xs{font-size:.7rem;padding:.2rem .4rem}.btn-sm{font-size:.75rem;padding:.25rem .5rem}.btn-md{font-size:.875rem;padding:.5rem 1rem}.btn-lg{font-size:1rem;padding:.75rem 1.5rem}}@layer overrides{body[data-theme=dark]{--bg: #1a202c;--text: #e2e8f0;--text-light: #a0aec0;--text-lighter: #718096;--border: #2d3748;--accent: #94a3b8;--success: #68d391;--warning: #f6ad55;--toolbar-bg: rgba(26, 32, 44, .9);--toolbar-border: rgba(255, 255, 255, .1)}body[data-theme=blue]{--bg: #f0f9ff;--text: #1e3a8a;--text-light: #3b82f6;--text-lighter: #60a5fa;--border: #bfdbfe;--accent: #2563eb;--success: #10b981;--warning: #f59e0b;--toolbar-bg: rgba(240, 249, 255, .9);--toolbar-border: rgba(37, 99, 235, .45)}body[data-theme=blue-dark]{--bg: #0c1e3d;--text: #93c5fd;--text-light: #60a5fa;--text-lighter: #3b82f6;--border: #1e3a8a;--accent: #60a5fa;--success: #34d399;--warning: #fbbf24;--toolbar-bg: rgba(12, 30, 61, .9);--toolbar-border: rgba(147, 197, 253, .45)}body[data-theme=coffee]{--bg: #f7f3f0;--text: #4a3728;--text-light: #8b7355;--text-lighter: #a68b5b;--border: #d4c4b0;--accent: #8b4513;--success: #6b8e23;--warning: #cd853f;--toolbar-bg: rgba(247, 243, 240, .9);--toolbar-border: rgba(139, 115, 85, .45)}body[data-theme=coffee-dark]{--bg: #2d2520;--text: #d4c4b0;--text-light: #a68b5b;--text-lighter: #8b7355;--border: #4a3728;--accent: #cd853f;--success: #6b8e23;--warning: #f4a460;--toolbar-bg: rgba(45, 37, 32, .9);--toolbar-border: rgba(212, 196, 176, .45)}body[data-theme=purple]{--bg: #faf5ff;--text: #553c9a;--text-light: #805ad5;--text-lighter: #9f7aea;--border: #e9d8fd;--accent: #7c3aed;--success: #38a169;--warning: #d69e2e;--toolbar-bg: rgba(250, 245, 255, .9);--toolbar-border: rgba(128, 90, 213, .45)}body[data-theme=purple-dark]{--bg: #2d1b4e;--text: #9f7aea;--text-light: #805ad5;--text-lighter: #805ad5;--border: #553c9a;--accent: #b794f4;--success: #48bb78;--warning: #ed8936;--toolbar-bg: rgba(45, 27, 78, .9);--toolbar-border: rgba(159, 122, 234, .45)}body[data-theme=coral]{--bg: #fef1ec;--text: #814931;--text-light: #dd6c3c;--text-lighter: #f38758;--border: #ffc9b3;--accent: #d96736;--success: #21c45d;--warning: #f59f0a;--toolbar-bg: #fef1ece6;--toolbar-border: rgba(217, 103, 54, .451)}body[data-theme=coral-dark]{--bg: hsl(18 35% 12% / 1);--text: hsl(18 60% 85% / 1);--text-light: hsl(18 70% 70% / 1);--text-lighter: hsl(18 87% 65% / 1);--border: hsl(18 35% 25% / 1);--accent: hsl(18 75% 60% / 1);--success: hsl(142 50% 55% / 1);--warning: hsl(38 85% 60% / 1);--toolbar-bg: hsla(18, 35%, 12%, .9);--toolbar-border: hsla(18, 75%, 60%,.45)}}@layer overrides{@media (prefers-color-scheme: dark){body:not([data-theme]){--bg: #1a202c;--text: #e2e8f0;--text-light: #a0aec0;--text-lighter: #718096;--border: #2d3748;--accent: #94a3b8;--success: #68d391;--warning: #f6ad55;--toolbar-bg: rgba(26, 32, 44, .9);--toolbar-border: rgba(255, 255, 255, .1)}}}