*{margin:0;padding:0;box-sizing:border-box}body{font-family:Segoe UI,system-ui,-apple-system,sans-serif;background:#f0f2f5;color:#1a1a2e;line-height:1.6}a{color:#6c63ff;text-decoration:none}a:hover{text-decoration:underline}button{cursor:pointer;border:none;border-radius:8px;padding:10px 20px;font-size:.95rem;font-weight:600;transition:all .2s}.btn-primary{background:#6c63ff;color:#fff}.btn-primary:hover{background:#5a52d5}.btn-danger{background:#ff6b6b;color:#fff}.btn-danger:hover{background:#ee5a5a}.btn-secondary{background:#e0e0e0;color:#333}input,textarea{width:100%;padding:10px 14px;border:1px solid #ddd;border-radius:8px;font-size:.95rem;font-family:inherit;transition:border .2s}input:focus,textarea:focus{outline:none;border-color:#6c63ff}.container{max-width:900px;margin:0 auto;padding:20px}nav{background:#fff;box-shadow:0 2px 10px #00000014;padding:14px 0;position:sticky;top:0;z-index:10}nav .container{display:flex;justify-content:space-between;align-items:center}nav .logo{font-size:1.4rem;font-weight:700;color:#6c63ff}nav .nav-links{display:flex;gap:16px;align-items:center}nav .nav-links span{color:#666}.card{background:#fff;border-radius:12px;padding:24px;margin-bottom:16px;box-shadow:0 2px 8px #0000000f;transition:transform .2s}.card:hover{transform:translateY(-2px)}.card h2{margin-bottom:8px;color:#1a1a2e}.card .meta{color:#888;font-size:.85rem;margin-bottom:8px}.card .desc{color:#555;margin-bottom:12px}.form-group{margin-bottom:16px}.form-group label{display:block;margin-bottom:6px;font-weight:600;color:#333}.auth-page{display:flex;justify-content:center;align-items:center;min-height:80vh}.auth-form{background:#fff;padding:40px;border-radius:16px;box-shadow:0 4px 20px #0000001a;width:100%;max-width:400px}.auth-form h2{text-align:center;margin-bottom:24px;color:#6c63ff}.error{color:#ff6b6b;font-size:.85rem;margin-top:4px}.comment{border-left:3px solid #6c63ff;padding:12px 16px;margin-bottom:12px;background:#f8f8ff;border-radius:0 8px 8px 0}.comment .meta{color:#888;font-size:.8rem}.dates{display:flex;gap:16px;color:#6c63ff;font-size:.9rem;font-weight:500;margin-bottom:8px}.badge{background:#6c63ff22;color:#6c63ff;padding:2px 10px;border-radius:12px;font-size:.8rem;font-weight:600}.empty{text-align:center;padding:60px 20px;color:#999}