:root{color-scheme:light;--ink:#142a26;--muted:#67766d;--paper:#f5f3eb;--line:#d8ded1}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,sans-serif}header{display:flex;align-items:center;gap:16px;border-bottom:1px solid var(--line);padding:24px 6vw}small,.eyebrow{letter-spacing:.15em;font-size:11px;color:var(--muted)}h1{font-size:20px;margin:5px 0}.mark{font-size:38px}header button{margin-left:auto}main{max-width:1120px;margin:auto;padding:36px 6vw;min-height:75vh}#login{max-width:440px;margin:8vh auto}h2{font-size:30px;font-weight:600;letter-spacing:-.04em}p{line-height:1.8;color:var(--muted)}label{display:block;margin:28px 0 8px;font-size:13px}input{width:100%;padding:16px;border:1px solid var(--line);border-radius:10px;background:#fff;font-size:16px}button{cursor:pointer;border:1px solid var(--line);border-radius:9px;background:transparent;color:var(--ink);padding:11px 15px;font:inherit}form button{background:var(--ink);color:white;width:100%;margin-top:16px;padding:16px}.toolbar{display:flex;align-items:center;gap:20px}.toolbar h2{font-size:24px;overflow-wrap:anywhere}.hint{font-size:12px}#grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(155px,1fr));gap:16px}.tile{display:flex;flex-direction:column;text-align:left;background:#fff;padding:0;overflow:hidden}.tile img,.placeholder{width:100%;height:160px;object-fit:cover;background:#e5e8dc}.placeholder{display:grid;place-items:center;font-size:38px;color:#647b64}.name{padding:13px;width:100%;font-size:13px;overflow-wrap:anywhere}.badge{font-size:11px;color:var(--muted);display:block;margin-top:5px}footer{text-align:center;padding:22px;color:var(--muted);font-size:11px}dialog{border:0;border-radius:14px;background:#142a26;color:white;width:min(95vw,950px);max-height:94vh;padding:20px}dialog::backdrop{background:#000b}.viewerbar{display:flex;align-items:center;gap:15px;justify-content:space-between;margin-bottom:20px}.viewerbar span{overflow-wrap:anywhere}.viewerbar button{color:white}.viewerbar+div{text-align:center}dialog img,dialog video{max-width:100%;max-height:68vh}dialog a{display:inline-block;color:#e1eed8;margin-top:20px;font-size:13px}[hidden]{display:none!important}#status{color:#8c402c;overflow-wrap:anywhere}@media(max-width:480px){header{padding:18px}main{padding:24px 18px}#grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tile img,.placeholder{height:140px}h2{font-size:27px}}
