.delete-btn[data-v-860ba2dd]{background-color:transparent;color:#999;border:none;border-radius:50%;font-size:1.5em;cursor:pointer;transition:color .2s,background-color .2s;width:40px;height:40px;display:flex;align-items:center;justify-content:center}.delete-btn[data-v-860ba2dd]:hover{color:red;background-color:#ffecec}.dark .delete-btn[data-v-860ba2dd]{color:#ccc}.dark .delete-btn[data-v-860ba2dd]:hover{color:red;background-color:#333}.icon[data-v-860ba2dd]{width:1em;height:1em}.record-item[data-v-ef320285]{display:flex;align-items:center;justify-content:space-between;margin-bottom:.4em}.time[data-v-ef320285]{font-weight:700;color:#333;margin-right:.4em}.diff[data-v-ef320285]{color:green;font-size:.8em;text-align:right;margin-right:.8em;min-width:5em}.note-input[data-v-ef320285]{flex:1 1 auto;font-size:.8em;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;cursor:text;border:0px solid transparent;background-color:transparent}@media (max-width: 360px){.note-input[data-v-ef320285]{max-width:30vw}}@media (max-width: 280px){.note-input[data-v-ef320285]{max-width:20vw}}@media (max-width: 240px){.note-input[data-v-ef320285]{display:none}}@media (max-width: 190px){.diff[data-v-ef320285]{display:none}}@media (max-width: 110px){.time[data-v-ef320285]{font-size:12vw}.delete-btn[data-v-ef320285]{display:none}}.note-input[data-v-ef320285]:focus{outline:none}.note-input[data-v-ef320285]::placeholder{color:transparent}.delete-btn[data-v-ef320285]{flex:0 0 auto}html.dark .time[data-v-ef320285]{color:#ddd}html.dark .diff[data-v-ef320285]{color:#90ee90}html.dark .note-input[data-v-ef320285]{color:#ddd;background-color:transparent}.time-records[data-v-a08969e5]{text-align:center;max-width:600px}.records-list[data-v-a08969e5]{list-style-type:none;padding:0;margin:0;max-height:40vh;overflow-y:auto;scroll-behavior:smooth;scrollbar-width:none}.records-list[data-v-a08969e5]::-webkit-scrollbar{display:none}.clear-button-container[data-v-a08969e5]{display:flex;justify-content:center;margin-top:20px}@media (max-width: 360px){.time-records[data-v-a08969e5]{max-width:100%}}@media (max-height: 576px){.records-list[data-v-a08969e5]{max-height:35vh}.clear-button-container[data-v-a08969e5]{margin-top:0}}@media (max-height: 140px){.clear-button-container[data-v-a08969e5]{display:none}}.time[data-v-9bd34a7f]{font-family:Courier New,Lucida Console,Monaco,Consolas,monospace,Helvetica,Arial,sans-serif;font-size:16vw;font-weight:700;text-align:center;margin:0 auto;cursor:pointer;-webkit-user-select:none;user-select:none;transition:font-size .5s ease-in-out,transform .5s ease-in-out;-webkit-tap-highlight-color:transparent}@media (min-width: 1024px){.time.small[data-v-9bd34a7f]{font-size:12vw}}.quote[data-v-2b219607]{font-size:2vw;color:#666;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;text-align:center;max-width:90%;margin:0 auto;cursor:text;border:1px solid transparent}.quote[contenteditable=true][data-v-2b219607]:focus{outline:none}.container[data-v-8eca4086]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:100vh;box-sizing:border-box}main[data-v-8eca4086]{display:flex;justify-content:center;align-items:center;flex-grow:1;flex-direction:column;width:100%}@media (min-width: 1024px){main[data-v-8eca4086]{flex-direction:row}}aside[data-v-8eca4086]{margin:2em}@media (max-height: 576px){aside[data-v-8eca4086]{margin:0}}footer[data-v-8eca4086]{width:100%;display:flex;justify-content:center;align-items:center;margin-bottom:1em}body{margin:0;transition:background-color .3s,color .3s}html{touch-action:none;background-color:#fff;color:#000}html.dark{background-color:#000;color:#fff}