:root{color-scheme:dark}*{margin:0;padding:0;box-sizing:border-box}body{background:#000;color:#fff;font-family:-apple-system,BlinkMacSystemFont,sans-serif;-webkit-font-smoothing:antialiased;overflow:hidden;height:100dvh;width:100vw;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left)}.container{height:100dvh;width:100%;display:flex;flex-direction:column;padding-bottom:max(env(safe-area-inset-bottom),20px)}.dots-area{flex:1;display:flex;justify-content:center;align-items:center;padding:20px;padding-left:max(20px,env(safe-area-inset-left));padding-right:max(20px,env(safe-area-inset-right));min-height:0}.remaining{color:#ccc}.dots-grid{display:grid;gap:2px;max-height:100%;max-width:100%}.dot{aspect-ratio:1;border-radius:50%;background:#fff}.dot.active{background:#333}.bottom-bar{height:60px;display:flex;justify-content:space-between;align-items:center;padding:0 max(20px,env(safe-area-inset-left)) calc(env(safe-area-inset-bottom) + 10px) max(20px,env(safe-area-inset-right));font-family:monospace;font-size:24px;background:#000;position:relative;z-index:1}.bottom-bar-item{cursor:pointer;-webkit-user-select:none;user-select:none}.date-input{opacity:0;position:absolute;pointer-events:none}.date-input.visible{opacity:1;pointer-events:auto}