.toast-container{z-index:9999;pointer-events:none;flex-direction:column;gap:12px;display:flex;position:fixed;top:20px;right:20px}.toast{background:var(--color-surface);border-radius:var(--radius-md,8px);box-shadow:var(--elevation-3,0 4px 12px #00000026);pointer-events:all;align-items:flex-start;gap:12px;min-width:300px;max-width:400px;padding:16px 20px;animation:.3s ease-out slideIn;display:flex}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.toast.exiting{animation:.3s ease-in slideOut}@keyframes slideOut{0%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(400px)}}.toast-icon{flex-shrink:0;margin-top:2px;font-size:24px;line-height:1}.toast-content{flex:1}.toast-title{color:var(--color-onSurface);margin-bottom:4px;font-size:14px;font-weight:600}.toast-message{color:var(--color-onSurface);opacity:.7;font-size:13px;line-height:1.4}.toast-close{cursor:pointer;color:var(--color-onSurface);opacity:.5;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-top:0;padding:0;font-size:20px;transition:all .2s;display:flex}.toast-close:hover{background:var(--color-onSurface);opacity:.1;color:var(--color-onSurface)}.toast.success{border-left:4px solid var(--color-primary)}.toast.success .toast-icon{color:var(--color-primary)}.toast.error{border-left:4px solid var(--color-error)}.toast.error .toast-icon{color:var(--color-error)}.toast.warning{border-left:4px solid var(--color-secondaryVariant)}.toast.warning .toast-icon{color:var(--color-secondaryVariant)}.toast.info{border-left:4px solid var(--color-secondary)}.toast.info .toast-icon{color:var(--color-secondary)}.login-prompt-overlay{z-index:1000;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);background-color:#0009;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.login-prompt-modal{background-color:var(--color-surface);border-radius:12px;width:90%;max-width:450px;padding:2rem;animation:.3s ease-out slideIn;box-shadow:0 10px 40px #0000004d}.login-prompt-header{align-items:center;gap:.75rem;margin-bottom:1.5rem;display:flex}.login-prompt-icon{font-size:2rem}.login-prompt-header h2{color:var(--color-onSurface);margin:0;font-size:1.5rem}.login-prompt-content{margin-bottom:1.5rem}.login-prompt-message{color:var(--color-onSurface);margin-bottom:1rem;line-height:1.6}.login-prompt-benefits{background-color:var(--color-background);border-radius:8px;margin-top:1rem;padding:1rem}.login-prompt-benefits p{color:var(--color-onSurface);margin:0 0 .5rem;font-weight:600}.login-prompt-benefits ul{margin:0;padding-left:1.5rem;list-style-type:disc}.login-prompt-benefits li{color:var(--color-onSurface);opacity:.8;margin:.25rem 0}.login-prompt-actions{flex-direction:column;gap:.75rem;display:flex}.login-prompt-btn{cursor:pointer;text-align:center;border:none;border-radius:8px;padding:.75rem 1.5rem;font-size:1rem;font-weight:600;transition:all .2s}.login-prompt-btn-primary{background-color:var(--color-primary);color:var(--color-onPrimary)}.login-prompt-btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.login-prompt-btn-secondary{background-color:var(--color-secondary);color:var(--color-onSecondary)}.login-prompt-btn-secondary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.login-prompt-btn-text{color:var(--color-onSurface);opacity:.6;background-color:#0000}.login-prompt-btn-text:hover{opacity:.8;background-color:#0000000d}@media (width<=600px){.login-prompt-modal{max-width:95%;padding:1.5rem}.login-prompt-header h2{font-size:1.25rem}}.confirm-dialog-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000;background-color:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.confirm-dialog{background-color:var(--color-surface);border-radius:var(--radius-lg);width:90%;max-width:450px;box-shadow:var(--elevation-4);padding:1.5rem;animation:.2s ease-out slideUp;position:relative}.confirm-dialog-title{color:var(--color-onSurface);margin:0 0 1rem;font-size:1.5rem;font-weight:600}.confirm-dialog-message{color:var(--color-onSurface);opacity:.8;white-space:pre-line;margin:0 0 1.5rem;font-size:1rem;line-height:1.5}.confirm-dialog-actions{justify-content:flex-end;gap:.75rem;display:flex}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@media (hover:none){.confirm-dialog button:active{transform:scale(.98)}}.workspace-container{grid-template-areas:"left-drawer main-content right-drawer""left-drawer bottom-drawer right-drawer";grid-template-columns:var(--left-drawer-width) var(--main-content-width) var(--right-drawer-width);grid-template-rows:1fr var(--bottom-drawer-height);background:var(--color-background);width:100%;height:calc(100vh - 132px);color:var(--color-onBackground);transition:grid-template-columns .35s cubic-bezier(.34,1,.64,1),grid-template-rows .35s cubic-bezier(.34,1,.64,1);display:grid;overflow:hidden}.workspace-container.nv-c{height:100vh!important}:root{--main-content-width:1fr}.workspace-container[data-left=partial][data-right=partial],.workspace-container[data-left=partial][data-right=full],.workspace-container[data-left=full][data-right=partial],.workspace-container[data-left=full][data-right=full]{grid-template-areas:"left-drawer right-drawer""bottom-drawer bottom-drawer";grid-template-columns:var(--left-drawer-width) var(--right-drawer-width);--main-content-width:0px}.workspace-container[data-left=partial][data-right=collapsed],.workspace-container[data-left=full][data-right=collapsed]{--main-content-width:1fr;grid-template-areas:"left-drawer main-content right-drawer""bottom-drawer bottom-drawer right-drawer"}.workspace-container[data-left=collapsed][data-right=partial],.workspace-container[data-left=collapsed][data-right=full]{--main-content-width:1fr;grid-template-areas:"left-drawer main-content right-drawer""left-drawer bottom-drawer bottom-drawer"}.workspace-container[data-bottom=partial][data-left=partial],.workspace-container[data-bottom=partial][data-left=full],.workspace-container[data-bottom=partial][data-right=partial],.workspace-container[data-bottom=partial][data-right=full],.workspace-container[data-bottom=full][data-left=partial],.workspace-container[data-bottom=full][data-left=full],.workspace-container[data-bottom=full][data-right=partial],.workspace-container[data-bottom=full][data-right=full]{grid-template-rows:2fr 1fr}:root{--left-drawer-collapsed:60px;--right-drawer-collapsed:60px;--bottom-drawer-collapsed:60px;--left-drawer-half:50%;--right-drawer-half:50%;--bottom-drawer-partial:33%;--left-drawer-full:calc(100% - var(--right-drawer-width));--right-drawer-full:calc(100% - var(--left-drawer-width));--bottom-drawer-full:calc(100% - var(--bottom-drawer-collapsed))}.workspace-container[data-left=hidden]{--left-drawer-width:0px}.workspace-container[data-left=collapsed]{--left-drawer-width:var(--left-drawer-collapsed)}.workspace-container[data-left=partial]{--left-drawer-width:var(--left-drawer-half)}.workspace-container[data-left=full]{--left-drawer-width:calc(100% - var(--right-drawer-collapsed))}.workspace-container[data-right=hidden]{--right-drawer-width:0px}.workspace-container[data-right=collapsed]{--right-drawer-width:var(--right-drawer-collapsed)}.workspace-container[data-right=partial]{--right-drawer-width:var(--right-drawer-half)}.workspace-container[data-right=full]{--right-drawer-width:calc(100% - var(--left-drawer-collapsed))}.workspace-container[data-bottom=hidden]{--bottom-drawer-height:0px}.workspace-container[data-bottom=collapsed]{--bottom-drawer-height:var(--bottom-drawer-collapsed)}.workspace-container[data-bottom=partial]{--bottom-drawer-height:var(--bottom-drawer-partial)}.workspace-container[data-bottom=full]{--bottom-drawer-height:calc(100% - var(--bottom-drawer-collapsed))}.drawer{background:var(--color-surface);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:10;color:var(--color-onSurface);will-change:transform;backface-visibility:hidden;transition:transform .35s cubic-bezier(.34,1,.64,1),opacity .3s ease-out;position:relative;overflow:hidden;transform:translate(0,0)}.drawer-left{grid-area:left-drawer;box-shadow:4px 0 20px #00000014}.drawer-right{grid-area:right-drawer;box-shadow:-4px 0 20px #00000014}.drawer-bottom{grid-area:bottom-drawer;box-shadow:0 -4px 20px #00000014}.drawer-left[data-state=partial],.drawer-left[data-state=full]{box-shadow:4px 0 40px rgba(var(--color-primary-rgb), .2), 4px 0 20px #00000014}.drawer-right[data-state=partial],.drawer-right[data-state=full]{box-shadow:-4px 0 40px rgba(var(--color-primary-rgb), .2), -4px 0 20px #00000014}.drawer-bottom[data-state=partial],.drawer-bottom[data-state=full]{box-shadow:0 -4px 40px rgba(var(--color-primary-rgb), .2), 0 -4px 20px #00000014}.drawer-main-content{background:var(--color-background);color:var(--color-onBackground);grid-area:main-content;justify-content:center;align-items:center;padding:20px;display:flex;position:relative;overflow:auto}.workspace-container[data-left=full] .drawer-main-content,.workspace-container[data-right=full] .drawer-main-content,.workspace-container[data-bottom=full] .drawer-main-content{padding:0}.workspace-container[data-left=partial][data-right=partial] .drawer-main-content,.workspace-container[data-left=partial][data-right=full] .drawer-main-content,.workspace-container[data-left=full][data-right=partial] .drawer-main-content,.workspace-container[data-left=full][data-right=full] .drawer-main-content{display:none}.drawer-content{background:var(--color-surface);width:100%;height:100%;color:var(--color-onSurface);overflow:auto}.drawer-content.collapsed{background:linear-gradient(180deg, var(--color-background) 0%, rgba(var(--color-primary-rgb), .02) 50%, var(--color-background) 100%);color:var(--color-onBackground);flex-direction:column;align-items:center;gap:8px;padding:10px 5px;animation:none;display:flex;position:relative}.drawer-content.collapsed:before{content:"";background:linear-gradient(180deg, transparent 0%, rgba(var(--color-primary-rgb), .05) 50%, transparent 100%);opacity:0;pointer-events:none;animation:3s ease-in-out infinite pulseGlow;position:absolute;inset:0}@keyframes pulseGlow{0%,to{opacity:0}50%{opacity:1}}.drawer-left .drawer-content.collapsed,.drawer-right .drawer-content.collapsed{flex-direction:column}.drawer-bottom .drawer-content.collapsed{flex-direction:row;justify-content:space-around;padding:10px 20px}.drawer-content.partial,.drawer-content.full{padding:0}.drawer-control-button{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primaryVariant) 100%);color:var(--color-onPrimary);cursor:pointer;min-width:40px;min-height:40px;box-shadow:0 4px 12px #00000026, 0 0 0 0 var(--color-primary);will-change:transform;border:none;border-radius:12px;justify-content:center;align-items:center;padding:8px;font-size:14px;font-weight:500;transition:transform .25s cubic-bezier(.34,1,.64,1),opacity .2s ease-out,box-shadow .2s ease-out;display:flex;position:relative;overflow:hidden;transform:translate(0,0)}.drawer-action{font-size:1.1rem!important}.btn-glow,.drawer-fab button,.workspace-content .workspace-content-card:first-child .card-dismiss-btn{animation:2.5s ease-in-out infinite btnGentleGlow}@keyframes btnGentleGlow{0%,to{filter:brightness()drop-shadow(0 0 4px silver);box-shadow:0 2px 4px #00000026,0 0 4px silver,0 0 8px silver}50%{filter:brightness(1.1)drop-shadow(0 0 6px silver);box-shadow:0 2px 6px #00000026,0 0 10px silver,0 0 12px silver}}.btn-glow:hover{filter:brightness(1.05)drop-shadow(0 0 4px silver);animation:none;box-shadow:0 2px 6px #00000026,0 0 10px silver,0 0 12px silver}.drawer-control-button:before{content:"";background:#ffffff4d;border-radius:50%;width:0;height:0;transition:width .6s,height .6s;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.drawer-control-button:hover{box-shadow:0 8px 20px #0003, 0 0 20px var(--color-primary);transform:translateY(-2px)scale(1.05)}.drawer-control-button:hover:before{width:120%;height:120%}.drawer-control-button:active{transform:translateY(0)scale(.98);box-shadow:0 2px 8px #00000026}.drawer-control-button.error{background:var(--color-error);color:var(--color-onError)}.drawer-control-button.error:hover{background:var(--color-error);filter:brightness(.9)}.drawer-control-button:disabled{background:var(--color-disabled);color:var(--color-onSurface);cursor:not-allowed;opacity:.5;transform:none}.drawer-expand-buttons{flex-direction:column;gap:4px;margin-bottom:8px;display:flex}.drawer-bottom .drawer-expand-buttons{flex-direction:row;margin-bottom:0;margin-left:auto}.expand-button{background:rgba(var(--color-primary-rgb), .1);color:var(--color-primary);cursor:pointer;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);will-change:transform;border:none;border-radius:10px;justify-content:center;align-items:center;min-width:40px;min-height:40px;padding:10px;transition:transform .25s cubic-bezier(.34,1,.64,1),background-color .2s ease-out,color .2s ease-out,box-shadow .2s ease-out;display:flex;position:relative;overflow:hidden;transform:translate(0,0)}.expand-button svg{transition:transform .2s}.expand-button:after{content:"";background:linear-gradient(90deg,#0000,#ffffff4d,#0000);width:100%;height:100%;transition:left .5s;position:absolute;top:0;left:-100%}.expand-button:hover{background:var(--color-primary);color:var(--color-onPrimary);box-shadow:inset 0 0 0 2px var(--color-primary), 0 4px 12px #0003, 0 0 20px rgba(var(--color-primary-rgb), .3);transform:translateY(-2px)scale(1.05)}.expand-button:hover svg{transform:scale(1.1)}.expand-button:hover:after{left:100%}.expand-button:active{transform:translateY(0)scale(.95)}.drawer-tuner-info{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);cursor:default;min-width:36px;min-height:36px;color:var(--color-onPrimary);border:none;border-radius:12px;justify-content:center;align-items:center;padding:8px;font-size:18px;font-weight:700;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000026,inset 0 1px #fff3}.drawer-tuner-info:before{content:"";background:conic-gradient(#0000,#ffffff1a,#0000 30%);width:200%;height:200%;animation:4s linear infinite rotate;position:absolute;top:-50%;left:-50%}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.mini-visual-container{flex:1;justify-content:center;align-items:flex-start;width:100%;min-height:200px;display:flex}.drawer-left .mini-visual-container,.drawer-right .mini-visual-container{min-height:240px}.drawer-bottom .mini-visual-container{min-width:200px;height:100%;min-height:auto}.drawer-collapsed-info{color:var(--color-onSurface);text-align:center;flex-direction:column;align-items:center;gap:4px;font-size:12px;display:flex}.drawer-left .drawer-content.collapsed,.drawer-right .drawer-content.collapsed{overflow-x:hidden}.drawer-bottom .drawer-collapsed-info{flex-direction:row;gap:12px}.drawer-stat{background:linear-gradient(135deg, rgba(var(--color-primary-rgb), .15) 0%, rgba(var(--color-secondary-rgb), .1) 100%);white-space:nowrap;color:var(--color-onSurface);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:12px;padding:6px 12px;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 2px 8px #0000001a}.drawer-stat:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.drawer-stat svg{vertical-align:middle}.drawer-stat-responsive{display:flex}@media (width<=600px){.drawer-stat-responsive{display:none!important}}@media (width<=720px){.min720{display:none!important}}@media (height<=720px){.vmin720{display:none!important}}@media (width<=720px),(height<=720px){:root{--left-drawer-collapsed:50px;--right-drawer-collapsed:50px;--bottom-drawer-collapsed:50px}.workspace-container{height:calc(100vh - 58px)}.drawer{position:relative}.drawer-control-button,.drawer-tuner-info{min-width:44px;min-height:44px;font-size:16px}.drawer-stat{min-width:44px}.expand-button{min-width:44px;min-height:44px;font-size:14px}.drawer-backdrop{display:none}.drawer,.expand-button{-webkit-backdrop-filter:none!important;backdrop-filter:none!important}}@media (width>=768px) and (width<=1024px){:root{--left-drawer-collapsed:50px;--right-drawer-collapsed:50px;--bottom-drawer-collapsed:50px}}@media (width>=1024px){.workspace-container{max-width:100%}}@keyframes slideInFromLeft{0%{transform:translate(-100%)}to{transform:translate(0)}}@keyframes slideInFromRight{0%{transform:translate(100%)}to{transform:translate(0)}}@keyframes slideInFromBottom{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.05)}}.pulse{animation:2s infinite pulse}.drawer:focus-within{outline:none}.drawer-control-button:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}@media (prefers-reduced-motion:reduce){.workspace-container,.drawer,.drawer-control-button,.expand-button{transition:none}.pulse{animation:none}}.drawer-header{z-index:9;justify-content:space-between;align-items:center;display:flex}.workspace-container[data-left=partial] .drawer-left .drawer-header,.workspace-container[data-left=full] .drawer-left .drawer-header{z-index:1000;flex-direction:column;justify-content:flex-start;gap:4px;position:absolute;top:8px;right:8px}.workspace-container[data-right=partial] .drawer-right .drawer-header,.workspace-container[data-right=full] .drawer-right .drawer-header{z-index:1000;flex-direction:column;justify-content:flex-start;gap:4px;position:absolute;top:8px;left:8px}.drawer-header h2{color:var(--color-onBackground);margin:0;font-size:1.5rem;font-weight:600}.drawer-header-controls{align-items:center;gap:8px;display:flex}.workspace-container[data-left=partial] .drawer-left .drawer-header-controls,.workspace-container[data-left=full] .drawer-left .drawer-header-controls,.workspace-container[data-right=partial] .drawer-right .drawer-header-controls,.workspace-container[data-right=full] .drawer-right .drawer-header-controls{flex-direction:column;gap:4px}.drawer-fab{z-index:100;gap:8px;display:flex;position:absolute;top:8px;right:8px}.drawer-fab button{width:42px;height:42px;overflow:hidden}.theme-toggle-container .theme-toggle-btn{max-width:128px;padding:1.25rem 3rem;font-size:.875rem;font-weight:500}.theme-toggle-btn{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-secondary) 100%);cursor:pointer;height:48px;min-height:48px;box-shadow:0 4px 16px #00000026, 0 0 0 0 rgba(var(--color-primary-rgb), .4);color:var(--color-onPrimary);border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:24px;transition:all .4s cubic-bezier(.34,1.56,.64,1);display:flex;position:relative;overflow:hidden}.theme-toggle-btn:before{content:"";opacity:0;background:radial-gradient(circle,#ffffff4d 0%,#0000 70%);transition:opacity .3s;position:absolute;inset:0}.theme-toggle-btn:hover{box-shadow:0 8px 32px #0003, 0 0 30px rgba(var(--color-primary-rgb), .6);transform:translateY(-4px)scale(1.1)rotate(15deg)}.theme-toggle-btn:hover:before{opacity:1}.theme-toggle-btn:active{transform:translateY(-2px)scale(1.05)rotate(0);box-shadow:0 4px 16px #00000026}.drawer-bpm-display{background:linear-gradient(135deg, var(--color-surface) 0%, rgba(var(--color-primary-rgb), .05) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:24px;margin-bottom:20px;padding:20px;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 8px 32px #0000001a,inset 0 1px #fff3}.drawer-bpm-display:hover{transform:translateY(-2px);box-shadow:0 12px 40px #00000026,inset 0 1px #ffffff4d}.drawer-bpm-label{color:var(--color-onSurface);opacity:.7;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px;font-size:.875rem;font-weight:500}.drawer-bpm-value{color:var(--color-primary);text-align:center;font-size:3rem;font-weight:700;line-height:1}.drawer-bpm-controls{justify-content:center;align-items:center;gap:8px;margin-top:12px;display:flex}.drawer-bpm-input{text-align:center;background:linear-gradient(135deg, var(--color-background) 0%, rgba(var(--color-primary-rgb), .05) 100%);width:100%;max-width:120px;color:var(--color-onBackground);box-shadow:inset 0 2px 8px #00000014, 0 0 0 0 var(--color-primary);border:none;border-radius:16px;padding:12px 16px;font-size:1.25rem;font-weight:600;transition:all .3s cubic-bezier(.34,1.56,.64,1)}.drawer-bpm-input:focus{box-shadow:inset 0 2px 8px #00000014, 0 0 0 3px rgba(var(--color-primary-rgb), .2), 0 4px 12px #0000001a;background:linear-gradient(135deg, var(--color-background) 0%, rgba(var(--color-primary-rgb), .08) 100%);outline:none;transform:translateY(-2px)}.drawer-time-signature{background:linear-gradient(135deg, var(--color-surface) 0%, rgba(var(--color-primary-rgb), .03) 100%);text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:16px;margin-bottom:20px;padding:16px;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:0 4px 16px #00000014,inset 0 1px #ffffff1a}.drawer-time-signature:hover{transform:translateY(-2px);box-shadow:0 6px 20px #0000001f,inset 0 1px #ffffff26}.drawer-time-signature-label{color:var(--color-onSurface);opacity:.7;text-transform:uppercase;margin-bottom:4px;font-size:.75rem;font-weight:500}.drawer-time-signature-value{color:var(--color-onSurface);font-size:1.5rem;font-weight:700}.practice-workspace{flex-direction:column;gap:20px;height:100%;display:flex;overflow-y:auto}.workspace-welcome{text-align:center;max-width:600px}.workspace-welcome-title{color:var(--color-onBackground);margin-bottom:20px;font-size:2rem;font-weight:600}.workspace-welcome-title h3{font-size:1.7rem}.workspace-welcome-title p{font-size:1.1rem}.workspace-content-title svg{vertical-align:middle;margin-right:16px}.workspace-welcome-text{color:var(--color-onBackground);opacity:.8;font-size:1.125rem;line-height:1.6}.workspace-beta-notice{color:var(--color-onError);text-align:center;margin-top:20px;font-weight:700;background:linear-gradient(135deg,#dc0000e6 0%,#dc0000b3 50%,#dc0000e6 100%)!important;border:4px dashed #ff0!important}.workspace-beta-notice h3{color:#ff0!important}.workspace-beta-notice p{color:#fff!important}.workspace-content{flex-direction:column;gap:20px;width:99%;margin-top:40px;padding:0 1%;display:flex}.workspace-content-card{background:linear-gradient(135deg, var(--color-surface) 0%, rgba(var(--color-primary-rgb), .03) 100%);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:none;border-radius:20px;padding:24px;transition:all .4s cubic-bezier(.34,1.56,.64,1);animation:.6s ease-out backwards fadeInUp;position:relative;overflow:hidden;box-shadow:0 4px 16px #00000014}.workspace-content-card.clickable{cursor:pointer}.workspace-content-card:first-child{animation-delay:.1s}.workspace-content-card:nth-child(2){animation-delay:.2s}.workspace-content-card:nth-child(3){animation-delay:.3s}.workspace-content-card:before{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);width:100%;height:100%;transition:left .6s;position:absolute;top:0;left:-100%}.workspace-content-card:hover{box-shadow:0 12px 32px #00000026, 0 0 0 1px rgba(var(--color-primary-rgb), .1);transform:translateY(-8px)scale(1.02)}.workspace-content-card:hover:before{left:100%}@keyframes fadeInUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.workspace-content-title{color:var(--color-primary);margin:0 0 10px;font-size:1.125rem;font-weight:600}.workspace-content-desc{color:var(--color-onSurface);margin:0;font-size:.875rem;line-height:1.4}.workspace-content-img{object-fit:cover;border-radius:12px;width:100%;max-height:200px;margin-top:16px;box-shadow:0 2px 8px #0000001a}.card-dismiss-btn{color:#fff;cursor:pointer;opacity:.7;z-index:10;background:#00000080;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:24px;line-height:1;transition:all .3s cubic-bezier(.34,1.56,.64,1);display:flex;position:absolute;top:12px;right:12px}.card-dismiss-btn:hover{opacity:1;background:#dc004ee6;transform:scale(1.1)rotate(90deg);box-shadow:0 4px 12px #dc004e4d}.card-dismiss-btn:active{transform:scale(.95)rotate(90deg)}.workspace-help-text{color:var(--color-onBackground);opacity:.6;margin-top:40px;font-size:.875rem}.session-list button svg{vertical-align:middle;width:18px;height:18px}.btn-small{border-radius:4px;min-width:24px;max-width:24px;min-height:24px;max-height:24px;padding:1px!important}.align-right{text-align:right;padding-right:50px}.recording-list-action{border-radius:8px!important;align-items:center!important;height:24px!important;min-height:24px!important;margin:0!important;padding:8px!important;font-size:.9rem!important}.recording-list-action svg{margin-right:4px;width:16px!important}.recording-list-action:hover+.streak-tooltip,.recording-list-action:active+.streak-tooltip{opacity:1;visibility:visible}.drawer-content-wrapper{background-color:var(--color-background);flex-direction:column;width:100%;height:100%;padding:20px;display:flex}.drawer-visual-container{flex:1;justify-content:center;align-items:center;min-height:200px;display:flex;position:relative}.drawer-visual-loading{color:var(--color-onBackground)}.drawer-controls{z-index:9;justify-content:center;gap:10px;margin-top:10px;display:flex}.drawer-input-group{align-items:center;gap:10px;display:flex}.drawer-label{color:var(--color-onSurface)}.drawer-input{background:linear-gradient(135deg, var(--color-surface) 0%, rgba(var(--color-primary-rgb), .03) 100%);width:80px;color:var(--color-onSurface);border:none;border-radius:12px;padding:10px 12px;font-weight:500;transition:all .3s cubic-bezier(.34,1.56,.64,1);box-shadow:inset 0 2px 6px #0000000f}.drawer-input:focus{box-shadow:inset 0 2px 6px #0000000f, 0 0 0 3px rgba(var(--color-primary-rgb), .15), 0 2px 8px #0000001a;background:linear-gradient(135deg, var(--color-surface) 0%, rgba(var(--color-primary-rgb), .06) 100%);outline:none;transform:translateY(-1px)}.drawer-bottom[data-state=partial] .calendar-day{width:100%!important;height:30px!important;min-height:30px!important;max-height:30px!important;padding:2px!important;font-size:.75rem!important}.drawer-bottom[data-state=partial] .calendar-section{padding:0!important}.drawer-bottom[data-state=partial] .drawer-content-wrapper{padding:0 20px!important}.drawer-bottom[data-state=partial] .drawer-header,.drawer-bottom[data-state=partial] .calendar-section,.drawer-bottom[data-state=partial] .calendar-header{margin-bottom:0!important}.drawer-bottom[data-state=partial] .calendar-legend{display:none!important}.drawer-bottom[data-state=partial] .calendar-day-number{margin-bottom:1px!important;font-size:.7rem!important}.drawer-bottom[data-state=partial] .calendar-day-stats{display:none!important}.drawer-bottom[data-state=partial] .calendar-grid{gap:2px!important}.drawer-bottom[data-state=partial] .calendar-header-day{padding:4px 2px!important;font-size:.7rem!important}.android-agc-warning{margin-bottom:var(--spacing-md);background:#ffa5001a;border:1px solid #ffa5004d;border-radius:8px;align-items:flex-start;gap:1rem;padding:1rem 1.5rem;display:flex}.android-agc-warning-icon{flex-shrink:0;font-size:1.5rem}.android-agc-warning-content{color:var(--text-primary);font-size:.875rem;line-height:1.6}.android-agc-warning-content strong{font-weight:600}.android-agc-warning-content a{color:var(--primary);font-weight:500;text-decoration:underline}.android-agc-warning-content a:hover{color:var(--primary-dark)}input[type=checkbox].toggle-switch{appearance:none;cursor:pointer;border-radius:14px;flex-shrink:0;width:48px;height:28px;transition:background-color .2s;position:relative}input[type=checkbox].toggle-switch:after{content:"";background-color:#fff;border-radius:50%;width:24px;height:24px;transition:transform .2s;position:absolute;top:2px;left:2px;box-shadow:0 2px 4px #0003}input[type=checkbox].toggle-switch:checked:after{transform:translate(20px)}.minor-link{color:var(--color-primaryVariant);font-size:.85rem}.metronome-container{background-color:var(--color-background);flex-direction:column;height:100vh;display:flex;overflow:hidden}@keyframes radiate-glow{0%{box-shadow:0 0 5px var(--color-primary), 0 0 10px var(--color-primary), 0 0 15px var(--color-primary);transform:scale(1)}50%{box-shadow:0 0 10px var(--color-primary), 0 0 20px var(--color-primary), 0 0 30px var(--color-primary), 0 0 40px var(--color-primary);transform:scale(1.05)}to{box-shadow:0 0 5px var(--color-primary), 0 0 10px var(--color-primary), 0 0 15px var(--color-primary);transform:scale(1)}}.metronome-unmute-glow{animation:2s ease-in-out infinite radiate-glow;background:var(--color-primary)!important;color:var(--color-onPrimary)!important}.metronome-content{gap:var(--spacing-lg);flex-direction:column;flex:1;align-items:center;width:100%;max-width:1200px;min-height:0;margin:0 auto;display:flex;position:relative;overflow-y:auto}@media (width>=900px){.metronome-content{align-items:flex-start;gap:var(--spacing-xxl);flex-flow:wrap;overflow-y:visible}.metronome-beat-display{flex:50%;max-height:none}.metronome-controls{flex:0 0 400px;max-width:400px}.metronome-beat-display,.metronome-controls{order:0}}.metronome-beat-display{flex:0 50%;justify-content:center;align-items:center;width:100%;min-height:200px;max-height:400px;margin-top:1rem;display:flex;position:relative}.metronome-controls-top{z-index:10;gap:8px;margin-top:-1rem;display:flex;position:absolute;top:8px;right:8px}.sound-toggle-btn{width:32px;min-width:32px;height:32px;min-height:32px}.sound-toggle-btn,.theme-toggle-btn{border-radius:var(--radius-round);background:var(--color-background);border:2px solid var(--color-divider);cursor:pointer;transition:all var(--transition-fast);box-shadow:var(--elevation-2);flex-shrink:0;justify-content:center;align-items:center;padding:0;font-size:20px;display:flex}.sound-toggle-btn:hover,.theme-toggle-btn:hover{transform:scale(1.1)}.theme-toggle-btn svg{stroke:currentColor;fill:none;flex-shrink:0;width:20px;min-width:20px;height:20px;min-height:20px;display:block}.theme-toggle-btn svg polygon{fill:currentColor;stroke:none}.metronome-unmute-glow svg{filter:drop-shadow(0 2px 4px #00000080);stroke:currentColor!important}.metronome-unmute-glow svg polygon{fill:currentColor!important}.sound-toggle-btn:active,.theme-toggle-btn:active{box-shadow:var(--elevation-4);background:var(--color-surface);border-color:var(--color-primaryVariant)}.beat-circle{border-radius:var(--radius-round);background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-primaryVariant) 100%);width:250px;height:250px;box-shadow:var(--elevation-8);transition:opacity var(--transition-normal), transform var(--transition-fast), box-shadow var(--transition-fast);color:var(--color-onPrimary);flex-direction:column;justify-content:center;align-items:center;display:flex}.beat-circle.beat-pulse-primary{animation:.15s ease-out pulse-primary}.beat-circle.beat-pulse-offbeat{animation:.15s ease-out pulse-offbeat}.beat-circle.beat-pulse-subdivision{animation:.15s ease-out pulse-subdivision}@keyframes pulse-primary{0%{transform:scale(1)}50%{transform:scale(1.495);box-shadow:0 16px 48px #0006}to{transform:scale(1)}}@keyframes pulse-offbeat{0%{transform:scale(1)}50%{transform:scale(1.08);box-shadow:0 12px 36px #0000004d}to{transform:scale(1)}}@keyframes pulse-subdivision{0%{transform:scale(1)}50%{transform:scale(1.03);box-shadow:0 10px 28px #00000040}to{transform:scale(1)}}.beat-number-large{margin-bottom:var(--spacing-xs);font-size:6rem;font-weight:700;line-height:1}.beat-label-small{opacity:.9;font-size:1.5rem}.beat-flame{flex-direction:column;justify-content:center;align-items:center;width:250px;height:250px;display:flex;position:relative}.flame-container{filter:blur(2px);width:180px;height:240px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flame{clip-path:polygon(50% 0%,30% 20%,20% 40%,15% 60%,10% 75%,5% 85%,0% 100%,100% 100%,95% 85%,90% 75%,85% 60%,80% 40%,70% 20%);background:linear-gradient(#ffd70000 0%,#ffffc84d 5%,gold 20%,orange 40%,#ff6b35 65%,#ff4500 85%,#d84315 100%);border-radius:50%/70% 70% 30% 30%;width:90px;height:160px;transition:transform .1s ease-out;animation:80ms infinite alternate flicker,.2s infinite alternate flickerShift;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.flame.beat-active-primary{animation:.15s ease-out flamebeat-primary,.2s infinite alternate flickerShift!important}.flame.beat-active-offbeat{animation:.15s ease-out flamebeat-offbeat,.2s infinite alternate flickerShift!important}.flame.beat-active-subdivision{animation:.15s ease-out flamebeat-subdivision,.2s infinite alternate flickerShift!important}@keyframes flicker{0%{transform:translate(-50%)scaleY(.95)scaleX(1.03)rotate(-1deg)}to{transform:translate(-50%)scaleY(1.05)scaleX(.97)rotate(1deg)}}@keyframes flickerShift{0%{filter:brightness()hue-rotate(-5deg)}to{filter:brightness(1.1)hue-rotate(5deg)}}@keyframes flamebeat-primary{0%{transform:translate(-50%)scaleY(1)scaleX(1)}50%{filter:brightness(1.8)saturate(1.3);transform:translate(-50%)scaleY(1.95)scaleX(1.625)}to{transform:translate(-50%)scaleY(1)scaleX(1)}}@keyframes flamebeat-offbeat{0%{transform:translate(-50%)scaleY(1)scaleX(1)}50%{filter:brightness(1.4)saturate(1.2);transform:translate(-50%)scaleY(1.25)scaleX(1.15)}to{transform:translate(-50%)scaleY(1)scaleX(1)}}@keyframes flamebeat-subdivision{0%{transform:translate(-50%)scaleY(1)scaleX(1)}50%{filter:brightness(1.2);transform:translate(-50%)scaleY(1.1)scaleX(1.05)}to{transform:translate(-50%)scaleY(1)scaleX(1)}}.flame:before{content:"";clip-path:polygon(50% 0%,35% 20%,25% 45%,20% 70%,10% 90%,0% 100%,100% 100%,90% 90%,80% 70%,75% 45%,65% 20%);background:linear-gradient(#ffffffe6 0%,#ffeb3b 15%,gold 35%,orange 65%,#ff6b35 100%);border-radius:50%/75% 75% 25% 25%;width:50px;height:90px;animation:.12s infinite alternate innerflicker;position:absolute;top:15%;left:50%;transform:translate(-50%)}@keyframes innerflicker{0%{transform:translate(-50%)scaleY(.93)rotate(-2deg)}to{transform:translate(-50%)scaleY(1.07)rotate(2deg)}}.flame-numbers{z-index:10;text-shadow:0 0 10px #00000080,0 0 20px #ff640080;color:#fff;flex-direction:column;align-items:center;display:flex;position:relative}.beat-raindrops{flex-direction:column;justify-content:center;align-items:center;width:350px;height:350px;display:flex;position:relative}.water-container{justify-content:center;align-items:center;width:350px;height:350px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.water-surface{z-index:1;background:linear-gradient(90deg,#0000 0%,#0288d199 20%,#00bcd4cc 50%,#0288d199 80%,#0000 100%);height:3px;position:absolute;bottom:35%;left:0;right:0}.falling-droplet{z-index:5;background:radial-gradient(at 30% 20%,#b3e5fc,#0288d1);border-radius:50% 50% 50% 0%;width:18px;height:24px;position:absolute;transform:rotate(45deg);box-shadow:inset -2px -2px 4px #0003,inset 2px 2px 4px #fff9,0 0 15px #0288d166}.falling-droplet-primary{animation:.3s cubic-bezier(.25,.46,.45,.94) dropFall-primary}.falling-droplet-offbeat{animation:.25s cubic-bezier(.25,.46,.45,.94) dropFall-offbeat}.falling-droplet-subdivision{animation:.2s cubic-bezier(.25,.46,.45,.94) dropFall-subdivision}@keyframes dropFall-primary{0%{opacity:1;top:-10%;transform:rotate(45deg)scale(1.2)}to{opacity:0;top:63%;transform:rotate(45deg)scale(.8)}}@keyframes dropFall-offbeat{0%{opacity:1;top:10%;transform:rotate(45deg)scale(1)}to{opacity:0;top:63%;transform:rotate(45deg)scale(.7)}}@keyframes dropFall-subdivision{0%{opacity:1;top:20%;transform:rotate(45deg)scale(.8)}to{opacity:0;top:63%;transform:rotate(45deg)scale(.6)}}.splash-crown{z-index:4;width:100px;height:100px;position:absolute;top:65%;left:50%;transform:translate(-50%,-50%)}.crown-spike{transform-origin:bottom;opacity:0;background:linear-gradient(#b3e5fc00,#0288d1);width:4px;height:0;position:absolute;bottom:50%;left:50%}.splash-crown-primary .crown-spike{animation:.4s ease-out crownSplash-primary}.splash-crown-offbeat .crown-spike{animation:.35s ease-out crownSplash-offbeat}.splash-crown-subdivision .crown-spike{animation:.25s ease-out crownSplash-subdivision}.crown-spike.spike-1{transform:translate(-50%)rotate(0)}.crown-spike.spike-2{transform:translate(-50%)rotate(45deg)}.crown-spike.spike-3{transform:translate(-50%)rotate(90deg)}.crown-spike.spike-4{transform:translate(-50%)rotate(135deg)}.crown-spike.spike-5{transform:translate(-50%)rotate(180deg)}.crown-spike.spike-6{transform:translate(-50%)rotate(225deg)}.crown-spike.spike-7{transform:translate(-50%)rotate(270deg)}.crown-spike.spike-8{transform:translate(-50%)rotate(315deg)}@keyframes crownSplash-primary{0%{opacity:1;height:0}40%{opacity:1;height:104px}to{opacity:0;height:130px}}@keyframes crownSplash-offbeat{0%{opacity:1;height:0}40%{opacity:1;height:50px}to{opacity:0;height:70px}}@keyframes crownSplash-subdivision{0%{opacity:1;height:0}40%{opacity:1;height:30px}to{opacity:0;height:40px}}.water-ripple{pointer-events:none;z-index:2;border:3px solid #0288d199;border-radius:50%;position:absolute;top:65%;left:50%;transform:translate(-50%,-50%)}.water-ripple.ripple-primary{border-color:#0288d1b3}.water-ripple-1.ripple-primary{animation:1.2s ease-out waterRipple-primary}.water-ripple-2.ripple-primary{animation:1.2s ease-out .15s waterRipple-primary}.water-ripple-3.ripple-primary{animation:1.2s ease-out .3s waterRipple-primary}.water-ripple-4.ripple-primary{animation:1.2s ease-out .45s waterRipple-primary}.water-ripple-5.ripple-primary{animation:1.2s ease-out .6s waterRipple-primary}.water-ripple-6.ripple-primary{animation:1.2s ease-out .75s waterRipple-primary}.water-ripple.ripple-offbeat{border-color:#00bcd499}.water-ripple-1.ripple-offbeat{animation:.9s ease-out waterRipple-offbeat}.water-ripple-2.ripple-offbeat{animation:.9s ease-out .12s waterRipple-offbeat}.water-ripple-3.ripple-offbeat{animation:.9s ease-out .24s waterRipple-offbeat}.water-ripple-4.ripple-offbeat{animation:.9s ease-out .36s waterRipple-offbeat}.water-ripple-5.ripple-offbeat{animation:.9s ease-out .48s waterRipple-offbeat}.water-ripple-6.ripple-offbeat{animation:.9s ease-out .6s waterRipple-offbeat}.water-ripple.ripple-subdivision{border-color:#00bcd466}.water-ripple-1.ripple-subdivision{animation:.6s ease-out waterRipple-subdivision}.water-ripple-2.ripple-subdivision{animation:.6s ease-out 80ms waterRipple-subdivision}.water-ripple-3.ripple-subdivision{animation:.6s ease-out .16s waterRipple-subdivision}.water-ripple-4.ripple-subdivision{animation:.6s ease-out .24s waterRipple-subdivision}.water-ripple-5.ripple-subdivision{animation:.6s ease-out .32s waterRipple-subdivision}.water-ripple-6.ripple-subdivision{animation:.6s ease-out .4s waterRipple-subdivision}@keyframes waterRipple-primary{0%{opacity:1;border-width:3px;width:52px;height:26px}to{opacity:0;border-width:1px;width:520px;height:260px}}@keyframes waterRipple-offbeat{0%{opacity:1;border-width:2.5px;width:40px;height:20px}to{opacity:0;border-width:1px;width:300px;height:150px}}@keyframes waterRipple-subdivision{0%{opacity:1;border-width:2px;width:40px;height:20px}to{opacity:0;border-width:1px;width:180px;height:90px}}.water-numbers{z-index:10;text-shadow:0 0 10px #00000080,0 0 20px #0288d180;color:#fff;flex-direction:column;align-items:center;display:flex;position:relative}.beat-flash{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.flash-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flash-box{border-radius:var(--radius-sm);opacity:0;background:#fff;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.flash-box.flash-active-primary{border-radius:0;width:100%;height:100%;animation:.25s ease-out flashFade-primary}.flash-box.flash-active-offbeat{width:80%;height:80%;animation:.2s ease-out flashFade-offbeat}.flash-box.flash-active-subdivision{width:60%;height:60%;animation:.15s ease-out flashFade-subdivision}@keyframes flashFade-primary{0%{opacity:0}10%{opacity:1}to{opacity:0}}@keyframes flashFade-offbeat{0%{opacity:0}10%{opacity:.8}to{opacity:0}}@keyframes flashFade-subdivision{0%{opacity:0}10%{opacity:.6}to{opacity:0}}.flash-numbers{z-index:10;text-shadow:0 0 10px #00000080;color:#fff;flex-direction:column;align-items:center;display:flex;position:relative}.beat-blip{flex-direction:column;justify-content:center;align-items:center;width:250px;height:250px;display:flex;position:relative}.blip-container{justify-content:center;align-items:center;width:250px;height:250px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blip-center{z-index:10;background:radial-gradient(circle at 30% 30%,#9c72ff,#7c4dff);border-radius:50%;width:24px;height:24px;position:relative;box-shadow:0 0 15px #7c4dffcc,0 0 30px #7c4dff80}.blip-circle{pointer-events:none;border:2px solid;border-radius:50%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.blip-circle.blip-primary{border-color:#7c4dffcc}.blip-1.blip-primary{animation:.6s ease-out blip-expand}.blip-2.blip-primary{animation:.6s ease-out .1s blip-expand}.blip-3.blip-primary{animation:.6s ease-out .2s blip-expand}.blip-circle.blip-offbeat{border-color:#00e676b3}.blip-1.blip-offbeat{animation:.5s ease-out blip-expand-medium}.blip-2.blip-offbeat{animation:.5s ease-out 80ms blip-expand-medium}.blip-3.blip-offbeat{animation:.5s ease-out .16s blip-expand-medium}.blip-circle.blip-subdivision{border-color:#00e67680}.blip-1.blip-subdivision{animation:.4s ease-out blip-expand-small}.blip-2.blip-subdivision{animation:.4s ease-out 50ms blip-expand-small}.blip-3.blip-subdivision{animation:.4s ease-out .1s blip-expand-small}@keyframes blip-expand{0%{opacity:1;border-width:3px;width:24px;height:24px}to{opacity:0;border-width:1px;width:286px;height:286px}}@keyframes blip-expand-medium{0%{opacity:1;border-width:2.5px;width:24px;height:24px}to{opacity:0;border-width:1px;width:160px;height:160px}}@keyframes blip-expand-small{0%{opacity:1;border-width:2px;width:24px;height:24px}to{opacity:0;border-width:1px;width:100px;height:100px}}.blip-numbers{z-index:10;text-shadow:0 0 10px #00000080,0 0 20px #7c4dff80;color:#fff;flex-direction:column;align-items:center;display:flex;position:relative}.metronome-controls{gap:var(--spacing-md);flex-direction:column;flex:none;width:100%;max-width:500px;display:flex}.control-group{gap:var(--spacing-xs);flex-direction:column;display:flex}.control-group label{color:var(--color-disabled);text-transform:uppercase;letter-spacing:.5px;font-size:.9rem;font-weight:600}.tempo-control{gap:var(--spacing-sm);align-items:center;display:flex}.tempo-control button{touch-action:manipulation;background-color:var(--color-primary);min-width:60px;min-height:48px;color:var(--color-onPrimary);border:none;font-size:1.2rem}.tempo-control button:hover:not(:disabled){background-color:var(--color-primaryVariant)}.tempo-input{padding:var(--spacing-md);border:2px solid var(--color-divider);border-radius:var(--radius-sm);text-align:center;background-color:var(--color-surface);color:var(--color-onSurface);touch-action:manipulation;flex:1;min-height:48px;font-family:inherit;font-size:1.5rem;font-weight:600}.tempo-input:focus{border-color:var(--color-primary);background-color:var(--color-surface);color:var(--color-onSurface);outline:none}.tempo-input:disabled{background-color:var(--color-background);cursor:not-allowed;opacity:.6}.control-select{padding:var(--spacing-md);border:2px solid var(--color-divider);border-radius:var(--radius-sm);background-color:var(--color-surface);color:var(--color-onSurface);touch-action:manipulation;min-height:48px;font-family:inherit;font-size:1.1rem}.control-select:focus{border-color:var(--color-primary);outline:none}.control-select:disabled{background-color:var(--color-background);cursor:not-allowed;opacity:.6}.subdivision-options{gap:var(--spacing-sm);flex-wrap:wrap;display:flex}.subdivision-option{min-width:80px;padding:var(--spacing-sm);border:2px solid var(--color-divider);border-radius:var(--radius-sm);background-color:var(--color-surface);cursor:pointer;align-items:center;gap:var(--spacing-xs);transition:all var(--transition-fast);touch-action:manipulation;flex-direction:column;flex:1;display:flex}.subdivision-option:hover{border-color:var(--color-primary);background-color:var(--color-background)}.subdivision-option.active{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-onPrimary)}.subdivision-option input[type=radio]{display:none}.subdivision-visual{justify-content:center;align-items:center;height:40px;display:flex}.subdivision-icon{width:auto;height:30px}.subdivision-label{text-align:center;font-size:.85rem;font-weight:600}.metronome-action{justify-content:center;width:100%;display:flex}.btn-large-metro{padding:var(--spacing-lg) var(--spacing-xxl);border-radius:var(--radius-sm);min-width:250px;min-height:64px;transition:all var(--transition-fast);touch-action:manipulation;-webkit-tap-highlight-color:transparent;font-size:1.5rem;font-weight:600}.btn-large-metro:active{transform:scale(.98)}@media (width<=640px){.metronome-container{padding:0}.metronome-content{gap:var(--spacing-sm)}.metronome-beat-display{flex:0 45%;min-width:240px;min-height:180px}.beat-circle{width:200px;height:200px}.beat-number-large{font-size:4rem}.beat-label-small{font-size:1.1rem}.beat-flame{width:200px;height:200px}.flame-container{width:144px;height:192px}.flame{width:72px;height:128px}.beat-raindrops,.water-container{width:280px;height:280px}.beat-blip,.blip-container{width:200px;height:200px}.metronome-controls{gap:var(--spacing-xs)}.control-group{gap:4px}.control-group label{font-size:.75rem}.tempo-input{min-height:44px;padding:8px;font-size:1.2rem}.tempo-control button{min-width:48px;min-height:44px;padding:8px;font-size:1rem}.control-select{min-height:44px;padding:8px;font-size:.95rem}.btn-large-metro{padding:12px var(--spacing-lg);min-width:100%;min-height:52px;font-size:1.2rem}.metronome-action{margin-top:0}}@media (width<=375px){.metronome-beat-display{flex:0 40%;min-height:160px}.beat-circle,.beat-flame,.beat-blip{width:160px;height:160px}.beat-raindrops,.water-container{width:220px;height:220px}.beat-number-large{font-size:3rem}.beat-label-small{font-size:.95rem}.tempo-input{font-size:1.1rem}.tempo-control button{min-width:44px;font-size:.95rem}.control-select{font-size:.9rem}.btn-large-metro{min-height:48px;font-size:1.1rem}}.beat-classic{justify-content:center;align-items:center;width:300px;height:400px;display:flex}.classic-metronome-body{background:linear-gradient(135deg,#5d2e0f 0%,#8b4513 50%,#5d2e0f 100%);border-radius:100px 100px 20px 20px;width:200px;height:350px;position:relative;overflow:hidden;box-shadow:inset 0 2px 8px #0009,0 8px 24px #00000080}.wood-grain{opacity:.6;pointer-events:none;background:repeating-linear-gradient(90deg,#0000,#0000 2px,#0000000d 2px 4px),repeating-linear-gradient(#0000,#0000 8px,#8b45131a 8px 16px);width:100%;height:100%;position:absolute;top:0;left:0}.pendulum-pivot{z-index:10;background:radial-gradient(circle,gold 0%,peru 100%);border-radius:50%;width:20px;height:20px;position:absolute;bottom:120px;left:50%;transform:translate(-50%);box-shadow:0 2px 6px #0006,inset -1px -1px 3px #0000004d}.pendulum-arm{transform-origin:bottom;z-index:5;background:linear-gradient(#8b4513 0%,sienna 50%,#8b4513 100%);border-radius:3px;width:6px;height:200px;position:absolute;bottom:120px;left:50%;transform:translate(-50%);box-shadow:2px 0 4px #0000004d,-2px 0 4px #0003}.pendulum-arm:before{content:"";transform-origin:top;background:linear-gradient(#8b4513 0%,sienna 100%);border-radius:3px;width:6px;height:80px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.pendulum-arm.swinging{animation:linear infinite pendulum-swing}@keyframes pendulum-swing{0%{transform:translate(-50%)rotate(-25deg)}25%{transform:translate(-50%)rotate(0)}50%{transform:translate(-50%)rotate(25deg)}75%{transform:translate(-50%)rotate(0)}to{transform:translate(-50%)rotate(-25deg)}}.pendulum-weight{background:radial-gradient(circle at 35% 35%,gold 0%,#daa520 40%,peru 70%,#8b4513 100%);border-radius:50%;width:50px;height:50px;position:absolute;bottom:-80px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080,inset -3px -3px 6px #0006,inset 3px 3px 6px #fff3}.classic-numbers{text-align:center;color:wheat;text-shadow:0 2px 4px #0009;z-index:15;position:absolute;bottom:40px;left:50%;transform:translate(-50%)}.classic-metronome-body:after{content:"";pointer-events:none;background:#ffd7004d;border-radius:2px;width:4px;height:130px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.beat-gighero{justify-content:center;align-items:center;width:400px;height:500px;display:flex}.note-highway{background:linear-gradient(#000 0%,#1a1a1a 100%);border-radius:12px;width:350px;height:450px;position:relative;overflow:hidden;box-shadow:0 0 40px #00ff004d,inset 0 0 20px #000c}.note-highway:before{content:"";pointer-events:none;background:linear-gradient(#ffffff05 0%,#0000 20% 80%,#ffffff05 100%);width:80%;height:100%;position:absolute;top:0;left:50%;transform:translate(-50%)}.fret-marker{background:linear-gradient(90deg,#0000 0%,#fff3 50%,#0000 100%);width:100%;height:3px;position:absolute;left:0;box-shadow:0 0 8px #ffffff4d}.fret-marker.fret-1{top:15%}.fret-marker.fret-2{top:30%}.fret-marker.fret-3{top:45%}.fret-marker.fret-4{top:60%}.fret-marker.fret-5{top:75%}.hit-zone{background:linear-gradient(#0000 0%,#ffffff1a 50%,#0000 100%);border-top:2px solid #ffffff4d;border-bottom:2px solid #ffffff4d;width:100%;height:60px;position:absolute;bottom:80px;left:0;box-shadow:0 0 20px #fff3}.lane-divider{pointer-events:none;z-index:1;background:linear-gradient(#0000 0%,#ffffff26 10% 90%,#0000 100%);width:2px;height:100%;position:absolute;top:0}.lane-divider.lane-1{left:33.33%}.lane-divider.lane-2{left:66.66%}.falling-button{z-index:10;border-radius:6px;width:80px;height:20px;animation:linear forwards button-fall;position:absolute;top:-80px;transform:translate(-50%);box-shadow:0 4px 12px #0009,inset 0 2px 8px #ffffff4d}.falling-button.button-primary{background:radial-gradient(at 50% 30%,#3f3 0%,#0f0 40%,#0c0 100%);border:3px solid #0f0;box-shadow:0 0 20px #0f0,0 0 40px #00ff0080,0 4px 12px #0009,inset 0 2px 8px #ffffff4d}.falling-button.button-offbeat{background:radial-gradient(at 50% 30%,#f33 0%,red 40%,#c00 100%);border:3px solid red;box-shadow:0 0 20px red,0 0 40px #ff000080,0 4px 12px #0009,inset 0 2px 8px #ffffff4d}.falling-button.button-subdivision{background:radial-gradient(at 50% 30%,#ff3 0%,#ff0 40%,#cc0 100%);border:3px solid #ff0;box-shadow:0 0 20px #ff0,0 0 40px #ffff0080,0 4px 12px #0009,inset 0 2px 8px #ffffff4d}@keyframes button-fall{0%{opacity:1;top:-80px;transform:translate(-50%)scale(1)}95%{opacity:1;top:330px;transform:translate(-50%)scale(1)}96%{opacity:1;filter:brightness(2.5);top:330px;transform:translate(-50%)scale(1.5)}98%{opacity:1;filter:brightness(4);top:330px;transform:translate(-50%)scale(2)}to{opacity:0;filter:brightness();top:330px;transform:translate(-50%)scale(.2)}}.gighero-numbers{text-align:center;color:#fff;text-shadow:0 0 10px #0f0c,0 2px 4px #000c;z-index:15;font-weight:700;position:absolute;top:30%;left:50%;transform:translate(-50%)}.note-highway:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#ffffff1a 20% 80%,#0000 100%);width:2px;height:100%;position:absolute;top:0;left:33.33%}.note-highway .fret-marker:after{content:"";pointer-events:none;background:linear-gradient(#0000 0%,#ffffff1a 20% 80%,#0000 100%);width:2px;height:450px;position:absolute;top:-225px;left:66.66%}.seasonal-numbers{text-align:center;z-index:10;width:100%;max-width:300px;position:absolute;bottom:60px;left:50%;transform:translate(-50%)}.beat-newyear{background:radial-gradient(circle,#8b00ff1a 0%,#0000 70%);justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.firework-container{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:absolute}.firework-rocket{background:linear-gradient(#0000,gold);width:4px;height:40px;animation:.3s ease-out forwards rocketLaunch;position:absolute;bottom:-20px}.firework-burst{opacity:0;background:radial-gradient(circle,gold 0%,#8b00ff 50%,#0000 70%);border-radius:50%;width:200px;height:200px;animation:.6s ease-out .3s forwards burstExplode;position:absolute;box-shadow:0 0 40px gold,0 0 80px #8b00ff}.firework-primary .firework-burst{width:300px;height:300px;animation-duration:.8s}.firework-subdivision .firework-burst{width:120px;height:120px;animation-duration:.4s}@keyframes rocketLaunch{0%{opacity:1;bottom:-20px}to{opacity:0;bottom:50%}}@keyframes burstExplode{0%{opacity:1;transform:scale(0)}50%{opacity:1;transform:scale(1)}to{opacity:0;transform:scale(1.5)}}.beat-winter{justify-content:center;align-items:center;width:100%;height:100%;display:flex}.snowflake{filter:drop-shadow(0 0 10px #b0e0e6);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'%3E%3Cg stroke='%23E0F7FF' stroke-width='2' fill='none' stroke-linecap='round'%3E%3C!-- Main axes --%3E%3Cline x1='50' y1='10' x2='50' y2='90' /%3E%3Cline x1='10' y1='50' x2='90' y2='50' /%3E%3Cline x1='20' y1='20' x2='80' y2='80' /%3E%3Cline x1='80' y1='20' x2='20' y2='80' /%3E%3Cline x1='30' y1='13' x2='70' y2='87' /%3E%3Cline x1='70' y1='13' x2='30' y2='87' /%3E%3C!-- Branch decorations --%3E%3Cline x1='50' y1='20' x2='40' y2='25' /%3E%3Cline x1='50' y1='20' x2='60' y2='25' /%3E%3Cline x1='50' y1='80' x2='40' y2='75' /%3E%3Cline x1='50' y1='80' x2='60' y2='75' /%3E%3Cline x1='20' y1='50' x2='25' y2='40' /%3E%3Cline x1='20' y1='50' x2='25' y2='60' /%3E%3Cline x1='80' y1='50' x2='75' y2='40' /%3E%3Cline x1='80' y1='50' x2='75' y2='60' /%3E%3Cline x1='28' y1='28' x2='23' y2='35' /%3E%3Cline x1='28' y1='28' x2='35' y2='23' /%3E%3Cline x1='72' y1='72' x2='65' y2='77' /%3E%3Cline x1='72' y1='72' x2='77' y2='65' /%3E%3Cline x1='72' y1='28' x2='65' y2='23' /%3E%3Cline x1='72' y1='28' x2='77' y2='35' /%3E%3Cline x1='28' y1='72' x2='23' y2='65' /%3E%3Cline x1='28' y1='72' x2='35' y2='77' /%3E%3C!-- Center circle --%3E%3Ccircle cx='50' cy='50' r='5' fill='%23E0F7FF' /%3E%3C/g%3E%3C/svg%3E");background-position:50%;background-repeat:no-repeat;background-size:contain;width:80px;height:80px;animation:1.5s ease-in-out forwards snowfallSpin,2.5s ease-in-out infinite snowflakeRock;position:absolute}.snowflake-beat1{filter:drop-shadow(0 0 15px #b0e0e6);width:96px;height:96px}.snowflake-regular{filter:drop-shadow(0 0 10px #b0e0e6);width:80px;height:80px}.snowflake-primary{filter:drop-shadow(0 0 15px #b0e0e6);width:100px;height:100px}.snowflake-subdivision{filter:drop-shadow(0 0 5px #b0e0e6);width:50px;height:50px}@keyframes snowfallSpin{0%{opacity:0;top:0;transform:scale(.7)rotate(0)}5%{opacity:1;top:5%;transform:scale(1)rotate(20deg)}to{opacity:0;top:95%;transform:scale(.9)rotate(360deg)}}@keyframes snowflakeRock{0%,to{margin-left:0}25%{margin-left:-24px}75%{margin-left:24px}}.beat-herospotlight{justify-content:center;align-items:center;width:100%;height:100%;min-height:220px;display:flex;overflow:visible}.hero-skyline{clip-path:polygon(0% 100%,0% 60%,5% 65%,10% 55%,12% 60%,15% 45%,18% 50%,20% 40%,25% 50%,28% 45%,30% 55%,35% 40%,38% 45%,40% 35%,45% 45%,48% 40%,50% 50%,55% 35%,58% 40%,60% 30%,65% 40%,68% 35%,70% 45%,75% 30%,78% 35%,80% 25%,85% 35%,88% 30%,90% 40%,95% 30%,98% 35%,100% 40%,100% 100%);z-index:2;background:linear-gradient(#000 0%,#0a0a0a 100%);height:30%;position:absolute;bottom:0;left:0;right:0}.hero-skyline:before{content:"";opacity:.8;background-image:radial-gradient(circle at 15% 40%,gold 1px,#0000 1px),radial-gradient(circle at 25% 35%,gold 1px,#0000 1px),radial-gradient(circle at 40% 30%,gold 1px,#0000 1px),radial-gradient(circle at 60% 25%,gold 1px,#0000 1px),radial-gradient(circle at 75% 20%,gold 1px,#0000 1px),radial-gradient(circle at 85% 30%,gold 1px,#0000 1px);background-size:100% 100%;position:absolute;inset:0}.hero-spotlight{z-index:3;pointer-events:none;background:radial-gradient(circle,#ffffffe6 0%,#ffffffd9 70%,#fff0 100%);border-radius:50%;width:220px;height:220px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.hero-beat-number{color:#000;text-shadow:0 0 10px #fffc,0 0 20px #ffd70099,2px 2px #ffd700cc;z-index:4;letter-spacing:2px;font-family:Impact,sans-serif;font-size:72px;font-weight:900;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.fight-balloon{color:#000;text-shadow:2px 2px #fff;letter-spacing:3px;text-align:center;z-index:5;transform-origin:50%;clip-path:polygon(50% 0%,55% 10%,65% 5%,62% 18%,78% 12%,70% 28%,88% 22%,78% 38%,94% 35%,82% 48%,96% 50%,82% 52%,94% 65%,78% 62%,88% 78%,70% 72%,78% 88%,62% 82%,65% 95%,55% 90%,50% 100%,45% 90%,35% 95%,38% 82%,22% 88%,30% 72%,12% 78%,22% 62%,6% 65%,18% 52%,4% 50%,18% 48%,6% 35%,22% 38%,12% 22%,30% 28%,22% 12%,38% 18%,35% 5%,45% 10%);border:4px solid #000;min-width:200px;min-height:100px;margin-top:-40px;margin-left:-100px;padding:20px 40px;font-family:Impact,sans-serif;font-size:30px;font-weight:600;animation:.8s ease-out forwards fightBalloonPop;position:absolute}.fight-balloon:nth-child(n){background:radial-gradient(gold 0%,orange 100%)}.fight-balloon:nth-child(2n){background:radial-gradient(#ff69b4 0%,#ff1493 100%)}.fight-balloon:nth-child(3n){background:radial-gradient(#00ced1 0%,#1e90ff 100%)}.fight-balloon:nth-child(4n){background:radial-gradient(#ff4500 0%,#dc143c 100%)}.fight-balloon:nth-child(5n){background:radial-gradient(#32cd32 0%,#228b22 100%)}@keyframes fightBalloonPop{0%{opacity:0;transform:scale(0)rotate(0)}30%{opacity:1;transform:scale(1.2)rotate(5deg)}60%{opacity:1;transform:scale(1)rotate(-3deg)}to{opacity:0;transform:scale(.9)rotate(0)}}.beat-champagne{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.champagne-bottle{z-index:1;background:linear-gradient(#dcc7a4 0%,#f7e7ce 100%);border-radius:5px 5px 10px 10px;width:40px;height:100px;position:absolute;bottom:60px}.champagne-cork{background:#8b7355;border-radius:3px;width:15px;height:20px;animation:.4s ease-out forwards corkPop;position:absolute;bottom:160px}.champagne-bubbles{width:100px;height:200px;position:absolute;bottom:160px}.bubble{opacity:.7;background:#f7e7ce;border-radius:50%;width:8px;height:8px;animation:.8s ease-out forwards bubbleRise;position:absolute}.bubble-1{animation-delay:0s;left:40%}.bubble-2{animation-delay:.1s;left:50%}.bubble-3{animation-delay:.2s;left:60%}.bubbles-primary .bubble{width:12px;height:12px}@keyframes corkPop{0%{opacity:1;bottom:160px;transform:rotate(0)}to{opacity:0;bottom:300px;transform:rotate(720deg)}}@keyframes bubbleRise{0%{opacity:.7;bottom:0;transform:translate(0)}to{opacity:0;bottom:200px;transform:translate(20px)}}.beat-valentine{flex-direction:column;justify-content:center;align-items:center;width:250px;height:250px;display:flex;position:relative}.valentine-container{justify-content:center;align-items:center;width:250px;height:250px;display:flex;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.valentine-heart-center{z-index:10;filter:drop-shadow(0 0 20px #ff1744cc)drop-shadow(0 0 40px #ff174480);font-size:120px;position:relative}.valentine-heart-center:before{content:"💗"}.heart-pulse-primary .valentine-heart-center{animation:.6s ease-in-out heart-pulse-beat}.heart-pulse-offbeat .valentine-heart-center{animation:.4s ease-in-out heart-pulse-beat}.heart-pulse-subdivision .valentine-heart-center{animation:.3s ease-in-out heart-pulse-beat}@keyframes heart-pulse-beat{0%,to{filter:drop-shadow(0 0 20px #ff1744cc)drop-shadow(0 0 40px #ff174480);transform:scale(1)}50%{filter:drop-shadow(0 0 30px #ff1744)drop-shadow(0 0 60px #ff1744cc);transform:scale(1.3)}}.valentine-ring{pointer-events:none;opacity:0;font-size:120px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.valentine-ring:before{content:"💗";color:#ff1744}.valentine-ring.ring-primary{color:#ff1744cc}.valentine-ring-1.ring-primary{animation:.8s ease-out heart-ring-expand}.valentine-ring-2.ring-primary{animation:.8s ease-out .15s heart-ring-expand}.valentine-ring-3.ring-primary{animation:.8s ease-out .3s heart-ring-expand}.valentine-ring.ring-offbeat{color:#ff69b4b3}.valentine-ring-1.ring-offbeat{animation:.6s ease-out heart-ring-expand-medium}.valentine-ring-2.ring-offbeat{animation:.6s ease-out .1s heart-ring-expand-medium}.valentine-ring-3.ring-offbeat{animation:.6s ease-out .2s heart-ring-expand-medium}.valentine-ring.ring-subdivision{color:#ffb6c199}.valentine-ring-1.ring-subdivision{animation:.5s ease-out heart-ring-expand-small}.valentine-ring-2.ring-subdivision{animation:.5s ease-out 80ms heart-ring-expand-small}.valentine-ring-3.ring-subdivision{animation:.5s ease-out .16s heart-ring-expand-small}@keyframes heart-ring-expand{0%{opacity:1;font-size:120px}to{opacity:0;font-size:480px}}@keyframes heart-ring-expand-medium{0%{opacity:1;font-size:120px}to{opacity:0;font-size:300px}}@keyframes heart-ring-expand-small{0%{opacity:1;font-size:120px}to{opacity:0;font-size:210px}}.beat-lunarnewyear{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.lantern{transform-origin:top;width:60px;height:80px;position:relative}.lantern-top{background:gold;border-radius:4px;width:60px;height:8px;margin-bottom:5px}.lantern-body{background:linear-gradient(red 0%,#c00 100%);border-radius:10px;width:60px;height:60px;box-shadow:inset 0 0 20px #ffd7004d,0 0 30px #f009}.lantern-tassel{background:gold;width:3px;height:20px;position:absolute;bottom:-20px;left:50%;transform:translate(-50%)}.lantern-swing-primary{animation:.8s ease-in-out lanternSwing}.lantern-swing-offbeat{animation:.5s ease-in-out lanternSwing}.lantern-swing-subdivision{animation:.3s ease-in-out lanternSwing}@keyframes lanternSwing{0%,to{transform:rotate(0)}25%{transform:rotate(-15deg)}75%{transform:rotate(15deg)}}.beat-shamrock{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.shamrock{width:80px;height:80px;position:relative}.shamrock:before,.shamrock:after{content:"☘";color:#0f0;text-shadow:0 0 20px #0f0c;font-size:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.shamrock-spin-primary{animation:.6s ease-in-out shamrockSpin}.shamrock-spin-offbeat{animation:.4s ease-in-out shamrockSpin}.shamrock-spin-subdivision{animation:.3s ease-in-out shamrockSpin}.gold-coins{width:100%;height:100%;position:absolute}.coin{background:radial-gradient(circle,gold 0%,#daa520 100%);border-radius:50%;width:20px;height:20px;animation:.8s ease-in forwards coinFall;position:absolute;box-shadow:0 0 10px gold}.coin-1{animation-delay:0s;left:30%}.coin-2{animation-delay:.1s;left:50%}.coin-3{animation-delay:.2s;left:70%}@keyframes shamrockSpin{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(360deg)scale(1.2)}}@keyframes coinFall{0%{opacity:1;top:20%;transform:rotate(0)}to{opacity:0;top:80%;transform:rotate(720deg)}}.beat-spring{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.flower{width:80px;height:80px;position:relative}.flower:before{content:"🌸";filter:drop-shadow(0 0 10px #ff69b499);font-size:80px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)scale(.5)}.flower-bloom-primary:before{animation:.6s ease-out flowerBloom}.flower-bloom-offbeat:before{animation:.4s ease-out flowerBloom}.flower-bloom-subdivision:before{animation:.3s ease-out flowerBloom}.butterfly{font-size:40px;animation:1.2s ease-in-out forwards butterflyFly;position:absolute}.butterfly:before{content:"🦋"}@keyframes flowerBloom{0%{opacity:.5;transform:translate(-50%,-50%)scale(.3)rotate(0)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.2)rotate(180deg)}to{opacity:.8;transform:translate(-50%,-50%)scale(.5)rotate(360deg)}}@keyframes butterflyFly{0%{opacity:0;top:50%;left:-10%}50%{opacity:1;top:30%;left:50%}to{opacity:0;top:50%;left:110%}}.beat-easter{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.easter-egg{background:linear-gradient(135deg,#ff69b4 0%,#ff1493 50%,#ff69b4 100%);border-radius:50%/60% 60% 40% 40%;width:70px;height:90px;position:relative;box-shadow:0 0 20px #ff69b499}.easter-egg:before{content:"";background:#87ceeb;height:3px;position:absolute;top:35%;left:10%;right:10%;box-shadow:0 10px #87ceeb,0 -10px #87ceeb}.egg-bounce-primary{animation:.5s ease-out eggBounce}.egg-bounce-offbeat{animation:.3s ease-out eggBounce}.egg-bounce-subdivision{animation:.2s ease-out eggBounce}.bunny-ears{font-size:60px;animation:.6s ease-out forwards bunnyPeek;position:absolute;bottom:20%;left:50%;transform:translate(-50%)}.bunny-ears:before{content:"🐰"}@keyframes eggBounce{0%,to{transform:translateY(0)scale(1)}50%{transform:translateY(-30px)scale(1.1)}}@keyframes bunnyPeek{0%{opacity:0;bottom:-20%}50%{opacity:1;bottom:20%}to{opacity:0;bottom:20%}}.beat-earthday{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.earth-globe{background:radial-gradient(circle at 30% 30%,#00a550 0%,#007a3d 50%),radial-gradient(circle at 70% 60%,#0077be 0%,#005a8e 50%);border-radius:50%;width:100px;height:100px;position:relative;box-shadow:inset 0 0 30px #00000080,0 0 40px #0077be99}.globe-rotate-primary{animation:1s ease-in-out globeSpin}.globe-rotate-offbeat{animation:.6s ease-in-out globeSpin}.globe-rotate-subdivision{animation:.4s ease-in-out globeSpin}.growing-vines{width:150px;height:150px;animation:.8s ease-out forwards vinesGrow;position:absolute}.growing-vines:before,.growing-vines:after{content:"🌿";opacity:0;font-size:40px;animation:.8s ease-out forwards vineAppear;position:absolute}.growing-vines:before{animation-delay:.1s;top:30%;left:-20%}.growing-vines:after{animation-delay:.2s;top:40%;right:-20%}@keyframes globeSpin{0%,to{transform:rotate(0)scale(1)}50%{transform:rotate(180deg)scale(1.1)}}@keyframes vineAppear{0%{opacity:0;transform:scale(0)}50%{opacity:1;transform:scale(1.2)}to{opacity:0;transform:scale(.5)}}.beat-cincodemayo{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.pinata{transform-origin:top;background:linear-gradient(45deg,red 0% 25%,#0f0 25% 50%,gold 50% 75%,red 75%);border-radius:20px;width:80px;height:80px;position:relative;box-shadow:0 5px 15px #0000004d}.pinata:before{content:"";background:#8b4513;width:3px;height:15px;position:absolute;top:-15px;left:50%;transform:translate(-50%)}.pinata-swing-primary{animation:.6s ease-in-out pinataSwing}.pinata-swing-offbeat{animation:.4s ease-in-out pinataSwing}.pinata-swing-subdivision{animation:.3s ease-in-out pinataSwing}.candy-burst{width:100%;height:100%;position:absolute}.candy{border-radius:3px;width:15px;height:15px;animation:.8s ease-out forwards candyExplode;position:absolute}.candy-1{background:red;animation-delay:0s;left:40%;transform:rotate(45deg)}.candy-2{background:#0f0;animation-delay:.1s;left:50%;transform:rotate(90deg)}.candy-3{background:gold;animation-delay:.2s;left:60%;transform:rotate(135deg)}@keyframes pinataSwing{0%,to{transform:rotate(0)}25%{transform:rotate(-20deg)}75%{transform:rotate(20deg)}}@keyframes candyExplode{0%{opacity:1;top:50%;transform:translate(-50%,-50%)scale(1)}to{opacity:0;top:80%;transform:translate(-50%,-50%)scale(.5)rotate(720deg)}}.beat-mothersday{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.rose{width:80px;height:120px;position:relative}.rose-stem{background:linear-gradient(#2e8b57 0%,#228b22 100%);width:4px;height:60px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.rose-bud{background:radial-gradient(circle,#ffb6c1 0%,#ff1493 100%);border-radius:50%/60% 60% 40% 40%;width:40px;height:40px;position:absolute;top:0;left:50%;transform:translate(-50%);box-shadow:0 0 20px #ff149399}.rose-bloom-primary .rose-bud{animation:.6s ease-out roseBloom}.rose-bloom-offbeat .rose-bud{animation:.4s ease-out roseBloom}.rose-bloom-subdivision .rose-bud{animation:.3s ease-out roseBloom}@keyframes roseBloom{0%,to{transform:translate(-50%)scale(1)}50%{transform:translate(-50%)scale(1.3);box-shadow:0 0 40px #ff1493cc}}.beat-pride{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.rainbow-arc{border:15px solid #0000;border-top-color:red;border-bottom:none;border-radius:200px 200px 0 0;width:200px;height:100px;position:absolute;box-shadow:inset 0 15px #ff7f00,inset 0 30px #ff0,inset 0 45px #0f0,inset 0 60px #00f,inset 0 75px indigo,inset 0 90px #9400d3}.rainbow-pulse-primary{animation:.6s ease-in-out rainbowPulse}.rainbow-pulse-offbeat{animation:.4s ease-in-out rainbowPulse}.rainbow-pulse-subdivision{animation:.3s ease-in-out rainbowPulse}.rainbow-heart{background:linear-gradient(135deg,red,#ff7f00,#ff0,#0f0,#00f,indigo,#9400d3);border-radius:50% 0 50% 50%;width:60px;height:60px;position:absolute;transform:rotate(45deg)}.heart-beat-primary{animation:.6s ease-in-out rainbowHeartBeat}.heart-beat-offbeat{animation:.4s ease-in-out rainbowHeartBeat}.heart-beat-subdivision{animation:.3s ease-in-out rainbowHeartBeat}@keyframes rainbowPulse{0%,to{filter:brightness();transform:scale(1)}50%{filter:brightness(1.5);transform:scale(1.2)}}@keyframes rainbowHeartBeat{0%,to{transform:rotate(45deg)scale(1)}50%{transform:rotate(45deg)scale(1.3)}}.beat-summersolstice{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.sun-center{z-index:2;background:radial-gradient(circle,gold 0%,orange 100%);border-radius:50%;width:80px;height:80px;position:absolute;box-shadow:0 0 40px #ffd700cc}.sun-rays{z-index:1;width:150px;height:150px;position:absolute}.sun-rays:before,.sun-rays:after{content:"";background:linear-gradient(90deg,#0000 0%,#ff8c00 50%,#0000 100%);width:100%;height:4px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.sun-rays:before{transform:translate(-50%,-50%)rotate(45deg)}.sun-rays:after{transform:translate(-50%,-50%)rotate(-45deg)}.rays-extend-primary{animation:.6s ease-out raysExtend}.rays-extend-offbeat{animation:.4s ease-out raysExtend}.rays-extend-subdivision{animation:.3s ease-out raysExtend}@keyframes raysExtend{0%{opacity:1;width:150px;height:150px}50%{opacity:1;width:200px;height:200px}to{opacity:.3;width:250px;height:250px}}.beat-independence{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.sparkler-stick{transform-origin:bottom;z-index:1;background:linear-gradient(#8b4513 0%,#654321 100%);width:4px;height:100px;position:absolute;bottom:20%}.sparkler-sparks{background:radial-gradient(circle,#fff 0%,gold 30%,#0000 60%);border-radius:50%;width:100px;height:100px;animation:.5s ease-out forwards sparklerBurst;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.sparks-primary{width:150px;height:150px;animation-duration:.6s}.sparks-subdivision{width:60px;height:60px;animation-duration:.3s}.star-burst{width:200px;height:200px;position:absolute;top:30%;left:50%;transform:translate(-50%,-50%)}.star{border-bottom:15px solid;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;animation:.8s ease-out forwards starExplode;position:absolute}.star:after{content:"";border-top:15px solid;border-left:10px solid #0000;border-right:10px solid #0000;width:0;height:0;position:absolute;top:5px;left:-10px}.star-1{border-bottom-color:red;animation-delay:0s;left:30%}.star-1:after{border-top-color:red}.star-2{border-bottom-color:#fff;animation-delay:.1s;left:50%}.star-2:after{border-top-color:#fff}.star-3{border-bottom-color:#00f;animation-delay:.2s;left:70%}.star-3:after{border-top-color:#00f}@keyframes sparklerBurst{0%{opacity:1;transform:translate(-50%,-50%)scale(.5)}50%{opacity:1;transform:translate(-50%,-50%)scale(1)}to{opacity:0;transform:translate(-50%,-50%)scale(1.5)}}@keyframes starExplode{0%{opacity:1;top:50%;transform:scale(0)}50%{opacity:1}to{opacity:0;top:10%;transform:scale(1)rotate(360deg)}}.beat-beach{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.sandcastle{clip-path:polygon(50% 0%,0% 100%,100% 100%);z-index:2;background:linear-gradient(gold 0%,#daa520 100%);width:60px;height:40px;position:absolute;bottom:15%}.ocean-wave{background:linear-gradient(#0000 0%,#00ced199 50%,#00ced1cc 100%);border-radius:50% 50% 0 0;width:200px;height:60px;animation:.8s ease-in-out forwards waveCrash;position:absolute;bottom:0}.wave-primary{height:80px;animation-duration:1s}.wave-subdivision{height:40px;animation-duration:.5s}@keyframes waveCrash{0%{opacity:0;width:100px;bottom:-60px}50%{opacity:1;width:200px;bottom:0}to{opacity:0;width:250px;bottom:0}}.beat-backtoschool{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.school-apple{background:radial-gradient(circle,red 0%,#c00 100%);border-radius:50%/45% 45% 55% 55%;width:70px;height:70px;position:relative;box-shadow:0 5px 15px #f006}.school-apple:before{content:"";background:#8b4513;width:3px;height:15px;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.apple-bounce-primary{animation:.5s ease-out appleBounce}.apple-bounce-offbeat{animation:.3s ease-out appleBounce}.apple-bounce-subdivision{animation:.2s ease-out appleBounce}.pencil{transform-origin:bottom;background:linear-gradient(gold 0% 80%,orange 80% 85%,#000 85%);width:10px;height:100px;position:absolute;top:40%;left:60%}.pencil-tap-primary{animation:.4s ease-out pencilTap}.pencil-tap-offbeat{animation:.3s ease-out pencilTap}.pencil-tap-subdivision{animation:.2s ease-out pencilTap}@keyframes appleBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-20px)}}@keyframes pencilTap{0%,to{transform:rotate(0)}50%{transform:rotate(-30deg)}}.beat-carnival{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.ferris-wheel{width:120px;height:120px;position:relative}.wheel-center{z-index:3;background:gold;border-radius:50%;width:20px;height:20px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 20px #ffd700cc}.wheel-spoke{transform-origin:50%;background:#ff1493;width:120px;height:3px;position:absolute;top:50%;left:50%}.spoke-1{transform:translate(-50%,-50%)rotate(45deg)}.spoke-2{transform:translate(-50%,-50%)rotate(-45deg)}.wheel-car{background:#0ff;border-radius:5px;width:20px;height:25px;position:absolute;box-shadow:0 0 15px #0ff9}.car-1{top:10px;left:50%;transform:translate(-50%)}.car-2{bottom:10px;left:50%;transform:translate(-50%)}.wheel-rotate-primary{animation:.8s ease-in-out wheelRotate}.wheel-rotate-offbeat{animation:.5s ease-in-out wheelRotate}.wheel-rotate-subdivision{animation:.3s ease-in-out wheelRotate}@keyframes wheelRotate{0%{transform:rotate(0)}to{transform:rotate(90deg)}}.beat-autumn{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.falling-leaf{width:50px;height:50px;animation:1.5s ease-in forwards leafFall;position:absolute;top:0;left:50%}.falling-leaf:before{content:"🍂";font-size:50px;position:absolute}.leaf-primary{width:60px;height:60px;animation-duration:1.8s}.leaf-primary:before{font-size:60px}.leaf-subdivision{width:35px;height:35px;animation-duration:1s}.leaf-subdivision:before{font-size:35px}@keyframes leafFall{0%{opacity:1;top:0;transform:translate(-50%)rotate(0)}25%{transform:translate(-30%)rotate(90deg)}50%{transform:translate(-70%)rotate(180deg)}75%{transform:translate(-40%)rotate(270deg)}to{opacity:0;top:100%;transform:translate(-50%)rotate(360deg)}}.beat-oktoberfest{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.beer-stein{width:70px;height:90px;position:relative}.stein-body{background:linear-gradient(#8b45134d 0%,#8b4513 100%);border:3px solid gold;border-radius:5px;width:70px;height:80px;position:relative;overflow:hidden}.stein-handle{border:3px solid gold;border-left:none;border-radius:0 20px 20px 0;width:25px;height:40px;position:absolute;top:20px;right:-15px}.stein-clink-primary{animation:.5s ease-out steinClink}.stein-clink-offbeat{animation:.3s ease-out steinClink}.stein-clink-subdivision{animation:.2s ease-out steinClink}.beer-foam{background:radial-gradient(#fff 0%,beige 100%);border-radius:50% 50% 0 0;height:30px;animation:.6s ease-out forwards foamOverflow;position:absolute;top:-20px;left:0;right:0}@keyframes steinClink{0%,to{transform:translateY(0)rotate(0)}25%{transform:translateY(-15px)rotate(-5deg)}75%{transform:translateY(-10px)rotate(5deg)}}@keyframes foamOverflow{0%{opacity:1;top:0}to{opacity:0;top:-30px}}.beat-halloween{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.jack-o-lantern{background:radial-gradient(circle,#ff7f00 0%,tomato 100%);border-radius:50%;width:100px;height:100px;position:relative;box-shadow:0 0 30px #ff7f0099}.pumpkin-eye{clip-path:polygon(50% 0%,0% 100%,100% 100%);background:#000;width:15px;height:20px;position:absolute;top:35%}.eye-left{left:25%}.eye-right{right:25%}.pumpkin-mouth{border:3px solid #000;border-top:none;border-radius:0 0 30px 30px;width:50px;height:20px;position:absolute;bottom:25%;left:50%;transform:translate(-50%)}.pumpkin-mouth:before{content:"";background:#000;width:8px;height:15px;position:absolute;top:0;left:15%}.pumpkin-mouth:after{content:"";background:#000;width:8px;height:15px;position:absolute;top:0;right:15%}.pumpkin-glow-primary{animation:.6s ease-in-out pumpkinGlow}.pumpkin-glow-offbeat{animation:.4s ease-in-out pumpkinGlow}.pumpkin-glow-subdivision{animation:.3s ease-in-out pumpkinGlow}@keyframes pumpkinGlow{0%,to{filter:brightness();box-shadow:0 0 30px #ff7f0099}50%{filter:brightness(1.5);box-shadow:0 0 60px #ff7f00}}.beat-ghost{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.friendly-ghost{background:radial-gradient(#fff 0%,#e0e0e0 100%);border-radius:50% 50% 0 0;width:80px;height:100px;position:relative;box-shadow:0 0 30px #fffc}.friendly-ghost:after{content:"";clip-path:polygon(0 0,20% 50%,40% 0,60% 50%,80% 0,100% 50%,100% 100%,0 100%);background:#fff;height:20px;position:absolute;bottom:0;left:0;right:0}.ghost-eye{background:#000;border-radius:50%;width:12px;height:12px;position:absolute;top:30%}.ghost-mouth{border:2px solid #000;border-top:none;border-radius:0 0 15px 15px;width:30px;height:15px;position:absolute;bottom:35%;left:50%;transform:translate(-50%)}.ghost-float-primary{animation:.8s ease-in-out ghostFloat}.ghost-float-offbeat{animation:.5s ease-in-out ghostFloat}.ghost-float-subdivision{animation:.3s ease-in-out ghostFloat}@keyframes ghostFloat{0%,to{opacity:.9;transform:translateY(0)}50%{opacity:1;transform:translateY(-30px)}}.beat-diadelosmuertos{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.sugar-skull{background:radial-gradient(#fff 0%,#f0f0f0 100%);border-radius:50% 50% 45% 45%;width:90px;height:100px;position:relative;box-shadow:0 0 30px #ff149399}.skull-pattern{border-radius:50%;position:absolute}.pattern-1{border:3px solid #ff1493;width:20px;height:20px;top:25%;left:20%}.pattern-2{border:3px solid #0ff;width:20px;height:20px;top:25%;right:20%}.skull-glow-primary{animation:.6s ease-in-out skullGlow}.skull-glow-offbeat{animation:.4s ease-in-out skullGlow}.skull-glow-subdivision{animation:.3s ease-in-out skullGlow}.marigold-burst{width:100%;height:100%;position:absolute}.marigold{font-size:40px;animation:.8s ease-out forwards marigoldBurst;position:absolute}.marigold:before{content:"🌼"}.marigold-1{animation-delay:0s;top:50%;left:20%}.marigold-2{animation-delay:.1s;top:50%;right:20%}@keyframes skullGlow{0%,to{filter:brightness();box-shadow:0 0 30px #ff149399}50%{filter:brightness(1.3);box-shadow:0 0 60px #ff1493,0 0 80px #0ff9}}@keyframes marigoldBurst{0%{opacity:0;transform:scale(0)rotate(0)}50%{opacity:1;transform:scale(1.2)rotate(180deg)}to{opacity:0;transform:scale(.5)rotate(360deg)}}.beat-thanksgiving{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.turkey{width:100px;height:100px;position:relative}.turkey-tail{transform-origin:bottom;z-index:1;background:radial-gradient(at 20%,#ff8c00 0%,#0000 30%),radial-gradient(at 40%,#8b4513 0%,#0000 30%),radial-gradient(at 60%,red 0%,#0000 30%),radial-gradient(at 80%,gold 0%,#0000 30%);border-radius:50% 50% 0 0;width:100px;height:80px;position:absolute}.turkey-body{z-index:2;background:radial-gradient(#8b4513 0%,#654321 100%);border-radius:50%;width:50px;height:60px;position:absolute;bottom:20px;left:50%;transform:translate(-50%);box-shadow:0 5px 15px #0000004d}.tail-fan-primary .turkey-tail{animation:.6s ease-in-out tailFan}.tail-fan-offbeat .turkey-tail{animation:.4s ease-in-out tailFan}.tail-fan-subdivision .turkey-tail{animation:.3s ease-in-out tailFan}@keyframes tailFan{0%,to{transform:scaleY(.6)}50%{transform:scaleY(1.2)}}.beat-cornucopia{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.horn-of-plenty{transform-origin:100%;background:linear-gradient(135deg,#daa520 0%,#b8860b 100%);border-radius:50%/60% 60% 40% 40%;width:120px;height:60px;position:relative;box-shadow:0 5px 15px #0000004d}.horn-tip-primary{animation:.5s ease-in-out hornTip}.horn-tip-offbeat{animation:.3s ease-in-out hornTip}.horn-tip-subdivision{animation:.2s ease-in-out hornTip}.fruit-spill{width:100%;height:100%;position:absolute}.fruit{border-radius:50%;width:30px;height:30px;animation:.8s ease-out forwards fruitSpill;position:absolute}.fruit-1{background:radial-gradient(circle,red 0%,#c00 100%);animation-delay:0s;left:40%}.fruit-2{background:radial-gradient(circle,#ff8c00 0%,#d2691e 100%);animation-delay:.1s;left:50%}.fruit-3{background:radial-gradient(circle,#9400d3 0%,#8b008b 100%);animation-delay:.2s;left:60%}@keyframes hornTip{0%,to{transform:rotate(0)}50%{transform:rotate(-25deg)}}@keyframes fruitSpill{0%{opacity:1;top:40%;transform:scale(1)rotate(0)}to{opacity:0;top:70%;transform:scale(.5)rotate(360deg)}}.beat-diwali{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.diya-lamp{width:80px;height:60px;position:relative}.diya-base{background:linear-gradient(gold 0%,#daa520 100%);border-radius:50%/30% 30% 70% 70%;width:80px;height:30px;position:absolute;bottom:0;box-shadow:0 5px 15px #ffd70080}.diya-flame{background:linear-gradient(gold 0%,#ff4500 50%,tomato 100%);border-radius:50%/60% 60% 40% 40%;width:20px;height:30px;position:absolute;top:-20px;left:50%;transform:translate(-50%);box-shadow:0 0 30px #ff4500cc}.flame-dance-primary .diya-flame{animation:.6s ease-in-out flameDance}.flame-dance-offbeat .diya-flame{animation:.4s ease-in-out flameDance}.flame-dance-subdivision .diya-flame{animation:.3s ease-in-out flameDance}.rangoli-pattern{opacity:0;background:radial-gradient(circle,#ff4500 0%,#0000 20%),conic-gradient(gold,#ff4500,#9400d3,#0ff,gold);border-radius:50%;width:150px;height:150px;animation:.8s ease-out forwards rangoliAppear;position:absolute}@keyframes flameDance{0%,to{transform:translate(-50%)scaleY(1);box-shadow:0 0 30px #ff4500cc}50%{transform:translate(-50%)scaleY(1.3);box-shadow:0 0 50px #ff4500}}@keyframes rangoliAppear{0%{opacity:0;transform:scale(0)rotate(0)}50%{opacity:.8;transform:scale(1)rotate(180deg)}to{opacity:0;transform:scale(1.5)rotate(360deg)}}.beat-christmas{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.ornament-string{z-index:1;background:silver;width:2px;height:40px;position:absolute;top:10%;left:50%;transform:translate(-50%)}.christmas-ornament{transform-origin:top;background:radial-gradient(circle at 30% 30%,red 0%,#8b0000 100%);border-radius:50%;width:80px;height:80px;position:relative;box-shadow:inset -10px -10px 20px #0000004d,0 0 30px #f009}.christmas-ornament:before{content:"";filter:blur(5px);background:#ffffff4d;border-radius:50%;width:30px;height:20px;position:absolute;top:20%;left:20%}.ornament-swing-primary{animation:.8s ease-in-out ornamentSwing}.ornament-swing-offbeat{animation:.5s ease-in-out ornamentSwing}.ornament-swing-subdivision{animation:.3s ease-in-out ornamentSwing}.falling-snowflakes{width:100%;height:100%;position:absolute}.tiny-snowflake{color:#fff;opacity:.8;font-size:20px;animation:1.2s ease-in forwards tinySnowfall;position:absolute}.tiny-snowflake:before{content:"❄"}.flake-1{animation-delay:0s;left:30%}.flake-2{animation-delay:.2s;left:50%}.flake-3{animation-delay:.4s;left:70%}@keyframes ornamentSwing{0%,to{transform:rotate(0)}25%{transform:rotate(-12deg)}75%{transform:rotate(12deg)}}@keyframes tinySnowfall{0%{opacity:.8;top:10%}to{opacity:0;top:90%}}.beat-hanukkah{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.menorah{width:140px;height:100px;position:relative}.menorah-base{background:linear-gradient(gold 0%,#daa520 100%);border-radius:5px;width:120px;height:15px;position:absolute;bottom:0;left:50%;transform:translate(-50%)}.menorah-candle{background:linear-gradient(#fff 0%,#e0e0e0 100%);border-radius:3px 3px 0 0;width:8px;height:40px;position:absolute;bottom:15px}.menorah-candle:before{content:"";background:0 0;border-radius:50%/60% 60% 40% 40%;width:8px;height:12px;transition:background .3s;position:absolute;top:-10px;left:50%;transform:translate(-50%)}.menorah-candle.candle-lit:before{background:linear-gradient(gold 0%,#ff8c00 100%);box-shadow:0 0 20px #ffd700cc}.candle-shamash{width:10px;height:55px;left:50%;transform:translate(-50%)}.candle-1{left:36%}.candle-2{right:36%}.candle-3{left:27%}.candle-4{right:27%}.candle-5{left:18%}.candle-6{right:18%}.candle-7{left:9%}.candle-8{right:9%}.beat-newyearseve{justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative}.disco-ball{background-color:#0000;background-image:linear-gradient(45deg,silver 25%,#0000 25% 75%,silver 75%),linear-gradient(-45deg,#d3d3d3 25%,#0000 25% 75%,#d3d3d3 75%);background-position:0 0,10px 10px;background-repeat:repeat,repeat;background-size:20px 20px;background-attachment:scroll,scroll;background-origin:padding-box,padding-box;background-clip:border-box,border-box;border-radius:50%;width:100px;height:100px;position:relative;box-shadow:inset -15px -15px 30px #0000004d,0 0 50px #ffd70080}.ball-sparkle-primary{animation:.8s ease-in-out discoSparkle}.ball-sparkle-offbeat{animation:.5s ease-in-out discoSparkle}.ball-sparkle-subdivision{animation:.3s ease-in-out discoSparkle}.confetti-burst{width:100%;height:100%;position:absolute}.confetti{width:10px;height:20px;animation:1.2s ease-out forwards confettiDrop;position:absolute}.confetti-1{background:gold;animation-delay:0s;left:25%;transform:rotate(45deg)}.confetti-2{background:red;animation-delay:.1s;left:40%;transform:rotate(90deg)}.confetti-3{background:#0f0;animation-delay:.2s;left:60%;transform:rotate(135deg)}.confetti-4{background:#00f;animation-delay:.3s;left:75%;transform:rotate(180deg)}@keyframes discoSparkle{0%,to{transform:rotate(0)scale(1);box-shadow:0 0 50px #ffd70080}50%{transform:rotate(180deg)scale(1.1);box-shadow:0 0 80px gold}}@keyframes confettiDrop{0%{opacity:1;top:30%;transform:rotate(0)}to{opacity:0;top:100%;transform:rotate(720deg)}}.metronome-ad-container{width:100%;max-width:728px;margin:var(--spacing-lg) auto;padding:var(--spacing-md);justify-content:center;align-items:center;display:flex}.metronome-ad{width:100%;min-height:90px}@media (width<=768px){.metronome-ad-container{max-width:100%;padding:var(--spacing-sm)}.metronome-ad{min-height:50px}}.beat-spaceopera{flex-direction:column;justify-content:center;align-items:center;width:400px;height:400px;display:flex;position:relative}.laser-container{background:radial-gradient(circle,#1b2a4a4d 0%,#0000 70%);border-radius:8px;width:100%;height:100%;position:relative;overflow:hidden}.target-reticle{z-index:10;border:2px solid #f44;border-radius:50%;width:20px;height:20px;margin:-10px 0 0 -10px;position:absolute;top:50%;left:50%;box-shadow:0 0 10px #ff444480,inset 0 0 10px #ff44444d}.target-reticle:before,.target-reticle:after{content:"";background:#f44;position:absolute;box-shadow:0 0 5px #f44c}.target-reticle:before{height:1px;margin-top:-.5px;top:50%;left:-10px;right:-10px}.target-reticle:after{width:1px;margin-left:-.5px;top:-10px;bottom:-10px;left:50%}.laser-blast{pointer-events:none;width:100%;height:100%;animation:.5s ease-out forwards laser-fade-out;position:absolute;top:0;left:0}.laser-beam{top:var(--origin-y);left:var(--origin-x);transform-origin:0;width:0;height:3px;animation:.15s ease-out forwards laser-beam-shoot;position:absolute}.blast-primary .laser-beam{background:linear-gradient(90deg,#ffd447 0%,#ffd447cc 50%,#ffd44700 100%);height:4px;box-shadow:0 0 10px #ffd447cc,0 0 20px #ffd44766}.blast-offbeat .laser-beam{background:linear-gradient(90deg,#c9a43b 0%,#c9a43bcc 50%,#c9a43b00 100%);height:3px;box-shadow:0 0 8px #c9a43bcc,0 0 16px #c9a43b66}.blast-subdivision .laser-beam{background:linear-gradient(90deg,#4af7c9 0%,#4af7c9cc 50%,#4af7c900 100%);height:2px;box-shadow:0 0 6px #4af7c9cc,0 0 12px #4af7c966}.laser-impact{opacity:0;border-radius:50%;width:15px;height:15px;margin:-7.5px 0 0 -7.5px;animation:.3s ease-out forwards laser-impact-burst;position:absolute}.blast-primary .laser-impact{background:radial-gradient(circle,#ffd447 0%,#ffd44700 70%);box-shadow:0 0 20px #ffd447,0 0 40px #ffd44799}.blast-offbeat .laser-impact{background:radial-gradient(circle,#c9a43b 0%,#c9a43b00 70%);box-shadow:0 0 16px #c9a43b,0 0 32px #c9a43b99}.blast-subdivision .laser-impact{background:radial-gradient(circle,#4af7c9 0%,#4af7c900 70%);box-shadow:0 0 12px #4af7c9,0 0 24px #4af7c999}.spaceopera-numbers{text-align:center;color:#f7d54a;text-shadow:0 0 10px #f7d54a99;z-index:20;font-family:Courier New,monospace;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.spaceopera-numbers .beat-number-large{font-size:48px;font-weight:700;line-height:1}.spaceopera-numbers .beat-label-small{color:#c9a43b;margin-top:5px;font-size:18px}@keyframes laser-beam-shoot{0%{opacity:1;width:0;transform:rotate(var(--laser-angle))}50%{opacity:1}to{width:var(--laser-distance);transform:rotate(var(--laser-angle));opacity:.8}}@keyframes laser-impact-burst{0%{opacity:1;transform:scale(.5)}50%{opacity:1;transform:scale(1.5)}to{opacity:0;transform:scale(2.5)}}@keyframes laser-fade-out{0%{opacity:1}70%{opacity:1}to{opacity:0}}@media (width<=768px){.beat-spaceopera{width:300px;height:300px}.spaceopera-numbers .beat-number-large{font-size:36px}.spaceopera-numbers .beat-label-small{font-size:14px}}.beat-pixelducks{flex-direction:column;justify-content:center;align-items:center;width:400px;height:400px;display:flex;position:relative}.pixel-sky{width:100%;height:100%;image-rendering:pixelated;background:#5c94fc;border-radius:8px;transition:background-color 50ms;position:relative;overflow:hidden}.pixel-sky.sky-flash{background:#fff!important}.pixel-grass{background:#00a800;height:25%;position:absolute;bottom:0;left:0;right:0}.pixel-duck{width:384px;height:384px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.duck-body,.duck-head,.duck-beak,.duck-eye,.duck-eye-pupil,.duck-neck,.duck-tail,.duck-feet,.duck-wing{image-rendering:pixelated;position:absolute}.duck-body{background:#8b4513;width:54px;height:36px;top:96px;left:148px;box-shadow:-6px 0 #6b3410,6px 0 #6b3410,0 6px #6b3410,-6px 6px #6b3410,6px 6px #6b3410}.duck-head{background:#228b22;width:42px;height:36px;top:66px;left:190px;box-shadow:6px 0 #228b22,0 6px #228b22,6px 6px #228b22,-6px 6px #1a6b1a}.duck-beak{background:orange;width:24px;height:12px;top:84px;left:232px;box-shadow:6px 0 orange,0 6px #ff8c00,6px 6px #ff8c00}.duck-eye{background:#fff;width:18px;height:18px;top:72px;left:208px;box-shadow:6px 0 #fff}.duck-eye-pupil{background:#000;width:12px;height:12px;top:78px;left:214px}.duck-neck{background:#fff;width:42px;height:12px;top:90px;left:166px;box-shadow:6px 0 #fff,-6px 0 #fff}.duck-tail{background:#654321;width:24px;height:30px;top:102px;left:130px;box-shadow:-6px 0 #654321,0 -6px #8b4513,-6px -6px #8b4513,6px 0 #654321}.duck-wing{background:#654321;width:42px;height:30px;transition:transform .1s ease-out;top:102px;left:160px;box-shadow:6px 0 #654321,12px 0 #654321,0 6px #8b4513,6px 6px #8b4513,12px 6px #8b4513}.duck-feet{background:#ff8c00;width:18px;height:18px;top:138px;left:150px}.duck-flap-primary .duck-wing,.wing-primary{animation:.15s ease-out wing-flap-primary}.duck-flap-offbeat .duck-wing,.wing-offbeat{animation:.12s ease-out wing-flap-offbeat}.duck-flap-subdivision .duck-wing,.wing-subdivision{animation:.1s ease-out wing-flap-subdivision}@keyframes wing-flap-primary{0%{transform:translateY(0)}50%{transform:translateY(-36px)}to{transform:translateY(0)}}@keyframes wing-flap-offbeat{0%{transform:translateY(0)}50%{transform:translateY(-24px)}to{transform:translateY(0)}}@keyframes wing-flap-subdivision{0%{transform:translateY(0)}50%{transform:translateY(-18px)}to{transform:translateY(0)}}.bang-explosion{z-index:100;animation:.15s ease-out bang-appear;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.bang-text{color:gold;text-shadow:-4px -4px #ff4500,4px -4px #ff4500,-4px 4px #ff4500,4px 4px #ff4500,0 0 10px red,0 0 20px red;letter-spacing:4px;font-family:Comic Sans MS,"Press Start 2P",cursive,monospace;font-size:72px;font-weight:700;animation:.15s ease-out bang-shake}.bang-burst{pointer-events:none;background:radial-gradient(circle,#ffd700cc 0%,#ff450099 30%,#f006 60%,#0000 100%);width:120px;height:120px;margin:-60px 0 0 -60px;animation:.15s ease-out bang-burst-expand;position:absolute;top:50%;left:50%}@keyframes bang-appear{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes bang-shake{0%,to{transform:rotate(0)}25%{transform:rotate(-5deg)}75%{transform:rotate(5deg)}}@keyframes bang-burst-expand{0%{opacity:1;transform:scale(.5)}to{opacity:0;transform:scale(1.5)}}.pixelducks-numbers{text-align:center;color:#fff;text-shadow:-2px -2px #000,2px -2px #000,-2px 2px #000,2px 2px #000;z-index:20;font-family:"Press Start 2P",monospace,sans-serif;position:absolute;bottom:30px;left:50%;transform:translate(-50%)}.pixelducks-numbers .beat-number-large{font-size:48px;font-weight:700;line-height:1}.pixelducks-numbers .beat-label-small{margin-top:8px;font-size:16px}@media (width<=768px){.beat-pixelducks{width:300px;height:300px}.pixel-duck{width:96px;height:96px;transform:translate(-160%,-160%)scale(.85)}.bang-text{font-size:54px}.pixelducks-numbers .beat-number-large{font-size:36px}.pixelducks-numbers .beat-label-small{font-size:12px}}.beat-sixseven{flex-direction:column;justify-content:center;align-items:center;width:400px;height:400px;display:flex;position:relative}.vhs-container{background:linear-gradient(#0a0a0ff2 0%,#1a1a24e6 50%,#0a0a0ff2 100%);border-radius:8px;justify-content:center;align-items:center;width:100%;height:300px;display:flex;position:relative;overflow:hidden}.hands-container{justify-content:space-between;align-items:center;width:280px;height:200px;padding-top:100px;display:flex;position:relative}.hand-emoji{filter:drop-shadow(2px 0 #7a4fff)drop-shadow(-2px 0 #4cffb3)drop-shadow(0 2px 4px #00000080);background-image:url(/sixseven-hand.png);background-position:50%;background-repeat:no-repeat;background-size:contain;width:125px;height:86px;transition:transform .3s cubic-bezier(.34,1.56,.64,1);position:relative}.hand-left{transform:translateY(0)}.hand-right{transform:translateY(0)scaleX(-1)}.hand-up{transition:transform .15s cubic-bezier(.34,1.56,.64,1)}.hand-down{transition:transform .25s ease-out}.hand-left.intensity-primary.hand-up{filter:drop-shadow(2px 0 #7a4fff)drop-shadow(-2px 0 #4cffb3)drop-shadow(0 0 15px #ff2e63)drop-shadow(0 2px 4px #00000080);transform:translateY(-80px)}.hand-right.intensity-primary.hand-up{filter:drop-shadow(2px 0 #7a4fff)drop-shadow(-2px 0 #4cffb3)drop-shadow(0 0 15px #ff2e63)drop-shadow(0 2px 4px #00000080);transform:translateY(-80px)scaleX(-1)}.hand-left.intensity-offbeat.hand-up{transform:translateY(-50px)}.hand-right.intensity-offbeat.hand-up{transform:translateY(-50px)scaleX(-1)}.hand-left.intensity-subdivision.hand-up{transform:translateY(-30px)}.hand-right.intensity-subdivision.hand-up{transform:translateY(-30px)scaleX(-1)}.sixseven-numbers{text-align:center;color:#ff2e63;text-shadow:1px 0 #7a4fff,-1px 0 #4cffb3;margin-top:20px}.sixseven-numbers .beat-number-large{font-size:48px;font-style:italic;font-weight:700;line-height:1;transform:skew(-5deg)}.sixseven-numbers .beat-label-small{color:#5d5dff;text-shadow:1px 0 #7a4fff,-1px 0 #4cffb3;margin-top:8px;font-size:16px}@media (width<=768px){.beat-sixseven{width:300px;height:300px}.vhs-container{height:220px}.hands-container{width:200px;height:150px}.hand-emoji{width:94px;height:64px}.sixseven-numbers .beat-number-large{font-size:36px}.sixseven-numbers .beat-label-small{font-size:12px}}.tc-lr{stroke:red;stroke-width:2px;stroke-linecap:round}.tc-lg{stroke:green;stroke-width:2px;stroke-linecap:round}.tc-lb{stroke:#00f;stroke-width:2px;stroke-linecap:round}.tc-cr{fill:red;stroke:#fff;stroke-width:.5px}.tc-cg{fill:green;stroke:#fff;stroke-width:.5px}.tc-cb{fill:#00f;stroke:#fff;stroke-width:.5px}.activity-calendar{width:100%}.calendar-header{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:8px;display:grid}.calendar-header-cell{text-align:center;color:var(--color-onSurface);opacity:.7;padding:.5rem;font-size:.85rem;font-weight:600}.calendar-grid{grid-template-columns:repeat(7,1fr);gap:4px;margin-bottom:1.5rem;display:grid}.calendar-day{aspect-ratio:1;border:2px solid var(--color-divider);cursor:default;background:var(--color-surface);border-radius:8px;flex-direction:column;justify-content:center;align-items:center;padding:.25rem;transition:transform .2s,box-shadow .2s;display:flex;position:relative}.calendar-day.current-month{cursor:pointer}.calendar-day.current-month:hover{z-index:10;transform:scale(1.05);box-shadow:0 4px 12px #00000026}.calendar-day.other-month{opacity:.3}.calendar-day.today{border-color:var(--color-primary);border-width:3px;font-weight:700}.calendar-day.streak-achieved{border-color:var(--color-primary)}.day-number{color:var(--color-onSurface);margin-bottom:.15rem;font-size:.9rem;font-weight:600}.day-minutes{color:var(--color-onSurface);opacity:.8;font-size:.7rem;font-weight:500}.day-check{color:var(--color-primary);font-size:.8rem;position:absolute;top:2px;right:2px}.day-theme-indicator{opacity:.7;font-size:.7rem;position:absolute;bottom:2px;right:2px}.calendar-legend{border-top:1px solid var(--color-divider);flex-wrap:wrap;justify-content:center;gap:1rem;padding-top:1rem;display:flex}.legend-icon{border:2px solid var(--color-divider);border-radius:4px;width:24px;height:24px}.legend-icon.no-activity{background:var(--color-surface)}.legend-icon.some-activity{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-background) 100%);opacity:.5}.legend-icon.high-activity{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-background) 100%)}.legend-icon.streak{background:linear-gradient(135deg, var(--color-primary) 0%, var(--color-background) 100%);border-color:var(--color-primary);position:relative}.legend-icon.streak:after{content:"✓";color:var(--color-primary);font-size:.9rem;font-weight:700;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@media (width<=768px){.calendar-header-cell{padding:.25rem;font-size:.75rem}.day-number{font-size:.8rem}.day-minutes{font-size:.6rem}.day-check{font-size:.7rem}.day-theme-indicator{font-size:.6rem}.calendar-legend{gap:.5rem}.legend-item{font-size:.75rem}.legend-icon{width:20px;height:20px}}.calendar-day-atomicmonitor-0{background:linear-gradient(135deg,#32ff6a00 0%,#020f06 100%)}.calendar-day-atomicmonitor-10{background:linear-gradient(135deg,#32ff6a19 0%,#020f06 100%)}.calendar-day-atomicmonitor-20{background:linear-gradient(135deg,#32ff6a33 0%,#020f06 100%)}.calendar-day-atomicmonitor-30{background:linear-gradient(135deg,#32ff6a4c 0%,#020f06 100%)}.calendar-day-atomicmonitor-40{background:linear-gradient(135deg,#32ff6a66 0%,#020f06 100%)}.calendar-day-atomicmonitor-50{background:linear-gradient(135deg,#32ff6a7f 0%,#020f06 100%)}.calendar-day-atomicmonitor-60{background:linear-gradient(135deg,#32ff6a99 0%,#020f06 100%)}.calendar-day-atomicmonitor-70{background:linear-gradient(135deg,#32ff6ab2 0%,#020f06 100%)}.calendar-day-atomicmonitor-80{background:linear-gradient(135deg,#32ff6acc 0%,#020f06 100%)}.calendar-day-atomicmonitor-90{background:linear-gradient(135deg,#32ff6ae5 0%,#020f06 100%)}.calendar-day-atomicmonitor-100{background:linear-gradient(135deg,#32ff6afe 0%,#020f06 100%)}.calendar-day-blip-0{background:linear-gradient(135deg,#7c4dff00 0%,#1a1a2e 100%)}.calendar-day-blip-10{background:linear-gradient(135deg,#7c4dff19 0%,#1a1a2e 100%)}.calendar-day-blip-20{background:linear-gradient(135deg,#7c4dff33 0%,#1a1a2e 100%)}.calendar-day-blip-30{background:linear-gradient(135deg,#7c4dff4c 0%,#1a1a2e 100%)}.calendar-day-blip-40{background:linear-gradient(135deg,#7c4dff66 0%,#1a1a2e 100%)}.calendar-day-blip-50{background:linear-gradient(135deg,#7c4dff7f 0%,#1a1a2e 100%)}.calendar-day-blip-60{background:linear-gradient(135deg,#7c4dff99 0%,#1a1a2e 100%)}.calendar-day-blip-70{background:linear-gradient(135deg,#7c4dffb2 0%,#1a1a2e 100%)}.calendar-day-blip-80{background:linear-gradient(135deg,#7c4dffcc 0%,#1a1a2e 100%)}.calendar-day-blip-90{background:linear-gradient(135deg,#7c4dffe5 0%,#1a1a2e 100%)}.calendar-day-blip-100{background:linear-gradient(135deg,#7c4dfffe 0%,#1a1a2e 100%)}.calendar-day-classic-0{background:linear-gradient(135deg,#8b451300 0%,#2f1810 100%)}.calendar-day-classic-10{background:linear-gradient(135deg,#8b451319 0%,#2f1810 100%)}.calendar-day-classic-20{background:linear-gradient(135deg,#8b451333 0%,#2f1810 100%)}.calendar-day-classic-30{background:linear-gradient(135deg,#8b45134c 0%,#2f1810 100%)}.calendar-day-classic-40{background:linear-gradient(135deg,#8b451366 0%,#2f1810 100%)}.calendar-day-classic-50{background:linear-gradient(135deg,#8b45137f 0%,#2f1810 100%)}.calendar-day-classic-60{background:linear-gradient(135deg,#8b451399 0%,#2f1810 100%)}.calendar-day-classic-70{background:linear-gradient(135deg,#8b4513b2 0%,#2f1810 100%)}.calendar-day-classic-80{background:linear-gradient(135deg,#8b4513cc 0%,#2f1810 100%)}.calendar-day-classic-90{background:linear-gradient(135deg,#8b4513e5 0%,#2f1810 100%)}.calendar-day-classic-100{background:linear-gradient(135deg,#8b4513fe 0%,#2f1810 100%)}.calendar-day-dark-0{background:linear-gradient(135deg,#90caf900 0%,#121212 100%)}.calendar-day-dark-10{background:linear-gradient(135deg,#90caf919 0%,#121212 100%)}.calendar-day-dark-20{background:linear-gradient(135deg,#90caf933 0%,#121212 100%)}.calendar-day-dark-30{background:linear-gradient(135deg,#90caf94c 0%,#121212 100%)}.calendar-day-dark-40{background:linear-gradient(135deg,#90caf966 0%,#121212 100%)}.calendar-day-dark-50{background:linear-gradient(135deg,#90caf97f 0%,#121212 100%)}.calendar-day-dark-60{background:linear-gradient(135deg,#90caf999 0%,#121212 100%)}.calendar-day-dark-70{background:linear-gradient(135deg,#90caf9b2 0%,#121212 100%)}.calendar-day-dark-80{background:linear-gradient(135deg,#90caf9cc 0%,#121212 100%)}.calendar-day-dark-90{background:linear-gradient(135deg,#90caf9e5 0%,#121212 100%)}.calendar-day-dark-100{background:linear-gradient(135deg,#90caf9fe 0%,#121212 100%)}.calendar-day-doomscrolling-0{background:linear-gradient(135deg,#e5091400 0%,#000 100%)}.calendar-day-doomscrolling-10{background:linear-gradient(135deg,#e5091419 0%,#000 100%)}.calendar-day-doomscrolling-20{background:linear-gradient(135deg,#e5091433 0%,#000 100%)}.calendar-day-doomscrolling-30{background:linear-gradient(135deg,#e509144c 0%,#000 100%)}.calendar-day-doomscrolling-40{background:linear-gradient(135deg,#e5091466 0%,#000 100%)}.calendar-day-doomscrolling-50{background:linear-gradient(135deg,#e509147f 0%,#000 100%)}.calendar-day-doomscrolling-60{background:linear-gradient(135deg,#e5091499 0%,#000 100%)}.calendar-day-doomscrolling-70{background:linear-gradient(135deg,#e50914b2 0%,#000 100%)}.calendar-day-doomscrolling-80{background:linear-gradient(135deg,#e50914cc 0%,#000 100%)}.calendar-day-doomscrolling-90{background:linear-gradient(135deg,#e50914e5 0%,#000 100%)}.calendar-day-doomscrolling-100{background:linear-gradient(135deg,#e50914fe 0%,#000 100%)}.calendar-day-flames-0{background:linear-gradient(135deg,#ff6b3500 0%,#1a0000 100%)}.calendar-day-flames-10{background:linear-gradient(135deg,#ff6b3519 0%,#1a0000 100%)}.calendar-day-flames-20{background:linear-gradient(135deg,#ff6b3533 0%,#1a0000 100%)}.calendar-day-flames-30{background:linear-gradient(135deg,#ff6b354c 0%,#1a0000 100%)}.calendar-day-flames-40{background:linear-gradient(135deg,#ff6b3566 0%,#1a0000 100%)}.calendar-day-flames-50{background:linear-gradient(135deg,#ff6b357f 0%,#1a0000 100%)}.calendar-day-flames-60{background:linear-gradient(135deg,#ff6b3599 0%,#1a0000 100%)}.calendar-day-flames-70{background:linear-gradient(135deg,#ff6b35b2 0%,#1a0000 100%)}.calendar-day-flames-80{background:linear-gradient(135deg,#ff6b35cc 0%,#1a0000 100%)}.calendar-day-flames-90{background:linear-gradient(135deg,#ff6b35e5 0%,#1a0000 100%)}.calendar-day-flames-100{background:linear-gradient(135deg,#ff6b35fe 0%,#1a0000 100%)}.calendar-day-flash-0{background:linear-gradient(135deg,#90caf900 0%,#000 100%)}.calendar-day-flash-10{background:linear-gradient(135deg,#90caf919 0%,#000 100%)}.calendar-day-flash-20{background:linear-gradient(135deg,#90caf933 0%,#000 100%)}.calendar-day-flash-30{background:linear-gradient(135deg,#90caf94c 0%,#000 100%)}.calendar-day-flash-40{background:linear-gradient(135deg,#90caf966 0%,#000 100%)}.calendar-day-flash-50{background:linear-gradient(135deg,#90caf97f 0%,#000 100%)}.calendar-day-flash-60{background:linear-gradient(135deg,#90caf999 0%,#000 100%)}.calendar-day-flash-70{background:linear-gradient(135deg,#90caf9b2 0%,#000 100%)}.calendar-day-flash-80{background:linear-gradient(135deg,#90caf9cc 0%,#000 100%)}.calendar-day-flash-90{background:linear-gradient(135deg,#90caf9e5 0%,#000 100%)}.calendar-day-flash-100{background:linear-gradient(135deg,#90caf9fe 0%,#000 100%)}.calendar-day-gighero-0{background:linear-gradient(135deg,#0f00 0%,#000 100%)}.calendar-day-gighero-10{background:linear-gradient(135deg,#00ff0019 0%,#000 100%)}.calendar-day-gighero-20{background:linear-gradient(135deg,#0f03 0%,#000 100%)}.calendar-day-gighero-30{background:linear-gradient(135deg,#00ff004c 0%,#000 100%)}.calendar-day-gighero-40{background:linear-gradient(135deg,#0f06 0%,#000 100%)}.calendar-day-gighero-50{background:linear-gradient(135deg,#00ff007f 0%,#000 100%)}.calendar-day-gighero-60{background:linear-gradient(135deg,#0f09 0%,#000 100%)}.calendar-day-gighero-70{background:linear-gradient(135deg,#00ff00b2 0%,#000 100%)}.calendar-day-gighero-80{background:linear-gradient(135deg,#0f0c 0%,#000 100%)}.calendar-day-gighero-90{background:linear-gradient(135deg,#00ff00e5 0%,#000 100%)}.calendar-day-gighero-100{background:linear-gradient(135deg,#00ff00fe 0%,#000 100%)}.calendar-day-herospotlight-0{background:linear-gradient(135deg,#ffd70000 0%,#0a0a0a 100%)}.calendar-day-herospotlight-10{background:linear-gradient(135deg,#ffd70019 0%,#0a0a0a 100%)}.calendar-day-herospotlight-20{background:linear-gradient(135deg,#ffd70033 0%,#0a0a0a 100%)}.calendar-day-herospotlight-30{background:linear-gradient(135deg,#ffd7004c 0%,#0a0a0a 100%)}.calendar-day-herospotlight-40{background:linear-gradient(135deg,#ffd70066 0%,#0a0a0a 100%)}.calendar-day-herospotlight-50{background:linear-gradient(135deg,#ffd7007f 0%,#0a0a0a 100%)}.calendar-day-herospotlight-60{background:linear-gradient(135deg,#ffd70099 0%,#0a0a0a 100%)}.calendar-day-herospotlight-70{background:linear-gradient(135deg,#ffd700b2 0%,#0a0a0a 100%)}.calendar-day-herospotlight-80{background:linear-gradient(135deg,#ffd700cc 0%,#0a0a0a 100%)}.calendar-day-herospotlight-90{background:linear-gradient(135deg,#ffd700e5 0%,#0a0a0a 100%)}.calendar-day-herospotlight-100{background:linear-gradient(135deg,#ffd700fe 0%,#0a0a0a 100%)}.calendar-day-light-0{background:linear-gradient(135deg,#1976d200 0%,#fafafa 100%)}.calendar-day-light-10{background:linear-gradient(135deg,#1976d219 0%,#fafafa 100%)}.calendar-day-light-20{background:linear-gradient(135deg,#1976d233 0%,#fafafa 100%)}.calendar-day-light-30{background:linear-gradient(135deg,#1976d24c 0%,#fafafa 100%)}.calendar-day-light-40{background:linear-gradient(135deg,#1976d266 0%,#fafafa 100%)}.calendar-day-light-50{background:linear-gradient(135deg,#1976d27f 0%,#fafafa 100%)}.calendar-day-light-60{background:linear-gradient(135deg,#1976d299 0%,#fafafa 100%)}.calendar-day-light-70{background:linear-gradient(135deg,#1976d2b2 0%,#fafafa 100%)}.calendar-day-light-80{background:linear-gradient(135deg,#1976d2cc 0%,#fafafa 100%)}.calendar-day-light-90{background:linear-gradient(135deg,#1976d2e5 0%,#fafafa 100%)}.calendar-day-light-100{background:linear-gradient(135deg,#1976d2fe 0%,#fafafa 100%)}.calendar-day-minigolf-0{background:linear-gradient(135deg,#3baf4a00 0%,#f4f7fb 100%)}.calendar-day-minigolf-10{background:linear-gradient(135deg,#3baf4a19 0%,#f4f7fb 100%)}.calendar-day-minigolf-20{background:linear-gradient(135deg,#3baf4a33 0%,#f4f7fb 100%)}.calendar-day-minigolf-30{background:linear-gradient(135deg,#3baf4a4c 0%,#f4f7fb 100%)}.calendar-day-minigolf-40{background:linear-gradient(135deg,#3baf4a66 0%,#f4f7fb 100%)}.calendar-day-minigolf-50{background:linear-gradient(135deg,#3baf4a7f 0%,#f4f7fb 100%)}.calendar-day-minigolf-60{background:linear-gradient(135deg,#3baf4a99 0%,#f4f7fb 100%)}.calendar-day-minigolf-70{background:linear-gradient(135deg,#3baf4ab2 0%,#f4f7fb 100%)}.calendar-day-minigolf-80{background:linear-gradient(135deg,#3baf4acc 0%,#f4f7fb 100%)}.calendar-day-minigolf-90{background:linear-gradient(135deg,#3baf4ae5 0%,#f4f7fb 100%)}.calendar-day-minigolf-100{background:linear-gradient(135deg,#3baf4afe 0%,#f4f7fb 100%)}.calendar-day-pixelducks-0{background:linear-gradient(135deg,#5c94fc00 0%,#1a1a2e 100%)}.calendar-day-pixelducks-10{background:linear-gradient(135deg,#5c94fc19 0%,#1a1a2e 100%)}.calendar-day-pixelducks-20{background:linear-gradient(135deg,#5c94fc33 0%,#1a1a2e 100%)}.calendar-day-pixelducks-30{background:linear-gradient(135deg,#5c94fc4c 0%,#1a1a2e 100%)}.calendar-day-pixelducks-40{background:linear-gradient(135deg,#5c94fc66 0%,#1a1a2e 100%)}.calendar-day-pixelducks-50{background:linear-gradient(135deg,#5c94fc7f 0%,#1a1a2e 100%)}.calendar-day-pixelducks-60{background:linear-gradient(135deg,#5c94fc99 0%,#1a1a2e 100%)}.calendar-day-pixelducks-70{background:linear-gradient(135deg,#5c94fcb2 0%,#1a1a2e 100%)}.calendar-day-pixelducks-80{background:linear-gradient(135deg,#5c94fccc 0%,#1a1a2e 100%)}.calendar-day-pixelducks-90{background:linear-gradient(135deg,#5c94fce5 0%,#1a1a2e 100%)}.calendar-day-pixelducks-100{background:linear-gradient(135deg,#5c94fcfe 0%,#1a1a2e 100%)}.calendar-day-raindrops-0{background:linear-gradient(135deg,#0288d100 0%,#0a1929 100%)}.calendar-day-raindrops-10{background:linear-gradient(135deg,#0288d119 0%,#0a1929 100%)}.calendar-day-raindrops-20{background:linear-gradient(135deg,#0288d133 0%,#0a1929 100%)}.calendar-day-raindrops-30{background:linear-gradient(135deg,#0288d14c 0%,#0a1929 100%)}.calendar-day-raindrops-40{background:linear-gradient(135deg,#0288d166 0%,#0a1929 100%)}.calendar-day-raindrops-50{background:linear-gradient(135deg,#0288d17f 0%,#0a1929 100%)}.calendar-day-raindrops-60{background:linear-gradient(135deg,#0288d199 0%,#0a1929 100%)}.calendar-day-raindrops-70{background:linear-gradient(135deg,#0288d1b2 0%,#0a1929 100%)}.calendar-day-raindrops-80{background:linear-gradient(135deg,#0288d1cc 0%,#0a1929 100%)}.calendar-day-raindrops-90{background:linear-gradient(135deg,#0288d1e5 0%,#0a1929 100%)}.calendar-day-raindrops-100{background:linear-gradient(135deg,#0288d1fe 0%,#0a1929 100%)}.calendar-day-sixseven-0{background:linear-gradient(135deg,#ff2e6300 0%,#0a0a0f 100%)}.calendar-day-sixseven-10{background:linear-gradient(135deg,#ff2e6319 0%,#0a0a0f 100%)}.calendar-day-sixseven-20{background:linear-gradient(135deg,#ff2e6333 0%,#0a0a0f 100%)}.calendar-day-sixseven-30{background:linear-gradient(135deg,#ff2e634c 0%,#0a0a0f 100%)}.calendar-day-sixseven-40{background:linear-gradient(135deg,#ff2e6366 0%,#0a0a0f 100%)}.calendar-day-sixseven-50{background:linear-gradient(135deg,#ff2e637f 0%,#0a0a0f 100%)}.calendar-day-sixseven-60{background:linear-gradient(135deg,#ff2e6399 0%,#0a0a0f 100%)}.calendar-day-sixseven-70{background:linear-gradient(135deg,#ff2e63b2 0%,#0a0a0f 100%)}.calendar-day-sixseven-80{background:linear-gradient(135deg,#ff2e63cc 0%,#0a0a0f 100%)}.calendar-day-sixseven-90{background:linear-gradient(135deg,#ff2e63e5 0%,#0a0a0f 100%)}.calendar-day-sixseven-100{background:linear-gradient(135deg,#ff2e63fe 0%,#0a0a0f 100%)}.calendar-day-spaceopera-0{background:linear-gradient(135deg,#f7d54a00 0%,#000 100%)}.calendar-day-spaceopera-10{background:linear-gradient(135deg,#f7d54a19 0%,#000 100%)}.calendar-day-spaceopera-20{background:linear-gradient(135deg,#f7d54a33 0%,#000 100%)}.calendar-day-spaceopera-30{background:linear-gradient(135deg,#f7d54a4c 0%,#000 100%)}.calendar-day-spaceopera-40{background:linear-gradient(135deg,#f7d54a66 0%,#000 100%)}.calendar-day-spaceopera-50{background:linear-gradient(135deg,#f7d54a7f 0%,#000 100%)}.calendar-day-spaceopera-60{background:linear-gradient(135deg,#f7d54a99 0%,#000 100%)}.calendar-day-spaceopera-70{background:linear-gradient(135deg,#f7d54ab2 0%,#000 100%)}.calendar-day-spaceopera-80{background:linear-gradient(135deg,#f7d54acc 0%,#000 100%)}.calendar-day-spaceopera-90{background:linear-gradient(135deg,#f7d54ae5 0%,#000 100%)}.calendar-day-spaceopera-100{background:linear-gradient(135deg,#f7d54afe 0%,#000 100%)}.calendar-day-steamboat-0{background:linear-gradient(135deg,#c89a4b00 0%,#f5f2ea 100%)}.calendar-day-steamboat-10{background:linear-gradient(135deg,#c89a4b19 0%,#f5f2ea 100%)}.calendar-day-steamboat-20{background:linear-gradient(135deg,#c89a4b33 0%,#f5f2ea 100%)}.calendar-day-steamboat-30{background:linear-gradient(135deg,#c89a4b4c 0%,#f5f2ea 100%)}.calendar-day-steamboat-40{background:linear-gradient(135deg,#c89a4b66 0%,#f5f2ea 100%)}.calendar-day-steamboat-50{background:linear-gradient(135deg,#c89a4b7f 0%,#f5f2ea 100%)}.calendar-day-steamboat-60{background:linear-gradient(135deg,#c89a4b99 0%,#f5f2ea 100%)}.calendar-day-steamboat-70{background:linear-gradient(135deg,#c89a4bb2 0%,#f5f2ea 100%)}.calendar-day-steamboat-80{background:linear-gradient(135deg,#c89a4bcc 0%,#f5f2ea 100%)}.calendar-day-steamboat-90{background:linear-gradient(135deg,#c89a4be5 0%,#f5f2ea 100%)}.calendar-day-steamboat-100{background:linear-gradient(135deg,#c89a4bfe 0%,#f5f2ea 100%)}.calendar-day-frontierjourney-0{background:linear-gradient(135deg,#4a6a7c00 0%,#f4e7c5 100%)}.calendar-day-frontierjourney-10{background:linear-gradient(135deg,#4a6a7c19 0%,#f4e7c5 100%)}.calendar-day-frontierjourney-20{background:linear-gradient(135deg,#4a6a7c33 0%,#f4e7c5 100%)}.calendar-day-frontierjourney-30{background:linear-gradient(135deg,#4a6a7c4c 0%,#f4e7c5 100%)}.calendar-day-frontierjourney-40{background:linear-gradient(135deg,#4a6a7c66 0%,#f4e7c5 100%)}.calendar-day-frontierjourney-50{background:linear-gradient(135deg,#4a6a7c7f 0%,#f4e7c5 100%)}.calendar-day-frontierjourney-60{background:linear-gradient(135deg,#4a6a7c99 0%,#f4e7c5 100%)}.calendar-day-frontierjourney-70{background:linear-gradient(135deg,#4a6a7cb2 0%,#f4e7c5 100%)}.calendar-day-frontierjourney-80{background:linear-gradient(135deg,#4a6a7ccc 0%,#f4e7c5 100%)}.calendar-day-frontierjourney-90{background:linear-gradient(135deg,#4a6a7ce5 0%,#f4e7c5 100%)}.calendar-day-frontierjourney-100{background:linear-gradient(135deg,#4a6a7cfe 0%,#f4e7c5 100%)}.calendar-day-heatmap-dark-0{background:linear-gradient(135deg,#22c55e00 0%,#0c0c0c 100%)}.calendar-day-heatmap-dark-10{background:linear-gradient(135deg,#22c55e19 0%,#0c0c0c 100%)}.calendar-day-heatmap-dark-20{background:linear-gradient(135deg,#22c55e33 0%,#0c0c0c 100%)}.calendar-day-heatmap-dark-30{background:linear-gradient(135deg,#22c55e4c 0%,#0c0c0c 100%)}.calendar-day-heatmap-dark-40{background:linear-gradient(135deg,#22c55e66 0%,#0c0c0c 100%)}.calendar-day-heatmap-dark-50{background:linear-gradient(135deg,#22c55e7f 0%,#0c0c0c 100%)}.calendar-day-heatmap-dark-60{background:linear-gradient(135deg,#22c55e99 0%,#0c0c0c 100%)}.calendar-day-heatmap-dark-70{background:linear-gradient(135deg,#22c55eb2 0%,#0c0c0c 100%)}.calendar-day-heatmap-dark-80{background:linear-gradient(135deg,#22c55ecc 0%,#0c0c0c 100%)}.calendar-day-heatmap-dark-90{background:linear-gradient(135deg,#22c55ee5 0%,#0c0c0c 100%)}.calendar-day-heatmap-dark-100{background:linear-gradient(135deg,#22c55efe 0%,#0c0c0c 100%)}.calendar-day-heatmap-light-0{background:linear-gradient(135deg,#22c55e00 0%,#fff 100%)}.calendar-day-heatmap-light-10{background:linear-gradient(135deg,#22c55e19 0%,#fff 100%)}.calendar-day-heatmap-light-20{background:linear-gradient(135deg,#22c55e33 0%,#fff 100%)}.calendar-day-heatmap-light-30{background:linear-gradient(135deg,#22c55e4c 0%,#fff 100%)}.calendar-day-heatmap-light-40{background:linear-gradient(135deg,#22c55e66 0%,#fff 100%)}.calendar-day-heatmap-light-50{background:linear-gradient(135deg,#22c55e7f 0%,#fff 100%)}.calendar-day-heatmap-light-60{background:linear-gradient(135deg,#22c55e99 0%,#fff 100%)}.calendar-day-heatmap-light-70{background:linear-gradient(135deg,#22c55eb2 0%,#fff 100%)}.calendar-day-heatmap-light-80{background:linear-gradient(135deg,#22c55ecc 0%,#fff 100%)}.calendar-day-heatmap-light-90{background:linear-gradient(135deg,#22c55ee5 0%,#fff 100%)}.calendar-day-heatmap-light-100{background:linear-gradient(135deg,#22c55efe 0%,#fff 100%)}.calendar-day-autumn-0{background:linear-gradient(135deg,#ff8c0000 0%,#f4a460 100%)}.calendar-day-autumn-10{background:linear-gradient(135deg,#ff8c0019 0%,#f4a460 100%)}.calendar-day-autumn-20{background:linear-gradient(135deg,#ff8c0033 0%,#f4a460 100%)}.calendar-day-autumn-30{background:linear-gradient(135deg,#ff8c004c 0%,#f4a460 100%)}.calendar-day-autumn-40{background:linear-gradient(135deg,#ff8c0066 0%,#f4a460 100%)}.calendar-day-autumn-50{background:linear-gradient(135deg,#ff8c007f 0%,#f4a460 100%)}.calendar-day-autumn-60{background:linear-gradient(135deg,#ff8c0099 0%,#f4a460 100%)}.calendar-day-autumn-70{background:linear-gradient(135deg,#ff8c00b2 0%,#f4a460 100%)}.calendar-day-autumn-80{background:linear-gradient(135deg,#ff8c00cc 0%,#f4a460 100%)}.calendar-day-autumn-90{background:linear-gradient(135deg,#ff8c00e5 0%,#f4a460 100%)}.calendar-day-autumn-100{background:linear-gradient(135deg,#ff8c00fe 0%,#f4a460 100%)}.calendar-day-backtoschool-0{background:linear-gradient(135deg,#f000 0%,#4169e1 100%)}.calendar-day-backtoschool-10{background:linear-gradient(135deg,#ff000019 0%,#4169e1 100%)}.calendar-day-backtoschool-20{background:linear-gradient(135deg,#f003 0%,#4169e1 100%)}.calendar-day-backtoschool-30{background:linear-gradient(135deg,#ff00004c 0%,#4169e1 100%)}.calendar-day-backtoschool-40{background:linear-gradient(135deg,#f006 0%,#4169e1 100%)}.calendar-day-backtoschool-50{background:linear-gradient(135deg,#ff00007f 0%,#4169e1 100%)}.calendar-day-backtoschool-60{background:linear-gradient(135deg,#f009 0%,#4169e1 100%)}.calendar-day-backtoschool-70{background:linear-gradient(135deg,#ff0000b2 0%,#4169e1 100%)}.calendar-day-backtoschool-80{background:linear-gradient(135deg,#f00c 0%,#4169e1 100%)}.calendar-day-backtoschool-90{background:linear-gradient(135deg,#ff0000e5 0%,#4169e1 100%)}.calendar-day-backtoschool-100{background:linear-gradient(135deg,#ff0000fe 0%,#4169e1 100%)}.calendar-day-beach-0{background:linear-gradient(135deg,#00ced100 0%,#87ceeb 100%)}.calendar-day-beach-10{background:linear-gradient(135deg,#00ced119 0%,#87ceeb 100%)}.calendar-day-beach-20{background:linear-gradient(135deg,#00ced133 0%,#87ceeb 100%)}.calendar-day-beach-30{background:linear-gradient(135deg,#00ced14c 0%,#87ceeb 100%)}.calendar-day-beach-40{background:linear-gradient(135deg,#00ced166 0%,#87ceeb 100%)}.calendar-day-beach-50{background:linear-gradient(135deg,#00ced17f 0%,#87ceeb 100%)}.calendar-day-beach-60{background:linear-gradient(135deg,#00ced199 0%,#87ceeb 100%)}.calendar-day-beach-70{background:linear-gradient(135deg,#00ced1b2 0%,#87ceeb 100%)}.calendar-day-beach-80{background:linear-gradient(135deg,#00ced1cc 0%,#87ceeb 100%)}.calendar-day-beach-90{background:linear-gradient(135deg,#00ced1e5 0%,#87ceeb 100%)}.calendar-day-beach-100{background:linear-gradient(135deg,#00ced1fe 0%,#87ceeb 100%)}.calendar-day-carnival-0{background:linear-gradient(135deg,#ff149300 0%,#9370db 100%)}.calendar-day-carnival-10{background:linear-gradient(135deg,#ff149319 0%,#9370db 100%)}.calendar-day-carnival-20{background:linear-gradient(135deg,#ff149333 0%,#9370db 100%)}.calendar-day-carnival-30{background:linear-gradient(135deg,#ff14934c 0%,#9370db 100%)}.calendar-day-carnival-40{background:linear-gradient(135deg,#ff149366 0%,#9370db 100%)}.calendar-day-carnival-50{background:linear-gradient(135deg,#ff14937f 0%,#9370db 100%)}.calendar-day-carnival-60{background:linear-gradient(135deg,#ff149399 0%,#9370db 100%)}.calendar-day-carnival-70{background:linear-gradient(135deg,#ff1493b2 0%,#9370db 100%)}.calendar-day-carnival-80{background:linear-gradient(135deg,#ff1493cc 0%,#9370db 100%)}.calendar-day-carnival-90{background:linear-gradient(135deg,#ff1493e5 0%,#9370db 100%)}.calendar-day-carnival-100{background:linear-gradient(135deg,#ff1493fe 0%,#9370db 100%)}.calendar-day-champagne-0{background:linear-gradient(135deg,#f7e7ce00 0%,#1c1c1c 100%)}.calendar-day-champagne-10{background:linear-gradient(135deg,#f7e7ce19 0%,#1c1c1c 100%)}.calendar-day-champagne-20{background:linear-gradient(135deg,#f7e7ce33 0%,#1c1c1c 100%)}.calendar-day-champagne-30{background:linear-gradient(135deg,#f7e7ce4c 0%,#1c1c1c 100%)}.calendar-day-champagne-40{background:linear-gradient(135deg,#f7e7ce66 0%,#1c1c1c 100%)}.calendar-day-champagne-50{background:linear-gradient(135deg,#f7e7ce7f 0%,#1c1c1c 100%)}.calendar-day-champagne-60{background:linear-gradient(135deg,#f7e7ce99 0%,#1c1c1c 100%)}.calendar-day-champagne-70{background:linear-gradient(135deg,#f7e7ceb2 0%,#1c1c1c 100%)}.calendar-day-champagne-80{background:linear-gradient(135deg,#f7e7cecc 0%,#1c1c1c 100%)}.calendar-day-champagne-90{background:linear-gradient(135deg,#f7e7cee5 0%,#1c1c1c 100%)}.calendar-day-champagne-100{background:linear-gradient(135deg,#f7e7cefe 0%,#1c1c1c 100%)}.calendar-day-christmas-0{background:linear-gradient(135deg,#f000 0%,#f8f8ff 100%)}.calendar-day-christmas-10{background:linear-gradient(135deg,#ff000019 0%,#f8f8ff 100%)}.calendar-day-christmas-20{background:linear-gradient(135deg,#f003 0%,#f8f8ff 100%)}.calendar-day-christmas-30{background:linear-gradient(135deg,#ff00004c 0%,#f8f8ff 100%)}.calendar-day-christmas-40{background:linear-gradient(135deg,#f006 0%,#f8f8ff 100%)}.calendar-day-christmas-50{background:linear-gradient(135deg,#ff00007f 0%,#f8f8ff 100%)}.calendar-day-christmas-60{background:linear-gradient(135deg,#f009 0%,#f8f8ff 100%)}.calendar-day-christmas-70{background:linear-gradient(135deg,#ff0000b2 0%,#f8f8ff 100%)}.calendar-day-christmas-80{background:linear-gradient(135deg,#f00c 0%,#f8f8ff 100%)}.calendar-day-christmas-90{background:linear-gradient(135deg,#ff0000e5 0%,#f8f8ff 100%)}.calendar-day-christmas-100{background:linear-gradient(135deg,#ff0000fe 0%,#f8f8ff 100%)}.calendar-day-cincodemayo-0{background:linear-gradient(135deg,#f000 0%,gold 100%)}.calendar-day-cincodemayo-10{background:linear-gradient(135deg,#ff000019 0%,gold 100%)}.calendar-day-cincodemayo-20{background:linear-gradient(135deg,#f003 0%,gold 100%)}.calendar-day-cincodemayo-30{background:linear-gradient(135deg,#ff00004c 0%,gold 100%)}.calendar-day-cincodemayo-40{background:linear-gradient(135deg,#f006 0%,gold 100%)}.calendar-day-cincodemayo-50{background:linear-gradient(135deg,#ff00007f 0%,gold 100%)}.calendar-day-cincodemayo-60{background:linear-gradient(135deg,#f009 0%,gold 100%)}.calendar-day-cincodemayo-70{background:linear-gradient(135deg,#ff0000b2 0%,gold 100%)}.calendar-day-cincodemayo-80{background:linear-gradient(135deg,#f00c 0%,gold 100%)}.calendar-day-cincodemayo-90{background:linear-gradient(135deg,#ff0000e5 0%,gold 100%)}.calendar-day-cincodemayo-100{background:linear-gradient(135deg,#ff0000fe 0%,gold 100%)}.calendar-day-cornucopia-0{background:linear-gradient(135deg,#daa52000 0%,khaki 100%)}.calendar-day-cornucopia-10{background:linear-gradient(135deg,#daa52019 0%,khaki 100%)}.calendar-day-cornucopia-20{background:linear-gradient(135deg,#daa52033 0%,khaki 100%)}.calendar-day-cornucopia-30{background:linear-gradient(135deg,#daa5204c 0%,khaki 100%)}.calendar-day-cornucopia-40{background:linear-gradient(135deg,#daa52066 0%,khaki 100%)}.calendar-day-cornucopia-50{background:linear-gradient(135deg,#daa5207f 0%,khaki 100%)}.calendar-day-cornucopia-60{background:linear-gradient(135deg,#daa52099 0%,khaki 100%)}.calendar-day-cornucopia-70{background:linear-gradient(135deg,#daa520b2 0%,khaki 100%)}.calendar-day-cornucopia-80{background:linear-gradient(135deg,#daa520cc 0%,khaki 100%)}.calendar-day-cornucopia-90{background:linear-gradient(135deg,#daa520e5 0%,khaki 100%)}.calendar-day-cornucopia-100{background:linear-gradient(135deg,#daa520fe 0%,khaki 100%)}.calendar-day-diadelosmuertos-0{background:linear-gradient(135deg,#ff149300 0%,#000 100%)}.calendar-day-diadelosmuertos-10{background:linear-gradient(135deg,#ff149319 0%,#000 100%)}.calendar-day-diadelosmuertos-20{background:linear-gradient(135deg,#ff149333 0%,#000 100%)}.calendar-day-diadelosmuertos-30{background:linear-gradient(135deg,#ff14934c 0%,#000 100%)}.calendar-day-diadelosmuertos-40{background:linear-gradient(135deg,#ff149366 0%,#000 100%)}.calendar-day-diadelosmuertos-50{background:linear-gradient(135deg,#ff14937f 0%,#000 100%)}.calendar-day-diadelosmuertos-60{background:linear-gradient(135deg,#ff149399 0%,#000 100%)}.calendar-day-diadelosmuertos-70{background:linear-gradient(135deg,#ff1493b2 0%,#000 100%)}.calendar-day-diadelosmuertos-80{background:linear-gradient(135deg,#ff1493cc 0%,#000 100%)}.calendar-day-diadelosmuertos-90{background:linear-gradient(135deg,#ff1493e5 0%,#000 100%)}.calendar-day-diadelosmuertos-100{background:linear-gradient(135deg,#ff1493fe 0%,#000 100%)}.calendar-day-diwali-0{background:linear-gradient(135deg,#ffd70000 0%,indigo 100%)}.calendar-day-diwali-10{background:linear-gradient(135deg,#ffd70019 0%,indigo 100%)}.calendar-day-diwali-20{background:linear-gradient(135deg,#ffd70033 0%,indigo 100%)}.calendar-day-diwali-30{background:linear-gradient(135deg,#ffd7004c 0%,indigo 100%)}.calendar-day-diwali-40{background:linear-gradient(135deg,#ffd70066 0%,indigo 100%)}.calendar-day-diwali-50{background:linear-gradient(135deg,#ffd7007f 0%,indigo 100%)}.calendar-day-diwali-60{background:linear-gradient(135deg,#ffd70099 0%,indigo 100%)}.calendar-day-diwali-70{background:linear-gradient(135deg,#ffd700b2 0%,indigo 100%)}.calendar-day-diwali-80{background:linear-gradient(135deg,#ffd700cc 0%,indigo 100%)}.calendar-day-diwali-90{background:linear-gradient(135deg,#ffd700e5 0%,indigo 100%)}.calendar-day-diwali-100{background:linear-gradient(135deg,#ffd700fe 0%,indigo 100%)}.calendar-day-earthday-0{background:linear-gradient(135deg,#00a55000 0%,#003 100%)}.calendar-day-earthday-10{background:linear-gradient(135deg,#00a55019 0%,#003 100%)}.calendar-day-earthday-20{background:linear-gradient(135deg,#00a55033 0%,#003 100%)}.calendar-day-earthday-30{background:linear-gradient(135deg,#00a5504c 0%,#003 100%)}.calendar-day-earthday-40{background:linear-gradient(135deg,#00a55066 0%,#003 100%)}.calendar-day-earthday-50{background:linear-gradient(135deg,#00a5507f 0%,#003 100%)}.calendar-day-earthday-60{background:linear-gradient(135deg,#00a55099 0%,#003 100%)}.calendar-day-earthday-70{background:linear-gradient(135deg,#00a550b2 0%,#003 100%)}.calendar-day-earthday-80{background:linear-gradient(135deg,#00a550cc 0%,#003 100%)}.calendar-day-earthday-90{background:linear-gradient(135deg,#00a550e5 0%,#003 100%)}.calendar-day-earthday-100{background:linear-gradient(135deg,#00a550fe 0%,#003 100%)}.calendar-day-easter-0{background:linear-gradient(135deg,#ff69b400 0%,#98fb98 100%)}.calendar-day-easter-10{background:linear-gradient(135deg,#ff69b419 0%,#98fb98 100%)}.calendar-day-easter-20{background:linear-gradient(135deg,#ff69b433 0%,#98fb98 100%)}.calendar-day-easter-30{background:linear-gradient(135deg,#ff69b44c 0%,#98fb98 100%)}.calendar-day-easter-40{background:linear-gradient(135deg,#ff69b466 0%,#98fb98 100%)}.calendar-day-easter-50{background:linear-gradient(135deg,#ff69b47f 0%,#98fb98 100%)}.calendar-day-easter-60{background:linear-gradient(135deg,#ff69b499 0%,#98fb98 100%)}.calendar-day-easter-70{background:linear-gradient(135deg,#ff69b4b2 0%,#98fb98 100%)}.calendar-day-easter-80{background:linear-gradient(135deg,#ff69b4cc 0%,#98fb98 100%)}.calendar-day-easter-90{background:linear-gradient(135deg,#ff69b4e5 0%,#98fb98 100%)}.calendar-day-easter-100{background:linear-gradient(135deg,#ff69b4fe 0%,#98fb98 100%)}.calendar-day-ghost-0{background:linear-gradient(135deg,#fff0 0%,#1c1c1c 100%)}.calendar-day-ghost-10{background:linear-gradient(135deg,#ffffff19 0%,#1c1c1c 100%)}.calendar-day-ghost-20{background:linear-gradient(135deg,#fff3 0%,#1c1c1c 100%)}.calendar-day-ghost-30{background:linear-gradient(135deg,#ffffff4c 0%,#1c1c1c 100%)}.calendar-day-ghost-40{background:linear-gradient(135deg,#fff6 0%,#1c1c1c 100%)}.calendar-day-ghost-50{background:linear-gradient(135deg,#ffffff7f 0%,#1c1c1c 100%)}.calendar-day-ghost-60{background:linear-gradient(135deg,#fff9 0%,#1c1c1c 100%)}.calendar-day-ghost-70{background:linear-gradient(135deg,#ffffffb2 0%,#1c1c1c 100%)}.calendar-day-ghost-80{background:linear-gradient(135deg,#fffc 0%,#1c1c1c 100%)}.calendar-day-ghost-90{background:linear-gradient(135deg,#ffffffe5 0%,#1c1c1c 100%)}.calendar-day-ghost-100{background:linear-gradient(135deg,#fffffffe 0%,#1c1c1c 100%)}.calendar-day-halloween-0{background:linear-gradient(135deg,#ff7f0000 0%,#000 100%)}.calendar-day-halloween-10{background:linear-gradient(135deg,#ff7f0019 0%,#000 100%)}.calendar-day-halloween-20{background:linear-gradient(135deg,#ff7f0033 0%,#000 100%)}.calendar-day-halloween-30{background:linear-gradient(135deg,#ff7f004c 0%,#000 100%)}.calendar-day-halloween-40{background:linear-gradient(135deg,#ff7f0066 0%,#000 100%)}.calendar-day-halloween-50{background:linear-gradient(135deg,#ff7f007f 0%,#000 100%)}.calendar-day-halloween-60{background:linear-gradient(135deg,#ff7f0099 0%,#000 100%)}.calendar-day-halloween-70{background:linear-gradient(135deg,#ff7f00b2 0%,#000 100%)}.calendar-day-halloween-80{background:linear-gradient(135deg,#ff7f00cc 0%,#000 100%)}.calendar-day-halloween-90{background:linear-gradient(135deg,#ff7f00e5 0%,#000 100%)}.calendar-day-halloween-100{background:linear-gradient(135deg,#ff7f00fe 0%,#000 100%)}.calendar-day-hanukkah-0{background:linear-gradient(135deg,#0047ab00 0%,#fff 100%)}.calendar-day-hanukkah-10{background:linear-gradient(135deg,#0047ab19 0%,#fff 100%)}.calendar-day-hanukkah-20{background:linear-gradient(135deg,#0047ab33 0%,#fff 100%)}.calendar-day-hanukkah-30{background:linear-gradient(135deg,#0047ab4c 0%,#fff 100%)}.calendar-day-hanukkah-40{background:linear-gradient(135deg,#0047ab66 0%,#fff 100%)}.calendar-day-hanukkah-50{background:linear-gradient(135deg,#0047ab7f 0%,#fff 100%)}.calendar-day-hanukkah-60{background:linear-gradient(135deg,#0047ab99 0%,#fff 100%)}.calendar-day-hanukkah-70{background:linear-gradient(135deg,#0047abb2 0%,#fff 100%)}.calendar-day-hanukkah-80{background:linear-gradient(135deg,#0047abcc 0%,#fff 100%)}.calendar-day-hanukkah-90{background:linear-gradient(135deg,#0047abe5 0%,#fff 100%)}.calendar-day-hanukkah-100{background:linear-gradient(135deg,#0047abfe 0%,#fff 100%)}.calendar-day-independence-0{background:linear-gradient(135deg,#f000 0%,#fff 100%)}.calendar-day-independence-10{background:linear-gradient(135deg,#ff000019 0%,#fff 100%)}.calendar-day-independence-20{background:linear-gradient(135deg,#f003 0%,#fff 100%)}.calendar-day-independence-30{background:linear-gradient(135deg,#ff00004c 0%,#fff 100%)}.calendar-day-independence-40{background:linear-gradient(135deg,#f006 0%,#fff 100%)}.calendar-day-independence-50{background:linear-gradient(135deg,#ff00007f 0%,#fff 100%)}.calendar-day-independence-60{background:linear-gradient(135deg,#f009 0%,#fff 100%)}.calendar-day-independence-70{background:linear-gradient(135deg,#ff0000b2 0%,#fff 100%)}.calendar-day-independence-80{background:linear-gradient(135deg,#f00c 0%,#fff 100%)}.calendar-day-independence-90{background:linear-gradient(135deg,#ff0000e5 0%,#fff 100%)}.calendar-day-independence-100{background:linear-gradient(135deg,#ff0000fe 0%,#fff 100%)}.calendar-day-lunarnewyear-0{background:linear-gradient(135deg,#f000 0%,#8b0000 100%)}.calendar-day-lunarnewyear-10{background:linear-gradient(135deg,#ff000019 0%,#8b0000 100%)}.calendar-day-lunarnewyear-20{background:linear-gradient(135deg,#f003 0%,#8b0000 100%)}.calendar-day-lunarnewyear-30{background:linear-gradient(135deg,#ff00004c 0%,#8b0000 100%)}.calendar-day-lunarnewyear-40{background:linear-gradient(135deg,#f006 0%,#8b0000 100%)}.calendar-day-lunarnewyear-50{background:linear-gradient(135deg,#ff00007f 0%,#8b0000 100%)}.calendar-day-lunarnewyear-60{background:linear-gradient(135deg,#f009 0%,#8b0000 100%)}.calendar-day-lunarnewyear-70{background:linear-gradient(135deg,#ff0000b2 0%,#8b0000 100%)}.calendar-day-lunarnewyear-80{background:linear-gradient(135deg,#f00c 0%,#8b0000 100%)}.calendar-day-lunarnewyear-90{background:linear-gradient(135deg,#ff0000e5 0%,#8b0000 100%)}.calendar-day-lunarnewyear-100{background:linear-gradient(135deg,#ff0000fe 0%,#8b0000 100%)}.calendar-day-mothersday-0{background:linear-gradient(135deg,#ffb6c100 0%,#fff5ee 100%)}.calendar-day-mothersday-10{background:linear-gradient(135deg,#ffb6c119 0%,#fff5ee 100%)}.calendar-day-mothersday-20{background:linear-gradient(135deg,#ffb6c133 0%,#fff5ee 100%)}.calendar-day-mothersday-30{background:linear-gradient(135deg,#ffb6c14c 0%,#fff5ee 100%)}.calendar-day-mothersday-40{background:linear-gradient(135deg,#ffb6c166 0%,#fff5ee 100%)}.calendar-day-mothersday-50{background:linear-gradient(135deg,#ffb6c17f 0%,#fff5ee 100%)}.calendar-day-mothersday-60{background:linear-gradient(135deg,#ffb6c199 0%,#fff5ee 100%)}.calendar-day-mothersday-70{background:linear-gradient(135deg,#ffb6c1b2 0%,#fff5ee 100%)}.calendar-day-mothersday-80{background:linear-gradient(135deg,#ffb6c1cc 0%,#fff5ee 100%)}.calendar-day-mothersday-90{background:linear-gradient(135deg,#ffb6c1e5 0%,#fff5ee 100%)}.calendar-day-mothersday-100{background:linear-gradient(135deg,#ffb6c1fe 0%,#fff5ee 100%)}.calendar-day-newyear-0{background:linear-gradient(135deg,#ffd70000 0%,#0a0a1a 100%)}.calendar-day-newyear-10{background:linear-gradient(135deg,#ffd70019 0%,#0a0a1a 100%)}.calendar-day-newyear-20{background:linear-gradient(135deg,#ffd70033 0%,#0a0a1a 100%)}.calendar-day-newyear-30{background:linear-gradient(135deg,#ffd7004c 0%,#0a0a1a 100%)}.calendar-day-newyear-40{background:linear-gradient(135deg,#ffd70066 0%,#0a0a1a 100%)}.calendar-day-newyear-50{background:linear-gradient(135deg,#ffd7007f 0%,#0a0a1a 100%)}.calendar-day-newyear-60{background:linear-gradient(135deg,#ffd70099 0%,#0a0a1a 100%)}.calendar-day-newyear-70{background:linear-gradient(135deg,#ffd700b2 0%,#0a0a1a 100%)}.calendar-day-newyear-80{background:linear-gradient(135deg,#ffd700cc 0%,#0a0a1a 100%)}.calendar-day-newyear-90{background:linear-gradient(135deg,#ffd700e5 0%,#0a0a1a 100%)}.calendar-day-newyear-100{background:linear-gradient(135deg,#ffd700fe 0%,#0a0a1a 100%)}.calendar-day-newyearseve-0{background:linear-gradient(135deg,#ffd70000 0%,silver 100%)}.calendar-day-newyearseve-10{background:linear-gradient(135deg,#ffd70019 0%,silver 100%)}.calendar-day-newyearseve-20{background:linear-gradient(135deg,#ffd70033 0%,silver 100%)}.calendar-day-newyearseve-30{background:linear-gradient(135deg,#ffd7004c 0%,silver 100%)}.calendar-day-newyearseve-40{background:linear-gradient(135deg,#ffd70066 0%,silver 100%)}.calendar-day-newyearseve-50{background:linear-gradient(135deg,#ffd7007f 0%,silver 100%)}.calendar-day-newyearseve-60{background:linear-gradient(135deg,#ffd70099 0%,silver 100%)}.calendar-day-newyearseve-70{background:linear-gradient(135deg,#ffd700b2 0%,silver 100%)}.calendar-day-newyearseve-80{background:linear-gradient(135deg,#ffd700cc 0%,silver 100%)}.calendar-day-newyearseve-90{background:linear-gradient(135deg,#ffd700e5 0%,silver 100%)}.calendar-day-newyearseve-100{background:linear-gradient(135deg,#ffd700fe 0%,silver 100%)}.calendar-day-oktoberfest-0{background:linear-gradient(135deg,#8b451300 0%,#0047ab 100%)}.calendar-day-oktoberfest-10{background:linear-gradient(135deg,#8b451319 0%,#0047ab 100%)}.calendar-day-oktoberfest-20{background:linear-gradient(135deg,#8b451333 0%,#0047ab 100%)}.calendar-day-oktoberfest-30{background:linear-gradient(135deg,#8b45134c 0%,#0047ab 100%)}.calendar-day-oktoberfest-40{background:linear-gradient(135deg,#8b451366 0%,#0047ab 100%)}.calendar-day-oktoberfest-50{background:linear-gradient(135deg,#8b45137f 0%,#0047ab 100%)}.calendar-day-oktoberfest-60{background:linear-gradient(135deg,#8b451399 0%,#0047ab 100%)}.calendar-day-oktoberfest-70{background:linear-gradient(135deg,#8b4513b2 0%,#0047ab 100%)}.calendar-day-oktoberfest-80{background:linear-gradient(135deg,#8b4513cc 0%,#0047ab 100%)}.calendar-day-oktoberfest-90{background:linear-gradient(135deg,#8b4513e5 0%,#0047ab 100%)}.calendar-day-oktoberfest-100{background:linear-gradient(135deg,#8b4513fe 0%,#0047ab 100%)}.calendar-day-pride-0{background:linear-gradient(135deg,#f000 0%,#000 100%)}.calendar-day-pride-10{background:linear-gradient(135deg,#ff000019 0%,#000 100%)}.calendar-day-pride-20{background:linear-gradient(135deg,#f003 0%,#000 100%)}.calendar-day-pride-30{background:linear-gradient(135deg,#ff00004c 0%,#000 100%)}.calendar-day-pride-40{background:linear-gradient(135deg,#f006 0%,#000 100%)}.calendar-day-pride-50{background:linear-gradient(135deg,#ff00007f 0%,#000 100%)}.calendar-day-pride-60{background:linear-gradient(135deg,#f009 0%,#000 100%)}.calendar-day-pride-70{background:linear-gradient(135deg,#ff0000b2 0%,#000 100%)}.calendar-day-pride-80{background:linear-gradient(135deg,#f00c 0%,#000 100%)}.calendar-day-pride-90{background:linear-gradient(135deg,#ff0000e5 0%,#000 100%)}.calendar-day-pride-100{background:linear-gradient(135deg,#ff0000fe 0%,#000 100%)}.calendar-day-shamrock-0{background:linear-gradient(135deg,#0f00 0%,#0d3b0d 100%)}.calendar-day-shamrock-10{background:linear-gradient(135deg,#00ff0019 0%,#0d3b0d 100%)}.calendar-day-shamrock-20{background:linear-gradient(135deg,#0f03 0%,#0d3b0d 100%)}.calendar-day-shamrock-30{background:linear-gradient(135deg,#00ff004c 0%,#0d3b0d 100%)}.calendar-day-shamrock-40{background:linear-gradient(135deg,#0f06 0%,#0d3b0d 100%)}.calendar-day-shamrock-50{background:linear-gradient(135deg,#00ff007f 0%,#0d3b0d 100%)}.calendar-day-shamrock-60{background:linear-gradient(135deg,#0f09 0%,#0d3b0d 100%)}.calendar-day-shamrock-70{background:linear-gradient(135deg,#00ff00b2 0%,#0d3b0d 100%)}.calendar-day-shamrock-80{background:linear-gradient(135deg,#0f0c 0%,#0d3b0d 100%)}.calendar-day-shamrock-90{background:linear-gradient(135deg,#00ff00e5 0%,#0d3b0d 100%)}.calendar-day-shamrock-100{background:linear-gradient(135deg,#00ff00fe 0%,#0d3b0d 100%)}.calendar-day-spring-0{background:linear-gradient(135deg,#ff69b400 0%,#f0f8ff 100%)}.calendar-day-spring-10{background:linear-gradient(135deg,#ff69b419 0%,#f0f8ff 100%)}.calendar-day-spring-20{background:linear-gradient(135deg,#ff69b433 0%,#f0f8ff 100%)}.calendar-day-spring-30{background:linear-gradient(135deg,#ff69b44c 0%,#f0f8ff 100%)}.calendar-day-spring-40{background:linear-gradient(135deg,#ff69b466 0%,#f0f8ff 100%)}.calendar-day-spring-50{background:linear-gradient(135deg,#ff69b47f 0%,#f0f8ff 100%)}.calendar-day-spring-60{background:linear-gradient(135deg,#ff69b499 0%,#f0f8ff 100%)}.calendar-day-spring-70{background:linear-gradient(135deg,#ff69b4b2 0%,#f0f8ff 100%)}.calendar-day-spring-80{background:linear-gradient(135deg,#ff69b4cc 0%,#f0f8ff 100%)}.calendar-day-spring-90{background:linear-gradient(135deg,#ff69b4e5 0%,#f0f8ff 100%)}.calendar-day-spring-100{background:linear-gradient(135deg,#ff69b4fe 0%,#f0f8ff 100%)}.calendar-day-summersolstice-0{background:linear-gradient(135deg,#ffd70000 0%,#87ceeb 100%)}.calendar-day-summersolstice-10{background:linear-gradient(135deg,#ffd70019 0%,#87ceeb 100%)}.calendar-day-summersolstice-20{background:linear-gradient(135deg,#ffd70033 0%,#87ceeb 100%)}.calendar-day-summersolstice-30{background:linear-gradient(135deg,#ffd7004c 0%,#87ceeb 100%)}.calendar-day-summersolstice-40{background:linear-gradient(135deg,#ffd70066 0%,#87ceeb 100%)}.calendar-day-summersolstice-50{background:linear-gradient(135deg,#ffd7007f 0%,#87ceeb 100%)}.calendar-day-summersolstice-60{background:linear-gradient(135deg,#ffd70099 0%,#87ceeb 100%)}.calendar-day-summersolstice-70{background:linear-gradient(135deg,#ffd700b2 0%,#87ceeb 100%)}.calendar-day-summersolstice-80{background:linear-gradient(135deg,#ffd700cc 0%,#87ceeb 100%)}.calendar-day-summersolstice-90{background:linear-gradient(135deg,#ffd700e5 0%,#87ceeb 100%)}.calendar-day-summersolstice-100{background:linear-gradient(135deg,#ffd700fe 0%,#87ceeb 100%)}.calendar-day-thanksgiving-0{background:linear-gradient(135deg,#8b451300 0%,#f4a460 100%)}.calendar-day-thanksgiving-10{background:linear-gradient(135deg,#8b451319 0%,#f4a460 100%)}.calendar-day-thanksgiving-20{background:linear-gradient(135deg,#8b451333 0%,#f4a460 100%)}.calendar-day-thanksgiving-30{background:linear-gradient(135deg,#8b45134c 0%,#f4a460 100%)}.calendar-day-thanksgiving-40{background:linear-gradient(135deg,#8b451366 0%,#f4a460 100%)}.calendar-day-thanksgiving-50{background:linear-gradient(135deg,#8b45137f 0%,#f4a460 100%)}.calendar-day-thanksgiving-60{background:linear-gradient(135deg,#8b451399 0%,#f4a460 100%)}.calendar-day-thanksgiving-70{background:linear-gradient(135deg,#8b4513b2 0%,#f4a460 100%)}.calendar-day-thanksgiving-80{background:linear-gradient(135deg,#8b4513cc 0%,#f4a460 100%)}.calendar-day-thanksgiving-90{background:linear-gradient(135deg,#8b4513e5 0%,#f4a460 100%)}.calendar-day-thanksgiving-100{background:linear-gradient(135deg,#8b4513fe 0%,#f4a460 100%)}.calendar-day-valentine-0{background:linear-gradient(135deg,#ff174400 0%,#fff0f5 100%)}.calendar-day-valentine-10{background:linear-gradient(135deg,#ff174419 0%,#fff0f5 100%)}.calendar-day-valentine-20{background:linear-gradient(135deg,#ff174433 0%,#fff0f5 100%)}.calendar-day-valentine-30{background:linear-gradient(135deg,#ff17444c 0%,#fff0f5 100%)}.calendar-day-valentine-40{background:linear-gradient(135deg,#ff174466 0%,#fff0f5 100%)}.calendar-day-valentine-50{background:linear-gradient(135deg,#ff17447f 0%,#fff0f5 100%)}.calendar-day-valentine-60{background:linear-gradient(135deg,#ff174499 0%,#fff0f5 100%)}.calendar-day-valentine-70{background:linear-gradient(135deg,#ff1744b2 0%,#fff0f5 100%)}.calendar-day-valentine-80{background:linear-gradient(135deg,#ff1744cc 0%,#fff0f5 100%)}.calendar-day-valentine-90{background:linear-gradient(135deg,#ff1744e5 0%,#fff0f5 100%)}.calendar-day-valentine-100{background:linear-gradient(135deg,#ff1744fe 0%,#fff0f5 100%)}.calendar-day-winter-0{background:linear-gradient(135deg,#e0f7ff00 0%,#1a2b3c 100%)}.calendar-day-winter-10{background:linear-gradient(135deg,#e0f7ff19 0%,#1a2b3c 100%)}.calendar-day-winter-20{background:linear-gradient(135deg,#e0f7ff33 0%,#1a2b3c 100%)}.calendar-day-winter-30{background:linear-gradient(135deg,#e0f7ff4c 0%,#1a2b3c 100%)}.calendar-day-winter-40{background:linear-gradient(135deg,#e0f7ff66 0%,#1a2b3c 100%)}.calendar-day-winter-50{background:linear-gradient(135deg,#e0f7ff7f 0%,#1a2b3c 100%)}.calendar-day-winter-60{background:linear-gradient(135deg,#e0f7ff99 0%,#1a2b3c 100%)}.calendar-day-winter-70{background:linear-gradient(135deg,#e0f7ffb2 0%,#1a2b3c 100%)}.calendar-day-winter-80{background:linear-gradient(135deg,#e0f7ffcc 0%,#1a2b3c 100%)}.calendar-day-winter-90{background:linear-gradient(135deg,#e0f7ffe5 0%,#1a2b3c 100%)}.calendar-day-winter-100{background:linear-gradient(135deg,#e0f7fffe 0%,#1a2b3c 100%)}.calendar-day-themed{transition:background .3s}.calendar-day-themed:hover{filter:brightness(1.1)}.activity-trend-chart{width:100%}.trend-chart-empty{text-align:center;color:var(--color-onSurface);opacity:.5;padding:3rem}.chart-container{gap:1rem;margin-bottom:1.5rem;display:flex}.chart-y-axis{flex-direction:column;justify-content:space-between;min-width:40px;padding:1rem 0;display:flex}.y-axis-label{color:var(--color-onSurface);opacity:.6;text-align:right;font-size:.75rem}.chart-area{border-bottom:2px solid var(--color-divider);border-left:2px solid var(--color-divider);flex:1;align-items:flex-end;gap:2px;height:250px;padding:1rem .5rem 0;display:flex;overflow:auto hidden}.chart-bar-container{flex-direction:column;flex:1;align-items:center;gap:.25rem;min-width:20px;display:flex}.chart-bar-cluster{flex-direction:row;justify-content:center;align-items:flex-end;gap:2px;width:100%;min-height:2px;display:flex}.chart-bar{cursor:pointer;border-radius:2px 2px 0 0;flex:1;min-width:3px;max-width:8px;min-height:2px;transition:opacity .2s}.chart-bar:hover{opacity:.8}.chart-bar-label{color:var(--color-onSurface);opacity:.6;transform-origin:50%;margin-top:1rem;font-size:.7rem;transform:rotate(-45deg)}.chart-legend{border-bottom:1px solid var(--color-divider);flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-bottom:1.5rem;padding:1rem 0;display:flex}.legend-item{color:var(--color-onSurface);align-items:center;gap:.5rem;font-size:.9rem;display:flex}.legend-color{border-radius:4px;width:20px;height:20px}.chart-summary{grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;display:grid}.summary-item{text-align:center;background:var(--color-background);border-radius:8px;padding:1rem}.summary-label{color:var(--color-onSurface);opacity:.7;margin-bottom:.25rem;font-size:.85rem}.summary-value{color:var(--color-primary);font-size:1.3rem;font-weight:700}@media (width<=768px){.chart-area{height:200px}.chart-bar-label{font-size:.6rem}.y-axis-label{font-size:.7rem}.legend-item{font-size:.8rem}.legend-color{width:16px;height:16px}.summary-item{padding:.75rem}.summary-label{font-size:.75rem}.summary-value{font-size:1.1rem}}.home-page{background:var(--color-background);min-height:100vh}.home-container{max-width:1200px;margin:0 auto}.home-header{text-align:center;margin-top:1rem}.home-title{color:var(--color-onBackground);margin-bottom:.5rem;font-size:2.5rem;font-weight:700}.home-subtitle{color:var(--color-onBackground);opacity:.7;font-size:1.1rem}.home-warning-banner{background:var(--color-error);color:var(--color-onError);border-left:4px solid var(--color-onError);align-items:flex-start;gap:1rem;margin-bottom:2rem;padding:1rem;display:flex}.warning-icon{flex-shrink:0;font-size:1.5rem}.warning-content{flex:1}.warning-content h3{margin:0 0 .5rem;font-size:1rem;font-weight:600}.warning-content p{opacity:.9;margin:0 0 .75rem;font-size:.9rem}.warning-action-button{background:var(--color-onError);color:var(--color-error);cursor:pointer;border:none;padding:.5rem 1rem;font-size:.85rem;font-weight:600;transition:opacity .2s}.warning-action-button:hover{opacity:.9}.streak-stats{border-bottom:2px solid var(--color-divider);justify-content:space-between;align-items:center;gap:2rem;margin-bottom:2rem;padding:1rem 0;display:flex}.stat-card{flex:1;align-items:center;gap:.75rem;min-width:0;display:flex}.stat-icon{flex-shrink:0;font-size:2rem}.stat-content{flex:1;min-width:0}.stat-value{color:var(--color-primary);margin-bottom:.25rem;font-size:1.5rem;font-weight:700;line-height:1}.stat-label{color:var(--color-onBackground);opacity:.7;white-space:nowrap;text-overflow:ellipsis;font-size:.8rem;overflow:hidden}.today-progress-card.achieved .stat-value{color:var(--color-primary)}.today-progress-card.achieved .stat-label{color:var(--color-onBackground);opacity:.8}.chartboard-card{cursor:pointer;border-left:2px solid var(--color-primary);padding-left:.75rem;transition:opacity .2s}.chartboard-card:hover{opacity:.8}.chartboard-card .stat-label{color:var(--color-primary);opacity:1;white-space:normal;font-weight:600}.month-navigation{justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding:0 1rem;display:flex}.month-title{color:var(--color-onBackground);font-size:1.5rem;font-weight:600}.month-nav-button{border:1px solid var(--color-divider);color:var(--color-onBackground);cursor:pointer;background:0 0;padding:.5rem 1rem;font-weight:600;transition:all .2s}.month-nav-button:hover:not(:disabled){background:var(--color-divider);border-color:var(--color-primary);color:var(--color-primary)}.month-nav-button:disabled{opacity:.3;cursor:not-allowed}.calendar-section,.chart-section{background:var(--color-surface);border-top:2px solid var(--color-divider);margin-bottom:2rem;padding:2rem}.section-title{color:var(--color-onSurface);margin-bottom:1.5rem;font-size:1.5rem;font-weight:600}.streak-info-section{background:var(--color-surface);border-top:2px solid var(--color-divider);padding:2rem}.streak-info-section h3{color:var(--color-onSurface);margin-bottom:1rem;font-size:1.3rem;font-weight:600}.streak-info-section ul{margin:0;padding:0;list-style:none}.streak-info-section li{color:var(--color-onSurface);padding:.75rem 0 .75rem 2rem;line-height:1.5;position:relative}.streak-info-section li:before{content:"✓";color:var(--color-primary);font-size:1.2rem;font-weight:700;position:absolute;left:0}.loading-spinner{text-align:center;color:var(--color-onSurface);opacity:.7;padding:3rem}.modal-overlay{z-index:1000;background:#00000080;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--color-surface);border:1px solid var(--color-divider);width:90%;max-width:500px;padding:2rem;box-shadow:0 8px 24px #0000004d}.modal-content h3{color:var(--color-onSurface);margin:0 0 1rem;font-size:1.5rem}.modal-content p{color:var(--color-onSurface);margin:0 0 1.5rem;line-height:1.6}.modal-actions{justify-content:flex-end;gap:1rem;display:flex}.modal-button{cursor:pointer;border:1px solid var(--color-divider);padding:.75rem 1.5rem;font-weight:600;transition:opacity .2s}.modal-button.cancel{color:var(--color-onSurface);background:0 0}.modal-button.confirm{background:var(--color-error);color:var(--color-onError);border-color:var(--color-error)}.modal-button:hover{opacity:.8}@media (width<=768px){.home-title{font-size:2rem}.streak-stats{flex-direction:column;align-items:stretch;gap:1rem}.stat-card{border-bottom:1px solid var(--color-divider);padding:.75rem 0}.chartboard-card{border-left:none;border-bottom:2px solid var(--color-primary);padding-bottom:.75rem;padding-left:0}.month-navigation{padding:0}.month-title{font-size:1.2rem}.calendar-section,.chart-section,.streak-info-section{padding:1rem}}.rewarded-ad-overlay{z-index:10000;background:#000000d9;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.rewarded-ad-modal{background:var(--color-background);border-radius:12px;width:100%;max-width:600px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0000004d}.rewarded-ad-header{text-align:center;border-bottom:1px solid var(--color-divider);padding:2rem 2rem 1rem}.rewarded-ad-header h2{color:var(--color-onSurface);margin:0 0 .5rem;font-size:1.5rem}.rewarded-ad-description{color:var(--color-disabled);margin:0;font-size:.95rem}.rewarded-ad-content{padding:2rem}.rewarded-ad-unit{background:var(--color-surface);border:1px solid var(--color-divider);border-radius:8px;justify-content:center;align-items:center;min-height:250px;margin-bottom:2rem;display:flex}.rewarded-ad-timer{text-align:center}.timer-circle{border:4px solid var(--color-primary);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 1rem;display:flex}.timer-value{color:var(--color-onSurface);font-size:2rem;font-weight:700}.timer-label{color:var(--color-disabled);text-transform:uppercase;font-size:.75rem}.timer-complete{background:var(--color-primaryVariant);color:#fff;border-radius:50%;justify-content:center;align-items:center;width:100px;height:100px;margin:0 auto 1rem;font-size:3rem;display:flex}.timer-instruction{color:var(--color-disabled);margin:0}.rewarded-ad-actions{text-align:center;padding:0 2rem 2rem}.rewarded-ad-actions .btn{min-width:200px}.unlock-modal-overlay{z-index:1000;background:#000000b3;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.unlock-modal{background:var(--color-surface);border-radius:var(--radius-lg);width:100%;max-width:500px;box-shadow:var(--elevation-8);overflow:hidden}.unlock-modal-header{border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.unlock-modal-header h2{color:var(--color-onSurface);margin:0;font-size:1.5rem}.unlock-modal-close{color:var(--color-onSurface);cursor:pointer;border-radius:var(--radius-round);width:32px;height:32px;transition:background var(--transition-fast);background:0 0;border:none;justify-content:center;align-items:center;padding:0;font-size:2rem;display:flex}.unlock-modal-close:hover{background:var(--color-background)}.unlock-modal-body{padding:1.5rem}.unlock-modal-balance{background:var(--color-background);border-radius:var(--radius-md);text-align:center;color:var(--color-onSurface);margin-bottom:1.5rem;padding:1rem;font-size:1rem}.unlock-modal-balance strong{color:var(--color-primary);font-size:1.25rem}.unlock-modal-error{border-radius:var(--radius-md);color:#c00;background:#fee;border:1px solid #fcc;margin-bottom:1.5rem;padding:1rem;font-size:.875rem}.unlock-modal-loading{text-align:center;color:var(--color-disabled);padding:2rem;font-size:1rem}.unlock-options{flex-direction:column;gap:1rem;display:flex}.unlock-option{border:2px solid var(--color-divider);border-radius:var(--radius-md);transition:all var(--transition-fast);padding:1.25rem}.unlock-option:not(.disabled):hover{border-color:var(--color-primary);box-shadow:var(--elevation-2)}.unlock-option.disabled{opacity:.5;cursor:not-allowed}.unlock-option-header{justify-content:space-between;align-items:center;margin-bottom:.5rem;display:flex}.unlock-option-header h3{color:var(--color-onSurface);margin:0;font-size:1.125rem}.unlock-option-cost{color:var(--color-primary);font-size:1.25rem;font-weight:700}.unlock-option-description{color:var(--color-disabled);margin:0 0 1rem;font-size:.875rem}.unlock-option-btn{border:2px solid var(--color-primary);width:100%;color:var(--color-primary);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);background:0 0;padding:.75rem 1.5rem;font-size:.875rem;font-weight:600}.unlock-option-btn:hover:not(:disabled){background:var(--color-primary);color:var(--color-onPrimary);transform:translateY(-1px)}.unlock-option-btn:disabled{opacity:.5;cursor:not-allowed}.unlock-option-btn-primary{background:var(--color-primary);color:var(--color-onPrimary)}.unlock-option-btn-primary:hover:not(:disabled){background:var(--color-primaryHover)}@media (width<=768px){.unlock-modal{max-width:100%;margin:0 1rem}.unlock-modal-header,.unlock-modal-body,.unlock-option{padding:1rem}}.free-trial-overlay{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:10000;background-color:#0009;justify-content:center;align-items:center;animation:.2s ease-out fadeIn;display:flex;position:fixed;inset:0}.free-trial-modal{background-color:var(--color-surface);border-radius:var(--radius-lg);width:90%;max-width:500px;max-height:90vh;box-shadow:var(--elevation-4);animation:.2s ease-out slideUp;position:relative;overflow-y:auto}.free-trial-header{border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;padding:1.5rem;display:flex}.free-trial-header h2{color:var(--color-onSurface);margin:0;font-size:1.5rem;font-weight:600}.modal-close-btn{cursor:pointer;color:var(--color-onSurface);opacity:.6;border-radius:var(--radius-sm);background:0 0;border:none;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;line-height:1;transition:opacity .2s,background-color .2s;display:flex}.modal-close-btn:hover:not(:disabled){opacity:1;background-color:var(--color-surfaceVariant)}.modal-close-btn:disabled{opacity:.3;cursor:not-allowed}.free-trial-content{padding:1.5rem}.free-trial-message{color:var(--color-onSurface);margin:0 0 1rem;font-size:1rem;line-height:1.5}.free-trial-warning{background-color:var(--color-surfaceVariant);border-left:3px solid var(--color-primary);border-radius:var(--radius-sm);margin-bottom:1rem;padding:1rem}.free-trial-warning p{color:var(--color-onSurface);margin:0;font-size:.95rem;line-height:1.5}.free-trial-warning strong{color:var(--color-primary)}.free-trial-error{background-color:var(--color-error);border-left:3px solid var(--color-error);border-radius:var(--radius-sm);color:var(--color-onError);margin-top:1rem;padding:1rem;font-size:.9rem}.free-trial-actions{border-top:1px solid var(--color-divider);justify-content:flex-end;gap:.75rem;padding:1.5rem;display:flex}@media (width<=600px){.free-trial-modal{width:95%}.free-trial-header h2{font-size:1.25rem}.free-trial-actions{flex-direction:column-reverse}.free-trial-actions .btn{width:100%}}@media (hover:none){.free-trial-actions button:active{transform:scale(.98)}}.theme-modal-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background-color:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.theme-modal{background-color:var(--color-surface);border-radius:12px;flex-direction:column;width:90%;max-width:800px;max-height:90vh;animation:.3s ease-out slideIn;display:flex;box-shadow:0 10px 40px #0000004d}.theme-modal-header{border-bottom:1px solid var(--color-divider);justify-content:space-between;align-items:center;padding:1.5rem 2rem;display:flex}.theme-modal-header h2{color:var(--color-onSurface);margin:0;font-size:1.5rem}.theme-modal-close{color:var(--color-onSurface);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;font-size:2rem;transition:background-color .2s;display:flex}.theme-modal-close:hover{background-color:#0000000d}.theme-modal-content{flex:1;padding:1.5rem 2rem;overflow-y:auto}.theme-modal-loading{text-align:center;color:var(--color-onSurface);opacity:.6;padding:2rem}.theme-modal-description{color:var(--color-onSurface);opacity:.7;text-align:center;margin-bottom:1.5rem}.section-description{color:var(--color-onSurface);opacity:.6;margin:1rem 0 .5rem;font-size:.9rem;font-weight:500}.theme-section-divider{border:none;border-top:2px solid var(--color-divider);margin:1.5rem 0}.theme-toggle-container{justify-content:center;gap:.5rem;margin-bottom:1.5rem;display:flex}.theme-toggle-btn{border:2px solid var(--color-divider);color:var(--color-onSurface);cursor:pointer;background-color:#0000;border-radius:8px;padding:.5rem 1rem;font-weight:500;transition:all .2s}.theme-toggle-btn:hover{border-color:var(--color-primary);background-color:#1976d20d}.theme-toggle-btn.active{border-color:var(--color-primary);background-color:var(--color-primary);color:var(--color-onPrimary)}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:1rem;padding:.5rem 0;display:grid}.theme-card{cursor:pointer;background-color:var(--color-background);border:2px solid #0000;border-radius:12px;transition:transform .2s,box-shadow .2s;overflow:hidden}.theme-card:hover{transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.theme-card.active{border-color:var(--color-primary)}.theme-card.locked{cursor:default;opacity:.8}.theme-preview{border-radius:8px 8px 0 0;width:100%;padding-top:66.67%;position:relative}.theme-preview .active-indicator{background-color:var(--color-primary);color:var(--color-onPrimary);border-radius:50%;justify-content:center;align-items:center;width:24px;height:24px;font-size:14px;font-weight:700;display:flex;position:absolute;top:8px;left:8px}.theme-preview .favorite-btn{cursor:pointer;background-color:#ffffffe6;border:none;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;font-size:18px;transition:transform .2s;display:flex;position:absolute;top:8px;right:8px}.theme-preview .favorite-btn:hover{transform:scale(1.1)}.theme-preview .lock-overlay{background-color:#0006;justify-content:center;align-items:center;display:flex;position:absolute;inset:0}.theme-preview .lock-icon{filter:drop-shadow(0 2px 4px #0000004d);font-size:2rem}.theme-preview .watch-ad-btn{cursor:pointer;color:#fff;z-index:5;background-color:#000000b3;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:all .2s;display:flex;position:absolute;top:50%;left:33%;transform:translate(-50%,-50%)}.theme-preview .watch-ad-btn:hover{background-color:#000000e6;transform:translate(-50%,-50%)scale(1.1)}.theme-preview .redeem-token-btn{cursor:pointer;z-index:5;background-color:#ffd700e6;border:2px solid #fff;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;font-size:24px;transition:all .2s;display:flex;position:absolute;top:50%;left:66%;transform:translate(-50%,-50%)}.theme-preview .redeem-token-btn:hover{background-color:gold;transform:translate(-50%,-50%)scale(1.1);box-shadow:0 4px 12px #ffd70080}.theme-preview .lock-indicators{background-color:#0009;border-radius:12px;gap:4px;padding:4px 8px;display:flex;position:absolute;bottom:8px;right:8px}.theme-preview .lock-indicators span{filter:drop-shadow(0 1px 2px #0000004d);font-size:16px}.theme-info{flex-direction:column;gap:.25rem;padding:.75rem;display:flex}.theme-info h3{color:var(--color-onSurface);white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:.9rem;overflow:hidden}.theme-info .next-date{color:var(--color-onSurface);opacity:.7;font-size:.75rem}.theme-info .premium-badge{background-color:var(--color-secondary);color:var(--color-onSecondary);white-space:nowrap;border-radius:4px;padding:.2rem .5rem;font-size:.7rem}.theme-colors{gap:4px;padding:0 .75rem .75rem;display:flex}.theme-colors .color-dot{border:1px solid #0000001a;border-radius:50%;width:16px;height:16px}.theme-modal-login-prompt{text-align:center;background-color:var(--color-primary);width:100%;color:var(--color-onPrimary);cursor:pointer;border:none;border-radius:8px;margin-top:1rem;padding:1rem;font-size:1rem;font-weight:500;transition:all .2s}.theme-modal-login-prompt:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #1976d24d}.theme-modal-actions{border-top:1px solid var(--color-divider);justify-content:center;padding:1rem 2rem;display:flex}.theme-modal-btn-primary{background-color:var(--color-primary);color:var(--color-onPrimary);cursor:pointer;border:none;border-radius:8px;padding:.75rem 2rem;font-size:1rem;font-weight:600;transition:all .2s}.theme-modal-btn-primary:hover{opacity:.9;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.error-message{background-color:var(--color-error);color:var(--color-onError);text-align:center;border-radius:8px;margin-bottom:1rem;padding:1rem}@media (width<=768px){.theme-modal{width:95%;max-height:95vh}.theme-modal-header,.theme-modal-content{padding:1rem}.theme-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:.75rem}.theme-preview{padding-top:8%}.theme-modal-actions{padding:1rem}}.recordings-list{border-radius:8px;width:100%;padding:20px;box-shadow:0 2px 8px #0000001a}.recordings-list-header{justify-content:space-between;align-items:center;margin-bottom:16px;padding-bottom:12px;display:flex}.recordings-list-title{margin:0}.recordings-table-wrapper{overflow-x:auto}.recordings-table{border-collapse:collapse;width:100%;font-size:.9rem}.recordings-table thead tr{border-bottom:2px solid}.recordings-table th{text-align:left;padding:8px}.recordings-table th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}.recordings-table th.actions-column{text-align:center}.recordings-table tbody tr{border-bottom:1px solid;transition:background-color .2s}.recordings-table td,.recordings-table td.actions-column{padding:8px}.recording-name-cell{align-items:center;gap:4px;display:flex}.recording-name-cell span{color:var(--color-primary)}.recording-name-edit{align-items:center;gap:4px;display:flex}.recording-name-input{border-radius:4px;padding:4px;font-size:.85rem}.recording-actions{flex-wrap:wrap;justify-content:center;gap:4px;display:flex}.recordings-pagination{justify-content:center;align-items:center;gap:8px;margin-top:16px;display:flex}.pagination-button{cursor:pointer;border:none;border-radius:4px;padding:6px 12px}.pagination-button:disabled{cursor:not-allowed;opacity:.5}.micro-metadata{border-top:1px solid var(--color-divider);display:none}.col-name,.col-actions{display:table-cell!important}.col-date,.col-duration,.col-size{display:none}@media (width>=550px){.col-duration{display:table-cell!important}}@media (width>=600px){.col-date{display:table-cell!important}}@media (width>=750px){.col-size{display:table-cell!important}}@media (width<=549px){.recording-actions{flex-direction:column;align-items:stretch}.recording-list-action{justify-content:center;width:100%}.micro-metadata{display:block}}@media (width<=599px){.recordings-list{padding:12px}.recordings-table{font-size:.85rem}.recordings-table th,.recordings-table td{padding:6px}}