.mhd-root{--mhd-bg:#faf9f7;--mhd-surface:#fff;--mhd-surface-2:#f4f3f0;--mhd-border:#e6e3dd;--mhd-border-strong:#d4d0c8;--mhd-ink:#14171c;--mhd-ink-2:#4a5058;--mhd-ink-3:#767d87;--mhd-accent:#1a6b57;--mhd-accent-hover:#155546;--mhd-accent-soft:#e8f2ef;--mhd-accent-ink:#0f4235;--mhd-overdue:#b42318;--mhd-overdue-soft:#fef3f2;--mhd-urgent:#b54708;--mhd-urgent-soft:#fffaeb;--mhd-soon:#854a0e;--mhd-soon-soft:#fefbe8;--mhd-calm:#4a5058;--mhd-calm-soft:#f4f3f0;--mhd-radius:14px;--mhd-radius-sm:10px;--mhd-shadow:0 1px 2px #14171c0a, 0 8px 24px -12px #14171c1f;--mhd-shadow-lift:0 2px 4px #14171c0d, 0 16px 40px -16px #14171c2e;background:var(--mhd-bg);color:var(--mhd-ink);-webkit-font-smoothing:antialiased;font-feature-settings:"cv02", "cv03", "cv04", "cv11"}@media (prefers-color-scheme:dark){.mhd-root{--mhd-bg:#0e1014;--mhd-surface:#171a20;--mhd-surface-2:#1e222a;--mhd-border:#272c35;--mhd-border-strong:#363c47;--mhd-ink:#f2f3f5;--mhd-ink-2:#a8b0ba;--mhd-ink-3:#7b838f;--mhd-accent:#3fae91;--mhd-accent-hover:#52c0a3;--mhd-accent-soft:#12241f;--mhd-accent-ink:#8fd8c4;--mhd-overdue:#f97066;--mhd-overdue-soft:#2a1512;--mhd-urgent:#f79009;--mhd-urgent-soft:#2a1e0d;--mhd-soon:#eaaa08;--mhd-soon-soft:#262009;--mhd-calm:#a8b0ba;--mhd-calm-soft:#1e222a;--mhd-shadow:0 1px 2px #0000004d, 0 8px 24px -12px #00000080;--mhd-shadow-lift:0 2px 4px #00000059, 0 16px 40px -16px #0009}}.mhd-root h1,.mhd-root h2,.mhd-root h3{letter-spacing:-.022em;color:var(--mhd-ink)}.mhd-display{letter-spacing:-.035em;line-height:1.02}.mhd-root :focus-visible{outline:2px solid var(--mhd-accent);outline-offset:2px;border-radius:4px}.mhd-skip-link{z-index:100;background:var(--mhd-surface);color:var(--mhd-ink);border:1px solid var(--mhd-border-strong);border-radius:0 0 var(--mhd-radius-sm) 0;padding:12px 20px;font-weight:600;position:absolute;top:0;left:-9999px}.mhd-skip-link:focus{left:0}.mhd-card{background:var(--mhd-surface);border:1px solid var(--mhd-border);border-radius:var(--mhd-radius);box-shadow:var(--mhd-shadow)}.mhd-card-interactive{transition:box-shadow .16s,border-color .16s,transform .16s}.mhd-card-interactive:hover{box-shadow:var(--mhd-shadow-lift);border-color:var(--mhd-border-strong)}.mhd-btn{border-radius:var(--mhd-radius-sm);cursor:pointer;white-space:nowrap;border:1px solid #0000;justify-content:center;align-items:center;gap:8px;padding:12px 20px;font-size:15px;font-weight:600;line-height:1;transition:background-color .14s,border-color .14s,color .14s,box-shadow .14s,transform 60ms;display:inline-flex}.mhd-btn:active:not(:disabled){transform:translateY(1px)}.mhd-btn:disabled{opacity:.55;cursor:not-allowed}.mhd-btn-primary{background:var(--mhd-accent);color:#fff;box-shadow:0 1px 2px #14171c1f}.mhd-btn-primary:hover:not(:disabled){background:var(--mhd-accent-hover)}@media (prefers-color-scheme:dark){.mhd-btn-primary{color:#07120f}}.mhd-btn-secondary{background:var(--mhd-surface);color:var(--mhd-ink);border-color:var(--mhd-border-strong)}.mhd-btn-secondary:hover:not(:disabled){background:var(--mhd-surface-2)}.mhd-btn-ghost{color:var(--mhd-ink-2);background:0 0}.mhd-btn-ghost:hover:not(:disabled){background:var(--mhd-surface-2);color:var(--mhd-ink)}.mhd-btn-danger{color:var(--mhd-overdue);border-color:var(--mhd-border-strong);background:0 0}.mhd-btn-danger:hover:not(:disabled){background:var(--mhd-overdue-soft);border-color:var(--mhd-overdue)}.mhd-btn-sm{padding:8px 14px;font-size:13.5px}.mhd-btn-lg{padding:15px 26px;font-size:16px}.mhd-input,.mhd-select,.mhd-textarea{background:var(--mhd-surface);width:100%;color:var(--mhd-ink);border:1px solid var(--mhd-border-strong);border-radius:var(--mhd-radius-sm);padding:11px 13px;font-size:15px;line-height:1.4;transition:border-color .14s,box-shadow .14s}.mhd-input::placeholder,.mhd-textarea::placeholder{color:var(--mhd-ink-3)}.mhd-input:focus,.mhd-select:focus,.mhd-textarea:focus{border-color:var(--mhd-accent);box-shadow:0 0 0 3px var(--mhd-accent-soft);outline:none}.mhd-input[aria-invalid=true]{border-color:var(--mhd-overdue)}.mhd-select{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8' fill='none'%3E%3Cpath d='M1 1.5L6 6.5L11 1.5' stroke='%23767d87' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 13px center;background-repeat:no-repeat;padding-right:36px}.mhd-textarea{resize:vertical;min-height:92px}.mhd-label{color:var(--mhd-ink-2);margin-bottom:6px;font-size:13px;font-weight:600;display:block}.mhd-urgency-overdue{color:var(--mhd-overdue);background:var(--mhd-overdue-soft)}.mhd-urgency-urgent{color:var(--mhd-urgent);background:var(--mhd-urgent-soft)}.mhd-urgency-soon{color:var(--mhd-soon);background:var(--mhd-soon-soft)}.mhd-urgency-upcoming{color:var(--mhd-calm);background:var(--mhd-calm-soft)}.mhd-dot{background:currentColor;border-radius:999px;flex-shrink:0;width:8px;height:8px}.mhd-skeleton{background:linear-gradient(90deg, var(--mhd-surface-2) 25%, var(--mhd-border) 37%, var(--mhd-surface-2) 63%);background-size:400% 100%;border-radius:6px;animation:1.4s infinite mhd-shimmer}@keyframes mhd-shimmer{0%{background-position:100%}to{background-position:0}}.mhd-spin{animation:.9s linear infinite mhd-spin}@keyframes mhd-spin{to{transform:rotate(360deg)}}.mhd-rise{animation:.38s cubic-bezier(.22,1,.36,1) both mhd-rise}@keyframes mhd-rise{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}@supports (interpolate-size:allow-keywords){.mhd-root{interpolate-size:allow-keywords}}.mhd-accordion::details-content{opacity:0;block-size:0;transition:block-size .28s cubic-bezier(.22, 1, .36, 1), opacity .2s ease, content-visibility .28s allow-discrete;overflow:hidden}.mhd-accordion[open]::details-content{opacity:1;block-size:auto}.mhd-accordion>summary{list-style:none}.mhd-accordion>summary::-webkit-details-marker{display:none}.mhd-accordion>summary::marker{content:""}.mhd-accordion-icon{transition:transform .28s cubic-bezier(.22,1,.36,1)}.mhd-accordion[open] .mhd-accordion-icon{transform:rotate(45deg)}@media (prefers-reduced-motion:reduce){.mhd-root *,.mhd-root :before,.mhd-root :after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}.mhd-scroll-x{-webkit-overflow-scrolling:touch;overflow-x:auto}.mhd-paper{background-image:radial-gradient(circle at 1px 1px, var(--mhd-border) 1px, transparent 0);background-size:28px 28px}.mhd-hairline{border-top:1px solid var(--mhd-border)}
