:root{--mastodon-primary:#5c5752;--mastodon-secondary:#9146ff;--mastodon-bg:#f7f5f0;--mastodon-card-bg:#f7f5f0;--mastodon-text-primary:#44403c;--mastodon-text-secondary:#78736d;--mastodon-border:#e8e4dd;--mastodon-hover:#f0eee9;--mastodon-radius:3px;--mastodon-shadow:none;--image-radius:3px;--link-preview-border:#e8e4dd;--link-preview-hover:#fdfcfa;--link-preview-local:#fdfcfa;--link-preview-failed:rgba(248,113,113,.05);--link-preview-failed-border:#f87171;--link-preview-failed-text:#dc2626;--lazyload-placeholder:#e8e4dd;--media-gap:8px;--heatmap-empty:#f0eee9;--heatmap-1:#e4f0ea;--heatmap-2:#c8e0d6;--heatmap-3:#9ac9b8;--heatmap-4:#5ea98f;--jp-font:"M PLUS 1p","Noto Sans JP","Hiragino Sans","Yu Gothic","Noto Sans SC",system-ui,sans-serif;}[data-theme="dark"]{--mastodon-primary:#c8c4bd;--mastodon-secondary:#9146ff;--mastodon-bg:#181716;--mastodon-card-bg:#181716;--mastodon-text-primary:#e8e4dd;--mastodon-text-secondary:#a8a39d;--mastodon-border:#333230;--mastodon-hover:#262524;--mastodon-shadow:none;--link-preview-border:#333230;--link-preview-hover:#242322;--link-preview-local:#242322;--link-preview-failed:rgba(248,113,113,.1);--link-preview-failed-border:#b91c1c;--link-preview-failed-text:#f87171;--lazyload-placeholder:#333230;--media-gap:8px;--heatmap-empty:#262524;--heatmap-1:#2f3d37;--heatmap-2:#4a6658;--heatmap-3:#6b8a76;--heatmap-4:#5ea98f;}*{margin:0;padding:0;box-sizing:border-box;transition:background-color .2s ease,color .2s ease,border-color .2s ease}body{background-color:var(--mastodon-bg);color:var(--mastodon-text-primary);line-height:1.8;padding:20px 0;font-family:"Noto Serif SC","Hiragino Mincho ProN","Hiragino Mincho Pro","Yu Mincho","游明朝","BIZ UDMincho","Times New Roman",serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{max-width:820px;margin:0 auto;padding:0 20px}.page-header{background-color:var(--mastodon-card-bg);border-radius:0;border:0;padding:16px 0;box-shadow:none;display:flex;align-items:center;justify-content:space-between;gap:12px}.header-left{display:flex;align-items:center;gap:12px}.page-header .logo{color:var(--mastodon-text-primary);font-size:15px;font-weight:400;letter-spacing:.12em}.theme-toggle{background:transparent;border:none;color:var(--mastodon-text-secondary);font-size:17px!important;cursor:pointer;width:32px;height:32px;border-radius:0;display:flex;align-items:center;justify-content:center}.theme-toggle i{font-size:17px!important;line-height:1}.theme-toggle:hover{color:var(--mastodon-primary)}.heatmap-container{background-color:var(--mastodon-card-bg);border:0;border-top:1px solid var(--mastodon-border);border-bottom:1px solid var(--mastodon-border);padding:28px 0;box-shadow:none;overflow-x:auto}.tab-container{background-color:var(--mastodon-card-bg);border:0;display:flex;box-shadow:none;justify-content:center;gap:36px;margin:36px 0}.tab-button{font-family:var(--jp-font);font-weight:500;font-size:13.8px;letter-spacing:0.14em;padding:8px 0;border:none;background:transparent;color:var(--mastodon-text-secondary);cursor:pointer;transition:all .2s ease;position:relative}.tab-button::after{content:'';position:absolute;bottom:0;left:50%;transform:translateX(-50%);width:0;height:1px;background:var(--mastodon-secondary);transition:all .2s ease}.tab-button.active{color:var(--mastodon-text-primary)}.tab-button.active::after{width:100%}.tab-button:hover:not(.active){color:var(--mastodon-text-secondary)}#posts,#media{background-color:var(--mastodon-card-bg);border:0;border-radius:0;box-shadow:none;padding:0;min-height:400px}.post{padding:26px 0;border-bottom:1px solid var(--mastodon-border);margin-bottom:0}.post:last-child{border-bottom:none;margin-bottom:0}.post-content{font-size:15px;margin-bottom:12px;color:var(--mastodon-text-primary);line-height:1.9;word-break:break-word}.post-content a{color:var(--mastodon-primary);text-decoration:none;word-break:break-all;border-bottom:1px solid var(--mastodon-border)}.post-content a:hover{border-bottom-color:var(--mastodon-primary)}.link-preview{margin:12px 0;border:1px solid var(--link-preview-border);border-radius:var(--mastodon-radius);overflow:hidden;transition:background-color .2s ease;cursor:pointer;background:var(--link-preview-local)}.link-preview:hover{border-color:var(--mastodon-text-secondary)}.link-preview-local{background-color:var(--link-preview-local)}.link-preview-failed{background-color:var(--link-preview-failed);border-color:var(--link-preview-failed-border)}.link-preview-failed .link-preview-title{color:var(--link-preview-failed-text)}.link-preview-inner{padding:14px 16px}.link-preview-title{font-size:14px;font-weight:500;color:var(--mastodon-text-primary);margin-bottom:6px;line-height:1.6}.link-preview-description{font-size:13px;color:var(--mastodon-text-secondary);line-height:1.6;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;margin-bottom:6px}.link-preview-url{font-size:11px;color:var(--mastodon-text-secondary);margin-top:0;word-break:break-all;font-family:"Noto Sans SC","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","游ゴシック","BIZ UDGothic",sans-serif}.media-container{margin:14px 0;display:grid;grid-template-columns:repeat(4,1fr);gap:8px;max-width:100%}.post-image,.media-image{width:100%;height:100%;border-radius:var(--image-radius);object-fit:cover;display:block;cursor:pointer;background-color:var(--lazyload-placeholder);opacity:0;transition:opacity .3s ease-in-out}.post-image{aspect-ratio:1/1;height:auto}.post-image.loaded,.media-image.loaded{opacity:1}#media{display:none;grid-template-columns:repeat(6,1fr)!important;gap:2px!important;align-content:flex-start!important;padding:0!important}.media-image{aspect-ratio:1/1!important;width:100%!important;height:100%!important;object-fit:cover!important;border-radius:var(--image-radius)!important}.post-meta{font-size:12px;color:var(--mastodon-text-secondary);display:flex!important;justify-content:space-between!important;align-items:center!important;width:100%;margin-top:12px;gap:8px;font-family:"Noto Sans SC","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","游ゴシック","BIZ UDGothic",sans-serif}.post-meta>span:first-child{flex:1;text-align:left;max-width:60%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-meta>span.source{flex:1;text-align:right;max-width:40%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.post-meta a{color:var(--mastodon-text-secondary)!important;text-decoration:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%}.post-meta a:hover{color:var(--mastodon-text-primary)!important;text-decoration:none!important}#load-more{display:block;margin:32px auto;padding:14px;background-color:transparent;color:var(--mastodon-text-secondary);border:1px solid var(--mastodon-border);border-radius:var(--mastodon-radius);font-weight:400;cursor:pointer;transition:all .2s ease;width:100%;font-size:13px;letter-spacing:.12em;font-family:"Noto Sans SC","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","游ゴシック","BIZ UDGothic",sans-serif}#load-more:hover{border-color:var(--mastodon-primary);color:var(--mastodon-text-primary)}.empty-tip,.error-tip{text-align:center;padding:48px 0;font-size:13px;font-family:"Noto Sans SC","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","游ゴシック","BIZ UDGothic",sans-serif}.error-tip{color:#c4746e}.empty-tip{color:var(--mastodon-text-secondary)}.image-preview{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(18,18,16,.92);z-index:9999;display:none;align-items:center;justify-content:center;padding:24px}.preview-content{max-width:95%;max-height:95%;position:relative}.preview-image{max-width:100%;max-height:88vh;border-radius:var(--image-radius);opacity:0;transition:opacity .3s ease}.preview-image.loaded{opacity:1}.preview-close{position:absolute;top:-44px;right:0;color:rgba(255,255,255,.7);font-size:28px;cursor:pointer;width:32px;height:32px;background:transparent;border:none;display:flex;align-items:center;justify-content:center;font-weight:300}.preview-close:hover{color:#fff}.preview-nav{position:absolute;top:50%;transform:translateY(-50%);width:36px;height:36px;color:rgba(255,255,255,.7);font-size:28px;cursor:pointer;background:transparent;border:none;display:flex;align-items:center;justify-content:center;background-color:transparent;font-weight:300}.preview-nav:hover{color:#fff}.preview-prev{left:-50px}.preview-next{right:-50px}.preview-index{position:absolute;bottom:-28px;left:0;color:rgba(255,255,255,.6);font-size:12px;letter-spacing:.08em;font-family:"Noto Sans SC","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","游ゴシック","BIZ UDGothic",sans-serif}.heatmap-grid{display:flex;width:100%}.heatmap-days{display:grid;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(52,1fr);gap:4px;width:100%;min-width:fit-content;grid-auto-flow:column}.heatmap-cell{width:9px;height:9px;border-radius:50%;background-color:var(--heatmap-empty);transition:all .2s ease;flex-shrink:0}.heatmap-cell:hover{transform:scale(1.35);filter:brightness(1.1)}.heatmap-cell.active{background-color:var(--heatmap-2)}.heatmap-cell.active-text{background-color:var(--heatmap-3)}.heatmap-cell.active-media{background-color:var(--heatmap-4)}.back-to-top{position:fixed;bottom:28px;right:28px;width:36px;height:36px;border-radius:0;background-color:var(--mastodon-card-bg);color:var(--mastodon-text-secondary);border:1px solid var(--mastodon-border);font-size:16px;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:none;z-index:999;transition:all .2s ease;opacity:1}.back-to-top:hover{opacity:1;border-color:var(--mastodon-primary);color:var(--mastodon-text-primary)}::selection{background:rgba(92,87,82,.12);color:var(--mastodon-text-primary);}@media (max-width:768px){body{padding:0!important}.container{padding:0 18px!important;margin:0 auto!important;width:100%!important;max-width:100%!important}.page-header,#posts,#media{border-radius:0!important}#media{grid-template-columns:repeat(4,1fr)!important;gap:2px!important;padding:0!important}.media-container{grid-template-columns:repeat(2,1fr)!important}.preview-nav{display:none}.back-to-top{display:none!important}.link-preview-inner{padding:12px 14px}.link-preview-title{font-size:13px}.link-preview-description{font-size:12px}.post-image{height:auto}.post-meta{font-size:11px!important;gap:6px!important}.post-meta>span:first-child{max-width:55%!important}.post-meta>span.source{max-width:45%!important}}@media (max-width:600px){.media-container{grid-template-columns:repeat(2,1fr);gap:8px!important}.post{padding:20px 0}#media{grid-template-columns:repeat(4,1fr)!important;gap:2px!important;padding:0!important}.heatmap-days{grid-template-rows:repeat(14,1fr)!important;grid-template-columns:repeat(26,1fr)!important;gap:4px!important;grid-auto-flow:column!important}.heatmap-cell{width:9px!important;height:9px!important}.heatmap-container{padding:28px 0}}@media (max-width:480px){.heatmap-days{gap:4px!important;grid-auto-flow:column!important}.heatmap-cell{width:8px!important;height:8px!important}}.quoted-post{margin-bottom:0}.quote-card{background:var(--mastodon-bg);border:0;border-left:2px solid var(--mastodon-border);border-radius:0 3px 3px 0;padding:14px 16px;margin:14px 0}.quote-body{font-size:14px;line-height:1.8;color:var(--mastodon-text-secondary)}.quote-meta{display:flex;justify-content:space-between;align-items:center;font-size:11px;color:var(--mastodon-text-secondary);margin-top:10px;font-family:"Noto Sans SC","Hiragino Sans","Hiragino Kaku Gothic ProN","Yu Gothic","游ゴシック","BIZ UDGothic",sans-serif}.quote-meta a.meta-link{color:var(--mastodon-text-secondary)!important;text-decoration:none!important}.quote-card a{color:var(--mastodon-primary)!important;text-decoration:none!important}