@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-font-weight:initial;--tw-tracking:initial;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial;--tw-backdrop-blur:initial;--tw-backdrop-brightness:initial;--tw-backdrop-contrast:initial;--tw-backdrop-grayscale:initial;--tw-backdrop-hue-rotate:initial;--tw-backdrop-invert:initial;--tw-backdrop-opacity:initial;--tw-backdrop-saturate:initial;--tw-backdrop-sepia:initial;--tw-duration:initial;--tw-ease:initial;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1}}}@layer theme{:root,:host{--font-sans:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji";--font-mono:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace;--color-red-400:oklch(70.4% .191 22.216);--color-yellow-400:oklch(85.2% .199 91.936);--color-green-400:oklch(79.2% .209 151.711);--color-black:#000;--color-white:#fff;--spacing:.25rem;--text-xs:.75rem;--text-xs--line-height:calc(1/.75);--text-sm:.875rem;--text-sm--line-height:calc(1.25/.875);--text-base:1rem;--text-base--line-height: 1.5 ;--text-xl:1.25rem;--text-xl--line-height:calc(1.75/1.25);--text-4xl:2.25rem;--text-4xl--line-height:calc(2.5/2.25);--font-weight-normal:400;--font-weight-medium:500;--font-weight-bold:700;--font-weight-black:900;--radius-sm:5px;--radius-md:8px;--radius-lg:10px;--radius-xl:15px;--radius-2xl:1rem;--shadow-2xl:0 25px 50px -12px #00000040;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1);--blur-md:12px;--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4,0,.2,1);--default-font-family:var(--font-sans);--default-mono-font-family:var(--font-mono);--spacing-xs:8px;--spacing-sm:10px;--spacing-md:15px;--spacing-lg:20px;--spacing-xl:30px;--spacing-xxl:40px;--radius-xxl:20px;--font-size-xxs:12px;--font-size-xs:14px;--font-size-sm:16px;--font-size-md:18px;--font-size-lg:36px;--font-size-xl:80px}}@layer base{*,:after,:before,::backdrop{box-sizing:border-box;border:0 solid;margin:0;padding:0}::file-selector-button{box-sizing:border-box;border:0 solid;margin:0;padding:0}html,:host{-webkit-text-size-adjust:100%;tab-size:4;line-height:1.5;font-family:var(--default-font-family,ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol","Noto Color Emoji");font-feature-settings:var(--default-font-feature-settings,normal);font-variation-settings:var(--default-font-variation-settings,normal);-webkit-tap-highlight-color:transparent}hr{height:0;color:inherit;border-top-width:1px}abbr:where([title]){-webkit-text-decoration:underline dotted;text-decoration:underline dotted}h1,h2,h3,h4,h5,h6{font-size:inherit;font-weight:inherit}a{color:inherit;-webkit-text-decoration:inherit;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:var(--default-mono-font-family,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,"Liberation Mono","Courier New",monospace);font-feature-settings:var(--default-mono-font-feature-settings,normal);font-variation-settings:var(--default-mono-font-variation-settings,normal);font-size:1em}small{font-size:80%}sub,sup{vertical-align:baseline;font-size:75%;line-height:0;position:relative}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}:-moz-focusring{outline:auto}progress{vertical-align:baseline}summary{display:list-item}ol,ul,menu{list-style:none}img,svg,video,canvas,audio,iframe,embed,object{vertical-align:middle;display:block}img,video{max-width:100%;height:auto}button,input,select,optgroup,textarea{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}::file-selector-button{font:inherit;font-feature-settings:inherit;font-variation-settings:inherit;letter-spacing:inherit;color:inherit;opacity:1;background-color:#0000;border-radius:0}:where(select:is([multiple],[size])) optgroup{font-weight:bolder}:where(select:is([multiple],[size])) optgroup option{padding-inline-start:20px}::file-selector-button{margin-inline-end:4px}::placeholder{opacity:1}@supports (not ((-webkit-appearance:-apple-pay-button))) or (contain-intrinsic-size:1px){::placeholder{color:currentColor}@supports (color:color-mix(in lab,red,red)){::placeholder{color:color-mix(in oklab,currentcolor 50%,transparent)}}}textarea{resize:vertical}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-date-and-time-value{min-height:1lh;text-align:inherit}::-webkit-datetime-edit{display:inline-flex}::-webkit-datetime-edit-fields-wrapper{padding:0}::-webkit-datetime-edit{padding-block:0}::-webkit-datetime-edit-year-field{padding-block:0}::-webkit-datetime-edit-month-field{padding-block:0}::-webkit-datetime-edit-day-field{padding-block:0}::-webkit-datetime-edit-hour-field{padding-block:0}::-webkit-datetime-edit-minute-field{padding-block:0}::-webkit-datetime-edit-second-field{padding-block:0}::-webkit-datetime-edit-millisecond-field{padding-block:0}::-webkit-datetime-edit-meridiem-field{padding-block:0}::-webkit-calendar-picker-indicator{line-height:1}:-moz-ui-invalid{box-shadow:none}button,input:where([type=button],[type=reset],[type=submit]){appearance:button}::file-selector-button{appearance:button}::-webkit-inner-spin-button{height:auto}::-webkit-outer-spin-button{height:auto}[hidden]:where(:not([hidden=until-found])){display:none!important}}@layer components;@layer utilities{.invisible{visibility:hidden}.visible{visibility:visible}.visible\!{visibility:visible!important}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.static{position:static}.sticky{position:sticky}.inset-0{inset:calc(var(--spacing)*0)}.z-50{z-index:50}.col-span-2{grid-column:span 2/span 2}.col-span-full{grid-column:1/-1}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.mt-12{margin-top:calc(var(--spacing)*12)}.block{display:block}.contents{display:contents}.flex{display:flex}.flex\!{display:flex!important}.grid{display:grid}.hidden{display:none}.inline{display:inline}.table{display:table}.h-3{height:calc(var(--spacing)*3)}.h-4{height:calc(var(--spacing)*4)}.h-5{height:calc(var(--spacing)*5)}.h-8{height:calc(var(--spacing)*8)}.h-10{height:calc(var(--spacing)*10)}.h-24{height:calc(var(--spacing)*24)}.h-32{height:calc(var(--spacing)*32)}.w-3{width:calc(var(--spacing)*3)}.w-4{width:calc(var(--spacing)*4)}.w-5{width:calc(var(--spacing)*5)}.w-6{width:calc(var(--spacing)*6)}.w-7{width:calc(var(--spacing)*7)}.w-8{width:calc(var(--spacing)*8)}.w-10{width:calc(var(--spacing)*10)}.w-12{width:calc(var(--spacing)*12)}.w-14{width:calc(var(--spacing)*14)}.w-24{width:calc(var(--spacing)*24)}.flex-1{flex:1}.flex-shrink,.shrink{flex-shrink:1}.shrink-0{flex-shrink:0}.grow{flex-grow:1}.transform{transform:var(--tw-rotate-x,)var(--tw-rotate-y,)var(--tw-rotate-z,)var(--tw-skew-x,)var(--tw-skew-y,)}.resize{resize:both}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-\[1fr_auto\]{grid-template-columns:1fr auto}.flex-col{flex-direction:column}.flex-row{flex-direction:row}.items-center{align-items:center}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:calc(var(--spacing)*1)}.gap-3{gap:calc(var(--spacing)*3)}.gap-6{gap:calc(var(--spacing)*6)}.gap-\[20px\]{gap:20px}.overflow-hidden{overflow:hidden}.overflow-y-auto{overflow-y:auto}.rounded{border-radius:.25rem}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-\[10px\]{border-radius:10px}.rounded-\[var\(--radius-xxl\)\]{border-radius:var(--radius-xxl)}.rounded-lg{border-radius:var(--radius-lg)}.border{border-style:var(--tw-border-style);border-width:1px}.border-2{border-style:var(--tw-border-style);border-width:2px}.border-white\/10{border-color:#ffffff1a}@supports (color:color-mix(in lab,red,red)){.border-white\/10{border-color:color-mix(in oklab,var(--color-white)10%,transparent)}}.bg-black{background-color:var(--color-black)}.bg-white\/5{background-color:#ffffff0d}@supports (color:color-mix(in lab,red,red)){.bg-white\/5{background-color:color-mix(in oklab,var(--color-white)5%,transparent)}}.p-1{padding:calc(var(--spacing)*1)}.p-2{padding:calc(var(--spacing)*2)}.p-2\.5{padding:calc(var(--spacing)*2.5)}.p-3{padding:calc(var(--spacing)*3)}.p-4{padding:calc(var(--spacing)*4)}.p-5{padding:calc(var(--spacing)*5)}.p-6{padding:calc(var(--spacing)*6)}.p-\[15px\]{padding:15px}.p-\[var\(--spacing-xxl\)\]{padding:var(--spacing-xxl)}.px-1{padding-inline:calc(var(--spacing)*1)}.px-2{padding-inline:calc(var(--spacing)*2)}.px-3{padding-inline:calc(var(--spacing)*3)}.px-4{padding-inline:calc(var(--spacing)*4)}.py-0{padding-block:calc(var(--spacing)*0)}.py-1{padding-block:calc(var(--spacing)*1)}.py-2{padding-block:calc(var(--spacing)*2)}.pt-0{padding-top:calc(var(--spacing)*0)}.text-center{text-align:center}.font-\[\'Orbitron\'\]{font-family:Orbitron}.font-\[\'Rajdhani\'\]{font-family:Rajdhani}.text-4xl{font-size:var(--text-4xl);line-height:var(--tw-leading,var(--text-4xl--line-height))}.text-base{font-size:var(--text-base);line-height:var(--tw-leading,var(--text-base--line-height))}.text-sm{font-size:var(--text-sm);line-height:var(--tw-leading,var(--text-sm--line-height))}.text-xl{font-size:var(--text-xl);line-height:var(--tw-leading,var(--text-xl--line-height))}.text-xs{font-size:var(--text-xs);line-height:var(--tw-leading,var(--text-xs--line-height))}.font-black{--tw-font-weight:var(--font-weight-black);font-weight:var(--font-weight-black)}.font-bold{--tw-font-weight:var(--font-weight-bold);font-weight:var(--font-weight-bold)}.tracking-\[var\(--letter-spacing-wide\)\]{--tw-tracking:var(--letter-spacing-wide);letter-spacing:var(--letter-spacing-wide)}.text-\[\#ff5722\]{color:#ff5722}.text-\[\#ff7043\]{color:#ff7043}.text-\[var\(--font-size-md\)\]{color:var(--font-size-md)}.text-\[var\(--font-size-xl\)\]{color:var(--font-size-xl)}.text-green-400{color:var(--color-green-400)}.text-red-400{color:var(--color-red-400)}.text-yellow-400{color:var(--color-yellow-400)}.uppercase{text-transform:uppercase}.underline{text-decoration-line:underline}.opacity-90{opacity:.9}.shadow{--tw-shadow:0 1px 3px 0 var(--tw-shadow-color,#0000001a),0 1px 2px -1px var(--tw-shadow-color,#0000001a);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.shadow-\[0_20px_60px_rgba\(255\,87\,34\,0\.2\)\]{--tw-shadow:0 20px 60px var(--tw-shadow-color,#ff572233);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.ring{--tw-ring-shadow:var(--tw-ring-inset,)0 0 0 calc(1px + var(--tw-ring-offset-width))var(--tw-ring-color,currentcolor);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}.outline{outline-style:var(--tw-outline-style);outline-width:1px}.blur{--tw-blur:blur(8px);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.drop-shadow{--tw-drop-shadow-size:drop-shadow(0 1px 2px var(--tw-drop-shadow-color,#0000001a))drop-shadow(0 1px 1px var(--tw-drop-shadow-color,#0000000f));--tw-drop-shadow:drop-shadow(0 1px 2px #0000001a)drop-shadow(0 1px 1px #0000000f);filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.filter{filter:var(--tw-blur,)var(--tw-brightness,)var(--tw-contrast,)var(--tw-grayscale,)var(--tw-hue-rotate,)var(--tw-invert,)var(--tw-saturate,)var(--tw-sepia,)var(--tw-drop-shadow,)}.backdrop-blur{--tw-backdrop-blur:blur(8px);-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-blur-md{--tw-backdrop-blur:blur(var(--blur-md));-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.backdrop-filter{-webkit-backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,);backdrop-filter:var(--tw-backdrop-blur,)var(--tw-backdrop-brightness,)var(--tw-backdrop-contrast,)var(--tw-backdrop-grayscale,)var(--tw-backdrop-hue-rotate,)var(--tw-backdrop-invert,)var(--tw-backdrop-opacity,)var(--tw-backdrop-saturate,)var(--tw-backdrop-sepia,)}.\[backdrop-filter\:blur\(20px\)\]{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.transition{transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to,opacity,box-shadow,transform,translate,scale,rotate,filter,-webkit-backdrop-filter,backdrop-filter,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.transition-all{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}.duration-300{--tw-duration:.3s;transition-duration:.3s}.ease-in-out{--tw-ease:var(--ease-in-out);transition-timing-function:var(--ease-in-out)}.ease-out{--tw-ease:var(--ease-out);transition-timing-function:var(--ease-out)}.\[background\:rgba\(10\,10\,10\,0\.8\)\]{background:#0a0a0acc}@media(hover:hover){.hover\:-translate-y-1:hover{--tw-translate-y:calc(var(--spacing)*-1);translate:var(--tw-translate-x)var(--tw-translate-y)}.hover\:shadow-\[0_20px_60px_rgba\(255\,87\,34\,0\.2\)\]:hover{--tw-shadow:0 20px 60px var(--tw-shadow-color,#ff572233);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow)}}.active\:scale-95:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}@media(min-width:48rem){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:64rem){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}}body{color:var(--color-white);font-family:var(--font-family-base);height:100dvh;min-height:100dvh;padding:var(--spacing-xl)var(--spacing-lg);padding-bottom:max(var(--spacing-xl),env(safe-area-inset-bottom));padding-left:max(var(--spacing-lg),env(safe-area-inset-left));padding-right:max(var(--spacing-lg),env(safe-area-inset-right));padding-top:max(var(--spacing-xl),env(safe-area-inset-top));background:#0a0a0a;justify-content:center;align-items:flex-start;display:flex;position:relative;overflow:hidden auto}@media(display-mode:standalone){body{height:100dvh;max-height:100dvh;overflow:hidden}}.container{z-index:10;flex-direction:column;width:100%;max-width:500px;height:100dvh;max-height:100dvh;animation:.8s ease-out fadeInUp;display:flex;position:relative;overflow:hidden}@media(display-mode:standalone){.container{height:100dvh;max-height:100dvh;overflow:hidden}}.header{justify-content:center;align-items:center;gap:var(--spacing-md);flex-flow:column;display:flex}.app-header{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--radius-xl);background:#0a0a0a80;border:1px solid #6464ff26;flex-shrink:0;padding:8px;box-shadow:0 0 20px #6464ff14,0 4px 16px #0006,inset 0 1px #6464ff14}.app-content{padding-inline:calc(var(--spacing)*0);padding-bottom:var(--spacing-xs);padding-top:var(--spacing-xs);flex-direction:column;flex:1;gap:8px;display:flex;overflow-y:auto}.app-footer{padding-top:var(--spacing-md);touch-action:manipulation;flex-shrink:0}body.timer-active{width:100%;height:100dvh;position:fixed;overflow:hidden}body:before{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:0;content:"";background:radial-gradient(at 0 0,#00ffc826,#0000 50%),radial-gradient(at 100% 100%,#ff009626,#0000 50%),radial-gradient(at 100% 0,#6464ff1a,#0000 50%);width:100%;height:100%;position:fixed}body:after{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:0;content:"";background:linear-gradient(45deg,#00ffc80d,#0000,#ff00960d);width:100%;height:100%;position:fixed}.background-image{top:calc(var(--spacing)*0);left:calc(var(--spacing)*0);z-index:0;opacity:.3;width:100%;height:100%;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration));--tw-duration:.3s;background-image:url(/bg.webp);background-position:50%;background-repeat:no-repeat;background-size:cover;transition-duration:.3s;position:fixed}.background-image.hidden{pointer-events:none;opacity:0}.background-grid{opacity:.4;z-index:0;background-image:linear-gradient(#c8fff026 1px,#0000 1px),linear-gradient(90deg,#c8fff026 1px,#0000 1px);background-size:40px 40px;width:100%;height:100%;animation:30s linear infinite gridMove;position:fixed;top:0;left:0}.background-grid:before{content:"";filter:blur(20px);pointer-events:none;background:radial-gradient(#00ffc899,#00ffc84d 30%,#00ffc81a,#0000 70%);width:30%;height:100%;animation:8s ease-in-out infinite lightSweepLeft;position:absolute;top:0;left:50%;transform:translate(-50%)}.background-grid:after{content:"";filter:blur(20px);pointer-events:none;background:radial-gradient(#00ffc899,#00ffc84d 30%,#00ffc81a,#0000 70%);width:30%;height:100%;animation:8s ease-in-out infinite lightSweepRight;position:absolute;top:0;left:50%;transform:translate(-50%)}.scanlines{opacity:.5;pointer-events:none;z-index:1;background:repeating-linear-gradient(0deg,#0000,#0000 2px,#00ffc808 2px 4px);width:100%;height:100%;position:fixed;top:0;left:0}.vignette{pointer-events:none;z-index:1;background:radial-gradient(#0000 0% 60%,#0006);width:100%;height:100%;position:fixed;top:0;left:0}.floating-orb{filter:blur(100px);mix-blend-mode:screen;z-index:0;border-radius:50%;animation:25s ease-in-out infinite float;position:fixed}.floating-orb:first-child{background:radial-gradient(circle,#00ffc880,#0000);width:400px;height:400px;animation-duration:20s;animation-delay:0s;top:-100px;left:-100px}.floating-orb:nth-child(2){background:radial-gradient(circle,#ff009666,#0000);width:500px;height:500px;animation-duration:25s;animation-delay:7s;bottom:-150px;right:-150px}.floating-orb:nth-child(3){background:radial-gradient(circle,#6464ff66,#0000);width:350px;height:350px;animation-duration:30s;animation-delay:14s;top:40%;right:-100px}.youtube-background{opacity:.3;pointer-events:none;z-index:0;width:100vw;min-width:100%;height:100vh;min-height:100%;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%)}.youtube-background:after{content:"";z-index:1;background:linear-gradient(135deg,#121212b3,#1a1a1ab3);width:100%;height:100%;position:absolute;top:0;left:0}.youtube-background iframe,.youtube-background #youtube-player-iframe{width:100vw;min-width:177.77vh;height:56.25vw;min-height:100vh;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.app-title{filter:drop-shadow(0 0 20px #00ffc880);font-family:var(--font-family-display);font-size:clamp(32px,10vw,48px);font-weight:var(--font-weight-bold);letter-spacing:clamp(2px,.8vw,6px);-webkit-text-fill-color:transparent;white-space:nowrap;background:linear-gradient(135deg,#00ffc8,#ff0096,#6464ff) 0 0/200% 200%;-webkit-background-clip:text;background-clip:text;align-items:center;gap:16px;animation:4s infinite gradientFlow;display:flex}.app-icon{filter:drop-shadow(0 0 15px #00ffc8cc)drop-shadow(0 0 30px #ff009699);flex-shrink:0;width:clamp(40px,10vw,60px);height:clamp(40px,10vw,60px);animation:3s ease-in-out infinite iconGlow}.app-version{color:#fff;font-size:clamp(12px,3vw,16px);font-weight:var(--font-weight-normal);letter-spacing:1px;opacity:.7;-webkit-text-fill-color:#fff;background:0 0;margin-left:8px}@keyframes iconGlow{0%,to{filter:drop-shadow(0 0 15px #00ffc8cc)drop-shadow(0 0 30px #ff009699)}50%{filter:drop-shadow(0 0 25px #00ffc8)drop-shadow(0 0 45px #ff0096cc)}}body.pwa-standalone{width:100%!important;height:100dvh!important;max-height:100dvh!important;position:fixed!important;overflow:hidden!important}body.pwa-standalone .container{height:100%!important;max-height:100%!important;overflow:hidden!important}body.pwa-standalone .app-content{-webkit-overflow-scrolling:touch!important;overflow:hidden auto!important}body.pwa-standalone .app-footer{flex-shrink:0!important;position:relative!important;bottom:0!important;overflow:hidden!important}@media(max-width:768px){body{padding:0;padding-bottom:env(safe-area-inset-bottom);padding-left:env(safe-area-inset-left);padding-right:env(safe-area-inset-right);padding-top:env(safe-area-inset-top);overflow:hidden}.container{max-width:100%;height:100dvh;max-height:100dvh;overflow:hidden}.app-header{padding:var(--spacing-sm);flex-shrink:0}.app-content{gap:var(--spacing-md);-webkit-overflow-scrolling:touch;padding:var(--spacing-xs)var(--spacing-md);overflow:hidden auto}.app-footer{padding:var(--spacing-md)var(--spacing-md)max(var(--spacing-lg),env(safe-area-inset-bottom));flex-shrink:0}}@media(max-width:768px)and (display-mode:standalone){body{position:fixed;inset:0;overflow:hidden}.container{height:100%;max-height:100%;position:fixed;inset:0}}@media(min-width:769px){.container{max-height:calc(100vh - var(--spacing-xl)*2);max-height:calc(100dvh - var(--spacing-xl)*2)}}*{scrollbar-width:thin;scrollbar-color:#6464ff99 transparent}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0;border-radius:3px}::-webkit-scrollbar-thumb{background:linear-gradient(#6464ff66,#6464ffb3,#ff009699);border-radius:3px;transition:all .3s}::-webkit-scrollbar-thumb:hover{background:linear-gradient(#6464ffcc,#6464ff,#ff0096e6);box-shadow:0 0 8px #6464ff80}.app-content::-webkit-scrollbar{width:5px}.app-content::-webkit-scrollbar-thumb{background:linear-gradient(#6464ff4d,#6464ff99)}.app-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(#6464ffb3,#6464ffe6);box-shadow:0 0 10px #6464ff99}.plan-list-container::-webkit-scrollbar{width:6px}.plan-list-container::-webkit-scrollbar-track{background:#6464ff0d;border-radius:3px;margin:4px 0}.plan-list-container::-webkit-scrollbar-thumb{background:linear-gradient(#6464ff,#ff0096);border:1px solid #0a0a0a4d;border-radius:3px;transition:all .3s}.plan-list-container::-webkit-scrollbar-thumb:hover{background:linear-gradient(#00ffc8,#6464ff,#ff0096);border:1px solid #6464ff4d;box-shadow:0 0 12px #6464ff99}.step-body::-webkit-scrollbar{width:5px}.step-body::-webkit-scrollbar-track{background:#6464ff0d;border-radius:3px}.step-body::-webkit-scrollbar-thumb{background:#6464ff66;border-radius:3px;transition:all .3s}.step-body::-webkit-scrollbar-thumb:hover{background:#6464ffb3;box-shadow:0 0 8px #6464ff66}.music-selection-content::-webkit-scrollbar{width:6px}.music-selection-content::-webkit-scrollbar-track{background:#00ffc80d;border-radius:3px;margin:4px 0}.music-selection-content::-webkit-scrollbar-thumb{background:linear-gradient(#00ffc8,#6464ff);border-radius:3px;transition:all .3s}.music-selection-content::-webkit-scrollbar-thumb:hover{background:linear-gradient(#00ffc8,#ff0096);box-shadow:0 0 12px #00ffc899}.genre-popover-content::-webkit-scrollbar{width:5px}.genre-popover-content::-webkit-scrollbar-track{background:#ff00960d;border-radius:3px;margin:4px 0}.genre-popover-content::-webkit-scrollbar-thumb{background:linear-gradient(#ff009699,#ff0096e6);border-radius:3px;transition:all .3s}.genre-popover-content::-webkit-scrollbar-thumb:hover{background:#ff0096;box-shadow:0 0 12px #ff0096b3}.mood-popover-content::-webkit-scrollbar{width:5px}.mood-popover-content::-webkit-scrollbar-track{background:#00ffc80d;border-radius:3px;margin:4px 0}.mood-popover-content::-webkit-scrollbar-thumb{background:linear-gradient(#00ffc899,#00ffc8e6);border-radius:3px;transition:all .3s}.mood-popover-content::-webkit-scrollbar-thumb:hover{background:#00ffc8;box-shadow:0 0 12px #00ffc8b3}.history-content::-webkit-scrollbar{width:5px}.history-content::-webkit-scrollbar-track{background:#6464ff0d;border-radius:3px;margin:4px 0}.history-content::-webkit-scrollbar-thumb{background:linear-gradient(#6464ff99,#6464ffe6);border-radius:3px;transition:all .3s}.history-content::-webkit-scrollbar-thumb:hover{background:#6464ff;box-shadow:0 0 10px #6464ffb3}.youtube-search-dropdown::-webkit-scrollbar{width:5px}.youtube-search-dropdown::-webkit-scrollbar-track{background:#ff00960d;border-radius:3px;margin:4px 0}.youtube-search-dropdown::-webkit-scrollbar-thumb{background:linear-gradient(#ff0096b3,#ff0096);border-radius:3px;transition:all .3s}.youtube-search-dropdown::-webkit-scrollbar-thumb:hover{background:#ff0096;box-shadow:0 0 12px #ff0096cc}.music-tooltip::-webkit-scrollbar{width:5px}.music-tooltip::-webkit-scrollbar-track{background:#6464ff0d;border-radius:3px;margin:2px 0}.music-tooltip::-webkit-scrollbar-thumb{background:linear-gradient(#ff0096b3,#ff0096);border-radius:3px;transition:all .3s}.music-tooltip::-webkit-scrollbar-thumb:hover{background:#ff0096;box-shadow:0 0 10px #ff0096cc}.activity-list::-webkit-scrollbar{width:5px}.activity-list::-webkit-scrollbar-track{background:0 0;border-radius:3px}.activity-list::-webkit-scrollbar-thumb{background:linear-gradient(#6464ff99,#6464ffe6);border-radius:999px;transition:all .3s}.activity-list::-webkit-scrollbar-thumb:hover{background:#6464ff;box-shadow:0 0 10px #6464ff99}.table-container::-webkit-scrollbar{width:5px}.table-container::-webkit-scrollbar-track{background:0 0;border-radius:3px}.table-container::-webkit-scrollbar-thumb{background:linear-gradient(#6464ff99,#6464ffe6);border-radius:999px;transition:all .3s}.table-container::-webkit-scrollbar-thumb:hover{background:#6464ff;box-shadow:0 0 10px #6464ff99}.app-content{scrollbar-width:thin;scrollbar-color:#6464ff99 transparent}.plan-list-container{scrollbar-width:thin;scrollbar-color:#6464ff #6464ff0d}.music-selection-content{scrollbar-width:thin;scrollbar-color:#00ffc8 #00ffc80d}.genre-popover-content,.youtube-search-dropdown,.music-tooltip{scrollbar-width:thin;scrollbar-color:#ff0096 #ff00960d}.mood-popover-content{scrollbar-width:thin;scrollbar-color:#00ffc8 #00ffc80d}.history-content,.step-body,.activity-list,.table-container{scrollbar-width:thin;scrollbar-color:#6464ff #6464ff0d}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-outline-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-blur{syntax:"*";inherits:false}@property --tw-brightness{syntax:"*";inherits:false}@property --tw-contrast{syntax:"*";inherits:false}@property --tw-grayscale{syntax:"*";inherits:false}@property --tw-hue-rotate{syntax:"*";inherits:false}@property --tw-invert{syntax:"*";inherits:false}@property --tw-opacity{syntax:"*";inherits:false}@property --tw-saturate{syntax:"*";inherits:false}@property --tw-sepia{syntax:"*";inherits:false}@property --tw-drop-shadow{syntax:"*";inherits:false}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}@property --tw-backdrop-blur{syntax:"*";inherits:false}@property --tw-backdrop-brightness{syntax:"*";inherits:false}@property --tw-backdrop-contrast{syntax:"*";inherits:false}@property --tw-backdrop-grayscale{syntax:"*";inherits:false}@property --tw-backdrop-hue-rotate{syntax:"*";inherits:false}@property --tw-backdrop-invert{syntax:"*";inherits:false}@property --tw-backdrop-opacity{syntax:"*";inherits:false}@property --tw-backdrop-saturate{syntax:"*";inherits:false}@property --tw-backdrop-sepia{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}/*! tailwindcss v4.1.14 | MIT License | https://tailwindcss.com */@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-border-style:solid;--tw-font-weight:initial;--tw-duration:initial;--tw-tracking:initial;--tw-scale-x:1;--tw-scale-y:1;--tw-scale-z:1;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-leading:initial}}}:root{--color-accent:#ff6b6b;--border-alert:#ff006e;--color-alert:#ff1744;--backdrop-blur:10px;--bg-dark-primary:#121212;--bg-dark-secondary:#1a1a1a;--font-family-base:"Rajdhani",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--font-family-display:"Orbitron","Rajdhani",monospace;--transition-fast:.2s;--bg-glass:#ffffff0d;--bg-glass-dark:#0000004d;--radius-lg:10px;--spacing-lg:20px;--radius-md:8px;--spacing-md:15px;--transition-medium:.5s;--border-primary:#ff57224d;--color-primary:#ff5722;--text-primary:#fff;--color-primary-gradient-end:#ff006e;--color-primary-gradient-start:#ff5722;--text-secondary:#fffc;--font-size-lg:36px;--font-size-md:18px;--font-size-sm:16px;--font-size-xl:80px;--font-size-xs:14px;--font-size-xxs:12px;--radius-sm:5px;--spacing-sm:10px;--letter-spacing:2px;--letter-spacing-wide:4px;--color-warning:#ff006e;--font-weight-black:900;--font-weight-bold:700;--font-weight-extra-bold:800;--font-weight-medium:600;--font-weight-normal:500;--radius-xl:15px;--spacing-xl:30px;--spacing-xs:8px;--radius-xxl:20px;--spacing-xxl:40px;--bg-youtube:#ff57220d}.timer-display{border-style:var(--tw-border-style);--tw-border-style:solid;text-align:center;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-xxl);padding:var(--spacing-xxl);background:#0a0a0acc;border:2px solid #00ffc84d;position:relative;overflow:hidden;box-shadow:0 0 40px #00ffc833,0 8px 32px #0009,inset 0 1px #00ffc833}.timer-display:before{content:"";background:linear-gradient(45deg,#0000,#00ffc81a,#0000);width:200%;height:200%;animation:3s linear infinite shimmer;position:absolute;top:-50%;left:-50%}.timer-display:after{padding:calc(var(--spacing,.25rem)*.5);opacity:.5;border-radius:var(--radius-xxl);content:"";background:linear-gradient(135deg,#00ffc880,#ff009680);animation:3s ease-in-out infinite borderGlow;position:absolute;inset:0;-webkit-mask-image:linear-gradient(#fff 0 0),linear-gradient(#fff 0 0);-webkit-mask-position:0 0,0 0;-webkit-mask-size:auto,auto;-webkit-mask-repeat:repeat,repeat;-webkit-mask-clip:content-box,border-box;-webkit-mask-origin:content-box,border-box;-webkit-mask-composite:xor;mask-composite:exclude;-webkit-mask-source-type:auto,auto;mask-mode:match-source,match-source}@keyframes shimmer{0%{transform:translate(-100%)translateY(-100%)rotate(45deg)}to{transform:translate(100%)translateY(100%)rotate(45deg)}}@keyframes borderGlow{0%,to{opacity:.2;background-position:0%}50%{opacity:.4;background-position:100%}}.timer-display.hidden{display:none}.timer-display.alert{margin-inline:calc(var(--spacing,.25rem)*1.5);animation:pulse var(--transition-medium)infinite;border-color:#ff0096;box-shadow:0 0 60px #ff009680,0 8px 32px #0009,inset 0 1px #ff00964d}.timer-display.resting{background:#00ffc80d;border-color:#00ffc8;box-shadow:0 0 40px #00ffc84d,0 8px 32px #0009,inset 0 1px #00ffc833}.timer-value{z-index:10;--tw-font-weight:var(--font-weight-black,900);font-weight:var(--font-weight-black,900);color:#00ffc8;filter:drop-shadow(0 4px 8px #00ffc84d);font-family:var(--font-family-display);font-size:var(--font-size-xl);letter-spacing:var(--letter-spacing-wide);margin-bottom:var(--spacing-md);text-shadow:0 0 30px #00ffc8cc,0 0 60px #00ffc866;position:relative}.timer-value.warning{color:#ff0096;filter:drop-shadow(0 4px 8px #ff009680);text-shadow:0 0 30px #ff0096,0 0 60px #ff009680;animation:1s ease-in-out infinite pulseGlow}.timer-value.rest-mode{color:#00ffc8;text-shadow:0 0 30px #00ffc8cc,0 0 60px #00ffc866}@keyframes pulseGlow{0%,to{opacity:1;box-shadow:0 0 15px #00ffc880}50%{opacity:.9;box-shadow:0 0 25px #00ffc8cc}}.rep-counter{z-index:10;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;color:#6464ff;font-family:var(--font-family-base);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing);text-shadow:0 0 10px #6464ff80;position:relative}.gesture-hint{z-index:10;text-align:center;opacity:.4;color:var(--text-primary);font-size:var(--font-size-xxs);margin-top:var(--spacing-sm);position:relative}@media(hover:hover)and (pointer:fine){.gesture-hint{display:none}}.segment-timeline{margin-top:calc(var(--spacing,.25rem)*6);gap:calc(var(--spacing,.25rem)*3);z-index:10;flex-direction:column;display:flex;position:relative}.segment-timeline.hidden{display:none}.segment-item{align-items:center;gap:calc(var(--spacing,.25rem)*3);border-radius:var(--radius-lg,10px);padding:calc(var(--spacing,.25rem)*3);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.5s;opacity:.5;background:#0a0a0acc;border:1px solid #ffffff26;transition-duration:.5s;display:flex;position:relative;overflow:hidden;transform:scale(.95)}.segment-item .segment-icon{height:calc(var(--spacing,.25rem)*10);width:calc(var(--spacing,.25rem)*10);border-radius:var(--radius-lg,10px);background:#ffffff14;border:1px solid #fff3;justify-content:center;align-items:center;display:flex}.segment-item .segment-icon .svg-icon{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5);filter:brightness(0)invert();opacity:.6}.segment-item .segment-name{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:#fff9;opacity:.7}.segment-item .segment-duration{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:#ffffff80}.segment-item.active{opacity:1;background:linear-gradient(135deg,#6464ff26,#ff009626);border:2px solid #6464ff99;transform:scale(1.05);box-shadow:0 0 30px #6464ff66,inset 0 0 30px #6464ff1a}.segment-item.active:before{inset:calc(var(--spacing,.25rem)*0);content:"";opacity:1;background:linear-gradient(135deg,#6464ff4d,#ff00964d);animation:3s ease-in-out infinite borderGlow;position:absolute}.segment-item.active:after{inset:calc(var(--spacing,.25rem)*0);content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);animation:3s linear infinite shimmer;position:absolute}.segment-item.active .segment-icon{height:calc(var(--spacing,.25rem)*12);width:calc(var(--spacing,.25rem)*12);background:linear-gradient(135deg,#6464ff4d,#ff00964d);border:2px solid #6464ff99;animation:2s ease-in-out infinite pulse;position:relative}.segment-item.active .segment-icon .svg-icon{height:calc(var(--spacing,.25rem)*7);width:calc(var(--spacing,.25rem)*7);filter:brightness(0)invert()drop-shadow(0 0 8px #6464ffcc);opacity:1;animation:2s ease-in-out infinite iconPulse}.segment-item.active .segment-name{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--plan-primary-cyan);font-family:var(--font-family-display);text-shadow:0 0 10px #00ffc880;letter-spacing:.5px;opacity:1}.segment-item.active .segment-duration{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:#ffffffe6;text-shadow:0 0 5px #ffffff4d;opacity:1}.segment-info{gap:calc(var(--spacing,.25rem)*1);z-index:1;flex-direction:column;flex:1;display:flex;position:relative}@keyframes iconPulse{0%,to{filter:drop-shadow(0 0 8px #00ffc880);transform:scale(1)}50%{filter:drop-shadow(0 0 12px #00ffc8cc);transform:scale(1.05)}}.music-controls{border-style:var(--tw-border-style);--tw-border-style:solid;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--radius-xl);padding:var(--spacing-md);background:#0a0a0acc;border:1px solid #ff00964d;box-shadow:0 0 30px #ff009633,0 8px 32px #00000080,inset 0 1px #ff00961a}.music-controls.hidden{display:none}.music-info{align-items:center;gap:var(--spacing-xs);margin-bottom:var(--spacing-sm);display:flex}.music-title{text-overflow:ellipsis;--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:var(--tracking-wider,.05em);letter-spacing:var(--tracking-wider,.05em);white-space:nowrap;color:#ff0096;font-family:var(--font-family-base);font-size:var(--font-size-xs);flex:1;overflow:hidden}.music-info-btn{cursor:pointer;padding:calc(var(--spacing,.25rem)*0);height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);border-style:var(--tw-border-style);--tw-border-style:solid;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;anchor-name:--music-info-btn;color:#ff0096;background:#ff00961a;border:1px solid #ff0096;border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;transition-duration:.3s;display:flex}.music-info-btn:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y);background:#ff009633;box-shadow:0 0 15px #ff009680}.music-tooltip{margin:calc(var(--spacing,.25rem)*0);margin-top:calc(var(--spacing,.25rem)*2);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);border-style:var(--tw-border-style);--tw-border-style:solid;--tw-leading:var(--leading-relaxed,1.625);line-height:var(--leading-relaxed,1.625);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:var(--color-white,#fff);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);font-size:var(--font-size-sm);inset:auto;left:anchor(center);min-width:min(280px,100vw - 20px);max-width:min(400px,100vw - 20px);max-height:300px;padding:var(--spacing-md);position-anchor:--music-info-btn;position-try-fallbacks:--tooltip-left,--tooltip-right,--tooltip-above;top:anchor(bottom);transition-duration:.2s;transition:opacity .2s,transform .2s,display .2s allow-discrete,overlay .2s allow-discrete;background:#000000fa;border:2px solid #ff0096;position:fixed;overflow-y:auto;box-shadow:0 0 30px #ff009699}@supports (anchor-name:--test){@position-try --tooltip-left{margin-top:calc(var(--spacing,.25rem)*2);--tw-translate-x: calc(var(--spacing,.25rem)*0);translate:var(--tw-translate-x)var(--tw-translate-y);inset:auto;left:anchor(left);top:anchor(bottom)}@position-try --tooltip-right{margin-top:calc(var(--spacing,.25rem)*2);--tw-translate-x: calc(var(--spacing,.25rem)*0);translate:var(--tw-translate-x)var(--tw-translate-y);inset:auto;right:anchor(right);top:anchor(bottom)}@position-try --tooltip-above{margin-top:calc(var(--spacing,.25rem)*0);margin-bottom:calc(var(--spacing,.25rem)*2);--tw-translate-x: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);inset:auto;left:anchor(center);bottom:anchor(top)}}@supports not (anchor-name:--test){.music-tooltip{transform:translate(-50%);top:100%!important;left:50%!important}}.music-tooltip:popover-open{--tw-translate-y:calc(var(--spacing,.25rem)*0);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:1}@starting-style{.music-tooltip:popover-open{--tw-translate-y:calc(var(--spacing,.25rem)*-2.5);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:0}}.music-tooltip-title{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);overflow-wrap:break-word;color:#ff0096;font-size:var(--font-size-md);margin-bottom:var(--spacing-sm)}.music-tooltip-info{gap:var(--spacing-xs);flex-direction:column;display:flex}.music-tooltip-row{gap:var(--spacing-xs);display:flex}.music-tooltip-label{--tw-font-weight:var(--font-weight-bold,700);min-width:80px;font-weight:var(--font-weight-bold,700);color:#6464ff}.music-tooltip-value{overflow-wrap:break-word;color:#00ffc8;flex:1}.music-player{align-items:center;gap:var(--spacing-md);display:flex}.music-btn{cursor:pointer;height:calc(var(--spacing,.25rem)*10);width:calc(var(--spacing,.25rem)*10);border-style:var(--tw-border-style);--tw-border-style:solid;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;color:#ff0096;background:#ff00961a;border:2px solid #ff0096;border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;transition-duration:.3s;display:flex;box-shadow:0 0 15px #ff00964d}.music-btn:hover{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y);background:#ff009633;box-shadow:0 0 25px #ff009680}.music-btn:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.music-btn svg{pointer-events:none}.music-btn .play-icon,.music-btn .pause-icon{position:absolute}.music-btn .hidden{display:none!important}.music-progress{align-items:center;gap:var(--spacing-sm);flex:1;display:flex}.music-time{text-align:center;--tw-font-weight:var(--font-weight-semibold,600);min-width:35px;font-weight:var(--font-weight-semibold,600);color:#6464ff;font-family:var(--font-family-display);font-size:var(--font-size-xxs)}.progress-bar-container{cursor:pointer;-webkit-user-select:none;user-select:none;flex:1;height:8px;padding:12px 0;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative}.progress-bar-bg{background:#6464ff26;border-radius:3.40282e38px;width:100%;height:8px;position:absolute;top:50%;transform:translateY(-50%);box-shadow:inset 0 1px 3px #0000004d}.progress-bar-fill{width:calc(var(--spacing,.25rem)*0);will-change:width;background:linear-gradient(90deg,#ff0096,#6464ff);border-radius:3.40282e38px;height:8px;transition:box-shadow .2s cubic-bezier(.4,0,.2,1);position:absolute;top:50%;transform:translateY(-50%);box-shadow:0 0 12px #ff009699,0 2px 8px #6464ff4d}.progress-bar-fill.no-transition{transition:none}.progress-bar-handle{pointer-events:none;opacity:0;z-index:10;background:#ff0096;border:2px solid #fff;border-radius:3.40282e38px;width:16px;height:16px;margin-top:-8px;margin-left:-8px;transition:opacity .15s,box-shadow .15s,width .15s,height .15s,margin .15s;position:absolute;top:50%;left:0%;box-shadow:0 0 8px #ff009699,0 2px 4px #0000004d}@media(hover:hover)and (pointer:fine){.progress-bar-container:hover .progress-bar-handle{opacity:1}.progress-bar-container:hover .progress-bar-bg{background:#6464ff40}}@media(hover:none)and (pointer:coarse){.progress-bar-container{height:10px;padding:16px 0}.progress-bar-bg,.progress-bar-fill{height:10px}.progress-bar-handle{opacity:1;width:20px;height:20px;margin-top:-10px;margin-left:-10px}}.progress-bar-container.dragging .progress-bar-handle{opacity:1;width:20px;height:20px;margin-top:-10px;margin-left:-10px;box-shadow:0 0 16px #ff0096,0 3px 8px #0006}.progress-bar-container.dragging .progress-bar-fill{box-shadow:0 0 16px #ff0096cc,0 3px 8px #6464ff66}.progress-bar-container.dragging .progress-bar-bg{background:#6464ff4d}.music-mode-toggle{margin-bottom:var(--spacing-md);background:#0006;border:1px solid #6464ff4d;border-radius:12px;gap:6px;padding:4px;display:flex;position:relative}.mode-toggle-btn{color:#6464ff99;cursor:pointer;font-family:var(--font-family-base);letter-spacing:1px;z-index:1;background:0 0;border:1px solid #7d7dec66;border-radius:8px;flex:1;justify-content:center;align-items:center;gap:6px;padding:10px 12px;font-size:13px;font-weight:600;transition:all .3s;display:flex;position:relative}.music-mode-toggle .mode-toggle-btn span{font-size:16px}.mode-toggle-btn svg{flex-shrink:0;transition:all .3s}.music-mode-toggle .svg-icon{width:2em;height:2em}.mode-toggle-btn:hover:not(.active){color:#6464ff;background:#6464ff1a;border:1px solid #7d7dec}.mode-toggle-btn.active{color:#00ffc8;text-shadow:0 0 10px #00ffc899;background:linear-gradient(135deg,#00ffc833,#6464ff33);border:1px solid #00ffc866;box-shadow:0 0 20px #00ffc84d,inset 0 1px #00ffc833}.mode-toggle-btn.active svg{filter:drop-shadow(0 0 6px #00ffc899)}.music-mode-content{animation:.3s fadeInContent;display:none}.music-mode-content.active{display:block}@keyframes fadeInContent{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.mood-tags{flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%;padding:20px 10px;display:flex;position:relative}@media(max-width:480px){.mood-tags{gap:6px;padding:12px 4px}}.mood-tag{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);color:#00ffc8;cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-xxs);letter-spacing:.5px;text-align:center;text-transform:uppercase;background:linear-gradient(135deg,#00ffc814,#6464ff1a);border:2px solid #00ffc84d;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:130px;height:140px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}@media(max-width:480px){.mood-tag{gap:6px;width:100px;height:108px;font-size:10px}}@media(max-width:360px){.mood-tag{gap:4px;width:90px;height:98px;font-size:9px}}.mood-tag:first-child,.mood-tag:nth-child(2),.mood-tag:nth-child(3){margin-top:0}.mood-tag:nth-child(4),.mood-tag:nth-child(5),.mood-tag:nth-child(6){margin-top:-12px}.mood-tag:nth-child(7),.mood-tag:nth-child(8),.mood-tag:nth-child(9){margin-top:0}.mood-tag:before{content:"";opacity:0;z-index:0;background:linear-gradient(135deg,#00ffc833,#6464ff33);transition:opacity .3s;position:absolute;inset:0}.mood-tag:after{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);content:"";filter:blur(8px);opacity:0;z-index:-1;background:linear-gradient(135deg,#00ffc880,#6464ff80);transition:opacity .3s;position:absolute;inset:-4px}.mood-tag:hover:before,.mood-tag:hover:after{opacity:1}.mood-tag:hover{text-shadow:0 0 12px #00ffc8;z-index:10;border-color:#00ffc8b3;transform:scale(1.08);box-shadow:0 0 40px #00ffc880,inset 0 0 30px #00ffc826}.mood-tag:active{transform:scale(1.04)}.mood-icon{z-index:1;font-size:38px;transition:all .3s;position:relative}.mood-tag:first-child .mood-icon{filter:brightness(0)saturate()invert(53%)sepia(77%)saturate(2944%)hue-rotate(239deg)brightness(99%)contrast(97%)drop-shadow(0 0 10px #a855f799)!important}.mood-tag:nth-child(2) .mood-icon{filter:brightness(0)saturate()invert(12%)sepia()saturate(7497%)hue-rotate(2deg)brightness(107%)contrast(117%)drop-shadow(0 0 10px #f009)!important}.mood-tag:nth-child(3) .mood-icon{filter:brightness(0)saturate()invert(82%)sepia(61%)saturate(1184%)hue-rotate(359deg)brightness(104%)contrast(104%)drop-shadow(0 0 10px #ffd70099)!important}.mood-tag:nth-child(4) .mood-icon{filter:brightness(0)saturate()invert(17%)sepia(99%)saturate(7471%)hue-rotate(322deg)brightness(103%)contrast(108%)drop-shadow(0 0 10px #ff149399)!important}.mood-tag:nth-child(5) .mood-icon{filter:brightness(0)saturate()invert(45%)sepia(99%)saturate(2801%)hue-rotate(360deg)brightness(104%)contrast(107%)drop-shadow(0 0 10px #f609)!important}.mood-tag:nth-child(6) .mood-icon{filter:brightness(0)saturate()invert(64%)sepia(98%)saturate(1205%)hue-rotate(72deg)brightness(96%)contrast(86%)drop-shadow(0 0 10px #32cd3299)!important}.mood-tag:nth-child(7) .mood-icon{filter:brightness(0)saturate()invert(53%)sepia()saturate(1976%)hue-rotate(169deg)brightness(104%)contrast(106%)drop-shadow(0 0 10px #00bfff99)!important}.mood-tag:nth-child(8) .mood-icon{filter:brightness(0)saturate()invert(70%)sepia(77%)saturate(2978%)hue-rotate(327deg)brightness(101%)contrast(104%)drop-shadow(0 0 10px #ff7f5099)!important}.mood-tag:nth-child(9) .mood-icon{filter:brightness(0)saturate()invert(89%)sepia(36%)saturate(2561%)hue-rotate(102deg)brightness(104%)contrast(101%)drop-shadow(0 0 10px #00ffc899)!important}@media(max-width:480px){.mood-icon{font-size:28px}}@media(max-width:360px){.mood-icon{font-size:24px}}.mood-tag:hover .mood-icon{transform:scale(1.15)rotate(5deg)}.mood-tag:first-child:hover .mood-icon{filter:brightness(0)saturate()invert(53%)sepia(77%)saturate(2944%)hue-rotate(239deg)brightness(99%)contrast(97%)drop-shadow(0 0 20px #a855f7)!important}.mood-tag:nth-child(2):hover .mood-icon{filter:brightness(0)saturate()invert(12%)sepia()saturate(7497%)hue-rotate(2deg)brightness(107%)contrast(117%)drop-shadow(0 0 20px red)!important}.mood-tag:nth-child(3):hover .mood-icon{filter:brightness(0)saturate()invert(82%)sepia(61%)saturate(1184%)hue-rotate(359deg)brightness(104%)contrast(104%)drop-shadow(0 0 20px gold)!important}.mood-tag:nth-child(4):hover .mood-icon{filter:brightness(0)saturate()invert(17%)sepia(99%)saturate(7471%)hue-rotate(322deg)brightness(103%)contrast(108%)drop-shadow(0 0 20px #ff1493)!important}.mood-tag:nth-child(5):hover .mood-icon{filter:brightness(0)saturate()invert(45%)sepia(99%)saturate(2801%)hue-rotate(360deg)brightness(104%)contrast(107%)drop-shadow(0 0 20px #f60)!important}.mood-tag:nth-child(6):hover .mood-icon{filter:brightness(0)saturate()invert(64%)sepia(98%)saturate(1205%)hue-rotate(72deg)brightness(96%)contrast(86%)drop-shadow(0 0 20px #32cd32)!important}.mood-tag:nth-child(7):hover .mood-icon{filter:brightness(0)saturate()invert(53%)sepia()saturate(1976%)hue-rotate(169deg)brightness(104%)contrast(106%)drop-shadow(0 0 20px #00bfff)!important}.mood-tag:nth-child(8):hover .mood-icon{filter:brightness(0)saturate()invert(70%)sepia(77%)saturate(2978%)hue-rotate(327deg)brightness(101%)contrast(104%)drop-shadow(0 0 20px coral)!important}.mood-tag:nth-child(9):hover .mood-icon{filter:brightness(0)saturate()invert(89%)sepia(36%)saturate(2561%)hue-rotate(102deg)brightness(104%)contrast(101%)drop-shadow(0 0 20px #00ffc8)!important}.mood-tag span:last-child{z-index:1;max-width:90%;line-height:1.2;position:relative}.genre-tags{flex-wrap:wrap;justify-content:center;gap:8px;max-width:100%;padding:20px 10px;display:flex;position:relative}@media(max-width:480px){.genre-tags{gap:6px;padding:12px 4px}}.genre-tag{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);color:#ff3232;cursor:pointer;font-family:var(--font-family-base);font-size:var(--font-size-xxs);letter-spacing:.5px;text-align:center;text-transform:uppercase;background:linear-gradient(135deg,#ff323214,#ff64641a);border:2px solid #ff32324d;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:130px;height:140px;font-weight:700;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}@media(max-width:480px){.genre-tag{gap:6px;width:100px;height:108px;font-size:10px}}@media(max-width:360px){.genre-tag{gap:4px;width:90px;height:98px;font-size:9px}}.genre-tag:first-child,.genre-tag:nth-child(2),.genre-tag:nth-child(3){margin-top:0}.genre-tag:nth-child(4),.genre-tag:nth-child(5),.genre-tag:nth-child(6){margin-top:-12px}.genre-tag:nth-child(7),.genre-tag:nth-child(8),.genre-tag:nth-child(9){margin-top:0}.genre-tag:before{content:"";opacity:0;z-index:0;background:linear-gradient(135deg,#ff323233,#ff646433);transition:opacity .3s;position:absolute;inset:0}.genre-tag:after{clip-path:polygon(30% 0%,70% 0%,100% 30%,100% 70%,70% 100%,30% 100%,0% 70%,0% 30%);content:"";filter:blur(8px);opacity:0;z-index:-1;background:linear-gradient(135deg,#ff323280,#ff646480);transition:opacity .3s;position:absolute;inset:-4px}.genre-tag:hover:before,.genre-tag:hover:after{opacity:1}.genre-tag:hover{color:#fff;text-shadow:0 0 12px #ff3232;z-index:10;border-color:#ff3232b3;transform:scale(1.08);box-shadow:0 0 40px #ff323280,inset 0 0 30px #ff323226}.genre-tag:active{transform:scale(1.04)}.genre-icon{z-index:1;font-size:38px;transition:all .3s;position:relative}.genre-tag:first-child .genre-icon{filter:brightness(0)saturate()invert(47%)sepia(97%)saturate(1848%)hue-rotate(196deg)brightness(105%)contrast(106%)drop-shadow(0 0 10px #1e90ff99)!important}.genre-tag:nth-child(2) .genre-icon{filter:brightness(0)saturate()invert(28%)sepia(99%)saturate(6498%)hue-rotate(352deg)brightness(106%)contrast(108%)drop-shadow(0 0 10px #ff323299)!important}.genre-tag:nth-child(3) .genre-icon{filter:brightness(0)saturate()invert(82%)sepia(61%)saturate(1184%)hue-rotate(359deg)brightness(104%)contrast(104%)drop-shadow(0 0 10px #ffd70099)!important}.genre-tag:nth-child(4) .genre-icon{filter:brightness(0)saturate()invert()sepia(0%)saturate(0%)hue-rotate()brightness()contrast()drop-shadow(0 0 10px #f0f0f099)!important}.genre-tag:nth-child(5) .genre-icon{filter:brightness(0)saturate()invert(11%)sepia(94%)saturate(6731%)hue-rotate(274deg)brightness(81%)contrast(134%)drop-shadow(0 0 10px #4b008299)!important}.genre-tag:nth-child(6) .genre-icon{filter:brightness(0)saturate()invert(17%)sepia(99%)saturate(7471%)hue-rotate(322deg)brightness(103%)contrast(108%)drop-shadow(0 0 10px #ff149399)!important}.genre-tag:nth-child(7) .genre-icon{filter:brightness(0)saturate()invert(87%)sepia(96%)saturate(7466%)hue-rotate(138deg)brightness(106%)contrast(106%)drop-shadow(0 0 10px #0ff9)!important}.genre-tag:nth-child(8) .genre-icon{filter:brightness(0)saturate()invert(13%)sepia(99%)saturate(7495%)hue-rotate(321deg)brightness(118%)contrast(119%)drop-shadow(0 0 10px #f0f9)!important}.genre-tag:nth-child(9) .genre-icon{filter:brightness(0)saturate()invert(58%)sepia(99%)saturate(2597%)hue-rotate(6deg)brightness(104%)contrast(107%)drop-shadow(0 0 10px #ff8c0099)!important}@media(max-width:480px){.genre-icon{font-size:28px}}@media(max-width:360px){.genre-icon{font-size:24px}}.genre-tag:hover .genre-icon{transform:scale(1.15)rotate(5deg)}.genre-tag:first-child:hover .genre-icon{filter:brightness(0)saturate()invert(47%)sepia(97%)saturate(1848%)hue-rotate(196deg)brightness(105%)contrast(106%)drop-shadow(0 0 20px #1e90ff)!important}.genre-tag:nth-child(2):hover .genre-icon{filter:brightness(0)saturate()invert(28%)sepia(99%)saturate(6498%)hue-rotate(352deg)brightness(106%)contrast(108%)drop-shadow(0 0 20px #ff3232)!important}.genre-tag:nth-child(3):hover .genre-icon{filter:brightness(0)saturate()invert(82%)sepia(61%)saturate(1184%)hue-rotate(359deg)brightness(104%)contrast(104%)drop-shadow(0 0 20px gold)!important}.genre-tag:nth-child(4):hover .genre-icon{filter:brightness(0)saturate()invert()sepia(0%)saturate(0%)hue-rotate()brightness()contrast()drop-shadow(0 0 20px #f0f0f0)!important}.genre-tag:nth-child(5):hover .genre-icon{filter:brightness(0)saturate()invert(11%)sepia(94%)saturate(6731%)hue-rotate(274deg)brightness(81%)contrast(134%)drop-shadow(0 0 20px indigo)!important}.genre-tag:nth-child(6):hover .genre-icon{filter:brightness(0)saturate()invert(17%)sepia(99%)saturate(7471%)hue-rotate(322deg)brightness(103%)contrast(108%)drop-shadow(0 0 20px #ff1493)!important}.genre-tag:nth-child(7):hover .genre-icon{filter:brightness(0)saturate()invert(87%)sepia(96%)saturate(7466%)hue-rotate(138deg)brightness(106%)contrast(106%)drop-shadow(0 0 20px #0ff)!important}.genre-tag:nth-child(8):hover .genre-icon{filter:brightness(0)saturate()invert(13%)sepia(99%)saturate(7495%)hue-rotate(321deg)brightness(118%)contrast(119%)drop-shadow(0 0 20px #f0f)!important}.genre-tag:nth-child(9):hover .genre-icon{filter:brightness(0)saturate()invert(58%)sepia(99%)saturate(2597%)hue-rotate(6deg)brightness(104%)contrast(107%)drop-shadow(0 0 20px #ff8c00)!important}.genre-tag span{z-index:1;max-width:90%;line-height:1.2;position:relative}.youtube-controls{gap:var(--spacing-sm);display:flex}.youtube-controls input{border-radius:var(--radius-sm);color:#ff0096;font-family:var(--font-family-base);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium);padding:var(--spacing-sm);background:#00000080;border:1px solid #ff00964d;outline:none;flex:1;transition:all .3s}.youtube-controls input:focus{border-color:#ff0096;box-shadow:0 0 15px #ff00964d}.youtube-controls button{border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;font-weight:var(--font-weight-bold);letter-spacing:var(--letter-spacing);padding:var(--spacing-sm)var(--spacing-lg);text-transform:uppercase;background:linear-gradient(135deg,#ff0096,#6464ff);border:none;transition:all .3s;box-shadow:0 0 15px #ff00964d}.youtube-controls button:hover{transform:translateY(-2px);box-shadow:0 0 25px #ff009680}.youtube-controls button .svg-icon{width:1.5em!important;height:1.5em!important}.youtube-loading,.youtube-error{border-radius:var(--radius-md);bottom:var(--spacing-xl);font-size:var(--font-size-xs);min-width:250px;padding:var(--spacing-md);text-align:center;z-index:100;position:fixed;left:50%;transform:translate(-50%)}.youtube-loading{color:var(--text-primary);background:#ff5722e6}.youtube-error{color:var(--text-primary);background:#ff006ee6}.settings{border-style:var(--tw-border-style);--tw-border-style:solid;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--radius-xl);padding:var(--spacing-lg);background:#0a0a0ab3;border:1px solid #6464ff33;box-shadow:0 0 30px #6464ff1a,0 8px 32px #00000080,inset 0 1px #6464ff1a}.settings.hidden{display:none}.settings-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.settings-header label{margin-bottom:calc(var(--spacing,.25rem)*0);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;opacity:.9;font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing);display:block}.settings-plan-btn{align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-lg,10px);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;cursor:pointer;background:linear-gradient(135deg,#6464ff14,#ff009614);border:2px solid #6464ff4d;transition-duration:.3s;display:flex;position:relative;overflow:hidden}.settings-plan-btn:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#6464ff,#ff0096,#00ffc8) 0 0/200% 200%;border-radius:8px;transition:opacity .3s;animation:3s ease-in-out infinite borderGlow;position:absolute;inset:-2px}.settings-plan-btn:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.settings-plan-btn:hover:before{opacity:.3}.settings-plan-btn:hover:after{transform:translate(100%)}.settings-plan-btn:hover{background:linear-gradient(135deg,#6464ff26,#ff009626);border-color:#6464ff99;transform:translateY(-2px);box-shadow:0 0 30px #6464ff66,0 4px 16px #0009,inset 0 0 30px #6464ff1a}.settings-plan-btn:active{transform:translateY(0)scale(.98)}.settings-plan-btn .svg-icon{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5);filter:brightness(0)invert()drop-shadow(0 0 8px #6464ff99);z-index:1;transition:all .3s;animation:2s ease-in-out infinite iconPulse;position:relative}.settings-plan-btn:hover .svg-icon{filter:brightness(0)invert()drop-shadow(0 0 12px #6464ffe6);transform:scale(1.1)}.settings-plan-btn .plan-selector-arrow{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);animation:none}.settings-grid{gap:var(--spacing-md);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.setting-group{flex-direction:column;display:flex}.setting-group label:not(.checkbox-label){--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);opacity:.9;font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing);margin-bottom:var(--spacing-xs);display:block}.setting-group input{border-style:var(--tw-border-style);--tw-border-style:solid;width:100%;padding:calc(var(--spacing,.25rem)*3);--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;--tw-outline-style:none;border-radius:var(--radius-md);color:#00ffc8;font-family:var(--font-family-base);font-size:var(--font-size-md);background:#00000080;border:1px solid #00ffc833;outline-style:none;transition-duration:.3s}.setting-group input:focus{background:#00ffc80d;border-color:#00ffc8;box-shadow:0 0 20px #00ffc84d}.settings-grid-compact{margin-top:var(--spacing-lg)}.plan-card-container{flex-direction:column;gap:8px;display:flex}.settings .plan-card{margin-bottom:0}.checkbox-group{margin-top:var(--spacing-md)}.checkbox-label{cursor:pointer;border-radius:var(--radius-md);background:linear-gradient(135deg,#0a0a0a99,#14141e99);border:1.5px solid #6464ff40;align-items:center;gap:10px;min-height:42px;padding:10px 14px;transition:all .3s;display:flex;position:relative;overflow:hidden}.checkbox-label:before{content:"";border-radius:var(--radius-md);opacity:0;z-index:-1;background:linear-gradient(135deg,#6464ff,#00ffc8);transition:opacity .3s;position:absolute;inset:-1.5px}.checkbox-label:hover:before{opacity:.2}.checkbox-label:hover{background:linear-gradient(135deg,#6464ff1a,#00ffc80d);border-color:#6464ff66;box-shadow:0 0 16px #6464ff26}.checkbox-label input[type=checkbox]{cursor:pointer;appearance:none;background:#0009;border:2px solid #00ffc84d;border-radius:4px;flex-shrink:0;width:16px;height:16px;margin:0;transition:all .25s;position:relative}.checkbox-label input[type=checkbox]:hover{border-color:#00ffc880;box-shadow:0 0 12px #00ffc840}.checkbox-label input[type=checkbox]:checked{background:linear-gradient(135deg,#00ffc8,#00d4a8);border-color:#00ffc8;box-shadow:0 0 16px #00ffc880}.checkbox-label input[type=checkbox]:checked:after{content:"";border:2px solid #0a0a0a;border-width:0 2px 2px 0;width:4px;height:8px;animation:.25s ease-out checkmarkPop;position:absolute;top:1px;left:4px;transform:rotate(45deg)}@keyframes checkmarkPop{0%{opacity:0;transform:rotate(45deg)scale(0)}50%{transform:rotate(45deg)scale(1.15)}to{opacity:1;transform:rotate(45deg)scale(1)}}.checkbox-label span{color:#ffffffe6;letter-spacing:.2px;text-shadow:0 1px 2px #0000004d;flex:1;margin:0;font-size:14px;font-weight:500;line-height:1.3;transition:color .3s}.checkbox-label:hover span{color:#fff}.checkbox-label input[type=checkbox]:checked~span{color:#00ffc8;text-shadow:0 0 8px #00ffc866}.info-icon{cursor:pointer;background:#6464ff1a;border:1.5px solid #6464ff4d;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin:0;padding:0;transition:all .3s;display:flex;position:relative}.info-icon:hover{background:#6464ff33;border-color:#6464ff99;transform:scale(1.1);box-shadow:0 0 16px #6464ff66}.info-icon:active{transform:scale(.95)}.info-icon .svg-icon{filter:brightness(0)invert()drop-shadow(0 0 4px #6464ff99);opacity:.9;width:14px;height:14px;transition:all .3s}.info-icon:hover .svg-icon{opacity:1;filter:brightness(0)invert()drop-shadow(0 0 8px #6464ffe6)}.info-popover{border-radius:var(--radius-lg);padding:var(--spacing-lg);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#0a0a0afa,#14141efa);border:2px solid #6464ff80;max-width:400px;margin:0;position:fixed;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 40px #6464ff4d,0 8px 32px #000c,inset 0 1px #6464ff33}.info-popover::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000b3}.info-popover:popover-open{animation:.2s ease-out popoverFadeIn}@keyframes popoverFadeIn{0%{opacity:0;transform:translate(-50%,-50%)scale(.95)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.info-popover strong{color:#00ffc8;font-size:var(--font-size-md);margin-bottom:var(--spacing-sm);text-shadow:0 0 10px #00ffc880;font-weight:700;display:block}.info-popover p{color:#ffffffd9;font-size:var(--font-size-sm);margin-bottom:var(--spacing-sm);line-height:1.6}.info-popover p:last-child{margin-bottom:0}.info-popover p strong{color:#ff0096;font-size:inherit;text-shadow:0 0 10px #ff009680;margin-bottom:0;display:inline}@media(max-width:640px){.info-popover{border-radius:12px;max-width:calc(100vw - 32px);padding:1rem;box-shadow:0 0 30px #6464ff4d,0 6px 24px #000c,inset 0 1px #6464ff33}.info-popover strong{margin-bottom:.5rem;font-size:15px}.info-popover p{margin-bottom:.75rem;font-size:14px;line-height:1.5}}@media(max-width:480px){.info-popover{border-radius:10px;max-width:calc(100vw - 24px);padding:.875rem}.info-popover strong{font-size:14px}.info-popover p{font-size:13px}}.youtube-section{border-style:var(--tw-border-style);--tw-border-style:solid;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-radius:var(--radius-xl);padding:var(--spacing-lg);background:#0a0a0ab3;border:1px solid #6464ff33;box-shadow:0 0 30px #6464ff1a,0 8px 32px #00000080,inset 0 1px #6464ff1a}.youtube-section.hidden{display:none}.youtube-header{margin-bottom:var(--spacing-md);justify-content:space-between;align-items:center;display:flex}.youtube-section label{margin-bottom:calc(var(--spacing,.25rem)*0);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;opacity:.9;font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing);display:block}.controls{-webkit-user-select:none;user-select:none;gap:var(--spacing-md);-webkit-tap-highlight-color:transparent;touch-action:manipulation;flex-wrap:wrap;width:100%;display:flex;overflow:hidden}.btn{cursor:pointer;border-style:var(--tw-border-style);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;-webkit-user-select:none;user-select:none;border-radius:var(--radius-lg);font-family:var(--font-family-base);font-size:var(--font-size-sm);letter-spacing:var(--letter-spacing-wide);padding:var(--spacing-md);-webkit-tap-highlight-color:transparent;touch-action:manipulation;border-width:0;flex:1;transition-duration:.2s;position:relative;overflow:hidden;box-shadow:0 4px 15px #0000004d}.btn:before{z-index:0;--tw-translate-x: -50% ;--tw-translate-y: -50% ;translate:var(--tw-translate-x)var(--tw-translate-y);height:calc(var(--spacing,.25rem)*0);width:calc(var(--spacing,.25rem)*0);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.6s;content:"";background:#ffffff1a;border-radius:3.40282e38px;transition-duration:.6s;position:absolute;top:50%;left:50%}.btn:hover:before{width:300px;height:300px}.btn:hover{--tw-translate-y:calc(var(--spacing,.25rem)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y);box-shadow:0 6px 20px #0006}.btn:active{scale:.98}.btn-start{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2/1.5)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-black,#000);text-shadow:none;background:linear-gradient(135deg,#00ffc8,#6464ff)}.btn-start:hover{box-shadow:0 0 30px #00ffc880,0 6px 20px #0006}.btn-reset{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2/1.5)));--tw-font-weight:var(--font-weight-extrabold,800);font-weight:var(--font-weight-extrabold,800);color:var(--color-white,#fff);background:linear-gradient(135deg,#ff0096,#6464ff)}.btn-reset:hover{box-shadow:0 0 30px #ff009680,0 6px 20px #0006}.btn-clear-all{width:100%;font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--color-white,#fff);flex:unset;background:linear-gradient(135deg,#ff0040,#8b0000)}.btn-clear-all:hover{box-shadow:0 0 30px #ff004080,0 6px 20px #0006}.btn.hidden{display:none}.install-banner{pointer-events:none;right:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:50;padding-inline:calc(var(--spacing,.25rem)*5);padding-block:calc(var(--spacing,.25rem)*4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-items:center;gap:var(--spacing-md);-webkit-tap-highlight-color:transparent;background:linear-gradient(135deg,#6464fff2,#00ffc8f2);height:150px;transition:transform .6s cubic-bezier(.34,1.56,.64,1);display:flex;position:fixed;top:0;transform:translateY(-150px);box-shadow:0 4px 30px #00ffc84d,0 0 0 1px #ffffff1a}@media(min-width:768px){.install-banner{display:none}}.install-banner.show{pointer-events:auto;transform:translateY(0)}.install-banner.rolling-up{animation:.5s cubic-bezier(.6,.04,.98,.34) forwards rollUp}@keyframes rollUp{0%{transform:translateY(0)}to{opacity:0;transform:translateY(-150px)rotateX(90deg)}}.install-banner-logo{border-radius:var(--radius-lg);background:#ffffff26;border:2px solid #ffffff4d;flex-shrink:0;justify-content:center;align-items:center;width:90px;height:90px;display:flex;box-shadow:0 4px 15px #0003}.install-banner-logo img{height:calc(var(--spacing,.25rem)*16);width:calc(var(--spacing,.25rem)*16);filter:drop-shadow(0 2px 8px #0000004d)}.install-banner-right{gap:var(--spacing-xs);flex-direction:column;flex:1;padding-top:8px;display:flex;position:relative}.install-banner-btn-close{cursor:pointer;border-style:var(--tw-border-style);border-radius:var(--radius-md);color:#fff;-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fff3;border-width:0;justify-content:center;align-items:center;width:28px;height:28px;transition:all .2s;display:flex;position:absolute;top:0;right:0}.install-banner-btn-close:active{background:#ffffff4d;scale:.9}.install-banner-btn-close i{font-size:16px}.install-banner-btn-primary{cursor:pointer;border-style:var(--tw-border-style);--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);white-space:nowrap;text-transform:uppercase;border-radius:var(--radius-lg);color:#6464ff;font-size:var(--font-size-sm);justify-content:center;align-items:center;gap:var(--spacing-xs);letter-spacing:var(--letter-spacing-wide);padding:var(--spacing-sm)var(--spacing-md);-webkit-tap-highlight-color:transparent;touch-action:manipulation;background:#fffffff2;border-width:0;margin-right:40px;transition:all .2s;display:flex;box-shadow:0 4px 15px #0000004d}.install-banner-btn-primary:active{scale:.95;box-shadow:0 2px 10px #0006}.install-banner-btn-primary i{font-size:16px}.install-banner-subtitle{margin:calc(var(--spacing,.25rem)*0);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--color-white,#fff);font-size:var(--font-size-xs);opacity:.9;text-shadow:0 2px 4px #0003;padding-right:40px}.install-banner-swipe-indicator{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:var(--radius-md);opacity:0;background:#00000080;justify-content:center;align-items:center;gap:4px;padding:4px 12px;animation:.6s ease-out .8s forwards fadeInBounce;display:flex;position:absolute;bottom:0;left:50%;transform:translate(-50%)}@keyframes fadeInBounce{0%{opacity:0;transform:translate(-50%,10px)}to{opacity:1;transform:translate(-50%)}}.install-banner-swipe-indicator i{color:#fff;filter:drop-shadow(0 2px 4px #00000080);font-size:16px;animation:2s infinite bounce}@keyframes bounce{0%,to{animation-timing-function:cubic-bezier(.8,0,1,1);transform:translateY(-25%)}50%{animation-timing-function:cubic-bezier(0,0,.2,1);transform:none}}.install-banner-swipe-indicator span{color:#fff;text-shadow:0 1px 3px #000c;font-size:10px;font-weight:600}.loading-overlay{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:9999;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);justify-content:center;align-items:center;gap:var(--spacing-lg);background:#000000f2;flex-direction:column;width:100%;height:100%;display:flex;position:fixed}.loading-overlay.hidden{display:none}.loading-spinner{border-style:var(--tw-border-style);--tw-border-style:solid;border:4px solid #00ffc8;border-color:#00ffc8 #ff0096 #00ffc833 #00ffc833;border-radius:3.40282e38px;width:60px;height:60px;animation:1s linear infinite spin;box-shadow:0 0 30px #00ffc880,inset 0 0 20px #00ffc833}.loading-text{--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);text-transform:uppercase;color:#00ffc8;font-family:var(--font-family-base);font-size:var(--font-size-md);letter-spacing:var(--letter-spacing-wide);text-shadow:0 0 20px #00ffc880}@keyframes spin{to{transform:rotate(360deg)}}.update-overlay{top:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);z-index:99999;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);justify-content:center;align-items:center;gap:var(--spacing-xl);background:linear-gradient(135deg,#000000fa,#0a0a14fa);flex-direction:column;width:100%;height:100%;display:flex;position:fixed}.update-overlay.hidden{display:none}.update-icon{filter:drop-shadow(0 0 30px #00ffc899);width:140px;height:140px;margin-bottom:var(--spacing-md);animation:2s ease-in-out infinite updatePulse}@keyframes updatePulse{0%,to{filter:drop-shadow(0 0 30px #00ffc899);transform:scale(1)rotate(0)}50%{filter:drop-shadow(0 0 50px #ff0096cc);transform:scale(1.08)rotate(180deg)}}.update-title{text-align:center;--tw-font-weight:var(--font-weight-black,900);font-size:42px;font-weight:var(--font-weight-black,900);--tw-tracking:8px;letter-spacing:8px;font-family:var(--font-family-display);-webkit-text-fill-color:transparent;text-shadow:0 0 40px #00ffc880;background:linear-gradient(135deg,#00ffc8,#ff0096,#6464ff);-webkit-background-clip:text;background-clip:text}.update-version-info{align-items:center;gap:var(--spacing-lg);margin-bottom:var(--spacing-lg);display:flex}.update-old-version{font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2/1.5)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:#ffffff80;font-family:var(--font-family-display);text-decoration-line:line-through}.update-arrow{color:#00ffc8;text-shadow:0 0 20px #00ffc8cc;font-size:32px;animation:1.5s ease-in-out infinite arrowPulse}@keyframes arrowPulse{0%,to{opacity:.6;transform:translate(0)}50%{opacity:1;transform:translate(10px)}}.update-new-version{color:#00ffc8;font-family:var(--font-family-display);font-size:32px;font-weight:var(--font-weight-black);text-shadow:0 0 30px #00ffc8;animation:2s ease-in-out infinite newVersionGlow}@keyframes newVersionGlow{0%,to{text-shadow:0 0 20px #00ffc8cc}50%{text-shadow:0 0 40px #00ffc8,0 0 60px #ff009699}}.update-progress{gap:var(--spacing-md);flex-direction:column;min-width:360px;display:flex}.update-step{border-radius:var(--radius-lg);color:#fff6;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md)var(--spacing-lg);background:#0006;border:1px solid #6464ff33;transition:all .5s;display:flex}.update-step.active{color:#00ffc8;background:linear-gradient(90deg,#00ffc826,#6464ff26);border-color:#00ffc880;animation:.6s forwards stepActivate;box-shadow:0 0 30px #00ffc84d}.update-step.completed{color:#00ffc8;background:#00ffc81a;border-color:#00ffc866}@keyframes stepActivate{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}.update-step-icon{border:2px solid;border-radius:50%;flex-shrink:0;width:24px;height:24px;transition:all .5s;position:relative}.update-step.active .update-step-icon{border-color:#ff0096 #00ffc8 #00ffc8;animation:1s linear infinite iconSpin;box-shadow:0 0 15px #00ffc899}.update-step.completed .update-step-icon:after{color:#00ffc8;content:"✓";font-size:16px;font-weight:700;animation:.4s checkmark;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}@keyframes iconSpin{to{transform:rotate(360deg)}}@keyframes checkmark{0%{opacity:0;transform:translate(-50%,-50%)scale(0)}50%{transform:translate(-50%,-50%)scale(1.2)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}.update-step span{font-family:var(--font-family-base);font-size:var(--font-size-sm);font-weight:var(--font-weight-medium);letter-spacing:1px}.update-spinner{height:70px;margin-top:var(--spacing-lg);border:4px solid #00ffc8;border-color:#00ffc8 #ff0096 #00ffc833 #00ffc833;border-radius:50%;width:70px;animation:1s linear infinite spin;box-shadow:0 0 40px #00ffc899,inset 0 0 25px #00ffc84d}.song-card{cursor:pointer;margin-bottom:calc(var(--spacing,.25rem)*3);border-radius:var(--radius-xl,15px);border-style:var(--tw-border-style);--tw-border-style:solid;background:#0000004d;border:1px solid #0000;flex-direction:column;padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative;overflow:hidden}.song-card:hover{background:linear-gradient(135deg,#00ffc81f,#6464ff1f);border-color:#00ffc866;transform:translateY(-2px);box-shadow:0 0 30px #00ffc84d,0 4px 16px #0009}.song-card:active{transform:translateY(0)scale(.98)}.song-card:before{content:"";opacity:0;z-index:1;background:linear-gradient(#00ffc8,#6464ff);width:3px;transition:opacity .3s;position:absolute;top:180px;bottom:0;left:0}.song-card:hover:before{opacity:1}.song-card-thumbnail{border-bottom-style:var(--tw-border-style);--tw-border-style:solid;object-fit:cover;border-style:solid;border-color:#00ffc84d;border-bottom-width:1px;border-radius:12px 12px 0 0;width:100%;height:180px;transition:all .3s}.song-card:hover .song-card-thumbnail{border-color:#00ffc899;box-shadow:0 0 15px #00ffc866}.song-card-no-thumbnail{border-bottom-style:var(--tw-border-style);--tw-border-style:solid;background:#6464ff1a;border-style:solid;border-color:#00ffc84d;border-bottom-width:1px;border-radius:12px 12px 0 0;justify-content:center;align-items:center;width:100%;height:140px;display:flex}.song-card-no-thumbnail svg{color:#6464ff66;width:40px;height:40px}.song-card:hover .song-card-no-thumbnail{border-color:#00ffc899}.song-card-bottom{gap:calc(var(--spacing,.25rem)*0);grid-template-columns:1fr auto;display:grid}.song-card-info{min-width:calc(var(--spacing,.25rem)*0);gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*3);border-right:1px solid #fff3;flex-direction:column;display:flex}.song-card:hover .song-card-info{border-right-color:#fff6}.song-card-title{color:#00ffc8;font-family:var(--font-family-base);text-overflow:ellipsis;white-space:nowrap;font-size:15px;font-weight:600;line-height:1.4;overflow:hidden}.song-card-channel{color:#ffffff80;text-overflow:ellipsis;white-space:nowrap;font-size:13px;font-weight:500;overflow:hidden}.song-card:hover .song-card-channel{color:#ffffffb3}.song-card-controls{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);flex-direction:column;flex-shrink:0;min-width:80px;display:flex}.song-card-duration{color:#6464ff;font-family:var(--font-family-display);text-align:center;text-shadow:0 0 8px #6464ff80;flex-shrink:0;font-size:13px;font-weight:600}.song-card:hover .song-card-duration{color:#ff0096;text-shadow:0 0 12px #ff009699}.song-card.is-favorited:before{opacity:.8;background:linear-gradient(#ff0096,#6464ff)}.song-card.is-favorited:hover:before{opacity:1}.song-card-remove{cursor:pointer;height:calc(var(--spacing,.25rem)*7);width:calc(var(--spacing,.25rem)*7);border-style:var(--tw-border-style);--tw-border-style:solid;padding:calc(var(--spacing,.25rem)*0);color:#ff0040b3;background:#ff00401a;border:1px solid #ff00404d;border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.song-card-remove:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y);color:#ff0040;background:#ff004033;border-color:#ff004099;box-shadow:0 0 15px #ff004080}.song-card-remove:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.song-card-remove svg{width:14px;height:14px}@media(max-width:768px){.song-card-thumbnail,.song-card-no-thumbnail{height:120px}.song-card:before{top:120px}.song-card-controls{min-width:70px;padding:8px}}@media print{.song-card-remove,.song-card:before{display:none}}.music-library-popover{max-height:600px;padding:calc(var(--spacing,.25rem)*0);border-radius:var(--radius-xl,15px);border-style:var(--tw-border-style);--tw-border-style:solid;color:var(--color-white,#fff);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);transition-duration:.3s;transition:opacity .3s ease,transform .3s ease,display .3s allow-discrete,overlay .3s allow-discrete;background:#0a0a0afa;border:2px solid #6464ff80;flex-direction:column;width:min(480px,90vw);margin:auto;display:none;overflow:hidden;box-shadow:0 0 40px #6464ff4d,0 8px 32px #000c}.music-library-popover:popover-open{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1;display:flex}@starting-style{.music-library-popover:popover-open{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:0}}.music-library-popover::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;transition:-webkit-backdrop-filter .3s,backdrop-filter .3s,background .3s}@starting-style{.music-library-popover::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0}}.music-selection-popover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-primary);max-height:95vh;transition:opacity .3s ease,transform .3s ease,display .3s allow-discrete,overlay .3s allow-discrete;background:#0a0a0afa;border:2px solid #00ffc880;border-radius:12px;flex-direction:column;width:min(520px,92vw);margin:auto;padding:0;display:none;overflow:hidden;box-shadow:0 0 50px #00ffc866,0 12px 40px #000000e6}.music-selection-popover:popover-open{opacity:1;display:flex;transform:scale(1)}@starting-style{.music-selection-popover:popover-open{opacity:0;transform:scale(.95)}}.music-selection-popover::backdrop{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#000000b3;transition:-webkit-backdrop-filter .3s,backdrop-filter .3s,background .3s}@starting-style{.music-selection-popover::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0}}.mood-popover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-primary);max-height:80vh;transition:opacity .3s ease,transform .3s ease,display .3s allow-discrete,overlay .3s allow-discrete;background:#0a0a0afa;border:2px solid #00ffc880;border-radius:12px;flex-direction:column;width:min(480px,92vw);margin:auto;padding:0;display:none;overflow:hidden;box-shadow:0 0 40px #00ffc84d,0 8px 32px #000c}.mood-popover:popover-open{opacity:1;display:flex;transform:scale(1)}@starting-style{.mood-popover:popover-open{opacity:0;transform:scale(.95)}}.mood-popover::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;transition:-webkit-backdrop-filter .3s,backdrop-filter .3s,background .3s}@starting-style{.mood-popover::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0}}.mood-popover-header{padding-inline:calc(var(--spacing,.25rem)*5);padding-block:calc(var(--spacing,.25rem)*4);border-bottom-style:var(--tw-border-style);--tw-border-style:solid;background:#00ffc80d;border-style:solid;border-color:#00ffc833;border-bottom-width:1px;justify-content:space-between;align-items:center;display:flex}.mood-popover-header h3{margin:calc(var(--spacing,.25rem)*0);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)));--tw-tracking:var(--tracking-wider,.05em);letter-spacing:var(--tracking-wider,.05em);color:#00ffc8;font-family:var(--font-family-display);text-shadow:0 0 10px #00ffc880}.mood-popover-close{cursor:pointer;padding:calc(var(--spacing,.25rem)*1);border-style:var(--tw-border-style);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;color:#00ffc8;background-color:#0000;border-width:0;border-radius:.25rem;justify-content:center;align-items:center;transition-duration:.2s;display:flex}.mood-popover-close:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y);background:#00ffc833}.mood-popover-content{padding:calc(var(--spacing,.25rem)*4);flex:1;overflow-y:auto}.genre-popover{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:var(--text-primary);max-height:85vh;transition:opacity .3s ease,transform .3s ease,display .3s allow-discrete,overlay .3s allow-discrete;background:#0a0a0afa;border:2px solid #ff009680;border-radius:12px;flex-direction:column;width:min(480px,92vw);margin:auto;padding:0;display:none;overflow:hidden;box-shadow:0 0 40px #ff00964d,0 8px 32px #000c}.genre-popover:popover-open{opacity:1;display:flex;transform:scale(1)}@starting-style{.genre-popover:popover-open{opacity:0;transform:scale(.95)}}.genre-popover::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#0009;transition:-webkit-backdrop-filter .3s,backdrop-filter .3s,background .3s}@starting-style{.genre-popover::backdrop{-webkit-backdrop-filter:blur();backdrop-filter:blur();background:0 0}}.genre-popover-header{background:#ff00960d;border-bottom:1px solid #ff009633;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.genre-popover-header h3{color:#ff0096;font-family:var(--font-family-display);letter-spacing:2px;text-shadow:0 0 10px #ff009680;margin:0;font-size:20px}.genre-popover-close{color:#ff0096;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.genre-popover-close:hover{background:#ff009633;transform:scale(1.1)}.genre-popover-content{flex:1;padding:16px;overflow-y:auto}.btn-history{color:#6464ff;cursor:pointer;background:#6464ff33;border:1px solid #6464ff66;border-radius:8px;justify-content:center;align-items:center;min-width:44px;padding:10px;transition:all .2s;display:flex}.history-label{cursor:pointer;margin-right:4px}.btn-history:hover{background:#6464ff4d;border-color:#6464ff99;box-shadow:0 0 15px #6464ff4d}.btn-history .svg-icon{filter:drop-shadow(0 0 4px #6464ff99);width:1.5em!important;height:1.5em!important}.history-header{background:#6464ff0d;border-bottom:1px solid #6464ff33;justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.history-header h3{color:#6464ff;font-family:var(--font-family-display);letter-spacing:2px;text-shadow:0 0 10px #6464ff80;margin:0;font-size:20px}.history-close{color:#6464ff;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.history-close:hover{background:#6464ff33;transform:scale(1.1)}.history-tabs{background:#0000004d;border-bottom:1px solid #6464ff33;gap:0;display:flex}.history-tab{color:#6464ff99;cursor:pointer;font-family:var(--font-family-base);letter-spacing:1px;background:0 0;border:none;flex:1;padding:14px 16px;font-size:15px;font-weight:600;transition:all .2s;position:relative}.history-tab:hover{color:#6464ff;background:#6464ff1a}.history-tab.active{color:#6464ff;text-shadow:0 0 10px #6464ff99}.history-tab.active:after{content:"";background:linear-gradient(90deg,#0000,#6464ff,#0000);height:2px;position:absolute;bottom:0;left:0;right:0;box-shadow:0 0 10px #6464ffcc}.history-content{flex:1;padding:8px;overflow-y:auto}.history-empty{color:#fff6;text-align:center;padding:40px 20px;font-size:14px}.history-item-meta{color:#6464ffcc;font-size:var(--font-size-xxs);align-items:center;gap:8px;display:flex}.history-item-plays{align-items:center;gap:4px;display:flex}.history-item-plays svg{width:13px;height:13px}.music-selection-header{background:linear-gradient(135deg,#00ffc814,#6464ff14);border-bottom:1px solid #00ffc833;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 24px;display:flex}.music-selection-title{color:#00ffc8;font-family:var(--font-family-display);letter-spacing:2px;text-shadow:0 0 12px #00ffc899;margin:0 0 4px;font-size:22px;font-weight:700}.music-selection-subtitle{color:#fff9;font-family:var(--font-family-base);margin:0;font-size:13px;font-weight:500}.music-selection-back{color:#00ffc8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:-4px;padding:6px;transition:all .2s;display:flex}.music-selection-back:hover{background:#00ffc833;transform:translate(-3px)scale(1.1);box-shadow:0 0 15px #00ffc866}.music-selection-close{color:#00ffc8;cursor:pointer;background:0 0;border:none;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;margin-top:-4px;padding:6px;transition:all .2s;display:flex}.music-selection-close:hover{background:#00ffc833;transform:rotate(90deg)scale(1.1);box-shadow:0 0 15px #00ffc866}.music-selection-content{flex:1;padding:12px;overflow-y:auto}.youtube-search-dropdown{z-index:10000;border-style:var(--tw-border-style);--tw-border-style:solid;max-height:400px;color:var(--color-white,#fff);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);background:#0a0a0afa;border:2px solid #ff009680;transition-duration:.3s;position:fixed;overflow-y:auto;box-shadow:0 0 40px #ff00964d,0 8px 32px #000c}.youtube-search-dropdown.hidden{--tw-translate-y:calc(var(--spacing,.25rem)*-2.5);translate:var(--tw-translate-x)var(--tw-translate-y);opacity:0;display:none}.search-dropdown-header{align-items:center;gap:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*3.5);padding-block:calc(var(--spacing,.25rem)*2.5);text-transform:uppercase;border-bottom-style:var(--tw-border-style);--tw-border-style:solid;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);--tw-tracking:var(--tracking-wider,.05em);letter-spacing:var(--tracking-wider,.05em);color:#ff0096;font-family:var(--font-family-base);background:#ff009614;border-style:solid;border-color:#ff009633;border-bottom-width:1px;display:flex}.search-dropdown-header svg{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);filter:drop-shadow(0 0 6px #ff009699);flex-shrink:0}.search-dropdown-item{cursor:pointer;align-items:center;gap:calc(var(--spacing,.25rem)*3);padding-inline:calc(var(--spacing,.25rem)*3.5);padding-block:calc(var(--spacing,.25rem)*3);border-bottom-style:var(--tw-border-style);--tw-border-style:solid;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;border-style:solid;border-color:#ff00961a;border-bottom-width:1px;transition-duration:.2s;display:flex;position:relative}.search-dropdown-item:last-child{border-bottom-style:var(--tw-border-style);border-bottom-width:0}.search-dropdown-item:before{top:calc(var(--spacing,.25rem)*0);bottom:calc(var(--spacing,.25rem)*0);left:calc(var(--spacing,.25rem)*0);width:calc(var(--spacing,.25rem)*.5);opacity:0;transition-property:opacity;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;content:"";background:linear-gradient(90deg,#ff0096,#6464ff);transition-duration:.2s;position:absolute}.search-dropdown-item:hover:before{opacity:1}.search-dropdown-item:hover,.search-dropdown-item.selected{background:linear-gradient(90deg,#ff00961f,#6464ff1f)}.search-dropdown-item:active{scale:.98}.search-dropdown-item-icon{color:#ff0096;flex-shrink:0;justify-content:center;align-items:center;display:flex}.search-dropdown-item-icon svg{filter:drop-shadow(0 0 4px #ff009680);width:18px;height:18px}.search-dropdown-item-thumbnail{border-radius:var(--radius-md,8px);border-style:var(--tw-border-style);--tw-border-style:solid;object-fit:cover;width:120px;height:68px;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;border:1px solid #ff00964d;flex-shrink:0;transition-duration:.3s}.search-dropdown-item:hover .search-dropdown-item-thumbnail{--tw-scale-x:105%;--tw-scale-y:105%;--tw-scale-z:105%;scale:var(--tw-scale-x)var(--tw-scale-y);border-color:#ff009699;box-shadow:0 0 15px #ff009666}.search-dropdown-item-content{min-width:calc(var(--spacing,.25rem)*0);gap:calc(var(--spacing,.25rem)*1);flex-direction:column;flex:1;display:flex}.search-dropdown-item-title{text-overflow:ellipsis;--tw-leading:var(--leading-snug,1.375);line-height:var(--leading-snug,1.375);white-space:nowrap;font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);color:#00ffc8;font-family:var(--font-family-base);overflow:hidden}.search-dropdown-item:hover .search-dropdown-item-title,.search-dropdown-item.selected .search-dropdown-item-title{color:var(--color-white,#fff);text-shadow:0 0 8px #00ffc899}.search-dropdown-item-description{text-overflow:ellipsis;font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));white-space:nowrap;color:#ffffff80;overflow:hidden}.search-dropdown-item-duration{right:calc(var(--spacing,.25rem)*9);bottom:calc(var(--spacing,.25rem)*2);--tw-font-weight:var(--font-weight-semibold,600);font-size:13px;font-weight:var(--font-weight-semibold,600);color:#6464ff;font-family:var(--font-family-display);text-shadow:0 0 8px #6464ff80;position:absolute}.search-dropdown-item:hover .search-dropdown-item-duration,.search-dropdown-item.selected .search-dropdown-item-duration{color:#ff0096;text-shadow:0 0 12px #ff009699}.search-dropdown-item-action{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;color:#6464ff;flex-shrink:0;justify-content:center;align-items:center;transition-duration:.2s;display:none}.search-dropdown-item-action svg{width:18px;height:18px}.search-dropdown-empty{align-items:center;gap:calc(var(--spacing,.25rem)*3);padding-inline:calc(var(--spacing,.25rem)*5);padding-block:calc(var(--spacing,.25rem)*8);text-align:center;color:#fff6;flex-direction:column;display:flex}.search-dropdown-empty svg{height:calc(var(--spacing,.25rem)*10);width:calc(var(--spacing,.25rem)*10);color:#ff00964d}.search-dropdown-empty span{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500)}.search-dropdown-loading{align-items:center;gap:calc(var(--spacing,.25rem)*4);padding-inline:calc(var(--spacing,.25rem)*5);padding-block:calc(var(--spacing,.25rem)*8);color:#ff0096;flex-direction:column;display:flex}.search-dropdown-spinner{height:calc(var(--spacing,.25rem)*9);width:calc(var(--spacing,.25rem)*9);border-style:var(--tw-border-style);--tw-border-style:solid;border:3px solid #ff0096;border-color:#ff0096 #6464ff #ff009633 #ff009633;border-radius:3.40282e38px;animation:1s linear infinite spin;box-shadow:0 0 20px #ff009666}.search-dropdown-loading span{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);--tw-tracking:var(--tracking-wider,.05em);letter-spacing:var(--tracking-wider,.05em);font-family:var(--font-family-base);text-shadow:0 0 10px #ff009680}@media(max-width:768px){.youtube-search-dropdown{max-height:300px}.search-dropdown-item{padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*3.5)}.search-dropdown-item-title{font-size:15px}}.music-info-actions{align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}.music-favorite-btn{cursor:pointer;height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);padding:calc(var(--spacing,.25rem)*0);color:#fff9;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.music-favorite-btn:hover{--tw-scale-x:115%;--tw-scale-y:115%;--tw-scale-z:115%;scale:var(--tw-scale-x)var(--tw-scale-y);color:#ffffffe6;filter:drop-shadow(0 0 8px #fff6)}.music-favorite-btn:active{--tw-scale-x:95%;--tw-scale-y:95%;--tw-scale-z:95%;scale:var(--tw-scale-x)var(--tw-scale-y)}.music-favorite-btn i{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;color:inherit;font-size:18px;transition-duration:.3s}.music-favorite-btn.favorited{color:#ff69b4;animation:.5s cubic-bezier(.68,-.55,.265,1.55) favoriteAdded}.music-favorite-btn.favorited:hover{filter:drop-shadow(0 0 12px #ff69b4cc)}.music-favorite-btn.favorited i{color:#ff69b4;filter:drop-shadow(0 0 8px #ff69b499)}@keyframes favoriteAdded{0%,to{transform:scale(1)}25%{transform:scale(1.3)rotate(15deg)}50%{transform:scale(.9)rotate(-10deg)}75%{transform:scale(1.1)rotate(5deg)}}.favorites-badge{top:calc(var(--spacing,.25rem)*-1.5);left:calc(var(--spacing,.25rem)*-1.5);z-index:1;text-align:center;border-style:var(--tw-border-style);--tw-border-style:solid;min-width:18px;padding-inline:5px;padding-block:calc(var(--spacing,.25rem)*.5);--tw-font-weight:var(--font-weight-bold,700);font-size:10px;font-weight:var(--font-weight-bold,700);color:var(--color-white,#fff);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;font-family:var(--font-family-display);text-shadow:0 1px 2px #000c;background:linear-gradient(135deg,#ff0096,#6464ff);border:1px solid #ffffff4d;border-radius:10px;transition-duration:.3s;position:absolute;box-shadow:0 0 15px #ff009699,inset 0 1px #ffffff4d}.favorites-badge.hidden{display:none}.btn-history:hover .favorites-badge{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y);box-shadow:0 0 25px #ff0096cc,inset 0 1px #ffffff4d}.history-tab i{margin-right:calc(var(--spacing,.25rem)*1.5);transition-property:filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;filter:drop-shadow(0 0 4px);transition-duration:.2s}.history-tab.active i{filter:drop-shadow(0 0 8px);animation:1.5s ease-in-out infinite heartBeat}@keyframes heartBeat{0%,to{transform:scale(1)}10%,30%{transform:scale(1.1)}20%,40%{transform:scale(1)}}.history-actions{gap:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;border-bottom-style:var(--tw-border-style);--tw-border-style:solid;background:#0000004d;border-style:solid;border-color:#6464ff33;border-bottom-width:1px;transition-duration:.3s;display:flex}.history-actions.hidden{display:none}.history-action-btn{cursor:pointer;justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*1.5);border-radius:var(--radius-lg,10px);border-style:var(--tw-border-style);--tw-border-style:solid;padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2.5);--tw-font-weight:var(--font-weight-semibold,600);font-size:13px;font-weight:var(--font-weight-semibold,600);--tw-tracking:.5px;letter-spacing:.5px;color:#6464ff;font-family:var(--font-family-base);background:#6464ff1a;border:1px solid #6464ff4d;flex:1;transition:all .3s cubic-bezier(.4,0,.2,1);display:flex}.history-action-btn:hover{--tw-translate-y:calc(var(--spacing,.25rem)*-.5);translate:var(--tw-translate-x)var(--tw-translate-y);color:#00ffc8;text-shadow:0 0 8px #00ffc899;background:linear-gradient(135deg,#6464ff40,#00ffc833);border-color:#6464ff99;box-shadow:0 0 20px #6464ff66}.history-action-btn:active{--tw-translate-y:calc(var(--spacing,.25rem)*0);translate:var(--tw-translate-x)var(--tw-translate-y);scale:.98}.history-action-btn i{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);transition-property:filter;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;filter:drop-shadow(0 0 4px);transition-duration:.2s}.history-action-btn:hover i{filter:drop-shadow(0 0 8px)}.history-action-btn:first-child:hover{background:linear-gradient(135deg,#00ffc833,#6464ff33)}.history-action-btn:nth-child(2):hover{background:linear-gradient(135deg,#6464ff33,#ff009626)}.history-action-btn:nth-child(3):hover{background:linear-gradient(135deg,#ff009626,#6464ff33)}.song-favorite-btn{z-index:5;cursor:pointer;padding:calc(var(--spacing,.25rem)*0);opacity:.6;color:#fff9;background:0 0;flex-shrink:0;justify-content:center;align-items:center;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.song-favorite-btn.favorite-btn-small{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6)}.song-favorite-btn.favorite-btn-small i{font-size:16px}.song-favorite-btn.favorite-btn-medium{width:26px;height:26px}.song-favorite-btn.favorite-btn-medium i{font-size:18px}.song-favorite-btn.favorite-btn-large{width:30px;height:30px}.song-favorite-btn.favorite-btn-large i{font-size:20px}.song-card:hover .song-favorite-btn,.search-dropdown-item:hover .song-favorite-btn,.song-favorite-btn.favorited{opacity:1}@media(hover:none)and (pointer:coarse){.song-favorite-btn{opacity:.8}.song-favorite-btn.favorited{opacity:1}}.song-favorite-btn:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y);color:#ffffffe6;filter:drop-shadow(0 0 8px #fff6)}.song-favorite-btn:active{--tw-scale-x:90%;--tw-scale-y:90%;--tw-scale-z:90%;scale:var(--tw-scale-x)var(--tw-scale-y)}.song-favorite-btn i{transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.2s;color:inherit;font-size:16px;transition-duration:.2s}.song-favorite-btn.favorited{opacity:1;color:#ff69b4;animation:.4s cubic-bezier(.68,-.55,.265,1.55) favoriteAdded}.song-favorite-btn.favorited:hover{--tw-scale-x:110%;--tw-scale-y:110%;--tw-scale-z:110%;scale:var(--tw-scale-x)var(--tw-scale-y);filter:drop-shadow(0 0 12px #ff69b4cc)}.song-favorite-btn.favorited i{color:#ff69b4;filter:drop-shadow(0 0 8px #ff69b499)}.search-dropdown-item{position:relative}.search-dropdown-item-content{padding-right:calc(var(--spacing,.25rem)*8)}.search-dropdown-item-favorite{top:calc(var(--spacing,.25rem)*1.5);right:calc(var(--spacing,.25rem)*1.5);flex-shrink:0;position:absolute}.favorite-item{position:relative}.history-item-favorite-icon{color:#ff0096;filter:drop-shadow(0 0 4px #ff009699);align-items:center;display:flex}.history-item-favorite-icon svg{width:13px;height:13px}.history-empty small{margin-top:calc(var(--spacing,.25rem)*2);color:#ffffff4d;font-size:13px;display:block}.history-content[data-tab=favorites]{animation:.3s fadeInContent}@media(max-width:768px){.music-favorite-btn{height:calc(var(--spacing,.25rem)*7);width:calc(var(--spacing,.25rem)*7)}.music-favorite-btn svg{width:15px;height:15px}.song-favorite-btn.favorite-btn-small{height:calc(var(--spacing,.25rem)*7);width:calc(var(--spacing,.25rem)*7)}.song-favorite-btn.favorite-btn-small svg{width:14px;height:14px}.song-favorite-btn.favorite-btn-medium{width:30px;height:30px}.song-favorite-btn.favorite-btn-medium svg{width:15px;height:15px}.search-dropdown-item-content{padding-right:calc(var(--spacing,.25rem)*9)}.history-action-btn{padding-inline:calc(var(--spacing,.25rem)*2.5);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}.history-action-btn span{display:none}.history-actions{gap:calc(var(--spacing,.25rem)*1.5);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2.5)}.favorites-badge{min-width:calc(var(--spacing,.25rem)*4);padding-inline:calc(var(--spacing,.25rem)*1);padding-block:1px;font-size:9px}}@media print{.music-favorite-btn,.favorites-badge,.history-actions{display:none}}:root{--plan-bg-elevated:#ffffff0d;--plan-bg-hover:#ffffff14;--plan-bg-primary:#0a0a0afa;--plan-bg-secondary:#0000004d;--plan-border-active:#00ffc899;--plan-border-primary:#6464ff4d;--plan-border-secondary:#ffffff1a;--plan-color-cooldown:#64c8ff;--plan-color-cooldown-glow:#64c8ff80;--plan-color-prepare:#6464ff;--plan-color-prepare-glow:#6464ff80;--plan-color-rest:#00ffc8;--plan-color-rest-glow:#00ffc880;--plan-color-warmup:#ff9600;--plan-color-warmup-glow:#ff960080;--plan-color-work:#ff0096;--plan-color-work-glow:#ff009680;--plan-primary-cyan:#00ffc8;--plan-primary-green:#0f8;--plan-primary-orange:#ff9600;--plan-primary-pink:#ff0096;--plan-primary-purple:#6464ff;--plan-text-accent:#00ffc8;--plan-text-muted:#ffffff80;--plan-text-primary:#fff;--plan-text-secondary:#ffffffb3}.active-plan-display{margin-bottom:calc(var(--spacing,.25rem)*6);width:100%}.active-plan-display button{border-radius:var(--radius-xl,15px);width:100%;padding:calc(var(--spacing,.25rem)*4);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;cursor:pointer;background:linear-gradient(135deg,#6464ff14,#ff009614);border:2px solid #6464ff4d;justify-content:space-between;align-items:center;min-height:60px;transition-duration:.3s;display:flex;position:relative;overflow:hidden}.active-plan-display button:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#6464ff,#ff0096,#00ffc8) 0 0/200% 200%;border-radius:12px;transition:opacity .3s;animation:3s ease-in-out infinite borderGlow;position:absolute;inset:-2px}.active-plan-display button:after{content:"";background:linear-gradient(90deg,#0000,#ffffff1a,#0000);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.active-plan-display button:hover:before{opacity:.3}.active-plan-display button:hover:after{transform:translate(100%)}.active-plan-display button:hover{background:linear-gradient(135deg,#6464ff26,#ff009626);border-color:#6464ff99;transform:translateY(-2px);box-shadow:0 0 30px #6464ff66,0 4px 16px #0009,inset 0 0 30px #6464ff1a}.active-plan-display button:active{transform:translateY(0)scale(.98)}.active-plan-info{align-items:center;gap:calc(var(--spacing,.25rem)*3);display:flex}.active-plan-info .svg-icon{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6);filter:brightness(0)invert()drop-shadow(0 0 8px #6464ff99);transition:all .3s;animation:2s ease-in-out infinite iconPulse}.active-plan-display button:hover .svg-icon{filter:brightness(0)invert()drop-shadow(0 0 12px #6464ffe6);transform:scale(1.1)rotate(5deg)}.active-plan-text{flex-direction:column;align-items:flex-start;display:flex}.active-plan-label{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-tracking:var(--tracking-wide,.025em);letter-spacing:var(--tracking-wide,.025em);text-transform:uppercase;color:#bdbdfeb3;font-family:var(--font-family-display);letter-spacing:2px;font-weight:600}.active-plan-name{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:#00ffc8;font-family:var(--font-family-base);text-shadow:0 0 10px #00ffc880;font-weight:700}.plan-selector-popover::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;z-index:999;background:#0000004d;animation:.3s fadeIn;pointer-events:auto!important}.delete-confirmation-modal{border-radius:var(--radius-xl,15px);border-style:var(--tw-border-style);padding:calc(var(--spacing,.25rem)*0);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0afa;border-width:2px;border-color:#ff640080;width:90vw;max-width:400px;margin:auto;display:none;box-shadow:0 0 30px #ff64004d,0 0 60px #00000080;z-index:2001!important}.delete-confirmation-modal:popover-open{animation:.3s modalSlideIn;display:block}.delete-confirmation-modal::backdrop{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#0009;animation:.3s fadeIn;pointer-events:auto!important;z-index:2000!important}.plan-selector-popover:has(~.delete-confirmation-modal:popover-open){display:flex!important}.delete-modal-content{gap:calc(var(--spacing,.25rem)*4);padding:calc(var(--spacing,.25rem)*6);flex-direction:column;display:flex}.delete-modal-header{align-items:center;gap:calc(var(--spacing,.25rem)*3);display:flex}.delete-modal-header .svg-icon{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);animation:2s ease-in-out infinite pulse}.delete-modal-header h3{margin:calc(var(--spacing,.25rem)*0);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--plan-text-primary);font-family:var(--font-family-display);letter-spacing:.5px}.delete-modal-body{gap:calc(var(--spacing,.25rem)*2);flex-direction:column;display:flex}.plan-name-to-delete{margin:calc(var(--spacing,.25rem)*0);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--plan-primary-cyan);font-family:var(--font-family-display);text-shadow:0 0 8px #00ffc866}.warning-text{margin:calc(var(--spacing,.25rem)*0);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:#ff6400e6;font-weight:600}.delete-modal-actions{margin-top:calc(var(--spacing,.25rem)*2);gap:calc(var(--spacing,.25rem)*3);display:flex}.delete-modal-actions .btn-cancel{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-lg,10px);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);cursor:pointer;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;color:#fffc;background:#ffffff0d;border:1px solid #fff3;flex:1;font-weight:600;transition-duration:.3s;display:flex}.delete-modal-actions .btn-cancel:hover{color:var(--plan-primary-cyan);background:#00ffc81a;border-color:#00ffc880;box-shadow:0 0 10px #00ffc84d}.delete-modal-actions .btn-delete{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-lg,10px);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);cursor:pointer;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;color:#ff6400;text-shadow:0 0 5px #ff64004d;background:linear-gradient(135deg,#ff640033,#ff009633);border:1px solid #ff640080;flex:1;font-weight:600;transition-duration:.3s;display:flex}.delete-modal-actions .btn-delete .svg-icon{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.delete-modal-actions .btn-delete:hover{color:#ff8c00;background:linear-gradient(135deg,#ff64004d,#ff00964d);border-color:#ff6400cc;transform:translateY(-1px);box-shadow:0 0 15px #ff640080}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(-20px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}:is(body:has(.plan-selector-popover:popover-open) #startBtn,body:has(.plan-builder-popover:popover-open) #startBtn){filter:grayscale();opacity:.3;pointer-events:none}.plan-builder-popover[data-view-only=true] .add-segment-section,.plan-builder-popover[data-view-only=true] #stepDetails,.plan-builder-popover[data-view-only=true] #nextToStep2Btn,.plan-builder-popover[data-view-only=true] .segment-edit-btn,.plan-builder-popover[data-view-only=true] .segment-delete-btn,.plan-builder-popover[data-view-only=true] .segment-drag-handle{display:none!important}.plan-builder-popover[data-view-only=true] #cancelStep1Btn{margin-left:auto}.plan-selector-popover{height:80dvh;padding:calc(var(--spacing,.25rem)*0);border-radius:var(--radius-xl,15px);border-style:var(--tw-border-style);--tw-border-style:solid;color:var(--color-white,#fff);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0afa;border:2px solid #6464ff80;flex-direction:column;width:min(550px,92vw);margin:auto;transition-duration:.3s;display:none;overflow:hidden;box-shadow:0 0 60px #6464ff66,0 12px 48px #000000e6,inset 0 0 100px #6464ff0d}.plan-selector-popover:popover-open{--tw-scale-x:100%;--tw-scale-y:100%;--tw-scale-z:100%;scale:var(--tw-scale-x)var(--tw-scale-y);opacity:1;animation:.4s cubic-bezier(.34,1.56,.64,1) modalEnter;display:flex}.plan-selector-header{padding:calc(var(--spacing,.25rem)*5);background:linear-gradient(135deg,#6464ff1a,#ff00961a);border-bottom:1px solid #6464ff33;flex-shrink:0;justify-content:space-between;align-items:center;display:flex;position:relative}.plan-selector-header:after{background:linear-gradient(90deg,transparent,var(--plan-primary-cyan),var(--plan-primary-pink),transparent);content:"";height:1px;animation:3s linear infinite gradientFlow;position:absolute;bottom:0;left:0;right:0}.plan-selector-header h3{margin:calc(var(--spacing,.25rem)*0);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);font-family:var(--font-family-display);letter-spacing:2px;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00ffc8,#ff0096,#6464ff) 0 0/200% 200%;-webkit-background-clip:text;background-clip:text;animation:5s infinite gradientFlow}.plan-selector-close{height:calc(var(--spacing,.25rem)*10);width:calc(var(--spacing,.25rem)*10);border-radius:var(--radius-lg,10px);cursor:pointer;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;color:#ff0096;background:#ff00961a;border:1px solid #ff00964d;justify-content:center;align-items:center;transition-duration:.3s;display:flex}.plan-selector-close:hover{background:#ff009633;border-color:#ff009699;transform:rotate(90deg)scale(1.1);box-shadow:0 0 20px #ff009680}.plan-selector-close .svg-icon{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5);filter:drop-shadow(0 0 6px #ff009699)}.plan-mode-tabs{gap:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*5);padding-block:calc(var(--spacing,.25rem)*4);background:#0000004d;border-bottom:1px solid #6464ff26;flex-shrink:0;display:flex}.plan-mode-tab{align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-lg,10px);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);cursor:pointer;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;color:#fff9;font-family:var(--font-family-display);font-size:var(--font-size-sm);letter-spacing:.5px;text-transform:uppercase;background:#ffffff08;border:1px solid #6464ff33;flex-direction:column;flex:1;font-weight:600;transition-duration:.3s;display:flex;position:relative;overflow:hidden}.plan-mode-tab:before{background:linear-gradient(135deg,var(--plan-primary-cyan),var(--plan-primary-purple));content:"";opacity:0;z-index:-1;border-radius:8px;transition:opacity .3s;position:absolute;inset:-2px}.plan-mode-tab:hover:not(.active){color:#ffffffe6;background:#ffffff0f;border-color:#6464ff66;transform:translateY(-2px)}.plan-mode-tab.active{color:var(--plan-primary-cyan);text-shadow:0 0 8px #00ffc880;background:linear-gradient(135deg,#00ffc826,#6464ff26);border-color:#00ffc899;box-shadow:0 0 20px #00ffc84d,inset 0 0 20px #00ffc81a}.plan-mode-tab.active:before{opacity:.2;animation:3s ease-in-out infinite borderGlow}.plan-mode-tab.active:after{background:linear-gradient(90deg,transparent,var(--plan-primary-cyan),transparent);box-shadow:0 0 10px var(--plan-primary-cyan);content:"";border-radius:3px;height:3px;position:absolute;bottom:-1px;left:20%;right:20%}.plan-mode-icon{transition:all .3s;width:32px!important;height:32px!important}.plan-mode-tab[data-mode=simple] .plan-mode-icon{filter:brightness(0)saturate()invert(45%)sepia(89%)saturate(1200%)hue-rotate(200deg)brightness(110%)contrast(105%)drop-shadow(0 0 6px #00a8ff99)}.plan-mode-tab[data-mode=simple]:hover .plan-mode-icon{filter:brightness(0)saturate()invert(45%)sepia(89%)saturate(1200%)hue-rotate(200deg)brightness(110%)contrast(105%)drop-shadow(0 0 6px #00a8ff99);transform:scale(1.1)}.plan-mode-tab[data-mode=simple].active .plan-mode-icon{filter:brightness(0)saturate()invert(89%)sepia(36%)saturate(2561%)hue-rotate(102deg)brightness(104%)contrast(101%)drop-shadow(0 0 12px #00ffc8cc);animation:2s ease-in-out infinite iconBounce}.plan-mode-tab[data-mode=preset] .plan-mode-icon{filter:brightness(0)saturate()invert(42%)sepia(71%)saturate(1739%)hue-rotate(227deg)brightness(103%)contrast(101%)drop-shadow(0 0 6px #6464ff99)}.plan-mode-tab[data-mode=preset]:hover .plan-mode-icon{filter:brightness(0)saturate()invert(42%)sepia(71%)saturate(1739%)hue-rotate(227deg)brightness(103%)contrast(101%)drop-shadow(0 0 6px #6464ff99);transform:scale(1.1)}.plan-mode-tab[data-mode=preset].active .plan-mode-icon{filter:brightness(0)saturate()invert(89%)sepia(36%)saturate(2561%)hue-rotate(102deg)brightness(104%)contrast(101%)drop-shadow(0 0 12px #00ffc8cc);animation:2s ease-in-out infinite iconBounce}.plan-mode-tab[data-mode=custom] .plan-mode-icon{filter:brightness(0)saturate()invert(13%)sepia(95%)saturate(7471%)hue-rotate(322deg)brightness(103%)contrast(108%)drop-shadow(0 0 6px #ff009699)}.plan-mode-tab[data-mode=custom]:hover .plan-mode-icon{filter:brightness(0)saturate()invert(13%)sepia(95%)saturate(7471%)hue-rotate(322deg)brightness(103%)contrast(108%)drop-shadow(0 0 6px #ff009699);transform:scale(1.1)}.plan-mode-tab[data-mode=custom].active .plan-mode-icon{filter:brightness(0)saturate()invert(89%)sepia(36%)saturate(2561%)hue-rotate(102deg)brightness(104%)contrast(101%)drop-shadow(0 0 12px #00ffc8cc);animation:2s ease-in-out infinite iconBounce}.plan-list-container{padding:calc(var(--spacing,.25rem)*5);background:#0003;flex:1;min-height:300px;max-height:400px;overflow-y:auto}.plan-list{gap:calc(var(--spacing,.25rem)*3);flex-direction:column;display:flex}.quick-start-card{align-items:center;gap:calc(var(--spacing,.25rem)*6);border-radius:var(--radius-xl,15px);padding:calc(var(--spacing,.25rem)*6);cursor:pointer;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;background:linear-gradient(135deg,#6464ff1f,#ff00961f);border:2px solid #6464ff66;min-height:180px;transition-duration:.3s;display:flex;position:relative;overflow:hidden}.quick-start-card:before{content:"";opacity:0;z-index:-1;background:linear-gradient(135deg,#6464ff,#ff0096,#00ffc8) 0 0/200% 200%;border-radius:14px;transition:opacity .3s;animation:3s ease-in-out infinite borderGlow;position:absolute;inset:-2px}.quick-start-card:after{content:"";background:linear-gradient(90deg,#0000,#ffffff26,#0000);transition:transform .8s;position:absolute;inset:0;transform:translate(-100%)}.quick-start-card:hover:before{opacity:.3}.quick-start-card:hover:after{transform:translate(100%)}.quick-start-card:hover{background:linear-gradient(135deg,#6464ff33,#ff009633);border-color:#6464ffb3;transform:translateY(-4px)scale(1.02);box-shadow:0 0 40px #6464ff80,0 8px 24px #0009,inset 0 0 40px #6464ff26}.quick-start-card:active{transform:translateY(-2px)scale(.99)}.quick-start-card.active{background:linear-gradient(135deg,#00ffc826,#6464ff26);border-color:#00ffc8cc;box-shadow:0 0 40px #00ffc899,inset 0 0 50px #00ffc826}.quick-start-card.active:before{opacity:.4}.quick-start-icon{height:calc(var(--spacing,.25rem)*24);width:calc(var(--spacing,.25rem)*24);background:linear-gradient(135deg,#6464ff33,#ff009633);border:2px solid #6464ff80;border-radius:3.40282e38px;flex-shrink:0;justify-content:center;align-items:center;display:flex;position:relative}.quick-start-icon:before{content:"";z-index:-1;background:#6464ff4d;border-radius:50%;animation:2s ease-in-out infinite pulse;position:absolute;inset:-8px}.quick-start-icon .svg-icon{height:calc(var(--spacing,.25rem)*12);width:calc(var(--spacing,.25rem)*12);filter:brightness(0)invert()drop-shadow(0 0 10px #6464ffcc);transition:all .3s;animation:2s ease-in-out infinite iconPulse}.quick-start-card:hover .quick-start-icon .svg-icon{filter:brightness(0)invert()drop-shadow(0 0 15px #6464ff);transform:scale(1.15)rotate(5deg)}.quick-start-content{gap:calc(var(--spacing,.25rem)*3);flex-direction:column;flex:1;display:flex;position:relative}.quick-start-content h3{margin:calc(var(--spacing,.25rem)*0);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2/1.5)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--plan-text-primary);font-family:var(--font-family-display);letter-spacing:1px;text-shadow:0 0 10px #ffffff4d}.quick-start-card:hover .quick-start-content h3{color:var(--plan-primary-cyan);text-shadow:0 0 15px #00ffc899}.quick-start-content p{margin:calc(var(--spacing,.25rem)*0);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));color:var(--plan-text-secondary);opacity:.9;line-height:1.5}.quick-start-features{margin-top:calc(var(--spacing,.25rem)*2);gap:calc(var(--spacing,.25rem)*3);flex-wrap:wrap;display:flex}.feature-item{align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-lg,10px);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);color:#fffc;font-size:var(--font-size-xs);letter-spacing:.5px;background:#ffffff0d;border:1px solid #6464ff4d;font-weight:600;transition:all .3s;display:flex}.quick-start-card:hover .feature-item{color:var(--plan-primary-cyan);background:#00ffc814;border-color:#00ffc866;box-shadow:0 0 10px #00ffc833}.feature-item .svg-icon{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);filter:brightness(0)invert()drop-shadow(0 0 4px #6464ff99);transition:all .3s}.quick-start-card:hover .feature-item .svg-icon{filter:brightness(0)invert()drop-shadow(0 0 6px #00ffc8cc)}.quick-start-content .active-badge{top:calc(var(--spacing,.25rem)*0);right:calc(var(--spacing,.25rem)*0);animation:2s ease-in-out infinite badgePulse;position:absolute}.plan-card{gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-lg,10px);padding:calc(var(--spacing,.25rem)*2);cursor:pointer;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:2px solid #6464ff4d;flex-direction:column;min-height:100px;transition-duration:.3s;display:flex;position:relative;overflow:hidden}.plan-card:before{background:linear-gradient(135deg,var(--plan-primary-cyan),var(--plan-primary-pink));content:"";opacity:0;z-index:-1;border-radius:8px;transition:opacity .3s;position:absolute;inset:-2px}.plan-card:after{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff0d,#0000 70%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.plan-card:hover:before{opacity:.3}.plan-card:hover:after{transform:translate(100%)}.plan-card:hover{background:linear-gradient(135deg,#ffffff14,#ffffff0a);border-color:#00ffc899;transform:translateY(-3px)scale(1.01);box-shadow:0 0 25px #00ffc84d,0 4px 12px #00000080,inset 0 0 30px #00ffc80d}.plan-card:active{transform:translateY(-1px)scale(.99)}.plan-card.active{background:linear-gradient(135deg,#00ffc81a,#6464ff1a);border-color:#00ffc8cc;box-shadow:0 0 30px #00ffc880,inset 0 0 40px #00ffc81a}.plan-card.active:before{opacity:.4;animation:2s ease-in-out infinite borderGlow}.plan-card-header{margin-bottom:calc(var(--spacing,.25rem)*2);justify-content:space-between;align-items:flex-start;gap:calc(var(--spacing,.25rem)*3);display:flex}.plan-card-info{gap:calc(var(--spacing,.25rem)*1);flex-direction:column;flex:1;display:flex}.plan-name{margin:calc(var(--spacing,.25rem)*0);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--plan-text-primary);font-family:var(--font-family-display);letter-spacing:.8px;text-shadow:0 0 8px #ffffff4d;line-height:1.3;transition:all .3s}.plan-card:hover .plan-name{color:var(--plan-primary-cyan);text-shadow:0 0 10px #00ffc880}.plan-description{margin:calc(var(--spacing,.25rem)*0);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--plan-text-secondary);opacity:.8;line-height:1.6}.plan-card-title{margin:calc(var(--spacing,.25rem)*0);font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75/1.25)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--plan-text-primary);font-family:var(--font-family-display);letter-spacing:.8px;text-shadow:0 0 8px #ffffff4d;transition:all .3s}.plan-card:hover .plan-card-title{color:var(--plan-primary-cyan);text-shadow:0 0 10px #00ffc880}.plan-card-description{margin:calc(var(--spacing,.25rem)*0);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--plan-text-secondary);opacity:.8;line-height:1.6}.plan-card-badges{align-items:center;gap:calc(var(--spacing,.25rem)*2);flex-wrap:wrap;flex-shrink:0;display:flex}.plan-badge{border-radius:var(--radius-md,8px);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);font-family:var(--font-family-display);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap}.plan-badge-preset{color:#ff6b35;text-shadow:0 0 5px #ff6b3580;background:linear-gradient(135deg,#ff6b3533,#ff009633);border:1px solid #ff6b3580}.plan-badge-custom{color:#6464ff;text-shadow:0 0 5px #6464ff80;background:linear-gradient(135deg,#6464ff33,#00ffc833);border:1px solid #6464ff80}.plan-badge-active{color:#0f8;text-shadow:0 0 8px #0f89;background:linear-gradient(135deg,#00ff884d,#00ffc84d);border:1px solid #0f89;animation:2s ease-in-out infinite badgePulse}.plan-card-stats{align-items:center;gap:calc(var(--spacing,.25rem)*4);padding-top:calc(var(--spacing,.25rem)*2);border-top:1px solid #6464ff33;display:flex}.plan-stat{align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}.plan-stat .svg-icon{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);filter:drop-shadow(0 0 4px #6464ff66);transition:all .3s}.plan-card:hover .plan-stat .svg-icon{filter:drop-shadow(0 0 8px #00ffc899)}.plan-stat-label{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--plan-text-muted);font-weight:600}.plan-stat-value{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--plan-primary-cyan);font-family:var(--font-family-display);text-shadow:0 0 6px #00ffc866}.plan-card-footer{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem)*4);padding-top:calc(var(--spacing,.25rem)*3);border-top:1px solid #6464ff26;margin-top:auto;display:flex}.plan-meta{align-items:center;gap:calc(var(--spacing,.25rem)*3);flex-wrap:wrap;display:flex}.plan-duration,.plan-segments,.plan-usage{align-items:center;gap:calc(var(--spacing,.25rem)*1.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--plan-text-secondary);font-weight:600;display:flex}.plan-duration .svg-icon,.plan-segments .svg-icon{height:calc(var(--spacing,.25rem)*3.5);width:calc(var(--spacing,.25rem)*3.5);opacity:.7}.plan-usage{border-radius:var(--radius-md,8px);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);color:var(--plan-primary-cyan);background:#00ffc81a;border:1px solid #00ffc84d}.active-badge{border-radius:var(--radius-md,8px);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:#0f8;font-family:var(--font-family-display);letter-spacing:.5px;text-shadow:0 0 5px #00ff8880;text-transform:uppercase;background:linear-gradient(135deg,#0f83,#00ffc833);border:1px solid #00ff8880;animation:2s ease-in-out infinite badgePulse}.plan-card-actions{align-items:center;gap:calc(var(--spacing,.25rem)*2);flex-direction:row;display:flex}.plan-edit-btn,.plan-delete-btn,.plan-info-btn{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-lg,10px);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);cursor:pointer;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;color:#fffc;font-size:var(--font-size-sm);background:#ffffff0d;border:1px solid #fff3;font-weight:600;transition-duration:.3s;display:flex}.plan-edit-btn .svg-icon,.plan-delete-btn .svg-icon,.plan-info-btn .svg-icon{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.plan-edit-btn:hover{color:var(--plan-primary-cyan);background:#00ffc826;border-color:#00ffc880;transform:translateY(-1px);box-shadow:0 0 10px #00ffc84d}.plan-delete-btn:hover{color:var(--plan-primary-pink);background:#ff009626;border-color:#ff009680;transform:translateY(-1px);box-shadow:0 0 10px #ff00964d}.plan-info-btn{flex:1}.plan-info-btn:hover{color:#6464ff;background:#6464ff26;border-color:#6464ff80;transform:translateY(-1px);box-shadow:0 0 10px #6464ff4d}.plan-action-btn{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-lg,10px);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);cursor:pointer;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;color:#fffc;font-family:var(--font-family-display);font-size:var(--font-size-sm);background:#ffffff0d;border:1px solid #fff3;flex:1;font-weight:600;transition-duration:.3s;display:flex}.plan-action-btn:hover{color:var(--plan-primary-cyan);background:#00ffc81a;border-color:#00ffc880;transform:translateY(-2px);box-shadow:0 0 15px #00ffc84d}.plan-action-btn.btn-primary{color:var(--plan-primary-cyan);background:linear-gradient(135deg,#00ffc833,#6464ff33);border-color:#00ffc880}.plan-action-btn.btn-primary:hover{background:linear-gradient(135deg,#00ffc84d,#6464ff4d);border-color:#00ffc8cc;box-shadow:0 0 20px #00ffc880}.plan-action-btn.btn-danger{color:var(--plan-primary-pink);background:#ff00961a;border-color:#ff00964d}.plan-action-btn.btn-danger:hover{background:#ff009633;border-color:#ff009699;box-shadow:0 0 20px #ff009666}.plan-action-btn .svg-icon{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);filter:drop-shadow(0 0 4px #6464ff66)}.plan-loading,.plan-empty,.no-plans-message{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*12);color:var(--plan-text-muted);text-align:center;flex-direction:column;display:flex}.plan-loading .svg-icon,.plan-empty .svg-icon,.no-plans-message .svg-icon{height:calc(var(--spacing,.25rem)*16);width:calc(var(--spacing,.25rem)*16);filter:brightness(0)saturate()invert(42%)sepia(71%)saturate(1739%)hue-rotate(227deg)brightness(103%)contrast(101%)drop-shadow(0 0 15px #6464ff80);opacity:.8}.plan-loading .svg-icon{animation:2s linear infinite spin}.plan-empty .svg-icon,.no-plans-message .svg-icon{animation:3s ease-in-out infinite float}.plan-loading p,.plan-empty p,.no-plans-message p{margin:calc(var(--spacing,.25rem)*0);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--plan-text-secondary);font-family:var(--font-family-display);letter-spacing:.5px;text-shadow:0 0 8px #6464ff4d}.plan-empty .empty-hint{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:var(--plan-text-muted);max-width:300px}.no-plans-message .create-first-plan-btn{margin-top:calc(var(--spacing,.25rem)*4);align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-lg,10px);padding-inline:calc(var(--spacing,.25rem)*6);padding-block:calc(var(--spacing,.25rem)*3);cursor:pointer;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;color:var(--plan-primary-cyan);font-family:var(--font-family-display);font-size:var(--font-size-sm);letter-spacing:1px;text-transform:uppercase;background:linear-gradient(135deg,#00ffc826,#6464ff26);border:2px solid #00ffc866;font-weight:700;transition-duration:.3s;display:flex;box-shadow:0 0 15px #00ffc833}.no-plans-message .create-first-plan-btn:hover{background:linear-gradient(135deg,#00ffc840,#6464ff40);border-color:#00ffc899;transform:translateY(-2px);box-shadow:0 0 25px #00ffc866}.no-plans-message .create-first-plan-btn .svg-icon{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5);filter:brightness(0)saturate()invert(89%)sepia(36%)saturate(2561%)hue-rotate(102deg)brightness(104%)contrast(101%);opacity:1;animation:none}.plan-selector-footer{padding:calc(var(--spacing,.25rem)*5);background:#0000004d;border-top:1px solid #6464ff33;flex-shrink:0;justify-content:center;align-items:center;display:flex}.create-custom-plan-btn{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-lg,10px);width:100%;padding-inline:calc(var(--spacing,.25rem)*6);padding-block:calc(var(--spacing,.25rem)*3);cursor:pointer;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;color:var(--plan-primary-cyan);font-family:var(--font-family-display);font-size:var(--font-size-md);letter-spacing:1px;text-shadow:0 0 8px #00ffc866;text-transform:uppercase;background:linear-gradient(135deg,#00ffc826,#6464ff26);border:2px solid #00ffc880;font-weight:700;transition-duration:.3s;display:flex;position:relative;overflow:hidden}.create-custom-plan-btn:before{background:linear-gradient(135deg,var(--plan-primary-cyan),var(--plan-primary-purple));content:"";opacity:0;z-index:-1;border-radius:8px;transition:opacity .3s;position:absolute;inset:-2px}.create-custom-plan-btn:hover:before{opacity:.3;animation:2s ease-in-out infinite borderGlow}.create-custom-plan-btn:hover{background:linear-gradient(135deg,#00ffc840,#6464ff40);border-color:#00ffc8cc;transform:translateY(-2px);box-shadow:0 0 30px #00ffc880,inset 0 0 30px #00ffc81a}.create-custom-plan-btn:active{transform:translateY(0)scale(.98)}.create-custom-plan-btn .svg-icon{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5);filter:drop-shadow(0 0 8px #00ffc899);transition:all .3s}.create-custom-plan-btn:hover .svg-icon{filter:brightness(0)saturate()invert(89%)sepia(36%)saturate(2561%)hue-rotate(102deg)brightness(104%)contrast(101%)drop-shadow(0 0 12px #00ffc8cc);transform:rotate(90deg)scale(1.1)}.plan-builder-popover::backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);cursor:default;z-index:999;background:#0000004d;animation:.3s fadeIn;pointer-events:auto!important}.plan-builder-popover{padding:calc(var(--spacing,.25rem)*0);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);color:#fff;background:#0a0a0afa;border:2px solid #6464ff80;border-radius:12px;flex-direction:column;width:min(550px,92vw);max-height:85vh;margin:auto;display:none;overflow:hidden;box-shadow:0 0 60px #6464ff66,0 12px 48px #000000e6}.plan-builder-popover:popover-open{animation:.3s ease-out popoverSlideIn;display:flex}@keyframes popoverSlideIn{0%{opacity:0;transform:scale(.95)translateY(-10px)}to{opacity:1;transform:scale(1)translateY(0)}}.plan-builder-header{padding:calc(var(--spacing,.25rem)*4);background:linear-gradient(135deg,#6464ff1a,#ff00961a);border-bottom:1px solid #6464ff4d;flex-shrink:0;justify-content:space-between;align-items:center;display:flex}.plan-builder-header h2{margin:calc(var(--spacing,.25rem)*0);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75/1.125)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);font-family:var(--font-family-display);letter-spacing:1px;-webkit-text-fill-color:transparent;background:linear-gradient(135deg,#00ffc8,#ff0096,#6464ff);-webkit-background-clip:text}.plan-builder-close{height:calc(var(--spacing,.25rem)*9);width:calc(var(--spacing,.25rem)*9);border-radius:var(--radius-lg,10px);cursor:pointer;background:#ff00961a;border:1px solid #ff00964d;justify-content:center;align-items:center;transition:all .2s;display:flex}.plan-builder-close:hover{background:#ff009633;border-color:#ff009699;transform:rotate(90deg)}.plan-builder-close .svg-icon{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);filter:drop-shadow(0 0 4px #ff009699)}.plan-builder-step{flex-direction:column;height:calc(85vh - 80px);min-height:400px;max-height:600px;display:flex}.step-header{padding:calc(var(--spacing,.25rem)*4);background:#0003;border-bottom:1px solid #6464ff33;flex-shrink:0}.step-header h3{margin:calc(var(--spacing,.25rem)*0);margin-bottom:calc(var(--spacing,.25rem)*1);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:#00ffc8;font-family:var(--font-family-display);text-shadow:0 0 8px #00ffc880}.step-header p{margin:calc(var(--spacing,.25rem)*0);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:#fff9}.add-segment-section,.segments-list-container,.total-duration-display,.step-navigation{padding:calc(var(--spacing,.25rem)*4);flex-shrink:0}.step-body{padding:calc(var(--spacing,.25rem)*4);padding-top:calc(var(--spacing,.25rem)*0);background:#0000004d;flex-direction:column;flex:1;gap:1rem;display:flex;overflow-y:auto}.step-footer{padding:calc(var(--spacing,.25rem)*4);background:#0006;border-top:1px solid #6464ff4d;flex-direction:column;flex-shrink:0;gap:.75rem;display:flex}.add-segment-section{z-index:100;background:#000;padding-bottom:1rem;position:sticky;top:0}.add-segment-btn{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-lg,10px);width:100%;padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*3);color:#00ffc8;cursor:pointer;font-family:var(--font-family-display);font-size:var(--font-size-sm);letter-spacing:.5px;text-transform:uppercase;background:linear-gradient(135deg,#00ffc826,#6464ff26);border:2px solid #00ffc880;font-weight:700;transition:all .2s;display:flex}.add-segment-btn:hover{background:linear-gradient(135deg,#00ffc840,#6464ff40);border-color:#00ffc8cc;transform:translateY(-1px);box-shadow:0 0 20px #00ffc866}.add-segment-btn .svg-icon{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);filter:drop-shadow(0 0 4px #00ffc899)}.segment-form{border-radius:var(--radius-lg,10px);padding:calc(var(--spacing,.25rem)*4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:1000;background:linear-gradient(135deg,#6464ff40,#ff009626);border:2px solid #6464ff99;border-radius:12px;width:100%;animation:.3s dropdownSlideIn;position:absolute;top:calc(100% + .5rem);left:0;right:0;box-shadow:0 8px 32px #000c,0 0 40px #6464ff66,inset 0 0 30px #6464ff1a}.segment-form[hidden]{display:none}@keyframes dropdownSlideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.form-row{gap:calc(var(--spacing,.25rem)*3);display:flex}.form-field{gap:calc(var(--spacing,.25rem)*1);flex-direction:column;flex:1;display:flex}.form-field input,.form-field select,.form-field textarea{border-radius:var(--radius-lg,10px);padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:#fff;font-family:var(--font-family-base);background:#ffffff0d;border:1px solid #6464ff4d;outline:none;transition:all .2s}.form-field select{cursor:pointer}.form-field select option{color:#fff;background:#0a0a0afa;padding:8px}.form-field input:focus,.form-field select:focus,.form-field textarea:focus{background:#ffffff14;border-color:#00ffc899;box-shadow:0 0 10px #00ffc84d}.required{color:#ff0096}.error-message{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:#ff0096;display:none}.error-message:not(:empty){margin-top:.25rem;display:block}.form-actions{margin-top:calc(var(--spacing,.25rem)*3);gap:calc(var(--spacing,.25rem)*2);display:flex}.btn-secondary{border-radius:var(--radius-lg,10px);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:#fffc;cursor:pointer;background:#ffffff0d;border:1px solid #fff3;flex:1;transition:all .2s}.btn-secondary:hover{background:#ffffff1a;border-color:#fff6}.btn-primary{border-radius:var(--radius-lg,10px);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:#000;cursor:pointer;background:linear-gradient(135deg,#00ffc8,#6464ff);border:none;flex:1;transition:all .2s}.btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 0 20px #00ffc880}.btn-primary:disabled{cursor:not-allowed;opacity:.5}.segments-section{border-radius:var(--radius-lg,10px);padding:calc(var(--spacing,.25rem)*4);background:#0003;border:1px solid #6464ff33}.segments-header{margin-bottom:calc(var(--spacing,.25rem)*3);padding-bottom:calc(var(--spacing,.25rem)*2);border-bottom:1px solid #6464ff33;justify-content:space-between;align-items:center;display:flex}.segments-title{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:#6464ffe6;font-family:var(--font-family-display);letter-spacing:.5px;text-transform:uppercase}.segments-count{padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:#00ffc8;background:#00ffc826;border:1px solid #00ffc84d;border-radius:3.40282e38px}.segments-list{gap:calc(var(--spacing,.25rem)*2);flex-direction:column;min-height:100px;display:flex}.segments-empty{justify-content:center;align-items:center;gap:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*8);text-align:center;flex-direction:column;display:flex}.segments-empty .svg-icon{height:calc(var(--spacing,.25rem)*10);width:calc(var(--spacing,.25rem)*10);filter:drop-shadow(0 0 8px #6464ff4d);opacity:.4}.segments-empty p{margin:calc(var(--spacing,.25rem)*0);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:#ffffff80}.segment-card{align-items:center;gap:calc(var(--spacing,.25rem)*3);border-radius:var(--radius-lg,10px);padding:calc(var(--spacing,.25rem)*3);transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;cursor:move;background:linear-gradient(135deg,#ffffff0d,#ffffff05);border:1px solid #6464ff4d;min-height:60px;transition-duration:.3s;animation:.3s slideUp;display:flex;position:relative;overflow:hidden}.segment-drag-handle{cursor:grab;opacity:.5;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .2s;display:flex}.segment-drag-handle:active{cursor:grabbing}.segment-card:hover .segment-drag-handle{opacity:1}.segment-drag-handle .svg-icon{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);filter:drop-shadow(0 0 4px #6464ff80)}.segment-ghost{opacity:.9;background:linear-gradient(135deg,#00ffc84d,#6464ff4d);border:2px solid #00ffc8cc;transition:none;transform:rotate(2deg);box-shadow:0 8px 32px #00ffc866,0 0 20px #6464ff4d;cursor:grabbing!important}.segment-chosen{border-color:#00ffc8cc;transition:all .2s;transform:scale(1.02);box-shadow:0 0 20px #00ffc880}.segment-dragging{opacity:.5;background:#6464ff14;border:2px dashed #00ffc899;transition:transform .2s;transform:scale(.95)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.segment-card:before{content:"";width:3px;transition:all .3s;position:absolute;top:0;bottom:0;left:0}.segment-card:hover{background:#ffffff14;border-color:#00ffc880;transform:translate(4px);box-shadow:0 0 15px #00ffc833,inset 0 0 20px #00ffc80d}.segment-info{align-items:center;gap:calc(var(--spacing,.25rem)*3);flex:1;display:flex}.segment-type-badge{padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);font-family:var(--font-family-display);letter-spacing:.5px;text-transform:uppercase;white-space:nowrap;border-radius:3.40282e38px;transition:all .3s;position:relative;overflow:hidden}.segment-type-badge:before{content:"";background:linear-gradient(45deg,#0000 30%,#ffffff4d,#0000 70%);transition:transform .6s;position:absolute;inset:0;transform:translate(-100%)}.segment-card:hover .segment-type-badge:before{transform:translate(100%)}.segment-type-prepare{color:#6464ff;text-shadow:0 0 5px #6464ff80;background:#6464ff33;border:1px solid #6464ff80}.segment-card:has(.segment-type-prepare):before{background:linear-gradient(#6464ff,#0000);box-shadow:0 0 10px #6464ff80}.segment-type-warmup{color:#ff9600;text-shadow:0 0 5px #ff960080;background:#ff960033;border:1px solid #ff960080}.segment-card:has(.segment-type-warmup):before{background:linear-gradient(#ff9600,#0000);box-shadow:0 0 10px #ff960080}.segment-type-movement-prep{color:#ffc864;text-shadow:0 0 5px #ffc86480;background:#ffc86433;border:1px solid #ffc86480}.segment-card:has(.segment-type-movement-prep):before{background:linear-gradient(#ffc864,#0000);box-shadow:0 0 10px #ffc86480}.segment-type-activation{color:#ffb432;text-shadow:0 0 5px #ffb43280;background:#ffb43233;border:1px solid #ffb43280}.segment-card:has(.segment-type-activation):before{background:linear-gradient(#ffb432,#0000);box-shadow:0 0 10px #ffb43280}.segment-type-work{color:#ff0096;text-shadow:0 0 5px #ff009680;background:#ff009633;border:1px solid #ff009680}.segment-card:has(.segment-type-work):before{background:linear-gradient(#ff0096,#0000);box-shadow:0 0 10px #ff009680}.segment-type-hiit-work{color:#ff0096;text-shadow:0 0 5px #ff009680;background:#ff009633;border:1px solid #ff009680}.segment-card:has(.segment-type-hiit-work):before{background:linear-gradient(#ff0096,#0000);box-shadow:0 0 10px #ff009680}.segment-type-tabata-work{color:#ff32c8;text-shadow:0 0 5px #ff32c880;background:#ff32c833;border:1px solid #ff32c880}.segment-card:has(.segment-type-tabata-work):before{background:linear-gradient(#ff32c8,#0000);box-shadow:0 0 10px #ff32c880}.segment-type-vo2-max{color:#c800ff;text-shadow:0 0 5px #c800ff80;background:#c800ff33;border:1px solid #c800ff80}.segment-card:has(.segment-type-vo2-max):before{background:linear-gradient(#c800ff,#0000);box-shadow:0 0 10px #c800ff80}.segment-type-threshold{color:#ff64c8;text-shadow:0 0 5px #ff64c880;background:#ff64c833;border:1px solid #ff64c880}.segment-card:has(.segment-type-threshold):before{background:linear-gradient(#ff64c8,#0000);box-shadow:0 0 10px #ff64c880}.segment-type-tempo{color:#ff96ff;text-shadow:0 0 5px #ff96ff80;background:#ff96ff33;border:1px solid #ff96ff80}.segment-card:has(.segment-type-tempo):before{background:linear-gradient(#ff96ff,#0000);box-shadow:0 0 10px #ff96ff80}.segment-type-rest{color:#00ffc8;text-shadow:0 0 5px #00ffc880;background:#00ffc833;border:1px solid #00ffc880}.segment-card:has(.segment-type-rest):before{background:linear-gradient(#00ffc8,#0000);box-shadow:0 0 10px #00ffc880}.segment-type-complete-rest{color:#00ffc8;text-shadow:0 0 5px #00ffc880;background:#00ffc833;border:1px solid #00ffc880}.segment-card:has(.segment-type-complete-rest):before{background:linear-gradient(#00ffc8,#0000);box-shadow:0 0 10px #00ffc880}.segment-type-active-recovery{color:#64ffc8;text-shadow:0 0 5px #64ffc880;background:#64ffc833;border:1px solid #64ffc880}.segment-card:has(.segment-type-active-recovery):before{background:linear-gradient(#64ffc8,#0000);box-shadow:0 0 10px #64ffc880}.segment-type-transition{color:#96ffc8;text-shadow:0 0 5px #96ffc880;background:#96ffc833;border:1px solid #96ffc880}.segment-card:has(.segment-type-transition):before{background:linear-gradient(#96ffc8,#0000);box-shadow:0 0 10px #96ffc880}.segment-type-boxing-round{color:#ff6400;text-shadow:0 0 5px #ff640080;background:#ff640033;border:1px solid #ff640080}.segment-card:has(.segment-type-boxing-round):before{background:linear-gradient(#ff6400,#0000);box-shadow:0 0 10px #ff640080}.segment-type-amrap-block{color:#ff3232;text-shadow:0 0 5px #ff323280;background:#ff323233;border:1px solid #ff323280}.segment-card:has(.segment-type-amrap-block):before{background:linear-gradient(#ff3232,#0000);box-shadow:0 0 10px #ff323280}.segment-type-emom-round{color:#ffc800;text-shadow:0 0 5px #ffc80080;background:#ffc80033;border:1px solid #ffc80080}.segment-card:has(.segment-type-emom-round):before{background:linear-gradient(#ffc800,#0000);box-shadow:0 0 10px #ffc80080}.segment-type-circuit-round{color:#ff6464;text-shadow:0 0 5px #ff646480;background:#ff646433;border:1px solid #ff646480}.segment-card:has(.segment-type-circuit-round):before{background:linear-gradient(#ff6464,#0000);box-shadow:0 0 10px #ff646480}.segment-type-strength-set{color:#9664ff;text-shadow:0 0 5px #9664ff80;background:#9664ff33;border:1px solid #9664ff80}.segment-card:has(.segment-type-strength-set):before{background:linear-gradient(#9664ff,#0000);box-shadow:0 0 10px #9664ff80}.segment-type-power-work{color:#ff0064;text-shadow:0 0 5px #ff006480;background:#ff006433;border:1px solid #ff006480}.segment-card:has(.segment-type-power-work):before{background:linear-gradient(#ff0064,#0000);box-shadow:0 0 10px #ff006480}.segment-type-endurance-work{color:#00c8ff;text-shadow:0 0 5px #00c8ff80;background:#00c8ff33;border:1px solid #00c8ff80}.segment-card:has(.segment-type-endurance-work):before{background:linear-gradient(#00c8ff,#0000);box-shadow:0 0 10px #00c8ff80}.segment-type-skill-practice{color:#6496ff;text-shadow:0 0 5px #6496ff80;background:#6496ff33;border:1px solid #6496ff80}.segment-card:has(.segment-type-skill-practice):before{background:linear-gradient(#6496ff,#0000);box-shadow:0 0 10px #6496ff80}.segment-type-cooldown{color:#64c8ff;text-shadow:0 0 5px #64c8ff80;background:#64c8ff33;border:1px solid #64c8ff80}.segment-card:has(.segment-type-cooldown):before{background:linear-gradient(#64c8ff,#0000);box-shadow:0 0 10px #64c8ff80}.segment-type-static-stretch{color:#96c8ff;text-shadow:0 0 5px #96c8ff80;background:#96c8ff33;border:1px solid #96c8ff80}.segment-card:has(.segment-type-static-stretch):before{background:linear-gradient(#96c8ff,#0000);box-shadow:0 0 10px #96c8ff80}.segment-type-mobility-work{color:#c8dcff;text-shadow:0 0 5px #c8dcff80;background:#c8dcff33;border:1px solid #c8dcff80}.segment-card:has(.segment-type-mobility-work):before{background:linear-gradient(#c8dcff,#0000);box-shadow:0 0 10px #c8dcff80}.segment-duration{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:#ffffffe6;font-family:var(--font-family-base)}.segment-actions{align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}.segment-edit-btn,.segment-delete-btn{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);border-radius:var(--radius-lg,10px);cursor:pointer;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;background:#ffffff0d;border:1px solid #ffffff1a;justify-content:center;align-items:center;transition-duration:.3s;display:flex}.segment-edit-btn:hover{background:#6464ff33;border-color:#6464ff99;transform:scale(1.1)rotate(-5deg);box-shadow:0 0 15px #6464ff66}.segment-delete-btn:hover{background:#ff009633;border-color:#ff009699;transform:scale(1.1)rotate(5deg);box-shadow:0 0 15px #ff009666}.segment-edit-btn .svg-icon,.segment-delete-btn .svg-icon{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);filter:brightness(0)invert()drop-shadow(0 0 4px #ffffff4d);transition:all .3s}.segment-edit-btn:hover .svg-icon,.segment-delete-btn:hover .svg-icon{filter:brightness(0)invert()drop-shadow(0 0 8px #fffc);transform:scale(1.1)}.step-footer{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem)*4);padding:calc(var(--spacing,.25rem)*4);background:#0006;border-top:1px solid #6464ff4d;flex-shrink:0;display:flex}.total-duration{align-items:center;gap:calc(var(--spacing,.25rem)*2);display:flex}.total-duration .svg-icon{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4);filter:drop-shadow(0 0 6px #00ffc880)}.total-duration span{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));color:#00ffc8cc;font-family:var(--font-family-display)}.total-duration strong{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:var(--plan-primary-cyan);font-family:var(--font-family-display);text-shadow:0 0 8px #00ffc899}.step-actions{align-items:center;gap:calc(var(--spacing,.25rem)*3);display:flex}.form-field label{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);color:#6464ffe6;font-family:var(--font-family-display);letter-spacing:.5px;text-transform:uppercase}.required{color:var(--plan-primary-pink);text-shadow:0 0 5px #ff009680}.form-field small{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:#ffffff80;font-style:italic}.error-message{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));color:var(--plan-primary-pink);text-shadow:0 0 5px #ff009666;font-weight:600;display:none}.error-message[role=alert]{animation:.4s shake;display:block}.input-error{animation:.4s shake;border-color:var(--plan-primary-pink)!important;box-shadow:0 0 15px #ff009666!important}@keyframes shake{0%,to{transform:translate(0)}10%,30%,50%,70%,90%{transform:translate(-2px)}20%,40%,60%,80%{transform:translate(2px)}}.step-navigation{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem)*3);display:flex}.btn-cancel,.btn-back{align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-lg,10px);padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2);cursor:pointer;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;color:#fffc;font-family:var(--font-family-display);background:#ffffff0d;border:1px solid #fff3;font-weight:600;transition-duration:.3s;display:flex}.btn-cancel:hover,.btn-back:hover{background:#ffffff1a;border-color:#fff6;transform:translateY(-2px);box-shadow:0 0 10px #fff3}.btn-cancel:active,.btn-back:active{transform:translateY(0)scale(.98)}.btn-next,.btn-save{align-items:center;gap:calc(var(--spacing,.25rem)*2);border-radius:var(--radius-lg,10px);padding-inline:calc(var(--spacing,.25rem)*6);padding-block:calc(var(--spacing,.25rem)*2);cursor:pointer;transition-property:all;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4,0,.2,1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.3s;color:#000;font-family:var(--font-family-display);letter-spacing:.5px;text-shadow:none;background:linear-gradient(135deg,#00ffc8,#6464ff);border:none;font-weight:700;transition-duration:.3s;display:flex;position:relative;overflow:hidden}.btn-next:before,.btn-save:before{content:"";opacity:0;background:linear-gradient(135deg,#ffffff4d,#fff0);transition:opacity .3s;position:absolute;inset:0}.btn-next:hover:not(:disabled):before,.btn-save:hover:not(:disabled):before{opacity:1}.btn-next:hover:not(:disabled),.btn-save:hover:not(:disabled){transform:translateY(-2px)scale(1.02);box-shadow:0 0 25px #00ffc899,0 0 50px #00ffc84d,inset 0 0 30px #fff3}.btn-next:active:not(:disabled),.btn-save:active:not(:disabled){transform:translateY(0)scale(.98)}.btn-next:disabled{cursor:not-allowed;filter:grayscale(.5);opacity:.5}.btn-next .svg-icon,.btn-save .svg-icon,.btn-back .svg-icon{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5);transition:all .3s}.btn-next:hover:not(:disabled) .svg-icon,.btn-save:hover:not(:disabled) .svg-icon{transform:scale(1.1)}.save-success{animation:.6s successPulse}@keyframes successPulse{0%,to{transform:scale(1)}50%{transform:scale(1.05);box-shadow:0 0 40px #00ffc8cc,0 0 80px #00ffc866}}@keyframes gradientFlow{0%,to{background-position:0%}50%{background-position:100%}}@keyframes iconBounce{0%,to{transform:translateY(0)}50%{transform:translateY(-3px)}}@keyframes textGlow{0%,to{text-shadow:0 0 10px #00ffc899}50%{text-shadow:0 0 15px #00ffc8e6}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes scanline{0%{left:-100%}to{left:200%}}@keyframes modalEnter{0%{opacity:0;transform:scale(.9)translateY(-20px)}to{opacity:1;transform:scale(1)translateY(0)}}@keyframes badgePulse{0%,to{box-shadow:0 0 5px #0f86}50%{box-shadow:0 0 15px #0f8c}}@media(max-width:768px){.plan-selector-popover,.plan-builder-popover{width:95vw}.plan-mode-tabs{flex-wrap:wrap}.plan-mode-tab{min-width:100px}.plan-card-stats{flex-wrap:wrap}.plan-card-actions{flex-direction:column}.plan-action-btn{width:100%}}@media(max-width:640px){.plan-selector-popover,.plan-builder-popover{border-radius:0;width:100vw;height:100dvh;max-height:100dvh}.plan-selector-header h3,.plan-builder-header h2{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));letter-spacing:1px}.plan-selector-header,.plan-builder-header{padding:calc(var(--spacing,.25rem)*3)}.plan-selector-close,.plan-builder-close{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8)}.plan-selector-close .svg-icon,.plan-builder-close .svg-icon{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.plan-mode-tabs{gap:calc(var(--spacing,.25rem)*1);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*2);-webkit-overflow-scrolling:touch;flex-direction:row;overflow:auto hidden}.plan-mode-tab{align-items:center;gap:calc(var(--spacing,.25rem)*1);padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*2);flex-direction:column;flex-shrink:0;min-width:80px;font-size:10px}.plan-mode-tab span{white-space:nowrap;font-size:10px}.plan-mode-icon{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5)}.plan-list-container{padding:calc(var(--spacing,.25rem)*3);flex:1;min-height:0;max-height:none}.quick-start-card{gap:calc(var(--spacing,.25rem)*3);padding:calc(var(--spacing,.25rem)*4);flex-direction:column;align-items:flex-start;min-height:120px}.quick-start-icon{height:calc(var(--spacing,.25rem)*14);width:calc(var(--spacing,.25rem)*14)}.quick-start-icon .svg-icon{height:calc(var(--spacing,.25rem)*7);width:calc(var(--spacing,.25rem)*7)}.quick-start-content h4{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.quick-start-content .feature-list{gap:6px}.feature-item{padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}.plan-card{padding:calc(var(--spacing,.25rem)*3);min-height:auto}.plan-name,.plan-card-title{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));letter-spacing:.5px}.plan-description,.plan-card-description{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}.plan-card-footer{gap:calc(var(--spacing,.25rem)*2)}.plan-card-meta{gap:calc(var(--spacing,.25rem)*2);flex-wrap:wrap}.plan-card-meta span{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}.plan-card-meta .svg-icon{height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*3)}.plan-card-actions{gap:calc(var(--spacing,.25rem)*2)}.plan-info-btn,.plan-edit-btn,.plan-delete-btn,.plan-action-btn{padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));min-height:32px}.plan-info-btn .svg-icon,.plan-edit-btn .svg-icon,.plan-delete-btn .svg-icon,.plan-action-btn .svg-icon{height:calc(var(--spacing,.25rem)*3.5);width:calc(var(--spacing,.25rem)*3.5)}.plan-info-btn span,.plan-edit-btn span,.plan-action-btn span{display:none}.active-badge{padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*.5);font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));font-size:10px}.plan-selector-footer,.plan-builder-footer{padding:calc(var(--spacing,.25rem)*3);z-index:10;position:sticky;bottom:0}.create-custom-plan-btn{padding-inline:calc(var(--spacing,.25rem)*4);padding-block:calc(var(--spacing,.25rem)*2.5);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));letter-spacing:.5px;font-size:13px}.create-custom-plan-btn .svg-icon{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.plan-builder-popover{border-radius:0;width:100vw;height:100dvh;max-height:100dvh}.plan-builder-header{padding:calc(var(--spacing,.25rem)*3)}.plan-builder-header h2{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));letter-spacing:1px}.plan-builder-close{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8)}.plan-builder-close .svg-icon{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.plan-builder-step{height:100%;min-height:auto;max-height:none;padding:0}.step-header h3{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ))}.step-header p{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}.step-body{padding:calc(var(--spacing,.25rem)*2);padding-top:calc(var(--spacing,.25rem)*0)}.add-segment-section{padding:calc(var(--spacing,.25rem)*2)}.add-segment-btn,.btn-next,.btn-save{font-size:var(--font-size-sm);min-height:44px}.segments-section{padding:calc(var(--spacing,.25rem)*0);background:0 0;border:none}.segments-header{margin-bottom:calc(var(--spacing,.25rem)*2);padding-inline:calc(var(--spacing,.25rem)*2)}.segments-list{padding-inline:calc(var(--spacing,.25rem)*2);gap:6px;padding-bottom:4rem}.step-footer{padding:calc(var(--spacing,.25rem)*3);z-index:20;position:sticky;bottom:0;box-shadow:0 -4px 12px #00000080}.total-duration{gap:calc(var(--spacing,.25rem)*1);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}.total-duration .svg-icon{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.segment-card{gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*2);flex-direction:row;align-items:center;min-height:50px}.segment-card:before{width:2px}.segment-drag-handle{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);opacity:.7;padding:.25rem;display:flex}.segment-drag-handle .svg-icon{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5)}.segment-info{gap:calc(var(--spacing,.25rem)*2);flex-direction:row;flex:1;align-items:center}.segment-type-badge{padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);letter-spacing:.3px;white-space:nowrap;flex-shrink:0;font-size:11px}.segment-duration{flex-shrink:0;margin-left:auto;font-size:13px;font-weight:600}.segment-actions{gap:calc(var(--spacing,.25rem)*1.5);flex-shrink:0;display:flex}.segment-edit-btn,.segment-delete-btn{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);min-height:32px}.segment-edit-btn .svg-icon,.segment-delete-btn .svg-icon{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.plan-builder-popover[data-view-only=true] .segment-card{padding:calc(var(--spacing,.25rem)*2);min-height:48px}.plan-builder-popover[data-view-only=true] .segment-info{width:100%}.step-navigation{flex-direction:column-reverse}.btn-cancel,.btn-back,.btn-next,.btn-save{justify-content:center;width:100%}.plan-card-header{flex-direction:column}.plan-card-badges{width:100%}.total-duration-display{gap:var(--spacing-sm);text-align:center;flex-direction:column}}@media(max-width:480px){.plan-selector-header,.plan-builder-header{padding:calc(var(--spacing,.25rem)*2)}.plan-selector-header h3,.plan-builder-header h2{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));letter-spacing:.5px}.plan-selector-close,.plan-builder-close{height:calc(var(--spacing,.25rem)*7);width:calc(var(--spacing,.25rem)*7)}.plan-mode-tabs{padding-inline:calc(var(--spacing,.25rem)*1.5);padding-block:calc(var(--spacing,.25rem)*1.5);gap:4px}.plan-mode-tab{padding-inline:calc(var(--spacing,.25rem)*1.5);padding-block:calc(var(--spacing,.25rem)*1.5);min-width:70px;font-size:9px}.plan-mode-tab span{font-size:9px}.plan-mode-icon{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.plan-list-container{padding:calc(var(--spacing,.25rem)*2)}.quick-start-card{padding:calc(var(--spacing,.25rem)*3);min-height:100px}.quick-start-icon{height:calc(var(--spacing,.25rem)*12);width:calc(var(--spacing,.25rem)*12)}.quick-start-icon .svg-icon{height:calc(var(--spacing,.25rem)*6);width:calc(var(--spacing,.25rem)*6)}.quick-start-content h4{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}.feature-item{padding:4px 8px;font-size:10px}.feature-item .svg-icon{height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*3)}.plan-card{padding:calc(var(--spacing,.25rem)*2.5)}.plan-name,.plan-card-title{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)));letter-spacing:.3px}.plan-description,.plan-card-description,.plan-card-meta span{font-size:11px}.plan-card-actions{gap:6px}.plan-info-btn,.plan-edit-btn,.plan-delete-btn,.plan-action-btn{padding-inline:calc(var(--spacing,.25rem)*1.5);padding-block:calc(var(--spacing,.25rem)*1);min-height:28px;font-size:11px}.plan-info-btn .svg-icon,.plan-edit-btn .svg-icon,.plan-delete-btn .svg-icon,.plan-action-btn .svg-icon{height:calc(var(--spacing,.25rem)*3);width:calc(var(--spacing,.25rem)*3)}.active-badge{padding-inline:calc(var(--spacing,.25rem)*1.5);padding-block:calc(var(--spacing,.25rem)*.5);font-size:9px}.plan-selector-footer,.plan-builder-footer{padding:calc(var(--spacing,.25rem)*2)}.create-custom-plan-btn{padding-inline:calc(var(--spacing,.25rem)*3);padding-block:calc(var(--spacing,.25rem)*2);min-height:40px;font-size:12px}.create-custom-plan-btn .svg-icon{height:calc(var(--spacing,.25rem)*3.5);width:calc(var(--spacing,.25rem)*3.5)}.segment-card{gap:calc(var(--spacing,.25rem)*2);padding:calc(var(--spacing,.25rem)*2);min-height:50px}.segment-card:before{width:2px}.segment-drag-handle{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);opacity:.7;padding:.25rem;display:flex}.segment-drag-handle .svg-icon{height:calc(var(--spacing,.25rem)*5);width:calc(var(--spacing,.25rem)*5)}.segment-type-badge{padding-inline:calc(var(--spacing,.25rem)*2);padding-block:calc(var(--spacing,.25rem)*1);letter-spacing:.3px;font-size:11px}.segment-duration{font-size:13px;font-weight:600}.segment-edit-btn,.segment-delete-btn{height:calc(var(--spacing,.25rem)*8);width:calc(var(--spacing,.25rem)*8);min-height:32px}.segment-edit-btn .svg-icon,.segment-delete-btn .svg-icon{height:calc(var(--spacing,.25rem)*4);width:calc(var(--spacing,.25rem)*4)}.segments-header{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)))}.segments-count{font-size:10px}.segments-list{gap:4px}.plan-builder-popover[data-view-only=true] .segment-card{min-height:48px}.plan-builder-header{padding:calc(var(--spacing,.25rem)*2)}.plan-builder-header h2{font-size:var(--text-xs,.75rem);line-height:var(--tw-leading,var(--text-xs--line-height,calc(1/.75)));letter-spacing:.5px}.plan-builder-close{height:calc(var(--spacing,.25rem)*7);width:calc(var(--spacing,.25rem)*7)}.plan-builder-step{height:100%;min-height:auto;max-height:none;padding:0}.step-header h3{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25/.875)))}.step-header p{font-size:11px}.step-body{padding:calc(var(--spacing,.25rem)*1);padding-top:calc(var(--spacing,.25rem)*0)}.add-segment-section{padding:calc(var(--spacing,.25rem)*1)}.segments-section{padding:calc(var(--spacing,.25rem)*0);background:0 0;border:none}.segments-header{margin-bottom:calc(var(--spacing,.25rem)*1);padding-inline:calc(var(--spacing,.25rem)*1)}.segments-list{padding-inline:calc(var(--spacing,.25rem)*1);gap:4px;padding-bottom:3rem}.step-footer{padding:calc(var(--spacing,.25rem)*2);z-index:20;position:sticky;bottom:0;box-shadow:0 -4px 12px #00000080}.total-duration{font-size:12px}.form-group input,.form-group textarea{font-size:16px}.plan-selector-footer{box-shadow:0 -4px 12px #00000080}}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--plan-primary-cyan);outline-offset:2px}@media(prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}}@media(prefers-contrast:high){.plan-card,.segment-card,.plan-mode-tab{border-width:2px}.plan-card-title,.segment-type-badge,.duration-value{font-weight:900}}@media(prefers-color-scheme:dark){.plan-selector-popover,.plan-builder-popover{background:#050505fc}}@media print{.plan-selector-popover,.plan-builder-popover{display:none!important}}.svg-icon{filter:brightness(0)invert();vertical-align:middle;width:1em;height:1em;transition:filter .3s,transform .2s;display:inline-block}.svg-icon-sm{width:.875em;height:.875em}.svg-icon-lg{width:1.25em;height:1.25em}.svg-icon-xl{width:1.5em;height:1.5em}.svg-icon.icon-cyan,.svg-icon.icon-timer,.svg-icon.icon-success,.svg-icon.icon-primary{filter:brightness(0)saturate()invert(89%)sepia(36%)saturate(2561%)hue-rotate(102deg)brightness(104%)contrast(101%)}.svg-icon.icon-pink,.svg-icon.icon-music,.svg-icon.icon-alert,.svg-icon.icon-favorite{filter:brightness(0)saturate()invert(13%)sepia(95%)saturate(7471%)hue-rotate(322deg)brightness(103%)contrast(108%)}.svg-icon.icon-purple,.svg-icon.icon-history,.svg-icon.icon-secondary{filter:brightness(0)saturate()invert(42%)sepia(71%)saturate(1739%)hue-rotate(227deg)brightness(103%)contrast(101%)}.svg-icon.icon-orange,.svg-icon.icon-energy,.svg-icon.icon-power{filter:brightness(0)saturate()invert(58%)sepia(98%)saturate(2000%)hue-rotate(15deg)brightness(110%)contrast(105%)}.svg-icon.icon-green,.svg-icon.icon-health,.svg-icon.icon-growth{filter:brightness(0)saturate()invert(67%)sepia(89%)saturate(1200%)hue-rotate(90deg)brightness(110%)contrast(105%)}.svg-icon.icon-blue,.svg-icon.icon-info,.svg-icon.icon-settings{filter:brightness(0)saturate()invert(45%)sepia(89%)saturate(1200%)hue-rotate(200deg)brightness(110%)contrast(105%)}.svg-icon.icon-white,.svg-icon.icon-neutral{filter:brightness(0)invert()!important}.svg-icon.icon-gray,.svg-icon.icon-disabled,.svg-icon.icon-inactive{filter:brightness(0)invert()opacity(.4)}.svg-icon.icon-cyan:hover,.svg-icon.icon-timer:hover,.svg-icon.icon-success:hover,.svg-icon.icon-primary:hover{filter:brightness(0)saturate()invert(89%)sepia(36%)saturate(2561%)hue-rotate(102deg)brightness(120%)contrast(110%)drop-shadow(0 0 12px #00ffc8e6)drop-shadow(0 0 24px #00ffc866);transition:all .2s cubic-bezier(.4,0,.2,1);transform:scale(1.15)translateY(-1px)}.svg-icon.icon-pink:hover,.svg-icon.icon-music:hover,.svg-icon.icon-alert:hover,.svg-icon.icon-favorite:hover{filter:brightness(0)saturate()invert(13%)sepia(95%)saturate(7471%)hue-rotate(322deg)brightness(120%)contrast(110%)drop-shadow(0 0 12px #ff0096e6)drop-shadow(0 0 24px #ff009666);transition:all .2s cubic-bezier(.4,0,.2,1);transform:scale(1.15)translateY(-1px)}.svg-icon.icon-purple:hover,.svg-icon.icon-history:hover,.svg-icon.icon-secondary:hover{filter:brightness(0)saturate()invert(42%)sepia(71%)saturate(1739%)hue-rotate(227deg)brightness(120%)contrast(110%)drop-shadow(0 0 12px #6464ffe6)drop-shadow(0 0 24px #6464ff66);transition:all .2s cubic-bezier(.4,0,.2,1);transform:scale(1.15)translateY(-1px)}.svg-icon.icon-orange:hover,.svg-icon.icon-energy:hover,.svg-icon.icon-power:hover{filter:brightness(0)saturate()invert(58%)sepia(98%)saturate(2000%)hue-rotate(15deg)brightness(120%)contrast(110%)drop-shadow(0 0 12px #ff6b35e6)drop-shadow(0 0 24px #ff6b3566);transition:all .2s cubic-bezier(.4,0,.2,1);transform:scale(1.15)translateY(-1px)}.svg-icon.icon-green:hover,.svg-icon.icon-health:hover,.svg-icon.icon-growth:hover{filter:brightness(0)saturate()invert(67%)sepia(89%)saturate(1200%)hue-rotate(90deg)brightness(120%)contrast(110%)drop-shadow(0 0 12px #00ff88e6)drop-shadow(0 0 24px #0f86);transition:all .2s cubic-bezier(.4,0,.2,1);transform:scale(1.15)translateY(-1px)}.svg-icon.icon-blue:hover,.svg-icon.icon-info:hover,.svg-icon.icon-settings:hover{filter:brightness(0)saturate()invert(45%)sepia(89%)saturate(1200%)hue-rotate(200deg)brightness(120%)contrast(110%)drop-shadow(0 0 12px #00a8ffe6)drop-shadow(0 0 24px #00a8ff66);transition:all .2s cubic-bezier(.4,0,.2,1);transform:scale(1.15)translateY(-1px)}.svg-icon.icon-active{filter:brightness(0)saturate()invert(89%)sepia(36%)saturate(2561%)hue-rotate(102deg)brightness(104%)contrast(101%)drop-shadow(0 0 12px #00ffc8);transform:scale(1.15)}.svg-icon.icon-play,.svg-icon.icon-pause,.svg-icon.icon-shuffle{filter:brightness(0)saturate()invert(13%)sepia(95%)saturate(7471%)hue-rotate(322deg)brightness(103%)contrast(108%)}.svg-icon.icon-clock,.svg-icon.icon-calendar{filter:brightness(0)saturate()invert(89%)sepia(36%)saturate(2561%)hue-rotate(102deg)brightness(104%)contrast(101%)}.svg-icon.icon-heart{filter:brightness(0)saturate()invert(13%)sepia(95%)saturate(7471%)hue-rotate(322deg)brightness(103%)contrast(108%)}.svg-icon.icon-heart:hover{filter:brightness(0)saturate()invert(13%)sepia(95%)saturate(7471%)hue-rotate(322deg)brightness(103%)contrast(108%)drop-shadow(0 0 12px #ff0096);animation:.6s ease-in-out heartbeat;transform:scale(1.2)}@keyframes heartbeat{0%,to{filter:brightness(0)saturate()invert(13%)sepia(95%)saturate(7471%)hue-rotate(322deg)brightness(103%)contrast(108%);transform:scale(1)}25%{filter:brightness(0)saturate()invert(13%)sepia(95%)saturate(7471%)hue-rotate(322deg)brightness(130%)contrast(120%)drop-shadow(0 0 8px #ff0096cc);transform:scale(1.3)}50%{filter:brightness(0)saturate()invert(13%)sepia(95%)saturate(7471%)hue-rotate(322deg)brightness(110%)contrast(110%);transform:scale(1.1)}75%{filter:brightness(0)saturate()invert(13%)sepia(95%)saturate(7471%)hue-rotate(322deg)brightness(140%)contrast(125%)drop-shadow(0 0 12px #ff0096);transform:scale(1.4)}}@keyframes pulse{50%{opacity:.5}}@keyframes glow-pulse{0%,to{filter:brightness(0)saturate()invert(89%)sepia(36%)saturate(2561%)hue-rotate(102deg)brightness(104%)contrast(101%)}50%{filter:brightness(0)saturate()invert(89%)sepia(36%)saturate(2561%)hue-rotate(102deg)brightness(130%)contrast(120%)drop-shadow(0 0 16px #00ffc8cc)}}.svg-icon.icon-loading{animation:1.2s cubic-bezier(.4,0,.2,1) infinite icon-spin}@keyframes icon-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.svg-icon.icon-pulse{animation:2s ease-in-out infinite pulse}.svg-icon.icon-bounce{animation:1s ease-in-out bounce}.svg-icon.icon-shake{animation:.5s ease-in-out shake}.svg-icon.icon-glow{animation:2s ease-in-out infinite glow-pulse}.svg-icon:focus{outline:2px solid var(--color-cyan,#00ffc8);outline-offset:2px;border-radius:2px}.svg-icon:focus:not(:focus-visible){outline:none}@media(prefers-contrast:high){.svg-icon{filter:brightness(0)invert()contrast(200%)}.svg-icon.icon-cyan,.svg-icon.icon-timer,.svg-icon.icon-success,.svg-icon.icon-primary{filter:brightness(0)saturate()invert(89%)sepia(36%)saturate(2561%)hue-rotate(102deg)brightness(150%)contrast(150%)}.svg-icon.icon-pink,.svg-icon.icon-music,.svg-icon.icon-alert,.svg-icon.icon-favorite{filter:brightness(0)saturate()invert(13%)sepia(95%)saturate(7471%)hue-rotate(322deg)brightness(150%)contrast(150%)}}@media(prefers-reduced-motion:reduce){.svg-icon{transition:none}.svg-icon:hover{animation:none;transform:none}.svg-icon.icon-loading,.svg-icon.icon-pulse,.svg-icon.icon-glow{animation:none}}.svg-icon.icon-gradient{filter:brightness(0)invert()}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-scale-x{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-y{syntax:"*";inherits:false;initial-value:1}@property --tw-scale-z{syntax:"*";inherits:false;initial-value:1}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}@property --tw-leading{syntax:"*";inherits:false}:root{--color-accent: #ff6b6b;--border-alert: #ff006e;--color-alert: #ff1744;--backdrop-blur: 10px;--bg-dark-primary: #121212;--bg-dark-secondary: #1a1a1a;--font-family-base: "Rajdhani", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-family-display: "Orbitron", "Rajdhani", monospace;--transition-fast: .2s;--bg-glass: rgba(255, 255, 255, .05);--bg-glass-dark: rgba(0, 0, 0, .3);--radius-lg: 10px;--spacing-lg: 20px;--radius-md: 8px;--spacing-md: 15px;--transition-medium: .5s;--border-primary: rgba(255, 87, 34, .3);--color-primary: #ff5722;--text-primary: #ffffff;--color-primary-gradient-end: #ff006e;--color-primary-gradient-start: #ff5722;--text-secondary: rgba(255, 255, 255, .8);--font-size-lg: 36px;--font-size-md: 18px;--font-size-sm: 16px;--font-size-xl: 80px;--font-size-xs: 14px;--font-size-xxs: 12px;--radius-sm: 5px;--spacing-sm: 10px;--letter-spacing: 2px;--letter-spacing-wide: 4px;--color-warning: #ff006e;--font-weight-black: 900;--font-weight-bold: 700;--font-weight-extra-bold: 800;--font-weight-medium: 600;--font-weight-normal: 500;--radius-xl: 15px;--spacing-xl: 30px;--spacing-xs: 8px;--radius-xxl: 20px;--spacing-xxl: 40px;--bg-youtube: rgba(255, 87, 34, .05)}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes backgroundShift{0%,to{opacity:1;transform:scale(1) rotate(0)}50%{opacity:.8;transform:scale(1.1) rotate(5deg)}}@keyframes gradientShift{0%{opacity:.5;transform:translate(0) translateY(0)}to{opacity:.8;transform:translate(50px) translateY(50px)}}@keyframes gridMove{0%{transform:translate(0)}to{transform:translate(50px,50px)}}@keyframes float{0%,to{transform:translate(0) scale(1)}25%{transform:translate(30px,-30px) scale(1.1)}50%{transform:translate(-20px,20px) scale(.9)}75%{transform:translate(40px,10px) scale(1.05)}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@keyframes glowPulse{0%,to{box-shadow:0 0 20px #ff572233}50%{box-shadow:0 0 40px #ff572266}}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-20px)}to{opacity:1;transform:translate(-50%)}}@keyframes slideUp{0%{opacity:1;transform:translate(-50%)}to{opacity:0;transform:translate(-50%,-20px)}}@keyframes lightSweepLeft{0%{transform:translate(-50%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(-350%);opacity:0}}@keyframes lightSweepRight{0%{transform:translate(-50%);opacity:0}10%{opacity:1}90%{opacity:1}to{transform:translate(250%);opacity:0}}