*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:Inter,PingFang SC,Microsoft YaHei,system-ui,sans-serif;font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:JetBrains Mono,ui-monospace,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}.container{width:100%}@media(min-width:640px){.container{max-width:640px}}@media(min-width:768px){.container{max-width:768px}}@media(min-width:1024px){.container{max-width:1024px}}@media(min-width:1280px){.container{max-width:1280px}}@media(min-width:1536px){.container{max-width:1536px}}.visible{visibility:visible}.collapse{visibility:collapse}.static{position:static}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.sticky{position:sticky}.block{display:block}.inline-block{display:inline-block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.shrink{flex-shrink:1}.border-collapse{border-collapse:collapse}.transform{transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skew(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y))}.resize{resize:both}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.rounded{border-radius:.25rem}.border{border-width:1px}.p-1{padding:.25rem}.p-2{padding:.5rem}.uppercase{text-transform:uppercase}.italic{font-style:italic}.tabular-nums{--tw-numeric-spacing: tabular-nums;font-variant-numeric:var(--tw-ordinal) var(--tw-slashed-zero) var(--tw-numeric-figure) var(--tw-numeric-spacing) var(--tw-numeric-fraction)}.underline{text-decoration-line:underline}.line-through{text-decoration-line:line-through}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.shadow{--tw-shadow: 0 1px 3px 0 rgb(0 0 0 / .1), 0 1px 2px -1px rgb(0 0 0 / .1);--tw-shadow-colored: 0 1px 3px 0 var(--tw-shadow-color), 0 1px 2px -1px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.outline{outline-style:solid}.ring{--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(3px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow, 0 0 #0000)}.blur{--tw-blur: blur(8px);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.grayscale{--tw-grayscale: grayscale(100%);filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.\!filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)!important}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.ease-in-out{transition-timing-function:cubic-bezier(.4,0,.2,1)}.\[i18n\:auth\.emailTaken\]{i18n:auth.emailTaken}.\[i18n\:auth\.invalidBody\]{i18n:auth.invalidBody}.\[i18n\:auth\.invalidCredentials\]{i18n:auth.invalidCredentials}.\[i18n\:auth\.registrationDisabled\]{i18n:auth.registrationDisabled}.\[i18n\:auth\.usernameOrEmailTaken\]{i18n:auth.usernameOrEmailTaken}.\[i18n\:auth\.usernameTaken\]{i18n:auth.usernameTaken}:root{--app-bg: #F5F3EE;--surface: #FFFFFF;--surface-alt: #FAF8F3;--surface-sunk: #EFEBE3;--nav-bg: #262220;--nav-text: #E7E5E4;--nav-text-dim: #A8A29E;--nav-hover: #3A3633;--nav-active: #1D1A18;--border: #E7E1D6;--border-strong: #D6CFC0;--text: #1C1917;--text-muted: #6B645B;--text-subtle: #A8A29E;--hover: #F0EBE0;--selected: #E8E2D2;--divider: #EDE7DA;--accent: #0A6E8A}.dark{--app-bg: #1A1816;--surface: #23201D;--surface-alt: #1F1C1A;--surface-sunk: #161412;--nav-bg: #0F0E0D;--nav-text: #E7E5E4;--nav-text-dim: #8A847C;--nav-hover: #2A2624;--nav-active: #0A0908;--border: #33302C;--border-strong: #44403C;--text: #F5F3EE;--text-muted: #A8A29E;--text-subtle: #6B645B;--hover: #2D2926;--selected: #3A3531;--divider: #2A2724}html,body,#root{margin:0;padding:0;height:100%;background:var(--app-bg);color:var(--text)}*{box-sizing:border-box}body{-webkit-font-smoothing:antialiased;font-feature-settings:"cv02","cv03","cv04","cv11";overflow:hidden}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#78716c4d;border-radius:5px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#78716c99;background-clip:content-box}.dark ::-webkit-scrollbar-thumb{background:#a8a29e4d;background-clip:content-box}.text-default{color:var(--text)}.text-muted{color:var(--text-muted)}.text-subtle{color:var(--text-subtle)}.bg-app{background:var(--app-bg)}.bg-surface{background:var(--surface)}.bg-surface-alt{background:var(--surface-alt)}.bg-surface-sunk{background:var(--surface-sunk)}.bg-nav{position:relative;isolation:isolate;background-color:var(--nav-bg);background-image:var(--nav-pattern, none);background-repeat:no-repeat;background-position:var(--nav-pattern-pos, 0 0);background-size:var(--nav-pattern-size, auto);color:var(--nav-text)}.border-default{border-color:var(--border)}.border-strong{border-color:var(--border-strong)}.divide-default{border-color:var(--divider)}button{font:inherit;cursor:pointer}button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}input,textarea{font:inherit;outline:none;background:transparent;color:inherit}input::-moz-placeholder,textarea::-moz-placeholder{color:var(--text-subtle);opacity:1}input::placeholder,textarea::placeholder{color:var(--text-subtle);opacity:1}.ProseMirror{outline:none;min-height:100%;padding:32px 64px 200px;color:var(--text);font-size:16px;line-height:1.7;caret-color:var(--accent)}@media(max-width:768px){.ProseMirror{padding:24px 20px 200px}}.ProseMirror .oknote-img-range-selected{outline:3px solid var(--accent);outline-offset:2px;box-shadow:0 0 0 4px #0a6e8a59;border-radius:8px}.ProseMirror .oknote-img-range-selected:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0a6e8a4d;border-radius:6px;pointer-events:none;z-index:5}.ProseMirror h1{font-size:2em;font-weight:700;margin:1em 0 .4em;line-height:1.2}.ProseMirror h2{font-size:1.5em;font-weight:700;margin:1em 0 .4em;line-height:1.25}.ProseMirror h3{font-size:1.25em;font-weight:600;margin:.8em 0 .3em}.ProseMirror p{margin:.5em 0}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);color:var(--text-subtle);pointer-events:none;height:0;float:left}.ProseMirror ul,.ProseMirror ol{padding-left:1.5em;margin:.5em 0}.ProseMirror ul{list-style:disc}.ProseMirror ol{list-style:decimal}.ProseMirror li{margin:.2em 0}.ProseMirror ul[data-type=taskList]{padding-left:0;list-style:none}.ProseMirror ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:8px}.ProseMirror ul[data-type=taskList] li>label{flex-shrink:0;margin-top:.4em;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ProseMirror ul[data-type=taskList] li>div{flex:1}.ProseMirror code{background:var(--surface-sunk);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:.9em}.ProseMirror pre{background:var(--surface-sunk);border-radius:8px;padding:16px;margin:1em 0;overflow-x:auto}.ProseMirror pre code{background:none;padding:0}.ProseMirror blockquote{border-left:3px solid var(--accent);padding-left:16px;color:var(--text-muted);margin:1em 0;font-style:italic}.ProseMirror hr{border:none;border-top:1px solid var(--border);margin:2em 0}.ProseMirror a{color:var(--accent);text-decoration:underline;text-underline-offset:2px}.ProseMirror img{max-width:100%;border-radius:8px;margin:.5em 0}.ProseMirror .react-renderer{position:relative}.ProseMirror mark{background:#eab3084d;border-radius:2px;padding:0 2px}@media(prefers-reduced-motion:reduce){.module-fade-in,.animate-fade-in,.animate-scale-in{animation:none!important}}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.animate-fade-in{animation:fade-in .15s ease-out}.onb-mode-card:hover{transform:translateY(-3px);box-shadow:0 14px 36px #1c19171a!important}@keyframes progressIndeterminate{0%{transform:translate(-100%);width:40%}50%{width:60%}to{transform:translate(280%);width:40%}}@keyframes scale-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.animate-scale-in{animation:scale-in .12s ease-out}@keyframes slideUpIn{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes slideDownOut{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(16px)}}.resize-handle{position:absolute;top:0;right:-3px;bottom:0;width:6px;cursor:col-resize;z-index:10}.resize-handle:hover{background:var(--accent);opacity:.3}.ProseMirror table{border-collapse:collapse;table-layout:fixed;width:100%;margin:1em 0;overflow:hidden;font-size:14px}.ProseMirror table td,.ProseMirror table th{border:1px solid var(--border);padding:8px 12px;vertical-align:top;position:relative;min-width:80px}.ProseMirror table th{background:var(--surface-sunk);font-weight:600;text-align:left}.ProseMirror table .selectedCell{background:#0a6e8a1f}.ProseMirror table .column-resize-handle{position:absolute;right:-2px;top:0;bottom:0;width:4px;background:var(--accent);pointer-events:none;opacity:0}.ProseMirror table:hover .column-resize-handle{opacity:.5}.ProseMirror .tableWrapper{overflow-x:auto}span.oknote-find-highlight{background:#eab3088c!important;color:inherit!important;border-radius:2px;padding:1px 0;box-shadow:0 0 0 1px #eab30899}span.oknote-find-highlight.oknote-find-highlight-active{background:#f97316!important;color:#fff!important;box-shadow:0 0 0 2px #f97316,0 0 0 4px #f973164d!important;outline:none}.ProseMirror sup,.ProseMirror sub{line-height:0;font-size:.75em}.oknote-attachment:hover{background:var(--hover)!important;border-color:var(--border-strong)!important}.collaboration-cursor__caret{position:relative;margin-left:-1px;margin-right:-1px;border-left:1px solid #0d0d0d;border-right:1px solid #0d0d0d;word-break:normal;pointer-events:none}.collaboration-cursor__label{position:absolute;top:-1.4em;left:-1px;font-size:11px;font-weight:600;line-height:1;color:#fff;padding:2px 5px;border-radius:3px 3px 3px 0;white-space:nowrap;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ProseMirror pre{background:#1e293b;color:#e2e8f0;padding:12px 14px;border-radius:6px;font-family:JetBrains Mono,SF Mono,ui-monospace,monospace;font-size:13px;line-height:1.5;overflow-x:auto}.ProseMirror pre code{background:transparent;padding:0;color:inherit;font-size:inherit}.hljs-comment,.hljs-quote{color:#94a3b8;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-built_in,.hljs-name,.hljs-tag{color:#f472b6}.hljs-string,.hljs-title,.hljs-section,.hljs-attribute,.hljs-literal,.hljs-template-tag,.hljs-template-variable,.hljs-type,.hljs-addition{color:#6ee7b7}.hljs-deletion,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-meta{color:#fca5a5}.hljs-doctag{color:#94a3b8}.hljs-attr{color:#93c5fd}.hljs-symbol,.hljs-bullet,.hljs-link{color:#fde68a}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-number,.hljs-variable,.hljs-template-variable{color:#fdba74}@keyframes railDotPulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.7;transform:scale(.92)}}@keyframes moduleFadeIn{0%{transform:translate(6px)}to{transform:translate(0)}}.module-fade-in{animation:moduleFadeIn .1s cubic-bezier(.2,.7,.3,1)}.focus-exit-fab{position:fixed;right:16px;bottom:16px;width:32px;height:32px;border-radius:50%;background:var(--nav-active);color:var(--nav-text-dim);border:1px solid var(--border-strong);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:9999;opacity:.4;transition:opacity .15s;box-shadow:0 2px 8px #00000026}.focus-exit-fab:hover{opacity:1}@keyframes spinKf{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.spin{animation:spinKf .9s linear infinite}[data-skin=ink]{--nav-bg:#23272d;--nav-active:#1b1e23;--nav-accent:#6e8d9b}[data-skin=spring]{--nav-bg:#2e4a35;--nav-active:#223a2a;--nav-accent:#e79bb4}[data-skin=summer]{--nav-bg:#1b4f48;--nav-active:#133a34;--nav-accent:#57c79a}[data-skin=autumn]{--nav-bg:#5f3719;--nav-active:#46280f;--nav-accent:#d4842f}[data-skin=winter]{--nav-bg:#2c3f52;--nav-active:#20303f;--nav-accent:#79b4dd}[data-skin=ink] .bg-nav{--nav-pattern: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 80 70'><g fill='%23b9c6cd' fill-opacity='.5'><path d='M2 18 q36 -18 56 2 q-15 9 -32 6 q15 11 4 18 q-11 -7 -19 -13 q-13 -2 -9 -13Z'/></g><circle cx='13' cy='17' r='1.7' fill='%2323272d'/><g fill='%239fb0b8' fill-opacity='.4'><path d='M28 44 q28 -13 43 2 q-11 7 -25 5 q12 9 3 13 q-9 -5 -15 -10 q-10 -2 -6 -10Z'/></g><circle cx='37' cy='43' r='1.4' fill='%2323272d'/></svg>"), url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 76 92'><path d='M10 92 q4 -40 30 -62' stroke='%239fb0b8' stroke-opacity='.4' stroke-width='2.4' fill='none'/><path d='M36 28 q34 -2 40 22 q-30 8 -44 -6 q-2 -10 4 -16Z' fill='%23aebac2' fill-opacity='.4'/><g stroke='%2323272d' stroke-opacity='.4' stroke-width='.8' fill='none'><path d='M42 40 L72 48 M42 40 L64 60 M42 40 L50 62'/></g><circle cx='18' cy='10' r='6' fill='%239fb0b8' fill-opacity='.35'/><g fill='%2323272d' fill-opacity='.4'><circle cx='16' cy='8' r='1'/><circle cx='20' cy='9' r='1'/><circle cx='18' cy='12' r='1'/></g></svg>"), url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 30 30'><circle cx='15' cy='15' r='12' fill='none' stroke='%23cdd8df' stroke-opacity='.25' stroke-width='2'/></svg>"), radial-gradient(60% 38% at 82% 96%, rgba(205,216,223,.13), transparent 70%);--nav-pattern-pos: right 16px bottom 36px, left 12px bottom 32px, right 16px bottom 110px, 0 0;--nav-pattern-size: 78px auto, 66px auto, 42px auto, auto}[data-skin=spring] .bg-nav{--nav-pattern: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 52 52'><g fill='%23f3b8cd' fill-opacity='.85'><ellipse cx='32' cy='12' rx='7' ry='4' transform='rotate(30 32 12)'/><ellipse cx='44' cy='28' rx='6' ry='3.5' transform='rotate(-20 44 28)'/><ellipse cx='18' cy='30' rx='5.5' ry='3.2' transform='rotate(60 18 30)'/><ellipse cx='38' cy='44' rx='5' ry='3' transform='rotate(10 38 44)'/></g></svg>"), radial-gradient(60% 40% at 82% 95%, rgba(191,227,196,.18), transparent 70%);--nav-pattern-pos: right 12px bottom 36px, 0 0;--nav-pattern-size: 56px auto, auto}[data-skin=summer] .bg-nav{--nav-pattern: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 64'><g fill='%236fc79e' fill-opacity='.55'><path d='M10 8 q26 4 34 30 q-30 6 -40 -8 q-2 -16 6 -22Z'/><path d='M32 30 q18 8 18 30 q-22 -2 -26 -16 q-2 -10 8 -14Z' fill-opacity='.8'/></g></svg>"), radial-gradient(60% 40% at 82% 95%, rgba(159,230,207,.16), transparent 70%);--nav-pattern-pos: right 12px bottom 36px, 0 0;--nav-pattern-size: 58px auto, auto}[data-skin=autumn] .bg-nav{--nav-pattern: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 48 56'><g transform='translate(-176,-12)'><path d='M198 24 l4 -10 l4 10 l9 -4 l-5 9 l10 2 l-9 5 l5 9 l-10 -4 l-4 10 l-4 -10 l-10 4 l5 -9 l-9 -5 l10 -2 l-5 -9 l9 4Z' fill='%23e08a3c' fill-opacity='.85'/><path d='M178 58 l3 -7 l3 7 l6 -3 l-3 6 l7 1 l-6 4 l3 6 l-7 -3 l-3 7 l-3 -7 l-6 3 l3 -6 l-6 -4 l7 -1 l-3 -6 l6 3Z' fill='%23c2682a' fill-opacity='.7'/></g></svg>"), radial-gradient(60% 40% at 82% 95%, rgba(233,192,138,.2), transparent 70%);--nav-pattern-pos: right 12px bottom 36px, 0 0;--nav-pattern-size: 54px auto, auto}[data-skin=winter] .bg-nav{--nav-pattern: url("data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 56 56'><g stroke='%23dcebf7' stroke-opacity='.85' stroke-width='1.6' stroke-linecap='round'><g transform='translate(40,14)'><line x1='-8' y1='0' x2='8' y2='0'/><line x1='0' y1='-8' x2='0' y2='8'/><line x1='-6' y1='-6' x2='6' y2='6'/><line x1='-6' y1='6' x2='6' y2='-6'/></g><g transform='translate(20,34) scale(.7)'><line x1='-8' y1='0' x2='8' y2='0'/><line x1='0' y1='-8' x2='0' y2='8'/><line x1='-6' y1='-6' x2='6' y2='6'/><line x1='-6' y1='6' x2='6' y2='-6'/></g><g transform='translate(46,42) scale(.55)'><line x1='-8' y1='0' x2='8' y2='0'/><line x1='0' y1='-8' x2='0' y2='8'/><line x1='-6' y1='-6' x2='6' y2='6'/><line x1='-6' y1='6' x2='6' y2='-6'/></g></g></svg>"), radial-gradient(60% 40% at 82% 95%, rgba(220,235,247,.18), transparent 70%);--nav-pattern-pos: right 12px bottom 36px, 0 0;--nav-pattern-size: 58px auto, auto}