body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}:root{--color-1: #222831;--color-2: #393e46;--color-3: #eeeeee;--shadow-distance: 20px;--shadow-color-1: #1b2027;--shadow-color-2: #29303b}html{box-sizing:border-box;font-size:10px;background-color:var(--color-1)}body{font-size:1.6em}.App{margin:0;padding:0;min-height:100svh;display:flex;align-items:center;justify-content:center;background-color:var(--color-1)}.ribbon{padding:.6em 0;color:var(--color-1);text-decoration:none;position:fixed;background:var(--color-3);box-shadow:0 0 0 999px var(--color-3);clip-path:inset(0 -100%);inset:0 0 auto auto;transform-origin:0 0;transform:translate(29.3%) rotate(45deg)}@media(max-width:768px){.ribbon{display:none}}@media(prefers-color-scheme:light){:root{--color-1: #e0e0e0;--color-2: #e0e0e0;--color-3: #222831;--shadow-color-1: #b3b3b3;--shadow-color-2: #ffffff}}.calculator{font-size:3rem;height:100svh;display:flex;flex-direction:column;align-items:center}.input{font-size:inherit;font-family:inherit;width:min(50vw,85rem);padding:.5em;border:none;border-radius:25px}.input{color:var(--color-3);background:var(--color-2);box-shadow:var(--shadow-distance) var(--shadow-distance) calc(2 * var(--shadow-distance)) var(--shadow-color-1),calc(-1 * var(--shadow-distance)) calc(-1 * var(--shadow-distance)) calc(2 * var(--shadow-distance)) var(--shadow-color-2)}.input:focus{outline:none}.result-container{height:33vh;display:flex;flex-direction:column;align-items:center;justify-content:center}.result{color:var(--color-3);font-size:4.5rem;line-height:1;min-height:4.5rem;white-space:nowrap}@keyframes blink{0%,to{opacity:1}50%{opacity:0}}.result-caret,.result-dot{animation:blink 1s step-end infinite;opacity:.4}.result-colon{animation:blink 1s step-end infinite}.day-offset{color:var(--color-3);font-size:1.5rem;line-height:1;min-height:1.5rem;opacity:.6}.random-button{margin-top:1.5rem;font-size:1.1rem;color:var(--color-3);background:var(--color-2);border:none;border-radius:25px;padding:.4em 1.2em;cursor:pointer;opacity:.5;box-shadow:var(--shadow-distance) var(--shadow-distance) calc(2 * var(--shadow-distance)) var(--shadow-color-1),calc(-1 * var(--shadow-distance)) calc(-1 * var(--shadow-distance)) calc(2 * var(--shadow-distance)) var(--shadow-color-2);transition:opacity .15s}.random-button:hover{opacity:.8}.random-button:active{opacity:1}.hints-container{margin-top:6rem;width:100%;display:flex;justify-content:center}.hints{width:65%;font-size:1.3rem;color:var(--color-3);text-align:left}.hints-heading{margin:0;margin-bottom:1.5rem;opacity:.9;font-size:1.6rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.hints-table{opacity:.6;margin-bottom:1.5rem;display:flex;flex-direction:column;gap:.3em}.hints-table tbody{display:contents}.hints-table tr{display:flex;align-items:center}.hints-example{white-space:nowrap;flex:.5;text-align:left}.hints-arrow{opacity:.5}.hints-desc{color:var(--color-3);flex:.5;text-align:right}.hints-footer{font-size:1.25rem;color:color-mix(in srgb,var(--color-3) 60%,transparent)}.hints-code{font-family:monospace;font-weight:700;color:color-mix(in srgb,var(--color-3) 90%,transparent)}@media(max-width:768px){.input{width:85vw}.result-container{height:50vh}.result{white-space:normal;text-align:center}.hints-container{margin-top:8rem}.hints{width:85vw}.hints-footer{line-height:1.6}.hints-table,.hints-table tbody{display:block}.hints-table tr{display:block;margin-bottom:1em}.hints-example{display:block;text-align:left}.hints-arrow{display:inline;padding:0}.hints-desc{display:inline;padding-left:.5em;opacity:.6}.hints-footer p{margin:.25em 0}}.monospace{font-family:monospace}