:root{--color-bg: #f1f0eb;--color-ink: #1d1d1d;--color-red: #e63946;--color-blue: #1d3557;--color-yellow: #f1c40f;font-family:Jost,Futura,Helvetica Neue,system-ui,sans-serif;color:var(--color-ink);background:var(--color-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;width:100%}#root{display:flex;flex-direction:column}.header{display:flex;align-items:baseline;justify-content:space-between;flex-wrap:wrap;padding:1.25rem 1.75rem;border-bottom:1px solid var(--color-ink);background:var(--color-bg)}.header__title{display:flex;align-items:baseline;gap:.6rem;font-weight:700;letter-spacing:.08em}.header__title-main{font-size:1.1rem}.header__title-sep{color:var(--color-red);font-size:1.3rem;line-height:1}.header__title-sub{font-size:1.1rem;color:var(--color-blue)}.header__date{display:flex;align-items:center;gap:.9rem}.header__date-label{font-weight:500;letter-spacing:.12em;font-size:.9rem}.date-picker{font:inherit;font-size:.9rem;padding:.3rem .5rem;background:var(--color-bg);border:1px solid var(--color-ink);color:var(--color-ink);letter-spacing:.04em;border-radius:0}.date-picker:focus{outline:2px solid var(--color-red);outline-offset:1px}