:root{--bg-primary: #f7f7f5;--bg-surface: #ffffff;--bg-hover: #f0efed;--text-primary: #111110;--text-secondary: #4a4a48;--text-muted: #8a8a88;--border: #e4e4e0;--border-accent: #c8c8c4;--accent: #d97706;--accent-hover: #b45309;--accent-text: #ffffff;--accent-subtle: #fef3c7;--shadow-sm: 0 1px 3px rgba(0,0,0,.08);--shadow-md: 0 4px 12px rgba(0,0,0,.1);--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--text-xs: 11px;--text-sm: 13px;--text-base: 15px;--text-md: 17px;--text-lg: 22px;--text-xl: 30px;--text-logo: 20px}[data-theme=dark]{--bg-primary: hsl(222, 35%, 6%);--bg-surface: hsl(223, 28%, 10%);--bg-hover: hsl(223, 22%, 14%);--text-primary: hsl(220, 25%, 96%);--text-secondary: hsl(220, 10%, 72%);--text-muted: hsl(220, 8%, 50%);--border: hsl(223, 18%, 14%);--border-accent: hsl(223, 18%, 22%);--accent: hsl(168, 88%, 52%);--accent-hover: hsl(168, 88%, 44%);--accent-text: hsl(222, 35%, 6%);--accent-subtle: hsl(168, 60%, 12%);--accent2: hsl(282, 82%, 68%);--shadow-sm: 0 1px 3px rgba(0,0,0,.6);--shadow-md: 0 4px 16px rgba(0,0,0,.7)}.conf-high{color:#22bf75}.conf-mid{color:#19f0c5}.conf-low{color:#f9ab10}.upload-area,.drop-zone,.image-drop{min-height:140px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:2px dashed var(--border-accent);border-radius:var(--radius-md);padding:var(--space-10) var(--space-5);cursor:pointer;width:100%;box-sizing:border-box}[data-vegan=true]{--bg-primary: #f0fdf4;--bg-surface: #ffffff;--bg-hover: #dcfce7;--accent: #16a34a;--accent-hover: #15803d;--accent-subtle: #dcfce7;--border: #bbf7d0;--border-accent: #86efac}[data-theme=dark][data-vegan=true]{--bg-primary: #0d1a0d;--bg-surface: #141f14;--bg-hover: #1a2a1a;--accent: #4ade80;--accent-hover: #22c55e;--accent-subtle: #14290d;--border: #1a2e1a;--border-accent: #2a442a}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-family:Inter,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5;background-color:var(--bg-primary);color:var(--text-primary);transition:background-color .25s,color .25s}[data-theme=dark] body{background-image:radial-gradient(ellipse 90% 70% at 88% -8%,hsl(168 88% 52% / .18) 0,hsl(168 88% 52% / .07) 28%,transparent 62%),radial-gradient(ellipse 70% 60% at 8% 102%,hsl(282 82% 68% / .1) 0,transparent 58%)}[data-theme=dark] body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:linear-gradient(to right,hsl(223 18% 22% / .3) 1px,transparent 1px),linear-gradient(to bottom,hsl(223 18% 22% / .3) 1px,transparent 1px);background-size:40px 40px;z-index:0}body{min-height:100vh;display:flex;flex-direction:column}a{color:inherit;text-decoration:none}button{font-family:inherit;cursor:pointer;border:none;background:none}img{display:block;max-width:100%}.page-content{max-width:960px;margin:0 auto;padding:var(--space-10) var(--space-5);flex:1;position:relative;z-index:1}.nav{position:sticky;top:0;z-index:100;isolation:isolate;height:56px;background:var(--bg-surface);border-bottom:1px solid var(--border);display:flex;align-items:center;padding:0 var(--space-5);gap:var(--space-6);transition:background-color .25s,border-color .25s}.nav-logo{font-size:var(--text-logo);font-weight:700;flex-shrink:0;cursor:pointer}.logo-lunch{color:#fff;background:none}.logo-bench{background:linear-gradient(90deg,#19f0c5,#c86af0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.nav-links{display:flex;align-items:center;gap:var(--space-7, 28px);flex:1}.nav-link{font-size:var(--text-sm);font-weight:500;color:var(--text-secondary);padding-bottom:2px;border-bottom:2px solid transparent;transition:color .15s,border-color .15s;cursor:pointer}.nav-link:hover{color:var(--text-primary)}.nav-link.active{color:var(--text-primary);border-bottom-color:var(--accent)}.nav-theme-toggle{width:32px;height:32px;border-radius:var(--radius-sm);border:1px solid var(--border);background:none;color:var(--text-primary);font-size:16px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background-color .15s,border-color .25s}.nav-theme-toggle:hover{background:var(--bg-hover)}.nav-actions{display:flex;align-items:center;gap:var(--space-2);flex-shrink:0}.nav-vegan-toggle{padding:4px 10px;border-radius:var(--radius-sm);border:1px solid var(--border);background:none;color:var(--text-primary);font-size:13px;cursor:pointer;transition:background-color .15s,border-color .15s}.nav-vegan-toggle:hover{background:var(--bg-hover)}.nav-vegan-toggle.active{background:var(--accent-subtle);border-color:var(--accent);color:var(--accent);font-weight:600}@media (max-width: 480px){.nav{padding:0 var(--space-3);gap:var(--space-3)}.nav-logo-text{display:none}.nav-links{gap:var(--space-4, 16px)}.nav-link{font-size:var(--text-xs, 11px);white-space:nowrap}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:12px 28px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:600;transition:background-color .15s,transform .1s,border-color .15s;cursor:pointer;border:none;text-decoration:none}.btn:active{transform:scale(.98)}.btn-primary{background:var(--accent);color:var(--accent-text)}.btn-primary:hover{background:var(--accent-hover);transform:scale(1.02)}.btn-secondary{background:var(--bg-surface);color:var(--text-secondary);border:1px solid var(--border-accent)}.btn-secondary:hover{background:var(--bg-hover)}.btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.btn-full{width:100%;padding:12px}.lunch-card{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg);box-shadow:var(--shadow-md);overflow:hidden;transition:transform .15s ease,box-shadow .15s ease,border-color .25s,background-color .25s;display:flex;flex-direction:column;cursor:default}@keyframes neon-pulse{0%,to{box-shadow:0 0 6px #19f0c599,0 0 16px #19f0c54d;border-color:#19f0c5cc}50%{box-shadow:0 0 14px #19f0c5e6,0 0 32px #19f0c580;border-color:#19f0c5}}.lunch-card.voted{animation:neon-pulse 1.5s ease-in-out 1}@keyframes btn-hint-pulse{0%{transform:scale(1);box-shadow:0 0 #19f0c500}25%{transform:scale(1.1);box-shadow:0 0 0 6px #19f0c573}60%{transform:scale(1.05);box-shadow:0 0 0 10px #19f0c533}to{transform:scale(1);box-shadow:0 0 #19f0c500}}.btn-hint-pulse{animation:btn-hint-pulse .45s ease-out forwards}.lunch-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md),0 8px 24px #0000001f}[data-theme=dark] .lunch-card{background:radial-gradient(520px 260px at 0 0,hsl(168 88% 52% / .14),transparent 62%),radial-gradient(640px 300px at 100% 0,hsl(282 82% 68% / .12),transparent 58%),var(--bg-surface)}.lunch-card-image{flex:0 0 60%;min-height:240px;overflow:hidden}.lunch-card-image img{width:100%;height:100%;object-fit:cover}.lunch-card-placeholder{flex:0 0 60%;min-height:240px;background:var(--bg-hover);display:flex;flex-direction:column;gap:0;align-items:center;justify-content:center;position:relative;overflow:hidden}.placeholder-question{width:56px;height:56px;border-radius:50%;border:2px dashed var(--border-accent);color:var(--text-muted);font-size:24px;font-weight:700;display:flex;align-items:center;justify-content:center;position:relative;z-index:1}.placeholder-text{font-size:var(--text-xs);color:var(--text-muted);margin-top:12px;position:relative;z-index:1}.lunch-card-placeholder:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,var(--border) 1px,transparent 1px);background-size:20px 20px}.lunch-card-info{padding:16px 20px;flex:1}.lunch-card-name{font-size:var(--text-md);font-weight:600;color:var(--text-primary)}.lunch-card-description{font-size:var(--text-sm);color:var(--text-muted);margin-top:4px;line-height:1.4}.lunch-card-stats{font-size:var(--text-sm);color:var(--text-muted);margin-top:4px}.vegan-badge{display:inline-block;margin-left:6px}.vote-arena{display:flex;gap:var(--space-6);align-items:stretch}.vote-arena .lunch-card{flex:1;min-height:420px}.vote-vs{display:none}.vote-card-label{display:flex;align-items:center;justify-content:center;min-height:40px;font-size:13px;font-weight:700;letter-spacing:.12em;color:var(--text-primary);text-transform:uppercase;padding:0 var(--space-2);border-bottom:1px solid var(--border)}@keyframes bar-fill{0%{width:0%;box-shadow:0 0 6px #19f0c5,0 0 16px #19f0c599}50%{box-shadow:0 0 10px #c86af0,0 0 28px #c86af0b3}to{width:100%;box-shadow:0 0 6px #19f0c5,0 0 16px #19f0c599}}@keyframes arena-fade-out{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-4px)}}@keyframes arena-fade-in{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.vote-arena.fading-out{animation:arena-fade-out .25s ease-in forwards;pointer-events:none}.vote-arena.fading-in{animation:arena-fade-in .3s ease-out forwards}@media (prefers-reduced-motion: reduce){.vote-arena.fading-out,.vote-arena.fading-in{animation:none;opacity:1;transform:none}}@keyframes detail-enter{0%{opacity:0;transform:translateY(12px) scale(.98)}to{opacity:1;transform:none}}.detail-enter{animation:detail-enter .34s cubic-bezier(.22,1,.36,1) both}.detail-enter-1{animation-delay:0ms}.detail-enter-2{animation-delay:60ms}.detail-enter-3{animation-delay:.11s}.detail-enter-4{animation-delay:.16s}@media (prefers-reduced-motion: reduce){.detail-enter{animation:none;opacity:1;transform:none}}.vote-gradient-bar{height:2px;border-radius:1px;margin:var(--space-6) auto 0;max-width:600px;position:relative;overflow:hidden;background:linear-gradient(90deg,transparent 0,hsl(168 88% 52% / .45) 28%,hsl(282 82% 68% / .6) 52%,hsl(168 88% 52% / .45) 72%,transparent 100%)}.vote-gradient-bar:after{content:"";position:absolute;inset-block:0;left:0;width:0%;background:linear-gradient(90deg,#6ff6db,#dda2f6,#6ff6db);border-radius:1px;opacity:0}.vote-gradient-bar.loading:after{opacity:1;animation:bar-fill 1.5s linear forwards}.vote-buttons{display:flex;gap:var(--space-3);justify-content:center;margin-top:var(--space-4)}.vote-button-wrap{display:flex;flex-direction:column;align-items:center}.vote-key-hint{font-family:monospace;font-size:11px;color:var(--text-muted);background:var(--bg-hover);border:1px solid var(--border);border-radius:4px;padding:1px 5px;display:block;text-align:center;margin-bottom:4px}@media (hover: none) and (pointer: coarse){.vote-key-hint{display:none}}.vote-buttons .btn{min-width:140px}.vote-buttons.voted-state .btn{opacity:.35;pointer-events:none;transform:none!important;transition:opacity .2s}.how-it-works{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-6);max-width:860px;margin:var(--space-8) auto 0;padding:var(--space-6);background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius-lg)}.hiw-step{display:flex;flex-direction:column;gap:var(--space-2)}.hiw-num{font-size:28px;font-weight:700;color:var(--border-accent);line-height:1}.hiw-title{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0}.hiw-desc{font-size:var(--text-sm);color:var(--text-secondary);margin:0;line-height:1.6}.leaderboard-table{width:100%;border-collapse:collapse}.leaderboard-table thead th{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);padding:12px 16px;text-align:left;border-bottom:1px solid var(--border-accent)}.leaderboard-table tbody tr{transition:background-color .15s}.leaderboard-table tbody tr:hover{background:var(--bg-hover)}.leaderboard-table tbody td{padding:12px 16px;font-size:var(--text-sm);color:var(--text-primary);border-bottom:1px solid var(--border)}.rank-badge{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;border-radius:50%;font-size:var(--text-xs);font-weight:700}.rank-badge.gold{background:gold;color:#5a3e00}.rank-badge.silver{background:silver;color:#3a3a3a}.rank-badge.bronze{background:#cd7f32;color:#fff}.rank-badge.plain{background:transparent;color:var(--text-muted)}.lunch-thumb{width:36px;height:36px;border-radius:var(--radius-sm);object-fit:cover}.lunch-thumb-placeholder{width:36px;height:36px;border-radius:var(--radius-sm);background:var(--bg-hover);display:flex;align-items:center;justify-content:center;font-size:14px;font-weight:600;color:var(--text-muted)}.col-rank{width:56px;text-align:center}.col-name{min-width:180px}.col-rating{width:80px;font-weight:600}.col-record{width:100px;color:var(--text-muted);font-size:var(--text-xs)}.wins-text{color:#16a34a}.losses-text{color:#dc2626}[data-theme=dark] .wins-text{color:#4ade80}[data-theme=dark] .losses-text{color:#f87171}.name-cell{display:flex;align-items:center;gap:var(--space-3)}.lunch-name-row{font-weight:600}.leaderboard-subtitle{font-size:var(--text-xs);color:var(--text-muted);margin-top:2px}.mode-selector{display:flex;gap:var(--space-2);margin-bottom:var(--space-6);flex-wrap:wrap}.mode-btn{padding:8px 20px;border-radius:var(--radius-md);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-secondary);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:background-color .15s,color .15s,border-color .15s}.mode-btn:hover{background:var(--bg-hover)}.mode-btn.active{background:var(--accent);color:var(--accent-text);border-color:var(--accent)}.form-group{margin-bottom:var(--space-5)}.form-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:6px}.form-input{width:100%;padding:10px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--bg-surface);color:var(--text-primary);font-family:inherit;font-size:var(--text-base);transition:border-color .15s,box-shadow .15s,background-color .25s}.form-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-subtle)}.form-select{-webkit-appearance:none;-moz-appearance:none;appearance:none}.upload-area{border:2px dashed var(--border-accent);border-radius:var(--radius-md);padding:var(--space-10) var(--space-5);text-align:center;cursor:pointer;transition:background-color .15s,border-color .15s}.upload-area:hover{background:var(--bg-hover);border-color:var(--accent)}.upload-area p{color:var(--text-muted);font-size:var(--text-sm)}.upload-preview{max-height:200px;border-radius:var(--radius-sm);margin:var(--space-4) auto 0;display:block}.duplicate-warning{margin-top:var(--space-2);padding:10px 14px;border-radius:var(--radius-sm);background:#fef3c7;border:1px solid #fbbf24;font-size:var(--text-xs);color:#92400e}[data-theme=dark] .duplicate-warning{background:#292310;border-color:#d97706;color:#fcd34d}.duplicate-warning ul{margin:4px 0 0 16px}.duplicate-warning li{margin-top:2px}.search-dropdown-wrap{position:relative}.search-dropdown-list{position:absolute;top:100%;left:0;right:0;z-index:50;background:var(--bg-surface);border:1px solid var(--border-accent);border-top:none;border-radius:0 0 var(--radius-sm) var(--radius-sm);max-height:220px;overflow-y:auto;box-shadow:var(--shadow-md)}.search-dropdown-item{padding:10px 14px;font-size:var(--text-sm);color:var(--text-primary);cursor:pointer;transition:background-color .1s}.search-dropdown-item:hover,.search-dropdown-item.selected{background:var(--bg-hover)}.search-dropdown-empty{padding:10px 14px;font-size:var(--text-sm);color:var(--text-muted)}.alert{padding:12px 16px;border-radius:var(--radius-sm);font-size:var(--text-sm);margin-bottom:var(--space-5)}.alert-success{background:#dcfce7;color:#15803d}.alert-error{background:#fee2e2;color:#dc2626}[data-theme=dark] .alert-success{background:#14532d;color:#86efac}[data-theme=dark] .alert-error{background:#450a0a;color:#fca5a5}.skeleton{background:linear-gradient(90deg,var(--bg-hover) 25%,var(--bg-surface) 50%,var(--bg-hover) 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:var(--radius-sm)}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.skeleton-card{border-radius:var(--radius-lg);min-height:420px;flex:1}.skeleton-row{height:60px;margin-bottom:1px;border-radius:0}.state-center{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:var(--space-12) var(--space-5);gap:var(--space-4);min-height:300px}.state-icon{font-size:48px;line-height:1}.state-title{font-size:var(--text-lg);font-weight:600;color:var(--text-primary)}.state-desc{font-size:var(--text-base);color:var(--text-muted);max-width:360px}.error-icon-wrap{width:64px;height:64px;border-radius:50%;background:#fee2e2;color:#dc2626;display:flex;align-items:center;justify-content:center;font-size:28px}[data-theme=dark] .error-icon-wrap{background:#450a0a;color:#fca5a5}.page-heading{font-size:var(--text-lg);font-weight:700;color:var(--text-primary);margin-bottom:var(--space-6)}@media (max-width: 640px){.page-content{padding:var(--space-4) var(--space-3)}.nav-links{gap:var(--space-4)}.vote-arena{flex-direction:column;gap:var(--space-3)}.vote-arena .lunch-card{min-height:unset;flex-direction:row;align-items:center;overflow:hidden;border-radius:var(--radius-md)}.vote-arena .vote-card-label{min-height:36px;padding:0;border-bottom:1px solid var(--border);font-size:0}.vote-arena .vote-card-label:before{content:attr(data-short);font-size:12px;font-weight:700;letter-spacing:.12em}.vote-arena .lunch-card-image{flex:0 0 96px;min-height:96px;height:96px}.vote-arena .lunch-card-image img{width:96px;height:96px;object-fit:cover}.vote-arena .lunch-card-placeholder{flex:0 0 96px;min-height:96px;height:96px;border-radius:0}.vote-arena .lunch-card-info{padding:var(--space-3) var(--space-4);flex:1;min-width:0}.vote-arena .lunch-card-name{font-size:var(--text-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.vote-arena .lunch-card-description{display:none}.vote-vs{display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;letter-spacing:.08em;color:var(--text-muted);height:18px;margin:0}.vote-buttons{flex-direction:row;gap:var(--space-2);margin-top:var(--space-4)}.vote-button-wrap{flex:1}.vote-buttons .btn{min-width:unset;width:100%;padding:10px var(--space-2);font-size:var(--text-sm)}.vote-key-hint{display:none}.how-it-works{grid-template-columns:1fr;padding:var(--space-4);gap:var(--space-4);margin-top:var(--space-5)}.col-record,.leaderboard-table thead th.col-record,.leaderboard-table tbody td.col-record,.col-confidence,.leaderboard-table thead th.col-confidence,.leaderboard-table tbody td.col-confidence,.col-consistency,.leaderboard-table thead th.col-consistency,.leaderboard-table tbody td.col-consistency{display:none}}@media (max-width: 480px) and (pointer: coarse){.vote-arena .vote-card-label{min-height:48px;padding:0 var(--space-4)}.vote-arena .vote-card-label:before{font-size:15px}}.col-help{position:relative;cursor:help}.col-help:after{content:attr(data-help);position:absolute;top:calc(100% + 6px);left:50%;transform:translate(-50%);background:var(--bg-surface);border:1px solid var(--border-accent);border-radius:var(--radius-sm);padding:6px 10px;font-size:11px;font-weight:400;color:var(--text-secondary);max-width:260px;white-space:normal;text-align:left;box-shadow:var(--shadow-md);opacity:0;pointer-events:none;transition:opacity .15s;z-index:200;line-height:1.4}.col-help[data-help-align=right]:after{left:auto;right:0;transform:none}.col-help:hover:after,.col-help:focus-visible:after{opacity:1}.confidence-pct{font-size:var(--text-sm);font-weight:600}.confidence-rd{font-size:11px;color:var(--text-muted)}.consistency-row{display:flex;align-items:center;gap:8px}.consistency-num{font-size:var(--text-sm);font-weight:600;width:2.5rem;text-align:right;flex-shrink:0}.consistency-empty{color:var(--text-muted);font-size:var(--text-sm)}.consistency-bar-track{flex:1;height:6px;border-radius:3px;background:var(--border-accent);overflow:hidden;max-width:8.5rem}.consistency-bar-fill{height:100%;border-radius:3px;transition:width .5s ease}.consistency-very-steady{color:#2eb877}.consistency-steady{color:#19f0c5}.consistency-mixed{color:#f9ab10}.consistency-high-swing{color:#e72323}.consistency-fill-very-steady{background:#2eb877}.consistency-fill-steady{background:#19f0c5}.consistency-fill-mixed{background:#f9ab10}.consistency-fill-high-swing{background:#e72323}.detail-back{margin-bottom:var(--space-6)}.detail-hero{display:flex;gap:var(--space-6);align-items:flex-start;margin-bottom:var(--space-8)}.detail-image{width:200px;height:200px;object-fit:cover;border-radius:var(--radius-lg);flex-shrink:0}.detail-image-placeholder{width:200px;height:200px;border-radius:var(--radius-lg);background:var(--bg-hover);display:flex;align-items:center;justify-content:center;font-size:48px;color:var(--text-muted);flex-shrink:0}.detail-name{font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2)}.detail-description{color:var(--text-secondary);font-size:var(--text-base);margin-top:var(--space-2)}.metric-row{display:grid;grid-template-columns:repeat(2,1fr);column-gap:1.25rem;row-gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border);margin-bottom:var(--space-6)}.metric-tile{padding:.65rem 0 .7rem;font-variant-numeric:tabular-nums}.metric-tile+.metric-tile{border-top:1px solid var(--border)}.metric-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted);margin-bottom:2px}.metric-value{font-size:1.72rem;font-weight:600;line-height:1.1;letter-spacing:-.01em;color:var(--text-primary)}.metric-value.accent{color:var(--accent)}.metric-value.win{color:#2eb877}.metric-value.loss{color:#e72323}[data-theme=dark] .metric-value.win{color:#31d88a}[data-theme=dark] .metric-value.loss{color:#ec5151}.metric-sub{font-size:11px;color:var(--text-muted);margin-top:1px}.detail-consistency{margin-bottom:var(--space-6)}.detail-consistency-header{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.detail-consistency-label{font-size:10px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.detail-consistency-band{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600}.consistency-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}.wlt-bar-wrap{margin-bottom:var(--space-6)}.wlt-chips{display:flex;gap:var(--space-2);margin-bottom:var(--space-3)}.wlt-chip{display:inline-flex;align-items:center;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:600;font-family:monospace}.wlt-chip-win{background:#2eb87726;color:#279b65}.wlt-chip-tie{background:var(--bg-hover);color:var(--text-muted)}.wlt-chip-loss{background:#e723231f;color:#cf1717}[data-theme=dark] .wlt-chip-win{background:#2eb8772e;color:#3eda91}[data-theme=dark] .wlt-chip-loss{background:#e7232326;color:#ec5151}.wlt-bar{display:flex;height:6px;border-radius:3px;overflow:hidden;background:var(--bg-hover)}.wlt-seg{height:100%;transition:width .4s ease}.wlt-win{background:#2eb877}.wlt-tie{background:var(--text-muted);opacity:.6}.wlt-loss{background:#e72323}@media (min-width: 640px){.metric-row{grid-template-columns:repeat(4,1fr);column-gap:1.5rem}.metric-tile+.metric-tile{border-top:none}.metric-tile:nth-child(n+5){border-top:1px solid var(--border)}}@media (max-width: 640px){.detail-hero{flex-direction:column}.detail-image,.detail-image-placeholder{width:100%;height:200px}}.lb-pagination{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding-top:16px;border-top:1px solid var(--border);gap:12px}.lb-page-info{font-size:13px;color:var(--text-muted);font-variant-numeric:tabular-nums;white-space:nowrap;flex:1;text-align:center}