:root{font-family:Arial,"Malgun Gothic",sans-serif;color:#18312d;background:#f3f6f4}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}a{color:#10594c}button,.button{background:#fff;border:1px solid #cbd8d0;border-radius:9px;padding:10px 15px;cursor:pointer;color:#18312d;text-decoration:none;display:inline-block}button:disabled{opacity:.5;cursor:default}button:focus-visible,input:focus-visible,select:focus-visible,a:focus-visible{outline:3px solid #168975;outline-offset:2px}.top{background:#163e38;color:#fff;display:flex;justify-content:space-between;align-items:center;gap:18px;padding:20px 30px}.top a{color:#e4f4ea}.top h1{font-size:25px;margin:5px 0}.top p{margin:0;color:#cee0d6}.top>a{white-space:nowrap}main{max-width:1550px;margin:auto;padding:20px}.card{background:white;border:1px solid #d7e3db;border-radius:12px;padding:18px}.summary{display:flex;justify-content:space-between;gap:20px;align-items:center}.summary strong,.summary span{display:block}.summary strong{font-size:20px}.summary span{color:#63776a;margin-top:6px}.actions{display:flex;gap:8px;align-items:end;flex-wrap:wrap}.actions label{display:grid;gap:4px;color:#60736a}.actions select{border:1px solid #cbd8d0;border-radius:8px;padding:10px;background:white}.layout{display:grid;grid-template-columns:270px minmax(0,1fr);gap:16px;margin-top:16px;align-items:start}.layout aside{position:sticky;top:12px;max-height:calc(100dvh - 180px);overflow:auto}.layout h2{font-size:18px;margin:0 0 12px}.items{display:grid;gap:5px}.items button{text-align:left;display:grid;gap:4px;width:100%}.items button.selected{border-color:#10594c;background:#e7f1eb}.items small,.muted{color:#64776d}.detail-head{display:flex;justify-content:space-between;align-items:start;gap:12px}.detail-head h2{font-size:25px;margin:0}.detail-head p{margin:8px 0;color:#617369}.pool{display:inline-block;padding:4px 8px;border-radius:5px;background:#eff4f0;font-size:12px;color:#486657}.compare{display:grid;grid-template-columns:minmax(0,2fr) minmax(220px,1fr);gap:18px;align-items:start;margin:16px 0}.ink-wrap{border:1px solid #d7e3db;border-radius:10px;background:#fff;min-height:220px;display:grid;place-items:center;overflow:hidden}.ink-wrap canvas{width:100%;max-height:470px;object-fit:contain}.facts{display:grid;gap:12px}.facts>div{padding:12px;background:#f5f8f5;border-radius:8px}.facts strong,.facts span{display:block}.facts strong{font-size:12px;color:#60736a;margin-bottom:5px}.facts span{font-size:20px}.prediction{font-size:16px!important}.review-actions{display:flex;flex-wrap:wrap;gap:8px;border-top:1px solid #e2e9e3;padding-top:18px}.primary{background:#10594c;color:white;border-color:#10594c}.danger{color:#aa3941}.edit{display:flex;gap:8px;align-items:end;flex-wrap:wrap;margin-top:12px}.edit label{display:grid;gap:4px;flex:1;min-width:180px}.edit input{padding:12px;border:1px solid #b9cec2;border-radius:8px;font-size:20px}.help{color:#617369}.empty{color:#64776d;text-align:center;padding:40px 0}#status{color:#10594c;min-height:26px}#status.error{color:#a92e3b}[hidden]{display:none!important}@media(max-width:850px){.layout{grid-template-columns:1fr}.layout aside{position:static;max-height:230px}.items{grid-template-columns:repeat(auto-fill,minmax(170px,1fr))}.compare{grid-template-columns:1fr}}@media(max-width:600px){.top{padding:14px;display:block}.top h1{font-size:21px}.top>a{display:block;margin-top:8px}main{padding:12px}.summary{display:block}.summary .actions{margin-top:12px}}

.pagination{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:12px}.pagination button{padding:7px 9px}.pagination span{font-size:12px;white-space:nowrap;color:#60736a}