:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Apple SD Gothic Neo,Malgun Gothic,sans-serif;color:#fff;background:#fff;font-synthesis:none;--header-height: 120px;--swipe-hint-height: 0px}*{box-sizing:border-box}html{overflow:hidden}body{margin:0;min-width:320px;background:#fff;height:100dvh;overflow:hidden}h1,h2,p{margin:0}img{display:block;max-width:100%}.site-header{height:var(--header-height);position:sticky;top:0;z-index:5;padding:22px 20px 34px;text-align:center;background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(255,255,255,.2)}.site-header h1{font-size:clamp(26px,3vw,42px);font-weight:700;line-height:1.4;letter-spacing:-.9px;background:linear-gradient(45deg,#ff6b6b,#4ecdc4,#ffe66d);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent;width:100%;margin:auto}.reading-progress{position:absolute;bottom:19px;left:50%;transform:translate(-50%);width:min(600px,calc(100% - 160px));height:6px;background:#1423370f;border-radius:3px;overflow:hidden}.reading-progress span{display:block;height:100%;width:100%;background:linear-gradient(90deg,#ff6b6b,#4ecdc4);transform:scaleX(.015385);transform-origin:left;transition:transform .3s ease;border-radius:3px}.reading-count{position:absolute;right:25px;bottom:14px;display:flex;align-items:center;gap:9px;font-size:11px;font-variant-numeric:tabular-nums;color:#8d949b}.reading-count strong{font-size:14px;color:#4a6872}.reading-count>span:first-of-type{color:#b9c0c6}#feed{width:min(100%,1400px);height:calc(100dvh - var(--header-height) - var(--swipe-hint-height));margin-inline:auto;position:relative;overflow:hidden;touch-action:pan-y pinch-zoom}.feed-post{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:24px 20px;display:flex;align-items:center;justify-content:center;opacity:0;visibility:hidden;pointer-events:none;transform:translate(100%);transition:transform .35s cubic-bezier(.4,0,.2,1),opacity .35s ease,visibility .35s}.feed-post.is-before{transform:translate(-100%)}.feed-post.is-active{transform:translate(0);opacity:1;visibility:visible;pointer-events:auto;z-index:1}.post-panel{width:100%;min-width:0}.post-image{width:100%;height:min(80dvh,calc(100dvh - var(--header-height) - 48px));min-height:0;background:#000;border-radius:20px;overflow:hidden;box-shadow:0 20px 60px #00000080}.post-image img{height:100%;width:100%;object-fit:contain;background:#000;-webkit-user-select:none;user-select:none}.post-image picture{display:block;width:100%;height:100%}.post-caption{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}.slide-arrow{position:fixed;top:calc((100dvh + var(--header-height) - var(--swipe-hint-height)) / 2);transform:translateY(-50%);z-index:4;display:flex;align-items:center;justify-content:center;width:60px;height:60px;border-radius:50%;padding:0;background:#ffffff1a;border:2px solid rgba(255,255,255,.3);color:#fff;cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:background .2s,border-color .2s,opacity .2s;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.slide-arrow-prev{left:max(20px,calc((100vw - 1400px)/2 + 20px))}.slide-arrow-next{right:max(20px,calc((100vw - 1400px)/2 + 20px))}.slide-arrow svg{width:30px;height:30px}.slide-arrow:hover:not(:disabled){background:#fff3;border-color:#ffffff80}.slide-arrow:active:not(:disabled){background:#ffffff4d}.slide-arrow:disabled{opacity:.3;cursor:default}.slide-arrow:focus-visible{outline:3px solid #4ecdc4;outline-offset:4px}.mobile-swipe-hint{display:none}@media(max-width:767px),(max-width:959px)and (max-height:500px)and (pointer:coarse){:root{--header-height: 96px;--swipe-hint-height: calc(30px + env(safe-area-inset-bottom, 0px)) }html{scroll-snap-type:none;scroll-padding-top:0;overflow:hidden}body{height:100dvh;overflow:hidden}.site-header{position:relative;padding:18px 10px 30px}.site-header h1{font-size:clamp(20px,5.7vw,26px);line-height:1.5;letter-spacing:-.65px}.reading-progress{left:15px;transform:none;width:calc(100% - 92px);bottom:16px;height:5px}.reading-count{right:15px;bottom:11px;gap:7px;font-size:10px}.reading-count strong{font-size:12px}#feed{width:100%;margin:0}.feed-post{padding:10px 5px}.post-image{height:min(60dvh,calc(100dvh - var(--header-height) - var(--swipe-hint-height) - 20px));min-height:0;border-radius:15px}.slide-arrow{width:45px;height:45px}.slide-arrow-prev{left:10px}.slide-arrow-next{right:10px}.slide-arrow svg{width:20px;height:20px}.mobile-swipe-hint{display:flex;align-items:center;justify-content:center;position:fixed;inset:auto 0 0;height:var(--swipe-hint-height);padding-bottom:env(safe-area-inset-bottom,0px);font-size:10px;color:#9099a1;letter-spacing:-.1px}}@media(prefers-reduced-motion:reduce){html{scroll-snap-type:none}.feed-post,.slide-arrow,.reading-progress span{transition:none}}