.reminder-button{border:1px solid var(--line);border-radius:999px;background:var(--paper);color:var(--ink);padding:9px 14px;font:700 13px 'DM Sans',sans-serif;cursor:pointer}.reminder-callout{width:100%;margin:14px 0 4px;padding:13px 14px;display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:center;text-align:left;border:1px solid #b9cda5;border-radius:14px;background:linear-gradient(135deg,#f6fbe9,#eef5df);color:#173b2d;cursor:pointer}.reminder-callout>span:first-child{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;background:#dff09f;font-size:22px}.reminder-callout strong,.reminder-callout small{display:block}.reminder-callout strong{font-size:14px}.reminder-callout small{margin-top:3px;color:#587064;font-size:12px;line-height:1.35}.reminder-callout>b{font-size:25px}.reminder-dialog{max-width:580px}.reminder-intro{color:var(--muted);line-height:1.55}.reminder-account-note{padding:10px 12px;border-radius:10px;background:#f2f4ef;color:#4e645a;font-size:13px}.reminder-account-note:empty{display:none}.reminder-days{margin:18px 0 14px;padding:0;border:0}.reminder-days legend,.reminder-dialog>form>label{margin-bottom:8px;font-weight:700}.day-picker{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.day-picker label{cursor:pointer}.day-picker input{position:absolute;opacity:0;pointer-events:none}.day-picker span{display:grid;place-items:center;min-height:42px;border:1px solid var(--line);border-radius:9px;background:var(--paper);font-size:12px;font-weight:700}.day-picker input:checked+span{border-color:#173b2d;background:#173b2d;color:white}.day-picker input:focus-visible+span{outline:3px solid #ffcc69;outline-offset:2px}.reminder-option{margin-top:14px;padding:13px;display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border:1px solid var(--line);border-radius:12px}.reminder-option>label{display:flex;align-items:flex-start;gap:10px}.reminder-option strong,.reminder-option small{display:block}.reminder-option small{margin-top:2px;color:var(--muted);font-size:12px}.reminder-option input[type=checkbox]{width:20px;height:20px;accent-color:#173b2d}.reminder-option input[type=time],.reminder-option select{max-width:145px;padding:9px;border:1px solid var(--line);border-radius:9px;background:var(--paper);color:var(--ink)}.learned-schedule{margin-top:14px;padding:13px;border-left:4px solid #9dc54b;border-radius:10px;background:#f4f9e9}.learned-schedule span{font-size:11px;font-weight:800;letter-spacing:.08em;color:#56752a}.learned-schedule p{margin:5px 0 9px;font-size:13px}.learned-schedule button{border:0;background:transparent;color:#173b2d;font-weight:800;padding:0;cursor:pointer}.notification-permission{margin-top:16px;padding:14px;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:12px;background:#173b2d;color:white}.notification-permission strong,.notification-permission small{display:block}.notification-permission small{margin-top:3px;color:#cbd9d1;font-size:12px}.notification-permission button{flex:0 0 auto;border:0;border-radius:9px;background:#dff36d;color:#173b2d;padding:10px 12px;font-weight:800;cursor:pointer}.notification-permission button:disabled{opacity:.6}.reminder-limit{font-size:12px;line-height:1.45;color:var(--muted)}body.dark .reminder-callout{background:#243f31;border-color:#496552;color:#f4f8f3}body.dark .reminder-callout small{color:#bdd0c4}body.dark .reminder-account-note{background:#24352c;color:#bdd0c4}body.dark .learned-schedule{background:#293b2b}
@media(max-width:700px){.reminder-button{display:none}}@media(max-width:560px){.reminder-dialog{width:calc(100% - 20px);max-height:calc(100dvh - 24px)}.day-picker{grid-template-columns:repeat(4,1fr)}.reminder-option{grid-template-columns:1fr}.reminder-option input[type=time],.reminder-option select{max-width:none;width:100%}.notification-permission{align-items:flex-start;flex-direction:column}.notification-permission button{width:100%}}
.reminder-dialog input[type=time]{text-align:center;text-align-last:center}.reminder-dialog input[type=time]::-webkit-date-and-time-value{text-align:center;width:100%}.reminder-list-help{margin:3px 0 7px!important}.reminder-action-status{min-height:20px;margin:12px 2px -10px;color:var(--ink);font-size:13px;font-weight:700;line-height:1.4}.reminder-action-status:empty{visibility:hidden}.reminder-action-status[data-tone=error]{color:#a6422c}.reminder-action-status[data-tone=success]{color:#3f6d2b}