:root{--bg-color: #ffffff;--bg-card: #ffffff;--bg-card-hover: #fcfcfc;--border-color: #cccccc;--text-main: #1a1a1a;--text-muted: #4b4b4b;--accent-color: #000000;--gradient-start: #333;--gradient-end: #666;--header-bg: rgba(255, 255, 255, .95);--shadow-card: rgba(0, 0, 0, .1);--font-main: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--font-serif: "Georgia", "Times New Roman", Times, serif}[data-theme=dark]{--bg-color: #0d0e12;--bg-card: #16181d;--bg-card-hover: #1e2026;--border-color: #2a2d35;--text-main: #ededed;--text-muted: #8a8f98;--accent-color: #5e6ad2;--gradient-start: #a371f7;--gradient-end: #5e6ad2;--header-bg: rgba(13, 14, 18, .9);--shadow-card: rgba(0, 0, 0, .3)}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-main);background-color:var(--bg-color);color:var(--text-main);line-height:1.6;-webkit-font-smoothing:antialiased;transition:background-color .3s,color .3s}a{text-decoration:none;color:inherit;transition:color .2s}a:hover{color:var(--accent-color);text-decoration:underline}[data-theme=dark] a:hover{color:#8ab4f8;text-decoration:none}.navbar{display:flex;justify-content:space-between;align-items:center;padding:1.5rem 2rem;max-width:1200px;margin:0 auto;position:sticky;top:0;background-color:var(--header-bg);backdrop-filter:blur(10px);z-index:100;border-bottom:1px solid transparent}:root:not([data-theme=dark]) .navbar{border-bottom:1px solid var(--border-color)}.navbar .logo{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1.5rem;font-family:var(--font-serif);color:var(--text-main);text-decoration:none}.navbar .logo:hover{text-decoration:none;color:var(--text-main)}.tab-nav{display:flex;gap:2rem}.tab-btn{background:transparent;border:none;color:var(--text-muted);font-size:1rem;font-weight:600;cursor:pointer;padding:.5rem 0;position:relative;transition:color .2s;font-family:var(--font-main)}.tab-btn:hover,.tab-btn.active{color:var(--text-main)}.tab-btn:after{content:"";position:absolute;bottom:-2px;left:0;width:100%;height:2px;background:#444;transform:scaleX(0);transform-origin:right;transition:transform .3s ease}.tab-btn.active:after{transform:scaleX(1);transform-origin:left}.header-right{display:flex;align-items:center;gap:20px}.social-links{display:flex;gap:15px;align-items:center}.social-links img{width:20px;height:20px;transition:opacity .2s}[data-theme=dark] .social-links img:not(.no-invert){filter:invert(1)}.social-links img.no-invert{filter:none!important}[data-theme=dark] .social-links img[alt=Note]{background-color:#fff;border-radius:2px}.social-links a:hover{opacity:.7;text-decoration:none}.theme-btn{background:transparent;border:1px solid var(--border-color);color:var(--text-main);padding:.4rem .8rem;border-radius:6px;cursor:pointer;font-size:.9rem;transition:all .2s}.theme-btn:hover{background:var(--bg-card-hover)}.container{max-width:1000px;margin:3rem auto;padding:0 1rem 4rem;min-height:60vh}.tab-pane{display:none}.tab-pane.active{display:block}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:1.5rem}.card{background-color:var(--bg-card);border:1px solid var(--border-color);border-radius:8px;padding:1.5rem;box-shadow:0 2px 4px var(--shadow-card)}.card:hover{background-color:var(--bg-card-hover)}.card h3{font-size:1.25rem;margin-bottom:.75rem;color:var(--text-main);font-family:var(--font-serif);font-weight:600}.card p{font-size:.95rem;color:var(--text-muted)}.repo-card h3{margin-bottom:.5rem}.repo-card .links{margin-bottom:1rem;display:flex;flex-wrap:wrap;gap:8px}.repo-card .links a{font-size:.8rem;padding:4px 8px;background:#0000000d;color:inherit;border:2px solid #00a497;border-radius:4px;text-decoration:none}.repo-card .links a:hover{background:#0000001a;text-decoration:none}[data-theme=dark] .repo-card .links a{background:#ffffff1a;color:inherit}[data-theme=dark] .repo-card .links a{background:#ffffff1a}.repo-card .links a:hover{background:#0000001a}[data-theme=dark] .repo-card .links a:hover{background:#fff3}.list{display:flex;flex-direction:column;gap:1rem}.article-card{display:block;cursor:pointer}.article-card:hover{text-decoration:none}.article-card .tag{display:inline-block;font-size:.75rem;padding:2px 8px;border-radius:4px;margin-bottom:.5rem;font-weight:600}.article-card .tag.zenn{background-color:#3ea8ff1a;color:#3ea8ff}.article-card .tag.note{background-color:#2cb6961a;color:#2cb696}.about-card{max-width:800px;margin:0 auto 2rem;padding:2rem}.about-card:last-child{margin-bottom:0}.about-card h2{font-size:2.5rem;margin-bottom:1.5rem;color:var(--text-main);font-family:var(--font-serif)}.about-card h3{margin-top:2rem}blockquote{border-left:4px solid var(--border-color);margin:1.5rem 0;color:var(--text-muted);font-style:italic;background:#00000005;padding:1rem;border-radius:0 4px 4px 0}blockquote cite{display:block;margin-top:.5rem;font-size:.85rem;font-style:normal;text-align:right}blockquote cite a{color:var(--accent-color);text-decoration:underline}[data-theme=dark] blockquote{background:#ffffff0d}.empty-state{text-align:center;padding:3rem;border-style:dashed}footer{text-align:center;padding:3rem 1rem;color:var(--text-muted);font-size:.9rem;border-top:1px solid var(--border-color);margin-top:auto}.source-link{display:inline-block;margin-top:.5rem;font-size:.8rem;text-decoration:underline;color:var(--text-muted)}.source-link:hover{color:var(--text-main)}@media(max-width:768px){.navbar{flex-direction:column;gap:1rem;padding:1rem}.tab-nav{width:100%;justify-content:center;gap:1rem}.header-right{width:100%;justify-content:center;margin-top:.5rem}.grid{grid-template-columns:1fr}}.footnotes-sep{margin-top:3rem;border-top:1px solid var(--border-color);opacity:.5}.footnotes{margin-top:1rem;font-size:.85rem;color:var(--text-muted);line-height:1.1}.footnotes ol{margin-left:1.5rem;margin-bottom:0}.footnotes li{margin-bottom:.1rem}.footnote-ref{text-decoration:none;margin-left:2px;color:var(--accent-color);font-size:.8em;vertical-align:super}.footnote-backref{margin-left:4px;text-decoration:none;color:var(--accent-color)}.blog-container{max-width:800px;margin:0 auto;padding:2rem 1rem}.blog-header{margin-bottom:3rem;border-bottom:1px solid var(--border-color);padding-bottom:1.5rem}.blog-header h1{font-size:2.5rem;color:var(--text-main);margin-bottom:.75rem}.blog-meta{color:var(--text-muted);font-size:.95rem}#blog-content{line-height:1.9;color:var(--text-main)}#blog-content h2{margin-top:2.8rem;margin-bottom:1.5rem;padding-bottom:.5rem;border-bottom:1px solid var(--border-color)}#blog-content h3{margin-top:2rem;margin-bottom:1.2rem}#blog-content p{margin-bottom:2.2rem}#blog-content pre{background:#f4f4f4;padding:1.2rem;border-radius:8px;overflow-x:auto;margin-bottom:2.2rem}[data-theme=dark] #blog-content pre{background:#1e1e1e}#blog-content code{font-family:monospace;background:#0000000d;padding:.2rem .4rem;border-radius:4px}[data-theme=dark] #blog-content code{background:#ffffff1a}#blog-content img{max-width:100%;border-radius:8px;margin:2rem 0}#blog-content ul,#blog-content ol{margin-left:2.5rem;margin-bottom:2.2rem}#blog-content li{margin-bottom:.8rem}.back-btn{display:inline-block;margin-bottom:1.5rem;color:var(--text-muted);font-weight:600}.back-btn:hover{color:var(--accent-color)}