:root{--bg: #ffffff;--panel: #fbfbfa;--text: #111827;--muted: #6b7280;--line: #e5e7eb;--chip: #f3f4f6;--nav-hover: rgba(17, 24, 39, .04);--markdown-divider: rgba(17, 24, 39, .1);--inline-code-text: rgb(192, 89, 78);--code-block-bg: #ffffff;--code-block-text: #333333;--accent: #111827;--accent-blue: #3b82f6;--accent-blue-hover: #2563eb;--radius: 12px;--hamburger-bg: var(--panel);--font: ui-sans-serif, system-ui, -apple-system, "Segoe UI", "Noto Sans JP", "Hiragino Sans", "Helvetica Neue", Arial, "Apple Color Emoji", "Segoe UI Emoji";--mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace}[data-theme=dark]{--bg: #191919;--panel: #1e1e1e;--text: #d4d4d4;--muted: #858585;--line: rgb(38,38,38);--chip: rgb(38,38,38);--nav-hover: rgba(255, 255, 255, .07);--markdown-divider: rgba(212, 212, 212, .1);--inline-code-text: rgb(192, 89, 78);--code-block-bg: #1e1e1e;--code-block-text: #eeeeee;--accent: #d4d4d4;--accent-blue: #60a5fa;--accent-blue-hover: #3b82f6;--hamburger-bg: var(--panel)}*{box-sizing:border-box}.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}html{color-scheme:light;-webkit-text-size-adjust:100%;text-size-adjust:100%}html[data-theme=dark]{color-scheme:dark}body{margin:0;font-family:var(--font);color:var(--text);background:var(--bg);-webkit-tap-highlight-color:rgba(0,0,0,.1)}a{color:inherit;text-decoration:none;-webkit-tap-highlight-color:rgba(0,0,0,.1)}button{font-family:inherit;-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation}.app{display:grid;grid-template-columns:280px minmax(0,1fr);width:100%;min-height:100vh}.sidebar{border-right:1px solid var(--line);background:var(--panel);padding:20px 16px;position:sticky;top:0;height:100vh;overflow:auto}.brand{display:flex;align-items:center;gap:10px;padding:8px 10px;border-radius:var(--radius);position:relative}.logo{width:35px;height:35px;border:1px solid var(--line);border-radius:10px;display:grid;place-items:center;background:var(--bg);font-weight:700;color:var(--text);overflow:hidden}.logo img{width:100%;height:100%;object-fit:cover}.brand h1{font-size:14px;margin:0;letter-spacing:.2px}.brand p{margin:2px 0 0;font-size:12px;color:var(--muted)}.section{margin-top:18px}.section-title{font-size:12px;color:var(--muted);letter-spacing:.06em;text-transform:uppercase;margin:0 0 8px 10px}.nav{display:grid;gap:4px}.nav a,.nav button{width:100%;font-size:13px;text-align:left;padding:8px 10px;border:1px solid transparent;background:transparent;border-radius:10px;color:var(--text);cursor:pointer;display:block;transition:all .15s ease;-webkit-tap-highlight-color:rgba(0,0,0,.05)}.nav a:hover,.nav button:hover,.nav a:focus-visible,.nav button:focus-visible{background:var(--nav-hover)}.nav a:active,.nav button:active{transform:scale(.98)}.nav a.active,.nav button.active{background:var(--nav-hover);font-weight:600}.main{padding:20px 1px;max-width:1180px;min-width:0;width:100%;margin:0 auto}.topbar{display:flex;flex-direction:column;gap:12px;margin-bottom:18px}@media(min-width:768px){.topbar{flex-direction:row;align-items:center;justify-content:space-between;gap:16px}.search{flex:0 1 640px;max-width:640px;min-width:300px}.pillrow{justify-content:flex-start;width:auto;flex-shrink:0}}.search{display:flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--panel);border-radius:12px;padding:10px 12px;width:100%}.search span[aria-hidden]{color:var(--muted);font-size:14px;flex-shrink:0}.search-icon{display:block;width:14px;height:14px;background:currentColor;-webkit-mask:url(/icons/search.svg) center / contain no-repeat;mask:url(/icons/search.svg) center / contain no-repeat}.search input{border:none;outline:none;width:100%;min-width:0;font-size:14px;background:transparent;color:var(--text);-webkit-appearance:none;appearance:none}@media(max-width:768px){.search input{font-size:16px}}.search input::placeholder{color:var(--muted)}.pillrow{display:flex;gap:8px;flex-wrap:wrap;justify-content:flex-start}.pill{border:1px solid var(--line);background:var(--panel);padding:8px 10px;border-radius:999px;font-size:12px;color:var(--muted);display:inline-flex;gap:8px;align-items:center;cursor:pointer}.pill strong{color:var(--text);font-weight:600}.pill:hover{background:var(--nav-hover)}.pill.danger{color:var(--text)}.layout{display:grid;grid-template-columns:360px minmax(0,1fr);gap:18px;align-items:start}.panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--panel);overflow:hidden}.article-panel{border:0;border-radius:0;background:transparent;max-width:100%;min-width:0;overflow:visible}.panel-header{padding:12px 14px;border-bottom:1px solid var(--line);display:flex;align-items:baseline;justify-content:space-between;gap:10px}.panel-header h2{margin:0;font-size:14px}.panel-header h1{margin:0;font-size:18px}.panel-header span{font-size:12px;color:var(--muted)}.list{display:grid}.post-list-container{min-height:auto;max-height:calc(100vh - 200px);overflow-y:auto}.post-item-wrapper{background:var(--panel);transition:background .15s ease}.post-item-wrapper:not(:last-child){border-bottom:1px solid var(--line)}.post-item-wrapper:hover,.post-item-wrapper:focus-within{background:var(--nav-hover)}.post-item-wrapper:last-child{border-bottom:none}.item{padding:16px;cursor:pointer;background:transparent;transition:transform .1s ease;-webkit-tap-highlight-color:rgba(0,0,0,.05);display:block;border:none}.item:active{transform:scale(.995)}.post-item{display:flex;flex-direction:column;gap:8px;text-decoration:none;color:inherit}.post-title{font-size:16px;font-weight:600;line-height:1.5;color:var(--text);margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.post-excerpt{font-size:14px;color:var(--muted);line-height:1.5;margin:0;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.post-date{font-size:12px;color:var(--muted);margin:4px 0 0}.post-tags-row{padding:0 16px 12px;display:flex;flex-wrap:wrap;gap:6px;align-items:center;background:transparent}.meta{display:flex;flex-wrap:wrap;gap:6px;align-items:center;color:var(--muted);font-size:12px}.more-tags{color:var(--muted);font-size:11px;padding:3px 7px;background:var(--chip);border-radius:4px;font-weight:500}.chip{background:var(--chip);border:1px solid var(--line);padding:5px 11px;border-radius:6px;font-size:12px;color:var(--text);cursor:pointer;transition:all .2s ease;white-space:nowrap;font-weight:500;line-height:1;-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation}.chip:hover{background:var(--nav-hover)}.chip:active{transform:scale(.98)}.clickable-chip{display:inline-flex;align-items:center;text-decoration:none}.clickable-chip:hover{background:var(--nav-hover);transform:translateY(-1px);box-shadow:0 2px 4px #0000001a}.clickable-chip:active{transform:translateY(0)}.category-chip{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.category-chip:hover,.category-chip:focus-visible{background:var(--accent-blue-hover);color:#fff}.tag-chip{background:var(--chip);color:var(--text)}.content{max-width:100%;min-width:0;padding:18px 18px 22px}.content .post-heading{margin:0 0 8px;font-size:clamp(1.5rem,4vw,2rem);line-height:1.2;letter-spacing:-.01em;overflow-wrap:anywhere}.content .submeta{display:flex;flex-wrap:wrap;gap:8px 10px;align-items:center;font-size:12px;color:var(--muted);margin-bottom:14px}.content .body{max-width:100%;min-width:0;font-size:15px;line-height:1.85;color:var(--text);overflow-wrap:anywhere}.content .body pre{max-width:100%;min-width:0;margin:1.5em 0;font-family:var(--mono);background:var(--code-block-bg);color:var(--code-block-text);padding:14px;border-radius:12px;overflow:auto;border:1px solid var(--line)}.empty{padding:18px;color:var(--muted);font-size:14px}.excerpt{margin-top:8px;font-size:13px;color:var(--muted);line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.body h1,.body h2,.body h3,.body h4{margin:1.5em 0 .5em;color:var(--text);scroll-margin-top:80px}.body p{margin:1em 0}.body ul,.body ol{margin:1em 0;padding-left:2em}.body li{margin:.5em 0}.body img{max-width:100%;height:auto;border-radius:8px;margin:1.5em 0;display:block}.notion-image{margin:1.5em 0}.notion-image img{margin:0}.notion-image figcaption{margin-top:8px;color:var(--muted);font-size:13px}.body a{color:#569cd6;text-decoration:underline}.body a:hover{color:#48c}.body blockquote{margin:1.5em 0;padding-left:1em;border-left:3px solid var(--line);color:var(--muted)}.body hr{margin:2em 0;border:0;border-top:1px solid var(--markdown-divider)}.not-found{max-width:900px;margin:0 auto}.search-status{color:var(--muted)}.search-results{display:grid}.search-load-more{display:block;margin:16px auto;padding:8px 16px;border:1px solid var(--line);border-radius:8px;color:var(--text);background:var(--panel);cursor:pointer}.search-load-more:hover{background:var(--nav-hover);border-color:var(--muted)}.search-load-more:disabled{cursor:wait;opacity:.6}.search-load-more[hidden]{display:none}.search-result{padding:16px;border-top:1px solid var(--line)}.search-result h2{margin:0;font-size:17px}.search-result-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px;color:var(--muted);font-size:12px}.body pre code{display:block;padding:0;border:0;background:transparent;color:inherit;font-family:var(--mono);font-size:14px;line-height:1.6}html[data-theme=dark] .body .astro-code,html[data-theme=dark] .body .astro-code span{background-color:var(--shiki-dark-bg)!important;color:var(--shiki-dark)!important;font-style:var(--shiki-dark-font-style)!important;font-weight:var(--shiki-dark-font-weight)!important;text-decoration:var(--shiki-dark-text-decoration)!important}.body .line{display:inline-block;min-width:100%}.body :not(pre)>code{font-family:var(--mono);background:var(--chip);border:1px solid var(--line);border-radius:6px;padding:2px 6px;font-size:.92em;color:var(--inline-code-text)}.body table{width:100%;border-collapse:collapse;margin:1.5em 0;font-size:14px;border:1px solid var(--line);border-radius:8px;overflow:hidden}.body thead{background:var(--chip);border-bottom:2px solid var(--line)}.body th{padding:12px 16px;text-align:left;font-weight:600;color:var(--text);border-right:1px solid var(--line)}.body th:last-child{border-right:none}.body td{padding:10px 16px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--text)}.body td:last-child{border-right:none}.body tbody tr:last-child td{border-bottom:none}.body tbody tr:hover{background:var(--nav-hover)}@media(max-width:768px){.body table{font-size:13px}.body th,.body td{padding:8px 12px}}.body .table-wrapper{max-width:100%;overflow-x:auto;margin:1.5em 0}.body .table-wrapper table{margin:0}.hamburger{display:none;position:fixed;top:20px;left:20px;z-index:1000;width:40px;height:40px;background:#fff;border:1px solid var(--line);border-radius:8px;cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px;padding:0;background:var(--hamburger-bg);-webkit-tap-highlight-color:rgba(0,0,0,.1);touch-action:manipulation;box-shadow:0 2px 8px #0000001a}.hamburger:active{transform:scale(.95)}.hamburger span{display:block;width:20px;height:2px;background:var(--text);border-radius:2px}.hamburger.active{opacity:0;pointer-events:none;visibility:hidden}@media(max-width:980px){.app{grid-template-columns:minmax(0,1fr)}.hamburger{display:flex}.sidebar{position:fixed;left:-280px;top:0;height:100vh;border-right:1px solid var(--line);border-bottom:none;z-index:999;transition:left .3s ease}.sidebar.open{left:0}.main{max-width:100%;padding:80px 12px 20px}.layout{grid-template-columns:minmax(0,1fr)}.panel.listpanel{order:2}.topbar{flex-direction:column;gap:12px}.search{max-width:none;width:100%}.pillrow{justify-content:flex-start;width:100%}.pill{font-size:11px;padding:6px 8px}.post-list-container{max-height:500px}.post-item{padding:12px 16px}.post-tags-row{padding:0 16px 10px}.post-title{font-size:15px;line-height:1.4}.post-excerpt{font-size:13px}.post-date{font-size:11px}.chip{font-size:11px;padding:4px 9px}}@media(max-width:480px){.main{padding:80px 8px 16px}.hamburger{top:16px;left:16px;width:36px;height:36px}.search{padding:8px 10px}.search input{font-size:16px}.pill{font-size:10px;padding:5px 7px}.post-title{font-size:14px}.post-excerpt{font-size:12px}.post-date{font-size:10px}}.pagination{display:flex;align-items:center;justify-content:center;gap:8px;padding:20px;min-height:80px}.pagination-btn{padding:8px 16px;border:1px solid var(--line);background:var(--panel);border-radius:8px;font-size:14px;color:var(--text);cursor:pointer;transition:all .2s;height:40px;display:flex;align-items:center;justify-content:center;text-decoration:none}.pagination-btn:hover:not(.pagination-btn-disabled){background:var(--nav-hover);border-color:var(--accent)}.pagination-btn-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.pagination-btn-disabled:hover{background:var(--panel);border-color:var(--line)}.pagination-select-wrapper{display:flex;align-items:center;gap:.5rem}.pagination-select{padding:.5rem 2rem .5rem 1rem;border:1px solid var(--line);border-radius:.375rem;background-color:var(--panel);color:var(--text);font-size:.875rem;cursor:pointer;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23858585' d='M6 9L1 4h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .5rem center;background-size:12px;height:40px}.pagination-select:hover{background-color:var(--nav-hover)}.pagination-select:focus{outline:2px solid var(--line);outline-offset:2px}[data-theme=dark] .pagination-select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%23d4d4d4' d='M6 9L1 4h10z'/%3E%3C/svg%3E")}.full-width{grid-column:1 / -1;max-width:100%}@media(max-width:980px){.pagination{flex-wrap:wrap;min-height:60px}.pagination-btn{font-size:12px;padding:6px 12px;height:36px}.pagination-btn-disabled{opacity:.4;cursor:not-allowed;pointer-events:none}.pagination-select{height:36px}}.card-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:20px;margin-top:20px}.card{display:flex;flex-direction:column;gap:12px;padding:24px;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);transition:background .2s ease,box-shadow .2s ease,transform .2s ease}.card:hover{background:var(--nav-hover);box-shadow:0 4px 12px #0000001a;transform:translateY(-2px)}.card-title{margin:0;color:var(--text)}.card-count{display:flex;align-items:baseline;gap:6px}.count-number{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;color:var(--text);font-size:14px;font-weight:600;background:var(--chip);border:1px solid var(--line);border-radius:50%}.count-label{color:var(--muted);font-size:14px}@media(max-width:768px){.card-grid{grid-template-columns:1fr}}