:root{--color-background:#222;--color-text:#f5f5f0;--color-text-muted:#f5f5f0bd;--color-accent:#ff6f81;color:var(--color-text);background:var(--color-background);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Pretendard Variable,Pretendard,Apple SD Gothic Neo,Noto Sans KR,system-ui,sans-serif}*{box-sizing:border-box}html,body,#root{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden}button,input,textarea,select{font:inherit}.app{background:var(--color-background);min-height:100dvh}.top-bar{z-index:10;padding:max(20px, env(safe-area-inset-top)) 24px 0;pointer-events:none;position:fixed;top:0;left:0;right:0}.logo{color:var(--color-accent);letter-spacing:-.05em;text-shadow:0 2px 2px #000000b3;pointer-events:auto;font-size:1.5rem;font-weight:750;line-height:1;text-decoration:none;display:inline-block}.logo:focus-visible{outline:2px solid var(--color-text);outline-offset:4px;border-radius:4px}.feed{overscroll-behavior-y:contain;scroll-snap-type:y mandatory;scrollbar-width:none;width:100%;height:100dvh;overflow-y:auto}.feed::-webkit-scrollbar{display:none}.post-card{width:100%;min-height:100dvh;padding:calc(72px + env(safe-area-inset-top)) 28px calc(40px + env(safe-area-inset-bottom));background:radial-gradient(circle at 80% 15%, #ff6f8114, transparent 35%), var(--color-background);scroll-snap-align:start;scroll-snap-stop:always;align-items:center;display:flex;position:relative;overflow:hidden}.post-card:before{z-index:1;content:"";pointer-events:none;background:#00000073;position:absolute;inset:0}.post-image{pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;background-position:50%;background-repeat:no-repeat;background-size:cover;position:absolute;inset:0}.post-content{z-index:2;text-shadow:0 1px 8px #000000e6;width:min(100%,680px);margin:0 auto;position:relative}.post-content h2{color:var(--color-text);letter-spacing:-.04em;margin:0 0 14px;font-size:clamp(1.4rem,4vw,1.8rem);font-weight:800;line-height:1.2}.post-content p{color:var(--color-text);white-space:pre-line;margin:0;font-size:clamp(1rem,2.5vw,1.1rem);line-height:1.65}.typing-cursor{vertical-align:-.12em;background:currentColor;width:2px;height:1em;margin-left:3px;animation:.7s step-end infinite cursor-blink;display:inline-block}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}@keyframes cursor-blink{50%{opacity:0}}.status-message{min-height:100dvh;color:var(--color-text-muted);text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:16px;padding:24px;display:flex}.status-message p{margin:0}.status-message button{color:var(--color-text);font:inherit;cursor:pointer;background:#ffffff14;border:1px solid #ffffff29;border-radius:999px;padding:10px 16px}.status-message button:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}@media (prefers-reduced-motion:reduce){.feed{scroll-behavior:auto}.typing-cursor{animation:none}}