:root{--ink: #14171a;--muted: #6b7478;--page: #f7f8f8;--surface: #ffffff;--border: #e1e5e6;--accent: #06c755;--accent-ink: #04913e;--warn-bg: #fff4e0;--warn-ink: #8a5a08;--danger: #c0392b}*{box-sizing:border-box}body{margin:0;padding:24px;background:var(--page);color:var(--ink);font-family:IBM Plex Sans Thai,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}h1{margin:0;font-size:20px;font-weight:500}.lede{margin:2px 0 0;color:var(--muted);font-size:14px}.status{color:var(--muted);padding:32px 0}.error-text{color:var(--danger);margin:8px 0}.topbar{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;flex-wrap:wrap;padding-bottom:16px;border-bottom:1px solid var(--border)}.topbar-right{display:flex;align-items:center;gap:12px}.who{color:var(--muted);font-size:14px}.filters{display:flex;gap:10px;flex-wrap:wrap;padding:16px 0}.input,.select{font:inherit;padding:9px 12px;min-height:40px;border-radius:8px;border:1px solid var(--border);background:var(--surface);color:var(--ink)}.search{flex:1;min-width:200px}.input:focus-visible,.select:focus-visible,button:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px}.card{font:inherit;text-align:left;padding:0;overflow:hidden;border:1px solid var(--border);border-radius:12px;background:var(--surface);color:var(--ink);cursor:pointer;transition:border-color .12s}.card:hover{border-color:#c3cacc}.thumb{display:block;width:100%;aspect-ratio:4 / 3;object-fit:cover;background:#eceff0}.card-body{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:10px 12px}.tag{font-size:13px;padding:3px 9px;border-radius:999px;background:#eaf7ef;color:var(--accent-ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.tag-draft{background:var(--warn-bg);color:var(--warn-ink)}.when{font-size:13px;color:var(--muted);white-space:nowrap}.overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#14171a8c;display:grid;place-items:center;padding:24px;z-index:10}.panel{background:var(--surface);border-radius:14px;overflow:hidden;max-width:620px;width:100%;max-height:90vh;overflow-y:auto}.panel-img{display:block;width:100%;max-height:55vh;object-fit:contain;background:#eceff0}.panel-body{padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:14px}.notes{margin:0;white-space:pre-wrap}.meta{display:grid;grid-template-columns:auto 1fr;gap:4px 16px;margin:0;font-size:14px;width:100%}.meta dt{color:var(--muted)}.meta dd{margin:0}.mono{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;word-break:break-all}.btn-primary{font:inherit;font-weight:500;padding:12px;min-height:44px;border:none;border-radius:10px;background:var(--accent);color:#fff;cursor:pointer}.btn-primary:disabled{opacity:.6}.btn-quiet{font:inherit;padding:8px 14px;min-height:40px;border:1px solid var(--border);border-radius:8px;background:var(--surface);color:var(--ink);cursor:pointer}.signin-wrap{min-height:80vh;display:grid;place-items:center}.signin{display:flex;flex-direction:column;gap:12px;width:100%;max-width:340px;padding:28px;background:var(--surface);border:1px solid var(--border);border-radius:14px}.signin .lede{margin-bottom:6px}