:root{--watercolor-blue:rgba(180,210,240,0.25);--watercolor-pink:rgba(245,200,215,0.2);--watercolor-orange:rgba(245,220,195,0.2);--watercolor-green:rgba(200,230,210,0.2);--watercolor-purple:rgba(215,200,235,0.2);--watercolor-yellow:rgba(245,235,200,0.2);--paper-cream:#f8f5f0;--paper-white:#fdfcfa;--text-dark:#4a5a6a;--text-light:#6a7a8a;--text-muted:#8a9aa8;--spacing-xs:0.25rem;--spacing-sm:0.5rem;--spacing-md:1rem;--spacing-lg:2rem;--spacing-xl:4rem;--font-sans:"Zen Kaku Gothic New","Hiragino Kaku Gothic ProN","Noto Sans JP",sans-serif;--font-serif:"Shippori Mincho","Hiragino Mincho ProN","Noto Serif JP",serif;--font-display:"Zen Old Mincho","Shippori Mincho",serif;--font-mono:"JetBrains Mono","Fira Code",monospace;--transition-fast:0.15s ease;--transition-normal:0.3s ease;--transition-slow:0.5s ease;--radius-sm:4px;--radius-md:8px;--radius-lg:16px;--glass-bg:rgba(255,255,255,0.35);--glass-bg-hover:rgba(255,255,255,0.45);--glass-border:rgba(255,255,255,0.3);--glass-blur:24px;--glass-shadow:0 4px 24px rgba(100,130,180,0.08);--glass-shadow-hover:0 8px 32px rgba(100,130,180,0.12);--vh:1vh;--vw:1vw}*,:after,:before{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;height:100%;height:-webkit-fill-available}body,html{width:100%}body{font-family:var(--font-sans);color:var(--text-dark);background-color:var(--paper-cream);line-height:1.7;min-height:100vh;min-height:100dvh;min-height:-webkit-fill-available;overflow-x:hidden;position:relative}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:400;line-height:1.4;letter-spacing:.04em}h1{font-size:2.5rem;font-weight:400;letter-spacing:.08em}h2{font-size:1.8rem;letter-spacing:.05em}h3{font-size:1.4rem;font-family:var(--font-serif)}p{margin-bottom:var(--spacing-md)}a{color:inherit;text-decoration:none;transition:opacity var(--transition-fast)}a:hover{opacity:.7}.watercolor-filters{position:absolute;width:0;height:0;overflow:hidden}.container{max-width:900px;margin:0 auto;padding:0 var(--spacing-lg)}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.markdown-content{font-family:var(--font-serif);font-size:1.1rem;line-height:1.9;overflow-wrap:break-word;word-wrap:break-word}.markdown-content a:not(.link-card){color:#5a8abf;text-decoration:underline;text-decoration-color:rgba(90,138,191,.3);text-underline-offset:2px;transition:color var(--transition-fast),text-decoration-color var(--transition-fast)}.markdown-content a:not(.link-card):hover{color:#4a7aaf;text-decoration-color:rgba(90,138,191,.6);opacity:1}.markdown-content h1,.markdown-content h2,.markdown-content h3{margin-top:var(--spacing-xl);margin-bottom:var(--spacing-md)}.markdown-content h1{font-size:1.8rem}.markdown-content h2{font-size:1.5rem}.markdown-content h3{font-size:1.2rem}@media (max-width:768px){.markdown-content{font-size:1rem;font-weight:500}.markdown-content h1{font-size:1.2rem;font-weight:700}.markdown-content h2{font-size:1.1rem;font-weight:700}.markdown-content h3{font-size:1rem;font-weight:700}}.markdown-content p{margin-bottom:var(--spacing-lg)}.markdown-content ol,.markdown-content ul{margin-bottom:var(--spacing-lg);padding-left:var(--spacing-lg)}.markdown-content li{margin-bottom:var(--spacing-sm)}.markdown-content blockquote{border-left:3px solid var(--watercolor-blue);padding-left:var(--spacing-lg);margin:var(--spacing-lg) 0;font-style:italic;color:var(--text-light);background:linear-gradient(90deg,rgba(100,180,255,.1),transparent)}.markdown-content code{font-family:var(--font-mono);background-color:rgba(0,0,0,.05);padding:.2em .4em;border-radius:var(--radius-sm);font-size:.9em}.markdown-content pre{background-color:#3a4a5a;color:#f8f8f2;padding:var(--spacing-lg);border-radius:var(--radius-md);overflow-x:auto;margin:var(--spacing-lg) 0}.markdown-content pre code{background:none;padding:0;color:inherit}.markdown-content img{max-width:100%;height:auto;border-radius:var(--radius-md);margin:var(--spacing-lg) 0}.markdown-content hr{border:none;height:1px;background:linear-gradient(90deg,transparent,var(--watercolor-pink),var(--watercolor-blue),transparent);margin:var(--spacing-xl) 0}::selection{background-color:var(--watercolor-blue);color:var(--text-dark)}@view-transition{navigation:auto}::view-transition-old(root){animation:watercolor-fade-out .4s ease-out forwards}::view-transition-new(root){animation:watercolor-fade-in .4s ease-out forwards}::view-transition-old(post-title-*){animation:watercolor-blur-out .3s ease-out forwards}::view-transition-new(post-title-*){animation:watercolor-blur-in .4s ease-out .1s forwards}@keyframes watercolor-fade-out{0%{opacity:1;filter:blur(0)}to{opacity:0;filter:blur(8px)}}@keyframes watercolor-fade-in{0%{opacity:0;filter:blur(8px)}to{opacity:1;filter:blur(0)}}@keyframes watercolor-blur-out{0%{opacity:1;filter:blur(0);transform:scale(1)}to{opacity:.5;filter:blur(4px);transform:scale(1.05)}}@keyframes watercolor-blur-in{0%{opacity:0;filter:blur(10px);transform:scale(.95)}to{opacity:1;filter:blur(0);transform:scale(1)}}.hljs{background:rgba(58,74,90,.95);color:#e8e8e8;padding:var(--spacing-lg);border-radius:var(--radius-md);overflow-x:auto;font-family:var(--font-mono);font-size:.9rem;line-height:1.6}.hljs-comment,.hljs-quote{color:#8a9ba8;font-style:italic}.hljs-addition,.hljs-keyword,.hljs-selector-tag{color:#7ec8e3}.hljs-doctag,.hljs-regexp,.hljs-string{color:#f0b4c4}.hljs-bullet,.hljs-literal,.hljs-number{color:#f5d0a9}.hljs-attribute,.hljs-template-variable,.hljs-variable{color:#a8e6cf}.hljs-function,.hljs-section,.hljs-title{color:#d4c5f9}.hljs-built_in,.hljs-class .hljs-title,.hljs-type{color:#ffe5a0}.hljs-name,.hljs-tag{color:#7ec8e3}.hljs-operator,.hljs-punctuation{color:#c0c5ce}.hljs-meta,.hljs-preprocessor{color:#8fa1b3}.hljs-link{color:#7ec8e3;text-decoration:underline}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-deletion{color:#f0a0a0;background-color:rgba(240,160,160,.1)}.hljs-addition{background-color:rgba(168,230,207,.1)}.link-card{display:flex;flex-direction:row;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm);border:1px solid var(--glass-border);border-radius:var(--radius-md);overflow:hidden;background:var(--glass-bg);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));text-decoration:none;color:inherit;margin:var(--spacing-lg) 0;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}.link-card:hover{transform:translateY(-2px);box-shadow:0 8px 25px rgba(0,0,0,.1);opacity:1}.link-card-image{flex-shrink:0;height:80px;overflow:hidden;background:rgba(0,0,0,.05);border-radius:var(--radius-sm)}.link-card-image img{height:100%;width:auto;margin:0;border-radius:0}.link-card-content{flex:1 1;display:flex;flex-direction:column;justify-content:center;min-width:0;overflow:hidden;gap:var(--spacing-xs)}.link-card-title{font-family:var(--font-serif);font-size:1rem;font-weight:500;color:var(--text-dark);line-height:1.4;-webkit-line-clamp:2;margin-bottom:var(--spacing-xs)}.link-card-description,.link-card-title{display:-webkit-box;-webkit-box-orient:vertical;overflow:hidden}.link-card-description{font-size:.85rem;color:var(--text-muted);line-height:1.5;-webkit-line-clamp:3;flex:1 1}.link-card-url{display:flex;align-items:center;gap:4px;font-size:.65rem;line-height:1;color:var(--text-muted);opacity:.8}.link-card-favicon{width:16px;height:16px;margin:0!important;padding:0;display:block}@media (max-width:768px){.link-card{flex-direction:column;max-height:none}.link-card-image{width:100%;height:160px}.link-card-content{padding:var(--spacing-sm)}.link-card-title{font-size:.95rem}.link-card-description{font-size:.8rem;-webkit-line-clamp:3}}