*,:before,:after{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }::backdrop{--tw-border-spacing-x: 0;--tw-border-spacing-y: 0;--tw-translate-x: 0;--tw-translate-y: 0;--tw-rotate: 0;--tw-skew-x: 0;--tw-skew-y: 0;--tw-scale-x: 1;--tw-scale-y: 1;--tw-pan-x: ;--tw-pan-y: ;--tw-pinch-zoom: ;--tw-scroll-snap-strictness: proximity;--tw-gradient-from-position: ;--tw-gradient-via-position: ;--tw-gradient-to-position: ;--tw-ordinal: ;--tw-slashed-zero: ;--tw-numeric-figure: ;--tw-numeric-spacing: ;--tw-numeric-fraction: ;--tw-ring-inset: ;--tw-ring-offset-width: 0px;--tw-ring-offset-color: #fff;--tw-ring-color: rgb(59 130 246 / .5);--tw-ring-offset-shadow: 0 0 #0000;--tw-ring-shadow: 0 0 #0000;--tw-shadow: 0 0 #0000;--tw-shadow-colored: 0 0 #0000;--tw-blur: ;--tw-brightness: ;--tw-contrast: ;--tw-grayscale: ;--tw-hue-rotate: ;--tw-invert: ;--tw-saturate: ;--tw-sepia: ;--tw-drop-shadow: ;--tw-backdrop-blur: ;--tw-backdrop-brightness: ;--tw-backdrop-contrast: ;--tw-backdrop-grayscale: ;--tw-backdrop-hue-rotate: ;--tw-backdrop-invert: ;--tw-backdrop-opacity: ;--tw-backdrop-saturate: ;--tw-backdrop-sepia: ;--tw-contain-size: ;--tw-contain-layout: ;--tw-contain-paint: ;--tw-contain-style: }*,:before,:after{box-sizing:border-box;border-width:0;border-style:solid;border-color:#e5e7eb}:before,:after{--tw-content: ""}html,:host{line-height:1.5;-webkit-text-size-adjust:100%;-moz-tab-size:4;-o-tab-size:4;tab-size:4;font-family:ui-sans-serif,system-ui,sans-serif,"Apple Color Emoji","Segoe UI Emoji",Segoe UI Symbol,"Noto Color Emoji";font-feature-settings:normal;font-variation-settings:normal;-webkit-tap-highlight-color:transparent}body{margin:0;line-height:inherit}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;text-decoration:inherit}b,strong{font-weight:bolder}code,kbd,samp,pre{font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-feature-settings:normal;font-variation-settings:normal;font-size:1em}small{font-size:80%}sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}sub{bottom:-.25em}sup{top:-.5em}table{text-indent:0;border-color:inherit;border-collapse:collapse}button,input,optgroup,select,textarea{font-family:inherit;font-feature-settings:inherit;font-variation-settings:inherit;font-size:100%;font-weight:inherit;line-height:inherit;letter-spacing:inherit;color:inherit;margin:0;padding:0}button,select{text-transform:none}button,input:where([type=button]),input:where([type=reset]),input:where([type=submit]){-webkit-appearance:button;background-color:transparent;background-image:none}:-moz-focusring{outline:auto}:-moz-ui-invalid{box-shadow:none}progress{vertical-align:baseline}::-webkit-inner-spin-button,::-webkit-outer-spin-button{height:auto}[type=search]{-webkit-appearance:textfield;outline-offset:-2px}::-webkit-search-decoration{-webkit-appearance:none}::-webkit-file-upload-button{-webkit-appearance:button;font:inherit}summary{display:list-item}blockquote,dl,dd,h1,h2,h3,h4,h5,h6,hr,figure,p,pre{margin:0}fieldset{margin:0;padding:0}legend{padding:0}ol,ul,menu{list-style:none;margin:0;padding:0}dialog{padding:0}textarea{resize:vertical}input::-moz-placeholder,textarea::-moz-placeholder{opacity:1;color:#9ca3af}input::placeholder,textarea::placeholder{opacity:1;color:#9ca3af}button,[role=button]{cursor:pointer}:disabled{cursor:default}img,svg,video,canvas,audio,iframe,embed,object{display:block;vertical-align:middle}img,video{max-width:100%;height:auto}[hidden]:where(:not([hidden=until-found])){display:none}*,*:before,*:after{box-sizing:border-box}html{font-family:Inter,system-ui,-apple-system,sans-serif}body{margin:0;padding:0;background-color:#111;background-image:radial-gradient(ellipse 80% 60% at 50% 45%,#161616,#111);min-height:100vh;color:#f5f5f5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}body.modal-open{overflow:hidden;touch-action:none}.chord-box{background:#1e1e1e;background:linear-gradient(160deg,#262626,#1a1a1a);border:1px solid #2E2E2E;border-top-color:#363636;box-shadow:inset 0 1px #ffffff0a,0 4px 20px #00000073,0 1px 4px #0000004d;border-radius:14px;width:100%;height:88px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;overflow:hidden}@media (max-width: 480px){.chord-box{height:72px}}@media (max-width: 360px){.chord-box{height:62px}}.chord-box--fill{height:100%}.chord-row--6>.chord-box-wrapper{flex:1 1 0;min-width:0}@media (max-width: 480px){.chord-row--6{flex-wrap:wrap}.chord-row--6>.chord-box-wrapper{flex:1 1 calc(33.333% - 7px)}}.chord-output{opacity:0;transform:translateY(4px)}.chord-output.revealed{opacity:1;transform:translateY(0);transition:opacity .15s ease-out,transform .15s ease-out}@media (prefers-reduced-motion: reduce){.chord-output{transform:none}.chord-output.revealed{transition:opacity .1s ease-out}}.spin-btn{background:#6366f1;background:linear-gradient(180deg,#818cf8,#6366f1);box-shadow:0 0 20px #6366f133,0 4px 16px #00000073;border-radius:22px;padding:10px 28px;font-size:15px;font-weight:600;color:#f5f5f5;letter-spacing:.02em;border:none;cursor:pointer;will-change:transform;transition:background .15s ease-out}.spin-btn:after{content:"";position:absolute;top:-4px;right:-4px;bottom:-4px;left:-4px;border-radius:22px;box-shadow:0 0 28px #6366f159;opacity:0;transition:opacity .15s ease-out;pointer-events:none}.spin-btn:hover:after{opacity:1}.spin-btn:hover{background:linear-gradient(180deg,#9499fa,#6e72f5)}.spin-btn:active{transform:scale(.97);transition:transform 80ms ease-out}.spin-btn--play{padding:10px 28px;font-size:15px;border-radius:22px}.reel-option{background:transparent;border:1px solid #2E2E2E;border-radius:8px;color:#666;cursor:pointer;font-family:Inter,sans-serif;font-size:14px;font-weight:500;padding:8px 12px;min-height:44px;min-width:44px;transition:background .1s ease-out,color .1s ease-out;display:flex;align-items:center;justify-content:center}.reel-option:hover{background:#1e1e1e;color:#f5f5f5}.reel-option.active{background:#6366f1;border-color:#6366f1;color:#f5f5f5}.reel-option.locked{opacity:.5;cursor:default}.reel-option.active.locked{opacity:1;background:#6366f1;border-color:#6366f1;color:#f5f5f5}.lock-toggle{background:transparent;border:none;cursor:pointer;padding:6px;color:#666;font-size:16px;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:color .2s ease-out}.lock-toggle:hover{color:#999}.lock-toggle.locked{color:#6366f1}.popover-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:50;display:flex;align-items:flex-start;justify-content:center;padding:20px;background:#00000080;overscroll-behavior:contain;animation:overlayFadeIn .2s ease-out}.popover-overlay--closing{animation:overlayFadeOut .15s ease-in forwards}.popover-panel{background:#1e1e1e;border:1px solid #2E2E2E;border-radius:14px;padding:0;max-width:500px;width:100%;margin-top:60px;animation:popoverIn .2s ease-out;max-height:85vh;overflow:hidden;display:flex;flex-direction:column}.popover-panel--closing{animation:popoverOut .15s ease-in forwards}.popover-panel-header{display:flex;justify-content:space-between;align-items:center;padding:20px 28px 16px;flex-shrink:0;background:#1e1e1e;border-radius:14px 14px 0 0;border-bottom:1px solid #252525}.popover-panel-body{flex:1;overflow-y:auto;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;padding:20px 28px 28px}@media (max-width: 480px){.popover-panel{margin-top:24px}.popover-panel-header{padding:16px 20px 14px}.popover-panel-body{padding:16px 20px 24px}}@media (max-height: 660px){.popover-panel{margin-top:16px;max-height:calc(100vh - 60px)}}@keyframes popoverIn{0%{opacity:0;transform:scale(.96) translateY(-6px)}to{opacity:1;transform:scale(1) translateY(0)}}@keyframes popoverOut{0%{opacity:1;transform:scale(1) translateY(0)}to{opacity:0;transform:scale(.96) translateY(-6px)}}@keyframes overlayFadeIn{0%{opacity:0}to{opacity:1}}@keyframes overlayFadeOut{0%{opacity:1}to{opacity:0}}@keyframes chordBoxReveal{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes firstGenGlow{0%{opacity:0}20%{opacity:1}to{opacity:0}}@keyframes pageFadeIn{0%{opacity:0}to{opacity:1}}@keyframes pageFadeOut{0%{opacity:1}to{opacity:0}}@keyframes btnGlowPulse{0%{box-shadow:0 0 var(--guide-blur-base, 12px) #6366f133,0 4px 16px #00000073;transform:scale(1)}50%{box-shadow:0 0 var(--guide-blur, 22px) rgb(99 102 241 / var(--guide-strength, .55)),0 4px 20px #00000073;transform:scale(var(--guide-scale, 1.02))}to{box-shadow:0 0 var(--guide-blur-base, 12px) #6366f133,0 4px 16px #00000073;transform:scale(1)}}@keyframes btnGlowPulseAmber{0%{box-shadow:0 0 var(--guide-blur-base, 12px) #f59e0b33,0 4px 16px #00000073;transform:scale(1)}50%{box-shadow:0 0 var(--guide-blur, 22px) rgb(245 158 11 / var(--guide-strength, .55)),0 4px 20px #00000073;transform:scale(var(--guide-scale, 1.02))}to{box-shadow:0 0 var(--guide-blur-base, 12px) #f59e0b33,0 4px 16px #00000073;transform:scale(1)}}@keyframes countInScale{0%{transform:scale(.9);opacity:.5}to{transform:scale(1);opacity:1}}@keyframes tc-slice-root-breath{0%,to{opacity:1;transform:scale(1)}50%{opacity:var(--tc-breath-dim, .72);transform:scale(var(--tc-breath-scale, 1.08))}}.tc-slice-root-breath{animation-name:tc-slice-root-breath;animation-iteration-count:infinite;animation-timing-function:ease-in-out}@keyframes tc-pass-grow{0%{opacity:0;transform:scale(.4)}to{opacity:1;transform:scale(1)}}@keyframes tc-pass-frame-in{0%{opacity:0}to{opacity:var(--tc-frame-peak, 1)}}@keyframes tc-pass-frame-out{0%{opacity:var(--tc-frame-peak, 1)}to{opacity:0}}@keyframes readyFadeIn{0%{opacity:0}to{opacity:1}}@keyframes legendPulse{0%{transform:scale(1.25)}to{transform:scale(1)}}@keyframes gentleDashPulse{0%,to{opacity:.5}50%{opacity:.8}}.empty-bar-dash{animation:gentleDashPulse 2s ease-in-out infinite}@media (prefers-reduced-motion: reduce){.empty-bar-dash{animation:none;opacity:.65}}.email-input{background:#2a2a2a;border:1px solid #333333;border-radius:8px;padding:12px 16px;font-size:15px;color:#f5f5f5;width:100%;font-family:Inter,sans-serif;outline:none;transition:border-color .15s ease-out,box-shadow .15s ease-out}.email-input::-moz-placeholder{color:#555}.email-input::placeholder{color:#555}.email-input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f126}.email-btn{background:linear-gradient(180deg,#818cf8,#6366f1);border-radius:8px;padding:13px 24px;font-size:15px;font-weight:600;width:100%;min-height:44px;color:#f5f5f5;border:none;cursor:pointer;font-family:Inter,sans-serif;transition:opacity .15s ease-out}.email-btn--amber{background:linear-gradient(180deg,#fbbf24,#f59e0b)}.email-btn:disabled{opacity:.6;cursor:not-allowed}.email-btn:hover:not(:disabled){opacity:.9}.borrowed-toggle{display:flex;align-items:center;gap:8px;background:transparent;border:none;cursor:pointer;padding:0;color:#999;font-size:14px;font-family:Inter,sans-serif}.borrowed-toggle-dot{width:18px;height:18px;border-radius:50%;border:2px solid #444444;display:flex;align-items:center;justify-content:center;transition:border-color .2s ease-out;flex-shrink:0}.borrowed-toggle-dot.active{border-color:#fb7185;background:#fb7185}.borrowed-toggle-dot.active:after{content:"";width:6px;height:6px;border-radius:50%;background:#1f0f12}.recent-item{background:#111827;border:none;border-left:3px solid #6366F1;border-radius:8px;cursor:pointer;padding:12px 14px;width:100%;text-align:left;min-height:44px;display:flex;flex-direction:column;align-items:flex-start;transition:filter .12s ease-out;font-family:Inter,sans-serif}.recent-item:hover{filter:brightness(1.15)}:focus-visible{outline:2px solid #6366F1;outline-offset:2px}.spin-btn--amber{background:#d97706;background:linear-gradient(180deg,#f59e0b,#d97706);box-shadow:0 0 20px #d9770633,0 4px 16px #00000073}.spin-btn--amber:hover{background:linear-gradient(180deg,#fcd34d,#f59e0b)}.spin-btn--amber:after{box-shadow:0 0 28px #d9770659}.spin-btn--green{background:#22c55e;background:linear-gradient(180deg,#4ade80,#22c55e);box-shadow:0 0 20px #22c55e33,0 4px 16px #00000073}.spin-btn--green:hover{background:linear-gradient(180deg,#6ee7a0,#4ade80)}.spin-btn--green:after{box-shadow:0 0 28px #22c55e59}.dropdown-trigger--amber.open{border-color:#f59e0b}.dropdown-option--amber.active{background:#f59e0b1f;color:#f59e0b}.dropdown-option--amber.active:hover{background:#f59e0b33;color:#fcd34d}.nav-back{display:inline-flex;align-items:center;gap:6px;background:transparent;border:none;border-radius:8px;color:#666;font-family:Inter,sans-serif;font-size:13px;font-weight:500;padding:6px 8px;cursor:pointer;text-decoration:none;min-height:44px;white-space:nowrap;transition:color .1s ease-out}.nav-back:hover{color:#999}.dropdown-trigger{width:100%;background:#1e1e1e;border:1px solid #2E2E2E;border-top-color:#363636;border-radius:8px;padding:8px 10px;cursor:pointer;display:flex;flex-direction:column;align-items:flex-start;gap:3px;min-height:52px;transition:border-color .1s ease-out;text-align:left}.dropdown-trigger:hover:not(.locked){border-color:#3e3e3e}.dropdown-trigger.open{border-color:#6366f1}.dropdown-trigger.locked{cursor:default}.dropdown-trigger-label{font-size:13px;font-weight:600;color:#ccc;text-transform:uppercase;letter-spacing:.06em;font-family:Inter,sans-serif}.dropdown-trigger-value{display:flex;align-items:center;gap:4px;font-size:14px;font-weight:600;color:#f5f5f5;font-family:Inter,sans-serif;width:100%}.dropdown-value-text{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.dropdown-menu{position:absolute;top:calc(100% + 4px);left:0;min-width:100%;background:#1e1e1e;border:1px solid #2E2E2E;border-radius:8px;z-index:200;overflow-y:auto;overflow-x:hidden;max-height:60vh;-webkit-overflow-scrolling:touch;overscroll-behavior:contain;box-shadow:0 8px 24px #0000008c,0 2px 8px #00000059}.dropdown-option{display:block;width:100%;padding:10px 14px;background:transparent;border:none;color:#999;font-size:14px;font-weight:500;text-align:left;cursor:pointer;font-family:Inter,sans-serif;transition:background 80ms ease-out,color 80ms ease-out;white-space:nowrap}.dropdown-option:hover{background:#2a2a2a;color:#f5f5f5}.dropdown-option.active{background:#6366f124;color:#818cf8}.dropdown-option.active:hover{background:#6366f138;color:#a5b4fc}.dropdown-option.disabled,.dropdown-option:disabled{color:#444;cursor:not-allowed;opacity:.55}.dropdown-option.disabled:hover,.dropdown-option:disabled:hover{background:transparent;color:#444}.feature-toggle{display:inline-flex;align-items:center;gap:6px;background:transparent;border:1px solid #2E2E2E;border-radius:6px;padding:6px 10px;cursor:pointer;font-family:Inter,sans-serif;font-size:13px;font-weight:500;color:#666;min-height:32px;transition:border-color .2s ease-out,color .2s ease-out}.feature-toggle:hover{color:#999;border-color:#3e3e3e}.feature-toggle.active{border-color:#3b3d7a;color:#6366f1}.feature-toggle-dot{width:12px;height:12px;border-radius:50%;border:2px solid #444444;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:border-color .2s ease-out,background .2s ease-out}.feature-toggle-dot.active{border-color:#6366f1;background:#6366f1}.feature-toggle-dot.active:after{content:"";width:4px;height:4px;border-radius:50%;background:#121224}.dv-short{display:none}@media (max-width: 479px){.dv-full{display:none}.dv-short{display:inline}}:root{--heartbeat-period: 8s;--heartbeat-ease: ease-in-out;--breath-scale: 1.0132;--breath-glow-peak: .38;--breath-warm-boost: 2;--guide-period: 4.25s;--guide-strength: .85;--discovery-strength: .53;--discovery-blur: 20px;--doorway-blur: 11px;--page-accent: 99 102 241;--guide-blur: 22px;--guide-blur-base: 12px;--guide-scale: 1.02;--press-scale: .94;--press-overshoot: 1.045;--press-release-ms: .26s;--reel-land: .25s;--doorway-boost: 1.8;--farewell-duration: 1.5s;--farewell-scale: 2.4;--cascade-rise: 1.2s;--gen-glow-duration: 2.5s;--gen-glow-peak: .79;--home-rise: 1.4s;--rest-period: 12s;--rest-strength: .33;--rest-blur: 18px;--rest-blur-base: 10px;--wash-peak: .32;--wash-duration: 7s;--page-header-pt: 12px;--title-mb: 2px;--subtitle-mb: 4px;--subtitle-fs: 10px;--tagline-fs: 12px;--generate-mt: 12px;--control-bar-mt: 14px;--output-section-mt: 14px;--output-label-mb: 8px;--feature-sections-mt: 8px;--feature-sections-gap: 8px;--home-header-pt: 32px}@media (min-width: 480px){:root{--page-header-pt: 20px;--title-mb: 4px;--subtitle-mb: 6px;--subtitle-fs: 11px;--tagline-fs: 13px;--generate-mt: 16px;--control-bar-mt: 16px;--output-section-mt: 16px;--output-label-mb: 10px;--feature-sections-mt: 12px;--feature-sections-gap: 12px;--home-header-pt: 48px}}@media (min-width: 768px){:root{--page-header-pt: 32px;--title-mb: 6px;--subtitle-mb: 8px;--subtitle-fs: 12px;--tagline-fs: 14px;--generate-mt: 24px;--control-bar-mt: 20px;--output-section-mt: 20px;--output-label-mb: 12px;--feature-sections-mt: 16px;--feature-sections-gap: 16px;--home-header-pt: 64px}}.chord-box-wrapper{position:relative}.swap-btn{position:absolute;top:2px;right:2px;min-width:44px;min-height:44px;display:flex;align-items:flex-start;justify-content:flex-end;padding:10px;background:transparent;border:none;cursor:pointer;color:#666;transition:color .15s ease-out;border-radius:0 12px 0 6px;z-index:1}.swap-btn:hover{color:#6366f1}.swap-btn:disabled{cursor:default;opacity:0}.chord-output--staggered{opacity:1!important;transform:none!important;transition:none!important}.chord-output--staggered .chord-box-wrapper{opacity:0}.chord-output--staggered.revealed .chord-box-wrapper{animation:chordBoxReveal var(--cascade-rise) ease-out forwards}.chord-output--staggered .chord-template-name{opacity:0}.chord-output--staggered.revealed .chord-template-name{animation:chordBoxReveal var(--cascade-rise) ease-out forwards}.first-gen-glow{position:relative}.first-gen-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff1f,0 0 28px rgb(99 102 241 / var(--gen-glow-peak));animation:firstGenGlow var(--gen-glow-duration) ease-in-out forwards;pointer-events:none;z-index:1}.first-gen-glow--amber:after{box-shadow:inset 0 0 0 1px #f59e0b2e,0 0 28px rgb(245 158 11 / var(--gen-glow-peak))}.gen-glow{position:relative}.gen-glow:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:14px;box-shadow:inset 0 0 0 1px #ffffff12,0 0 22px rgb(99 102 241 / calc(var(--gen-glow-peak) * .6));animation:firstGenGlow var(--gen-glow-duration) ease-in-out forwards;pointer-events:none;z-index:1}.spin-btn--pulsing{animation:btnGlowPulse .2s ease-out}.spin-btn--idle{animation:btnGlowPulse var(--guide-period) var(--heartbeat-ease) infinite}.spin-btn--amber.spin-btn--pulsing{animation:btnGlowPulseAmber .2s ease-out}.spin-btn--amber.spin-btn--idle{animation:btnGlowPulseAmber var(--guide-period) var(--heartbeat-ease) infinite}.home-cascade .home-card-step{opacity:0;animation:chordBoxReveal var(--home-rise) ease-out forwards;animation-delay:var(--step-delay, 0s);animation-play-state:paused}body.tl-loaded .home-cascade .home-card-step{animation-play-state:running}@keyframes homeCardBreath{0%,to{box-shadow:0 0 #fff0;transform:scale(1)}50%{box-shadow:0 0 12px rgb(255 255 255 / calc(var(--breath-glow-peak) / var(--breath-warm-boost)));transform:scale(var(--breath-scale))}}@keyframes homeCardBreathWarm{0%,to{box-shadow:0 0 6px #6366f114;transform:scale(1)}50%{box-shadow:0 0 22px rgb(99 102 241 / var(--breath-glow-peak));transform:scale(var(--breath-scale))}}.home-card-breath{animation:homeCardBreath var(--heartbeat-period) var(--heartbeat-ease) infinite}.home-card-breath--warm{animation:homeCardBreathWarm var(--heartbeat-period) var(--heartbeat-ease) infinite}.hb-start-idle{animation:btnGlowPulse var(--guide-period) var(--heartbeat-ease) infinite}@keyframes handleGlowPulse{0%,to{box-shadow:0 0 4px rgb(var(--page-accent, 99 102 241) / .12)}50%{box-shadow:0 0 var(--discovery-blur, 20px) rgb(var(--page-accent, 99 102 241) / var(--discovery-strength, .68))}}@keyframes doorwayGlowPulse{0%,to{box-shadow:0 0 5px rgb(var(--page-accent, 99 102 241) / .15)}50%{box-shadow:0 0 var(--doorway-blur, 11px) rgb(var(--page-accent, 99 102 241) / calc(var(--discovery-strength, .68) * var(--doorway-boost, 1.5))),0 -14px calc(var(--doorway-blur, 11px) + 3px) rgb(var(--page-accent, 99 102 241) / calc(var(--discovery-strength, .68) * var(--doorway-boost, 1.5) * .55)),0 14px calc(var(--doorway-blur, 11px) + 3px) rgb(var(--page-accent, 99 102 241) / calc(var(--discovery-strength, .68) * var(--doorway-boost, 1.5) * .55))}}.discovery-glow{animation:handleGlowPulse var(--guide-period) var(--heartbeat-ease) infinite}.discovery-glow--doorway{animation:doorwayGlowPulse var(--guide-period) var(--heartbeat-ease) infinite}@keyframes restGlowPulse{0%,to{box-shadow:0 0 var(--rest-blur-base, 10px) #6366f10d,0 4px 16px #00000073}50%{box-shadow:0 0 var(--rest-blur, 18px) rgb(99 102 241 / var(--rest-strength, .2)),0 4px 16px #00000073}}@keyframes restGlowPulseAmber{0%,to{box-shadow:0 0 var(--rest-blur-base, 10px) #f59e0b0d,0 4px 16px #00000073}50%{box-shadow:0 0 var(--rest-blur, 18px) rgb(245 158 11 / var(--rest-strength, .2)),0 4px 16px #00000073}}.spin-btn--rest{animation:restGlowPulse var(--rest-period) var(--heartbeat-ease) infinite}.spin-btn--amber.spin-btn--rest{animation:restGlowPulseAmber var(--rest-period) var(--heartbeat-ease) infinite}.hb-start-rest{animation:restGlowPulse var(--rest-period) var(--heartbeat-ease) infinite}@keyframes farewellFlare{0%{box-shadow:0 0 var(--discovery-blur, 20px) rgb(var(--page-accent, 99 102 241) / var(--discovery-strength, .8))}30%{box-shadow:0 0 calc(var(--discovery-blur, 20px) * var(--farewell-scale, 2.4)) rgb(var(--page-accent, 99 102 241) / var(--discovery-strength, .8))}to{box-shadow:0 0 2px rgb(var(--page-accent, 99 102 241) / 0)}}.discovery-farewell{animation:farewellFlare var(--farewell-duration, 1.5s) var(--heartbeat-ease) forwards!important}.btn-press{animation:none!important;transform:scale(var(--press-scale, .94));transition:transform 90ms ease-out}@keyframes btnPressRelease{0%{transform:scale(var(--press-scale, .94))}55%{transform:scale(var(--press-overshoot, 1.045))}to{transform:scale(1)}}.btn-release{animation:btnPressRelease var(--press-release-ms, .26s) cubic-bezier(.34,1.56,.64,1) forwards!important}@keyframes reelLand{0%{transform:scale(1)}40%{transform:scale(1.07)}to{transform:scale(1)}}.reel-land{animation:reelLand var(--reel-land, .25s) cubic-bezier(.34,1.56,.64,1)}@keyframes washFade{0%,to{opacity:0}50%{opacity:1}}.edge-wash{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:930;box-shadow:inset 0 0 60px 10px rgb(var(--page-accent, 99 102 241) / var(--wash-peak, .43));opacity:0;animation:washFade var(--wash-duration, 4s) var(--heartbeat-ease) forwards}body.tl-calm .home-card-breath,body.tl-calm .home-card-breath--warm,body.tl-calm .spin-btn--idle,body.tl-calm .spin-btn--amber.spin-btn--idle,body.tl-calm .hb-start-idle,body.tl-calm .discovery-glow,body.tl-calm .discovery-glow--doorway,body.tl-calm .spin-btn--rest,body.tl-calm .spin-btn--amber.spin-btn--rest,body.tl-calm .hb-start-rest,body.tl-calm .tc-slice-root-breath{animation:none}body.tl-calm .discovery-farewell{animation:none!important}body.tl-calm .edge-wash{display:none}@media (prefers-reduced-motion: reduce){.home-cascade .home-card-step{animation:readyFadeIn .3s ease-out forwards;animation-delay:0s}.home-card-breath,.home-card-breath--warm,.hb-start-idle{animation:none}.discovery-glow,.discovery-glow--doorway{animation:none;box-shadow:0 0 10px rgb(var(--page-accent, 99 102 241) / .3)}.spin-btn--rest,.spin-btn--amber.spin-btn--rest,.hb-start-rest{animation:none}.discovery-farewell{animation:none!important}.edge-wash{display:none}@keyframes readyFadeIn{0%{opacity:1}to{opacity:1}}@keyframes countInScale{0%{transform:scale(1);opacity:1}to{transform:scale(1);opacity:1}}}.page-enter{animation:pageFadeIn .15s ease-out}.page-exit{animation:pageFadeOut .15s ease-out forwards;pointer-events:none}@media (prefers-reduced-motion: reduce){.chord-box-wrapper,.chord-template-name{opacity:1!important;animation:none!important;transform:none!important}.popover-panel,.popover-panel--closing{animation:none!important;transform:none!important}.popover-overlay,.popover-overlay--closing{animation:none!important}.popover-panel--closing,.popover-overlay--closing{opacity:0!important}.first-gen-glow:after,.first-gen-glow--amber:after,.gen-glow:after{display:none}.spin-btn--pulsing,.spin-btn--idle{animation:none!important}.page-enter,.page-exit{animation:none!important;opacity:1!important}.fav-heart-btn.pulsing{animation:none!important}.btn-press,.btn-release{animation:none!important;transform:none!important;transition:none!important}.reel-land,.toast{animation:none!important}}.fav-heart-btn{background:transparent;border:none;cursor:pointer;padding:0;color:#666;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:color .15s ease-out;flex-shrink:0}.fav-heart-btn:hover{color:#999}.fav-heart-btn.active{color:#6366f1}.fav-heart-btn.active:hover{color:#818cf8}@keyframes heartPulse{0%{transform:scale(1)}40%{transform:scale(1.3)}70%{transform:scale(.95)}to{transform:scale(1)}}.fav-heart-btn.pulsing{animation:heartPulse .3s ease-out}.fav-card-row{display:flex;align-items:center;gap:4px}.fav-card{flex:1;min-width:0;background:transparent;border:1px solid #2E2E2E;border-left:3px solid #6366F1;border-radius:8px;padding:10px 12px;cursor:pointer;text-align:left;display:flex;flex-direction:column;gap:2px;transition:background .1s ease-out,border-left-color .1s ease-out;font-family:Inter,sans-serif;min-height:44px}.fav-card:hover{background:#1e1e1e;border-left-color:#818cf8}.fav-card-key{font-size:13px;font-weight:600;color:#f5f5f5}.fav-card-chords{font-size:12px;color:#999;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.fav-card-name{font-size:11px;color:#555}.fav-delete-btn{background:transparent;border:none;cursor:pointer;padding:0;color:#555;min-height:44px;min-width:44px;display:flex;align-items:center;justify-content:center;border-radius:8px;transition:color .15s ease-out;flex-shrink:0}.fav-delete-btn:hover{color:#999}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%);background:#2a2a2a;border:1px solid #3E3E3E;border-radius:10px;padding:12px 20px;font-size:13px;font-weight:500;color:#f5f5f5;font-family:Inter,sans-serif;white-space:nowrap;z-index:100;box-shadow:0 8px 24px #00000080;animation:toastIn .2s ease-out}@keyframes toastIn{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes dropdownFadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes dropdownFadeInUp{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.dropdown-animate{animation:dropdownFadeIn .15s ease-out forwards}.dropdown-animate-up{animation:dropdownFadeInUp .15s ease-out forwards}@media (prefers-reduced-motion: reduce){.dropdown-animate,.dropdown-animate-up{animation:none}}button:focus-visible{outline:2px solid #6366F1;outline-offset:2px}.scale-page button:focus-visible{outline-color:#f59e0b}.sync-page button:focus-visible{outline-color:#22c55e}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#333;border-radius:3px}.board-scroll{scrollbar-width:thin;scrollbar-color:rgba(99,102,241,.6) rgba(255,255,255,.05)}.board-scroll::-webkit-scrollbar{height:6px}.board-scroll::-webkit-scrollbar-track{background:#ffffff0d;border-radius:3px}.board-scroll::-webkit-scrollbar-thumb{background:#6366f199;border-radius:3px}.board-scroll::-webkit-scrollbar-thumb:hover{background:#6366f1d9}@keyframes tcWarningPulse{0%{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 16px #f59e0b40}to{box-shadow:0 0 #f59e0b00}}@keyframes tcChangeFlash{0%{box-shadow:0 0 24px #6366f199}to{box-shadow:0 0 #6366f100}}@keyframes vampNudgeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.vamp-nudge{animation:vampNudgeIn .3s ease-out}.vamp-nudge--fading{opacity:0;transition:opacity .5s ease-out}@media (prefers-reduced-motion: reduce){.vamp-nudge{animation:none}.vamp-nudge--fading{transition:none}}@keyframes theoryLineGlow{0%{color:#9196e8;text-shadow:0 0 0px rgba(145,150,232,0)}50%{color:#b8bbfa;text-shadow:0 0 8px rgba(145,150,232,.4)}to{color:#9196e8;text-shadow:0 0 0px rgba(145,150,232,0)}}.theory-line-glow{animation:theoryLineGlow 1.5s ease-in-out}@media (prefers-reduced-motion: reduce){.theory-line-glow{animation:none}}@keyframes tcStartFade{0%{opacity:0}15%{opacity:1}70%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion: reduce){@keyframes tcStartFade{0%,15%,70%{opacity:1}to{opacity:0}}@keyframes tcWarningPulse{0%,50%,to{box-shadow:0 0 8px #f59e0b26}}@keyframes tcChangeFlash{0%,to{box-shadow:none}}}@media (max-width: 400px){h1{font-size:22px!important}}button[aria-label*=About],button[aria-label*=Help],button[aria-label*=about],button[aria-label*="About this"]{color:#999!important;transition:color .2s ease,transform .2s ease}button[aria-label*=About]:hover,button[aria-label*=Help]:hover,button[aria-label*=about]:hover,button[aria-label*="About this"]:hover{color:#ccc!important;transform:scale(1.1)}.fretboard-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;height:3px;background:#ffffff14;border-radius:2px;outline:none}.fretboard-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;border-radius:50%;background:var(--accent-color);opacity:.6;cursor:pointer;border:none}.fretboard-slider::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:var(--accent-color);opacity:.6;cursor:pointer;border:none}.rotate-message{display:none;position:fixed;top:0;right:0;bottom:0;left:0;z-index:99999;background:#0a0a0a;color:#6366f1;align-items:center;justify-content:center;text-align:center;padding:2rem;font-size:1.1rem;font-family:inherit;line-height:1.5}@media (orientation: landscape) and (max-height: 600px){body:not(.landscape-ok) .rotate-message{display:flex}}