html{color-scheme:light dark;background:light-dark(#f4f7f9,#141f29)}body{margin:0;font-family:'Segoe UI',system-ui,sans-serif}#mt-app{min-height:100dvh;box-shadow:none;border-radius:0;max-width:540px}#mt-app .mt-shell{min-height:100dvh}#mt-app .mt-bottom{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,540px);box-sizing:border-box;z-index:5;padding-bottom:max(12px,env(safe-area-inset-bottom));box-shadow:0 -5px 20px #00000006}#mt-app .mt-topbar{padding-top:max(18px,env(safe-area-inset-top))}#mt-app main{padding-bottom:24px}#mt-app button{touch-action:manipulation}#mt-app button:disabled{opacity:.55;cursor:wait}#mt-app .mt-bottom .mt-nav-icon{font-size:21px;line-height:1}#mt-app #mt-toast:not(:empty){position:fixed;bottom:98px;left:50%;transform:translateX(-50%);background:var(--mt-ink);color:var(--mt-bg);padding:12px 18px;border-radius:14px;width:min(85%,430px);box-sizing:border-box;z-index:20;font-size:14px}#mt-app .mt-error{color:light-dark(#a42b36,#ffa3ab);margin:12px 0}#mt-app .mt-empty{padding:24px 10px;text-align:center}#mt-app .mt-form .mt-primary{min-height:48px}#mt-app .mt-meta{font-size:12px;color:var(--mt-muted)}#mt-app .mt-person{width:100%;text-align:left;display:flex;align-items:center;justify-content:space-between;gap:12px}#mt-app .mt-person>span{min-width:0;overflow-wrap:anywhere}#mt-app .mt-balance{font-variant-numeric:tabular-nums;white-space:nowrap}#mt-app .mt-danger{color:light-dark(#a42b36,#ffa3ab)}#mt-app .mt-pair>button{padding-left:7px;padding-right:7px}#mt-app .mt-day:hover{transform:none}#mt-app .mt-list-row{overflow-wrap:anywhere}#mt-app .mt-legend{display:flex;gap:12px;flex-wrap:wrap;padding:14px 4px 0;font-size:12px;color:var(--mt-muted)}#mt-app .mt-day .mt-dots{display:flex;gap:3px;font-weight:700;font-size:12px}#mt-app .mt-extra{color:var(--mt-green)}#mt-app .mt-comp{color:var(--mt-purple)}#mt-app .mt-day{min-height:57px}#mt-app .mt-calendar h2{text-transform:capitalize}#mt-app .mt-login{min-height:100dvh}#mt-app .mt-login .mt-intro{gap:32px;padding-top:40px}#mt-app .mt-account .mt-avatar{font-size:20px}#mt-app .mt-readonly{font-size:18px;letter-spacing:1px;user-select:all;overflow-wrap:anywhere}#mt-app .mt-detail .mt-list-row{align-items:flex-start}#mt-app input,#mt-app select{scroll-margin-bottom:110px}#mt-app label{font-size:14px}#mt-app .mt-small{font-size:13px}#mt-app .mt-day .mt-small{font-size:12px}#mt-app .mt-panel .mt-pair{gap:8px}@media(min-width:720px){#mt-app{margin:24px auto;min-height:calc(100dvh - 48px);border-radius:24px;box-shadow:0 8px 40px #0000000b}#mt-app .mt-shell,#mt-app .mt-login{min-height:calc(100dvh - 48px)}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}

#mt-app .mt-shell>main{padding-bottom:calc(115px + env(safe-area-inset-bottom))}
#mt-app .mt-install-prompt[hidden],#mt-app #mt-share-options[hidden]{display:none!important}
#mt-app .mt-credential-actions{display:grid;gap:10px;margin:18px 0}
#mt-app .mt-credential-actions button,#mt-app #mt-share-options button{width:100%}
#mt-app #mt-share-options{display:grid;gap:10px}
#mt-app .mt-share-link{display:block;box-sizing:border-box;text-align:center;text-decoration:none;color:var(--mt-green);background:var(--mt-soft);padding:12px;border-radius:10px;min-height:44px}
@media(display-mode:standalone),(display-mode:minimal-ui){#mt-app .mt-install-prompt{display:none!important}}

#mt-app{--mt-red:light-dark(#a92d37,#ffafb5);--mt-extra-fill:light-dark(#bcead7,#205342);--mt-comp-fill:light-dark(#f5c2c7,#61313b)}
#mt-app .mt-comp{color:var(--mt-red)}
#mt-app .mt-days{gap:4px}
#mt-app .mt-day{border-radius:8px}
#mt-app .mt-day-extra{background:var(--mt-extra-fill)}
#mt-app .mt-day-comp{background:var(--mt-comp-fill)}
#mt-app .mt-day-mixed{background:linear-gradient(90deg,var(--mt-comp-fill) 50%,var(--mt-extra-fill) 50%)}
#mt-app .mt-day.mt-selected{box-shadow:inset 0 0 0 2px var(--mt-ink)}
#mt-app .mt-day-extra:hover,#mt-app .mt-day-extra.mt-selected{background:var(--mt-extra-fill)}
#mt-app .mt-day-comp:hover,#mt-app .mt-day-comp.mt-selected{background:var(--mt-comp-fill)}
#mt-app .mt-day-mixed:hover,#mt-app .mt-day-mixed.mt-selected{background:linear-gradient(90deg,var(--mt-comp-fill) 50%,var(--mt-extra-fill) 50%)}
#mt-app .mt-ledger-entry{border-left:4px solid;border-radius:10px;padding:0 12px 1px;margin:14px 0}
#mt-app .mt-ledger-extra{border-color:var(--mt-green);background:light-dark(#eff9f4,#20382f)}
#mt-app .mt-ledger-comp{border-color:var(--mt-red);background:light-dark(#fff2f3,#3e2c34)}
#mt-app .mt-ledger-entry>.mt-list-row{border:0;padding:12px 0}