:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light;color:#213547;background-color:#fff;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}body{margin:0;min-width:320px;min-height:100vh;background-color:#f5f7fa}.reading-log-form-container{max-width:600px;margin:0 auto;padding:2rem;background-color:#fff;border-radius:12px;box-shadow:0 4px 6px #0000001a}.reading-log-form-container h2{text-align:center;color:#333;margin-bottom:1.5rem;font-size:1.8rem}.reading-log-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem;text-align:left}.form-group label{font-weight:600;color:#555;font-size:.95rem}.form-group input,.form-group textarea{padding:.75rem;border:1px solid #ddd;border-radius:8px;font-size:1rem;transition:border-color .2s;font-family:inherit}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#646cff;box-shadow:0 0 0 2px #646cff33}.submit-btn{margin-top:1rem;padding:.8rem;background-color:#646cff;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s}.submit-btn:hover{background-color:#535bf2}.submit-btn:active{transform:translateY(1px)}body{margin:0}