:root{--vt-c-white: #ffffff;--vt-c-white-soft: #f8f8f8;--vt-c-white-mute: #f2f2f2;--vt-c-black: #181818;--vt-c-black-soft: #222222;--vt-c-black-mute: #282828;--vt-c-indigo: #2c3e50;--vt-c-divider-light-1: rgba(60, 60, 60, .29);--vt-c-divider-light-2: rgba(60, 60, 60, .12);--vt-c-divider-dark-1: rgba(84, 84, 84, .65);--vt-c-divider-dark-2: rgba(84, 84, 84, .48);--vt-c-text-light-1: var(--vt-c-indigo);--vt-c-text-light-2: rgba(60, 60, 60, .66);--vt-c-text-dark-1: var(--vt-c-white);--vt-c-text-dark-2: rgba(235, 235, 235, .64)}:root{--color-background: var(--vt-c-white);--color-background-soft: var(--vt-c-white-soft);--color-background-mute: var(--vt-c-white-mute);--color-border: var(--vt-c-divider-light-2);--color-border-hover: var(--vt-c-divider-light-1);--color-heading: var(--vt-c-text-light-1);--color-text: var(--vt-c-text-light-1);--section-gap: 160px}@media (prefers-color-scheme: dark){:root{--color-background: var(--vt-c-black);--color-background-soft: var(--vt-c-black-soft);--color-background-mute: var(--vt-c-black-mute);--color-border: var(--vt-c-divider-dark-2);--color-border-hover: var(--vt-c-divider-dark-1);--color-heading: var(--vt-c-text-dark-1);--color-text: var(--vt-c-text-dark-2)}}*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}html,body{margin:0;padding:0}:root{--color-primary: #1677ff;--color-primary-hover: #4096ff}#app{height:100vh}.ft-20{font-size:20px}.icon-btn{cursor:pointer;font-size:18px;color:#fff}.icon-btn:hover:not(.disabled){color:#1677ff}.icon-btn.active{color:#1677ff}.icon-btn.disabled{cursor:not-allowed;opacity:.5}.icon-btn.dark{color:#000}.rotate-180{transform:rotate(180deg)}.rotate-90{transform:rotate(90deg)}.rotate-90-neg{transform:rotate(-90deg)}.g-subtitleMosaic:not(:hover){color:transparent;background-color:#f1eded;text-shadow:rgba(240,238,238,.3) 0px 0px 4px;-webkit-background-clip:text;background-clip:text;filter:blur(4px)}.ex-g-mosaic-black:not(:hover){color:#999;background-color:#f1eded;text-shadow:rgba(240,238,238,.3) 0px 0px 4px;-webkit-background-clip:text;background-clip:text;filter:blur(4px)}.record-container[data-v-4f20c61e]{display:grid;grid-template-columns:24px 24px 24px 1fr;grid-template-rows:24px 1fr;align-items:center;justify-content:flex-start;padding:4px 4px 0;border-radius:6px;background-color:#8a8a8a;color:#fff;font-size:12px;height:80px}.record-container .text[data-v-4f20c61e]{font-size:14px;grid-row:2;grid-column:1 / -1;align-self:start;padding:0 6px}.record-container svg[data-v-4f20c61e]{width:20px;height:20px}.recordBtn.active[data-v-4f20c61e]{color:#1677ff;border-radius:50%;animation:pulse-4f20c61e 1.5s infinite}.scoreText[data-v-4f20c61e]{font-size:16px;margin-left:20px}@keyframes pulse-4f20c61e{0%{box-shadow:0 0 #0591ffb3}70%{box-shadow:0 0 0 10px #0591ff00}to{box-shadow:0 0 #4caf5000}}