@import url("https://fonts.googleapis.com/css2?family=EB+Garamond:ital,wght@0,400;0,500;0,600;0,700;1,400;1,500&family=Inter:wght@300;400;500;600&display=swap");:root{--font-serif:"EB Garamond",serif;--font-sans:"Inter",sans-serif;--color-bg:#fefefe;--color-text:#2a2a2a;--color-muted:#8a8a8a;--color-border:#e8e8e8;--color-paper:#faf9f7;--color-accent-blue:#4a6fa5;--color-accent-green:#7fb069;--color-accent-teal:rgb(4,165,187);--color-accent-pink:#d4a5a5;--color-accent-yellow:#f4d03f;--color-accent-pink-dark:#b88a8a;--font-body:var(--font-serif);--font-ui:var(--font-sans);--space-xs:0.5rem;--space-sm:1rem;--space-md:1.5rem;--space-lg:2.5rem;--space-xl:4rem;--transition:all 0.2s cubic-bezier(0.4,0,0.2,1);--transition-slow:all 0.4s cubic-bezier(0.4,0,0.2,1)}@media (prefers-color-scheme:dark){:root:not([data-theme]){--color-bg:#1a1a1a;--color-text:#f0f0f0;--color-muted:#b8b8b8;--color-border:#3a3a3a;--color-paper:#2a2a2a;--color-accent-blue:#8bb3ff;--color-accent-green:#a8d5a3;--color-accent-teal:rgb(4,165,187);--color-accent-pink:#e8b8c8;--color-accent-yellow:#f0d080;--color-accent-pink-dark:#d4a5a5}}*{box-sizing:border-box}body{background-color:var(--color-paper);color:var(--color-text);margin:0;padding:0;line-height:1.4;font-size:1.375rem;font-weight:400;transition:var(--transition);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body,h1,h2,h3,h4,h5,h6{font-family:var(--font-body)}h1,h2,h3,h4,h5,h6{font-weight:500;line-height:1.3;letter-spacing:-.02em;margin-top:0;margin-bottom:var(--space-sm)}h1{font-size:4rem;font-weight:600;margin-bottom:var(--space-md)}h2{font-size:3rem;margin-bottom:var(--space-sm)}h3{font-size:2.5rem;margin-bottom:var(--space-xs)}p{margin-bottom:var(--space-sm);max-width:65ch;font-size:1.5rem}a{text-decoration:none;border-bottom:1px solid transparent;transition:var(--transition);position:relative}a,a:hover{color:var(--color-accent-blue)}a:hover{border-bottom-color:var(--color-accent-blue)}a:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-accent-yellow);transition:var(--transition);transform:skew(-2deg)}a:hover:before{width:100%}::selection{background:var(--color-accent-pink);color:var(--color-text)}.site-header{padding:var(--space-md) var(--space-lg);font-family:var(--font-ui);display:flex;justify-content:space-between;align-items:center;background:var(--color-paper);position:-webkit-sticky;position:sticky;top:0;z-index:100;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.site-nav{display:flex;gap:var(--space-lg);font-size:.875rem;font-weight:500;letter-spacing:.1em;text-transform:uppercase}.site-nav a{position:relative;padding:var(--space-xs) 0;color:var(--color-text);border-bottom:none}.site-nav a:before{display:none}.site-nav a:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--color-accent-pink);transition:var(--transition);transform:skew(-1deg)}.site-nav a:hover:after{width:100%}.nav-link-active:after{width:100%!important}.nav-link-active{color:var(--color-accent-pink-dark)!important}.site-main{padding:var(--space-xl) var(--space-lg);max-width:48rem;margin:0 auto;min-height:calc(100vh - 200px)}.site-footer{padding:var(--space-lg);font-size:.75rem;text-align:center;color:var(--color-muted);font-family:var(--font-ui);background:var(--color-paper)}.content-section{margin-bottom:var(--space-xl)}.content-section h1{font-size:4.5rem;font-weight:600;line-height:1.1}.content-section h1,.content-section p{margin-bottom:var(--space-md);color:var(--color-text)}.content-section p{font-size:1.375rem;line-height:1.7}.content-section h1:before{content:"";display:block;width:60px;height:4px;background:var(--color-accent-pink);margin-bottom:var(--space-md);transform:skew(-2deg)}.intro-text{font-size:1.75rem;line-height:1.6;color:var(--color-muted);font-style:italic}.intro-text,.sketchbook-grid{margin-bottom:var(--space-xl)}.sketchbook-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-lg);gap:var(--space-lg)}.sketchbook-card{position:relative;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-lg);transition:var(--transition-slow);transform:rotate(-.5deg);box-shadow:0 4px 12px rgba(0,0,0,.05);text-decoration:none;color:inherit;display:block}.sketchbook-card:nth-child(2n){transform:rotate(.5deg)}.sketchbook-card:nth-child(3n){transform:rotate(-.25deg)}.sketchbook-card:hover{transform:rotate(0deg) translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.card-content h2{font-size:2.25rem;margin-bottom:var(--space-sm);color:var(--color-text)}.card-content p{font-size:1.25rem;line-height:1.6;color:var(--color-muted);margin-bottom:var(--space-md)}.card-link{font-family:var(--font-ui);font-size:.875rem;font-weight:500;text-transform:uppercase;letter-spacing:.1em;border-bottom:none;transition:var(--transition);display:inline-block;padding:var(--space-xs) var(--space-sm);margin:calc(-1 * var(--space-xs)) calc(-1 * var(--space-sm));cursor:pointer;text-decoration:none}.card-link:before{display:none}.sketchbook-card .card-link{border-bottom:none}.sketchbook-card .card-link:after,.sketchbook-card .card-link:before,.sketchbook-card:before,.sketchbook-card:hover:before{display:none}.sketchbook-card{border-bottom:1px solid transparent}.sketchbook-card:hover{border-bottom-color:var(--color-accent-blue)}.writing-card:hover{border-bottom-color:var(--color-accent-pink)}.reading-card:hover{border-bottom-color:var(--color-accent-green)}.projects-card:hover{border-bottom-color:var(--color-accent-blue)}.writing-card .card-link{color:var(--color-accent-pink)}.writing-card .card-link:hover{color:#c08a8a}.reading-card .card-link{color:var(--color-accent-green)}.reading-card .card-link:hover{color:#6a9a5a}.projects-card .card-link{color:var(--color-accent-blue)}.projects-card .card-link:hover{color:#3d5a84}.card-decoration{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:var(--color-accent-yellow);border-radius:50%;opacity:.6;transform:rotate(15deg)}.writing-card .card-decoration{background:var(--color-accent-pink)}.reading-card .card-decoration{background:var(--color-accent-green)}.projects-card .card-decoration{background:var(--color-accent-blue)}.about-note{background:var(--color-bg);border-left:4px solid var(--color-accent-yellow);padding:var(--space-md);margin-bottom:var(--space-lg);transform:skew(-1deg)}.about-note p{margin:0;font-size:1.25rem;line-height:1.6;color:var(--color-text)}.external-links{text-align:center;padding:var(--space-md);border-top:1px solid var(--color-border)}.external-links p{margin:0;font-size:1rem;color:var(--color-muted);font-family:var(--font-ui)}.external-link{color:var(--color-accent-pink);margin:0 var(--space-xs);border-bottom:none;transition:var(--transition);position:relative}.external-link:before{display:none}.external-link:after{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-accent-pink);transition:var(--transition);transform:skew(-2deg)}.external-link:hover{color:var(--color-accent-pink)}.external-link:hover:after{width:100%}.theme-toggle{display:flex;background:var(--color-border);border:1px solid var(--color-border);border-radius:.5rem;padding:.125rem;font-family:var(--font-ui);font-size:.625rem;color:var(--color-text);transition:var(--transition);gap:0;position:relative;box-shadow:0 2px 4px rgba(0,0,0,.1)}.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 4px 8px rgba(0,0,0,.15)}.theme-toggle svg{width:.75rem;height:.75rem}.theme-option{display:flex;align-items:center;justify-content:center;padding:.25rem;border-radius:.375rem;transition:var(--transition);min-width:1.25rem;height:1.25rem;flex:1 1;background:none;border:none;cursor:pointer;color:inherit;font-family:inherit}.theme-option.active{background:var(--color-bg);color:var(--color-text);box-shadow:0 2px 4px rgba(0,0,0,.1);transform:scale(1.05)}.theme-option:not(.active){color:var(--color-muted);opacity:.7}.theme-option:hover:not(.active){opacity:.9;transform:scale(1.02)}:root[data-theme=light]{--color-bg:#fefefe;--color-text:#2a2a2a;--color-muted:#8a8a8a;--color-border:#e8e8e8;--color-paper:#faf9f7;--color-accent-blue:#4a6fa5;--color-accent-green:#7fb069;--color-accent-teal:rgb(4,165,187);--color-accent-pink:#d4a5a5;--color-accent-yellow:#f4d03f;--color-accent-pink-dark:#b88a8a}:root[data-theme=dark],body.dark{--color-bg:#1a1a1a;--color-text:#f0f0f0;--color-muted:#b8b8b8;--color-border:#3a3a3a;--color-paper:#2a2a2a;--color-accent-blue:#8bb3ff;--color-accent-green:#a8d5a3;--color-accent-teal:rgb(4,165,187);--color-accent-pink:#e8b8c8;--color-accent-yellow:#f0d080;--color-accent-pink-dark:#d4a5a5}@media (max-width:768px){.site-header{padding:var(--space-sm) var(--space-md);flex-direction:column;gap:var(--space-sm)}.site-nav{gap:var(--space-md)}.site-main{padding:var(--space-lg) var(--space-md)}.content-section h1{font-size:3.5rem}.content-section p,.intro-text{font-size:1.5rem}.sketchbook-card{padding:var(--space-md);transform:none}.sketchbook-card:hover{transform:translateY(-2px)}.card-content h2{font-size:2rem}.card-content p{font-size:1.125rem}.post-item{padding:var(--space-xs) var(--space-xs);padding-left:var(--space-sm)}.post-title{font-size:1.25rem}}.posts-list{list-style:none;padding:0;margin:0}.post-item{display:block;margin-bottom:var(--space-md);padding:var(--space-sm) var(--space-sm);transition:var(--transition);position:relative;padding-left:var(--space-sm);border-radius:8px;text-decoration:none;color:inherit;border-bottom:none}.post-item:before{display:none}.post-item:hover{background:var(--color-bg)}.post-item .line-top,.post-item:after{top:0;transform-origin:top}.post-item .line-bottom,.post-item .line-top,.post-item:after{content:"";position:absolute;left:0;width:2px;height:0;background:var(--color-accent-pink);transition:var(--transition-slow);z-index:1;pointer-events:none}.post-item .line-bottom{bottom:0;transform-origin:bottom}.post-item:hover .line-bottom,.post-item:hover .line-top{height:50%}.post-title{font-family:var(--font-body);font-size:1.7rem;font-weight:900;margin:0;transition:var(--transition)}.posts-empty{text-align:center;padding:var(--space-xl) 0;color:var(--color-muted)}.posts-empty p{font-size:1.25rem;margin-bottom:var(--space-sm)}.posts-empty .empty-icon{font-size:3rem;margin-bottom:var(--space-md);opacity:.5}.tag-filter-section{margin-bottom:var(--space-md) 0}.tag-filter-container{display:flex;flex-wrap:wrap;align-items:center;gap:var(--space-xs);padding-bottom:var(--space-lg)}.topics-label{font-family:var(--font-ui);font-size:.75rem;font-weight:600;color:#6a6a6a;text-transform:uppercase;letter-spacing:.15em;margin-right:var(--space-xs)}.topics-separator{width:1px;height:1.5rem;background:#d4a5a5;margin-right:var(--space-xs)}.tag-filter-button{font-family:var(--font-ui);font-size:.875rem;font-weight:500;padding:var(--space-xs) var(--space-sm);background:transparent;border:none;border-radius:20px;color:var(--color-text);cursor:pointer;transition:var(--transition);text-transform:capitalize;letter-spacing:.05em}.tag-filter-button.active,.tag-filter-button:hover{background:var(--color-accent-pink);color:var(--color-text)}.tag-filter-button.active{border-color:var(--color-accent-pink)}.clear-filter-button{font-family:var(--font-ui);font-size:.75rem;font-weight:500;padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid var(--color-muted);border-radius:16px;color:var(--color-muted);cursor:pointer;transition:var(--transition);text-transform:uppercase;letter-spacing:.1em}.clear-filter-button:hover{background:var(--color-muted);color:var(--color-bg);border-color:var(--color-muted)}.blog-post{max-width:42rem;margin:0 auto;padding-top:var(--space-xs);padding-bottom:var(--space-lg)}.post-header{margin-bottom:var(--space-lg)}.post-category{font-family:var(--font-ui);font-size:.875rem;font-weight:600;color:var(--color-text);text-transform:uppercase;letter-spacing:.15em;margin-bottom:var(--space-sm);text-decoration:none;border-bottom:none;transition:var(--transition);display:inline-block;position:relative}.post-category:before{content:"←";position:absolute;left:-1.25rem;top:50%;font-size:1rem;transition:var(--transition);opacity:0;color:var(--color-accent-teal);background:none;width:auto;height:auto;bottom:auto;transform:translateY(-50%);skew:none}.post-category:hover{color:var(--color-accent-teal);transform:translateX(.25rem)}.post-category:hover:before{opacity:1;left:-1rem}.post-title{font-size:4rem;font-weight:600;line-height:1.2;color:var(--color-text)}.post-subtitle{font-size:1.5rem;line-height:1.6;color:var(--color-muted);font-style:italic;margin-bottom:0;max-width:none}.post-divider{height:1px;background:var(--color-border);margin:var(--space-lg) 0;position:relative}.post-divider:after{content:"✧";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-paper);padding:0 var(--space-sm);color:var(--color-muted);font-size:.875rem}.post-meta-line{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);padding:var(--space-sm) 0}.post-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.post-date-ago{text-transform:uppercase;letter-spacing:.1em}.back-link,.post-date-ago{font-family:var(--font-ui);font-size:.875rem;font-weight:500;color:var(--color-muted)}.back-link{text-decoration:none;border-bottom:none;transition:var(--transition);display:inline-block;padding:var(--space-xs) var(--space-sm);background:var(--color-bg);border-radius:20px;border:1px solid var(--color-border);width:-moz-fit-content;width:fit-content}.back-link:hover{background:var(--color-accent-pink);color:var(--color-text);border-color:var(--color-accent-pink)}.back-link:before{display:none}.post-date{font-family:var(--font-ui);font-size:.875rem;font-weight:500;color:var(--color-muted);text-transform:uppercase;letter-spacing:.1em;padding:var(--space-xs) var(--space-sm);background:var(--color-bg);border-radius:20px;display:inline-block;border:1px solid var(--color-border);width:-moz-fit-content;width:fit-content}.post-content{line-height:1.7}.post-content h1{font-size:4rem;font-weight:600;line-height:1.2;margin-bottom:var(--space-lg);text-align:left;color:var(--color-text);position:relative}.post-content h1:after{content:"";position:absolute;left:0;width:3rem;height:2px;border-radius:1px}.post-content h2{font-size:2.5rem;position:relative}.post-content h2,.post-content h3{font-weight:500;color:var(--color-text)}.post-content h3{font-size:2rem;margin-top:var(--space-lg);margin-bottom:var(--space-sm)}.post-content p{font-size:1.375rem;line-height:1.7;margin-bottom:var(--space-md);color:var(--color-text);max-width:none}.post-content ol,.post-content ul{margin-bottom:var(--space-md);padding-left:var(--space-lg)}.post-content li{font-size:1.375rem;line-height:1.7;margin-bottom:var(--space-xs);color:var(--color-text)}.post-content ul li{position:relative;list-style:none;padding-left:var(--space-md)}.post-content ul li:before{content:"•";position:absolute;left:0;color:var(--color-accent-yellow);font-weight:700;font-size:1.2em}.post-content blockquote{margin:var(--space-lg) 0;padding:var(--space-md) var(--space-lg);background:var(--color-bg);border-left:4px solid var(--color-accent-blue);border-radius:0 8px 8px 0;font-style:italic;position:relative}.post-content blockquote:before{content:'"';position:absolute;top:-.5rem;left:var(--space-md);font-size:3rem;color:var(--color-accent-blue);opacity:.3;font-family:var(--font-serif)}.post-content blockquote p{margin:0;font-size:1.25rem;color:var(--color-text)}.post-content code{background:var(--color-bg);padding:.125rem .25rem;border-radius:4px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875em;color:var(--color-accent-blue);border:1px solid var(--color-border)}.post-content pre{background:var(--color-bg);padding:var(--space-md);border-radius:8px;overflow-x:auto;margin:var(--space-md) 0;border:1px solid var(--color-border)}.post-content pre code{background:none;padding:0;border:none;color:var(--color-text);font-size:.875rem}.post-content a{color:var(--color-accent-blue);text-decoration:none;border-bottom:1px solid transparent;transition:var(--transition);position:relative}.post-content a:hover{border-bottom-color:var(--color-accent-blue);color:var(--color-accent-blue)}.post-content a:before{content:"";position:absolute;bottom:-2px;left:0;width:0;height:2px;background:var(--color-accent-yellow);transition:var(--transition);transform:skew(-2deg)}.post-content a:hover:before{width:100%}.post-content img{max-width:100%;height:auto;border-radius:8px;margin:var(--space-md) 0;box-shadow:0 4px 12px rgba(0,0,0,.1)}.content-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-sm)}.tag{font-family:var(--font-ui);font-size:.75rem;font-weight:500;padding:calc(var(--space-xs) * .5) var(--space-sm);background:var(--color-accent-pink);border-radius:16px;text-transform:capitalize;letter-spacing:.05em;text-decoration:none;border-bottom:none;transition:var(--transition);display:inline-block}.tag,.tag:hover{color:var(--color-text)}.tag:hover{background:var(--color-accent-pink-dark);transform:translateY(-1px)}.tag:before{display:none}.related-content{margin-top:var(--space-xl);padding-top:var(--space-lg);border-top:1px solid var(--color-border)}.related-content h3{font-size:2rem;margin-bottom:var(--space-md);color:var(--color-text)}.related-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-md);gap:var(--space-md)}.related-card{position:relative;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-lg);text-decoration:none;color:inherit;transition:var(--transition-slow);transform:rotate(-.5deg);box-shadow:0 4px 12px rgba(0,0,0,.05);display:block}.related-card:before{display:none}.related-card:nth-child(2n){transform:rotate(.5deg)}.related-card:nth-child(3n){transform:rotate(-.25deg)}.related-card:hover{transform:rotate(0deg) translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.related-type{font-family:var(--font-ui);font-size:.875rem;font-weight:500;color:var(--color-muted);text-transform:uppercase;letter-spacing:.1em;margin-bottom:var(--space-sm)}.related-card h4{font-size:2.25rem;margin-bottom:0;color:var(--color-text);font-weight:500;line-height:1.3}.related-author{font-size:1.25rem;line-height:1.6;color:var(--color-muted);margin-top:0;margin-bottom:var(--space-md);font-style:italic}.related-card .card-decoration{position:absolute;top:-8px;right:-8px;width:24px;height:24px;background:var(--color-accent-blue);border-radius:50%;opacity:.6;transform:rotate(15deg)}.related-tags{display:flex;flex-wrap:wrap;gap:calc(var(--space-xs) * .5)}.tag-small{font-family:var(--font-ui);font-size:.625rem;font-weight:500;padding:2px var(--space-xs);background:var(--color-accent-blue);color:white;border-radius:12px;text-transform:capitalize;letter-spacing:.05em}.post-content hr{border:none;height:1px;background:var(--color-border);margin:var(--space-xl) 0;position:relative}.post-content hr:after{content:"✧";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:var(--color-paper);padding:0 var(--space-sm);color:var(--color-muted);font-size:.875rem}.post-footer{margin-top:var(--space-xl);text-align:center}.post-divider{display:flex;align-items:center;justify-content:center;gap:var(--space-sm);margin:0}.divider-line{flex:1 1;height:1px;background:var(--color-border);max-width:4rem}.divider-ornament{color:var(--color-muted);font-size:.875rem;padding:0 var(--space-xs)}.post-author{font-size:1.25rem;line-height:1.6;color:var(--color-muted);margin:0 0 var(--space-sm) 0;font-style:italic}.back-link-container,.header-content{margin-bottom:var(--space-md)}.header-content{display:flex;align-items:center;gap:var(--space-sm)}.header-icon{font-size:3rem;line-height:1}.filter-section{background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-lg);margin-bottom:var(--space-lg)}.filter-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));grid-gap:var(--space-md);gap:var(--space-md)}.filter-group{display:flex;flex-direction:column}.filter-label{font-weight:600;margin-bottom:var(--space-xs);text-transform:uppercase;letter-spacing:.1em}.filter-label,.filter-select{font-family:var(--font-ui);font-size:.875rem;color:var(--color-text)}.filter-select{padding:var(--space-xs) var(--space-sm);border:1px solid var(--color-border);border-radius:6px;background:var(--color-paper);transition:var(--transition)}.filter-select:focus{outline:none;border-color:var(--color-accent-pink);box-shadow:0 0 0 2px rgba(212,165,165,.2)}.loading-state{text-align:center;padding:var(--space-xl) 0}.loading-spinner{width:2rem;height:2rem;border-top:2px solid var(--color-border);border:2px solid var(--color-border);border-top-color:var(--color-accent-pink);border-radius:50%;animation:spin 1s linear infinite;margin:0 auto var(--space-sm)}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.loading-text{font-size:1.125rem;color:var(--color-muted);font-family:var(--font-ui)}.notes-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-lg);gap:var(--space-lg);margin-bottom:var(--space-xl)}.note-card{position:relative;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-lg);transition:var(--transition-slow);transform:rotate(-.5deg);box-shadow:0 4px 12px rgba(0,0,0,.05)}.note-card:nth-child(2n){transform:rotate(.5deg)}.note-card:nth-child(3n){transform:rotate(-.25deg)}.note-card:hover{transform:rotate(0deg) translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.note-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.note-meta{display:flex;align-items:center;gap:var(--space-sm)}.note-icon{font-size:2rem;line-height:1}.note-badges{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.note-type-badge{background:var(--color-accent-pink)}.note-mood-badge,.note-type-badge{font-family:var(--font-ui);font-size:.75rem;font-weight:600;padding:calc(var(--space-xs) * .5) var(--space-sm);color:var(--color-text);border-radius:16px;text-transform:capitalize;letter-spacing:.05em}.note-mood-badge{background:var(--color-accent-yellow)}.note-date{font-family:var(--font-ui);font-size:.875rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.1em}.note-content{font-size:1.5rem;line-height:1.6;color:var(--color-text);margin-bottom:var(--space-md);font-style:italic;position:relative;padding-left:var(--space-md)}.note-content:before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--color-accent-pink);border-radius:2px}.note-source{background:var(--color-paper);border:1px solid var(--color-border);border-radius:6px;padding:var(--space-sm);margin-bottom:var(--space-md)}.source-text{font-family:var(--font-ui);font-size:.875rem;color:var(--color-text);margin:0}.source-label{font-weight:600;color:var(--color-accent-blue)}.note-personal{background:var(--color-accent-pink);border-radius:6px;padding:var(--space-sm);margin-bottom:var(--space-md);opacity:.9}.personal-text{font-family:var(--font-ui);font-size:.875rem;color:var(--color-text);margin:0}.personal-label{font-weight:600}.note-context{background:var(--color-accent-green);border-radius:6px;padding:var(--space-sm);margin-bottom:var(--space-md);opacity:.9}.context-text{font-family:var(--font-ui);font-size:.875rem;color:var(--color-text);margin:0}.context-label{font-weight:600}.note-tags{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.note-related{border-top:1px solid var(--color-border);padding-top:var(--space-md)}.related-title{font-family:var(--font-ui);font-size:.875rem;font-weight:600;color:var(--color-text);margin-bottom:var(--space-sm);text-transform:uppercase;letter-spacing:.1em}.related-links{display:flex;flex-wrap:wrap;gap:var(--space-xs)}.related-link{font-family:var(--font-ui);font-size:.75rem;font-weight:500;padding:calc(var(--space-xs) * .5) var(--space-sm);border-radius:12px;text-decoration:none;border-bottom:none;transition:var(--transition);text-transform:lowercase;letter-spacing:.05em}.reading-link{background:var(--color-accent-blue);color:white}.reading-link:hover{background:#3d5a84;color:white;transform:translateY(-1px)}.writing-link{background:var(--color-accent-green);color:var(--color-text)}.writing-link:hover{background:#6a9a5a;color:var(--color-text);transform:translateY(-1px)}.related-link:before{display:none}.empty-state{text-align:center;padding:var(--space-xl) 0;color:var(--color-muted)}.empty-text{font-size:1.25rem;margin:0}.add-note-button-container{position:fixed;bottom:var(--space-md);right:var(--space-md);z-index:100}.add-note-button{background:var(--color-accent-pink);color:var(--color-text);border:none;border-radius:50%;width:3.5rem;height:3.5rem;box-shadow:0 4px 12px rgba(0,0,0,.15);transition:var(--transition);cursor:pointer;display:flex;align-items:center;justify-content:center}.add-note-button:hover{background:var(--color-accent-pink-dark);transform:translateY(-2px);box-shadow:0 6px 16px rgba(0,0,0,.2)}.add-icon{width:1.5rem;height:1.5rem}.projects-grid{display:grid;grid-template-columns:1fr;grid-gap:var(--space-lg);gap:var(--space-lg);margin-bottom:var(--space-xl)}.project-card{position:relative;background:var(--color-bg);border:1px solid var(--color-border);border-radius:8px;padding:var(--space-lg);transition:var(--transition-slow);transform:rotate(-.5deg);box-shadow:0 4px 12px rgba(0,0,0,.05)}.project-card:nth-child(2n){transform:rotate(.5deg)}.project-card:nth-child(3n){transform:rotate(-.25deg)}.project-card:hover{transform:rotate(0deg) translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.1)}.project-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-md)}.project-info{display:flex;align-items:center;gap:var(--space-sm)}.project-icon{font-size:2rem;line-height:1}.project-details{flex:1 1}.project-title{font-size:2.25rem;font-weight:500;line-height:1.3;margin:0 0 var(--space-xs) 0;color:var(--color-text)}.project-title a{color:inherit;text-decoration:none;border-bottom:none;transition:var(--transition)}.project-title a:hover{color:var(--color-accent-blue);border-bottom-color:var(--color-accent-blue)}.project-title a:before{display:none}.project-meta{display:flex;align-items:center;gap:var(--space-sm)}.project-status{font-family:var(--font-ui);font-size:.75rem;font-weight:600;padding:calc(var(--space-xs) * .5) var(--space-sm);border-radius:16px;text-transform:capitalize;letter-spacing:.05em;display:inline-block}.status-completed{background:var(--color-accent-green);color:var(--color-text)}.status-in-progress{background:var(--color-accent-blue);color:white}.status-maintained{background:var(--color-accent-pink);color:var(--color-text)}.status-idea{background:var(--color-accent-yellow);color:var(--color-text)}.status-default{background:var(--color-border);color:var(--color-text)}.project-type{text-transform:capitalize}.project-date,.project-type{font-family:var(--font-ui);font-size:.875rem;color:var(--color-muted)}.project-date{text-transform:uppercase;letter-spacing:.1em}.project-excerpt{font-size:1.25rem;line-height:1.6;color:var(--color-text);margin-bottom:var(--space-md);max-width:none}.project-tags,.project-tech{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-bottom:var(--space-md)}.project-tech{align-items:center}.tech-label{font-size:.875rem;color:var(--color-muted);margin-right:var(--space-xs)}.tech-label,.tech-tag{font-family:var(--font-ui)}.tech-tag{font-size:.75rem;font-weight:500;padding:calc(var(--space-xs) * .5) var(--space-sm);background:var(--color-accent-blue);color:white;border-radius:12px;text-transform:capitalize;letter-spacing:.05em}.project-links{display:flex;align-items:center;gap:var(--space-md);font-family:var(--font-ui);font-size:.875rem}.project-link{color:var(--color-accent-blue);text-decoration:none;border-bottom:none;transition:var(--transition);font-weight:500;text-transform:lowercase;letter-spacing:.05em}.project-link:hover{color:var(--color-accent-blue);border-bottom-color:var(--color-accent-blue)}.project-link:before{display:none}.demo-link,.demo-link:hover{color:var(--color-accent-green)}.demo-link:hover{border-bottom-color:var(--color-accent-green)}.github-link{color:var(--color-muted)}.github-link:hover{color:var(--color-text);border-bottom-color:var(--color-text)}.projects-empty{text-align:center;padding:var(--space-xl) 0;color:var(--color-muted)}.projects-empty p{font-size:1.25rem;margin-bottom:var(--space-sm)}.post-status-rating{margin-top:var(--space-sm)}.post-meta,.post-status-rating{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.post-status{font-family:var(--font-ui);font-size:.875rem;font-weight:500;color:var(--color-text);text-transform:capitalize;letter-spacing:.05em;padding:calc(var(--space-xs) * .5) var(--space-sm);background:var(--color-bg);border-radius:16px;border:1px solid var(--color-border);display:inline-block}.post-rating{font-size:.875rem;color:var(--color-accent-yellow);letter-spacing:.1em}@media (max-width:768px){.post-content h1{font-size:2.5rem;margin-bottom:var(--space-md)}.post-content h2{font-size:2rem;margin-top:var(--space-lg)}.post-content h3{font-size:1.75rem}.post-content li,.post-content p{font-size:1.25rem}.post-content blockquote{padding:var(--space-sm) var(--space-md);margin:var(--space-md) 0}.post-content blockquote p{font-size:1.125rem}.tag-filter-container{gap:var(--space-xs)}.tag-filter-button{font-size:.8rem}.clear-filter-button,.tag-filter-button{padding:calc(var(--space-xs) * .75) var(--space-sm)}.clear-filter-button{font-size:.7rem}.blog-post{padding:var(--space-md) var(--space-xs)}.post-title{font-size:2.5rem}.post-subtitle{font-size:1.25rem}.post-meta-line{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.post-date-ago{font-size:.8rem}.tag{font-size:.7rem;padding:2px var(--space-xs)}.related-content h3{font-size:1.75rem}.related-card{padding:var(--space-md);transform:none}.related-card:hover{transform:translateY(-2px)}.related-card h4{font-size:2rem}.related-author{font-size:1.125rem}.tag-small{font-size:.6rem;padding:1px calc(var(--space-xs) * .75)}.post-author{font-size:1.125rem}.post-meta,.post-status-rating{flex-direction:column;align-items:flex-start;gap:var(--space-xs)}.post-status{padding:calc(var(--space-xs) * .5) var(--space-sm)}.post-rating,.post-status{font-size:.8rem}.project-card{padding:var(--space-md);transform:none}.project-card:hover{transform:translateY(-2px)}.project-title{font-size:2rem}.project-excerpt{font-size:1.125rem}.project-links{flex-direction:column;align-items:flex-start;gap:var(--space-sm)}.project-link{font-size:.8rem}.project-status,.tech-tag{font-size:.7rem;padding:2px var(--space-xs)}.filter-grid{grid-template-columns:1fr;gap:var(--space-sm)}.note-card{padding:var(--space-md);transform:none}.note-card:hover{transform:translateY(-2px)}.note-content{font-size:1.25rem}.note-header{gap:var(--space-sm)}.note-header,.note-meta{flex-direction:column;align-items:flex-start}.note-meta{gap:var(--space-xs)}.note-icon{font-size:1.5rem}.note-badges{gap:var(--space-xs)}.note-mood-badge,.note-type-badge{font-size:.7rem;padding:2px var(--space-xs)}.related-links{flex-direction:column;gap:var(--space-xs)}.related-link{font-size:.7rem;padding:2px var(--space-xs)}.add-note-button{width:3rem;height:3rem}.add-icon{width:1.25rem;height:1.25rem}}.modal-overlay{position:fixed;inset:0;background:rgba(0,0,0,.5);display:flex;align-items:center;justify-content:center;padding:var(--space-sm);z-index:1000}.modal-content{background:var(--color-bg);border-radius:8px;max-width:32rem;width:100%;max-height:90vh;overflow-y:auto;box-shadow:0 20px 25px -5px rgba(0,0,0,.1),0 10px 10px -5px rgba(0,0,0,.04)}.modal-header{padding:var(--space-md);border-bottom:1px solid var(--color-border);display:flex;justify-content:space-between;align-items:center}.modal-title{font-size:1.5rem;font-weight:600;color:var(--color-text);margin:0}.modal-close-button{background:none;border:none;color:var(--color-muted);cursor:pointer;padding:var(--space-xs);border-radius:4px;transition:var(--transition)}.modal-close-button:hover{color:var(--color-text);background:var(--color-border)}.modal-body{padding:var(--space-md)}.modal-form{gap:var(--space-sm)}.form-group,.modal-form{display:flex;flex-direction:column}.form-group{gap:var(--space-xs)}.form-label{font-family:var(--font-ui);font-size:.875rem;font-weight:500;color:var(--color-text)}.form-input,.form-select,.form-textarea{width:100%;padding:var(--space-sm);border:1px solid var(--color-border);border-radius:4px;font-family:var(--font-body);font-size:1rem;background:var(--color-bg);color:var(--color-text);transition:var(--transition)}.form-input:focus,.form-select:focus,.form-textarea:focus{outline:none;border-color:var(--color-accent-blue);box-shadow:0 0 0 3px rgba(74,111,165,.1)}.form-textarea{resize:vertical;min-height:100px}.form-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-sm);gap:var(--space-sm)}.tag-input-container{position:relative}.tag-list{display:flex;flex-wrap:wrap;gap:var(--space-xs);margin-top:var(--space-xs)}.tag-item{display:inline-flex;align-items:center;gap:var(--space-xs);padding:calc(var(--space-xs) * .5) var(--space-sm);background:var(--color-border);color:var(--color-text);border-radius:9999px;font-size:.875rem;font-family:var(--font-ui)}.tag-remove-button{background:none;border:none;color:var(--color-muted);cursor:pointer;padding:0;font-size:1rem;line-height:1;transition:var(--transition)}.tag-remove-button:hover{color:var(--color-text)}.modal-footer{padding:var(--space-md);border-top:1px solid var(--color-border);display:flex;justify-content:flex-end;gap:var(--space-sm)}.btn{padding:var(--space-sm) var(--space-md);border-radius:4px;font-family:var(--font-ui);font-size:.875rem;font-weight:500;cursor:pointer;transition:var(--transition);border:none}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:1px solid var(--color-border)}.btn-secondary:hover{background:var(--color-border)}.btn-primary{color:white}.btn-primary,.btn-primary:hover{background:var(--color-accent-blue)}.btn-primary:hover{opacity:.9}.btn-primary:disabled{opacity:.5;cursor:not-allowed}@media (max-width:768px){.modal-content{max-width:none;margin:var(--space-sm)}.form-grid{grid-template-columns:1fr}.modal-footer{flex-direction:column}.btn{width:100%}}.life-visualization-container{max-width:800px;margin:0 auto}.birth-date-section{margin-bottom:var(--space-xl);text-align:center}.birth-date-label{display:block;font-size:1.5rem;font-weight:500;margin-bottom:var(--space-md);color:var(--color-text)}.birth-date-input{font-size:1.25rem;padding:var(--space-md);border:2px solid var(--color-border);border-radius:8px;background:var(--color-bg);color:var(--color-text);font-family:var(--font-ui);transition:var(--transition);min-width:200px}.birth-date-input:focus{outline:none;border-color:var(--color-accent-blue);box-shadow:0 0 0 3px rgba(74,111,165,.1)}.life-timeline-section{margin-bottom:var(--space-xl)}.timeline-container{background:var(--color-bg);border-radius:12px;padding:var(--space-lg)}.timeline-header{text-align:center;margin-bottom:var(--space-lg)}.timeline-title{font-size:2.5rem;margin-bottom:var(--space-xs);color:var(--color-text)}.timeline-subtitle{font-size:1.125rem;color:var(--color-muted);margin:0}.timeline-visualization{margin-bottom:var(--space-lg)}.timeline-bar{display:flex;height:60px;border-radius:30px;overflow:hidden;margin-bottom:var(--space-md);box-shadow:inset 0 2px 4px rgba(0,0,0,.1)}.timeline-lived{background:linear-gradient(135deg,var(--color-accent-green),#5a8a4a)}.timeline-lived,.timeline-remaining{display:flex;align-items:center;justify-content:center;transition:var(--transition-slow);position:relative}.timeline-remaining{background:linear-gradient(135deg,var(--color-border),#d0d0d0)}.timeline-label{color:white;font-weight:600;font-size:.875rem;text-transform:uppercase;letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.3)}.timeline-remaining .timeline-label{color:var(--color-text);text-shadow:none}.timeline-stats{display:grid;grid-template-columns:repeat(3,1fr);grid-gap:var(--space-md);gap:var(--space-md);text-align:center}.stat-item{padding:var(--space-md);background:var(--color-paper);border-radius:8px;border:1px solid var(--color-border)}.stat-value{display:block;font-size:2rem;font-weight:600;color:var(--color-accent-blue);margin-bottom:var(--space-xs)}.stat-label{font-size:.875rem;color:var(--color-muted);text-transform:uppercase;letter-spacing:.05em}.life-stats-section{margin-bottom:var(--space-xl)}.stats-title{text-align:center;font-size:2.5rem;margin-bottom:var(--space-lg);color:var(--color-text)}.stats-grid{display:grid;grid-template-columns:1fr 1fr;grid-gap:var(--space-lg);gap:var(--space-lg)}.stats-column{background:var(--color-bg);border-radius:12px;padding:var(--space-lg)}.stats-column-title{text-align:center;font-size:1.5rem;margin-bottom:var(--space-lg);color:var(--color-text);border-bottom:2px solid var(--color-border);padding-bottom:var(--space-sm)}.stat-card{display:flex;justify-content:space-between;align-items:center;padding:var(--space-md);margin-bottom:var(--space-sm);background:var(--color-paper);border-radius:8px;border:1px solid var(--color-border);transition:var(--transition)}.stat-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.1)}.stat-card.remaining{border-left:4px solid var(--color-accent-pink)}.stat-number{font-size:1.5rem;font-weight:600;color:var(--color-text)}.stat-unit{font-size:1rem;color:var(--color-muted);font-weight:500}.reflection-section{background:var(--color-paper);border-radius:12px;padding:var(--space-lg);margin-bottom:var(--space-xl)}.reflection-title{text-align:center;font-size:2rem;margin-bottom:var(--space-lg);color:var(--color-text)}.reflection-content{max-width:600px;margin:0 auto}.reflection-text{font-size:1.25rem;line-height:1.6;margin-bottom:var(--space-md);color:var(--color-text)}.reflection-text strong{color:var(--color-accent-blue);font-weight:600}.instructions-section{margin-top:var(--space-xl)}.instructions-card{background:var(--color-bg);border-radius:12px;padding:var(--space-lg);text-align:center}.instructions-title{font-size:2rem;margin-bottom:var(--space-md);color:var(--color-text)}.instructions-text{font-size:1.125rem;line-height:1.6;color:var(--color-muted);margin-bottom:var(--space-md)}.instructions-text:last-child{margin-bottom:0}@media (max-width:768px){.life-visualization-container{padding:0 var(--space-sm)}.timeline-container{padding:var(--space-md)}.timeline-title{font-size:2rem}.timeline-bar{height:50px}.timeline-stats{grid-template-columns:1fr;gap:var(--space-sm)}.stats-grid{grid-template-columns:1fr;gap:var(--space-md)}.stats-title{font-size:2rem}.reflection-title{font-size:1.75rem}.reflection-text{font-size:1.125rem}.instructions-title{font-size:1.75rem}.instructions-text{font-size:1rem}.stat-value{font-size:1.5rem}.stat-number{font-size:1.25rem}}.dot-visualizations-section{margin-bottom:var(--space-xl);width:100vw;margin-left:calc(-50vw + 50%);background:var(--color-paper);padding:var(--space-xl) 0}.dot-visualizations-container{max-width:1200px;margin:0 auto;padding:0 var(--space-lg)}.dot-visualizations-title{text-align:center;font-size:2.5rem;margin-bottom:var(--space-lg);color:var(--color-text)}.dot-visualization{background:var(--color-bg);border-radius:12px;padding:var(--space-lg);margin-bottom:var(--space-lg)}.dot-visualization-title{text-align:center;font-size:1.5rem;margin-bottom:var(--space-md);color:var(--color-text);border-bottom:1px solid var(--color-border);padding-bottom:var(--space-sm)}.dot-grid{display:grid;grid-gap:4px;gap:4px;margin-bottom:var(--space-md);justify-content:center}.years-grid{grid-template-columns:repeat(auto-fit,minmax(20px,1fr))}.months-grid{grid-template-columns:repeat(auto-fit,minmax(12px,1fr))}.weeks-grid{grid-template-columns:repeat(auto-fit,minmax(8px,1fr))}.days-grid{grid-template-columns:repeat(auto-fit,minmax(6px,1fr));max-width:1200px;margin-left:auto;margin-right:auto}.dot{width:100%;aspect-ratio:1;border-radius:50%;transition:var(--transition);cursor:pointer;position:relative}.dot:hover{transform:scale(1.2);z-index:10}.dot-lived{background:linear-gradient(135deg,var(--color-accent-green),#5a8a4a);box-shadow:0 1px 3px rgba(0,0,0,.2)}.dot-remaining{background:linear-gradient(135deg,var(--color-border),#d0d0d0);box-shadow:0 1px 2px rgba(0,0,0,.1)}.dot-legend{display:flex;justify-content:center;gap:var(--space-lg);flex-wrap:wrap}.legend-item{display:flex;align-items:center;gap:var(--space-xs)}.legend-dot{width:16px;height:16px;border-radius:50%;flex-shrink:0}.legend-text{font-size:.875rem;color:var(--color-text);font-weight:500}.dot-note{text-align:center;font-size:.875rem;color:var(--color-muted);font-style:italic;margin-top:var(--space-sm)}@media (max-width:768px){.dot-visualizations-title{font-size:2rem}.dot-visualization-title{font-size:1.25rem}.years-grid{grid-template-columns:repeat(auto-fit,minmax(16px,1fr));gap:3px}.months-grid{grid-template-columns:repeat(auto-fit,minmax(10px,1fr));gap:2px}.weeks-grid{grid-template-columns:repeat(auto-fit,minmax(6px,1fr));gap:2px}.days-grid{grid-template-columns:repeat(auto-fit,minmax(4px,1fr));gap:1px}.dot-legend{flex-direction:column;gap:var(--space-sm);align-items:center}.legend-item{font-size:.75rem}.legend-dot{width:12px;height:12px}}