*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth}body{min-height:100vh;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:1rem;line-height:1.6;color:#262626;background-color:#fff;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}h1,h2,h3,h4,h5,h6{font-weight:600;line-height:1.3;color:#000;margin-bottom:1rem}h1{font-size:2.5rem}h2{font-size:2rem}h3{font-size:1.5rem}h4{font-size:1.25rem}h5{font-size:1.125rem}h6{font-size:1rem}p{margin-bottom:1rem;color:#404040}ul,ol{margin-bottom:1rem;padding-left:1.5rem}li{margin-bottom:.25rem}hr{border:none;border-top:1px solid #e5e5e5;margin:2rem 0}code{background:#f5f5f5;padding:.125rem .25rem;border-radius:2px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.875rem}pre{background:#f5f5f5;padding:1rem;border-radius:4px;overflow-x:auto;margin-bottom:1rem}pre code{background:none;padding:0}blockquote{border-left:2px solid #d4d4d4;padding-left:1rem;margin:1rem 0;font-style:italic;color:#525252}:root{--color-black: #000000;--color-white: #ffffff;--color-gray-100: #f5f5f5;--color-gray-200: #e5e5e5;--color-gray-300: #d4d4d4;--color-gray-400: #a3a3a3;--color-gray-500: #737373;--color-gray-600: #525252;--color-gray-700: #404040;--color-gray-800: #262626;--color-gray-900: #171717;--border-thin: 1px solid var(--color-gray-200);--border-medium: 2px solid var(--color-gray-300);--spacing-xs: .5rem;--spacing-sm: 1rem;--spacing-md: 1.5rem;--spacing-lg: 2rem;--spacing-xl: 3rem;--spacing-2xl: 4rem}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--color-gray-800);background-color:var(--color-white)}#app{min-height:100vh;display:flex;flex-direction:column}a{color:var(--color-black);text-decoration:none;border-bottom:1px solid transparent;transition:border-bottom-color .2s ease}a:hover{border-bottom-color:var(--color-gray-400)}.btn{display:inline-block;padding:var(--spacing-xs) var(--spacing-md);border:var(--border-thin);background:var(--color-white);color:var(--color-black);text-decoration:none;transition:all .2s ease;cursor:pointer;font-size:.9rem}.btn:hover{background:var(--color-gray-100);border-color:var(--color-gray-400)}input,textarea{border:var(--border-thin);padding:var(--spacing-xs);font-family:inherit;font-size:.9rem;background:var(--color-white);color:var(--color-black)}input:focus,textarea:focus{outline:none;border-color:var(--color-gray-400)}@media (max-width: 768px){:root{--spacing-sm: .75rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 2.5rem}}.header[data-v-47bba46f]{border-bottom:var(--border-thin);background:var(--color-white);position:sticky;top:0;z-index:100}.header-container[data-v-47bba46f]{max-width:800px;margin:0 auto;padding:var(--spacing-md) var(--spacing-lg);display:flex;justify-content:space-between;align-items:center}.logo h1[data-v-47bba46f]{font-size:1.5rem;font-weight:600;margin:0;color:var(--color-black)}.logo-link[data-v-47bba46f]{text-decoration:none;border:none}.logo-link[data-v-47bba46f]:hover{border:none}.nav[data-v-47bba46f]{display:flex;gap:var(--spacing-lg)}.nav-link[data-v-47bba46f]{font-size:.9rem;font-weight:500;color:var(--color-gray-600);text-decoration:none;border:none;transition:color .2s ease}.nav-link[data-v-47bba46f]:hover{color:var(--color-black);border:none}.nav-link.router-link-active[data-v-47bba46f]{color:var(--color-black)}@media (max-width: 768px){.header-container[data-v-47bba46f]{padding:var(--spacing-md);flex-direction:column;gap:var(--spacing-md)}.logo h1[data-v-47bba46f]{font-size:1.25rem}.nav[data-v-47bba46f]{gap:var(--spacing-md)}.nav-link[data-v-47bba46f]{font-size:.85rem}}@media (max-width: 480px){.header-container[data-v-47bba46f]{padding:var(--spacing-sm)}.nav[data-v-47bba46f]{gap:var(--spacing-sm)}}.footer[data-v-fb1c230b]{border-top:var(--border-thin);background:var(--color-white);margin-top:auto}.footer-container[data-v-fb1c230b]{max-width:800px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg)}.footer-content[data-v-fb1c230b]{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:var(--spacing-md)}.copyright[data-v-fb1c230b]{font-size:.875rem;color:var(--color-gray-500);margin:0}.footer-links[data-v-fb1c230b]{display:flex;gap:var(--spacing-md)}.footer-link[data-v-fb1c230b]{font-size:.875rem;color:var(--color-gray-600);text-decoration:none;border:none;transition:color .2s ease}.footer-link[data-v-fb1c230b]:hover{color:var(--color-black);border:none}@media (max-width: 768px){.footer-container[data-v-fb1c230b]{padding:var(--spacing-lg) var(--spacing-md)}.footer-content[data-v-fb1c230b]{flex-direction:column;text-align:center;gap:var(--spacing-sm)}.footer-links[data-v-fb1c230b]{gap:var(--spacing-sm)}}@media (max-width: 480px){.footer-container[data-v-fb1c230b]{padding:var(--spacing-md) var(--spacing-sm)}.copyright[data-v-fb1c230b],.footer-link[data-v-fb1c230b]{font-size:.8rem}}.loading-overlay[data-v-f091eaee]{position:fixed;top:0;left:0;width:100%;height:100%;background:var(--color-white);display:flex;justify-content:center;align-items:center;z-index:9999;animation:fadeOut-f091eaee .5s ease-in-out 2s forwards}.loading-container[data-v-f091eaee]{display:flex;flex-direction:column;align-items:center;gap:var(--spacing-lg)}.loading-dots[data-v-f091eaee]{display:flex;gap:var(--spacing-xs)}.dot[data-v-f091eaee]{width:8px;height:8px;background:var(--color-black);border-radius:50%;animation:bounce-f091eaee 1.4s ease-in-out infinite both}.loading-text[data-v-f091eaee]{font-size:1.5rem;font-weight:600;color:var(--color-black);letter-spacing:.1em}.loading-text span[data-v-f091eaee]{display:inline-block;animation:fadeInUp-f091eaee .6s ease-out forwards;opacity:0;transform:translateY(20px)}@keyframes bounce-f091eaee{0%,80%,to{transform:scale(0);opacity:.5}40%{transform:scale(1);opacity:1}}@keyframes fadeInUp-f091eaee{to{opacity:1;transform:translateY(0)}}@keyframes fadeOut-f091eaee{to{opacity:0;visibility:hidden}}@media (max-width: 768px){.loading-text[data-v-f091eaee]{font-size:1.25rem}.dot[data-v-f091eaee]{width:6px;height:6px}}.mouse-follower[data-v-9ab803e0]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9998}.cursor-main[data-v-9ab803e0]{position:fixed;width:8px;height:8px;background:var(--color-black);border-radius:50%;transform-origin:center;transition:transform .1s ease-out;z-index:9999;margin-left:-4px;margin-top:-4px}.cursor-follower[data-v-9ab803e0]{position:fixed;width:32px;height:32px;border:1px solid var(--color-gray-400);border-radius:50%;transform-origin:center;margin-left:-16px;margin-top:-16px;transition:opacity .3s ease}.particle[data-v-9ab803e0]{position:fixed;width:4px;height:4px;background:var(--color-gray-500);border-radius:50%;pointer-events:none;transform-origin:center}.cursor-main[data-v-9ab803e0]:hover{transform:scale(1.5)}@media (max-width: 768px){.mouse-follower[data-v-9ab803e0]{display:none}}@media (hover: none){.mouse-follower[data-v-9ab803e0]{display:none}}.screensaver[data-v-b96fdc55]{position:fixed;top:0;left:0;width:100%;height:100%;background:linear-gradient(135deg,#f5f5f5,#e5e5e5);z-index:10000;cursor:pointer;overflow:hidden}.screensaver-content[data-v-b96fdc55]{position:relative;width:100%;height:100%;display:flex;justify-content:center;align-items:center}.geometric-shapes[data-v-b96fdc55]{position:absolute;top:0;left:0;width:100%;height:100%}.shape[data-v-b96fdc55]{position:absolute;animation:float-b96fdc55 infinite ease-in-out}.shape.circle[data-v-b96fdc55]{width:60px;height:60px;background:#0000001a;border-radius:50%}.shape.square[data-v-b96fdc55]{width:50px;height:50px;background:#00000014;transform:rotate(45deg)}.shape.triangle[data-v-b96fdc55]{width:0;height:0;border-left:25px solid transparent;border-right:25px solid transparent;border-bottom:43px solid rgba(0,0,0,.06)}.screensaver-text[data-v-b96fdc55]{text-align:center;z-index:2}.title[data-v-b96fdc55]{font-size:4rem;font-weight:300;color:var(--color-black);margin-bottom:var(--spacing-lg);animation:pulse-b96fdc55 3s ease-in-out infinite}.subtitle[data-v-b96fdc55]{font-size:2rem;color:var(--color-gray-600);margin-bottom:var(--spacing-xl);font-weight:300;font-family:Monaco,Menlo,monospace}.hint[data-v-b96fdc55]{font-size:1rem;color:var(--color-gray-500);animation:fadeInOut-b96fdc55 2s ease-in-out infinite}.ripples[data-v-b96fdc55]{position:absolute;top:0;left:0;width:100%;height:100%}.ripple[data-v-b96fdc55]{position:absolute;width:200px;height:200px;border:1px solid rgba(0,0,0,.1);border-radius:50%;animation:ripple-b96fdc55 4s ease-out infinite;transform:translate(-50%,-50%)}@keyframes float-b96fdc55{0%,to{transform:translateY(0) rotate(0);opacity:.3}50%{transform:translateY(-20px) rotate(180deg);opacity:.8}}@keyframes pulse-b96fdc55{0%,to{opacity:.8;transform:scale(1)}50%{opacity:1;transform:scale(1.05)}}@keyframes fadeInOut-b96fdc55{0%,to{opacity:.5}50%{opacity:1}}@keyframes ripple-b96fdc55{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:0}}@media (max-width: 768px){.title[data-v-b96fdc55]{font-size:2.5rem}.subtitle[data-v-b96fdc55]{font-size:1.5rem}.hint[data-v-b96fdc55]{font-size:.9rem}.shape.circle[data-v-b96fdc55]{width:40px;height:40px}.shape.square[data-v-b96fdc55]{width:35px;height:35px}.shape.triangle[data-v-b96fdc55]{border-left-width:18px;border-right-width:18px;border-bottom-width:31px}}.parallax-container[data-v-bcb91dc2]{position:relative;min-height:100vh}.parallax-bg[data-v-bcb91dc2]{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:-1}.bg-element[data-v-bcb91dc2]{position:absolute;pointer-events:none;transition:opacity .3s ease}.bg-element.dot[data-v-bcb91dc2]{width:4px;height:4px;background:var(--color-gray-400);border-radius:50%}.bg-element.line[data-v-bcb91dc2]{width:1px;height:30px;background:var(--color-gray-300)}.bg-element.circle[data-v-bcb91dc2]{width:20px;height:20px;border:1px solid var(--color-gray-300);border-radius:50%}.parallax-content[data-v-bcb91dc2]{position:relative;z-index:1}.scroll-indicator[data-v-bcb91dc2]{position:fixed;top:0;right:0;width:3px;height:100vh;background:#0000001a;z-index:100;transition:opacity .3s ease}.scroll-progress[data-v-bcb91dc2]{width:100%;background:var(--color-black);transition:height .1s ease}[data-v-bcb91dc2] .parallax-item{transition:transform .1s ease,opacity .3s ease}@media (max-width: 768px){.bg-element.line[data-v-bcb91dc2]{height:20px}.bg-element.circle[data-v-bcb91dc2]{width:15px;height:15px}.scroll-indicator[data-v-bcb91dc2]{width:2px}}@media (prefers-reduced-motion: reduce){.bg-element[data-v-bcb91dc2],[data-v-bcb91dc2] .parallax-item{transition:none;transform:none!important}.parallax-bg[data-v-bcb91dc2]{display:none}}.page-initial-enter-active[data-v-d222136b]{animation:pageInitial-d222136b .6s ease-out}@keyframes pageInitial-d222136b{0%{opacity:0;transform:translateY(30px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.page-fade-enter-active[data-v-d222136b],.page-fade-leave-active[data-v-d222136b]{transition:opacity .3s ease-in-out}.page-fade-enter-from[data-v-d222136b],.page-fade-leave-to[data-v-d222136b]{opacity:0}.page-slide-left-enter-active[data-v-d222136b],.page-slide-left-leave-active[data-v-d222136b]{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.page-slide-left-enter-from[data-v-d222136b]{opacity:0;transform:translate(50px)}.page-slide-left-leave-to[data-v-d222136b]{opacity:0;transform:translate(-50px)}.page-slide-right-enter-active[data-v-d222136b],.page-slide-right-leave-active[data-v-d222136b]{transition:all .4s cubic-bezier(.25,.46,.45,.94)}.page-slide-right-enter-from[data-v-d222136b]{opacity:0;transform:translate(-50px)}.page-slide-right-leave-to[data-v-d222136b]{opacity:0;transform:translate(50px)}.page-enter-active[data-v-d222136b]{animation:pageEnter-d222136b .5s ease-out}.page-leave-active[data-v-d222136b]{animation:pageLeave-d222136b .3s ease-in}@keyframes pageEnter-d222136b{0%{opacity:0;transform:translateY(20px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes pageLeave-d222136b{0%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(.98)}}@media (max-width: 768px){.page-slide-left-enter-from[data-v-d222136b],.page-slide-left-leave-to[data-v-d222136b],.page-slide-right-enter-from[data-v-d222136b],.page-slide-right-leave-to[data-v-d222136b]{transform:translate(0)}.page-slide-left-enter-active[data-v-d222136b],.page-slide-left-leave-active[data-v-d222136b],.page-slide-right-enter-active[data-v-d222136b],.page-slide-right-leave-active[data-v-d222136b]{transition:opacity .3s ease-in-out}}@media (prefers-reduced-motion: reduce){.page-initial-enter-active[data-v-d222136b],.page-fade-enter-active[data-v-d222136b],.page-fade-leave-active[data-v-d222136b],.page-slide-left-enter-active[data-v-d222136b],.page-slide-left-leave-active[data-v-d222136b],.page-slide-right-enter-active[data-v-d222136b],.page-slide-right-leave-active[data-v-d222136b],.page-enter-active[data-v-d222136b],.page-leave-active[data-v-d222136b]{transition:opacity .1s ease;animation:none}.page-initial-enter-active[data-v-d222136b]{animation:none}}#app[data-v-50f36b0d]{min-height:100vh;display:flex;flex-direction:column}.main-content[data-v-50f36b0d]{flex:1;max-width:800px;margin:0 auto;padding:var(--spacing-xl) var(--spacing-lg);width:100%}@media (max-width: 768px){.main-content[data-v-50f36b0d]{padding:var(--spacing-lg) var(--spacing-md)}}.post-card[data-v-43297a51]{padding:var(--spacing-xl) 0;border-bottom:var(--border-thin);transition:all .2s ease}.post-card[data-v-43297a51]:last-child{border-bottom:none}.post-meta[data-v-43297a51]{display:flex;gap:var(--spacing-md);margin-bottom:var(--spacing-sm);font-size:.875rem;color:var(--color-gray-500)}.post-date[data-v-43297a51]{font-weight:500}.post-read-time[data-v-43297a51]{color:var(--color-gray-400)}.post-title[data-v-43297a51]{margin-bottom:var(--spacing-md);font-size:1.5rem;font-weight:600;line-height:1.3}.post-link[data-v-43297a51]{color:var(--color-black);text-decoration:none;border:none;transition:color .2s ease}.post-link[data-v-43297a51]:hover{color:var(--color-gray-600);border:none}.post-excerpt[data-v-43297a51]{margin-bottom:var(--spacing-md);color:var(--color-gray-600);line-height:1.6}.post-tags[data-v-43297a51]{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.post-tag[data-v-43297a51]{display:inline-block;padding:.25rem .5rem;background:var(--color-gray-100);color:var(--color-gray-600);font-size:.75rem;border-radius:2px;font-weight:500}@media (max-width: 768px){.post-card[data-v-43297a51]{padding:var(--spacing-lg) 0}.post-title[data-v-43297a51]{font-size:1.25rem}.post-meta[data-v-43297a51]{flex-direction:column;gap:var(--spacing-xs)}}.typewriter-text[data-v-4838dc56]{display:inline-block}.typed-text[data-v-4838dc56]{display:inline}.cursor[data-v-4838dc56]{display:inline-block;color:var(--color-black);animation:blink-4838dc56 1s infinite;margin-left:2px}.cursor.blinking[data-v-4838dc56]{animation:blink-4838dc56 1s infinite}@keyframes blink-4838dc56{0%,50%{opacity:1}51%,to{opacity:0}}.typewriter-text.title[data-v-4838dc56]{font-weight:600;color:var(--color-black)}.typewriter-text.subtitle[data-v-4838dc56]{color:var(--color-gray-600);font-weight:400}.typewriter-text.accent[data-v-4838dc56]{color:var(--color-black);font-weight:500}@media (max-width: 768px){.cursor[data-v-4838dc56]{margin-left:1px}}.home[data-v-9ba945df]{max-width:100%}.home-header[data-v-9ba945df]{margin-bottom:var(--spacing-2xl);text-align:center;padding:var(--spacing-xl) 0;border-bottom:var(--border-thin)}.home-title[data-v-9ba945df]{font-size:2.5rem;font-weight:600;margin-bottom:var(--spacing-sm);color:var(--color-black)}.home-subtitle[data-v-9ba945df]{font-size:1.125rem;color:var(--color-gray-600);margin:0}.posts-section[data-v-9ba945df]{margin-top:var(--spacing-xl)}.posts-list[data-v-9ba945df]{display:flex;flex-direction:column}.post-item[data-v-9ba945df]{animation:slideInUp-9ba945df .6s ease-out forwards;opacity:0;transform:translateY(30px)}.empty-state[data-v-9ba945df]{text-align:center;padding:var(--spacing-2xl) 0;color:var(--color-gray-500)}@keyframes slideInUp-9ba945df{to{opacity:1;transform:translateY(0)}}.post-item[data-v-9ba945df]:hover{transform:translateY(-5px);transition:transform .3s ease}@media (max-width: 768px){.home-header[data-v-9ba945df]{padding:var(--spacing-lg) 0;margin-bottom:var(--spacing-xl)}.home-title[data-v-9ba945df]{font-size:2rem}.home-subtitle[data-v-9ba945df]{font-size:1rem}}@media (max-width: 480px){.home-title[data-v-9ba945df]{font-size:1.75rem}.home-subtitle[data-v-9ba945df]{font-size:.9rem}}