:root{font-family:system-ui,sans-serif;color:#e8edf5;background:#0b1220;color-scheme:dark}body{margin:0;min-height:100vh;display:grid;place-items:center}main{box-sizing:border-box;width:min(440px,calc(100% - 32px));padding:36px;background:#152036;border:1px solid #2a3a54;border-radius:20px;box-shadow:0 24px 80px #0005}.eyebrow{color:#8db8ff;font-size:12px;letter-spacing:.15em;font-weight:700}h1{font-size:28px;line-height:1.2}p{color:#aebbd0;line-height:1.6}form{display:grid;gap:12px;margin-top:28px}label{font-size:14px;font-weight:600}input,button{font:inherit;padding:13px;border-radius:9px;border:1px solid #3d506b}input{background:#0c1525;color:#fff;width:100%;box-sizing:border-box}button{background:#3775df;color:white;font-weight:600;cursor:pointer;margin-top:12px}button:disabled{opacity:.5;cursor:wait}input:focus-visible,button:focus-visible{outline:3px solid #92bbff;outline-offset:3px}#login-error{color:#ffb0b0;margin:0}.help{font-size:12px;margin-bottom:0}
.google-button{display:flex;align-items:center;justify-content:center;gap:12px;background:#fff;color:#202124;text-decoration:none;border:1px solid #dadce0;border-radius:9px;padding:14px 18px;margin:28px 0 16px;font-weight:600}.google-button:hover{background:#eef3fb}.google-button:focus-visible{outline:3px solid #92bbff;outline-offset:3px}.google-button svg{flex:none}
.pending-comment-box{margin-top:16px;padding:16px;background:#0f182b;border:1px solid #2a3a54;border-radius:12px;display:flex;flex-direction:column;gap:10px}.pending-comment-box label{font-size:13px;color:#c5d3e8;font-weight:600}.pending-comment-box textarea{font:inherit;font-size:13px;background:#080e1a;color:#fff;border:1px solid #3d506b;border-radius:8px;padding:10px;resize:vertical;min-height:64px;box-sizing:border-box;width:100%;line-height:1.5}.pending-comment-box textarea:focus-visible{outline:2px solid #8db8ff;border-color:transparent}.comment-footer{display:flex;align-items:center;justify-content:space-between;gap:8px}#comment-counter{font-size:12px;color:#7b8fa9;font-weight:500}#btn-submit-comment{background:#2563eb;color:#fff;font-size:13px;font-weight:600;padding:8px 14px;border:none;border-radius:7px;cursor:pointer;margin-top:0;transition:background .15s ease}#btn-submit-comment:hover{background:#1d4ed8}#btn-submit-comment:disabled{opacity:.6;cursor:not-allowed}.comment-status{font-size:12px;margin:4px 0 0;line-height:1.4}.comment-status.success{color:#4ade80;font-weight:600}.comment-status.error{color:#f87171;font-weight:600}