*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:#2c3e50;background:#f5f5f5;min-height:100vh;font-family:Avenir,Helvetica,Arial,sans-serif}#app{max-width:640px;margin:0 auto;padding:24px 16px}header{text-align:center;margin-bottom:32px}header h1{color:#1a1a1a;font-size:1.5rem}.greeting{color:#666;margin-top:4px;font-size:.95rem}.post-list{flex-direction:column;gap:12px;margin-bottom:32px;display:flex}.empty{text-align:center;color:#999;padding:32px 0}.post-card{background:#fff;border-radius:8px;padding:16px;box-shadow:0 1px 3px #00000014}.post-header{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.post-header h3{color:#1a1a1a;flex:1;font-size:1.05rem}.post-body{color:#333;white-space:pre-wrap;margin-top:8px;font-size:.95rem;line-height:1.5}.post-meta{color:#999;margin-top:12px;font-size:.8rem}.post-author{font-weight:600}.verified-badge{color:#fff;vertical-align:middle;background:#06c755;border-radius:10px;align-items:center;gap:3px;margin-left:4px;padding:1px 6px;font-size:.7rem;font-weight:600;display:inline-flex}.delete-btn{color:#999;cursor:pointer;background:0 0;border:1px solid #e0e0e0;border-radius:4px;padding:2px 8px;font-size:.78rem;transition:all .15s}.delete-btn:hover{color:#e53935;border-color:#e53935}.post-form{background:#fff;border-radius:8px;padding:20px;box-shadow:0 1px 3px #00000014}.post-form h2{color:#1a1a1a;margin-bottom:12px;font-size:1.1rem}.post-form input,.post-form textarea{border:1px solid #ddd;border-radius:6px;width:100%;margin-bottom:10px;padding:10px 12px;font-family:inherit;font-size:.95rem;transition:border-color .15s}.post-form input:focus,.post-form textarea:focus{border-color:#06c755;outline:none}.post-form textarea{resize:vertical;min-height:80px}.post-form button{color:#fff;cursor:pointer;background:#06c755;border:none;border-radius:6px;width:100%;padding:10px;font-size:.95rem;font-weight:600;transition:background .15s}.post-form button:hover{background:#05a747}.error{text-align:center;padding:60px 16px}.error h1{color:#e53935}.error code{color:#999;word-break:break-all;margin:12px 0;font-size:.85rem;display:block}.loading{text-align:center;color:#999;padding:60px 16px}
