#root{max-width:480px;margin:0 auto;padding:2rem}h1{text-align:center}.debug{border:1px dashed darkgray}.debug:before{content:"Debug:";display:block;color:#a9a9a9;margin-bottom:8px}.fade-in-text{opacity:.04;animation-fill-mode:forwards;animation-name:fadeintext;animation-duration:.3s}@keyframes fadeintext{0%{opacity:.04}to{opacity:1}}rect{height:10px}rect.container{fill:#dedede}rect.filled.belonging{fill:#04de8c}rect.filled.exclusion{fill:#f22813}rect.positive.belonging{fill:url(#diagonalHatch)}rect.negative.belonging{fill:url(#diagonalHatch)}rect.positive.exclusion{fill:url(#diagonalHatch)}rect.negative.exclusion{fill:url(#diagonalHatch)}.plop-in{opacity:0;animation-fill-mode:forwards;animation-name:fadeinmeter;animation-duration:0}@keyframes fadeinmeter{0%{opacity:0}to{opacity:1}}.fade-in-out-meter{opacity:0;animation-fill-mode:forwards;animation-name:fadeinoutmeter}@keyframes fadeinoutmeter{0%{opacity:0}30%{opacity:1}70%{opacity:1}to{opacity:0}}.stat-text{margin-left:24px}@keyframes tear{0%{transform:rotate(0) translateY(0);opacity:1}10%{transform:rotate(9deg) translateY(2.5px);opacity:1}35%{opacity:1}70%{transform:rotate(-10deg) translateY(32px);opacity:1}to{transform:rotate(0) translateY(64px);opacity:0}}@keyframes fade-out-calendar{0%{opacity:1}50%{opacity:1}to{opacity:0}}.month{text-align:center;animation:fade-out-calendar 1.6s linear forwards;animation-delay:0s}.month-svg{overflow:visible}.page.old-month{animation:tear .8s linear forwards;animation-delay:0s;display:block}.page rect{width:120px;height:88px;stroke:#dedede;fill:#fff}.page text{font-size:20px;font-weight:700;fill:#213547;text-anchor:middle}.calendar-bar{stroke:#213547;stroke-width:1.5px}.calendar-perforate{width:120px;height:.5px;stroke:#213547;stroke-width:.5px;stroke-dasharray:8 8;fill:transparent}@media (prefers-color-scheme: dark){.page rect{fill:#242424}.page text{fill:#ffffffde}.calendar-bar,.calendar-perforate{stroke:#ffffffde}}.paper{border:1px solid gray;display:grid;position:relative;grid-template-columns:1fr 1fr;padding:16px 16px 0 0;column-gap:16px;background:repeating-linear-gradient(#fff9db,#fff9db 25px,#9198e5,#9198e5 27px);font-family:Indie Flower,cursive;min-height:500px}@media (prefers-color-scheme: dark){.paper{color:#213547}}.header{position:absolute;width:100%;height:78px;background-color:#fff9db}.paper-title{line-height:81px;margin:0 0 16px 40px;position:relative;font-size:40px;font-weight:700;height:50px}ul{list-style-position:outside}.paper li{margin:0 0 27px;position:relative;font-size:22px;line-height:27px}.pros,.cons{min-height:216px}.neutrals{grid-column:span 2;padding-top:16px}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer;transition:border-color .25s;margin-right:16px}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}