.btn--shine{position:relative;overflow:hidden;border-radius:var(--radius-s);z-index:1;background:var(--surface-1);color:var(--text);border:0;display:inline-flex;align-items:center;justify-content:center;font-weight:500;transition:transform .15s var(--ease)}.btn--shine:before{content:"";position:absolute;top:-50%;left:-50%;width:200%;height:200%;background:conic-gradient(transparent,transparent,transparent,var(--accent));animation:rotate-border 4s linear infinite;z-index:-1;opacity:0;transition:opacity .3s ease}.btn--shine:after{content:"";position:absolute;inset:2px;background:var(--surface-1);border-radius:calc(var(--radius-s) - 2px);z-index:-1}.btn--shine:hover:before{opacity:1}.btn--shine:hover{transform:translateY(-1px);color:var(--accent)}.btn--shine:active{transform:translateY(0)}@keyframes rotate-border{to{transform:rotate(360deg)}}.lock-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--bg);padding:var(--space-6)}.lock-screen__card{display:flex;flex-direction:column;align-items:center;gap:var(--space-6);width:100%;max-width:360px;padding:var(--space-8);background:var(--surface-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-2)}.lock-screen__header{display:flex;flex-direction:column;align-items:center;gap:var(--space-3);text-align:center}.lock-screen__avatar-wrapper{position:relative;margin-bottom:var(--space-2)}.lock-screen__avatar-glow{position:absolute;inset:-6px;border-radius:50%;background:var(--accent);opacity:.2;filter:blur(12px);z-index:-1}.lock-screen__name{margin:0;font-size:var(--text-2xl);font-weight:var(--font-semibold);color:var(--text-heading);letter-spacing:var(--letter-spacing-tight)}.lock-screen__status{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);font-size:var(--text-xs);font-weight:var(--font-medium);color:var(--text-muted);background:var(--surface-2);border-radius:999px;box-shadow:var(--shadow-inset-shallow);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.lock-screen__form{width:100%;display:flex;flex-direction:column;gap:var(--space-4)}.lock-screen__input-group{display:flex;flex-direction:column;gap:var(--space-2)}.lock-screen__input-wrapper{position:relative;display:flex;align-items:center;background:var(--surface-1);border-radius:var(--radius-s);box-shadow:var(--shadow-inset-deep);transition:box-shadow var(--duration-fast) var(--ease)}.lock-screen__input-wrapper:focus-within{box-shadow:var(--focus-ring),var(--shadow-inset-deep)}.lock-screen__input-wrapper--error{box-shadow:var(--shadow-inset-deep),0 0 0 2px var(--danger)}.lock-screen__input-icon{position:absolute;left:var(--space-4);color:var(--text-muted);pointer-events:none}.lock-screen__input{flex:1;padding:var(--space-4);padding-left:calc(var(--space-4) + 26px);height:48px;font-size:var(--text-base);color:var(--text);background:transparent;border:none;outline:none;font-family:inherit;box-sizing:border-box}.lock-screen__input::-moz-placeholder{color:var(--text-hint)}.lock-screen__input::placeholder{color:var(--text-hint)}.lock-screen__toggle-password{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-right:var(--space-1);color:var(--text-muted);background:none;border:none;border-radius:var(--radius-s);cursor:pointer;transition:color var(--duration-fast) var(--ease)}.lock-screen__toggle-password:hover{color:var(--text)}.lock-screen__error{font-size:var(--text-sm);color:var(--danger);padding-left:var(--space-1)}.lock-screen__btn{display:flex;align-items:center;justify-content:center;gap:var(--space-2);width:100%;padding:var(--space-4);height:48px;font-size:var(--text-base);font-weight:var(--font-semibold);font-family:inherit;border-radius:var(--radius-s);border:none;cursor:pointer;transition:transform var(--duration-fast) var(--ease),box-shadow var(--duration-fast) var(--ease)}.lock-screen__btn:disabled{opacity:.5;cursor:not-allowed}.lock-screen__btn:active:not(:disabled){transform:scale(.98)}.lock-screen__btn--primary{background:var(--accent-gradient, var(--accent));color:var(--accent-contrast);box-shadow:var(--shadow-1)}.lock-screen__btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:var(--shadow-2)}.lock-screen__btn--biometric{background:var(--surface-1);color:var(--text);box-shadow:var(--shadow-1)}.lock-screen__btn--biometric:hover:not(:disabled){transform:translateY(-1px);color:var(--accent)}.lock-screen__divider{display:flex;align-items:center;width:100%;gap:var(--space-4);color:var(--text-muted);font-size:var(--text-xs);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}.lock-screen__divider:before,.lock-screen__divider:after{content:"";flex:1;height:1px;background:var(--neu-dark);opacity:.3}.lock-screen__logout{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);font-size:var(--text-sm);font-weight:var(--font-medium);font-family:inherit;color:var(--text-muted);background:none;border:none;border-radius:var(--radius-s);cursor:pointer;transition:color var(--duration-fast) var(--ease)}.lock-screen__logout:hover{color:var(--danger)}.cat-btn-container{position:relative;overflow:hidden;padding:12px 24px;border:none;border-radius:12px;background:var(--surface-1, #e0e5ec);color:var(--text-primary, #4A5568);font-weight:600;cursor:pointer;box-shadow:6px 6px 12px #b8b9be,-6px -6px 12px #fff;transition:transform .1s ease}.cat-btn-container:active{transform:scale(.98);box-shadow:inset 4px 4px 8px #b8b9be,inset -4px -4px 8px #fff}.cat-wrapper{position:absolute;width:50px;height:50px;z-index:1;pointer-events:none;transition:transform .4s cubic-bezier(.34,1.56,.64,1)}.cat-media{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.pos-tl{top:0;left:0;transform:translate(-100%,-100%)}.pos-tr{top:0;right:0;transform:translate(100%,-100%) scaleX(-1)}.pos-bl{bottom:0;left:0;transform:translate(-100%,100%) rotate(180deg)}.pos-br{bottom:0;right:0;transform:translate(100%,100%) rotate(180deg) scaleX(-1)}.cat-wrapper.pos-tl.cat-visible{transform:translate(0)}.cat-wrapper.pos-tr.cat-visible{transform:translate(0) scaleX(-1)}.cat-wrapper.pos-bl.cat-visible{transform:translate(0) rotate(180deg)}.cat-wrapper.pos-br.cat-visible{transform:translate(0) rotate(180deg) scaleX(-1)}.math-inline,.math-block{display:inline-block;position:relative;cursor:pointer;border-radius:4px;transition:background-color .2s ease}.math-inline{padding:0 4px;vertical-align:middle}.math-block{display:block;padding:16px;margin:12px 0;text-align:center;background:#00000005;border:1px solid transparent}.math-inline:hover,.math-block:hover{background:#0000000a}.math-inline.ProseMirror-selectednode,.math-block.ProseMirror-selectednode{outline:2px solid var(--mantine-color-blue-5, #339af0);border-radius:4px}.math-inline .katex,.math-block .katex{font-size:1.1em}.math-block .katex{font-size:1.2em}.math-inline .katex-error,.math-block .katex-error{color:var(--mantine-color-red-6, #fa5252);font-family:monospace;font-size:.85em;padding:2px 4px;background:#ff00001a;border-radius:4px}.embed-container{position:relative;width:100%;max-width:100%;margin:16px 0;border-radius:12px;overflow:hidden;background:var(--mantine-color-gray-1, #f1f3f5);border:1px solid var(--mantine-color-gray-3, #dee2e6);transition:box-shadow .2s ease}.embed-container:hover{box-shadow:0 4px 12px #0000001a}.embed-container.ProseMirror-selectednode{outline:2px solid var(--mantine-color-blue-5, #339af0)}.embed-wrapper{position:relative;width:100%;height:100%;min-height:200px}.embed-youtube .embed-wrapper,.embed-vimeo .embed-wrapper{aspect-ratio:16/9;min-height:auto}.embed-youtube iframe,.embed-vimeo iframe{position:absolute;top:0;left:0;width:100%;height:100%;border:none}.embed-spotify .embed-wrapper{min-height:152px}.embed-spotify[style*="380px"]{aspect-ratio:auto}.embed-codepen .embed-wrapper{min-height:300px}.embed-twitter .embed-wrapper{display:flex;justify-content:center;padding:16px;background:#fff}.embed-twitter .twitter-tweet{margin:0 auto!important}.embed-badge{position:absolute;top:8px;right:8px;padding:4px 8px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:#fff;background:#0009;border-radius:4px;z-index:10;pointer-events:none}.embed-youtube .embed-badge{background:red}.embed-vimeo .embed-badge{background:#1ab7ea}.embed-twitter .embed-badge{background:#1da1f2}.embed-spotify .embed-badge{background:#1db954}.embed-codepen .embed-badge{background:#000}[data-mantine-color-scheme=dark] .math-block{background:#ffffff08}[data-mantine-color-scheme=dark] .math-inline:hover,[data-mantine-color-scheme=dark] .math-block:hover{background:#ffffff0f}[data-mantine-color-scheme=dark] .embed-container{background:var(--mantine-color-dark-6, #343a40);border-color:var(--mantine-color-dark-4, #495057)}[data-mantine-color-scheme=dark] .embed-twitter .embed-wrapper{background:var(--mantine-color-dark-7, #1a1b1e)}.embed-container[data-loading=true] .embed-wrapper{display:flex;align-items:center;justify-content:center;min-height:200px}.embed-container[data-loading=true] .embed-wrapper:after{content:"Loading...";color:var(--mantine-color-gray-6, #868e96);font-size:14px}@media(max-width:768px){.embed-container{margin:12px 0;border-radius:8px}.embed-badge{font-size:10px;padding:2px 6px}.math-block{padding:12px}}.sortable-header{cursor:pointer;-webkit-user-select:none;-moz-user-select:none;user-select:none;position:relative;transition:background-color .15s ease}.sortable-header:hover{background-color:var(--surface-2, rgba(0, 0, 0, .05))}.sortable-header:hover:after{content:"↕";position:absolute;right:4px;top:50%;transform:translateY(-50%);font-size:12px;opacity:.6;color:var(--text, #333);font-weight:700}.table-sort-indicator{display:inline-block;margin-left:6px;font-size:12px;opacity:1;vertical-align:middle;animation:sortIndicatorFade .2s ease;color:var(--text, #333);font-weight:700}@keyframes sortIndicatorFade{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}[data-mantine-color-scheme=dark] .sortable-header:hover{background-color:#ffffff14}.voice-note{background:var(--surface-2, #f5f5f5);border-radius:12px;padding:12px 16px;margin:8px 0;display:flex;align-items:center;gap:12px;max-width:100%;box-shadow:3px 3px 6px var(--neu-dark, rgba(0,0,0,.1)),-3px -3px 6px var(--neu-light, rgba(255,255,255,.5));transition:box-shadow .2s ease}.voice-note:hover{box-shadow:4px 4px 8px var(--neu-dark, rgba(0,0,0,.12)),-4px -4px 8px var(--neu-light, rgba(255,255,255,.6))}.voice-note.ProseMirror-selectednode{outline:2px solid var(--accent, #7c4dff);outline-offset:2px}.voice-note audio{height:36px;min-width:200px;max-width:300px;flex:1;border-radius:8px}[data-mantine-color-scheme=dark] .voice-note{background:var(--surface-2, #2d2d2d);box-shadow:3px 3px 6px #0000004d,-3px -3px 6px #ffffff0d}.embed-resize-handle{position:absolute;width:12px;height:12px;background:var(--accent, #7c4dff);border-radius:50%;opacity:0;transition:opacity .2s,transform .15s;z-index:10;box-shadow:0 2px 4px #0003}.embed-resize-nw{top:-4px;left:-4px;cursor:nw-resize}.embed-resize-ne{top:-4px;right:-4px;cursor:ne-resize}.embed-resize-sw{bottom:-4px;left:-4px;cursor:sw-resize}.embed-resize-se{bottom:-4px;right:-4px;cursor:se-resize}.embed-container:hover .embed-resize-handle{opacity:1}.embed-resize-handle:hover{transform:scale(1.3)}.note-viewer-content .ProseMirror{outline:none!important;min-height:auto}.note-viewer-content .ProseMirror p{margin:0 0 1em}.note-viewer-content .ProseMirror h1,.note-viewer-content .ProseMirror h2,.note-viewer-content .ProseMirror h3{margin:1.5em 0 .5em}.note-viewer-content .ProseMirror ul,.note-viewer-content .ProseMirror ol{padding-left:1.5em;margin:.5em 0}.note-viewer-content .ProseMirror blockquote{border-left:3px solid var(--accent, #ffa726);padding-left:1em;margin:1em 0;color:var(--text-muted, #666)}.note-viewer-content .ProseMirror code{background:var(--surface-2, #f0f0f5);padding:2px 6px;border-radius:4px;font-family:Fira Code,Consolas,monospace;font-size:.9em}.note-viewer-content .ProseMirror pre{background:var(--surface-2, #1a1a2e);padding:1em;border-radius:8px;overflow-x:auto}.note-viewer-content .ProseMirror pre code{background:none;padding:0}.note-viewer-content .ProseMirror table{border-collapse:collapse;width:100%;margin:1em 0}.note-viewer-content .ProseMirror th,.note-viewer-content .ProseMirror td{border:1px solid var(--neu-dark, #ddd);padding:8px 12px;text-align:left}.note-viewer-content .ProseMirror th{background:var(--surface-2, #f0f0f5);font-weight:600}.note-viewer-content .ProseMirror img{max-width:100%;height:auto;border-radius:8px}.note-viewer-content .ProseMirror a{color:var(--accent, #ffa726);text-decoration:underline}.note-viewer-content .ProseMirror mark{background:#ffeb3b66;padding:0 2px;border-radius:2px}.note-viewer-content .ProseMirror ul[data-type=taskList]{list-style:none;padding-left:0}.note-viewer-content .ProseMirror ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:8px}.note-viewer-content .ProseMirror ul[data-type=taskList] li>label{margin-top:3px}[data-mantine-color-scheme=dark] .note-viewer-content .ProseMirror code{background:#ffffff1a}[data-mantine-color-scheme=dark] .note-viewer-content .ProseMirror pre{background:#1e1e2e}[data-mantine-color-scheme=dark] .note-viewer-content .ProseMirror th{background:#ffffff0d}[data-mantine-color-scheme=dark] .note-viewer-content .ProseMirror mark{background:#ffeb3b40}.preview-content h1,.preview-content h2,.preview-content h3,.preview-content h4,.preview-content h5,.preview-content h6{margin-top:1.5em;margin-bottom:.5em;font-weight:700;color:var(--text, #333);line-height:1.3}.preview-content h1{font-size:2em}.preview-content h2{font-size:1.75em}.preview-content h3{font-size:1.5em}.preview-content h4{font-size:1.25em}.preview-content h5{font-size:1.1em}.preview-content h6{font-size:1em}.preview-content p{margin-bottom:1em;line-height:1.8}.preview-content ul,.preview-content ol{padding-left:1.5em;margin-bottom:1em}.preview-content li{margin-bottom:.35em;line-height:1.7}.preview-content blockquote{border-left:4px solid var(--accent, #ffa726);margin:1em 0;color:var(--text-muted, #666);font-style:italic;background:#00000005;padding:1em 1.25em;border-radius:0 8px 8px 0}.preview-content code{background:var(--surface-2, #f0f0f5);padding:2px 6px;border-radius:4px;font-family:Fira Code,Consolas,Monaco,monospace;font-size:.9em;color:var(--accent, #e65100)}.preview-content pre{background:var(--surface-2, #1a1a2e);padding:1.25em;border-radius:8px;overflow-x:auto;margin:1em 0}.preview-content pre code{background:none;padding:0;color:inherit}.preview-content a{color:var(--accent, #ffa726);text-decoration:underline;text-underline-offset:2px}.preview-content a:hover{text-decoration-thickness:2px}.preview-content img{max-width:100%;height:auto;border-radius:8px;margin:1em 0}.preview-content table{width:100%;border-collapse:collapse;margin:1em 0}.preview-content th,.preview-content td{border:1px solid var(--neu-dark, #ddd);padding:10px 14px;text-align:left}.preview-content th{background:var(--surface-2, #f0f0f5);font-weight:600}.preview-content hr{border:none;height:1px;background:var(--neu-dark, #ddd);margin:2em 0}.preview-content strong{font-weight:700;color:var(--text, #333)}.preview-content em{font-style:italic}[data-mantine-color-scheme=dark] .preview-content blockquote{background:#ffffff08}[data-mantine-color-scheme=dark] .preview-content code{background:#ffffff1a}[data-mantine-color-scheme=dark] .preview-content pre{background:#1e1e2e}[data-mantine-color-scheme=dark] .preview-content th{background:#ffffff0d}@font-face{font-family:Satoshi;src:url(/fonts/satoshi/Satoshi-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi/Satoshi-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi/Satoshi-Bold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Satoshi;src:url(/fonts/satoshi/Satoshi-Black.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Cabinet Grotesk;src:url(/fonts/cabinet-grotesk/CabinetGrotesk-Regular.woff2) format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Cabinet Grotesk;src:url(/fonts/cabinet-grotesk/CabinetGrotesk-Medium.woff2) format("woff2");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Cabinet Grotesk;src:url(/fonts/cabinet-grotesk/CabinetGrotesk-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url(/fonts/clash-display/ClashDisplay-Semibold.woff2) format("woff2");font-weight:600;font-style:normal;font-display:swap}@font-face{font-family:Clash Display;src:url(/fonts/clash-display/ClashDisplay-Bold.woff2) format("woff2");font-weight:700;font-style:normal;font-display:swap}*,: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(147 197 253 / .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(147 197 253 / .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:currentColor}: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:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";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:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,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%!important}.container{width:100%}.pointer-events-none{pointer-events:none}.\!visible{visibility:visible!important}.visible{visibility:visible}.invisible{visibility:hidden}.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}.contents{display:contents}.hidden{display:none}.h-\[400px\]{height:400px}.h-\[90vh\]{height:90vh}.max-h-\[400px\]{max-height:400px}.max-h-\[80\%\]{max-height:80%}.w-\[60\%\]{width:60%}.min-w-\[120px\]{min-width:120px}.min-w-\[20px\]{min-width:20px}.min-w-\[220px\]{min-width:220px}.min-w-\[24px\]{min-width:24px}.min-w-\[30px\]{min-width:30px}.max-w-\[300px\]{max-width:300px}.max-w-\[320px\]{max-width:320px}.flex-\[2\]{flex:2}.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))}.select-none{-webkit-user-select:none;-moz-user-select:none;user-select:none}.select-all{-webkit-user-select:all;-moz-user-select:all;user-select:all}.resize{resize:both}.auto-rows-\[300px\]{grid-auto-rows:300px}.flex-row{flex-direction:row}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-start{align-items:flex-start}.items-center{align-items:center}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.overflow-auto{overflow:auto}.overflow-hidden{overflow:hidden}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.break-all{word-break:break-all}.border-none{border-style:none}.bg-\[linear-gradient\(rgba\(255\,255\,255\,0\.05\)_1px\,transparent_1px\)\,linear-gradient\(90deg\,rgba\(255\,255\,255\,0\.05\)_1px\,transparent_1px\)\]{background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px)}.bg-\[size\:40px_40px\]{background-size:40px 40px}.bg-clip-text{-webkit-background-clip:text;background-clip:text}.text-center{text-align:center}.text-right{text-align:right}.uppercase{text-transform:uppercase}.lowercase{text-transform:lowercase}.capitalize{text-transform:capitalize}.italic{font-style:italic}.underline{text-decoration-line:underline}.outline-none{outline:2px solid transparent;outline-offset:2px}.outline{outline-style:solid}.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)}html,body,#root{height:100%;width:100%;margin:0;padding:0}*{box-sizing:border-box}html{height:100%;scroll-behavior:smooth}body{margin:0;padding:0;height:100%;font-family:var(--font-family);font-size:var(--text-base);line-height:var(--leading-normal);font-weight:400;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body{background-color:var(--bg)}#root{height:100%;display:flex;flex-direction:column}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background-color:var(--mantine-color-gray-4);border-radius:4px;-webkit-transition:background-color .2s ease;transition:background-color .2s ease}::-webkit-scrollbar-thumb:hover{background-color:var(--mantine-color-gray-5)}*:focus-visible{outline:2px solid var(--mantine-color-blue-6);outline-offset:2px}.mantine-Button-root,.mantine-Card-root,.mantine-Paper-root{transition:all .2s cubic-bezier(.4,0,.2,1)}.backdrop-blur{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.slide-up{animation:slideUp .4s cubic-bezier(.4,0,.2,1)}.ProseMirror table,.prose-editor table{border-collapse:collapse!important;margin:16px 0!important;width:100%!important;table-layout:fixed!important;border:2px solid #c0c0c0!important;border-radius:8px!important}.ProseMirror td,.ProseMirror th,.prose-editor td,.prose-editor th{border:1px solid #c0c0c0!important;padding:10px 14px!important;position:relative!important;vertical-align:top!important;min-width:80px!important;min-height:40px!important;box-sizing:border-box!important}.ProseMirror td:not([data-background-color]),.prose-editor td:not([data-background-color]){background:var(--surface-1, #f5f5f5)}.ProseMirror th,.prose-editor th{background:var(--surface-2, #e8e8e8);font-weight:600!important;text-align:left!important}.ProseMirror .selectedCell:after,.prose-editor .selectedCell:after{background:#7c4dff1a!important;content:""!important;inset:0!important;pointer-events:none!important;position:absolute!important;z-index:2!important}.ProseMirror .column-resize-handle,.prose-editor .column-resize-handle{background-color:var(--accent, #7c4dff)!important;bottom:-2px!important;pointer-events:none!important;position:absolute!important;right:-2px!important;top:0!important;width:4px!important}.ProseMirror .tableWrapper,.prose-editor .tableWrapper{overflow-x:auto!important;margin:16px 0!important}.ProseMirror td>*,.ProseMirror th>*,.prose-editor td>*,.prose-editor th>*{margin:0!important}.editor-image{max-width:100%;height:auto;border-radius:var(--radius-m);margin:16px 0;display:block}.ProseMirror img.ProseMirror-selectednode{outline:3px solid var(--accent);outline-offset:2px}.code-block-highlight{background:var(--surface-2);border-radius:var(--radius-m);padding:16px 20px;margin:16px 0;font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace;font-size:14px;line-height:1.6;overflow-x:auto;border:1px solid var(--neu-dark)}.code-block-highlight code{background:transparent;padding:0;font-family:inherit;color:var(--text)}.hljs-comment,.hljs-quote{color:#6a737d;font-style:italic}.hljs-keyword,.hljs-selector-tag,.hljs-addition{color:#d73a49}.hljs-number,.hljs-string,.hljs-meta .hljs-meta-string,.hljs-literal,.hljs-doctag,.hljs-regexp{color:#032f62}.hljs-title,.hljs-section,.hljs-name,.hljs-selector-id,.hljs-selector-class{color:#6f42c1}.hljs-attribute,.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-class .hljs-title,.hljs-type{color:#005cc5}.hljs-symbol,.hljs-bullet,.hljs-subst,.hljs-meta,.hljs-meta .hljs-keyword,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-link{color:#e36209}.hljs-built_in,.hljs-deletion{color:#22863a}.hljs-formula{background:#f6f8fa}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}[data-theme=dark] .hljs-comment,[data-theme=dark] .hljs-quote{color:#8b949e}[data-theme=dark] .hljs-keyword,[data-theme=dark] .hljs-selector-tag,[data-theme=dark] .hljs-addition{color:#ff7b72}[data-theme=dark] .hljs-number,[data-theme=dark] .hljs-string,[data-theme=dark] .hljs-meta .hljs-meta-string,[data-theme=dark] .hljs-literal,[data-theme=dark] .hljs-doctag,[data-theme=dark] .hljs-regexp{color:#a5d6ff}[data-theme=dark] .hljs-title,[data-theme=dark] .hljs-section,[data-theme=dark] .hljs-name,[data-theme=dark] .hljs-selector-id,[data-theme=dark] .hljs-selector-class{color:#d2a8ff}[data-theme=dark] .hljs-attribute,[data-theme=dark] .hljs-attr,[data-theme=dark] .hljs-variable,[data-theme=dark] .hljs-template-variable,[data-theme=dark] .hljs-class .hljs-title,[data-theme=dark] .hljs-type{color:#79c0ff}[data-theme=dark] .hljs-symbol,[data-theme=dark] .hljs-bullet,[data-theme=dark] .hljs-subst,[data-theme=dark] .hljs-meta,[data-theme=dark] .hljs-meta .hljs-keyword,[data-theme=dark] .hljs-selector-attr,[data-theme=dark] .hljs-selector-pseudo,[data-theme=dark] .hljs-link{color:#ffa657}[data-theme=dark] .hljs-built_in,[data-theme=dark] .hljs-deletion{color:#7ee787}.ProseMirror mark{background-color:#fff3bf;padding:2px 4px;border-radius:3px}[data-theme=dark] .ProseMirror mark{background-color:#5c4d1a}.preview-content{color:var(--text);font-family:var(--font-family);line-height:1.8;font-size:16px}.preview-content h1{font-size:2em;font-weight:700;margin:1em 0 .5em;color:var(--text);line-height:1.3;border-bottom:2px solid var(--accent-glow);padding-bottom:.3em}.preview-content h2{font-size:1.5em;font-weight:600;margin:1em 0 .5em;color:var(--text);line-height:1.35}.preview-content h3{font-size:1.25em;font-weight:600;margin:1em 0 .5em;color:var(--text);line-height:1.4}.preview-content h4,.preview-content h5,.preview-content h6{font-size:1.1em;font-weight:600;margin:1em 0 .5em;color:var(--text)}.preview-content p{margin:0 0 1em;line-height:1.8}.preview-content strong,.preview-content b{font-weight:700;color:var(--text)}.preview-content em,.preview-content i{font-style:italic}.preview-content u{text-decoration:underline}.preview-content ul{list-style-type:disc;margin:.5em 0 1em;padding-left:1.5em}.preview-content ol{list-style-type:decimal;margin:.5em 0 1em;padding-left:1.5em}.preview-content li{margin:.25em 0;line-height:1.6}.preview-content li>ul,.preview-content li>ol{margin:.25em 0}.preview-content ul[data-type=taskList]{list-style:none;padding-left:0}.preview-content ul[data-type=taskList] li{display:flex;align-items:flex-start;gap:8px}.preview-content ul[data-type=taskList] li[data-checked=true]{text-decoration:line-through;opacity:.7}.preview-content blockquote{border-left:4px solid var(--accent);margin:1em 0;padding:.5em 0 .5em 1em;background:var(--accent-glow);border-radius:0 var(--radius-s) var(--radius-s) 0;font-style:italic;color:var(--text-muted)}.preview-content blockquote p{margin:0}.preview-content code{background:var(--surface-2);padding:2px 6px;border-radius:4px;font-family:JetBrains Mono,Fira Code,SF Mono,Consolas,monospace;font-size:.9em;color:var(--accent)}.preview-content pre{background:var(--surface-2);border-radius:var(--radius-m);padding:16px 20px;margin:1em 0;overflow-x:auto;border:1px solid var(--neu-dark)}.preview-content pre code{background:transparent;padding:0;color:var(--text);font-size:14px;line-height:1.6}.preview-content a{color:var(--accent);text-decoration:none;border-bottom:1px solid transparent;transition:border-color .2s ease}.preview-content a:hover{border-bottom-color:var(--accent)}.preview-content img{max-width:100%;height:auto;border-radius:var(--radius-m);margin:1em 0;display:block}.preview-content hr{border:none;border-top:2px solid var(--neu-dark);margin:2em 0}.preview-content mark{background-color:#fff3bf;padding:2px 4px;border-radius:3px}[data-theme=dark] .preview-content mark{background-color:#5c4d1a}.preview-content>*:first-child{margin-top:0}.preview-content>*:last-child{margin-bottom:0}html.reduce-motion *,html.reduce-motion *:before,html.reduce-motion *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}html.reduce-motion .fade-in,html.reduce-motion .slide-up{animation:none!important;opacity:1!important;transform:none!important}html.high-contrast{--text: #000000;--text-muted: #333333;--bg: #ffffff;--surface-1: #ffffff;--surface-2: #f0f0f0;--neu-dark: #999999;--neu-light: #ffffff;--accent: #0000cc;--accent-glow: rgba(0, 0, 204, .2)}html.high-contrast[data-theme=dark]{--text: #ffffff;--text-muted: #cccccc;--bg: #000000;--surface-1: #111111;--surface-2: #222222;--neu-dark: #000000;--neu-light: #333333;--accent: #66b3ff;--accent-glow: rgba(102, 179, 255, .3)}html.high-contrast *:focus-visible{outline:3px solid var(--accent)!important;outline-offset:3px!important}html.high-contrast .btn,html.high-contrast button{border:2px solid currentColor!important}html.high-contrast .btn--primary{background:var(--accent)!important;color:#fff!important;border-color:var(--accent)!important}html.high-contrast[data-theme=dark] .btn--primary{color:#000!important}html.high-contrast input,html.high-contrast select,html.high-contrast textarea{border:2px solid var(--text)!important;background:var(--bg)!important}html.high-contrast input:focus,html.high-contrast select:focus,html.high-contrast textarea:focus{border-color:var(--accent)!important}html.high-contrast .card,html.high-contrast .surface-1,html.high-contrast .surface-2{border:2px solid var(--text-muted)!important;box-shadow:none!important}html.high-contrast a{text-decoration:underline!important}html.high-contrast .status-badge,html.high-contrast [class*=StatusBadge]{border:2px solid currentColor!important}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(prefers-contrast:more){:root{--text: #000000;--text-muted: #333333}[data-theme=dark]{--text: #ffffff;--text-muted: #cccccc}}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.active\:scale-\[0\.98\]:active{--tw-scale-x: .98;--tw-scale-y: .98;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))}.group:hover .group-hover\:translate-y-\[-5px\]{--tw-translate-y: -5px;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))}:root{--font-display: "Satoshi", sans-serif;--font-family: "Cabinet Grotesk", sans-serif;--font-accent: "Clash Display", sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.75rem;--text-4xl: 2rem;--text-5xl: 2.5rem;--text-6xl: 3rem;--leading-none: 1;--leading-tight: 1.2;--leading-snug: 1.375;--leading-normal: 1.5;--leading-relaxed: 1.625;--leading-loose: 1.75;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--letter-spacing-tighter: -.02em;--letter-spacing-tight: -.01em;--letter-spacing-normal: 0;--letter-spacing-wide: .025em;--letter-spacing-wider: .05em;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--radius-s: 12px;--radius-m: 16px;--radius-l: 18px;--radius-xl: 22px;--duration-fast: .16s;--duration-med: .22s;--ease: cubic-bezier(.2, .8, .2, 1);--z-topbar: 50;--z-sidebar: 40;--z-drawer: 60;--z-modal: 70;--z-tooltip: 80;--glass-blur: 20px;--glass-border: rgba(255, 255, 255, .15);--glass-shadow: 0 8px 32px rgba(0, 0, 0, .12)}[data-style=neo][data-theme=light]{--bg: #E0E5EC;--surface-1: #E0E5EC;--surface-2: #E0E5EC;--surface-3: #E0E5EC;--text: #4A4E69;--text-muted: #666C85;--text-heading: #4A4E69;--text-hint: #9FA6B2;--accent: #6C63FF;--accent-hover: #7D73FF;--accent-active: #5A52D5;--accent-contrast: #FFFFFF;--accent-glow: rgba(108, 99, 255, .25);--accent-gradient: linear-gradient(145deg, #7D73FF, #5A52D5);--success: #51CF66;--warning: #FCC419;--danger: #FF8787;--info: #4DABF7;--tag-red: #FF8787;--tag-green: #51CF66;--tag-yellow: #FCC419;--tag-blue: #4DABF7;--tag-purple: #B197FC;--tag-cyan: #66D9E8;--tag-orange: #FFA94D;--tag-pink: #F783AC;--neu-dark: #A3B1C6;--neu-light: #FFFFFF;--shadow-1: 8px 8px 16px var(--neu-dark), -8px -8px 16px var(--neu-light);--shadow-2: 12px 12px 24px var(--neu-dark), -12px -12px 24px var(--neu-light);--shadow-inset: inset 4px 4px 8px var(--neu-dark), inset -4px -4px 8px var(--neu-light);--shadow-inset-deep: inset 6px 6px 12px var(--neu-dark), inset -6px -6px 12px var(--neu-light);--shadow-inset-shallow: inset 2px 2px 4px rgba(163, 177, 198, .5), inset -2px -2px 4px rgba(255, 255, 255, .5);--focus-ring: 0 0 0 3px rgba(108, 99, 255, .35);--glass-bg: rgba(224, 229, 236, .6);--surface-rgb: 224, 229, 236}[data-style=neo][data-theme=dark]{--bg: #1F2937;--surface-1: #1F2937;--surface-2: #1F2937;--surface-3: #1F2937;--text: #E2E8F0;--text-muted: #A4B3C8;--text-heading: #F8FAFC;--text-hint: #64748B;--accent: #A78BFA;--accent-hover: #C4B5FD;--accent-active: #8B5CF6;--accent-contrast: #1F2937;--accent-glow: rgba(167, 139, 250, .3);--accent-gradient: linear-gradient(145deg, #C4B5FD, #8B5CF6);--success: #4ADE80;--warning: #FBBF24;--danger: #FB7185;--info: #38BDF8;--tag-red: #FB7185;--tag-green: #4ADE80;--tag-yellow: #FBBF24;--tag-blue: #38BDF8;--tag-purple: #C4B5FD;--tag-cyan: #22D3EE;--tag-orange: #FB923C;--tag-pink: #F472B6;--neu-dark: #111827;--neu-light: #374151;--shadow-1: 6px 6px 12px var(--neu-dark), -6px -6px 12px var(--neu-light);--shadow-2: 12px 12px 24px var(--neu-dark), -12px -12px 24px var(--neu-light);--shadow-inset: inset 4px 4px 8px var(--neu-dark), inset -4px -4px 8px var(--neu-light);--shadow-inset-deep: inset 6px 6px 12px var(--neu-dark), inset -6px -6px 12px var(--neu-light);--shadow-inset-shallow: inset 2px 2px 4px rgba(17, 24, 39, .4), inset -2px -2px 4px rgba(55, 65, 81, .4);--focus-ring: 0 0 0 3px rgba(167, 139, 250, .5);--glass-bg: rgba(31, 41, 55, .6);--surface-rgb: 31, 41, 55}html,body{height:100%}body{margin:0;font-family:var(--font-family);background:var(--bg);color:var(--text)}a{color:inherit;text-decoration:none}.surface-1,.surface-2,.surface-3{background:var(--surface-1);border-radius:var(--radius-m);box-shadow:var(--shadow-1);color:var(--text)}.surface-2{border-radius:var(--radius-l);box-shadow:var(--shadow-2)}.surface-3{border-radius:var(--radius-xl);box-shadow:var(--shadow-2)}.card{background:var(--surface-1);border-radius:var(--radius-l);box-shadow:var(--shadow-2);padding:var(--space-6);position:relative}.toolbar{background:var(--surface-1);border-radius:var(--radius-s);box-shadow:var(--shadow-inset);padding:var(--space-6);display:flex;gap:var(--space-4);align-items:center}.toolbar-control{height:48px;display:flex;align-items:center;border-radius:var(--radius-s);font-size:15px}.list-row{background:var(--surface-1);border-radius:14px;box-shadow:var(--shadow-1);padding:var(--space-4);display:grid;gap:var(--space-3)}.btn{border:0;border-radius:var(--radius-s);padding:10px 16px;height:48px;display:inline-flex;align-items:center;justify-content:center;cursor:pointer;font-weight:500;font-size:15px;position:relative;overflow:hidden;transition:transform .15s var(--ease),box-shadow .15s var(--ease)}.btn:active{transform:scale(.98);transition-duration:.1s}.btn--icon{width:48px;height:48px;padding:0}.btn:focus-visible{outline:none;box-shadow:var(--focus-ring)}.btn--primary{background:var(--surface-1);color:var(--accent);font-weight:600;box-shadow:4px 4px 8px var(--neu-dark),-4px -4px 8px var(--neu-light),0 0 0 2px var(--accent-glow)}.btn--primary:hover{transform:translateY(-1px);color:var(--accent-hover, var(--accent));box-shadow:5px 5px 10px var(--neu-dark),-5px -5px 10px var(--neu-light),0 0 0 2px var(--accent)}.btn--primary:active{box-shadow:var(--shadow-inset),0 0 0 2px var(--accent-glow);transform:translateY(0)}.btn--gradient{background:var(--accent-gradient, var(--accent));color:var(--accent-contrast);font-weight:600;box-shadow:6px 6px 12px var(--neu-dark),-6px -6px 12px var(--neu-light)}.btn--gradient:hover{transform:translateY(-1px);box-shadow:8px 8px 16px var(--neu-dark),-8px -8px 16px var(--neu-light);filter:brightness(1.05)}.btn--gradient:active{box-shadow:var(--shadow-inset);transform:translateY(0);filter:brightness(.95)}.btn--accent{background:var(--accent);color:var(--accent-contrast);box-shadow:6px 6px 12px var(--neu-dark),-6px -6px 12px var(--neu-light)}.btn--accent:hover{transform:translateY(-1px);box-shadow:8px 8px 16px var(--neu-dark),-8px -8px 16px var(--neu-light)}.btn--accent:active{box-shadow:var(--shadow-inset);transform:translateY(0)}.btn--ghost{background:var(--surface-1);color:var(--text);box-shadow:var(--shadow-1)}.btn--ghost:hover{transform:translateY(-1px)}.btn--ghost:active{box-shadow:var(--shadow-inset);transform:translateY(0)}.btn--sidebar-active{background:var(--surface-1);color:var(--accent);box-shadow:var(--shadow-inset-deep),0 0 0 2px var(--accent-glow);font-weight:600}.btn--sidebar-active:hover{transform:none}.btn--sidebar-active .sidebar-icon{color:var(--accent)}.btn--nav{height:46px;min-height:46px;padding:12px 16px;font-size:14px;justify-content:flex-start;background:var(--surface-1);box-shadow:4px 4px 8px var(--neu-dark),-4px -4px 8px var(--neu-light);border-radius:var(--radius-s)}.btn--nav:hover{transform:translateY(-1px);box-shadow:5px 5px 10px var(--neu-dark),-5px -5px 10px var(--neu-light)}.btn--nav:active{box-shadow:var(--shadow-inset-shallow);transform:translateY(0)}.btn--nav-active{height:46px;min-height:46px;padding:12px 16px;font-size:14px;justify-content:flex-start;background:color-mix(in srgb,var(--accent) 8%,var(--surface-1));color:var(--accent);box-shadow:var(--shadow-inset),0 0 0 1px var(--accent-glow);font-weight:600;border-radius:var(--radius-s);position:relative}.btn--nav-active:before{content:"";position:absolute;inset:2px;background:color-mix(in srgb,var(--accent) 10%,transparent);border-radius:calc(var(--radius-s) - 2px);z-index:-1;pointer-events:none}.btn--nav-active:hover{transform:none}.btn--filter-active{background:var(--surface-1);color:var(--accent);box-shadow:var(--shadow-inset),0 0 0 1px var(--accent-glow);font-weight:600}.btn--filter-active:hover{transform:none}.btn--toggle-active{background:var(--surface-1);color:var(--accent);box-shadow:var(--shadow-inset)}.btn--toggle-active:hover{transform:none}.input{width:100%;border:none;border-radius:var(--radius-s);padding:12px 14px;height:48px;box-sizing:border-box;background:var(--surface-1);color:var(--text);font-size:15px;box-shadow:var(--shadow-inset-deep);transition:box-shadow var(--duration-fast) var(--ease)}.surface-shallow{background:var(--surface-1);border-radius:var(--radius-l);box-shadow:var(--shadow-inset-shallow)}.input::-moz-placeholder{color:var(--text-muted);opacity:.8}.input::placeholder{color:var(--text-muted);opacity:.8}.input:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--shadow-inset-deep)}.input:hover:not(:focus-visible){box-shadow:var(--shadow-inset)}.chip{display:inline-flex;align-items:center;gap:8px;padding:6px 10px;border-radius:999px;background:var(--surface-1);color:var(--text);box-shadow:var(--shadow-inset);border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease)}.chip:hover{transform:translateY(-1px)}.chip.active{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-1)}.chip:active{transform:translateY(0)}.toggle,.checkbox{display:inline-flex;align-items:center;gap:8px;background:var(--surface-1);border-radius:999px;box-shadow:var(--shadow-inset);padding:6px}.kbd{font-family:var(--font-accent);padding:2px 6px;border-radius:8px;box-shadow:var(--shadow-inset);background:var(--surface-1);font-weight:600}.ProseMirror{outline:none}.ProseMirror p.is-editor-empty:first-child:before{content:attr(data-placeholder);float:left;color:var(--text-muted);pointer-events:none;height:0}.ProseMirror h1,.ProseMirror h2,.ProseMirror h3{color:var(--text);font-weight:600;margin:1em 0 .5em}.ProseMirror h1{font-size:1.875rem}.ProseMirror h2{font-size:1.5rem}.ProseMirror h3{font-size:1.25rem}.ProseMirror p{margin:.75em 0}.ProseMirror ul,.ProseMirror ol{padding-left:1.5em;margin:.75em 0}.ProseMirror blockquote{border-left:3px solid var(--accent);padding-left:1em;margin:1em 0;color:var(--text-muted)}.ProseMirror code{background:var(--surface-2);padding:2px 4px;border-radius:4px;font-family:var(--font-accent);font-weight:600;color:var(--accent)}.ProseMirror pre{background:var(--surface-2);padding:1em;border-radius:var(--radius-m);overflow-x:auto;font-family:var(--font-accent)}.ProseMirror ul[data-type=taskList]{list-style:none;padding:0}.ProseMirror ul[data-type=taskList] li{display:flex;align-items:flex-start}.ProseMirror ul[data-type=taskList] li>label{flex:0 0 auto;margin-right:.5rem;-webkit-user-select:none;-moz-user-select:none;user-select:none}.ProseMirror ul[data-type=taskList] li>div{flex:1 1 auto}:where(button,[role=button],a,input,select,textarea,[tabindex]):focus-visible{outline:none;box-shadow:var(--focus-ring)}[data-color=ocean]{--theme-hue: 220}[data-color=graphite],[data-color=stone]{--theme-hue: 0}html[data-style=neo][data-theme=light][data-color=ocean]{--bg: #E3E8F0;--surface-1: #E3E8F0;--surface-2: #E3E8F0;--surface-3: #E3E8F0;--text: #334155;--text-muted: #64748B;--text-heading: #1E293B;--text-hint: #94A3B8;--accent: #3B82F6;--accent-hover: #60A5FA;--accent-active: #2563EB;--accent-contrast: #FFFFFF;--accent-glow: rgba(59, 130, 246, .25);--neu-dark: #A8B5C9;--neu-light: #FFFFFF;--shadow-1: 8px 8px 16px var(--neu-dark), -8px -8px 16px var(--neu-light);--shadow-2: 12px 12px 24px var(--neu-dark), -12px -12px 24px var(--neu-light);--shadow-inset: inset 4px 4px 8px var(--neu-dark), inset -4px -4px 8px var(--neu-light);--glass-bg: rgba(227, 232, 240, .6);--surface-rgb: 227, 232, 240}html[data-style=neo][data-theme=dark][data-color=ocean]{--bg: #1E293B;--surface-1: #1E293B;--surface-2: #1E293B;--surface-3: #1E293B;--text: #E2E8F0;--text-muted: #94A3B8;--text-heading: #F8FAFC;--text-hint: #64748B;--accent: #60A5FA;--accent-hover: #93C5FD;--accent-active: #3B82F6;--accent-glow: rgba(96, 165, 250, .3);--neu-dark: #0F172A;--neu-light: #334155;--shadow-1: 6px 6px 12px var(--neu-dark), -6px -6px 12px var(--neu-light);--shadow-2: 12px 12px 24px var(--neu-dark), -12px -12px 24px var(--neu-light);--shadow-inset: inset 4px 4px 8px var(--neu-dark), inset -4px -4px 8px var(--neu-light);--glass-bg: rgba(30, 41, 59, .6);--surface-rgb: 30, 41, 59}html[data-style=neo][data-theme=light][data-color=graphite]{--bg: #F0EFED;--surface-1: #F0EFED;--surface-2: #F5F4F2;--surface-3: #FAF9F8;--text: #3D3A38;--text-muted: #6B6865;--text-heading: #1F1D1C;--text-hint: #9A9795;--accent: #0D9488;--accent-hover: #14B8A6;--accent-active: #0F766E;--accent-contrast: #FFFFFF;--accent-glow: rgba(13, 148, 136, .25);--accent-gradient: linear-gradient(145deg, #14B8A6, #0F766E);--neu-dark: #D0CFCD;--neu-light: #FFFFFF;--shadow-1: 8px 8px 16px var(--neu-dark), -8px -8px 16px var(--neu-light);--shadow-2: 12px 12px 24px var(--neu-dark), -12px -12px 24px var(--neu-light);--shadow-inset: inset 4px 4px 8px var(--neu-dark), inset -4px -4px 8px var(--neu-light);--shadow-inset-deep: inset 6px 6px 12px var(--neu-dark), inset -6px -6px 12px var(--neu-light);--shadow-inset-shallow: inset 2px 2px 4px rgba(208, 207, 205, .5), inset -2px -2px 4px rgba(255, 255, 255, .5);--focus-ring: 0 0 0 3px rgba(13, 148, 136, .35);--glass-bg: rgba(240, 239, 237, .75);--surface-rgb: 240, 239, 237}html[data-style=neo][data-theme=dark][data-color=graphite]{--bg: #1E1C1B;--surface-1: #252322;--surface-2: #2C2A28;--surface-3: #33302E;--text: #E8E5E2;--text-muted: #A5A19D;--text-heading: #F7F5F3;--text-hint: #7A7673;--accent: #F59E0B;--accent-hover: #FBBF24;--accent-active: #D97706;--accent-contrast: #1E1C1B;--accent-glow: rgba(245, 158, 11, .3);--accent-gradient: linear-gradient(145deg, #FBBF24, #D97706);--neu-dark: #121110;--neu-light: #2A2826;--shadow-1: 8px 8px 20px var(--neu-dark), -8px -8px 20px var(--neu-light);--shadow-2: 12px 12px 30px var(--neu-dark), -12px -12px 30px var(--neu-light);--shadow-inset: inset 4px 4px 8px var(--neu-dark), inset -4px -4px 8px var(--neu-light);--shadow-inset-deep: inset 6px 6px 12px var(--neu-dark), inset -6px -6px 12px var(--neu-light);--shadow-inset-shallow: inset 2px 2px 4px rgba(18, 17, 16, .5), inset -2px -2px 4px rgba(42, 40, 38, .5);--focus-ring: 0 0 0 3px rgba(245, 158, 11, .4);--glass-bg: rgba(30, 28, 27, .8);--surface-rgb: 37, 35, 34}html[data-style=neo][data-theme=light][data-color=stone]{--bg: #EDE9E3;--surface-1: #EDE9E3;--surface-2: #F3F0EB;--surface-3: #F9F7F4;--text: #3E3A35;--text-muted: #6D6862;--text-heading: #201E1B;--text-hint: #9C968F;--accent: #C05621;--accent-hover: #DD6B20;--accent-active: #9C4221;--accent-contrast: #FFFFFF;--accent-glow: rgba(192, 86, 33, .25);--accent-gradient: linear-gradient(145deg, #DD6B20, #9C4221);--neu-dark: #CCC8C2;--neu-light: #FFFFFF;--shadow-1: 9px 9px 18px var(--neu-dark), -9px -9px 18px var(--neu-light);--shadow-2: 12px 12px 24px var(--neu-dark), -12px -12px 24px var(--neu-light);--shadow-inset: inset 4px 4px 8px var(--neu-dark), inset -4px -4px 8px var(--neu-light);--shadow-inset-deep: inset 0 -1px 0 0 rgba(0, 0, 0, .08);--shadow-inset-shallow: inset 0 0 0 1px rgba(0, 0, 0, .06);--focus-ring: 0 0 0 3px rgba(192, 86, 33, .3);--glass-bg: rgba(237, 233, 227, .75);--surface-rgb: 237, 233, 227}html[data-style=neo][data-theme=dark][data-color=stone]{--bg: #242220;--surface-1: #2D2A28;--surface-2: #353230;--surface-3: #3E3B39;--text: #F0EEEB;--text-muted: #9E9A96;--text-heading: #FFFFFF;--text-hint: #706C69;--accent: #A8BCA1;--accent-hover: #BED2B6;--accent-active: #8EA488;--accent-contrast: #242220;--accent-glow: rgba(168, 188, 161, .25);--accent-gradient: linear-gradient(145deg, #BED2B6, #8EA488);--neu-dark: #1A1817;--neu-light: #363330;--shadow-1: 8px 8px 16px var(--neu-dark), -8px -8px 16px var(--neu-light);--shadow-2: 12px 12px 24px var(--neu-dark), -12px -12px 24px var(--neu-light);--shadow-inset: inset 4px 4px 8px var(--neu-dark), inset -4px -4px 8px var(--neu-light);--shadow-inset-deep: inset 0 -1px 0 0 rgba(255, 255, 255, .08);--shadow-inset-shallow: inset 0 0 0 1px rgba(255, 255, 255, .1);--focus-ring: 0 0 0 3px rgba(168, 188, 161, .35);--glass-bg: rgba(36, 34, 32, .8);--surface-rgb: 45, 42, 40}[data-color=slate]{--theme-hue: 200}html[data-style=neo][data-theme=light][data-color=slate]{--bg: #DEE4E7;--surface-1: #DEE4E7;--surface-2: #E5EBF0;--surface-3: #ECF2F5;--text: #263238;--text-muted: #455A64;--text-heading: #1C2428;--text-hint: #607D8B;--accent: #37474F;--accent-hover: #455A64;--accent-active: #263238;--accent-contrast: #FFFFFF;--accent-glow: rgba(55, 71, 79, .4);--accent-gradient: linear-gradient(145deg, #546E7A, #37474F);--neu-dark: #B0BCC5;--neu-light: #FFFFFF;--shadow-1: 8px 8px 16px var(--neu-dark), -8px -8px 16px var(--neu-light);--shadow-2: 12px 12px 24px var(--neu-dark), -12px -12px 24px var(--neu-light);--shadow-inset: inset 4px 4px 8px var(--neu-dark), inset -4px -4px 8px var(--neu-light);--shadow-inset-deep: inset 6px 6px 12px var(--neu-dark), inset -6px -6px 12px var(--neu-light);--shadow-inset-shallow: inset 2px 2px 4px rgba(176, 188, 197, .5), inset -2px -2px 4px rgba(255, 255, 255, .5);--focus-ring: 0 0 0 3px rgba(55, 71, 79, .35);--glass-border: rgba(255, 255, 255, .25);--glass-bg: rgba(222, 228, 231, .6);--surface-rgb: 222, 228, 231}html[data-style=neo][data-theme=dark][data-color=slate]{--bg: #1C2428;--surface-1: #1C2428;--surface-2: #1C2428;--surface-3: #1C2428;--text: #CFD8DC;--text-muted: #90A4AE;--text-heading: #ECEFF1;--text-hint: #607D8B;--accent: #78909C;--accent-hover: #90A4AE;--accent-active: #546E7A;--accent-contrast: #1C2428;--accent-glow: rgba(120, 144, 156, .35);--accent-gradient: linear-gradient(145deg, #90A4AE, #546E7A);--neu-dark: #0F1416;--neu-light: #2D3840;--shadow-1: 6px 6px 12px var(--neu-dark), -6px -6px 12px var(--neu-light);--shadow-2: 12px 12px 24px var(--neu-dark), -12px -12px 24px var(--neu-light);--shadow-inset: inset 4px 4px 8px var(--neu-dark), inset -4px -4px 8px var(--neu-light);--shadow-inset-deep: inset 6px 6px 12px var(--neu-dark), inset -6px -6px 12px var(--neu-light);--shadow-inset-shallow: inset 2px 2px 4px rgba(15, 20, 22, .45), inset -2px -2px 4px rgba(45, 56, 64, .45);--focus-ring: 0 0 0 3px rgba(120, 144, 156, .4);--glass-bg: rgba(28, 36, 40, .6);--surface-rgb: 28, 36, 40}[data-color=fluid]{--theme-hue: 250}html[data-style=neo][data-theme=light][data-color=fluid],html[data-style=neo][data-theme=dark][data-color=fluid]{--bg: #F0EEF8;--surface-1: rgba(255, 255, 255, .75);--surface-2: rgba(255, 255, 255, .6);--surface-3: rgba(248, 246, 255, .8);--text: #4A4560;--text-muted: #7A7590;--text-heading: #2D2845;--text-hint: #9A95B0;--accent: #7C6FEA;--accent-hover: #9589F0;--accent-active: #6358D4;--accent-contrast: #FFFFFF;--accent-glow: rgba(124, 111, 234, .3);--accent-gradient: linear-gradient(135deg, #9589F0, #6358D4);--neu-dark: rgba(180, 175, 210, .35);--neu-light: rgba(255, 255, 255, .95);--shadow-1: 8px 8px 24px var(--neu-dark), -8px -8px 24px var(--neu-light);--shadow-2: 12px 12px 32px var(--neu-dark), -12px -12px 32px var(--neu-light);--shadow-inset: inset 4px 4px 12px var(--neu-dark), inset -4px -4px 12px var(--neu-light);--shadow-inset-deep: inset 6px 6px 16px var(--neu-dark), inset -6px -6px 16px var(--neu-light);--shadow-inset-shallow: inset 2px 2px 6px rgba(180, 175, 210, .25), inset -2px -2px 6px rgba(255, 255, 255, .7);--focus-ring: 0 0 0 3px rgba(124, 111, 234, .4);--glass-bg: rgba(255, 255, 255, .5);--glass-border: rgba(255, 255, 255, .3);--surface-rgb: 240, 238, 248;--fluid-surface: linear-gradient(135deg, rgba(255, 255, 255, .9) 0%, rgba(240, 238, 248, .7) 100%);--fluid-blur: 20px;--fluid-glow: 0 0 30px rgba(124, 111, 234, .2);--fluid-ripple-color: rgba(124, 111, 234, .15);--fluid-blob-shadow: 0 8px 32px rgba(124, 111, 234, .25), inset 0 2px 10px rgba(255, 255, 255, .5)}.neo-card:hover{transform:translateY(-2px);transition:all .3s ease}.neo-button:focus-visible,.neo-input:focus-visible{box-shadow:var(--focus-ring),var(--shadow-1)}.neo-button-icon{transition:transform .2s ease}@media(prefers-reduced-motion:reduce){*{animation-duration:.001ms!important;transition-duration:.001ms!important}}h1,.h1{font-family:var(--font-display);font-size:var(--text-4xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--letter-spacing-tighter);color:var(--text-heading)}h2,.h2{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;line-height:var(--leading-tight);letter-spacing:var(--letter-spacing-tight);color:var(--text-heading)}h3,.h3{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:600;line-height:var(--leading-snug);color:var(--text-heading)}h4,.h4{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;line-height:var(--leading-snug);color:var(--text-heading)}h5,.h5{font-family:var(--font-display);font-size:var(--text-lg);font-weight:600;line-height:var(--leading-normal);color:var(--text-heading)}h6,.h6{font-family:var(--font-display);font-size:var(--text-base);font-weight:600;line-height:var(--leading-normal);color:var(--text-heading)}.text-xs{font-size:var(--text-xs)}.text-sm{font-size:var(--text-sm)}.text-base{font-size:var(--text-base)}.text-lg{font-size:var(--text-lg)}.text-xl{font-size:var(--text-xl)}.text-2xl{font-size:var(--text-2xl)}.text-3xl{font-size:var(--text-3xl)}.text-4xl{font-size:var(--text-4xl)}.text-5xl{font-size:var(--text-5xl)}.text-6xl{font-size:var(--text-6xl)}.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)}.tracking-tighter{letter-spacing:var(--letter-spacing-tighter)}.tracking-tight{letter-spacing:var(--letter-spacing-tight)}.tracking-normal{letter-spacing:var(--letter-spacing-normal)}.tracking-wide{letter-spacing:var(--letter-spacing-wide)}.tracking-wider{letter-spacing:var(--letter-spacing-wider)}.font-sans{font-family:var(--font-family)}.font-accent{font-family:var(--font-accent)}code,kbd,samp{font-family:var(--font-accent);font-size:.95em;font-weight:600}code{padding:2px 8px;border-radius:4px;background:var(--surface-1);box-shadow:var(--shadow-inset-shallow);color:var(--accent)}pre{padding:var(--space-4);border-radius:var(--radius-m);background:var(--surface-1);box-shadow:var(--shadow-inset);overflow-x:auto;font-family:var(--font-accent)}pre code{padding:0;background:transparent;box-shadow:none;color:var(--text)}.text-heading{font-family:var(--font-display);font-weight:700;letter-spacing:var(--letter-spacing-tighter);color:var(--text-heading)}.text-subheading{font-family:var(--font-display);font-weight:600;letter-spacing:var(--letter-spacing-tight);color:var(--text)}.text-body{font-family:var(--font-family);font-weight:var(--font-medium);letter-spacing:var(--letter-spacing-normal);line-height:var(--leading-relaxed);color:var(--text)}.text-label{font-family:var(--font-display);font-weight:600;font-size:var(--text-xs);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--text-muted)}.text-caption{font-family:var(--font-family);font-weight:var(--font-medium);font-size:var(--text-sm);color:var(--text-muted)}.sidebar-header,.sidebar-title,[class*=sidebar] h1,[class*=sidebar] h2,[class*=sidebar] h3{font-family:var(--font-family);font-weight:700;text-transform:uppercase;letter-spacing:var(--letter-spacing-wide);color:var(--text-heading)}.sidebar-header{font-size:var(--text-lg);line-height:var(--leading-snug)}.sidebar-title{font-size:var(--text-base);font-weight:600;line-height:var(--leading-normal)}.sidebar-section{border-top:2px solid var(--neu-dark);padding-top:var(--space-4);margin-top:var(--space-4)}.sidebar-section:first-child{border-top:none;padding-top:0;margin-top:0}.prose{max-width:65ch;line-height:var(--leading-relaxed)}.prose p{margin-bottom:1.5em}.glass{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow)}.glass-panel,.glass-sidebar{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);box-shadow:var(--glass-shadow);border-radius:var(--radius-l)}.ripple-container{position:relative;overflow:hidden}.ripple{position:absolute;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--accent) 25%,transparent) 0%,transparent 70%);transform:scale(0);animation:soft-ripple .6s ease-out forwards;pointer-events:none}@keyframes soft-ripple{to{transform:scale(4);opacity:0}}.surface-elevated{background:color-mix(in srgb,var(--surface-1) 98%,var(--neu-light) 2%);box-shadow:var(--shadow-2);transform:translateY(-2px);transition:all .2s var(--ease)}.surface-recessed{background:var(--surface-1);box-shadow:var(--shadow-inset-shallow)}.hover-elevate{transition:transform .2s var(--ease),box-shadow .2s var(--ease)}.hover-elevate:hover{transform:translateY(-2px);box-shadow:var(--shadow-2)}.glass-modal-backdrop{position:fixed;inset:0;background:#0000004d;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal)}.glass-modal-content{background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border:1px solid var(--glass-border);border-radius:var(--radius-l);box-shadow:var(--glass-shadow),var(--shadow-2);max-width:90vw;max-height:85vh;overflow-y:auto}.stagger-container>*{animation:stagger-fade-in .4s var(--ease) backwards}.stagger-container>*:nth-child(1){animation-delay:0ms}.stagger-container>*:nth-child(2){animation-delay:50ms}.stagger-container>*:nth-child(3){animation-delay:.1s}.stagger-container>*:nth-child(4){animation-delay:.15s}.stagger-container>*:nth-child(5){animation-delay:.2s}.stagger-container>*:nth-child(6){animation-delay:.25s}.stagger-container>*:nth-child(7){animation-delay:.3s}.stagger-container>*:nth-child(8){animation-delay:.35s}@keyframes stagger-fade-in{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@supports not (background: color-mix(in srgb,red 50%,blue)){.btn--nav-active{background:var(--surface-1)}.btn--nav-active:before{background:rgba(var(--surface-rgb),.1)}.surface-elevated{background:var(--surface-1)}.ripple{background:radial-gradient(circle,rgba(108,99,255,.2) 0%,transparent 70%)}}.desktop-topbar{display:block}.neo-card{background:var(--surface-1);border-radius:var(--radius-l);box-shadow:var(--shadow-2);padding:var(--space-6);transition:transform .3s ease,box-shadow .2s ease}.neo-card:hover{transform:translateY(-2px)}.neo-card-pressed{background:var(--surface-1);border-radius:var(--radius-m);box-shadow:var(--shadow-inset);padding:var(--space-4)}.neo-button{border:none;border-radius:var(--radius-m);padding:10px 16px;cursor:pointer;background:var(--surface-1);color:var(--text);box-shadow:var(--shadow-1);transition:all var(--duration-fast) var(--ease)}.neo-button:hover{transform:translateY(-1px)}.neo-button:active{box-shadow:var(--shadow-inset);transform:translateY(0)}.neo-button:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--shadow-1)}.neo-button-primary{background:var(--accent);color:var(--accent-contrast);box-shadow:6px 6px 12px var(--neu-dark),-6px -6px 12px var(--neu-light)}.neo-button-icon{width:40px;height:40px;padding:8px;display:flex;align-items:center;justify-content:center;border:none;border-radius:var(--radius-m);cursor:pointer;background:var(--surface-1);color:var(--text);box-shadow:var(--shadow-1);transition:transform .2s ease,box-shadow .2s ease}.neo-button-icon:hover{transform:rotate(15deg) scale(1.05)}.neo-button-icon:active{box-shadow:var(--shadow-inset);transform:translateY(0)}.neo-input{width:100%;border:none;border-radius:var(--radius-m);padding:12px 14px;background:var(--surface-1);color:var(--text);box-shadow:var(--shadow-inset);transition:box-shadow .2s ease}.neo-input::-moz-placeholder{color:var(--text-muted)}.neo-input::placeholder{color:var(--text-muted)}.neo-input:focus-visible{outline:none;box-shadow:var(--focus-ring),var(--shadow-inset)}.neo-panel{background:var(--surface-1);border-radius:var(--radius-xl);box-shadow:var(--shadow-2);padding:var(--space-8)}.neo-toolbar{background:var(--surface-1);border-radius:var(--radius-m);box-shadow:var(--shadow-inset);padding:var(--space-3) var(--space-4);display:flex;gap:var(--space-3);align-items:center}.neo-list-item{background:var(--surface-1);border-radius:var(--radius-m);box-shadow:var(--shadow-1);padding:var(--space-4);margin-bottom:var(--space-3);transition:transform .2s ease,box-shadow .2s ease}.neo-list-item:hover{transform:translateY(-1px);box-shadow:var(--shadow-2)}.neo-list-item:active{transform:translateY(0);box-shadow:var(--shadow-inset)}.neo-chip{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:var(--surface-1);color:var(--text);box-shadow:var(--shadow-inset);border:none;cursor:pointer;transition:all var(--duration-fast) var(--ease);font-size:14px}.neo-chip:hover{transform:translateY(-1px)}.neo-chip.active{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--shadow-1)}.neo-toggle{display:inline-flex;align-items:center;gap:8px;background:var(--surface-1);border-radius:999px;box-shadow:var(--shadow-inset);padding:6px;cursor:pointer;transition:all var(--duration-fast) var(--ease)}.neo-toggle.active{box-shadow:var(--shadow-1)}.neo-fab{position:fixed;bottom:var(--space-8);right:var(--space-8);width:56px;height:56px;border-radius:50%;border:none;background:var(--accent);color:var(--accent-contrast);box-shadow:8px 8px 16px var(--neu-dark),-8px -8px 16px var(--neu-light);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all var(--duration-fast) var(--ease);z-index:var(--z-modal)}.neo-fab:hover{transform:translateY(-2px) scale(1.05)}.neo-fab:active{transform:translateY(0) scale(1);box-shadow:var(--shadow-inset)}.neo-status{width:12px;height:12px;border-radius:50%;box-shadow:var(--shadow-1)}.neo-status.success{background:var(--success)}.neo-status.warning{background:var(--warning)}.neo-status.danger{background:var(--danger)}.neo-divider{height:1px;background:linear-gradient(90deg,var(--neu-dark) 0%,var(--neu-light) 50%,var(--neu-dark) 100%);margin:var(--space-4) 0;border:none}.neo-skeleton{background:linear-gradient(90deg,var(--surface-1) 25%,var(--neu-light) 50%,var(--surface-1) 75%);background-size:200% 100%;animation:neo-shimmer 1.5s infinite;border-radius:var(--radius-m)}@keyframes neo-shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:768px){.neo-card{padding:var(--space-4)}.neo-panel{padding:var(--space-6)}.neo-fab{bottom:var(--space-6);right:var(--space-6)}}:root{--jelly-squish-duration: .08s;--jelly-spring-duration: .6s;--jelly-magnetic-duration: .5s;--jelly-magnetic-return: 1.2s;--jelly-spring-ease: cubic-bezier(.34, 1.56, .64, 1);--jelly-spring-heavy: cubic-bezier(.34, 2.2, .64, 1);--jelly-elastic-ease: cubic-bezier(.68, -.55, .265, 1.55);--jelly-squish-ease: cubic-bezier(.25, .46, .45, .94);--jelly-magnetic-strength: .2;--jelly-magnetic-strength-light: .15;--jelly-magnetic-strength-heavy: .3;--jelly-clay-shadow: 20px 20px 40px var(--neu-dark), -20px -20px 40px var(--neu-light);--jelly-clay-shadow-md: 12px 12px 24px var(--neu-dark), -12px -12px 24px var(--neu-light);--jelly-clay-shadow-sm: 6px 6px 12px var(--neu-dark), -6px -6px 12px var(--neu-light);--jelly-inner-glow: inset 5px 5px 15px var(--neu-light), inset -5px -5px 15px rgba(var(--surface-rgb), .3);--jelly-pressed-shadow: inset 8px 8px 16px var(--neu-dark), inset -8px -8px 16px var(--neu-light);--jelly-gloss: radial-gradient(ellipse 80% 60% at var(--mouse-x, 30%) var(--mouse-y, 30%), var(--neu-light) 0%, rgba(var(--surface-rgb), .4) 20%, transparent 50%);--jelly-gloss-static: radial-gradient(ellipse 60% 40% at 25% 25%, var(--neu-light) 0%, transparent 50%);--jelly-breathe-scale: 1.005;--jelly-breathe-duration: 4s;--jelly-breathe-duration-slow: 6s;--jelly-breathe-duration-fast: 2.5s;--jelly-squish-x: 1.1;--jelly-squish-y: .9;--jelly-squish-x-light: 1.05;--jelly-squish-y-light: .95}[data-theme=dark]{--jelly-gloss: radial-gradient(ellipse 80% 60% at var(--mouse-x, 30%) var(--mouse-y, 30%), var(--neu-light) 0%, rgba(var(--surface-rgb), .2) 20%, transparent 50%);--jelly-gloss-static: radial-gradient(ellipse 60% 40% at 25% 25%, var(--neu-light) 0%, transparent 50%);--jelly-inner-glow: inset 5px 5px 15px var(--neu-light), inset -5px -5px 15px rgba(0, 0, 0, .2)}@keyframes jelly-breathe{0%,to{transform:scale(1)}50%{transform:scale(var(--jelly-breathe-scale))}}@keyframes jelly-breathe-full{0%,to{transform:scale(1);box-shadow:var(--jelly-clay-shadow)}50%{transform:scale(var(--jelly-breathe-scale));box-shadow:22px 22px 44px var(--neu-dark),-22px -22px 44px var(--neu-light)}}@keyframes jelly-glow-pulse{0%,to{box-shadow:var(--jelly-pressed-shadow),0 0 0 0 var(--accent-glow)}50%{box-shadow:var(--jelly-pressed-shadow),0 0 20px 4px var(--accent-glow)}}@keyframes jelly-wobble{0%{transform:scale(1)}15%{transform:scale(1.1,.9)}30%{transform:scale(.95,1.05)}45%{transform:scale(1.03,.97)}60%{transform:scale(.99,1.01)}75%{transform:scale(1.01,.99)}to{transform:scale(1)}}@keyframes jelly-float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes jelly-morph-in{0%{opacity:0;transform:scale(.8) translateY(20px);border-radius:50%}50%{border-radius:var(--radius-xl)}to{opacity:1;transform:scale(1) translateY(0);border-radius:var(--radius-l)}}@keyframes jelly-morph-out{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.9) translateY(-10px)}}@keyframes jelly-ripple{0%{transform:scale(0);opacity:.5}to{transform:scale(2.5);opacity:0}}.jelly-breathe{animation:jelly-breathe var(--jelly-breathe-duration) ease-in-out infinite}.jelly-breathe-slow{animation:jelly-breathe var(--jelly-breathe-duration-slow) ease-in-out infinite}.jelly-breathe-fast{animation:jelly-breathe var(--jelly-breathe-duration-fast) ease-in-out infinite}.jelly-float{animation:jelly-float 3s ease-in-out infinite}.jelly-wobble{animation:jelly-wobble .6s ease-out}.jelly-magnetic{transition:transform var(--jelly-magnetic-duration) cubic-bezier(.25,.46,.45,.94);will-change:transform}.jelly-magnetic--returning{transition:transform var(--jelly-magnetic-return) var(--jelly-elastic-ease)}.jelly-gloss{position:relative}.jelly-gloss:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--jelly-gloss);pointer-events:none;opacity:.6;mix-blend-mode:overlay;transition:opacity .3s ease}.jelly-gloss:hover:after{opacity:.8}.jelly-goo{filter:url(#goo)}.jelly-goo-light{filter:url(#goo-light)}.jelly-morph-enter{animation:jelly-morph-in .4s var(--jelly-spring-ease) forwards}.jelly-morph-exit{animation:jelly-morph-out .25s ease-in forwards}.jelly-breathe,.jelly-float,.jelly-magnetic{will-change:transform;contain:layout paint}@media(prefers-reduced-motion:reduce){.jelly-breathe,.jelly-breathe-slow,.jelly-breathe-fast,.jelly-float,.jelly-wobble,.jelly-morph-enter,.jelly-morph-exit{animation:none!important}.jelly-magnetic{transition:none!important}.jelly-gloss:after{display:none}}.jelly-card{background:var(--surface-1);border-radius:var(--radius-xl);padding:var(--space-6);position:relative;box-shadow:var(--jelly-clay-shadow),var(--jelly-inner-glow);border:1px solid var(--neu-light);transition:transform var(--jelly-spring-duration) var(--jelly-spring-ease),box-shadow .3s ease;will-change:transform;contain:layout paint}.jelly-card:after{content:"";position:absolute;inset:0;border-radius:inherit;background:var(--jelly-gloss);pointer-events:none;opacity:.5;mix-blend-mode:overlay;transition:opacity .3s ease}.jelly-card:hover:after{opacity:.7}.jelly-card--sm{padding:var(--space-4);border-radius:var(--radius-l);box-shadow:var(--jelly-clay-shadow-sm),var(--jelly-inner-glow)}.jelly-card--lg{padding:var(--space-8);border-radius:28px;box-shadow:var(--jelly-clay-shadow),var(--jelly-inner-glow)}.jelly-card--flat{box-shadow:var(--shadow-1)}.jelly-card--flat:after{display:none}.jelly-card--interactive{cursor:pointer}.jelly-card--interactive:hover{transform:translateY(-6px) scale(1.01);box-shadow:24px 24px 48px var(--neu-dark),-24px -24px 48px var(--neu-light),var(--jelly-inner-glow)}.jelly-card--interactive:active{transform:translateY(-2px) scale(.99);box-shadow:var(--jelly-clay-shadow-md),var(--jelly-inner-glow)}.jelly-card--pressed{box-shadow:var(--jelly-pressed-shadow)}.jelly-card--pressed:after{opacity:.3}.jelly-card--breathing{animation:jelly-breathe-full var(--jelly-breathe-duration) ease-in-out infinite}.jelly-card--breathing:nth-child(1){animation-delay:0s}.jelly-card--breathing:nth-child(2){animation-delay:.5s}.jelly-card--breathing:nth-child(3){animation-delay:1s}.jelly-card--breathing:nth-child(4){animation-delay:1.5s}.jelly-card--breathing:nth-child(5){animation-delay:2s}.jelly-card--breathing:nth-child(6){animation-delay:2.5s}.jelly-card--magnetic{transition:transform var(--jelly-magnetic-duration) cubic-bezier(.25,.46,.45,.94)}.jelly-card__header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.jelly-card__avatar{width:56px;height:56px;border-radius:var(--radius-m);background:var(--accent-glow);display:flex;align-items:center;justify-content:center;font-size:24px;box-shadow:var(--jelly-inner-glow)}.jelly-card__title{font-family:var(--font-display);font-size:var(--text-xl);font-weight:600;color:var(--text-heading);margin:0}.jelly-card__subtitle{font-size:var(--text-sm);color:var(--text-muted);margin-top:var(--space-1)}.jelly-card__content{color:var(--text);line-height:var(--leading-relaxed)}.jelly-card__content p{margin:0 0 var(--space-3)}.jelly-card__content p:last-child{margin-bottom:0}.jelly-card__footer{display:flex;align-items:center;justify-content:space-between;margin-top:var(--space-5);padding-top:var(--space-4);border-top:1px solid rgba(var(--surface-rgb),.3)}.jelly-card-grid{display:grid;gap:var(--space-6)}.jelly-card-grid--2{grid-template-columns:repeat(2,1fr)}.jelly-card-grid--3{grid-template-columns:repeat(3,1fr)}.jelly-card-grid--4{grid-template-columns:repeat(4,1fr)}.jelly-card-grid--auto{grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}@media(max-width:1024px){.jelly-card-grid--4,.jelly-card-grid--3{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.jelly-card-grid--2,.jelly-card-grid--3,.jelly-card-grid--4{grid-template-columns:1fr}}.jelly-card-grid>.jelly-card{animation:jelly-morph-in .5s var(--jelly-spring-ease) backwards}.jelly-card-grid>.jelly-card:nth-child(1){animation-delay:0ms}.jelly-card-grid>.jelly-card:nth-child(2){animation-delay:80ms}.jelly-card-grid>.jelly-card:nth-child(3){animation-delay:.16s}.jelly-card-grid>.jelly-card:nth-child(4){animation-delay:.24s}.jelly-card-grid>.jelly-card:nth-child(5){animation-delay:.32s}.jelly-card-grid>.jelly-card:nth-child(6){animation-delay:.4s}.jelly-card-grid>.jelly-card:nth-child(7){animation-delay:.48s}.jelly-card-grid>.jelly-card:nth-child(8){animation-delay:.56s}[data-theme=dark] .jelly-card{border-color:var(--neu-light)}[data-theme=dark] .jelly-card:after{opacity:.3}[data-theme=dark] .jelly-card:hover:after{opacity:.4}@media(prefers-reduced-motion:reduce){.jelly-card--breathing{animation:none}.jelly-card--interactive:hover{transform:none}.jelly-card-grid>.jelly-card{animation:none}}.jelly-btn{position:relative;overflow:hidden;border:none;border-radius:var(--radius-s);padding:12px 24px;height:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;font-family:var(--font-family);font-weight:600;font-size:15px;background:var(--surface-1);color:var(--text);box-shadow:var(--jelly-clay-shadow-sm);transform-origin:center center;transition:box-shadow .2s ease,color .2s ease;will-change:transform}.jelly-btn:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:var(--jelly-inner-glow);pointer-events:none;opacity:.5}.jelly-btn:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,var(--accent-glow) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none;transition:transform .5s ease-out,opacity .3s ease-out}.jelly-btn:hover:after{transform:translate(-50%,-50%) scale(2.5);opacity:1}.jelly-btn:active{transform:scaleX(var(--jelly-squish-x)) scaleY(var(--jelly-squish-y));box-shadow:var(--jelly-clay-shadow-sm)}.jelly-btn--spring{animation:jelly-wobble var(--jelly-spring-duration) var(--jelly-spring-ease)}.jelly-btn--primary{color:var(--accent);box-shadow:var(--jelly-clay-shadow-sm),0 0 0 2px var(--accent-glow)}.jelly-btn--primary:hover{color:var(--accent-hover);box-shadow:var(--jelly-clay-shadow-md),0 0 0 2px var(--accent)}.jelly-btn--accent{background:var(--accent);color:var(--accent-contrast);box-shadow:var(--jelly-clay-shadow-sm),0 4px 15px var(--accent-glow)}.jelly-btn--accent:before{box-shadow:inset 3px 3px 8px var(--neu-light),inset -3px -3px 8px #0000001a}.jelly-btn--accent:hover{box-shadow:var(--jelly-clay-shadow-md),0 6px 20px var(--accent-glow)}.jelly-btn--gradient{background:var(--accent-gradient);color:var(--accent-contrast);box-shadow:var(--jelly-clay-shadow-sm)}.jelly-btn--gradient:hover{filter:brightness(1.05);box-shadow:var(--jelly-clay-shadow-md)}.jelly-btn--ghost{background:var(--surface-1);box-shadow:var(--shadow-1)}.jelly-btn--ghost:hover{box-shadow:var(--jelly-clay-shadow-sm)}.jelly-btn--danger{color:var(--danger);box-shadow:var(--jelly-clay-shadow-sm),0 0 0 2px rgba(var(--danger),.2)}.jelly-btn--danger:hover{background:var(--danger);color:#fff}.jelly-btn--sm{height:36px;padding:8px 16px;font-size:13px;border-radius:10px}.jelly-btn--lg{height:56px;padding:16px 32px;font-size:17px;border-radius:var(--radius-m)}.jelly-btn--icon{width:48px;padding:0}.jelly-btn--icon.jelly-btn--sm{width:36px;height:36px}.jelly-btn--icon.jelly-btn--lg{width:56px;height:56px}.jelly-btn__icon{display:flex;align-items:center;justify-content:center;transition:transform .2s ease}.jelly-btn:active .jelly-btn__icon{transform:scaleX(calc(1 / var(--jelly-squish-x))) scaleY(calc(1 / var(--jelly-squish-y)))}.jelly-fab{position:fixed;bottom:var(--space-8);right:var(--space-8);width:56px;height:56px;border-radius:50%;border:none;background:var(--accent);color:var(--accent-contrast);box-shadow:var(--jelly-clay-shadow-md),0 4px 20px var(--accent-glow);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);transition:transform var(--jelly-spring-duration) var(--jelly-spring-ease),box-shadow .3s ease}.jelly-fab:before{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:inset 3px 3px 8px var(--neu-light),inset -3px -3px 8px #0000001a;pointer-events:none}.jelly-fab:hover{transform:translateY(-4px) scale(1.08);box-shadow:var(--jelly-clay-shadow),0 8px 30px var(--accent-glow)}.jelly-fab:active{transform:translateY(0) scale(.95)}.jelly-fab--breathing{animation:jelly-fab-pulse 2s ease-in-out infinite}@keyframes jelly-fab-pulse{0%,to{transform:scale(1);box-shadow:var(--jelly-clay-shadow-md),0 4px 20px var(--accent-glow)}50%{transform:scale(1.05);box-shadow:var(--jelly-clay-shadow),0 8px 30px var(--accent-glow)}}.jelly-btn-group{display:inline-flex;gap:var(--space-2)}.jelly-btn-group--connected{gap:0}.jelly-btn-group--connected .jelly-btn{border-radius:0}.jelly-btn-group--connected .jelly-btn:first-child{border-radius:var(--radius-s) 0 0 var(--radius-s)}.jelly-btn-group--connected .jelly-btn:last-child{border-radius:0 var(--radius-s) var(--radius-s) 0}.jelly-btn:disabled,.jelly-btn--disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.jelly-btn:disabled:after,.jelly-btn--disabled:after{display:none}.jelly-btn--loading{pointer-events:none;color:transparent}.jelly-btn--loading:after{content:"";position:absolute;width:20px;height:20px;border:2px solid transparent;border-top-color:currentColor;border-radius:50%;animation:spin .8s linear infinite;transform:translate(-50%,-50%);opacity:1}@keyframes spin{to{transform:translate(-50%,-50%) rotate(360deg)}}[data-theme=dark] .jelly-btn:before{box-shadow:inset 3px 3px 8px var(--neu-light),inset -3px -3px 8px #0003}@media(prefers-reduced-motion:reduce){.jelly-btn:active{transform:none}.jelly-btn--spring{animation:none}.jelly-btn:after{display:none}.jelly-fab:hover{transform:none}.jelly-fab--breathing{animation:none}}.jelly-nav{position:relative;display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-2)}.jelly-nav--gooey{filter:url(#goo)}.jelly-nav--gooey-light{filter:url(#goo-light)}.jelly-nav__item{position:relative;z-index:2;display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3) var(--space-4);height:48px;border-radius:var(--radius-s);background:transparent;border:none;color:var(--text-muted);font-family:var(--font-family);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:color .2s ease}.jelly-nav__item:hover{color:var(--text)}.jelly-nav__item--active{color:var(--accent-contrast);font-weight:600}.jelly-nav__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;transition:transform .2s ease}.jelly-nav__item:hover .jelly-nav__icon{transform:scale(1.1)}.jelly-nav__item--active .jelly-nav__icon{transform:scale(1)}.jelly-nav__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.jelly-nav__blob{position:absolute;left:var(--space-2);right:var(--space-2);height:48px;border-radius:var(--radius-s);background:var(--accent);z-index:1;box-shadow:inset 3px 3px 6px var(--neu-light),inset -3px -3px 6px #0000001a,0 4px 15px var(--accent-glow);top:var(--blob-top, 0);transform-origin:center center;transition:top .4s var(--jelly-spring-ease)}.jelly-nav__blob:after{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 60% 40% at 30% 20%,var(--neu-light) 0%,transparent 50%);pointer-events:none}.jelly-nav--horizontal{flex-direction:row;gap:var(--space-2)}.jelly-nav--horizontal .jelly-nav__blob{top:var(--space-2);bottom:var(--space-2);height:auto;width:var(--blob-width, 100px);left:var(--blob-left, 0);right:auto;transition:left .4s var(--jelly-spring-ease),width .3s ease}.jelly-nav--collapsed .jelly-nav__item{justify-content:center;padding:var(--space-3);width:48px}.jelly-nav--collapsed .jelly-nav__label{display:none}.jelly-nav--collapsed .jelly-nav__blob{left:0;right:0;width:48px}.jelly-tabs{display:flex;gap:var(--space-1);padding:var(--space-1);background:var(--surface-1);border-radius:var(--radius-m);box-shadow:var(--shadow-inset);position:relative}.jelly-tabs__item{position:relative;z-index:2;flex:1;display:flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-4);height:40px;border-radius:var(--radius-s);background:transparent;border:none;color:var(--text-muted);font-family:var(--font-family);font-size:14px;font-weight:500;cursor:pointer;transition:color .2s ease}.jelly-tabs__item:hover{color:var(--text)}.jelly-tabs__item--active{color:var(--accent);font-weight:600}.jelly-tabs__indicator{position:absolute;top:var(--space-1);bottom:var(--space-1);width:var(--tab-width, 100px);left:var(--tab-left, 4px);border-radius:var(--radius-s);background:var(--surface-1);box-shadow:var(--jelly-clay-shadow-sm);z-index:1;transition:left .4s var(--jelly-spring-ease),width .3s ease}.jelly-tabs--gooey{filter:url(#goo-light)}.jelly-segmented{display:inline-flex;padding:4px;background:var(--surface-1);border-radius:var(--radius-m);box-shadow:var(--shadow-inset);position:relative}.jelly-segmented__item{position:relative;z-index:2;padding:8px 16px;border:none;background:transparent;color:var(--text-muted);font-family:var(--font-family);font-size:13px;font-weight:500;cursor:pointer;border-radius:calc(var(--radius-m) - 4px);transition:color .2s ease}.jelly-segmented__item:hover{color:var(--text)}.jelly-segmented__item--active{color:var(--accent);font-weight:600}.jelly-segmented__indicator{position:absolute;top:4px;bottom:4px;width:var(--seg-width, 80px);left:var(--seg-left, 4px);border-radius:calc(var(--radius-m) - 4px);background:var(--surface-1);box-shadow:var(--shadow-1);z-index:1;transition:left .35s var(--jelly-spring-ease),width .25s ease}.jelly-sidebar-nav{display:flex;flex-direction:column;gap:var(--space-2);position:relative}.jelly-sidebar-nav__blob{position:absolute;left:0;right:0;height:46px;border-radius:var(--radius-s);background:color-mix(in srgb,var(--accent) 15%,var(--surface-1));box-shadow:var(--shadow-inset),0 0 0 1px var(--accent-glow);z-index:0;top:var(--blob-top, 0);transition:top .4s var(--jelly-spring-ease)}.jelly-sidebar-nav__item{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-3);padding:12px 16px;height:46px;border-radius:var(--radius-s);background:transparent;border:none;color:var(--text-muted);font-family:var(--font-family);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:color .2s ease,transform var(--jelly-magnetic-duration) ease}.jelly-sidebar-nav__item:hover{color:var(--text)}.jelly-sidebar-nav__item--active{color:var(--accent);font-weight:600}.jelly-sidebar-nav__item--active .sidebar-icon{filter:drop-shadow(0 0 1px var(--accent))}[data-theme=dark] .jelly-nav__blob{box-shadow:inset 2px 2px 4px var(--neu-light),inset -2px -2px 4px #0003,0 4px 15px var(--accent-glow)}[data-theme=dark] .jelly-nav__blob:after{opacity:.5}@media(prefers-reduced-motion:reduce){.jelly-nav__blob,.jelly-tabs__indicator,.jelly-segmented__indicator,.jelly-sidebar-nav__blob{transition:none}.jelly-nav__item:hover .jelly-nav__icon{transform:none}}.jelly-nav__item--self-active{background:color-mix(in srgb,var(--accent) 15%,var(--surface-1));color:var(--accent);font-weight:600;box-shadow:var(--shadow-inset),0 0 0 1px var(--accent-glow)}.jelly-nav__item--self-active:hover{color:var(--accent)}.jelly-sidebar-nav--glider{position:relative;padding-left:0}.jelly-sidebar-nav__glider-container{position:absolute;left:0;top:0;bottom:0;width:3px;background:linear-gradient(180deg,transparent 0%,var(--neu-dark) 15%,var(--neu-dark) 85%,transparent 100%);z-index:3}.jelly-sidebar-nav__glider{position:absolute;left:0;width:3px;height:46px;background:linear-gradient(180deg,transparent 0%,var(--accent) 50%,transparent 100%);transition:transform .5s cubic-bezier(.37,1.95,.66,.56);z-index:4}.jelly-sidebar-nav__glider:before{content:"";position:absolute;height:60%;width:300%;top:50%;left:0;transform:translateY(-50%);background:var(--accent);filter:blur(10px);opacity:.6}.jelly-sidebar-nav__glider:after{content:"";position:absolute;left:0;top:0;height:100%;width:120px;background:linear-gradient(90deg,var(--accent-glow) 0%,transparent 100%);pointer-events:none}.jelly-sidebar-nav__glider[data-index="0"]{transform:translateY(0)}.jelly-sidebar-nav__glider[data-index="1"]{transform:translateY(calc(46px + var(--space-2)))}.jelly-sidebar-nav__glider[data-index="2"]{transform:translateY(calc((46px + var(--space-2)) * 2))}.jelly-sidebar-nav__glider[data-index="3"]{transform:translateY(calc((46px + var(--space-2)) * 3))}.jelly-sidebar-nav__glider[data-index="4"]{transform:translateY(calc((46px + var(--space-2)) * 4))}.jelly-sidebar-nav__glider[data-index="5"]{transform:translateY(calc((46px + var(--space-2)) * 5))}.jelly-sidebar-nav__glider[data-index="6"]{transform:translateY(calc((46px + var(--space-2)) * 6))}.jelly-sidebar-nav__glider[data-index="7"]{transform:translateY(calc((46px + var(--space-2)) * 7))}.jelly-sidebar-nav__glider[data-index="8"]{transform:translateY(calc((46px + var(--space-2)) * 8))}.jelly-sidebar-nav__glider[data-index="9"]{transform:translateY(calc((46px + var(--space-2)) * 9))}[data-color=graphite] .jelly-sidebar-nav__glider:before{background:var(--accent);filter:blur(12px);opacity:.7}[data-color=graphite] .jelly-sidebar-nav__glider:after{background:linear-gradient(90deg,rgba(247,228,121,.15) 0%,transparent 100%)}.jelly-input{width:100%;border:none;border-radius:var(--radius-s);padding:12px 16px;height:48px;box-sizing:border-box;background:var(--surface-1);color:var(--text);font-family:var(--font-family);font-size:15px;box-shadow:var(--jelly-pressed-shadow);transition:box-shadow .3s ease,transform var(--jelly-magnetic-duration) ease;will-change:transform,box-shadow}.jelly-input::-moz-placeholder{color:var(--text-muted);opacity:.7}.jelly-input::placeholder{color:var(--text-muted);opacity:.7}.jelly-input:focus{outline:none;box-shadow:var(--jelly-pressed-shadow),0 0 0 3px var(--accent-glow)}.jelly-input--liquid:focus{animation:jelly-input-glow 2s ease-in-out infinite}@keyframes jelly-input-glow{0%,to{box-shadow:var(--jelly-pressed-shadow),0 0 0 3px var(--accent-glow),0 0 0 0 transparent}50%{box-shadow:var(--jelly-pressed-shadow),0 0 0 3px var(--accent-glow),0 0 20px 4px var(--accent-glow)}}.jelly-input--magnetic{transition:transform var(--jelly-magnetic-duration) cubic-bezier(.25,.46,.45,.94)}.jelly-input--magnetic:focus{transform:var(--magnetic-transform, none)}.jelly-input:hover:not(:focus){box-shadow:var(--shadow-inset),0 0 0 1px rgba(var(--surface-rgb),.5)}.jelly-input--lg{height:56px;padding:16px 20px;font-size:17px;border-radius:var(--radius-m)}.jelly-input--sm{height:36px;padding:8px 12px;font-size:13px;border-radius:10px}.jelly-input--search{padding-left:44px}.jelly-input-wrapper{position:relative;display:flex;align-items:center}.jelly-input-wrapper__icon{position:absolute;left:14px;display:flex;align-items:center;justify-content:center;color:var(--text-muted);pointer-events:none;transition:color .2s ease}.jelly-input-wrapper:focus-within .jelly-input-wrapper__icon{color:var(--accent)}.jelly-input-wrapper__icon--right{left:auto;right:14px}.jelly-input-wrapper .jelly-input{padding-left:44px}.jelly-input-wrapper--icon-right .jelly-input{padding-left:16px;padding-right:44px}.jelly-textarea{width:100%;min-height:120px;border:none;border-radius:var(--radius-m);padding:16px;box-sizing:border-box;background:var(--surface-1);color:var(--text);font-family:var(--font-family);font-size:15px;line-height:var(--leading-relaxed);resize:vertical;box-shadow:var(--jelly-pressed-shadow);transition:box-shadow .3s ease}.jelly-textarea::-moz-placeholder{color:var(--text-muted);opacity:.7}.jelly-textarea::placeholder{color:var(--text-muted);opacity:.7}.jelly-textarea:focus{outline:none;box-shadow:var(--jelly-pressed-shadow),0 0 0 3px var(--accent-glow)}.jelly-select{width:100%;height:48px;border:none;border-radius:var(--radius-s);padding:12px 40px 12px 16px;background:var(--surface-1);color:var(--text);font-family:var(--font-family);font-size:15px;cursor:pointer;box-shadow:var(--jelly-clay-shadow-sm);-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%234A4E69' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 14px center;transition:box-shadow .3s ease}.jelly-select:focus{outline:none;box-shadow:var(--jelly-clay-shadow-sm),0 0 0 3px var(--accent-glow)}.jelly-select:hover{box-shadow:var(--jelly-clay-shadow-md)}[data-theme=dark] .jelly-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23E2E8F0' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}.jelly-checkbox{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:6px;background:var(--surface-1);box-shadow:var(--shadow-inset);cursor:pointer;position:relative;transition:box-shadow .2s ease,background .2s ease}.jelly-checkbox:checked{background:var(--accent);box-shadow:var(--jelly-clay-shadow-sm),inset 2px 2px 4px var(--neu-light)}.jelly-checkbox:checked:after{content:"";position:absolute;left:7px;top:3px;width:6px;height:11px;border:solid var(--accent-contrast);border-width:0 2px 2px 0;transform:rotate(45deg)}.jelly-checkbox:focus{outline:none;box-shadow:var(--shadow-inset),0 0 0 3px var(--accent-glow)}.jelly-radio{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:22px;height:22px;border-radius:50%;background:var(--surface-1);box-shadow:var(--shadow-inset);cursor:pointer;position:relative;transition:box-shadow .2s ease,background .2s ease}.jelly-radio:checked{box-shadow:var(--jelly-clay-shadow-sm),inset 0 0 0 5px var(--accent)}.jelly-radio:focus{outline:none;box-shadow:var(--shadow-inset),0 0 0 3px var(--accent-glow)}.jelly-toggle{position:relative;width:52px;height:28px;border-radius:14px;background:var(--surface-1);box-shadow:var(--shadow-inset);cursor:pointer;transition:background .3s ease}.jelly-toggle:after{content:"";position:absolute;top:3px;left:3px;width:22px;height:22px;border-radius:50%;background:var(--surface-1);box-shadow:var(--jelly-clay-shadow-sm);transition:transform .3s var(--jelly-spring-ease),background .3s ease}.jelly-toggle--active{background:var(--accent)}.jelly-toggle--active:after{transform:translate(24px);background:var(--accent-contrast);box-shadow:2px 2px 6px #0003,-2px -2px 6px var(--neu-light)}.jelly-toggle:active:after{width:26px}.jelly-toggle--active:active:after{transform:translate(20px)}.jelly-form-group{display:flex;flex-direction:column;gap:var(--space-2)}.jelly-form-group__label{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;color:var(--text);letter-spacing:var(--letter-spacing-wide)}.jelly-form-group__hint{font-size:var(--text-xs);color:var(--text-muted)}.jelly-form-group__error{font-size:var(--text-xs);color:var(--danger)}.jelly-input--error{box-shadow:var(--jelly-pressed-shadow),0 0 0 2px #ff878780}.jelly-input:disabled,.jelly-textarea:disabled,.jelly-select:disabled,.jelly-checkbox:disabled,.jelly-radio:disabled,.jelly-toggle--disabled{opacity:.5;cursor:not-allowed}@media(prefers-reduced-motion:reduce){.jelly-input--liquid:focus{animation:none}.jelly-toggle:after{transition:transform .1s ease}}:root{--fluid-ripple-duration: .6s;--fluid-blob-duration: .5s;--fluid-float-duration: 6s;--fluid-breathe-duration: 8s;--fluid-ease: cubic-bezier(.25, .46, .45, .94);--fluid-spring: cubic-bezier(.34, 1.56, .64, 1);--fluid-elastic: cubic-bezier(.68, -.55, .265, 1.55);--fluid-smooth: cubic-bezier(.4, 0, .2, 1);--fluid-tension: .3;--fluid-viscosity: .8;--fluid-float-amplitude: 8px;--fluid-float-rotation: 1deg;--fluid-ripple-waves: 3;--fluid-ripple-decay: .7;--fluid-ripple-scale: 2.5}@keyframes fluid-float{0%,to{transform:translateY(0) rotate(0)}25%{transform:translateY(calc(var(--fluid-float-amplitude) * -.5)) rotate(calc(var(--fluid-float-rotation) * .5))}50%{transform:translateY(calc(var(--fluid-float-amplitude) * -1)) rotate(0)}75%{transform:translateY(calc(var(--fluid-float-amplitude) * -.5)) rotate(calc(var(--fluid-float-rotation) * -.5))}}@keyframes fluid-breathe{0%,to{transform:scale(1);box-shadow:var(--shadow-2)}50%{transform:scale(1.003);box-shadow:var(--shadow-1),var(--fluid-glow)}}@keyframes fluid-ripple-ring{0%{transform:translate(-50%,-50%) scale(1);opacity:.6}to{transform:translate(-50%,-50%) scale(1.5);opacity:0}}@keyframes fluid-blob-breathe{0%,to{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.015);filter:brightness(1.05)}}@keyframes fluid-blob-wobble{0%,to{border-radius:12px}25%{border-radius:14px 10px}50%{border-radius:10px 14px}75%{border-radius:14px 10px 12px 14px}}@keyframes fluid-item-hover{0%,to{transform:translate(0)}50%{transform:translate(2px)}}@keyframes fluid-ripple{0%{transform:scale(0);opacity:.5}50%{opacity:.3}to{transform:scale(var(--fluid-ripple-scale));opacity:0}}@keyframes fluid-blob-settle{0%{transform:scaleX(1) scaleY(1)}20%{transform:scaleX(1.15) scaleY(.85)}40%{transform:scaleX(.95) scaleY(1.05)}60%{transform:scaleX(1.05) scaleY(.95)}80%{transform:scaleX(.98) scaleY(1.02)}to{transform:scaleX(1) scaleY(1)}}@keyframes fluid-enter{0%{opacity:0;transform:scale(.9) translateY(20px);filter:blur(8px)}60%{filter:blur(0)}to{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}}@keyframes fluid-exit{0%{opacity:1;transform:scale(1) translateY(0);filter:blur(0)}to{opacity:0;transform:scale(.95) translateY(-10px);filter:blur(4px)}}@keyframes fluid-wobble{0%{transform:scale(1)}15%{transform:scale(1.08,.92)}30%{transform:scale(.96,1.04)}45%{transform:scale(1.02,.98)}60%{transform:scale(.99,1.01)}75%{transform:scale(1.01,.99)}to{transform:scale(1)}}@keyframes fluid-glow-pulse{0%,to{box-shadow:var(--fluid-blob-shadow)}50%{box-shadow:var(--fluid-blob-shadow),0 0 40px #7c6fea66}}@keyframes fluid-caustics{0%,to{background-position:0% 0%}50%{background-position:100% 100%}}@keyframes fluid-wave-in{0%{opacity:0;transform:translate(-30px) scale(.95)}to{opacity:1;transform:translate(0) scale(1)}}.fluid-float{animation:fluid-float var(--fluid-float-duration) var(--fluid-ease) infinite}.fluid-float--slow{animation-duration:calc(var(--fluid-float-duration) * 1.5)}.fluid-float--fast{animation-duration:calc(var(--fluid-float-duration) * .6)}.fluid-breathe{animation:fluid-breathe var(--fluid-breathe-duration) var(--fluid-ease) infinite}.fluid-wobble{animation:fluid-wobble .6s var(--fluid-spring)}.fluid-glow-pulse{animation:fluid-glow-pulse 2s var(--fluid-ease) infinite}.fluid-enter{animation:fluid-enter .5s var(--fluid-spring) forwards}.fluid-exit{animation:fluid-exit .3s var(--fluid-ease) forwards}.fluid-stagger>*{animation:fluid-wave-in .5s var(--fluid-spring) backwards}.fluid-stagger>*:nth-child(1){animation-delay:0ms}.fluid-stagger>*:nth-child(2){animation-delay:60ms}.fluid-stagger>*:nth-child(3){animation-delay:.12s}.fluid-stagger>*:nth-child(4){animation-delay:.18s}.fluid-stagger>*:nth-child(5){animation-delay:.24s}.fluid-stagger>*:nth-child(6){animation-delay:.3s}.fluid-stagger>*:nth-child(7){animation-delay:.36s}.fluid-stagger>*:nth-child(8){animation-delay:.42s}.fluid-stagger>*:nth-child(9){animation-delay:.48s}.fluid-stagger>*:nth-child(10){animation-delay:.54s}.fluid-float,.fluid-breathe,.fluid-wobble{will-change:transform;contain:layout paint}@media(prefers-reduced-motion:reduce){.fluid-float,.fluid-breathe,.fluid-wobble,.fluid-glow-pulse,.fluid-enter,.fluid-exit,.fluid-stagger>*{animation:none!important}}.fluid-sidebar{background:var(--fluid-surface, linear-gradient(135deg, var(--glass-bg, rgba(255, 255, 255, .9)) 0%, rgba(240, 238, 248, .7) 100%));backdrop-filter:blur(var(--fluid-blur, 20px));-webkit-backdrop-filter:blur(var(--fluid-blur, 20px));border:1px solid var(--glass-border, var(--neu-light));border-radius:var(--radius-xl);overflow:visible;position:relative}.fluid-sidebar--goo{filter:url(#fluid-goo)}.fluid-sidebar-nav{display:flex;flex-direction:column;gap:var(--space-2);position:relative;padding:var(--space-2)}.fluid-sidebar-nav__blob{position:absolute;left:var(--space-2);right:var(--space-2);height:46px;border-radius:var(--radius-s);background:var(--accent);z-index:0;box-shadow:var(--fluid-blob-shadow, 0 8px 32px rgba(124, 111, 234, .25), inset 0 2px 10px var(--neu-light));transform-origin:center center;top:var(--space-2);transition:top .5s var(--fluid-spring);animation:fluid-blob-breathe 3s ease-in-out infinite,fluid-blob-wobble 8s ease-in-out infinite}.fluid-sidebar-nav__blob:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 70% 50% at 30% 20%,var(--neu-light) 0%,transparent 50%);pointer-events:none;box-shadow:0 0 #7c6fea66;animation:fluid-glow-pulse 2.5s ease-out infinite .8s}@keyframes fluid-glow-pulse{0%{box-shadow:0 0 #7c6fea66}70%{box-shadow:0 0 0 12px #7c6fea00}to{box-shadow:0 0 #7c6fea00}}.fluid-sidebar-nav__blob:after{content:"";position:absolute;top:50%;left:50%;width:calc(100% + 20px);height:calc(100% + 20px);transform:translate(-50%,-50%);border:2px solid var(--accent);border-radius:calc(var(--radius-s) + 10px);opacity:0;animation:fluid-ripple-ring 2.5s ease-out infinite;pointer-events:none}.fluid-sidebar-nav__item{position:relative;z-index:1;display:flex;align-items:center;gap:var(--space-3);padding:12px 16px;height:46px;border-radius:var(--radius-s);background:transparent;border:none;color:var(--text);font-family:var(--font-family);font-size:14px;font-weight:500;text-decoration:none;cursor:pointer;transition:color .2s ease,transform .3s var(--fluid-ease)}.fluid-sidebar-nav__item:hover{color:var(--accent)}.fluid-sidebar-nav__item--active{color:var(--accent-contrast);font-weight:600}.fluid-sidebar-nav__item--active:hover{color:var(--accent-contrast)}.fluid-sidebar-nav__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;flex-shrink:0;transition:transform .2s ease}.fluid-sidebar-nav__item:hover .fluid-sidebar-nav__icon{transform:scale(1.1)}.fluid-sidebar-nav__item--active .fluid-sidebar-nav__icon{transform:scale(1)}.fluid-sidebar-nav__label{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fluid-sidebar-nav--collapsed .fluid-sidebar-nav__item{justify-content:center;padding:var(--space-3);width:46px}.fluid-sidebar-nav--collapsed .fluid-sidebar-nav__label{display:none}.fluid-sidebar-nav--collapsed .fluid-sidebar-nav__blob{left:var(--space-1);right:var(--space-1);width:46px}.fluid-sidebar-nav__blob[data-index="0"]{top:calc(var(--space-2))}.fluid-sidebar-nav__blob[data-index="1"]{top:calc(var(--space-2) + (46px + var(--space-2)) * 1)}.fluid-sidebar-nav__blob[data-index="2"]{top:calc(var(--space-2) + (46px + var(--space-2)) * 2)}.fluid-sidebar-nav__blob[data-index="3"]{top:calc(var(--space-2) + (46px + var(--space-2)) * 3)}.fluid-sidebar-nav__blob[data-index="4"]{top:calc(var(--space-2) + (46px + var(--space-2)) * 4)}.fluid-sidebar-nav__blob[data-index="5"]{top:calc(var(--space-2) + (46px + var(--space-2)) * 5)}.fluid-sidebar-nav__blob[data-index="6"]{top:calc(var(--space-2) + (46px + var(--space-2)) * 6)}.fluid-sidebar-nav__blob[data-index="7"]{top:calc(var(--space-2) + (46px + var(--space-2)) * 7)}.fluid-sidebar-nav__blob[data-index="8"]{top:calc(var(--space-2) + (46px + var(--space-2)) * 8)}.fluid-sidebar-nav__blob[data-index="9"]{top:calc(var(--space-2) + (46px + var(--space-2)) * 9)}.fluid-sidebar-nav__item--magnetic{transition:transform .4s cubic-bezier(.25,.46,.45,.94);will-change:transform}.fluid-sidebar-nav__item--magnetic-returning{transition:transform .8s var(--fluid-elastic)}@media(prefers-reduced-motion:reduce){.fluid-sidebar-nav__blob,.fluid-sidebar-nav__item{transition:none;animation:none}.fluid-sidebar-nav__blob:before,.fluid-sidebar-nav__blob:after{animation:none;display:none}.fluid-sidebar-nav__item:hover .fluid-sidebar-nav__icon{transform:none}}.fluid-card{background:var(--fluid-surface, var(--surface-1));backdrop-filter:blur(var(--fluid-blur, 20px));-webkit-backdrop-filter:blur(var(--fluid-blur, 20px));border:1px solid var(--glass-border, var(--neu-light));border-radius:var(--radius-xl);padding:var(--space-6);position:relative;overflow:hidden;box-shadow:var(--shadow-2);transition:transform .4s var(--fluid-spring),box-shadow .3s var(--fluid-ease);will-change:transform}.fluid-card:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 80% 60% at var(--mouse-x, 30%) var(--mouse-y, 30%),var(--neu-light) 0%,color-mix(in srgb,var(--neu-light) 40%,transparent) 30%,transparent 60%);pointer-events:none;opacity:.5;mix-blend-mode:overlay;transition:opacity .3s ease}.fluid-card:hover:before{opacity:.8}.fluid-card--interactive{cursor:pointer}.fluid-card--interactive:hover{transform:translateY(-6px) scale(1.01);box-shadow:var(--shadow-2),var(--fluid-glow)}.fluid-card--interactive:active{transform:translateY(-2px) scale(.99)}.fluid-card--breathing{animation:fluid-breathe var(--fluid-breathe-duration) var(--fluid-ease) infinite}.fluid-card--sm{padding:var(--space-4);border-radius:var(--radius-l)}.fluid-card--lg{padding:var(--space-8);border-radius:28px}.fluid-btn{position:relative;overflow:hidden;border:none;border-radius:var(--radius-s);padding:12px 24px;height:48px;display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);cursor:pointer;font-family:var(--font-family);font-weight:600;font-size:15px;background:var(--fluid-surface, var(--surface-1));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text);border:1px solid var(--glass-border);box-shadow:var(--shadow-1);transform-origin:center center;transition:box-shadow .2s ease,color .2s ease,border-color .2s ease;will-change:transform}.fluid-btn:after{content:"";position:absolute;top:50%;left:50%;width:100%;height:100%;background:radial-gradient(circle,var(--fluid-ripple-color, rgba(124, 111, 234, .15)) 0%,transparent 70%);transform:translate(-50%,-50%) scale(0);opacity:0;pointer-events:none;transition:transform .5s ease-out,opacity .3s ease-out}.fluid-btn:hover:after{transform:translate(-50%,-50%) scale(2.5);opacity:1}.fluid-btn:hover{box-shadow:var(--shadow-2),var(--fluid-glow);border-color:var(--accent-glow)}.fluid-btn:active{transform:scaleX(1.08) scaleY(.92)}.fluid-btn--primary{color:var(--accent);box-shadow:var(--shadow-1),0 0 0 2px var(--accent-glow)}.fluid-btn--primary:hover{color:var(--accent-hover);box-shadow:var(--shadow-2),0 0 0 2px var(--accent),var(--fluid-glow)}.fluid-btn--accent{background:var(--accent);color:var(--accent-contrast);border-color:transparent;box-shadow:var(--fluid-blob-shadow)}.fluid-btn--accent:after{background:radial-gradient(circle,var(--neu-light) 0%,transparent 70%)}.fluid-btn--accent:hover{box-shadow:var(--fluid-blob-shadow),0 0 40px var(--accent-glow)}.fluid-btn--ghost{background:transparent;-webkit-backdrop-filter:none;backdrop-filter:none;border-color:transparent;box-shadow:none}.fluid-btn--ghost:hover{background:var(--fluid-surface);box-shadow:var(--shadow-1)}.fluid-btn--sm{height:36px;padding:8px 16px;font-size:13px;border-radius:10px}.fluid-btn--lg{height:56px;padding:16px 32px;font-size:17px;border-radius:var(--radius-m)}.fluid-btn--icon{width:48px;padding:0}.fluid-btn--icon.fluid-btn--sm{width:36px;height:36px}.fluid-btn--icon.fluid-btn--lg{width:56px;height:56px}.fluid-input{width:100%;border:1px solid var(--glass-border);border-radius:var(--radius-s);padding:12px 16px;height:48px;box-sizing:border-box;background:var(--fluid-surface, var(--surface-1));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:var(--text);font-size:15px;box-shadow:var(--shadow-inset);transition:box-shadow .3s var(--fluid-ease),border-color .2s ease}.fluid-input::-moz-placeholder{color:var(--text-muted);opacity:.8}.fluid-input::placeholder{color:var(--text-muted);opacity:.8}.fluid-input:hover:not(:focus){border-color:var(--accent-glow)}.fluid-input:focus{outline:none;border-color:var(--accent);box-shadow:var(--focus-ring),var(--shadow-inset-deep);animation:fluid-glow-pulse 2s var(--fluid-ease) infinite}.fluid-title{font-family:var(--font-display);font-weight:700;color:var(--text-heading);animation:fluid-float var(--fluid-float-duration) var(--fluid-ease) infinite;text-shadow:0 10px 40px rgba(45,40,69,.1);will-change:transform}.fluid-title--h1{font-size:var(--text-4xl);--fluid-float-amplitude: 10px}.fluid-title--h2{font-size:var(--text-3xl);--fluid-float-amplitude: 8px}.fluid-title--h3{font-size:var(--text-2xl);--fluid-float-amplitude: 6px}.fluid-title[data-depth="1"]{animation-duration:calc(var(--fluid-float-duration) * 1.2);--fluid-float-amplitude: 6px}.fluid-title[data-depth="2"]{animation-duration:var(--fluid-float-duration);--fluid-float-amplitude: 10px}.fluid-title[data-depth="3"]{animation-duration:calc(var(--fluid-float-duration) * .8);--fluid-float-amplitude: 14px}.fluid-list{display:flex;flex-direction:column;gap:var(--space-3)}.fluid-list-item{background:var(--fluid-surface, var(--surface-1));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:var(--radius-m);box-shadow:var(--shadow-1);padding:var(--space-4);transition:transform .3s var(--fluid-spring),box-shadow .3s var(--fluid-ease);animation:fluid-wave-in .5s var(--fluid-spring) backwards}.fluid-list-item:hover{transform:translateY(-3px) scale(1.005);box-shadow:var(--shadow-2),var(--fluid-glow)}.fluid-list-item:active{transform:translateY(0) scale(1);box-shadow:var(--shadow-inset)}.fluid-list-item:nth-child(1){animation-delay:.05s}.fluid-list-item:nth-child(2){animation-delay:.1s}.fluid-list-item:nth-child(3){animation-delay:.15s}.fluid-list-item:nth-child(4){animation-delay:.2s}.fluid-list-item:nth-child(5){animation-delay:.25s}.fluid-list-item:nth-child(6){animation-delay:.3s}.fluid-list-item:nth-child(7){animation-delay:.35s}.fluid-list-item:nth-child(8){animation-delay:.4s}.fluid-fab{position:fixed;bottom:var(--space-8);right:var(--space-8);width:56px;height:56px;border-radius:50%;border:none;background:var(--accent);color:var(--accent-contrast);box-shadow:var(--fluid-blob-shadow);cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);transition:all .4s var(--fluid-spring)}.fluid-fab:before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(ellipse 60% 40% at 30% 25%,var(--neu-light) 0%,transparent 50%);pointer-events:none}.fluid-fab:hover{transform:translateY(-6px) scale(1.1);box-shadow:var(--fluid-blob-shadow),0 0 50px var(--accent-glow)}.fluid-fab:active{transform:translateY(-2px) scale(.95)}.fluid-fab--pulse{animation:fluid-glow-pulse 2s var(--fluid-ease) infinite}.fluid-modal-backdrop{position:fixed;inset:0;background:#f0eef866;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:center;z-index:var(--z-modal);animation:fluid-backdrop-in .3s var(--fluid-ease) forwards}@keyframes fluid-backdrop-in{0%{opacity:0;-webkit-backdrop-filter:blur(0);backdrop-filter:blur(0)}to{opacity:1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}}.fluid-modal-content{background:var(--fluid-surface);backdrop-filter:blur(var(--fluid-blur));-webkit-backdrop-filter:blur(var(--fluid-blur));border:1px solid var(--glass-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-2),var(--fluid-glow);max-width:90vw;max-height:85vh;overflow-y:auto;animation:fluid-modal-enter .5s var(--fluid-spring) forwards}@keyframes fluid-modal-enter{0%{opacity:0;transform:scale(.8) translateY(30px);border-radius:50%}50%{border-radius:var(--radius-xl)}to{opacity:1;transform:scale(1) translateY(0);border-radius:var(--radius-xl)}}.fluid-chip{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:999px;background:var(--fluid-surface);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid var(--glass-border);color:var(--text);font-size:13px;font-weight:500;box-shadow:var(--shadow-inset-shallow);transition:all .2s var(--fluid-ease);cursor:pointer}.fluid-chip:hover{transform:translateY(-2px);box-shadow:var(--shadow-1)}.fluid-chip--active{background:var(--accent);color:var(--accent-contrast);border-color:transparent;box-shadow:var(--fluid-blob-shadow)}@media(prefers-reduced-motion:reduce){.fluid-card--breathing,.fluid-title,.fluid-fab--pulse,.fluid-input:focus,.fluid-list-item{animation:none!important}.fluid-card--interactive:hover,.fluid-btn:hover,.fluid-list-item:hover,.fluid-fab:hover,.fluid-chip:hover{transform:none!important}.fluid-btn:active{transform:none}}.note-list-item{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4);cursor:pointer;transition:all .2s ease;background:var(--surface-1);border-radius:var(--radius-m);box-shadow:2px 2px 6px #a3b1c640,-2px -2px 6px #fff9}.note-list-item:hover{transform:translateY(-1px);box-shadow:3px 3px 8px #a3b1c64d,-3px -3px 8px #ffffffb3}.note-list-item--selected{background:color-mix(in srgb,var(--accent) 5%,var(--surface-1));box-shadow:inset 2px 2px 4px #a3b1c64d,inset -2px -2px 4px #ffffffb3}.note-list-item--encrypted{opacity:.85}.note-list-item__drag-handle{display:flex;align-items:center;justify-content:center;color:var(--text-muted);opacity:.4;cursor:grab;flex-shrink:0;margin-right:-4px}.note-list-item__title{margin:0;font-size:15px;font-weight:600;color:var(--text-heading, #1F1F1F);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;flex:1}.note-list-item__preview-container{position:relative;overflow:hidden;height:2.8em;margin-top:2px}.note-list-item__preview-text{margin:0;color:var(--text-muted);font-size:13px;line-height:1.4}.note-list-item__preview-gradient{position:absolute;top:0;right:0;width:40px;height:100%;background:linear-gradient(to right,transparent,var(--surface-1));pointer-events:none}.note-list-item__encrypted-indicator{display:flex;align-items:center;gap:6px;color:var(--text-muted);font-size:12px;font-style:italic;opacity:.8;padding:4px 0}:root{--mobile-nav-height: 64px;--mobile-bottom-nav-height: 72px;--mobile-header-height: 56px;--safe-area-inset-bottom: env(safe-area-inset-bottom, 0px);--safe-area-inset-top: env(safe-area-inset-top, 0px);--mobile-z-overlay: 99;--mobile-z-nav: 100;--mobile-z-drawer: 101}.mobile-bottom-nav,.mobile-header,.mobile-menu-btn,.mobile-drawer-overlay,.mobile-drawer{display:none}@media(max-width:1023px){.mobile-bottom-nav{display:block;position:fixed;bottom:0;left:0;right:0;height:calc(var(--mobile-bottom-nav-height) + var(--safe-area-inset-bottom));padding-bottom:var(--safe-area-inset-bottom);background:var(--bg, #E0E5EC);box-shadow:0 -4px 20px #00000026,inset 0 1px 0 var(--neu-light);z-index:100;border-top:1px solid var(--neu-dark, #A3B1C6)}.mobile-bottom-nav__inner{display:flex;justify-content:space-around;align-items:center;height:var(--mobile-bottom-nav-height);padding:0 8px}.mobile-bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 12px;border:none;background:transparent;color:var(--text-muted, #7B8199);text-decoration:none;font-size:10px;font-weight:500;border-radius:12px;transition:all .15s ease;min-width:56px;cursor:pointer}.mobile-bottom-nav__item--active{color:var(--accent, #6C63FF);background:var(--accent-glow, rgba(108, 99, 255, .15))}.mobile-bottom-nav__item:active{transform:scale(.95)}.mobile-bottom-nav__icon{width:24px;height:24px}.mobile-header{display:block;position:fixed;top:0;left:0;right:0;height:calc(var(--mobile-header-height) + var(--safe-area-inset-top));padding-top:var(--safe-area-inset-top);background:var(--bg, #E0E5EC);box-shadow:0 4px 20px #00000014;z-index:100}.mobile-header__inner{display:flex;align-items:center;justify-content:space-between;height:var(--mobile-header-height);padding:0 16px}.mobile-header__title{font-size:18px;font-weight:600;color:var(--text-heading, #4A4E69)}.mobile-header__actions{display:flex;align-items:center;gap:8px}.mobile-menu-btn{display:flex;align-items:center;justify-content:center;width:40px;height:40px;padding:0;border:none;background:transparent;color:var(--text, #4A4E69);cursor:pointer;border-radius:12px}.mobile-menu-btn:active{background:var(--accent-glow, rgba(108, 99, 255, .15))}.mobile-drawer-overlay{display:block;position:fixed;inset:0;background:#00000080;z-index:var(--mobile-z-overlay);opacity:0;pointer-events:none;transition:opacity .22s ease}.mobile-drawer-overlay--open{opacity:1;pointer-events:auto}.mobile-drawer{display:block;position:fixed;top:0;left:0;bottom:0;width:280px;max-width:85vw;background:var(--surface-1, #E0E5EC);z-index:var(--mobile-z-drawer);transform:translate(-100%);transition:transform .22s ease;overflow-y:auto;padding-top:var(--safe-area-inset-top);padding-bottom:var(--safe-area-inset-bottom)}.mobile-drawer--open{transform:translate(0)}.mobile-drawer__header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--neu-dark, #A3B1C6)}.mobile-drawer__nav{padding:16px}.mobile-drawer__item{display:flex;align-items:center;gap:12px;padding:12px 16px;border:none;background:transparent;color:var(--text, #4A4E69);text-decoration:none;font-size:16px;font-weight:500;border-radius:12px;width:100%;text-align:left;margin-bottom:8px;transition:all .15s ease}.mobile-drawer__item--active{background:var(--accent-glow, rgba(108, 99, 255, .15));color:var(--accent, #6C63FF)}.mobile-drawer__item:active{transform:scale(.98)}.desktop-topbar,.desktop-footer,.glass-sidebar,.fluid-sidebar,.jelly-sidebar{display:none!important}.app-shell__main{margin-left:0!important;margin-right:0!important;padding-top:calc(var(--mobile-header-height) + var(--safe-area-inset-top) + 16px)!important;padding-bottom:calc(var(--mobile-bottom-nav-height) + var(--safe-area-inset-bottom) + 16px)!important;padding-left:16px!important;padding-right:16px!important}.toolbar{flex-wrap:wrap;padding:16px;gap:12px}}@media(max-width:767px){.toolbar{flex-direction:column;align-items:stretch}.toolbar>.btn,.toolbar>button{width:100%;justify-content:center}h1,.h1{font-size:1.5rem}h2,.h2{font-size:1.25rem}h3,.h3{font-size:1.125rem}.btn{height:44px;font-size:14px}.btn--icon{width:44px;height:44px}.input{height:44px;font-size:16px}}@media(max-width:479px){.mobile-bottom-nav__item{min-width:48px;padding:6px 8px;font-size:9px}.mobile-bottom-nav__icon{width:20px;height:20px}h1,.h1{font-size:1.25rem}}@media(hover:none)and (pointer:coarse){.mobile-bottom-nav__item,.mobile-drawer__item{min-height:44px}.btn:hover,.card:hover,.jelly-card:hover{transform:none}}@media(max-width:1023px)and (max-height:500px)and (orientation:landscape){.mobile-bottom-nav,.mobile-bottom-nav__inner{height:56px}.mobile-bottom-nav__item{flex-direction:row;gap:8px}.mobile-header,.mobile-header__inner{height:48px}}@media(max-width:1023px){[data-theme=dark] .mobile-bottom-nav,[data-theme=dark] .mobile-header,[data-theme=dark] .mobile-drawer{border-color:var(--neu-light, #374151)}[data-theme=dark] .mobile-drawer-overlay{background:#000000b3}}@media(max-width:1023px){@supports (-webkit-touch-callout: none){.mobile-bottom-nav{padding-bottom:max(var(--safe-area-inset-bottom),20px)}.mobile-header{padding-top:max(var(--safe-area-inset-top),20px)}input[type=text],input[type=email],input[type=password],input[type=search],textarea,select{font-size:16px!important}}}@media print{.mobile-bottom-nav,.mobile-header,.mobile-drawer,.mobile-drawer-overlay{display:none!important}}@media(max-width:767px){.hide-mobile{display:none!important}}.show-mobile{display:none!important}@media(max-width:767px){.show-mobile{display:block!important}}@media(max-width:1023px){.hide-tablet{display:none!important}}.show-tablet{display:none!important}@media(max-width:1023px){.show-tablet{display:block!important}}@media(max-width:1023px){.notes-main-grid{grid-template-columns:1fr!important}}.editor-toolbar::-webkit-scrollbar{display:none}@media(max-width:767px){.editor-toolbar button{min-width:44px!important;min-height:44px!important;padding:10px!important}.ProseMirror,.prose-editor{padding-bottom:120px!important}}@media(max-width:767px){.jelly-card button,.toolbar button,.jelly-btn,.fluid-btn{min-height:44px;min-width:44px}.jelly-btn--icon,.fluid-btn--icon,button[class*=--icon]{width:44px!important;height:44px!important}}@media(max-width:767px){.notes-grid,[style*="repeat(auto-fill, minmax(280px"]{grid-template-columns:1fr!important}.note-card,.jelly-card{padding:16px!important}}@media(max-width:479px){.jelly-card--sm,[class*=dropdown],[class*=menu]{min-width:200px;max-width:calc(100vw - 32px)}}@media(max-width:1023px){.mobile-fab{display:flex!important}.mobile-fab:active{transform:scale(.95)}}@media(max-width:1023px){.toolbar .btn--primary:first-child{display:none}.toolbar>div[style*="flex: 1"]{flex:1!important;max-width:100%!important}}@media(max-width:767px){.toolbar{padding:12px 16px;gap:8px}.toolbar>div:last-child{display:none}}@media(max-width:1023px){.mobile-header{background:#e0e5ecd9;background:var(--glass-bg, rgba(224, 229, 236, .85));backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);box-shadow:0 1px #0000000d;border-bottom:1px solid rgba(255,255,255,.2)}.mobile-bottom-nav{background:#e0e5ecd9;background:var(--glass-bg);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);box-shadow:0 -1px #0000000d;border-top:1px solid rgba(255,255,255,.2)}.mobile-drawer{background:var(--surface-1)}.note-list-item{box-shadow:0 1px 3px #0000000d,0 1px 2px #0000001a!important;background:var(--surface-1);border:1px solid rgba(255,255,255,.5);padding:12px 16px;border-radius:12px;margin-bottom:12px}.note-list-item:active{background:var(--surface-2);transform:scale(.99)}.note-list-item__preview-container{display:none;display:block;height:auto;max-height:1.4em}.note-list-item__preview-text{font-size:12px;color:var(--text-muted)}.chip,.tag{font-size:10px!important;padding:2px 8px!important;height:20px!important}[data-theme=dark] .mobile-header,[data-theme=dark] .mobile-bottom-nav{background:#1f2937d9;background:var(--glass-bg);border-color:#ffffff0d}[data-theme=dark] .note-list-item{border-color:#ffffff0d;background:var(--surface-2);box-shadow:0 1px 2px #0000004d!important}.sync-badge__label{display:none}.sync-badge{padding:3px!important;border-radius:50%!important}.mobile-bottom-nav__item--active{background:transparent;color:var(--accent);position:relative}.mobile-bottom-nav__item--active:before{content:"";position:absolute;inset:4px;background:var(--accent-glow, rgba(108, 99, 255, .15));border-radius:50%;z-index:-1}.mobile-bottom-nav__item--active .mobile-bottom-nav__icon{filter:drop-shadow(0 0 4px var(--accent-glow))}}body,.home-container{background-color:#e0e5ec!important;color:#4a5568!important}.neu-btn-forced{background:linear-gradient(145deg,#f0f5fc,#caced4)!important;box-shadow:6px 6px 12px #b8b9be,-6px -6px 12px #fff!important;color:#4a5568!important;font-weight:700!important;border-radius:12px!important;border:none!important;padding:12px 24px!important;cursor:pointer!important;transition:all .2s ease!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;text-decoration:none!important}.neu-btn-forced:hover{transform:translateY(-2px)!important;box-shadow:8px 8px 16px #b8b9be,-8px -8px 16px #fff!important}.neu-btn-forced:active{transform:translateY(1px)!important;background:#e0e5ec!important;box-shadow:inset 6px 6px 12px #b8b9be,inset -6px -6px 12px #fff!important}.neu-flat-forced{background:#e0e5ec!important;box-shadow:9px 9px 16px #a3b1c699,-9px -9px 16px #ffffff80!important;border-radius:20px!important;border:1px solid rgba(255,255,255,.2)!important}.neu-icon-forced{background:#e0e5ec!important;box-shadow:5px 5px 10px #a3b1c6,-5px -5px 10px #fff!important;border-radius:16px!important;display:flex!important;align-items:center!important;justify-content:center!important;width:64px!important;height:64px!important}
