:root{--history-green:#4f765b;--history-green-soft:#e3ede3}.history-app{width:min(100%,480px);min-height:100vh;margin:0 auto;padding:20px 20px 40px}.history-header{display:grid;grid-template-columns:42px 1fr 42px;gap:12px;align-items:center}.history-header>a,.history-header>em{display:grid;width:40px;height:40px;place-items:center;color:var(--red);border:1px solid rgba(141,40,36,.25);border-radius:50%;font-size:20px;font-style:normal}.history-header>div span{color:var(--red);font-size:10px;letter-spacing:.2em}.history-header h1{margin:4px 0 0;font-size:25px;letter-spacing:.09em}.history-summary{display:grid;grid-template-columns:repeat(3,1fr);margin:22px 0 14px;padding:16px 4px;border:1px solid rgba(141,40,36,.16);border-radius:18px 5px 18px 5px;background:rgba(255,252,245,.48)}.history-summary div{text-align:center}.history-summary div+div{border-left:1px solid var(--line)}.history-summary strong,.history-summary small{display:block}.history-summary strong{color:var(--red);font:500 26px/1 Georgia,serif}.history-summary small{margin-top:7px;color:var(--muted);font-size:10px}.calendar-card{padding:17px 14px 14px;border:1px solid rgba(73,59,43,.14);border-radius:18px 5px 18px 5px;background:rgba(255,252,245,.55)}.calendar-card>header{display:grid;grid-template-columns:38px 1fr 38px;align-items:center;text-align:center}.calendar-card>header button{width:34px;height:34px;color:var(--red);border:1px solid rgba(141,40,36,.2);border-radius:50%;background:transparent;font:24px/1 serif}.calendar-card>header small{color:var(--red);font-size:9px;letter-spacing:.18em}.calendar-card h2{margin:3px 0 0;font-size:19px;letter-spacing:.08em}.calendar-weekdays,.meditation-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:5px}.calendar-weekdays{margin:18px 0 7px;color:#948a7d;font-size:10px;text-align:center}.calendar-day{position:relative;display:grid;aspect-ratio:1;place-items:center;padding:0;color:var(--ink);border:0;border-radius:50%;background:transparent;font:13px inherit}.calendar-day.other-month{color:#b9b0a4}.calendar-day.has-record{color:#fff;background:var(--history-green);box-shadow:0 3px 8px rgba(79,118,91,.2)}.calendar-day.today:not(.has-record){outline:1px solid var(--red);outline-offset:-2px;color:var(--red)}.calendar-day.selected{box-shadow:0 0 0 3px var(--paper),0 0 0 5px var(--history-green)}.calendar-day:focus-visible{outline:2px solid var(--red);outline-offset:2px}.calendar-legend{display:flex;align-items:center;justify-content:center;gap:7px;margin:16px 0 0;color:var(--muted);font-size:10px}.calendar-legend i{width:9px;height:9px;border-radius:50%;background:var(--history-green)}.day-details{min-height:92px;margin-top:14px;padding:16px;border:1px solid rgba(73,59,43,.12);border-radius:14px 4px 14px 4px;background:rgba(255,252,245,.4)}.day-details small{color:var(--red);font-size:10px;letter-spacing:.12em}.day-details h3{margin:5px 0 7px;font-size:17px}.day-details p{margin:0;color:var(--muted);font-size:12px;line-height:1.7}.day-details.empty{display:flex;align-items:center;justify-content:center;color:var(--muted);font-size:12px;text-align:center}.start-meditation{display:flex;min-height:44px;margin-top:16px;align-items:center;justify-content:center;color:#fff8eb;border-radius:5px 5px 13px 5px;background:var(--red);font-size:14px;letter-spacing:.1em}@media(max-width:360px){.history-app{padding-right:14px;padding-left:14px}.calendar-weekdays,.meditation-calendar{gap:3px}}