.moment-tools{position:absolute;z-index:101;right:3%;top:96px;display:flex;gap:6px}.moment-tools button{font-size:14px;padding:8px 12px;min-height:48px}.moment-notice{position:absolute;z-index:101;top:151px;right:3%;max-width:270px;margin:0;background:#fffbedde;border-radius:16px;padding:6px 12px;font-size:12px;pointer-events:none}
.moments-dialog{max-width:min(960px,96vw);width:960px;max-height:90svh;text-align:left}.moments-dialog>button{display:block;margin:15px auto 0}.moment-head h2{margin:0}.moment-head p{margin:7px 0;font-size:14px}.moment-filters,.moment-actions{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:15px 0}.moment-filters label,.moment-diary label{display:flex;gap:8px;align-items:center;margin:0}.moment-filters select,.moment-filters input,.moment-diary select{font:inherit;max-width:100%;padding:10px;border:1px solid #bcc9b4;border-radius:12px;background:#fffdf1}.moment-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:12px}.moment-card{border-radius:18px;padding:8px;text-align:left;max-width:320px}.moment-card img{width:100%;height:130px;object-fit:cover;border-radius:12px}.moment-card span,.moment-card small,.moment-card strong{display:block;margin:5px 0;font-size:13px}.moment-card strong,.moment-message{color:#85541c}.moment-full{display:block;max-width:100%;max-height:62svh;margin:auto;border-radius:16px}.moment-detail{border-top:1px solid #bdc8b1;margin-top:20px;padding-top:16px}.moment-actions button,.moment-filters button,.moment-diary button{font-size:15px;min-height:48px}.moment-settings{border-bottom:1px solid #cdd3be;padding-bottom:12px;margin-bottom:15px}.moment-settings label{display:block;margin:8px 0;font-size:14px}.moment-settings input{width:20px;height:20px;vertical-align:middle}.moment-page{max-width:1000px;margin:25px auto;padding:24px;background:#fffbea;border-radius:24px}.moment-page>nav{margin-bottom:20px}.moment-page a{color:#31594c}
@media(max-width:680px){.moment-tools{top:70px;right:10px;gap:5px}.moment-tools button{font-size:12px;padding:6px 9px}.moment-notice{top:123px;right:8px;font-size:10px;max-width:145px}.garden:has(.moment-tools) .heading{left:38%;top:65px}.garden:has(.moment-tools) .heading h1{font-size:28px}.garden:has(.moment-tools) .heading p{font-size:12px;letter-spacing:0}.moment-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.moment-card{min-width:0}.moment-card img{height:110px}.moment-filters{font-size:13px}.moment-page{padding:15px;margin:10px}.moments-dialog{padding:18px}}

.moment-filters input[type="date"]{width:150px;height:48px;max-width:100%;border-radius:12px}