*{box-sizing:border-box;margin:0;padding:0}:root{--bg:#f4f5f7;--card:#fff;--text:#222;--muted:#888;--line:#e6e8eb}body,html{background:var(--bg);color:var(--text);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Apple SD Gothic Neo,Malgun Gothic,sans-serif;-webkit-font-smoothing:antialiased}.wrap{max-width:720px;margin:0 auto;padding:16px 14px 60px}.header{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}.header h1{font-size:19px;font-weight:700}.header .count{font-size:13px;color:var(--muted)}.toolbar{display:flex;gap:8px;margin-bottom:14px;flex-wrap:wrap}.toolbar input[type=text]{flex:1 1;min-width:140px;padding:9px 12px}.toolbar input[type=text],.toolbar select{border:1px solid var(--line);border-radius:9px;font-size:14px;background:#fff}.toolbar select{padding:9px 10px}.btn{padding:9px 14px;border:1px solid var(--line);border-radius:9px;background:#fff;font-size:14px;cursor:pointer}.btn:active{background:#eee}.card{gap:12px;background:var(--card);border:1px solid var(--line);border-radius:12px;padding:10px 12px;margin-bottom:8px}.card,.thumb{display:flex;align-items:center}.thumb{width:60px;height:60px;border-radius:8px;object-fit:cover;background:#f0f0f0;flex-shrink:0;cursor:pointer;justify-content:center;color:#bbb;font-size:22px}.info{flex:1 1;min-width:0}.row1{display:flex;align-items:center;gap:8px}.badge{color:#fff;font-size:11px;font-weight:700;padding:2px 8px;border-radius:5px;white-space:nowrap}.date{font-size:13px;color:var(--muted)}.fname{font-size:14px;color:#333;margin-top:5px;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.err{font-size:12px;color:#d32f2f;margin-top:3px}.empty{text-align:center;color:var(--muted);padding:60px 0}.gate{position:fixed;inset:0;background:var(--bg);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:24px}.gate h2{font-size:18px}.gate input{width:200px;text-align:center;letter-spacing:6px;padding:12px;border:1px solid var(--line);border-radius:10px;font-size:20px}.gate .msg{color:#d32f2f;font-size:13px;min-height:16px}.lightbox{position:fixed;inset:0;background:rgba(0,0,0,.85);display:flex;align-items:center;justify-content:center;z-index:50;padding:20px;cursor:zoom-out}.lightbox img{max-width:100%;max-height:100%;border-radius:8px}