:root{color-scheme:light;--ink:#080f27;--muted:#707b98;--line:#e7ecf4;--gain:#009f95;--loss:#f13243}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:#f5f8fc;color:var(--ink);font:14px/1.45 Arial,'Malgun Gothic',sans-serif}main{max-width:590px;margin:auto;padding:24px 12px 16px}header{display:flex;justify-content:space-between;align-items:center;margin:0 5px 10px}.eyebrow{color:#626c84;margin:0;font-size:14px}h1{font-size:32px;line-height:1.25;letter-spacing:-1.3px;margin:2px 0 0}h2{font-size:16px;margin:0}h3{font-size:22px;margin:0}.readonly{white-space:nowrap;color:#68728c;font-size:13px}.demo{display:inline-block;border:1px solid #e7a00b;background:#fffbed;color:#c88200;border-radius:24px;padding:4px 10px;font-size:13px;margin:0 5px 10px}.card{background:#fff;border-radius:13px;padding:13px 12px;margin-bottom:10px;box-shadow:0 4px 20px #26395704}.balance h2,.monthly h2{color:#535e79}.money{display:flex;align-items:baseline;flex-wrap:wrap;gap:7px;margin:2px 0 0}.money strong{font-size:40px;line-height:1.25;letter-spacing:-1px;font-variant-numeric:tabular-nums}.money .currency{font-size:21px;font-weight:700}.monthly{background:linear-gradient(110deg,#f0fcf9,#effcfb);padding-top:15px}.monthly .money{color:#008e85}.monthly.negative{background:#fff0f2}.monthly.negative .money{color:var(--loss)}.muted{color:var(--muted);font-size:13px;margin:3px 0}.monthly-note{border-top:1px solid #d9e9ed;padding-top:9px;margin:12px 0 0;color:#6b7590;font-size:13px}.section-head{display:flex;align-items:center;justify-content:space-between}.section-head h2{font-size:21px}.month-nav{display:flex;align-items:center;justify-content:center;gap:28px;margin:10px 0}.month-nav button{font-size:29px;line-height:1;border:0;color:#56617c;background:transparent;width:44px;min-height:44px;cursor:pointer}.month-nav button:disabled{color:#cbd2de;cursor:default}.weekdays,.grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr))}.weekdays{text-align:center;font-size:13px;color:#636d89;padding-bottom:6px}.weekdays span:first-child{color:#ff2635}.weekdays span:last-child{color:#0078ff}.grid{border-top:1px solid var(--line);border-left:1px solid var(--line);border-radius:8px;overflow:hidden}.day{min-width:0;min-height:42px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);padding:2px}.day-inner{min-height:37px;height:100%;border-radius:6px;display:flex;align-items:center;flex-direction:column;padding:3px 0;gap:2px}.date{font-size:13px;color:#606b86}.value{font-size:9px;font-weight:650;white-space:nowrap;font-variant-numeric:tabular-nums}.day.positive .day-inner{background:#e6faf7;color:var(--gain)}.day.negative .day-inner{background:#fff0f3;color:var(--loss)}.day.zero .day-inner{background:#f4f5f9;color:#717b93}.day.today .day-inner{outline:1px solid #00b2a8;outline-offset:-1px;color:var(--gain)}.day.today .date{color:var(--ink);font-weight:700}.day.outside{color:#a2a9b9}.today-label{font-size:11px}.legend{display:flex;gap:20px;margin:12px 0;color:#65708b;font-size:13px}.legend span{display:flex;align-items:center;gap:7px}.legend i{width:10px;height:10px;border-radius:50%}.gain{background:var(--gain)}.loss{background:var(--loss)}footer{border-top:1px solid var(--line);padding-top:9px;display:flex;gap:10px;color:#56617d}footer p{margin:0;font-size:12px}.clock{font-size:23px;line-height:1.3}.footnote{font-size:12px;color:var(--muted);text-align:center;margin:12px 0}.status:empty{display:none}.status{font-size:13px;color:var(--muted);margin:0 5px 10px}.warning{padding:9px;background:#fff4df;color:#9d6000;border-radius:8px}.actions{display:flex;gap:12px;justify-content:center}.actions button{border:0;background:transparent;color:#65708b;min-height:44px;font-size:13px;cursor:pointer}.login h2{margin-bottom:10px}.login label{display:block;color:var(--muted)}.login input{font-size:16px;border:1px solid #cdd6e4;border-radius:8px;min-height:44px;width:100%;margin:8px 0 12px;padding:9px}.login button{background:var(--gain);color:white;border:0;border-radius:8px;width:100%;min-height:46px;font-size:16px}.login button:disabled{opacity:.55}.login p{font-size:13px;color:var(--loss)}button:focus-visible,input:focus-visible{outline:3px solid #71cfc5;outline-offset:2px}@media(min-width:480px){main{padding:30px 18px}.card{padding:20px}.money strong{font-size:49px}.day{min-height:65px}.day-inner{min-height:60px}.value{font-size:13px}}@media(max-width:340px){main{padding:20px 8px}.card{padding:12px 9px}.money strong{font-size:34px}.readonly{font-size:11px}.value{font-size:8px}}body{-webkit-font-smoothing:antialiased}