.btn{display:inline-block;padding:10px 20px;font-weight:600;text-decoration:none;cursor:pointer;transition:.2s ease}.btn-border:hover{color:#fff;background:#000}button.btn.btn-border{background:#fff;border:2px solid #000}button.btn.btn-border:hover{background:#000;color:#fff}.btn{display:inline-block;cursor:pointer;padding:8px 16px;text-decoration:none;font-weight:700;transition:.2s}.btn-border{border:2px solid #000;border-radius:0;background:#fff;color:#000}.btn-border:hover{background:#000;color:#fff}.site-title-link{text-decoration:none;color:inherit;font-size:20px;font-weight:700}.site-header{position:sticky;top:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px 16px;border-bottom:1px solid #ddd;background:#fff}.site-header-left{display:flex;align-items:center;gap:8px}.site-title{margin:0;font-size:22px}.nav-links{display:flex;align-items:center;gap:12px}.nav-link{font-size:14px;padding:6px 10px;border-radius:6px;border:1px solid transparent;text-decoration:none;color:#333;white-space:nowrap}.nav-link:hover{border-color:#999;background:#f7f7f7;color:#333!important}.nav-link-accent{border-color:#333;font-weight:600}.login-status{font-size:12px;color:#555;white-space:nowrap}.nav-toggle{display:none;width:32px;height:32px;padding:0;border:none;background:transparent;flex-direction:column;justify-content:center;align-items:center;gap:4px;cursor:pointer}.nav-toggle span{display:block;width:20px;height:2px;background:#333;border-radius:999px;transition:transform .2s ease,opacity .2s ease}.nav-toggle-open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.nav-toggle-open span:nth-child(2){opacity:0}.nav-toggle-open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}.search-bar{display:flex;flex-wrap:wrap;gap:.75rem;align-items:center;margin-bottom:1rem}.search-input,.search-tag-input{padding:6px 8px;flex:1 1 140px;min-width:0}.search-button{padding:6px 12px;background:#333;border:none;border-radius:4px;cursor:pointer;flex:0 0 auto;white-space:nowrap}.register-container{max-width:420px;margin:40px auto;padding:24px;background:#fff;border-radius:6px;box-shadow:0 0 8px #0000001a}.register-title{font-size:22px;font-weight:700;margin-bottom:16px}.register-error{color:red;margin-bottom:12px}.register-form{display:flex;flex-direction:column;gap:16px}.form-group label{display:block;margin-bottom:4px;font-weight:600}.input{width:100%;padding:8px 10px;border:1px solid #ccc;border-radius:4px}.btn-primary{background:#333;padding:10px 12px;border:none;border-radius:4px;cursor:pointer}.btn-primary:hover{background:#000}.register-footer{margin-top:16px}@media (max-width: 640px){.site-header{position:sticky;top:0}.login-status{display:none}.nav-toggle{display:inline-flex}.nav-links{position:absolute;top:56px;left:0;right:0;padding:8px 16px 12px;background:#fff;border-bottom:1px solid #eee;display:none;flex-direction:column;align-items:stretch;gap:8px}.nav-links.nav-open{display:flex}.nav-link{display:block;text-align:center;padding:10px 12px;border-radius:8px;border:1px solid #333}.nav-link-accent{background:#333;color:#fff}.search-bar{flex-direction:column;align-items:stretch}.search-input,.search-tag-input,.search-button{width:100%;flex:0 0 auto;box-sizing:border-box}}.nav-link-accent:hover{background:#333;color:#fff}.nav-link-accent{border:2px solid #e53935;color:#e53935;background:#fff;font-weight:700}.nav-link-accent:hover{background:#e53935;color:#fff!important;border-color:#e53935}