:root{color:#151515;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f5f0df;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,input{font-family:inherit}#root{min-height:100vh}.app-shell{color:#151515;box-sizing:border-box;background:#f5f0df;min-height:100vh;padding:22px}.top-bar{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:18px;max-width:1420px;margin:0 auto 18px;display:flex}.top-bar h1{margin:0;font-size:38px;font-weight:800}.top-bar p{color:#4b4b4b;margin:4px 0 0}.status-pill,.text-button,.icon-button,.green-button,.blue-button{color:#151515;min-height:38px;font:inherit;cursor:pointer;background:#fffdf3;border:3px solid #151515;justify-content:center;align-items:center;gap:8px;padding:8px 12px;font-weight:800;display:inline-flex;box-shadow:3px 3px #151515}.status-pill{cursor:default;background:#ffe3df}.status-pill.ok{background:#d7f8d0}.auth-box{align-items:center;gap:10px;min-height:42px;font-weight:900;display:flex}.auth-warning{background:#ffe3df;border:3px solid #151515;padding:8px 12px}.page-tabs{grid-template-columns:repeat(4,1fr);gap:10px;max-width:1420px;margin:0 auto 18px;display:grid}.tab-button{color:#151515;min-height:48px;font:inherit;cursor:pointer;background:#fffdf3;border:4px solid #151515;font-weight:900;box-shadow:3px 3px #00000040}.tab-button.active{background:#ffe5b9;transform:translate(2px,2px);box-shadow:1px 1px #00000059}.icon-button{width:42px;padding:0}.green-button{background:#88f46f}.blue-button{background:#5da8ff;min-width:118px}.dashboard-grid{grid-template-columns:1fr 1fr;gap:24px;max-width:1420px;margin:0 auto;display:grid}.page-panel{max-width:1420px;min-height:660px;margin:0 auto}.versus-panel{flex-direction:column;display:flex}.sketch-panel{background:#fffdf3;border:4px solid #151515;box-shadow:5px 5px #0000002e}.panel-title{justify-content:space-between;align-items:center;gap:12px;min-height:56px;padding:10px 14px;display:flex}.panel-title h2{margin:0;font-size:24px;font-weight:900}.matchup{border-top:4px solid #151515;flex:1;grid-template-columns:1fr 1fr;min-height:0;display:grid;position:relative}.food-choice{color:#151515;cursor:pointer;text-align:left;min-width:0;font:inherit;border:0;flex-direction:column;align-items:center;gap:22px;padding:28px 32px;display:flex;position:relative}.food-choice.left{background:#f4d9cc;border-right:4px solid #151515}.food-choice.right{background:#dce9ea}.food-choice:hover .vote-cta{transform:translateY(-2px)}.food-name{overflow-wrap:anywhere;width:100%;min-height:40px;font-size:28px;font-weight:900;line-height:1.08}.food-subtitle{color:#454545;overflow-wrap:anywhere;width:100%;min-height:22px;font-size:16px;font-weight:800}.food-art{background:#fffdf3a6;border-radius:50%;flex:0 0 148px;place-items:center;width:148px;min-width:148px;max-width:148px;height:148px;min-height:148px;max-height:148px;display:grid;overflow:hidden}.food-art span{font-size:78px;line-height:1}.food-art img{object-fit:cover;border-radius:50%;width:100%;height:100%;display:block}.info-box{box-sizing:border-box;background:#fffdf38c;border:4px solid #151515;flex-direction:column;gap:10px;width:min(310px,100%);min-height:150px;padding:14px;display:flex}.info-box strong{font-size:20px}.info-box dl{gap:7px;margin:0;display:grid}.info-box dl div{grid-template-columns:82px minmax(0,1fr);align-items:baseline;gap:10px;display:grid}.info-box dt{color:#4b4b4b;font-size:14px;font-weight:900}.info-box dd{overflow-wrap:anywhere;margin:0;font-size:15px;font-weight:700}.vote-cta{background:#fffdf3;border:3px solid #151515;align-items:center;gap:8px;padding:8px 12px;font-weight:900;transition:transform .15s;display:inline-flex;box-shadow:3px 3px #151515}.vs-badge{aspect-ratio:1;background:#f4f4ee;border:4px solid #151515;border-radius:50%;place-items:center;width:76px;font-size:24px;font-weight:900;display:grid;position:absolute;top:46%;left:50%;transform:translate(-50%,-50%)}.ranking-panel,.personal-panel{min-height:660px}.search-box{background:#fff;border:3px solid #151515;align-items:center;gap:6px;width:min(520px,42vw);min-width:340px;height:34px;padding:0 8px;display:flex}.search-box input{width:100%;font:inherit;background:0 0;border:0;outline:0;font-size:14px}.ranking-table{border-top:4px solid #151515}.rank-row{border-bottom:3px solid #151515;grid-template-columns:76px 64px minmax(140px,1.4fr) minmax(120px,1fr) 116px;align-items:center;min-height:58px;display:grid}.rank-row>*{overflow-wrap:anywhere;border-right:3px solid #151515;min-width:0;padding:10px 12px}.rank-row>:last-child{border-right:0}.rank-number{text-align:center;white-space:nowrap;overflow-wrap:normal;font-size:22px;font-weight:900}.rank-image{background:#fffdf38c;place-items:center;min-height:58px;font-size:22px;font-weight:900;display:grid}.rank-image img{object-fit:cover;border:2px solid #151515;border-radius:50%;width:42px;height:42px}.rank-row strong{align-items:center;gap:8px;font-size:19px;display:flex}.rank-row strong small{color:#4b4b4b;white-space:nowrap;font-size:13px;font-weight:900}.rank-info{font-size:14px}.rank-score{text-align:right;white-space:nowrap;overflow-wrap:normal;font-variant-numeric:tabular-nums;font-weight:900}.pagination-bar{border-top:4px solid #151515;justify-content:space-between;align-items:center;gap:16px;min-height:64px;padding:12px 16px;font-weight:900;display:flex}.pagination-group{align-items:center;gap:10px;display:flex}.pagination-bar button{color:#151515;min-height:38px;font:inherit;cursor:pointer;background:#fffdf3;border:3px solid #151515;align-items:center;gap:8px;padding:8px 12px;font-weight:900;display:inline-flex;box-shadow:3px 3px #151515}.pagination-bar button:disabled{opacity:.45;cursor:not-allowed;box-shadow:none}.empty-row{border-top:4px solid #151515;padding:28px;font-weight:800}.suggest-panel{min-height:420px}.suggest-form{border:4px solid #151515;grid-template-columns:1fr 1fr;gap:12px;margin:0 18px 20px;padding:16px;display:grid}.suggest-form input{min-height:38px;font:inherit;box-sizing:border-box;background:#fff;border:3px solid #151515;min-width:0;padding:7px 10px}.form-actions{grid-column:1/-1;justify-content:flex-end;gap:12px;display:flex}.mini-list{gap:10px;margin:0 18px 18px;display:grid}.suggestions-board{border-top:4px solid #151515;margin-top:22px;padding-top:16px}.missing-images-board{margin-top:34px}.suggestions-board h3{margin:0 18px 14px;font-size:22px;font-weight:900}.board-title-row{justify-content:space-between;align-items:center;gap:12px;margin:0 18px 14px;display:flex}.board-title-row h3{margin:0}.suggest-row{background:#fffdf3;border:3px solid #151515;grid-template-columns:52px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:72px;padding:10px;display:grid}.avatar{aspect-ratio:1;background:#ffe7a8;border:3px solid #151515;border-radius:50%;place-items:center;width:42px;font-weight:900;display:grid;overflow:hidden}.avatar img{object-fit:cover;width:100%;height:100%}.suggest-row strong,.suggest-row span{overflow-wrap:anywhere;display:block}.suggest-row span{color:#4b4b4b;font-size:14px}.row-actions{gap:8px;display:flex}.row-actions button{aspect-ratio:1;cursor:pointer;background:#fff;border:3px solid #151515;place-items:center;width:34px;display:grid}.missing-image-row{background:#fffdf3;border:3px solid #151515;grid-template-columns:minmax(180px,1fr) minmax(220px,1.5fr) auto;align-items:center;gap:12px;min-height:72px;padding:10px;display:grid}.missing-image-row strong,.missing-image-row span{overflow-wrap:anywhere;display:block}.missing-image-row span{color:#4b4b4b;font-size:14px}.missing-image-row input{min-width:0;min-height:38px;font:inherit;box-sizing:border-box;border:3px solid #151515;padding:7px 10px}.pending-image-link{color:#151515;overflow-wrap:anywhere;min-width:0;font-weight:800}.pending-pill{text-align:center;background:#ffe5b9;border:3px solid #151515;padding:7px 10px;font-weight:900}.image-review-actions{justify-content:flex-end;gap:10px;display:flex}.tab-label{background:#ffe5b9;border:4px solid #f4a23a;padding:3px 8px;font-weight:900}.rank-more{align-items:center;gap:10px;min-height:64px;padding:0 24px;font-size:20px;font-weight:900;display:flex}.status-line{align-items:center;gap:10px;max-width:1420px;margin:18px auto 0;font-weight:800;display:flex}.status-line.error{color:#b42318}.status-line.success{color:#067647}button:disabled{cursor:wait;opacity:.7}@media (width<=980px){.app-shell{padding:14px}.top-bar{flex-direction:column;align-items:start}.dashboard-grid,.matchup,.suggest-form,.page-tabs{grid-template-columns:1fr}.food-choice.left{border-bottom:4px solid #151515;border-right:0}.vs-badge{top:50%}.panel-title{flex-direction:column;align-items:start}.search-box{box-sizing:border-box;width:100%;min-width:0}.rank-row{grid-template-columns:48px 52px minmax(120px,1fr) 92px}.rank-info{display:none}.rank-image img{width:34px;height:34px}.rank-row strong{font-size:16px}.missing-image-row{grid-template-columns:1fr}.pagination-bar{flex-direction:column;align-items:stretch}.pagination-group{justify-content:space-between}}