:root{--bg: var(--tg-theme-bg-color, #17212b);--fg: var(--tg-theme-text-color, #f5f5f5);--hint: var(--tg-theme-hint-color, #90a4ae);--btn: var(--tg-theme-button-color, #2ea6ff);--btn-fg: var(--tg-theme-button-text-color, #fff)}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--fg);font-family:system-ui,-apple-system,Noto Sans TC,sans-serif}.state{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;min-height:70vh;color:var(--hint);padding:24px;text-align:center}.searchbar{position:sticky;top:0;z-index:5;display:flex;align-items:center;gap:8px;padding:10px 10px 6px;background:var(--bg)}.searchbar .icon{position:absolute;left:22px;color:var(--hint);font-size:14px;pointer-events:none}.searchbar input{flex:1;min-width:0;padding:9px 34px;border:0;border-radius:10px;background:#ffffff1a;color:var(--fg);font-size:15px}.searchbar input::placeholder{color:var(--hint)}.searchbar input::-webkit-search-cancel-button{display:none}.searchbar .clear{position:absolute;right:22px;padding:2px 6px;border:0;border-radius:50%;background:#ffffff26;color:var(--fg);font-size:12px}.searchbar .busy{color:var(--hint);font-size:12px;white-space:nowrap}.feed{display:flex;flex-direction:column;gap:14px;list-style:none;margin:0;padding:10px}.post{overflow:hidden;border-radius:12px;background:#ffffff0f}.post.text-only{background:#ffffff17}.post-source{padding:8px 10px 0;color:var(--btn);font-size:14px;font-weight:600;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.mosaic{display:grid;gap:2px}.mosaic .tile{position:relative;display:block;width:100%;aspect-ratio:1;padding:0;border-radius:0;overflow:hidden;background:#ffffff14;cursor:pointer}.mosaic .tile img{width:100%;height:100%;object-fit:cover}.mosaic.n-1{grid-template-columns:1fr}.mosaic.n-1 .tile{aspect-ratio:auto;max-height:60vh}.mosaic.n-1 .tile img{height:auto;max-height:60vh;object-fit:contain}.mosaic.n-2{grid-template-columns:repeat(2,1fr)}.mosaic.n-3{grid-template-columns:2fr 1fr;grid-template-rows:repeat(2,1fr)}.mosaic.n-3 .tile:first-child{grid-row:span 2;aspect-ratio:auto;height:100%}.mosaic.n-4{grid-template-columns:repeat(2,1fr)}.mosaic.n-many{grid-template-columns:repeat(3,1fr)}.date-sep{display:flex;justify-content:center;padding:2px 0 8px}.date-sep span{padding:3px 12px;border-radius:12px;background:#00000059;color:var(--hint);font-size:12px}.duration{position:absolute;right:4px;bottom:4px;padding:0 5px;border-radius:4px;background:#0009;color:#fff;font-size:11px;line-height:1.5;font-variant-numeric:tabular-nums;pointer-events:none}.post-footer{display:flex;align-items:flex-end;gap:10px;padding:8px 12px 10px}.post-text{flex:1;min-width:0;padding:0}.post-meta{display:flex;align-items:center;gap:8px;margin-left:auto;flex-shrink:0;color:var(--hint);font-size:12px;font-variant-numeric:tabular-nums}.post-text .body{margin:0;font-size:14px}.post-text .expand{margin-top:6px;padding:4px 12px;background:#ffffff26;font-size:12px}.play{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;color:#fff;font-size:30px;text-shadow:0 2px 8px rgb(0 0 0 / 70%);pointer-events:none}.placeholder{display:grid;place-items:center;width:100%;min-height:90px;height:100%;color:var(--hint);font-size:13px}.more{display:flex;justify-content:center;padding:16px}button{padding:10px 20px;border:0;border-radius:8px;background:var(--btn);color:var(--btn-fg);font-size:15px;cursor:pointer}button:disabled{opacity:.6;cursor:default}.viewer{position:fixed;top:0;right:0;bottom:0;left:0;z-index:10;background:#000000f0;overflow-y:auto;padding:48px 16px 32px}.viewer .close{position:fixed;top:10px;right:10px;padding:6px 12px;background:#ffffff26}.carousel{margin-bottom:16px}.frame{position:relative;display:grid;place-items:center;min-height:200px;border-radius:10px;overflow:hidden;background:#ffffff0f}.frame img,.frame video{width:100%;max-height:70vh;object-fit:contain;border-radius:10px}.zoomable{display:block;width:100%;padding:0;background:none;border-radius:10px}.frame.pending .behind{position:absolute;top:0;right:0;bottom:0;left:0;height:100%;opacity:.35}.frame.pending .notice{position:relative;padding:24px}.carousel-nav{display:flex;align-items:center;justify-content:center;gap:16px;padding-top:10px}.carousel-nav button{padding:4px 14px;font-size:20px;line-height:1.2}.dots{color:var(--hint);font-size:13px;font-variant-numeric:tabular-nums}.viewer-content .expand{margin-top:8px;padding:6px 14px;background:#ffffff26;font-size:13px}.body.clamped{display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:6;line-clamp:6;overflow:hidden}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:20;display:grid;place-items:center;background:#000000f7;overflow:auto}.lightbox .close{position:fixed;top:10px;right:10px;padding:6px 12px;background:#ffffff26}.lightbox .zoom{position:fixed;bottom:16px;right:16px;padding:8px 16px;background:#ffffff26}.lightbox-body{display:grid;place-items:center;width:100%;height:100vh;overflow:hidden}.lightbox-body img{max-width:100%;max-height:100vh;object-fit:contain;transform-origin:center;will-change:transform}.body{color:var(--fg);line-height:1.6;white-space:pre-wrap}.notice{padding:48px 0;color:var(--hint);text-align:center}.deep-link-notice{margin:0 10px 6px;padding:8px 10px;border-radius:8px;background:#ffffff14;color:var(--hint);font-size:13px}