@keyframes svelte-6ykx6-floatMenu{0%,to{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 3px))}}.hamburger.svelte-6ykx6{position:fixed;top:2rem;right:2rem;width:50px;height:50px;background:#fff;border:none;border-radius:12px;box-shadow:#0000003d 0 3px 8px;cursor:pointer;z-index:100;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:4px;padding:0;animation:float 4s ease-in-out infinite}.hamburger.svelte-6ykx6 span:where(.svelte-6ykx6){width:24px;height:3px;background:#333;border-radius:2px;transition:all .3s ease}.hamburger.svelte-6ykx6:hover span:where(.svelte-6ykx6){background:#666}.menu-container.svelte-6ykx6{position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);background:#fff;border-radius:12px;box-shadow:#0000003d 0 3px 8px;padding:3.5rem 5rem;z-index:99;display:flex;flex-direction:column;gap:2.5rem;animation:svelte-6ykx6-fadeIn .3s ease,svelte-6ykx6-floatMenu 4s ease-in-out infinite .3s;min-width:280px}@keyframes svelte-6ykx6-fadeIn{0%{opacity:0;transform:translate(-50%,-50%) scale(.95)}to{opacity:1;transform:translate(-50%,-50%) scale(1)}}.menu-item.svelte-6ykx6{color:var(--color-primary);text-decoration:none;font-size:1.1rem;transition:color .2s ease;white-space:nowrap}.menu-item.svelte-6ykx6:hover{color:var(--color-gray)}.posts-container.svelte-6ykx6{height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scrollbar-width:none;-ms-overflow-style:none}.posts-container.svelte-6ykx6::-webkit-scrollbar{display:none}.post.svelte-6ykx6{height:100vh;scroll-snap-align:start;display:flex;align-items:center;justify-content:center;padding:2rem;box-sizing:border-box;position:relative}.post-content.svelte-6ykx6{background:var(--color-white);border-radius:var(--radius);box-shadow:var(--shadow);padding:var(--space-lg);width:100%;max-width:800px;margin:0 auto}.no-posts.svelte-6ykx6{color:var(--color-gray);font-style:italic;text-align:center}.post-header.svelte-6ykx6{display:flex;align-items:center;gap:1rem;margin-bottom:2rem;font-size:clamp(.75rem,2vw,.875rem)}.date.svelte-6ykx6{color:var(--color-light-gray)}.tag.svelte-6ykx6{font-size:clamp(.65rem,1.8vw,.75rem);padding:.25rem .5rem;border:1px solid #ddd;color:var(--color-gray)}.tag.hehe.svelte-6ykx6{border-color:#ff6b6b;color:#ff6b6b}.tag.non-hehe.svelte-6ykx6{border-color:#4ecdc4;color:#4ecdc4}h2.svelte-6ykx6{font-size:clamp(.9rem,3vw,1.5rem);font-weight:400;margin:0 0 1.5rem;color:var(--color-primary);line-height:1.3}.content.svelte-6ykx6{margin:0 0 2rem;color:var(--color-gray);line-height:1.8;white-space:pre-wrap;font-size:clamp(.75rem,2.5vw,1.05rem)}.actions.svelte-6ykx6{display:flex;gap:1rem}button.svelte-6ykx6{padding:.5rem 1rem;border:1px solid #ddd;background:transparent;color:var(--color-gray);font-family:inherit;font-size:.875rem;cursor:pointer;transition:all .2s ease;display:flex;align-items:center;gap:.25rem}.like-btn.svelte-6ykx6:hover:not(:disabled){border-color:#f44;color:#f44}.like-btn.liked.svelte-6ykx6{border-color:#f44;color:#f44;background:#fff5f5}.like-btn.svelte-6ykx6:disabled{cursor:default}.heart.svelte-6ykx6{font-size:1rem}.share-btn.svelte-6ykx6:hover{border-color:#333;color:var(--color-primary)}.scroll-indicator.svelte-6ykx6{position:fixed;bottom:1rem;right:1rem;background:#333;color:#fff;font-size:.85rem;padding:.5rem 1rem;border-radius:20px;border:1px solid #333;cursor:pointer;transition:all .2s ease;z-index:10;animation:svelte-6ykx6-flashOnce 1s ease-out}.scroll-indicator.svelte-6ykx6:hover{background:#000;border-color:#000}.scroll-indicator.svelte-6ykx6 strong:where(.svelte-6ykx6){font-weight:700}.dots.svelte-6ykx6{animation:svelte-6ykx6-dotPulse 2s infinite}@keyframes svelte-6ykx6-dotPulse{0%,20%{opacity:1}50%{opacity:.3}to{opacity:1}}@keyframes svelte-6ykx6-flashOnce{0%{background:#333}50%{background:#000;box-shadow:0 0 10px #0006}to{background:#333}}@media (max-width: 768px){.post-content.svelte-6ykx6{padding:var(--space-md) 1.5rem;max-width:calc(100vw - 2rem)}.scroll-indicator.svelte-6ykx6{bottom:1.5rem;font-size:.7rem;padding:.3rem .6rem}}@media (max-width: 480px){.post.svelte-6ykx6{padding:1.5rem}h2.svelte-6ykx6{margin-bottom:1rem}.content.svelte-6ykx6{margin-bottom:1.5rem}.tag.svelte-6ykx6{padding:.15rem .35rem}.post-header.svelte-6ykx6{gap:.5rem;margin-bottom:1.5rem}.post-content.svelte-6ykx6{padding:1.5rem 1rem;margin:0 .25rem;max-width:calc(100vw - .5rem)}}
