.app{padding:10px}@media (max-width:600px){.post,.post-form{font-size:14px;padding:12px}.post-content{font-size:15px}.post-actions button{font-size:16px}}.app.dark{--menu-bg:#222;--menu-text:#eee;background-color:#15202b;color:#fff}.app.light{--menu-bg:#fff;--menu-text:#000;background-color:#fff;color:#333}.theme-toggle{align-items:center;background:none;border:none;cursor:pointer;display:flex;justify-content:center;padding:6px;transition:transform .3s ease}.theme-toggle svg{height:28px;transition:transform .3s ease,color .3s ease;width:28px}.app.light .theme-toggle svg{color:#333}.app.dark .theme-toggle svg{color:#f5f5f5}.theme-toggle:hover svg{opacity:.8;transform:scale(1.1) rotate(10deg)}.user-info{align-items:center;background-color:#f5f8fa;border-radius:10px;box-shadow:0 1px 4px #0000000d;display:flex;margin-bottom:20px;padding:12px}.app.dark .user-info{background-color:#192734;color:#fff}.user-icon{border-radius:50%;height:48px;margin-right:10px;object-fit:cover;width:48px}.user-name{font-size:16px;font-weight:700;margin-bottom:2px}.user-name:hover{text-decoration:underline}.user-id{color:gray;font-size:14px}.app.dark .user-id{color:#8899a6}.user-menu{display:flex;flex-direction:column;gap:4px;margin-top:8px}.user-menu button{background:#e6ecf0;border:none;border-radius:5px;cursor:pointer;font-size:14px;padding:4px 8px}.user-menu button:hover{background:#d8e2ea}.app.dark .user-menu button{background:#22303c;color:#fff}.app.dark .user-menu button:hover{background:#2b3b49}.post-form{background:#fff;border-radius:10px;box-shadow:0 2px 5px #0000001a;margin-bottom:20px;padding:15px}.post-form textarea{border:none;border-radius:5px;font-size:16px;outline:none;padding:10px;resize:none;width:95%}.post-form button{background-color:#1d9bf0;border:none;border-radius:20px;color:#fff;cursor:pointer;font-size:16px;margin-top:10px;padding:10px;width:100%}.post-form button:hover{background-color:#0d8ddb}.app.light .post-form{background:#fff;color:#000}.app.light .post-form textarea{background-color:#f5f8fa;border:1px solid #ccc;color:#000}.app.dark .post-form{background:#1e2732;color:#fff}.app.dark .post-form textarea{background-color:#15202b;border:1px solid #3a4a5a;color:#fff}.reply-form{align-items:center;background-color:#f0f2f5;border-radius:12px;box-shadow:0 1px 3px #0000001a;display:flex;gap:8px;margin-top:10px;padding:8px 10px}.app.dark .reply-form{background-color:#2c2f33}.reply-input{background-color:#fff;border:none;border-radius:20px;flex:1 1;font-size:14px;outline:none;padding:10px 12px;transition:box-shadow .2s ease}.app.dark .reply-input{background-color:#3b3f45;color:#fff}.reply-input:focus{box-shadow:0 0 0 2px #1da1f2}.reply-submit{background-color:#1da1f2;border:none;border-radius:20px;color:#fff;cursor:pointer;font-weight:700;padding:8px 16px;transition:background-color .2s ease}.reply-submit:hover{background-color:#0d8ddf}.reply-error{color:#e74c3c;font-size:13px;margin-top:4px}.post{position:relative}.post-timestamp{color:gray;font-size:13px;position:absolute;right:12px;top:12px}.post-user-icon{display:flex;flex-shrink:0}.post-user-name{align-items:center;display:flex;flex-wrap:nowrap;flex-wrap:wrap;gap:6px;margin-bottom:4px}.post-user-id{color:#555;font-size:.85rem}.post-text{white-space:pre-line;word-break:break-word}.post-actions{margin-top:6px;position:relative}.like-count{font-size:14px;margin-left:0}.reply-list{margin-top:10px;padding-left:40px}.reply-item{display:flex;gap:10px;margin-bottom:8px}.reply-user-icon{border-radius:50%;height:32px;width:32px}.reply-content{margin:2px 0 8px}.reply-button{background:none;border:none;cursor:pointer;padding:4px;transition:transform .2s ease}.reply-icon{fill:#1da1f2;height:24px;transition:fill .3s ease,transform .2s ease;width:24px}.reply-button:hover .reply-icon{fill:#0d8ddf;transform:scale(1.1)}.like-button{background:none;border:none;cursor:pointer;padding:4px}.like-icon{fill:#ccc;height:24px;transition:fill .3s ease;width:24px}.like-button.liked .like-icon{fill:#e74c3c}.menu-button{background:none;border:none;cursor:pointer;padding:4px;transition:transform .2s ease}.menu-icon{fill:#999;height:20px;transition:fill .3s ease;width:20px}.menu-button:hover .menu-icon{fill:#555;transform:scale(1.1)}.post-actions{gap:20px}.like-group,.post-actions{align-items:center;display:flex}.like-group{gap:4px}.reply-user-name{font-size:14px;font-weight:700;margin:0}.reply-user-id{color:gray;font-size:13px;margin-left:6px}.post-content{flex:1 1;margin-left:12px;min-width:0}.post-menu{background-color:#fff;background-color:var(--menu-bg,#fff);border:1px solid #ccc;border-radius:6px;box-shadow:0 2px 6px #00000026;color:#000;color:var(--menu-text,#000);padding:8px 12px;position:absolute;right:0;z-index:10}.post-menu .no-action{color:#555;color:var(--menu-text,#555);font-size:.9rem}.expand-button{background:none;border:none;color:#1da1f2;cursor:pointer;font-size:.9rem;margin-left:8px;text-decoration:underline}.expand-button:hover{color:#0d8ddf}.details-button{background:none;border:none;color:#1da1f2;cursor:pointer;font-size:14px;padding:6px 12px}.details-button:hover{text-decoration:underline}.delete-button{background:none;border:none;color:#e74c3c;cursor:pointer;font-size:14px;padding:6px 12px}.delete-button:hover{text-decoration:underline}@media (max-width:800px){.post{align-items:flex-start;flex-direction:row}.post-user-icon{height:40px;width:40px}.post-content{margin-left:10px}}.pagination{margin-top:20px;text-align:center;-webkit-user-select:none;user-select:none}.pagination button{background:#eee;border:none;border-radius:4px;color:#333;cursor:pointer;margin:0 5px;padding:6px 12px;transition:background .2s}.pagination button:hover{background:#ccc}.pagination button.active{background:#1da1f2;color:#fff}.ellipsis{color:#999;margin:0 6px}.tag-bar{border-bottom:1px solid #ccc;display:flex;flex-wrap:wrap;gap:8px;margin:16px 0;padding:8px}.tag{background-color:#eee;border:none;border-radius:16px;cursor:pointer;font-size:14px;padding:6px 10px;transition:background-color .2s}.tag:hover{background-color:#ddd}.tag.active{background-color:#1da1f2;color:#fff}.post-list{display:flex;flex-direction:column;gap:12px}.post{align-items:flex-start;background-color:#fff;border-radius:10px;box-shadow:0 1px 6px #0000000d;display:flex;padding:12px}.app.dark .post{background-color:#1e2732;color:#fff}.post-user-icon{border-radius:50%;height:48px;margin-right:12px;object-fit:cover;width:48px}.post-user-name{font-size:15px;font-weight:700;margin:0}.post-user-id{color:gray;font-size:14px;margin-left:6px}.app.dark .post-user-id{color:#8899a6}.post-text{font-size:15px;line-height:1.4;margin:6px 0 0}@media (max-width:600px){.post{padding:10px}.post-text,.post-user-name{font-size:14px}.user-info{flex-direction:row;padding:10px}.user-name{font-size:15px}.user-id{font-size:13px}}.app{margin:0 auto;max-width:600px;padding:16px}@media (max-width:768px){.app{padding:12px}.post{align-items:flex-start;flex-direction:row}.post-user-icon{height:40px;margin-bottom:8px;width:40px}.post-content{width:100%}}.App{text-align:center}.App-logo{height:40vmin;pointer-events:none}@media (prefers-reduced-motion:no-preference){.App-logo{animation:App-logo-spin 20s linear infinite}}.App-header{align-items:center;background-color:#282c34;color:#fff;display:flex;flex-direction:column;font-size:calc(10px + 2vmin);justify-content:center;min-height:100vh}.App-link{color:#61dafb}@keyframes App-logo-spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}body.light{background-color:#fff;color:#000}body.dark{background-color:#121212;color:#fff}body{font-family:"system-ui",sans-serif;margin:0;min-height:100vh;padding:0;transition:background-color .3s ease,color .3s ease}
/*# sourceMappingURL=main.56178592.css.map*/