body{margin:0}*{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;background:#f5f5f5;color:#333}.login{max-width:360px;margin:120px auto;text-align:center}.login h1{margin-bottom:24px;font-size:24px}.login form{display:flex;flex-direction:column;gap:12px}.login input{padding:10px 14px;border:1px solid #ccc;border-radius:6px;font-size:14px}.login button{padding:10px;background:#2563eb;color:#fff;border:none;border-radius:6px;font-size:14px;cursor:pointer}.login button:hover{background:#1d4ed8}.error{color:#dc2626;font-size:13px}.labeler-page{max-width:1100px;margin:0 auto;padding:24px 16px 80px}.message{padding:10px 14px;background:#dbeafe;border-radius:6px;margin-bottom:16px;font-size:13px}.loading,.done{text-align:center;padding:48px 0;color:#888;font-size:16px}.label-form{background:#fff;border:1px solid #e5e5e5;border-radius:8px;padding:24px}.text-content{font-size:15px;line-height:1.5;margin-bottom:24px;padding:16px;background:#fafafa;border-radius:6px}.text-content p{margin:0 0 4px}.text-content .muted{color:#888;font-style:italic}.text-content u{text-decoration:underline}.text-content strong{font-weight:700}.vignette-meta{margin-bottom:14px;padding-bottom:10px;border-bottom:1px solid #e5e5e5}.vignette-title{font-size:18px;font-weight:700;margin-bottom:4px}.vignette-info{font-size:12px;color:#666}.vignette-body{padding-left:20px}.eval-block{margin-bottom:24px;padding:16px;background:#fafafa;border-radius:6px}.eval-question{font-size:14px;font-weight:600;color:#333;margin-bottom:6px;line-height:1.4}.eval-help{font-size:12px;color:#666;margin-bottom:12px;line-height:1.4}.eval-label{display:block;font-size:13px;font-weight:600;color:#444;margin-bottom:6px}.eval-block input[type=range]{width:100%;cursor:pointer}.comment-field{margin-top:8px}.comment-field textarea{width:100%;padding:10px 14px;border:1px solid #e5e5e5;border-radius:6px;font-size:14px;font-family:inherit;resize:vertical}.bottom-nav{display:flex;flex-direction:column;align-items:center;gap:16px;margin-top:32px;padding-top:24px;border-top:1px solid #e5e5e5}.nav-arrows{display:flex;align-items:center;gap:24px}.nav-btn{padding:10px 20px;background:#f0f0f0;border:1px solid #ccc;border-radius:6px;font-size:18px;cursor:pointer;min-width:60px}.nav-btn:hover:not(:disabled){background:#e5e5e5}.nav-btn:disabled{opacity:.4;cursor:default}.nav-position{font-size:14px;color:#666;font-variant-numeric:tabular-nums;min-width:70px;text-align:center}.logout-btn{padding:6px 14px;background:none;border:1px solid #ccc;border-radius:4px;font-size:12px;color:#666;cursor:pointer}.logout-btn:hover{background:#f0f0f0}.footer-actions{display:flex;align-items:center;gap:8px}.export-link{padding:6px 14px;border:1px solid #ccc;border-radius:4px;font-size:12px;color:#666;text-decoration:none}.export-link:hover{background:#f0f0f0}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0f172a8c;display:flex;align-items:center;justify-content:center;z-index:100;padding:16px}.modal{background:#fff;border-radius:10px;padding:24px 24px 20px;max-width:460px;width:100%;box-shadow:0 24px 60px #0f172a59}.modal-title{font-size:17px;font-weight:700;color:#b45309;margin-bottom:12px}.modal-intro{font-size:14px;color:#333;margin-bottom:10px}.modal-missing-list{margin:0 0 20px 20px;padding:0;font-size:14px;color:#333;line-height:1.6}.modal-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:10px}.modal-btn{padding:9px 16px;border-radius:6px;font-size:13px;font-weight:600;cursor:pointer;border:1px solid transparent;font-family:inherit}.modal-btn-primary{background:#2563eb;color:#fff}.modal-btn-primary:hover{background:#1d4ed8}.modal-btn-secondary{background:#fff;border-color:#ccc;color:#555}.modal-btn-secondary:hover{background:#f5f5f5}