@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";@import"https://fonts.googleapis.com/css2?family=JetBrains+Mono&family=Fira+Code&display=swap";@import"https://fonts.googleapis.com/css2?family=Press+Start+2P&display=swap";:root{--rich-text-primary: #1a1a1a;--rich-text-secondary: #4a5568;--rich-text-accent: #3182ce;--rich-text-background: #ffffff;--rich-text-background-secondary: #f7fafc;--rich-text-border: #e2e8f0;--rich-text-code-bg: #f8f9fa;--rich-text-quote-border: #3182ce;--font-code: "JetBrains Mono", "Fira Code", "Monaco", "Menlo", "Ubuntu Mono", monospace}[data-theme=dark]{--rich-text-primary: #e8e8e8;--rich-text-secondary: #b0b0b0;--rich-text-accent: #81d4fa;--rich-text-background: #0f0f0f;--rich-text-background-secondary: #1a1a1a;--rich-text-border: rgba(255, 255, 255, .1);--rich-text-code-bg: #1e1e1e;--rich-text-quote-border: #81d4fa}.rich-text-content,.ProseMirror{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:16px;line-height:1.8;color:var(--rich-text-primary);max-width:100%;overflow-wrap:break-word;word-wrap:break-word;hyphens:auto}[data-theme=dark] .rich-text-content,[data-theme=dark] .ProseMirror{color:#e8e8e8}.ProseMirror pre{background:var(--rich-text-code-bg);border:1px solid var(--rich-text-border);border-radius:8px;padding:1rem;margin:1.5rem 0;overflow-x:auto;font-family:var(--font-code);font-size:14px;line-height:1.5;white-space:pre}.ProseMirror pre code{background:none;padding:0;border:none;font-size:inherit;font-family:inherit;color:var(--rich-text-primary);white-space:pre;display:inline}[data-theme=dark] .ProseMirror pre{background:#1a1a1a;border:1px solid rgba(255,255,255,.1);box-shadow:inset 0 1px #ffffff0d,0 2px 8px #0006}[data-theme=dark] .ProseMirror pre code{color:#d4d4d4!important}[data-theme=dark] .ProseMirror pre code *{color:inherit}.rich-text-content code,.ProseMirror code{font-family:var(--font-code);background:var(--rich-text-code-bg);padding:.2rem .4rem;border-radius:4px;font-size:.9em;color:#e83e8c;border:1px solid var(--rich-text-border)}[data-theme=dark] .rich-text-content code,[data-theme=dark] .ProseMirror code{background:#81d4fa1f;color:#81d4fa;border:1px solid rgba(129,212,250,.2);text-shadow:0 0 8px rgba(129,212,250,.3)}.hljs-keyword{color:#d73a49!important}.hljs-string{color:#032f62!important}.hljs-comment{color:#6a737d!important}.hljs-function{color:#6f42c1!important}.hljs-number{color:#005cc5!important}.hljs-title{color:#6f42c1!important}.hljs-params{color:#24292e!important}.hljs-built_in{color:#005cc5!important}.hljs-variable{color:#e36209!important}.hljs-attr,.hljs-property,.hljs-literal{color:#005cc5!important}.hljs-operator{color:#d73a49!important}[data-theme=dark] .hljs-keyword{color:#c678dd!important}[data-theme=dark] .hljs-string{color:#98c379!important}[data-theme=dark] .hljs-comment{color:#7f848e!important}[data-theme=dark] .hljs-function{color:#61afef!important}[data-theme=dark] .hljs-number{color:#d19a66!important}[data-theme=dark] .hljs-title{color:#61afef!important}[data-theme=dark] .hljs-params{color:#abb2bf!important}[data-theme=dark] .hljs-built_in{color:#e5c07b!important}[data-theme=dark] .hljs-variable{color:#e06c75!important}[data-theme=dark] .hljs-attr{color:#d19a66!important}[data-theme=dark] .hljs-property{color:#61afef!important}[data-theme=dark] .hljs-literal,[data-theme=dark] .hljs-operator{color:#56b6c2!important}[data-theme=dark] .hljs-type{color:#e5c07b!important}[data-theme=dark] .hljs-name{color:#e06c75!important}[data-theme=dark] .hljs-tag,[data-theme=dark] .hljs-punctuation{color:#abb2bf!important}[data-theme=dark] .hljs-subst{color:#e06c75!important}[data-theme=dark] .hljs-class,[data-theme=dark] .hljs-title.class_{color:#e5c07b!important}[data-theme=dark] .hljs-title.function_{color:#61afef!important}[data-theme=dark] .hljs-variable.language_{color:#e06c75!important}[data-theme=dark] .hljs-variable.constant_{color:#d19a66!important}.rich-text-content blockquote,.ProseMirror blockquote{margin:1.5rem 0;padding:1rem 1.5rem;border-left:4px solid var(--rich-text-quote-border);background:var(--rich-text-background-secondary);border-radius:0 8px 8px 0;font-style:italic;position:relative;color:var(--rich-text-secondary)}[data-theme=dark] .rich-text-content blockquote,[data-theme=dark] .ProseMirror blockquote{background:#81d4fa14;border-left:4px solid #81d4fa;color:#b0b0b0;box-shadow:inset 3px 0 8px #81d4fa26,0 2px 8px #0000004d}.rich-text-content blockquote p,.ProseMirror blockquote p{margin:.5rem 0}.rich-text-content blockquote p:first-of-type,.ProseMirror blockquote p:first-of-type{margin-top:0}.rich-text-content blockquote p:last-child,.ProseMirror blockquote p:last-child{margin-bottom:0}.rich-text-content img,.ProseMirror img{max-width:100%;height:auto;border-radius:8px;margin:1.5rem 0;display:block}.rich-text-content a,.ProseMirror a{color:var(--rich-text-accent);text-decoration:underline;cursor:pointer;transition:opacity .2s ease}.rich-text-content a:hover,.ProseMirror a:hover{opacity:.8}.rich-text-content h1,.rich-text-content h2,.rich-text-content h3,.rich-text-content h4,.rich-text-content h5,.rich-text-content h6,.ProseMirror h1,.ProseMirror h2,.ProseMirror h3,.ProseMirror h4,.ProseMirror h5,.ProseMirror h6{color:var(--rich-text-primary);font-weight:600;line-height:1.3;margin:2rem 0 1rem}[data-theme=dark] .rich-text-content h1,[data-theme=dark] .rich-text-content h2,[data-theme=dark] .rich-text-content h3,[data-theme=dark] .rich-text-content h4,[data-theme=dark] .rich-text-content h5,[data-theme=dark] .rich-text-content h6,[data-theme=dark] .ProseMirror h1,[data-theme=dark] .ProseMirror h2,[data-theme=dark] .ProseMirror h3,[data-theme=dark] .ProseMirror h4,[data-theme=dark] .ProseMirror h5,[data-theme=dark] .ProseMirror h6{color:#f0f0f0}.rich-text-content h1,.ProseMirror h1{font-size:2.5em;margin-top:0}.rich-text-content h2,.ProseMirror h2{font-size:2em}.rich-text-content h3,.ProseMirror h3{font-size:1.5em}.rich-text-content h4,.ProseMirror h4{font-size:1.25em}.rich-text-content h5,.rich-text-content h6,.ProseMirror h5,.ProseMirror h6{font-size:1.1em}.rich-text-content p,.ProseMirror p{margin-top:0;margin-bottom:1.5rem;color:var(--rich-text-secondary);line-height:1.8}.ProseMirror p{min-height:1.5em}.rich-text-content p:empty{display:none}.rich-text-content p:last-child,.ProseMirror p:last-child{margin-bottom:0}[data-theme=dark] .rich-text-content p,[data-theme=dark] .ProseMirror p{color:#d4d4d4}.rich-text-content ul,.rich-text-content ol,.ProseMirror ul,.ProseMirror ol{padding-left:2em;margin:1.5rem 0}.rich-text-content li,.ProseMirror li{margin:.5em 0;color:var(--rich-text-secondary);line-height:1.8}.rich-text-content li p,.ProseMirror li p{margin:.25rem 0}[data-theme=dark] .rich-text-content li,[data-theme=dark] .ProseMirror li{color:#d4d4d4}.rich-text-content hr,.ProseMirror hr{border:none;height:2px;background:var(--rich-text-border);margin:2em 0}.rich-text-content s,.ProseMirror s{text-decoration:line-through;color:var(--rich-text-secondary)}.rich-text-content mark,.ProseMirror mark{background:#fef08a;color:#000;padding:.1em .2em;border-radius:3px}[data-theme=dark] .rich-text-content mark,[data-theme=dark] .ProseMirror mark{background:#f4c4304d;color:#f4c430;border-radius:3px;box-shadow:0 0 8px #f4c43066}.rich-text-content pre::-webkit-scrollbar,.ProseMirror pre::-webkit-scrollbar{height:8px}.rich-text-content pre::-webkit-scrollbar-track,.ProseMirror pre::-webkit-scrollbar-track{background:var(--rich-text-background-secondary);border-radius:4px}.rich-text-content pre::-webkit-scrollbar-thumb,.ProseMirror pre::-webkit-scrollbar-thumb{background:var(--rich-text-border);border-radius:4px}.rich-text-content pre::-webkit-scrollbar-thumb:hover,.ProseMirror pre::-webkit-scrollbar-thumb:hover{background:var(--rich-text-accent)}@media print{.rich-text-content,.ProseMirror{color:#000!important;background:#fff!important}.rich-text-content pre,.ProseMirror pre{background:#f8f9fa!important;border:1px solid #ccc!important}.rich-text-content blockquote,.ProseMirror blockquote{background:#f8f9fa!important;border-left:4px solid #ccc!important}.rich-text-content a,.ProseMirror a{color:#000!important;text-decoration:underline!important}}@media (prefers-reduced-motion: reduce){.rich-text-content *,.ProseMirror *{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media (max-width: 480px){.rich-text-content,.ProseMirror{font-size:15px;line-height:1.7}.rich-text-content h1,.ProseMirror h1{font-size:1.8em}.rich-text-content h2,.ProseMirror h2{font-size:1.6em}.rich-text-content h3,.ProseMirror h3{font-size:1.3em}.rich-text-content h4,.ProseMirror h4{font-size:1.15em}.rich-text-content h5,.rich-text-content h6,.ProseMirror h5,.ProseMirror h6{font-size:1em}.rich-text-content p,.ProseMirror p{font-size:15px;line-height:1.75;margin-bottom:1.25rem}.ProseMirror pre{font-size:13px}.rich-text-content ul,.rich-text-content ol,.ProseMirror ul,.ProseMirror ol{padding-left:1.4em}.rich-text-content blockquote,.ProseMirror blockquote{padding:.75rem 1rem}}:root{--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-code: "JetBrainsMono", "Fira code Retina", "Fira code", Consolas, Monaco, "Hannotate SC", monospace, -apple-system;--font-press-start: "Press Start 2P", "Courier New", monospace;--text-primary: #252525;--text-secondary: #606060;--text-tertiary: #767676;--text-on-accent: #ffffff;--bg-primary: #ffffff;--bg-secondary: #f7f9fb;--bg-tertiary: #efefef;--accent-color-light: #5183f5;--accent-bg-color-light: #e3ecff;--accent-color-light-assistant: #7ea0f7;--accent-color-light-hover: #3d6fd9;--accent-color-light-alpha: rgba(81, 131, 245, .1);--accent-color: var(--accent-color-light);--accent-bg-color: var(--accent-bg-color-light);--accent-color-assistant: var(--accent-color-light-assistant);--accent-color-hover: var(--accent-color-light-hover);--accent-color-alpha: var(--accent-color-light-alpha);--accent-rgb: 81, 131, 245;--nav-shadow-alpha: .5;--tw-gradient-from-position: 0%;--tw-gradient-to-position: 100%;--tw-gradient-via-position: 50%;--tw-gradient-from: var(--fallback-a, oklch(var(--a) / 0)) var(--tw-gradient-from-position);--tw-gradient-to: var(--fallback-a, oklch(var(--a) / 0)) var(--tw-gradient-to-position);--spotlight-color: oklch(var(--a) / .12);--underline-bg: var(--tw-gradient-from), var(--fallback-a, oklch(var(--a) / .7)) var(--tw-gradient-via-position), var(--tw-gradient-to);--error-color: #e53935;--error-hover: #c62828;--error-bg: rgba(229, 57, 53, .1);--error-border: #e53935;--success-color: #43a047;--success-hover: #388e3c;--success-bg: rgba(67, 160, 71, .1);--success-border: #43a047;--warning-color: #fb8c00;--warning-hover: #e65100;--warning-bg: rgba(251, 140, 0, .1);--warning-border: #fb8c00;--info-color: #1976d2;--info-hover: #1565c0;--info-bg: rgba(25, 118, 210, .1);--info-border: #1976d2;--border-color: rgba(0, 0, 0, .06);--paper-bg-light-start: #fdfbf7;--paper-bg-light-mid: #faf8f3;--paper-bg-light-end: #f8f6f1;--mask-gradient-start: #000;--mask-gradient-end: #ffffff00;--header-height: 60px;--max-width: 1120px;--content-width: 860px;--sidebar-width: 260px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 4px rgba(0, 0, 0, .08);--shadow-lg: 0 6px 16px rgba(0, 0, 0, .08);--shadow-xl: 0 8px 24px rgba(0, 0, 0, .12);--card-shadow: 0 8px 30px rgba(var(--accent-rgb), .08);--radius-small: 8px;--radius-medium: 12px;--radius-large: 16px;--radius-full: 9999px;--transition-fast: .1s;--transition: .2s;--transition-slow: .3s;--transition-normal: all .25s cubic-bezier(.4, 0, .2, 1);--bezier-bounce: cubic-bezier(.175, .885, .32, 1.275);--bezier-accelerate: cubic-bezier(.25, .46, .45, .94);--bezier-smooth: cubic-bezier(.4, 0, .2, 1);--mobile: 768px;--tablet: 992px;--desktop: 1200px}[data-theme=dark]{--text-primary: #e8e8e8;--text-secondary: #b0b0b0;--text-tertiary: #909090;--text-on-accent: #ffffff;--bg-primary: #0f0f0f;--bg-secondary: #1a1a1a;--bg-tertiary: #2a2a2a;--border-color: rgba(255, 255, 255, .1);--paper-bg-dark-start: #1a1a1a;--paper-bg-dark-mid: #151515;--paper-bg-dark-end: #121212;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .5);--shadow-md: 0 2px 8px rgba(0, 0, 0, .6);--shadow-lg: 0 6px 20px rgba(0, 0, 0, .7);--shadow-xl: 0 10px 30px rgba(0, 0, 0, .8);--card-shadow: 0 8px 32px rgba(0, 0, 0, .4), 0 0 0 1px rgba(255, 255, 255, .05);--accent-color-dark: #7b88d8;--accent-bg-color-dark: #2a2a3a;--accent-color-dark-assistant: #8f9be5;--accent-color-dark-hover: #9ba7e8;--accent-color-dark-alpha: rgba(123, 136, 216, .15);--accent-color: var(--accent-color-dark);--accent-bg-color: var(--accent-bg-color-dark);--accent-color-assistant: var(--accent-color-dark-assistant);--accent-color-hover: var(--accent-color-dark-hover);--accent-color-alpha: var(--accent-color-dark-alpha);--accent-rgb: 123, 136, 216;--nav-shadow-alpha: .4;--spotlight-color: oklch(var(--a) / .18);--error-color: #ef5350;--error-hover: #f44336;--error-bg: rgba(239, 83, 80, .15);--error-border: #ef5350;--success-color: #66bb6a;--success-hover: #4caf50;--success-bg: rgba(102, 187, 106, .15);--success-border: #66bb6a;--warning-color: #ffa726;--warning-hover: #fb8c00;--warning-bg: rgba(255, 167, 38, .15);--warning-border: #ffa726;--info-color: #42a5f5;--info-hover: #2196f3;--info-bg: rgba(66, 165, 245, .15);--info-border: #42a5f5}.theme-transition{transition:color .3s ease,background-color .3s ease,border-color .3s ease,box-shadow .3s ease}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0;-webkit-tap-highlight-color:transparent;-webkit-touch-callout:none}html{font-family:var(--font-sans);color:var(--text-primary);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6;font-weight:400;scroll-behavior:smooth;letter-spacing:-.01em;height:auto}body{font-family:var(--font-sans);color:var(--text-primary);background-color:var(--bg-primary);transition:background-color .3s ease,color .3s ease;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:15px;line-height:1.6;font-weight:400;scroll-behavior:smooth;letter-spacing:-.01em;height:auto;overflow-x:hidden}#root{min-height:100vh;width:100%;position:relative;display:flex;flex-direction:column;background:transparent;[data-theme=dark] &{background:transparent}}a{color:var(--accent-color);text-decoration:none;transition:var(--transition-normal)}button{cursor:pointer;border:none;outline:none;background:none;font-family:var(--font-sans);font-size:.95rem}img{max-width:100%;height:auto;display:block}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;margin-bottom:1rem;color:var(--text-primary);letter-spacing:-.01em}h1{font-size:2.5rem;font-weight:700;letter-spacing:-.02em}h2{font-size:1.75rem;letter-spacing:-.02em}h3{font-size:1.35rem}p{line-height:1.7;margin-bottom:1rem;color:var(--text-secondary)}input,textarea,select{font-family:inherit}code,pre,.code{font-family:var(--font-code)}::selection{background:rgba(var(--accent-rgb),.2);color:var(--accent-color)}.header{position:fixed;top:0;left:0;right:0;z-index:100;height:var(--header-height);transition:all .3s var(--bezier-smooth);border-radius:0 0 24px 24px;background:transparent}.underline{position:absolute;bottom:-5px;left:50%;transform:translate(-50%);width:70px;height:2px;background:linear-gradient(to right,var(--underline-bg));opacity:1;transition:all .2s ease}.header.scrolled{backdrop-filter:saturate(180%) blur(20px);box-shadow:0 6px 32px rgba(var(--accent-rgb),.1)}[data-theme=dark] .header.scrolled{background:#0f0f0fd9;backdrop-filter:saturate(180%) blur(20px);box-shadow:0 6px 24px #00000080,0 0 0 1px #ffffff14,0 2px 8px rgba(var(--accent-rgb),.2)}.nav-card{display:flex;align-items:center;justify-content:center;border-radius:28px;padding:.3rem 1.25rem;height:44px;transition:all .3s var(--bezier-smooth);position:relative;z-index:60;background:#fffffffa;box-shadow:0 4px 8px #0000001a,0 8px 24px rgba(var(--accent-rgb, 81, 131, 245),.3);backdrop-filter:blur(16px);margin-left:auto}[data-theme=dark] .nav-card{background:#1a1a1afa;box-shadow:0 8px 32px #0009,0 0 0 1px #ffffff1a,0 4px 16px rgba(var(--accent-rgb, 123, 136, 216),.5)}.header.scrolled .nav-card,[data-theme=dark] .header.scrolled .nav-card{background:transparent;box-shadow:none;border:none;backdrop-filter:none}.nav-link-hover{position:relative;z-index:1}.nav-link-hover .bg-effect{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:140%;height:100%;background:radial-gradient(ellipse 70% 100% at 50% 50%,transparent 0%,var(--spotlight-color) 20%,transparent 100%);z-index:-1;border-radius:10px;opacity:0;transition:opacity .2s ease}.nav-link-hover:hover .bg-effect{opacity:1}.nav-link-hover:hover{color:var(--text-primary)}.mobile-nav{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background-color:var(--bg-primary);z-index:95;display:flex;flex-direction:column;padding-top:2rem;gap:1.5rem;border-radius:0 0 24px 24px;transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translateY(-100%);overflow-y:auto}.mobile-nav.open{transform:translateY(0)}.mobile-overlay{position:fixed;top:var(--header-height);left:0;right:0;bottom:0;background-color:#00000080;backdrop-filter:blur(4px);z-index:90}.card{background-color:var(--bg-primary);border-radius:16px;box-shadow:var(--shadow-md);overflow:hidden;transition:transform .2s var(--bezier-accelerate),box-shadow .2s var(--bezier-accelerate)}.card:hover{transform:translateY(-4px);box-shadow:var(--shadow-lg)}[data-theme=dark] .card{background-color:var(--bg-secondary);box-shadow:var(--shadow-md),0 0 0 1px #ffffff0f,inset 0 1px #ffffff14}[data-theme=dark] .card:hover{box-shadow:var(--shadow-lg),0 0 0 1px #ffffff1a,0 0 24px rgba(var(--accent-rgb),.3),inset 0 1px #ffffff1a}.card-container{perspective:1000px}.card-face{-webkit-backface-visibility:hidden;backface-visibility:hidden;position:absolute;width:100%;height:100%}.card-back{transform:rotateY(180deg)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.6rem 1.2rem;font-weight:500;border-radius:8px;transition:all .2s var(--bezier-accelerate);border:none;background-color:var(--accent-color);color:#fff}.btn:hover{background-color:var(--accent-color-hover);transform:translateY(-2px)}.btn-secondary{background-color:var(--bg-secondary);color:var(--text-primary)}.btn-secondary:hover{background-color:var(--bg-tertiary)}.page-transition-enter{opacity:0;transform:translateY(10px)}.page-transition-enter-active{opacity:1;transform:translateY(0);transition:opacity .3s,transform .3s}.page-transition-exit{opacity:1;transform:translateY(0)}.page-transition-exit-active{opacity:0;transform:translateY(10px);transition:opacity .3s,transform .3s}.fade-in{animation:fadeIn .4s var(--bezier-accelerate) forwards}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:3px;transition:background .2s ease}::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-rgb),.4)}[data-theme=dark] ::-webkit-scrollbar-thumb:hover{background:rgba(var(--accent-rgb),.5)}*{scrollbar-width:thin;scrollbar-color:transparent transparent}*:hover{scrollbar-color:rgba(var(--accent-rgb),.3) transparent}[data-theme=dark] *:hover{scrollbar-color:rgba(var(--accent-rgb),.5) transparent}@media (max-width: 768px){.nav-card{display:none}.container,.content-container{padding:0 1rem}}@keyframes highlightHeading{0%{background-color:rgba(var(--accent-rgb),0)}30%{background-color:rgba(var(--accent-rgb),.15)}70%{background-color:rgba(var(--accent-rgb),.15)}to{background-color:rgba(var(--accent-rgb),0)}}.highlight-heading{animation:highlightHeading 2s ease forwards;border-radius:4px;padding:.2rem .5rem;margin-left:-.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes shimmer{0%{background-position:-200px 0}to{background-position:calc(200px + 100%) 0}}.notes-timeline{.timeline-gradient:before{background:linear-gradient(180deg,transparent 0%,var(--accent-color) 10%,var(--accent-color) 90%,transparent 100%)}.note-card{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.note-card:hover{transform:translateY(-4px) scale(1.01)}.note-tag{position:relative;overflow:hidden}.note-tag:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.3),transparent);transition:left .5s}.note-tag:hover:before{left:100%}.meta-icon{transition:transform .2s ease}.meta-icon:hover{transform:scale(1.2) rotate(5deg)}}@media (max-width: 768px){.notes-timeline .timeline-item{padding-left:50px}.notes-timeline .timeline-dot{left:10px;width:8px;height:8px}}[data-theme=dark]{.notes-timeline .note-card{background:linear-gradient(135deg,#1a1a1a,#2a2a2a);border-color:#ffffff1a;box-shadow:0 4px 16px #0006,0 0 0 1px #ffffff0d,inset 0 1px #ffffff14}.notes-timeline .note-card:hover{background:linear-gradient(135deg,#2a2a2a,#3a3a3a);border-color:#ffffff26;box-shadow:0 8px 24px #00000080,0 0 0 1px #ffffff1a,0 0 16px rgba(var(--accent-rgb),.3),inset 0 1px #ffffff1f}}