:root{color-scheme:light;--paper:#f5f7fb;--ink:#182944;--muted:#56647b;--line:#ced8e6;--blue:#225ac7;--selected:#dce8ff;--photo:#e5eaf2;font-family:"Apple SD Gothic Neo","Malgun Gothic",sans-serif;color:var(--ink);background:var(--paper);font-size:15px}
*{box-sizing:border-box}body{margin:0}button,input{font:inherit}button{border:1px solid var(--line);background:#fff;color:var(--ink);border-radius:6px;padding:9px 13px;cursor:pointer;white-space:nowrap}button:hover:not(:disabled){border-color:var(--blue);background:var(--selected)}button:disabled{opacity:.45;cursor:default}button:focus-visible,input:focus-visible,a:focus-visible{outline:3px solid #528afa;outline-offset:3px}input{border:1px solid var(--line);border-radius:6px;padding:10px 12px;width:230px;min-width:0;background:#fff;color:var(--ink)}a{color:var(--blue)}kbd{font:inherit;font-size:.8em;background:#e9edf4;border-radius:3px;padding:2px 5px}h1,h2,p{margin:0}h1{font-size:clamp(22px,3vw,32px);font-weight:700;letter-spacing:-.045em}h2{font-size:20px}.top{display:flex;align-items:center;justify-content:space-between;gap:28px;max-width:1600px;margin:auto;padding:30px 36px 22px}.brand{display:block;color:var(--blue);font-weight:700;font-size:15px;margin-bottom:6px}#rater-form{font-size:13px}#rater-form label{display:block;margin-bottom:6px}.name-line{display:flex;gap:6px}#start{background:var(--blue);color:white;border-color:var(--blue)}.message{display:block;max-width:360px;min-height:20px;margin-top:6px;color:var(--muted)}main{max-width:1600px;margin:auto;padding:0 36px 120px}.workspace-top{border-top:1px solid var(--line);padding-top:20px;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.kinds{display:flex;gap:5px}.kinds button{font-size:18px;padding:9px 24px}.kinds button[aria-pressed=true]{background:var(--ink);color:white;border-color:var(--ink)}#progress{flex:1;font-size:14px}.guide{max-width:85ch;line-height:1.85;font-size:13px;color:var(--muted);margin:20px 0 12px}.save-line{display:flex;gap:12px;align-items:center;flex-wrap:wrap;font-size:13px;min-height:32px}#save-status[data-error=true],#backup-status{color:#ad2828}#jump{display:flex;flex-wrap:wrap;gap:8px;padding:15px 0 24px}#jump a{padding:8px 12px;text-decoration:none;background:#fff;border:1px solid var(--line);border-radius:5px;font-size:14px}.bin{scroll-margin-top:12px;margin-bottom:34px;border-top:2px solid var(--ink)}.bin-head{display:flex;align-items:center;gap:12px;flex-wrap:wrap;padding:14px 0}.score-label{font-size:23px;font-weight:700;min-width:46px}.bin-count{color:var(--muted);font-size:13px}.pager{display:flex;align-items:center;gap:9px;margin-left:auto;font-size:13px}.pager button{padding:6px 10px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(145px,1fr));gap:12px}.tile{position:relative;min-width:0;border:2px solid transparent;border-radius:7px;overflow:hidden;background:#fff}.tile.selected{border-color:var(--blue);background:var(--selected)}.photo-open{display:block;width:100%;border:0;border-radius:0;padding:0;background:var(--photo);height:185px;overflow:hidden}.photo-open:hover:not(:disabled){background:var(--photo)}.photo-open img{display:block;height:100%;width:100%;object-fit:contain}.tile-check{position:absolute;left:7px;top:7px;background:#fff;border-radius:4px;display:flex;padding:4px;cursor:pointer;box-shadow:0 1px 5px #18294430}.tile-check input{width:19px;height:19px;margin:0;accent-color:var(--blue);cursor:pointer}.tile-caption{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:7px;font-size:11px;color:var(--muted)}.changed{color:var(--blue);font-weight:700}.seen{color:var(--muted)}.empty{padding:24px;color:var(--muted)}.selection-bar{position:fixed;z-index:3;bottom:0;left:0;width:100%;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:10px;padding:13px 24px;background:#fff;border-top:1px solid var(--line);box-shadow:0 -4px 16px #1829440d;font-size:13px}.send-buttons{display:flex;gap:5px;flex-wrap:wrap}.send-buttons button{padding:8px 10px}.notice{position:fixed;bottom:100px;left:50%;transform:translateX(-50%);padding:10px 18px;border-radius:6px;background:var(--ink);color:white;z-index:5;max-width:90vw}.notice:empty{display:none}dialog{max-width:1150px;width:94vw;height:94vh;max-height:94vh;border:0;border-radius:12px;padding:18px;background:var(--paper);color:var(--ink)}dialog::backdrop{background:#102038d9}.viewer-head{display:flex;align-items:center;justify-content:space-between;gap:12px}.viewer-stage{display:flex;align-items:center;justify-content:center;gap:14px;margin:12px 0;height:calc(94vh - 220px);background:var(--photo);border-radius:7px}.viewer-stage img{max-width:calc(100% - 110px);max-height:100%;object-fit:contain}.viewer-stage button{font-size:20px}.viewer-send{display:flex;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:12px}#viewer-info,.viewer-hint{text-align:center;font-size:13px;color:var(--muted)}.viewer-hint{margin-top:12px}body:has(dialog[open]){overflow:hidden}
@media(min-width:1400px){.grid{grid-template-columns:repeat(9,minmax(0,1fr))}}
@media(max-width:700px){.top{padding:20px 16px;align-items:flex-start;flex-direction:column;gap:18px}main{padding:0 16px 190px}#rater-form,.name-line{width:100%}.name-line input{flex:1}.workspace-top{gap:12px}.kinds button{padding:8px 18px}#progress{flex-basis:50%;font-size:12px}#download{font-size:12px}.grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:7px}.photo-open{height:145px}.tile-caption{padding:5px;font-size:10px;flex-wrap:wrap}.bin-head{gap:8px}.pager{width:100%;margin:0;justify-content:flex-end}.selection-bar{gap:7px;padding:9px 12px}.send-buttons{justify-content:center;width:100%;gap:4px}.send-buttons button{font-size:11px;padding:8px 6px}.notice{bottom:160px;font-size:13px}.viewer-stage{gap:5px}.viewer-stage img{max-width:calc(100% - 85px)}.viewer-stage button{padding:8px}dialog{padding:12px}.guide{font-size:12px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}