:root{--background:#fff;--foreground:#171717}@media (prefers-color-scheme:dark){:root{--background:#0a0a0a;--foreground:#ededed}html{color-scheme:dark}}body{color:var(--foreground);background:var(--background);font-family:Arial,Helvetica,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box;padding:0;margin:0}a{color:inherit}a,header a{text-decoration:none}header a{color:initial}code{font-family:Menlo,Monaco,Courier New,monospace;background-color:#e0e0e0;color:#d63384;padding:2px 4px;border-radius:4px;font-size:.95em;font-weight:600}body{max-width:800px;margin:0 auto;padding:0 20px}@media (max-width:800px){body{max-width:100%;padding:0 10px}}header{height:100px;display:flex;align-items:center;justify-content:flex-start}hr.post-bottom{margin-top:40px;margin-bottom:40px}div.post-header hr{border:none;height:1px;margin-top:20px;margin-bottom:20px;background-color:#bbb}div.post-body{line-height:1.6em}div.post-body>h1{font-size:1.7em;margin-top:1.4em;margin-bottom:.4em}div.post-body>h2{font-size:1.4em;margin-top:1.2em;margin-bottom:.2em}div.post-body>h3{font-size:1.2em;margin-bottom:.2em}div.post-body>h4{font-size:1.1em;margin-bottom:.2em}div.post-body>h5{font-size:1.05em;margin-bottom:.1em}div.post-body ol,div.post-body ol ol,div.post-body ol ol ol,div.post-body ul,div.post-body ul ul,div.post-body ul ul ul{padding-left:20px}div.post-body p{margin-top:.9em;margin-bottom:.9em}div.post-body img{display:block;margin:0 auto;max-width:90%;height:auto;box-shadow:0 2px 6px #00000020}div.post-body figure{margin-top:1.5em;margin-bottom:1.5em}div.post-body{margin-bottom:40px}div.post-body div.iframely-embed{margin:40px 100px}@media (max-width:800px){div.post-body div.iframely-embed{margin:40px 12px}}div.post-body pre>code{margin:40px auto;font-weight:400}div.post-body a{color:#559;text-decoration:underline}.datetime{font-family:Menlo,Monaco,Courier New,monospace;margin-right:20px}header p img{border-radius:50%;margin-right:10px}header p img,header p span{vertical-align:middle}p.link-to-older-blog{margin-top:20px;font-style:italic}h1{font-size:1.4em;margin-bottom:.5em}ol.no-dot,ul.no-dot{list-style-type:none}div.post-share{display:flex;align-items:center;gap:20px;margin-bottom:60px}div.post-share span.x-share-button{background-color:#000;color:#fff;padding:10px 20px;border-radius:100px}div.post-share span.x-share-button span{vertical-align:middle}div.post-share span.x-share-button span.x-logo{font-size:1.6em;margin-right:10px}div.post-share span.x-share-button span.x-label{font-weight:700}div.post-container{display:flex;align-items:first baseline;margin-bottom:20px}div.post-container hr{height:1px;margin-top:20px;margin-bottom:20px;background-color:#000}div.post-container p.datetime{width:80px;flex-shrink:0;white-space:nowrap;font-size:.8em;color:#888}div.post-container>p.post-title{flex-grow:1;word-wrap:break-word;max-width:80%}div.post-body{overflow-wrap:break-word}span.accessory-icon{font-size:.85em;vertical-align:baseline;color:#555;margin-left:10px}.entry{margin-bottom:20px}blockquote{margin:1.5em 10px;padding:.1em 18px;border-left:5px solid #ccc;background-color:#f9f9f9;font-style:italic;color:#070707}blockquote p{margin:0}.label.tag-仕事{background-color:#e7acc9}.label.tag-技術{background-color:#a8c9f7}.label.tag-趣味{background-color:#61da87}.label.tag-電子工作{background-color:#fcf462;color:#888}.label.tag-Swift{background-color:#f48a58}.label.tag-TIL{background-color:#833cda}.label.tag-私生活{background-color:#1ca230}.label.tag-AI{background-color:#5875f4}.label.tag-Cline{background-color:#36795a}.label.tag-Flutter{background-color:#237eba}.tag-filter-container{margin:20px 0}.selected-tags-container{display:flex;flex-direction:row-reverse;align-items:center;justify-content:flex-end;margin-bottom:12px;padding:12px;background:#f8f8f8;border-radius:8px;gap:8px;opacity:0;transform:translateY(-10px);transition:opacity .3s ease,transform .3s ease}.selected-tags-container.visible{opacity:1;transform:translateY(0)}.clear-tags-button{margin-left:8px}.selected-tags{display:flex;flex-wrap:wrap;gap:8px}.clear-tags-button{background:none;border:none;color:#666;font-size:.7em;cursor:pointer;padding:4px 8px;border-radius:4px}.clear-tags-button:hover{background:#f0f0f0}.tag-filter{background-color:#f0f0f0;color:#333;border:1px solid #ddd;border-radius:4px;padding:4px 8px;font-size:.7em;cursor:pointer;transition:all .2s ease;line-height:1.5;height:24px;display:inline-flex;align-items:center}.tag-filter:hover{background-color:#e0e0e0}.tag-filter.active{background-color:#666;color:#fff;border-color:#666}.label{background-color:#aaa;color:#fff;font-size:.6em;font-weight:700;padding:2px 8px;margin-right:8px;border-radius:2px;white-space:nowrap}ol,ul{line-height:1.8}div.post-header p.post-tag-container{margin-bottom:20px}#post-comment{margin-bottom:120px}.hatena-bookmark-container{border:1px solid #ddd;border-radius:2px;padding:16px;max-width:800px;margin:0 auto}.hatena-bookmark-title{font-size:1em;font-weight:700;margin-bottom:4px}.hatena-bookmark-comment-header a{text-decoration:none;color:#333}.hatena-bookmark-users{color:#555;font-size:.8em;margin-left:8px}#hatena-bookmark-list-container{list-style:none;padding:0;margin:0}.hatena-bookmark-item{border-bottom:1px solid #e0e0e0;padding-top:12px;padding-bottom:4px}.hatena-bookmark-item:last-child{border-bottom:none}.hatena-bookmark-addcomment-container{margin-bottom:12px}.hatena-bookmark-addcomment a{display:inline-block;padding:4px 8px;background-color:#007acc;color:#fff;text-decoration:none;border-radius:4px;font-size:.9em}.hatena-bookmark-addcomment a:hover{background-color:#005fa3}.hatena-bookmark-user-info{display:flex;align-items:center;margin-bottom:4px}.hatena-bookmark-profile-image{width:28px;height:28px;border-radius:50%;margin-right:8px}.hatena-bookmark-username{font-weight:700;text-decoration:none}.hatena-bookmark-username:hover{text-decoration:underline}.hatena-bookmark-tags{display:none;margin-right:8px}.hatena-bookmark-user-tag{background-color:#e0f7fa;color:#007acc;padding:2px 6px;border-radius:4px;font-size:.8em;text-decoration:none}.hatena-bookmark-user-tag:hover{background-color:#b2ebf2}.hatena-bookmark-comment{display:block;color:#555;margin-top:4px;margin-bottom:0;line-height:1.5em;font-size:.9em}.hatena-bookmark-timestamp{font-size:.7em;color:#888}.hatena-bookmark-star{display:none!important;margin-top:4px;display:flex;gap:8px}.hatena-star-add-button,.hatena-star-comment-button{width:16px;height:16px;cursor:pointer}.hatena-bookmark-footer{margin-top:16px;text-align:right}.hatena-bookmark-showall-comment .hatena-bookmark-span-button{cursor:pointer;color:#007acc;text-decoration:underline;font-size:.9em}.hatena-bookmark-entrypage-link a{text-decoration:none;color:#007acc;font-weight:700}.hatena-bookmark-entrypage-link a:hover{text-decoration:underline}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{background:#221a0f;color:#d3af86}.hljs-comment,.hljs-quote{color:#d6baad}.hljs-meta,.hljs-name,.hljs-regexp,.hljs-selector-class,.hljs-selector-id,.hljs-tag,.hljs-template-variable,.hljs-variable{color:#dc3958}.hljs-built_in,.hljs-deletion,.hljs-link,.hljs-literal,.hljs-number,.hljs-params,.hljs-type{color:#f79a32}.hljs-addition,.hljs-bullet,.hljs-string,.hljs-symbol{color:#889b4a}.hljs-function,.hljs-keyword,.hljs-selector-tag{color:#98676a}.hljs-attribute,.hljs-section,.hljs-title{color:#f06431}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}