:root{--page-bg: #f5f5f7;--surface: #ffffff;--surface-subtle: #fafafa;--primary-text: #18181b;--secondary-text: #71717a;--border-color: #e4e4e7;--border-color-hover: #d4d4d8;--brand: #6d5dfc;--brand-hover: #5b4be7;--brand-soft: #f0eeff;--error-color: #dc2626;--error-soft: #fef2f2;--active-bg: #a5f6d2;--active-border: #6ee7b7;--active-text: #047857;--shadow-sm: 0 1px 2px rgb(24 24 27 / 5%);--shadow-md: 0 10px 30px rgb(24 24 27 / 8%);--focus-ring: 0 0 0 3px rgb(109 93 252 / 18%)}*{box-sizing:border-box}html{min-height:100%}body{min-height:100vh;margin:0;background:radial-gradient(circle at 15% 0%,rgb(109 93 252 / 8%),transparent 28rem),var(--page-bg);color:var(--primary-text);font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;-webkit-font-smoothing:antialiased}button,input,textarea{font:inherit}.row{display:flex}.row-center{justify-content:center}.inline-block{display:inline-block}.mt15{margin-top:15px}.form-errors{padding:.75rem 1rem;margin:0 0 1rem;border:1px solid #fecaca;border-radius:.75rem;background:var(--error-soft);color:var(--error-color);font-size:.875rem}.modal-overlay{position:fixed;inset:0;z-index:1000;display:grid;place-items:center;padding:1rem;background:#18181b7a;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.modal-content{width:min(100%,32rem);padding:1.75rem;border:1px solid rgb(255 255 255 / 60%);border-radius:1.25rem;background:var(--surface);box-shadow:0 24px 70px #18181b3d}.modal-content:before{content:"Reminder details";display:block;margin-bottom:1.5rem;font-size:1.25rem;font-weight:700}.modal-actions{display:flex;justify-content:flex-end;margin-top:-2.75rem}.form-control-wrapper{display:flex;flex-direction:column;gap:.45rem;margin-bottom:1rem}.form-control-wrapper label{color:#3f3f46;font-size:.875rem;font-weight:600}.form-control-wrapper input,.form-control-wrapper textarea{width:100%;min-width:0;padding:.75rem .9rem;border:1px solid var(--border-color);border-radius:.75rem;outline:none;background:var(--surface-subtle);color:var(--primary-text);transition:border-color .1s ease,box-shadow .1s ease,background .1s ease}.form-control-wrapper textarea{min-height:7rem;resize:vertical}.form-control-wrapper input:hover,.form-control-wrapper textarea:hover{border-color:var(--border-color-hover)}.form-control-wrapper input:focus,.form-control-wrapper textarea:focus{border-color:var(--brand);background:var(--surface);box-shadow:var(--focus-ring)}@media(max-width:600px){.modal-content{padding:1.25rem}}@media(max-height:620px){.modal-content{max-height:calc(100vh - 2rem);overflow-y:auto}}