.refl{max-width:1200px;margin:0 auto;padding:4px 4px 60px}.refl-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(240px,1fr));gap:14px}.refl-card{position:relative;text-align:left;background:var(--bg2);border:1px solid var(--border);border-radius:14px;padding:16px 16px 14px;cursor:pointer;font-family:inherit;transition:border-color .15s,transform .15s;display:flex;flex-direction:column;min-height:140px}.refl-card:hover{border-color:var(--accent);transform:translateY(-2px)}.refl-card-title{font-size:15px;font-weight:700;color:var(--text);margin-bottom:8px;line-height:1.4;padding-right:20px}.refl-card-prev{font-size:12.5px;color:var(--text2);line-height:1.6;flex:1;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.refl-card-meta{display:flex;justify-content:space-between;font-size:11px;color:var(--text3);margin-top:12px;padding-top:10px;border-top:1px solid var(--border);font-family:var(--font-mono)}.refl-card-del{position:absolute;top:10px;right:10px;width:22px;height:22px;border-radius:6px;background:var(--bg3);border:1px solid var(--border);color:var(--text3);font-size:11px;cursor:pointer;display:flex;align-items:center;justify-content:center}.refl-card-del:hover{color:var(--red, #e5484d);border-color:var(--red, #e5484d)}.refl-empty{text-align:center;color:var(--text3);font-size:13px;padding:60px 0}.admin-only{display:none}.refl-fab{position:fixed;right:24px;bottom:60px;width:52px;height:52px;border-radius:50%;background:var(--accent);color:#fff;border:none;cursor:pointer;z-index:40;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 20px #0000004d;transition:transform .15s}.refl-fab:hover{transform:scale(1.06)}.refl-overlay[hidden]{display:none}.refl-overlay{position:fixed;inset:0;background:#0009;z-index:100;display:flex;align-items:center;justify-content:center;padding:20px}.refl-detail{background:var(--bg);border:1px solid var(--border);border-radius:16px;width:100%;max-width:560px;max-height:86vh;display:flex;flex-direction:column;overflow:hidden}.refl-detail-head{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--border);flex-shrink:0}.refl-detail-head h2{font-size:16px;font-weight:800;color:var(--text);margin:0;padding-right:12px}.refl-close{width:30px;height:30px;border-radius:8px;background:var(--bg3);border:1px solid var(--border);color:var(--text2);cursor:pointer;flex-shrink:0;display:flex;align-items:center;justify-content:center}.refl-close:hover{color:var(--text)}.refl-entries{flex:1;overflow-y:auto;padding:16px 20px;display:flex;flex-direction:column;gap:12px}.refl-no-entries{color:var(--text3);font-size:13px;text-align:center;padding:30px 0}.refl-entry{position:relative;background:var(--bg2);border:1px solid var(--border);border-radius:10px;padding:12px 14px}.refl-entry-head{display:flex;justify-content:space-between;align-items:baseline;margin-bottom:6px}.refl-entry-name{font-size:12px;font-weight:700;color:var(--accent)}.refl-entry-time{font-size:10.5px;color:var(--text3);font-family:var(--font-mono)}.refl-entry-text{font-size:13px;color:var(--text2);line-height:1.7;white-space:pre-line;margin:0;padding-right:18px}.refl-entry-del{position:absolute;top:10px;right:10px;width:18px;height:18px;border-radius:5px;background:var(--bg3);border:1px solid var(--border);color:var(--text3);font-size:9px;cursor:pointer;display:flex;align-items:center;justify-content:center}.refl-entry-del:hover{color:var(--red, #e5484d);border-color:var(--red, #e5484d)}.refl-compose{flex-shrink:0;padding:14px 20px;border-top:1px solid var(--border);display:flex;flex-direction:column;gap:8px;background:var(--bg2)}.refl-name,.refl-text{background:var(--bg);border:1px solid var(--border);border-radius:8px;color:var(--text);font-family:inherit;font-size:13px;padding:9px 12px}.refl-text{resize:vertical;min-height:70px}.refl-name::placeholder,.refl-text::placeholder{color:var(--text3)}.refl-name:focus,.refl-text:focus{outline:none;border-color:var(--accent)}.refl-submit{align-self:flex-end;padding:8px 18px;background:var(--accent);color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;font-family:inherit}.refl-submit:hover{opacity:.9}.refl-submit:disabled{opacity:.6;cursor:default}#refl-toast{position:fixed;left:50%;bottom:70px;transform:translate(-50%,12px);background:var(--text);color:var(--bg);padding:10px 18px;border-radius:20px;font-size:12.5px;opacity:0;pointer-events:none;transition:all .2s;z-index:200}#refl-toast.show{opacity:1;transform:translate(-50%)}@media(max-width:600px){.refl-grid{grid-template-columns:1fr 1fr}.refl-fab{right:16px;bottom:50px}}.refl-page[data-astro-cid-feld4skt]{padding:24px 20px 0}.refl-head[data-astro-cid-feld4skt]{max-width:1200px;margin:0 auto 22px}.refl-head[data-astro-cid-feld4skt] h1[data-astro-cid-feld4skt]{font-size:24px;font-weight:800;color:var(--text);margin:0 0 6px}.refl-head[data-astro-cid-feld4skt] p[data-astro-cid-feld4skt]{font-size:13.5px;color:var(--text2);margin:0}
