:root{--mastodon-primary:#42b883;--mastodon-secondary:#9146ff;--mastodon-bg:#f7f8fa;--mastodon-card-bg:#fff;--mastodon-text-primary:#1e293b;--mastodon-text-secondary:#64748b;--mastodon-border:#e2e8f0;--mastodon-hover:#f1f5f9;--mastodon-radius:8px;--mastodon-shadow:none;--image-radius:3px;--heatmap-empty:#ebedf0;--heatmap-active:#42b883;--link-preview-border:#e2e8f0;--link-preview-hover-bg:#f8fafc;--link-preview-local-bg:#f1f5f9;--lazyload-placeholder:#e2e8f0;--media-gap:8px}[data-theme=dark]{--mastodon-primary:#42b883;--mastodon-secondary:#9146ff;--mastodon-bg:#121212;--mastodon-card-bg:#1e1e1e;--mastodon-text-primary:#e0e0e0;--mastodon-text-secondary:#9e9e9e;--mastodon-border:#333;--mastodon-hover:#2d2d2d;--heatmap-empty:#2d2d2d;--heatmap-active:#42b883;--link-preview-border:#333;--link-preview-hover-bg:#2d2d2d;--link-preview-local-bg:#2d2d2d;--lazyload-placeholder:#2d2d2d;--media-gap:8px}*{margin:0;padding:0;box-sizing:border-box;font-family:'Noto Sans SC',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Oxygen,Ubuntu,Cantarell,'Open Sans','Helvetica Neue',sans-serif;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.6;padding:20px 0}.container{max-width:800px;margin:0 auto;padding:0 20px}.page-header{background-color:var(--mastodon-card-bg);border-radius:var(--mastodon-radius) var(--mastodon-radius) 0 0;border:1px solid var(--mastodon-border);padding:16px 20px;box-shadow:var(--mastodon-shadow);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-primary);font-size:18px;font-weight:600}.theme-toggle{background:0 0;border:none;color:var(--mastodon-text-secondary);font-size:18px!important;cursor:pointer;width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center}.theme-toggle i{font-size:18px!important;line-height:1}.theme-toggle:hover{background-color:var(--mastodon-hover);color:var(--mastodon-primary)}.heatmap-container{background-color:var(--mastodon-card-bg);border:1px solid var(--mastodon-border);border-top:none;padding:16px 20px;box-shadow:var(--mastodon-shadow);overflow-x:auto}.tab-container{background-color:var(--mastodon-card-bg);border:1px solid var(--mastodon-border);border-top:none;display:flex;box-shadow:var(--mastodon-shadow)}.tab-button{flex:1;padding:12px 0;border:none;background:0 0;color:var(--mastodon-text-secondary);font-weight:500;cursor:pointer;transition:all .2s ease}.tab-button.active{color:var(--mastodon-primary);border-bottom:2px solid var(--mastodon-primary)}.tab-button:hover:not(.active){background-color:var(--mastodon-hover);color:var(--mastodon-primary)}#media,#posts{background-color:var(--mastodon-card-bg);border:1px solid var(--mastodon-border);border-top:none;border-radius:0 0 var(--mastodon-radius) var(--mastodon-radius);box-shadow:var(--mastodon-shadow);padding:20px;min-height:400px}.post{padding:16px;border-bottom:1px solid var(--mastodon-border);margin-bottom:12px}.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.8}.post-content a{color:var(--mastodon-primary);text-decoration:none;word-break:break-all}.post-content a:hover{text-decoration:underline}.link-preview{margin:12px 0;padding:12px 16px;border:1px solid var(--link-preview-border);border-radius:var(--mastodon-radius);background-color:var(--mastodon-card-bg);cursor:pointer;transition:all .2s ease}.link-preview:hover{background-color:var(--link-preview-hover-bg);transform:translateY(-2px);box-shadow:0 4px 12px rgba(0,0,0,.15)}.link-preview-local{opacity:.85;background-color:var(--link-preview-local-bg)}.link-preview-title{font-weight:600;font-size:15px;color:var(--mastodon-text-primary);margin-bottom:4px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-preview-description{font-size:13px;color:var(--mastodon-text-secondary);margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.link-preview-url{font-size:12px;color:var(--mastodon-text-secondary);word-break:break-all}.media-container{margin:12px 0;display:grid;grid-template-columns:repeat(2,1fr);gap:8px;max-width:100%}.media-image,.post-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{height:200px}.media-image.loaded,.post-image.loaded{opacity:1}#media{display:none;grid-template-columns:repeat(6,1fr)!important;gap:var(--media-gap)!important;align-content:flex-start!important;padding:20px!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:8px;gap:8px}.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-primary)!important;text-decoration:none!important;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:inline-block;max-width:100%}.post-meta a:hover{text-decoration:none!important}#load-more{display:block;margin:20px auto;padding:10px 24px;background-color:var(--mastodon-primary);color:#fff;border:none;border-radius:var(--mastodon-radius);font-weight:500;cursor:pointer;transition:background-color .2s ease}#load-more:hover{background-color:#35966b}.empty-tip,.error-tip{text-align:center;padding:40px 0;font-size:16px}.error-tip{color:#dc2626}.empty-tip{color:var(--mastodon-text-secondary)}.image-preview{position:fixed;top:0;left:0;width:100%;height:100%;background-color:rgba(0,0,0,.9);z-index:9999;display:none;align-items:center;justify-content:center;padding:20px}.preview-content{max-width:90%;max-height:90%;position:relative}.preview-image{max-width:100%;max-height:80vh;border-radius:var(--image-radius);opacity:0;transition:opacity .3s ease}.preview-image.loaded{opacity:1}.preview-close{position:absolute;top:-40px;right:0;color:#fff;font-size:30px;cursor:pointer;width:40px;height:40px;background:0 0;border:none;display:flex;align-items:center;justify-content:center}.preview-nav{position:absolute;top:50%;transform:translateY(-50%);width:40px;height:60px;color:#fff;font-size:40px;cursor:pointer;background:0 0;border:none;display:flex;align-items:center;justify-content:center;background-color:rgba(0,0,0,.3);border-radius:var(--image-radius)}.preview-prev{left:-60px}.preview-next{right:-60px}.preview-index{position:absolute;bottom:-30px;left:0;color:#fff;font-size:14px}.heatmap-grid{display:flex;width:100%}.heatmap-days{display:grid;grid-template-rows:repeat(7,1fr);grid-template-columns:repeat(52,1fr);gap:2px;width:100%;min-width:fit-content}.heatmap-cell{width:10px;height:10px;border-radius:2px;background-color:var(--heatmap-empty);transition:background-color .2s ease;flex-shrink:0}.heatmap-cell.active{background-color:var(--heatmap-active)};border:1px solid #fff}.back-to-top{position:fixed;bottom:30px;right:30px;width:50px;height:50px;border-radius:50%;background-color:var(--mastodon-primary);color:#fff;border:none;font-size:20px;cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:0 2px 8px rgba(0,0,0,.2);z-index:999;transition:opacity .2s ease,transform .2s ease;opacity:.8}.back-to-top:hover{opacity:1;transform:translateY(-3px)}@media (max-width:768px){body{padding:0!important}.container{padding:0!important;margin:0!important;width:100%!important;max-width:100%!important}#media,#posts,.page-header{border-radius:0!important}.heatmap-container{display:none!important}#media{grid-template-columns:repeat(4,1fr)!important;gap:var(--media-gap)!important;padding:10px!important}.heatmap-cell{width:8px;height:8px}.preview-nav{font-size:24px;width:30px;height:40px}.preview-prev{left:-40px}.preview-next{right:-40px}.back-to-top{display:none!important}.link-preview-title{font-size:14px}.link-preview-description{font-size:12px}.post-image{height:150px}.post-meta{font-size:11px!important;gap:4px!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:4px!important}.post{padding:12px}#media{grid-template-columns:repeat(4,1fr)!important;gap:calc(var(--media-gap) / 2)!important;padding:8px!important}.heatmap-cell{width:6px;height:6px}}