.hzh{width:min(1500px,calc(100vw - 64px));max-width:none;position:relative;left:50%;transform:translateX(-50%);margin:75px 0;color:#344258;font:14px/1.65 'HZV Inter',Inter,sans-serif}.hzh *{box-sizing:border-box}.hzh-heading{text-align:center;margin-bottom:24px}.hzh-heading>p:first-child{font-size:11px;letter-spacing:.2em;color:#8e8e93}.hzh-heading h2{font-size:clamp(25px,3vw,34px);color:#1c1c1e;margin:12px 0;font-weight:700}.hzh-heading>p:last-child{color:#8e8e93}.hzh-demo-label{text-align:center;font-size:11px;color:#8e8e93;margin:0 0 24px}
.hzh button{font:600 13px/1.5 'HZV Inter',Inter,sans-serif;border:0;border-radius:10px;padding:10px 15px;background:#e4d1eb;color:#725b7f;cursor:pointer}.hzh button:focus-visible,.hzh input:focus-visible{outline:2px solid #4b8ede;outline-offset:3px}.hzh button:disabled{opacity:.5;cursor:default}.hzh-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:20px;margin-bottom:24px}.hzh-stats>div{padding:18px;background:#d6e5fb;border-radius:10px;display:flex;flex-direction:column;align-items:center}.hzh-stats strong{font-size:34px;line-height:1.5;font-weight:700;color:#273248}.hzh-stats>div:last-child strong{color:#7c68b0}.hzh-stats span{color:#7c8491;font-size:14px}
.hzh-card{background:white;border:1px solid #edf0f5;border-radius:20px;padding:26px;min-width:0}.hzh h3{font-size:20px;line-height:1.5;font-weight:650;color:#5984d7;text-align:center;margin:0 0 8px}.hzh-section-head{display:flex;justify-content:space-between;align-items:start;gap:22px;margin-bottom:22px}.hzh-section-head>div{flex:1;min-width:0}.hzh-section-head p{margin:6px 0;color:#8491a5}.hzh form{display:flex;flex-wrap:wrap;align-items:end;gap:10px}.hzh form label{display:flex;flex-direction:column;gap:5px;font-size:12px;color:#8491a5}.hzh form input{font:13px 'HZV Inter',Inter,sans-serif;border:0;border-radius:10px;padding:12px;background:#f0f0f3;min-height:40px;color:#344258}.hzh [data-review]{background:#bfd3eb;color:#fff}
.hzh-month{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:8px}.hzh .hzh-month button{position:relative;min-height:100px;border:2px solid transparent;border-radius:10px;padding:8px;background:white;display:flex;flex-direction:column;align-items:center;justify-content:center;color:#1c1c1e}.hzh .hzh-month button[aria-pressed=true]{border-color:#b6a2de}.hzh-day-number{position:absolute;top:4px;left:6px;font-size:12px;font-weight:400;color:#8491a5}.hzh-day-sticker{font-size:36px;line-height:1.3;margin:7px 0 4px}.hzh-month strong{font-size:17px;align-self:flex-end;color:#16a34a}.hzh .hzh-month.is-plain button{background:#f3f3f6}.hzh-month.is-plain .hzh-day-sticker{visibility:hidden}.hzh [data-day-status]{color:#8491a5;font-size:12px;margin:16px 0}
.hzh-curve-section{border-top:1px solid #ececf1;margin-top:25px;padding-top:25px}.hzh-today{color:#f43f5e;margin:22px 0}.hzh-today small{margin-left:10px;color:#8491a5;font-size:11px}.hzh-curve{display:block;width:100%;height:auto;margin:28px 0 20px;overflow:visible;font-family:'HZV Inter',Inter,sans-serif;font-size:18px}.hzh-table-scroll{overflow:auto;margin-top:20px}.hzh table{width:100%;min-width:480px;border-collapse:collapse;font-size:13px}.hzh th,.hzh td{padding:12px;border:1px solid #e1e5ef;text-align:left}.hzh th{background:#dfdbf2;font-weight:600}
.hzh-posts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px;align-items:start}.hzh-card>header{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-bottom:18px}.hzh-card>header h3{margin:0;color:#344258}.hzh-card>header button{background:#eaf3ff;color:#4b8ede;flex-shrink:0}.hzh [data-letter-content]{max-height:850px;overflow:auto}.hzh [data-letter-content] .elc-post-stage{margin:0 auto}.hzh .elc-cat-drawing{object-fit:contain}.hzh .elc-letter-paper h2{color:var(--ink);font-family:'ELC Letter Serif',Georgia,serif}.hzh .elc-letter-paper footer{text-align:right}
.hzh-tasks{display:flex;flex-direction:column;gap:10px;font-size:13px;margin:18px 0}.hzh-tasks label{display:flex;gap:8px;align-items:center}.hzh-tasks input{accent-color:#7c68b0}.hzh-receipt-preview{padding:15px;background:#eee8da;border-radius:12px;margin-bottom:16px}.hzh-receipt-preview img{display:block;width:100%;height:auto}.hzh [data-download-receipt]{background:#4b8ede;color:white}.hzh [data-receipt-status]{font-size:12px;color:#8491a5}
.hzh-dialog{border:0;border-radius:20px;padding:0;width:min(780px,calc(100vw - 24px));max-width:calc(100vw - 24px);max-height:92dvh;background:#faf8f1;color:#344258;overflow:auto}.hzh-dialog::backdrop{background:#25232970;backdrop-filter:blur(6px)}.hzh-dialog>header{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;padding:18px 24px;background:#faf8f1}.hzh-dialog>header button{background:transparent;color:#8491a5}.hzh [data-dialog-content]{padding:10px 20px 25px}.hzh [data-dialog-content]>img{display:block;width:100%;height:auto}.hzh-dialog .elc-post-stage{margin:auto}
@media(max-width:1100px){.hzh-section-head{flex-direction:column}.hzh-month{grid-template-columns:repeat(7,minmax(0,1fr))}.hzh-posts{grid-template-columns:1fr}.hzh-mail [data-letter-content]{max-width:720px;margin:auto}.hzh-receipt-preview{max-width:700px;margin:15px auto}.hzh-stats{gap:10px}.hzh-stats>div{padding:15px 6px}}
@media(max-width:600px){.hzh{width:calc(100vw - 32px)}.hzh-card{padding:18px 12px}.hzh-stats{grid-template-columns:repeat(2,minmax(0,1fr))}.hzh-stats>div:last-child{grid-column:1/-1}.hzh-month{grid-template-columns:repeat(5,minmax(0,1fr));gap:4px}.hzh .hzh-month button{min-height:85px;padding:5px}.hzh-day-sticker{font-size:28px}.hzh-month strong{font-size:14px}.hzh h3{font-size:18px}.hzh form{gap:7px}.hzh form button{padding:9px 10px}.hzh-curve{font-size:20px}.hzh-card>header h3{text-align:left}.hzh [data-dialog-content]{padding:8px}.hzh .elc-letter-body p{font-size:18px!important}}
/* Letter and receipt stand on their own, without dashboard furniture. */
.hzh-posts{align-items:center}.hzh-mail,.hzh-receipt{min-width:0;background:transparent;border:0;padding:0;box-shadow:none}.hzh [data-letter-content]{max-height:none;overflow:visible}.hzh .hzh-receipt>img{display:block;width:100%;height:auto}.hzh-posts .elc-post-stage{width:100%;max-width:680px;margin:auto}.hzh-posts .elc-letter-paper{box-shadow:0 8px 30px #64484012}

.hzh-day-sticker img{width:42px;height:42px;object-fit:contain}.hzh [data-sticker-picker]{padding:16px;background:#faf8ff;border:1px solid #e5ddf3;border-radius:12px;margin:12px 0;max-height:400px;overflow:auto}.hzh [data-sticker-picker][hidden]{display:none}.hzh [data-sticker-picker] fieldset{border:0;margin:12px 0}.hzh [data-sticker-picker] button{margin:4px}.hzh [data-sticker-picker] img{width:48px;height:48px;object-fit:contain}.hzh [data-sticker-picker] [aria-pressed=true]{outline:2px solid #7c68b0}.hzh [data-review-days]{max-width:100%;padding:8px;border:1px solid #ddd;border-radius:8px}

.hzh-curve-scroll{overflow-x:auto;overflow-y:hidden;width:100%}.hzh-curve-scroll .hzh-curve{min-width:760px;overflow:hidden;margin:18px 0 0}.hzh-memory-method{color:#8491a5;font-size:12px;margin:12px 0 24px}.hzh-memory-method summary{cursor:pointer}.hzh-curve-scroll:focus-visible{outline:2px solid #7c68b0;outline-offset:2px}

.hzh-curve-section{max-width:1100px;margin:28px auto 0}.hzh-curve-section>.hzh-section-head{align-items:center;gap:24px}.hzh-curve-section .hzh-section-head h3{text-align:left;font-size:20px}.hzh-curve-section .hzh-section-head p{font-size:13px}.hzh-memory-controls{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:12px;font-size:13px;margin:12px 0}.hzh-memory-controls label{display:flex;align-items:center;gap:10px}.hzh-memory-controls p{margin:0}.hzh-curve-section .hzh-today{margin:16px 0;font-size:13px}.hzh-curve-scroll{max-width:1040px;margin:0 auto}.hzh-curve-scroll .hzh-curve{font-size:14px;margin:8px 0 0}.hzh-curve-section>.hzh-table-scroll{width:min(100%,720px);margin:16px auto 8px}.hzh-curve-section table{table-layout:fixed;min-width:460px;font-size:13px}.hzh-curve-section th,.hzh-curve-section td{text-align:center;padding:12px 8px}.hzh-curve-section>h3{font-size:18px;margin-top:24px}.hzh form{margin:0}@media(max-width:700px){.hzh-memory-controls{align-items:flex-start;flex-direction:column}.hzh-curve-section>.hzh-section-head{align-items:stretch}.hzh-curve-section .hzh-section-head h3{text-align:left}}