*{box-sizing:border-box}:root{--ink:#321747;--purple:#7048d9;--orange:#ff7251;--mint:#35c99d}body{margin:0;background:#fff9f2;color:var(--ink);font-family:Pretendard,'Noto Sans KR',Arial,sans-serif}button,input,select{font:inherit}.audit-hero{min-height:430px;padding:0 clamp(18px,5vw,70px) 55px;display:flex;flex-direction:column;color:#fff;background:linear-gradient(125deg,#5225a8dd,#ff4d80c9),url('assets/food/food-hero.webp') center/cover}.audit-hero nav{display:flex;align-items:center;gap:12px;padding:18px 0}.audit-hero nav b{margin:auto;letter-spacing:2px}.audit-hero nav a{color:#fff;text-decoration:none;padding:11px 14px;border:1px solid #ffffff80;border-radius:99px;background:#ffffff20;font-weight:900}.audit-hero>div{margin:auto 0 0;max-width:800px}.audit-hero span{font-size:12px;font-weight:1000;letter-spacing:1.5px}.audit-hero h1{margin:10px 0;font-size:clamp(48px,7vw,88px);line-height:.94;letter-spacing:-5px}.audit-hero h1 em{font-style:normal;color:#ffea85}.audit-hero p{max-width:700px;line-height:1.65;font-weight:750}main{max-width:1500px;margin:auto;padding:35px clamp(14px,3vw,42px) 80px}.summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px}.summary article{padding:17px;border-radius:20px;background:#fff;box-shadow:0 10px 30px #57306a14}.summary small,.summary b{display:block}.summary small{color:#84728d;font-weight:800}.summary b{margin-top:4px;font-size:30px}.controls{position:sticky;z-index:5;top:0;display:grid;grid-template-columns:2fr 1.2fr 1.2fr auto auto;gap:9px;margin:18px 0 10px;padding:13px;border-radius:20px;background:#fffdf9e8;backdrop-filter:blur(14px);box-shadow:0 10px 34px #57306a1c}.controls input,.controls select,.controls button{min-height:48px;border:1px solid #e8ddec;border-radius:14px;padding:0 13px;background:#fff;color:var(--ink)}.controls button{border:0;background:linear-gradient(135deg,var(--purple),#a65fea);color:#fff;font-weight:950;cursor:pointer}.controls button.soft{background:#f0e9fb;color:#6240bd}.progress{position:relative;height:40px;overflow:hidden;border-radius:14px;background:#eee6f3}.progress i{position:absolute;inset:0 auto 0 0;width:0;background:linear-gradient(90deg,#48d3ab,#ffe064);transition:.2s}.progress span{position:relative;z-index:1;height:100%;display:flex;align-items:center;padding:0 14px;font-size:13px;font-weight:900}.audit-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:16px}.audit-card{overflow:hidden;border-radius:23px;background:#fff;box-shadow:0 12px 32px #57306a16;border:2px solid transparent}.audit-card.flagged{border-color:#ff9b38}.audit-card.error{border-color:#ed405e}.audit-photo{position:relative;aspect-ratio:1;background:#f3ebf5;cursor:zoom-in}.audit-photo img{display:block;width:100%;height:100%;object-fit:cover}.photo-state{position:absolute;left:9px;top:9px;padding:7px 9px;border-radius:99px;background:#34203dcc;color:#fff;font-size:11px;font-weight:950}.photo-state.ok{background:#087a5ddd}.photo-state.error{background:#c52f4c}.audit-body{padding:15px}.audit-body header{display:flex;align-items:flex-start;gap:8px}.audit-body header div{min-width:0}.audit-body h2{font-size:20px;margin:0}.audit-body header small{color:#88778e}.flag-button{margin-left:auto;flex:0 0 auto;border:0;border-radius:12px;padding:8px;background:#f3edf7;color:#715c7b;font-weight:900;cursor:pointer}.flag-button.on{background:#ff9b38;color:#fff}.audit-body ol{margin:13px 0 0;padding-left:22px}.audit-body li{margin:7px 0;color:#5e5066;font-size:13px;line-height:1.55}.empty{grid-column:1/-1;padding:70px 20px;text-align:center;color:#84758c;font-weight:900}dialog{width:min(1050px,94vw);max-height:92vh;padding:0;border:0;border-radius:28px;overflow:auto;box-shadow:0 30px 100px #25102f66}dialog::backdrop{background:#24112fbd;backdrop-filter:blur(7px)}dialog>button{position:absolute;right:12px;top:12px;width:46px;height:46px;border:0;border-radius:50%;background:#fff;color:#3c2447;font-size:28px;cursor:pointer}dialog img{display:block;width:100%;max-height:62vh;object-fit:contain;background:#f4edf4}dialog>div{padding:22px 28px 28px}dialog h2{font-size:35px;margin:5px 0}dialog span{color:#7d6b86;font-weight:800}dialog li{margin:9px 0;line-height:1.6}@media(max-width:1100px){.audit-grid{grid-template-columns:repeat(3,1fr)}.controls{grid-template-columns:1fr 1fr}.controls input{grid-column:1/-1}}@media(max-width:720px){.audit-hero nav b{display:none}.audit-hero h1{font-size:48px}.summary{grid-template-columns:repeat(2,1fr)}.summary article:first-child{grid-column:1/-1}.audit-grid{grid-template-columns:1fr 1fr}.controls{position:static;grid-template-columns:1fr}.controls input{grid-column:auto}}@media(max-width:470px){.audit-grid{grid-template-columns:1fr}.audit-hero nav a{font-size:12px}.audit-body li{font-size:14px}}