.app-bar[data-v-ffee4440]{z-index:9;background-color:var(--blur);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid var(--gray-5);-webkit-user-select:none;user-select:none;position:sticky;top:0}.menu-bar[data-v-ffee4440]{align-items:center;gap:.25rem;padding:.25rem .5rem;display:flex}.menu[data-v-ffee4440]{position:relative}.menu-button[data-v-ffee4440]{color:inherit;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:.4rem .8rem}.menu-button[data-v-ffee4440]:hover,.menu-button.active[data-v-ffee4440]{background:var(--gray-4)}.dropdown[data-v-ffee4440]{background:var(--gray-6);border:1px solid var(--gray-5);z-index:100;transform-origin:0 0;border-radius:8px;flex-direction:column;min-width:180px;display:flex;position:absolute;top:calc(100% + .25rem);left:0;overflow:hidden;box-shadow:0 8px 24px #0003}.dropdown-enter-active[data-v-ffee4440],.dropdown-leave-active[data-v-ffee4440]{transition:opacity .12s,transform .12s}.dropdown-enter-from[data-v-ffee4440],.dropdown-leave-to[data-v-ffee4440]{opacity:0;transform:translateY(-4px)scale(.98)}button.menu-item[data-v-ffee4440]{color:inherit;font:inherit;text-align:left;cursor:pointer;background-color:#0000;border:none;padding:.6rem 1rem}.menu-item[data-v-ffee4440]:hover{background-color:var(--gray-4)}.notification-container[data-v-7c55a2f4]{box-shadow:1px 1px 4px 0px var(--gray-6);background-color:var(--blur);-webkit-backdrop-filter:blur(42px);pointer-events:all;border-radius:12px;gap:7px;padding:12px;display:flex}.notification-container.clickable[data-v-7c55a2f4]:active{opacity:.8}.icon[data-v-7c55a2f4]{align-items:center;display:flex}.notif-list-move[data-v-e7e9cfd4],.notif-list-enter-active[data-v-e7e9cfd4],.notif-list-leave-active[data-v-e7e9cfd4]{transition:all .35s ease-in-out}.notif-list-enter-from[data-v-e7e9cfd4],.notif-list-leave-to[data-v-e7e9cfd4]{transform:translate(100%)}.notif-list-leave-active[data-v-e7e9cfd4]{position:absolute}.notif-list[data-v-e7e9cfd4]{scrollbar-width:none;pointer-events:none;flex-direction:column;gap:12px;width:15rem;height:calc(100vh - 24px);display:flex;position:fixed;top:64px;right:12px;overflow-y:auto}.group-toolbar[data-v-74e5ead5]{padding:12px 32px 0}.group-section[data-v-74e5ead5]{margin-bottom:8px}.group-header[data-v-74e5ead5]{align-items:center;gap:12px;padding:0 32px;display:flex}.group-header h4[data-v-74e5ead5]{color:var(--label-boring);flex:1}.rename-group[data-v-74e5ead5]{color:var(--label-boring);background:0 0;border:none;font-size:12px}.delete-group[data-v-74e5ead5]{color:var(--label-danger);background:0 0;border:none;font-size:12px}.empty-dropzone[data-v-74e5ead5]{min-height:72px;box-shadow:inset 0 0 0 1px var(--gray-3);border-radius:12px}.create-group-form[data-v-74e5ead5]{flex-direction:column;gap:12px;min-width:220px;padding:16px;display:flex}.create-group-form input[data-v-74e5ead5]{padding:8px}.create-group-form .error[data-v-74e5ead5]{color:var(--label-danger);margin:0;font-size:13px}.grid button[data-v-74e5ead5]{touch-action:none;background-color:#0000;border:none;padding:0}.grid[data-v-74e5ead5]{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:32px;padding:32px;display:grid}.card[data-v-74e5ead5]{cursor:pointer;background-color:var(--gray-5);aspect-ratio:1;border-radius:12px;padding:12px;transition:box-shadow .4s ease-in-out;box-shadow:0 1px 2px #0000000a,0 4px 12px #00000014,0 12px 32px #0000000f}button:active .card[data-v-74e5ead5]{box-shadow:inset 0 1px 2px #0000000a,inset 0 4px 12px #00000014,inset 0 12px 32px #0000000f}.is-dragging-source[data-v-74e5ead5]{opacity:.25}.edit-mode:nth-child(2n) .vibrate[data-v-74e5ead5]{transform-origin:50% 10%;animation:.25s infinite wobble-a}.edit-mode:nth-child(2n-1) .vibrate[data-v-74e5ead5]{transform-origin:30% 5%;animation:.25s infinite alternate wobble-b}.drag-ghost[data-v-74e5ead5]{background-color:var(--gray-5);box-sizing:border-box;text-align:center;border-radius:12px;padding:12px;display:flex;box-shadow:0 2px 4px #00000014,0 8px 20px #00000024,0 20px 48px #0000001a}.playing[data-v-74e5ead5]{box-shadow:0 0 20px var(--accent-fg), 0 0 12px var(--red), 0 0 20px var(--purple)}@keyframes wobble-a{0%{animation-timing-function:ease-in;transform:rotate(-2deg)}50%{animation-timing-function:ease-out;transform:rotate(3deg)}}@keyframes wobble-b{0%{animation-timing-function:ease-in;transform:rotate(2deg)}50%{animation-timing-function:ease-out;transform:rotate(-3deg)}}.update-modal[data-v-a16947a9]{flex-direction:column;justify-content:space-between;height:100%;padding:16px;display:flex}.info[data-v-a16947a9]{flex:1}.version-line[data-v-a16947a9]{text-align:center;font-size:18px;font-weight:700}.date[data-v-a16947a9]{text-align:center;color:var(--label-boring);margin:2px 0 12px;font-size:13px}h3[data-v-a16947a9]{color:var(--label-boring);margin:12px 0 4px;font-size:14px}ul[data-v-a16947a9]{margin:0 0 16px;padding-left:20px}li[data-v-a16947a9]{margin-bottom:4px;font-size:14px;line-height:1.4}.no-notes[data-v-a16947a9]{color:var(--label-boring);margin:0 0 16px;font-size:13px}.actions[data-v-a16947a9]{background-color:var(--blur);-webkit-backdrop-filter:blur(8px);justify-content:flex-end;gap:8px;margin:0 -23px;padding:7px;display:flex;position:sticky;bottom:0;transform:translateY(23px)}.actions .primary[data-v-a16947a9]{background-color:var(--accent-bg);color:var(--accent-fg);border-color:var(--accent-bg)}main[data-v-aa654707]{flex-direction:column;width:100vw;height:100svh;display:flex;overflow-y:auto}.full[data-v-aa654707]{background-color:var(--blur);-webkit-backdrop-filter:blur(12px);justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.spinner_container[data-v-aa654707]{aspect-ratio:1;background-color:var(--gray-5);text-align:center;border-radius:7px;flex-direction:column;justify-content:space-around;align-items:center;gap:12px;width:15rem;padding:12px;display:flex}footer[data-v-aa654707]{border-top:1px solid var(--gray-5);background-color:var(--gray-6);background-color:var(--blur);-webkit-backdrop-filter:blur(18px);padding:12px;position:fixed;bottom:0;left:0;right:0}.view[data-v-aa654707]{flex:1;overflow-y:auto}:root{--red:#ff4245;--orange:#ff9230;--yellow:#ffd600;--green:#30d158;--mint:#00dac3;--teal:#00d2e0;--cyan:#3cd3fe;--blue:#0091ff;--indigo:#6d7cff;--purple:#db34f2;--pink:#ff375f;--brown:#b78a66;--gray-1:#8e8e93;--gray-2:#636366;--gray-3:#48484a;--gray-4:#3a3a3c;--gray-5:#2c2c2e;--gray-6:#1c1c1e;--blur:#f2f2f71a;--label-warn:var(--orange);--label-normal:#eee;--label-boring:#afafaf;--label-danger:var(--red);--label-success:var(--green);--label-accent:var(--blue);--accent-bg:var(--blue);--accent-fg:#eee;--font-size-large-title:26pt;--line-height-large-title:32pt;--font-size-title-1:22pt;--line-height-title-1:26pt;--font-size-title-2:17pt;--line-height-title-2:22pt;--font-size-title-3:15pt;--line-height-title-3:20pt;--font-size-heading:13pt;--line-height-heading:16pt;--font-size-body:13pt;--line-height-body:16pt;--font-size-callout:12pt;--line-height-callout:15pt;--font-size-subheading:11pt;--line-height-subheading:14pt;--font-size-footnote:10pt;--line-height-footnote:13pt;--font-size-caption-1:10pt;--line-height-caption-1:13pt;--font-size-caption-2:10pt;--line-height-caption-2:13pt}h1{font-size:var(--font-size-title-1);line-height:var(--line-height-title-1);padding:.75rem 0}h2{font-size:var(--font-size-title-2);line-height:var(--line-height-title-2);padding:.75rem 0}h3{font-size:var(--font-size-title-3);line-height:var(--line-height-title-3);padding:.75rem 0}h4{font-size:var(--font-size-heading);line-height:var(--line-height-heading);padding:.75rem 0}p,div{font-size:var(--font-size-body);line-height:var(--line-height-body)}small{font-size:var(--font-size-footnote);line-height:var(--line-height-footnote)}.flex{display:flex}*,body{box-sizing:border-box;color:var(--label-normal);-webkit-user-select:none;user-select:none;margin:0;padding:0;font-family:system-ui,sans-serif}input,select,option,body{background-color:var(--gray-6)}button{background-color:var(--gray-6);cursor:pointer;border:1px solid var(--gray-4);border-radius:12px;padding:7px}button:disabled{background-color:var(--gray-4);color:var(--gray-1);cursor:not-allowed}label{margin-inline-end:3rem}textarea{background-color:var(--gray-6);resize:none;border-radius:12px;width:100%;height:10em;padding:7px}textarea:disabled{background-color:var(--gray-4);cursor:not-allowed}
