:root{color-scheme:light;--annotation-ink: #111827;--annotation-muted: rgba(17, 24, 39, .62);--annotation-line: rgba(13, 26, 51, .08);--annotation-surface: rgba(255, 255, 255, .76);--annotation-blue: #0a84ff;--annotation-blue-hover: #0066cc;--annotation-cyan: #30b0c7;--annotation-amber: #ff7a1a;--annotation-red: #ff3b30;--annotation-green: #34c759;--annotation-bg: radial-gradient(circle at 12% 14%, rgba(10, 132, 255, .12), transparent 24%), radial-gradient(circle at 86% 10%, rgba(255, 122, 26, .12), transparent 20%), radial-gradient(circle at 50% 78%, rgba(48, 176, 199, .08), transparent 26%), linear-gradient(180deg, #f5f7fb 0%, #edf3fb 42%, #f7f4ef 100%);--font-sans: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--font-mono: ui-monospace, SFMono-Regular, SF Pro Text, Menlo, Monaco, Consolas, monospace}*,*:before,*:after{box-sizing:border-box}html,body,#root{min-height:100vh;margin:0;padding:0}html{background:#f5f7fb;scroll-behavior:smooth}body{min-width:320px;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;color:var(--annotation-ink);background:var(--annotation-bg);background-attachment:fixed;font-family:var(--font-sans);line-height:1.5}.card{background:var(--annotation-surface);backdrop-filter:blur(28px) saturate(165%);-webkit-backdrop-filter:blur(28px) saturate(165%);border:1px solid rgba(255,255,255,.86);border-radius:16px;box-shadow:0 24px 80px #20345914,0 8px 24px #2034590a;padding:2.5rem;margin-bottom:2rem;transition:transform .3s cubic-bezier(.34,1.56,.64,1),box-shadow .3s ease;animation:fadeSlideUp .4s ease forwards}.card:hover{box-shadow:0 32px 96px #2034591f,0 12px 36px #2034590f}.app-shell{max-width:900px;margin:0 auto;padding:2rem 1.5rem;display:flex;flex-direction:column;min-height:100vh}.app-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2.5rem;border-bottom:1px solid var(--annotation-line);padding-bottom:1.5rem}.app-header h1{font-size:1.75rem;font-weight:700;letter-spacing:-.5px;margin:0;background:linear-gradient(135deg,var(--annotation-ink) 30%,var(--annotation-blue) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.app-content{flex-grow:1}.app-footer{margin-top:3rem;padding-top:1.5rem;border-top:1px solid var(--annotation-line);text-align:center;font-size:.85rem;color:var(--annotation-muted)}h2,h3,h4{color:var(--annotation-ink);font-weight:600;margin-top:0}h2{font-size:1.5rem;margin-bottom:.5rem}.screen-desc{color:var(--annotation-muted);font-size:1rem;margin-bottom:2rem}.submit-btn{background:var(--annotation-blue);color:#fff;border:none;border-radius:8px;padding:.85rem 1.75rem;font-weight:600;font-size:.95rem;transition:all .2s ease;display:inline-flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #0a84ff33;cursor:pointer}.submit-btn:hover:not(:disabled){background:var(--annotation-blue-hover);transform:translateY(-1px);box-shadow:0 6px 16px #0a84ff4d}.submit-btn:active:not(:disabled){transform:translateY(1px)}.submit-btn:disabled{background:#11182714;color:var(--annotation-muted);box-shadow:none;cursor:not-allowed}.outline-btn{background:transparent;color:var(--annotation-ink);border:1px solid var(--annotation-line);box-shadow:none}.outline-btn:hover:not(:disabled){background:#11182708;border-color:#11182733;box-shadow:none}.compact-btn{padding:.5rem 1rem;font-size:.85rem}.reviewer-link-btn{background:transparent;border:1px solid var(--annotation-line);color:var(--annotation-muted);border-radius:6px;padding:.4rem .8rem;font-size:.85rem;transition:all .2s ease;font-weight:500}.reviewer-link-btn:hover{background:#1118270a;color:var(--annotation-ink)}.form-group,.field-row{margin-bottom:1.5rem;text-align:left;display:flex;flex-direction:column}.field-label,.form-group label{font-size:.875rem;font-weight:600;margin-bottom:.5rem;color:var(--annotation-ink)}.text-input,.input-field{width:100%;padding:.85rem 1rem;border-radius:8px;border:1px solid var(--annotation-line);background:#ffffff80;font-size:.95rem;transition:all .2s ease;color:var(--annotation-ink)}.text-input:focus,.input-field:focus{outline:none;border-color:var(--annotation-blue);background:#fff;box-shadow:0 0 0 4px #0a84ff26}.annotate-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.75rem}.progress-bar-container{display:flex;flex-direction:column;gap:.4rem;flex-grow:1;max-width:60%}.progress-text{font-size:.85rem;font-weight:600;color:var(--annotation-muted)}.progress-track{height:6px;background:var(--annotation-line);border-radius:999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,var(--annotation-blue),var(--annotation-cyan));border-radius:999px;transition:width .4s cubic-bezier(.34,1.56,.64,1)}.timer-box{display:flex;align-items:center;gap:.5rem;background:#1118270a;padding:.4rem .8rem;border-radius:8px;font-family:var(--font-mono);font-weight:600;font-size:.95rem}.timer-box.warning{background:#ff3b3014;color:var(--annotation-red);animation:timerPulse 1s ease-in-out infinite}.email-display{background:#fff;border:1px solid var(--annotation-line);border-radius:12px;text-align:left;margin-bottom:1.5rem;overflow:hidden}.email-meta{background:#11182704;border-bottom:1px solid var(--annotation-line);padding:1rem 1.25rem;display:flex;flex-direction:column;gap:.5rem;font-size:.9rem}.meta-row{display:flex;gap:.5rem}.meta-label{font-weight:600;color:var(--annotation-muted);min-width:80px}.meta-val{color:var(--annotation-ink)}.meta-val.mismatch{color:var(--annotation-red);font-weight:600;background:#ff3b3014;padding:.1rem .4rem;border-radius:4px}.email-body{padding:1.5rem 1.25rem;font-size:.95rem;white-space:pre-wrap;color:var(--annotation-ink)}.annotator-context{background:#30b0c70f;border-left:4px solid var(--annotation-cyan);padding:1rem 1.25rem;margin:1.25rem;border-radius:0 8px 8px 0;font-size:.9rem}.context-header{font-weight:700;color:var(--annotation-cyan);margin-bottom:.25rem}.divider{height:1px;background:var(--annotation-line);margin:2rem 0}.annotation-form{text-align:left}.form-section{margin-bottom:2rem}.section-label{font-size:.95rem;font-weight:700;margin-bottom:.75rem;color:var(--annotation-ink);display:block}.pills-grid{display:flex;flex-wrap:wrap;gap:.75rem}.pill-option{background:#fff;border:1.5px solid var(--annotation-line);color:var(--annotation-ink);padding:.6rem 1.1rem;border-radius:20px;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s cubic-bezier(.16,1,.3,1);display:inline-flex;align-items:center;-webkit-user-select:none;user-select:none}.pill-option:hover{background:#11182705;border-color:#11182733}.pill-option.active{background:#0a84ff14;border-color:var(--annotation-blue);color:var(--annotation-blue);font-weight:600}.pill-option.active.severity-severe{background:#ff3b3014;border-color:var(--annotation-red);color:var(--annotation-red)}.pill-option.active.severity-actionable{background:#ff7a1a14;border-color:var(--annotation-amber);color:var(--annotation-amber)}.pill-option.active.severity-benign{background:#34c75914;border-color:var(--annotation-green);color:var(--annotation-green)}.result-panel{border-radius:12px;margin-bottom:2rem;overflow:hidden;border:1px solid var(--annotation-line);background:#fff}.res-head{padding:1.25rem 1.5rem;font-size:1.15rem;font-weight:700;display:flex;align-items:center;gap:.75rem}.res-head.pass{background:#34c75914;color:#1e7e34}.res-head.partial{background:#ff7a1a14;color:#b25000}.res-head.fail{background:#ff3b3014;color:#c82333}.res-icon{font-size:1.25rem}.score-breakdown-details{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--annotation-line);background:#fff}.breakdown-item{padding:1rem;text-align:center;border-right:1px solid var(--annotation-line);display:flex;flex-direction:column;gap:.25rem}.breakdown-item:last-child{border-right:none}.breakdown-item span{font-size:.8rem;color:var(--annotation-muted)}.breakdown-item strong{font-size:1.1rem;color:var(--annotation-ink)}.res-body{padding:1.5rem;text-align:left}.res-body h4{margin-bottom:.5rem;font-size:1rem}.res-body p{color:var(--annotation-muted);font-size:.95rem;line-height:1.5}.results-header{text-align:center;position:relative}.candidate-info-sub{color:var(--annotation-muted);font-size:.95rem;margin-bottom:2rem}.score-hero{display:flex;justify-content:center;align-items:center;gap:3rem;flex-wrap:wrap;margin:1rem 0}.score-circle{width:140px;height:140px;border-radius:50%;background:linear-gradient(135deg,var(--annotation-blue) 0%,var(--annotation-cyan) 100%);display:flex;flex-direction:column;align-items:center;justify-content:center;color:#fff;box-shadow:0 12px 32px #0a84ff40;animation:springIn .5s cubic-bezier(.175,.885,.32,1.275) forwards}.score-percentage{font-size:2.25rem;font-weight:800;line-height:1}.score-raw{font-size:.75rem;opacity:.9;margin-top:.25rem;font-weight:600}.band-status-wrap{text-align:left;max-width:320px}.band-badge{display:inline-block;padding:.4rem 1rem;border-radius:20px;font-weight:700;font-size:.9rem;text-transform:uppercase;margin-bottom:.75rem;letter-spacing:.5px}.band-badge.advanced{background:#0a84ff1a;color:var(--annotation-blue);border:1px solid rgba(10,132,255,.2)}.band-badge.proficient{background:#30b0c71a;color:var(--annotation-cyan);border:1px solid rgba(48,176,199,.2)}.band-badge.foundation{background:#ff7a1a1a;color:var(--annotation-amber);border:1px solid rgba(255,122,26,.2)}.band-verdict{color:var(--annotation-muted);font-size:.95rem;line-height:1.4;margin:0}.table-wrap{overflow-x:auto;border:1px solid var(--annotation-line);border-radius:12px;background:#fff;margin:1.5rem 0}.breakdown-table{width:100%;border-collapse:collapse;text-align:left;font-size:.9rem}.breakdown-table th{background:#11182705;font-weight:700;color:var(--annotation-muted);padding:1rem 1.25rem;border-bottom:2px solid var(--annotation-line)}.breakdown-table td{padding:1.25rem;border-bottom:1px solid var(--annotation-line);vertical-align:top}.breakdown-table tr:last-child td{border-bottom:none}.sc-table-title{font-weight:700;color:var(--annotation-ink);margin-bottom:.25rem}.sc-table-subject{font-size:.8rem;color:var(--annotation-muted)}.cell-val-badge{display:inline-block;padding:.25rem .6rem;border-radius:6px;font-size:.8rem;font-weight:600;margin-bottom:.4rem}.cell-val-badge.match-correct{background:#34c75914;color:#1e7e34}.cell-val-badge.match-partial{background:#ff7a1a14;color:#b25000}.cell-val-badge.match-wrong{background:#ff3b3014;color:#c82333}.correct-hint{font-size:.75rem;color:var(--annotation-muted)}.action-row-footer{display:flex;justify-content:center;margin-top:1.5rem}.badges-container{text-align:left}.badges-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:1.25rem;margin-top:1.25rem}.badge-item{display:flex;align-items:center;gap:.75rem;background:#fff;border:1px solid var(--annotation-line);border-radius:10px;padding:.75rem;transition:transform .2s ease;animation:popIn .4s ease forwards}.badge-item:hover{transform:translateY(-2px)}.badge-icon{font-size:1.75rem;width:44px;height:44px;background:#ffd60a26;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 10px #ffd60a33}.badge-info{display:flex;flex-direction:column}.badge-name{font-weight:700;font-size:.85rem;color:var(--annotation-ink)}.badge-desc{font-size:.75rem;color:var(--annotation-muted)}.leaderboard-section{text-align:left}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table th,.leaderboard-table td{padding:.85rem 1.25rem}.leaderboard-table tr.rank-gold{background:#ffd7000d}.leaderboard-table tr.rank-silver{background:#c0c0c00a}.leaderboard-table tr.rank-bronze{background:#cd7f3208}.band-pill{display:inline-block;padding:.2rem .5rem;border-radius:12px;font-size:.75rem;font-weight:700}.band-pill.advanced{background:#0a84ff1a;color:var(--annotation-blue)}.band-pill.proficient{background:#30b0c71a;color:var(--annotation-cyan)}.band-pill.foundation{background:#ff7a1a1a;color:var(--annotation-amber)}.reviewer-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;border-bottom:1px solid var(--annotation-line);padding-bottom:1rem}.reviewer-card-header h2{margin:0}.reviewer-login-form{max-width:400px;margin:0 auto;text-align:left}.error-msg{color:var(--annotation-red);font-size:.85rem;font-weight:600;margin-bottom:1.25rem;background:#ff3b3014;padding:.6rem .8rem;border-radius:6px;border-left:3px solid var(--annotation-red)}.reviewer-meta-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;font-size:.95rem}.reviewer-table th{-webkit-user-select:none;user-select:none}.band-badge.compact{padding:.15rem .5rem;font-size:.75rem;margin-bottom:0;border-radius:4px}.reviewer-table tbody tr{transition:background-color .15s ease}.reviewer-table tbody tr:hover{background-color:#007aff0a}.reviewer-table tbody tr.expanded-row{background-color:#007aff0f}.expand-indicator{display:inline-block;width:1.2em;font-size:.8rem;color:var(--annotation-muted)}.raw-data-row td{background:var(--annotation-card-bg);border-top:none!important}.raw-data-panel{padding:1.25rem 1.5rem;border-left:3px solid var(--annotation-accent, #007aff);animation:fadeSlideUp .2s ease}.raw-data-summary h4,.raw-data-scenarios h4{font-size:.85rem;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--annotation-muted);margin:0 0 .75rem}.raw-data-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:.75rem;margin-bottom:1.5rem}.raw-data-item{display:flex;flex-direction:column;gap:.15rem}.raw-label{font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.03em;color:var(--annotation-muted)}.raw-value{font-size:.95rem;font-weight:600}.scenario-detail-table{font-size:.8rem}.scenario-detail-table th{font-size:.7rem;text-transform:uppercase;letter-spacing:.03em;white-space:nowrap}.scenario-detail-table td{vertical-align:top}.match-correct{color:var(--annotation-green, #34c759);font-weight:600}.match-incorrect{color:var(--annotation-red, #ff3b30);font-weight:600}.raw-signals{font-size:.75rem;word-break:break-word}@keyframes fadeSlideUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes springIn{0%{transform:scale(.96)}60%{transform:scale(1.02)}to{transform:scale(1)}}@keyframes timerPulse{0%,to{opacity:1}50%{opacity:.75}}@keyframes popIn{0%{opacity:0;transform:scale(.88) translateY(12px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes envelopeOpen{0%{opacity:0;transform:translateY(10px) scale(.99)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes glowPulse{0%,to{box-shadow:0 0 #ffd60a4d}50%{box-shadow:0 0 0 6px #ffd60a00}}@keyframes tooltipCountdown{0%{width:100%}to{width:0%}}.anim-envelopeOpen{animation:envelopeOpen .32s ease forwards}.anim-fadeSlideUp{animation:fadeSlideUp .28s ease forwards}.anim-timerPulse{animation:timerPulse .9s ease-in-out infinite}.anim-glowPulse{animation:glowPulse 1.6s ease-in-out infinite}