body{margin:0;font-family:system-ui,sans-serif;background-color:#f4f4f5;color:#1f2937}main{max-width:640px;margin:auto;padding:2rem;background-color:#fff;min-height:100vh}.post{background:#fff;border:1px solid #ddd;border-radius:8px;padding:.5rem;margin-bottom:.5rem;box-shadow:0 1px 2px #0000000d}.user-name{font-weight:700}.post.comment{padding:.75rem;margin:1rem;background-color:#fafafa;border-color:#ccc}.indent-0{margin-left:0}.indent-1{margin-left:1.5rem}.indent-2{margin-left:3rem}.indent-3{margin-left:4.5rem}.indent-4,.indent-5,.indent-6{margin-left:6rem}.button-group{display:flex;gap:1rem;font-size:.9rem;margin-bottom:1rem}button{padding:.25rem .75rem;border:none;border-radius:4px;cursor:pointer}button.like{background-color:#16a34a;color:#fff}button.dislike{background-color:#dc2626;color:#fff}button.comment{background-color:#1d4ed8;color:#fff;margin-top:.5rem}textarea{width:100%;resize:none;padding:.5rem;margin-top:.5rem;margin-bottom:.25rem;border-radius:4px;border:1px solid #ccc;font-family:inherit;box-sizing:border-box}.app-container.svelte-12qhfyh{min-height:100vh}.navbar.svelte-12qhfyh{background:#fff;border-bottom:1px solid #e0e0e0;box-shadow:0 1px 4px #0000000d}.nav-content.svelte-12qhfyh{max-width:1200px;margin:0 auto;padding:1rem 2rem;display:flex;justify-content:space-between;align-items:center}.logo.svelte-12qhfyh{font-size:1.5rem;font-weight:700;color:#007acc;text-decoration:none;transition:color .2s}.logo.svelte-12qhfyh:hover{color:#005999}.nav-links.svelte-12qhfyh{display:flex;gap:1.5rem;flex:1;margin-left:3rem}.nav-link.svelte-12qhfyh{color:#555;text-decoration:none;font-weight:500;transition:color .2s}.nav-link.svelte-12qhfyh:hover{color:#007acc}.nav-right.svelte-12qhfyh{display:flex;align-items:center;gap:1rem}.user-info.svelte-12qhfyh{color:#007acc;font-size:.875rem;font-weight:600;text-decoration:none;transition:color .2s}.user-info.svelte-12qhfyh:hover{color:#005999}.logout-btn.svelte-12qhfyh{padding:.5rem 1rem;background:#f5f5f5;color:#555;border:1px solid #ddd;border-radius:4px;font-size:.875rem;font-weight:500;cursor:pointer;transition:all .2s}.logout-btn.svelte-12qhfyh:hover{background:#e0e0e0;border-color:#ccc}.loading-screen.svelte-12qhfyh{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:1rem}.spinner.svelte-12qhfyh{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #007acc;border-radius:50%;animation:svelte-12qhfyh-spin 1s linear infinite}@keyframes svelte-12qhfyh-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.loading-screen.svelte-12qhfyh p:where(.svelte-12qhfyh){color:#666;font-size:1rem}