@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&display=swap);*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(180deg,#0f0f23,#1a1a2e);background:var(--gradient-subtle);color:#f7fafc;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;letter-spacing:-.01em;line-height:1.7;min-height:100vh}code{font-family:Inter,source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.app{display:flex;flex-direction:column;height:100vh}:root{--primary-bg:#0f0f23;--surface-bg:#1a1a2e;--elevated-bg:#16213e;--subtle-bg:#0d1421;--border-color:#2d3748;--border-soft:#1a202c;--border-accent:#4a5568;--text-primary:#f7fafc;--text-secondary:#e2e8f0;--text-muted:#a0aec0;--text-subtle:#718096;--accent-primary:#667eea;--accent-hover:#764ba2;--accent-soft:#553c9a;--success:#48bb78;--error:#f56565;--warning:#ed8936;--info:#4299e1;--glass-bg:#1a1a2ecc;--glass-border:#2d37484d;--gradient-primary:linear-gradient(135deg,#667eea,#764ba2);--gradient-surface:linear-gradient(145deg,#1a1a2e,#16213e);--gradient-subtle:linear-gradient(180deg,#0f0f23,#1a1a2e)}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:#1a1a2e;background:var(--surface-bg)}::-webkit-scrollbar-thumb{background:#2d3748;background:var(--border-color);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#4a5568;background:var(--border-accent)}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:14px;font-weight:500;justify-content:center;min-height:44px;outline:none;text-decoration:none;transition:all .2s ease}.btn:disabled{cursor:not-allowed;opacity:.5}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);box-shadow:0 4px 15px #667eea33;color:#fff}.btn-primary:hover:not(:disabled){background:#764ba2;background:var(--accent-hover);box-shadow:0 8px 25px #667eea4d;transform:translateY(-2px)}.btn-secondary{background:#16213e;background:var(--elevated-bg);border:1px solid #2d3748;border:1px solid var(--border-color);box-shadow:0 2px 8px #0000001a;color:#f7fafc;color:var(--text-primary)}.btn-secondary:hover:not(:disabled){background:#2d3748;background:var(--border-color);border-color:#4a5568;border-color:var(--border-accent);box-shadow:0 4px 16px #00000026;transform:translateY(-2px)}.btn-ghost{background:#0000;border:1px solid #0000;color:#e2e8f0;color:var(--text-secondary)}.btn-ghost:hover:not(:disabled){-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-color:#2d37484d;border-color:var(--glass-border);color:#f7fafc;color:var(--text-primary)}.btn-ghost:hover:not(:disabled),.card{background:#1a1a2ecc;background:var(--glass-bg)}.card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid #2d37484d;border:1px solid var(--glass-border);border-radius:16px;box-shadow:0 8px 32px #0003,0 2px 8px #0000001a;padding:32px;transition:all .3s ease}.card:hover{box-shadow:0 12px 40px #00000040,0 4px 12px #00000026;transform:translateY(-2px)}.input{background:#0d1421;background:var(--subtle-bg);border:1px solid #1a202c;border:1px solid var(--border-soft);border-radius:12px;color:#f7fafc;color:var(--text-primary);font-size:15px;font-weight:400;outline:none;padding:14px 18px;transition:all .3s ease;width:100%}.input:focus{background:#1a1a2e;background:var(--surface-bg);border-color:#667eea;border-color:var(--accent-primary);box-shadow:0 0 0 3px #667eea1a,0 2px 8px #0000001a;transform:translateY(-1px)}.input::placeholder{color:#718096;color:var(--text-subtle)}.spinner{animation:spin 1.2s ease-in-out infinite;border:2px solid #1a202c;border-top:2px solid #667eea;border:2px solid var(--border-soft);border-radius:50%;border-top-color:var(--accent-primary);box-shadow:0 2px 8px #667eea33;height:38px;width:38px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideInRight{0%{opacity:0;transform:translateX(30px)}to{opacity:1;transform:translateX(0)}}@keyframes slideIn{0%{transform:translateX(-100%)}to{transform:translateX(0)}}.animate-fade-in{animation:fadeIn .6s ease-out}.animate-slide-in{animation:slideIn .4s ease-out}.animate-slide-left{animation:slideInLeft .5s ease-out}.animate-slide-right{animation:slideInRight .5s ease-out}.stagger-1{animation-delay:.1s}.stagger-2{animation-delay:.2s}.stagger-3{animation-delay:.3s}.stagger-4{animation-delay:.4s}.text-xs{font-size:12px}.text-sm{font-size:14px}.text-base{font-size:16px}.text-lg{font-size:18px}.text-xl{font-size:20px}.text-2xl{font-size:24px}.text-3xl{font-size:30px}.text-4xl{font-size:36px}.font-light{font-weight:300}.font-normal{font-weight:400}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.gradient-dark{background:linear-gradient(145deg,#1a1a2e,#16213e);background:var(--gradient-surface)}.glass{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#1a1a2ecc;background:var(--glass-bg);border:1px solid #2d37484d;border:1px solid var(--glass-border)}.glass-strong{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ef2;border:1px solid #2d3748;border:1px solid var(--border-color)}.surface{background:#1a1a2e;background:var(--surface-bg)}.elevated{background:#16213e;background:var(--elevated-bg)}.play-pause-button-wrapper{align-items:center;display:flex;justify-content:center;margin:16px 0}.audio-progress{background:#060d1d;border-bottom:1px solid #33334f;border-radius:6px;box-shadow:inset 0 2px 6px #0003;cursor:pointer;flex:1 1;position:relative;transition:all .2s ease}.audio-progress-bar{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:6px;box-shadow:0 2px 8px #667eea66;height:100%;position:relative;transition:all .3s ease}.audio-progress-bar:after{background:#fff;border-radius:50%;box-shadow:0 2px 8px #0000004d,0 0 0 2px #667eea;box-shadow:0 2px 8px #0000004d,0 0 0 2px var(--accent-primary);content:"";height:12px;opacity:0;position:absolute;right:-4px;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:12px}.audio-progress:hover .audio-progress-bar:after{opacity:1}.audio-time{font-feature-settings:"tnum" 1;color:#a0aec0;color:var(--text-muted);font-size:13px;font-weight:500;letter-spacing:.02em;margin:4px 0 0;text-align:center}.audio-volume{align-items:center;border-radius:12px;display:flex;gap:12px;justify-content:right;padding:8px;transition:background-color .2s ease;width:200px}.volume-slider{background:#1a202c;background:var(--border-soft);border-radius:6px;box-shadow:inset 0 2px 6px #0003;cursor:pointer;height:8px;position:relative;transition:all .2s ease;width:90px}.volume-slider:hover{box-shadow:inset 0 2px 8px #0000004d;height:10px}.volume-slider-bar{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:6px;box-shadow:0 2px 6px #667eea66;height:100%;position:relative;transition:all .3s ease}.volume-slider-bar:after{background:#fff;border-radius:50%;box-shadow:0 2px 6px #0000004d,0 0 0 2px #667eea;box-shadow:0 2px 6px #0000004d,0 0 0 2px var(--accent-primary);content:"";height:12px;opacity:0;position:absolute;right:-4px;top:50%;transform:translateY(-50%);transition:opacity .2s ease;width:12px}.volume-slider:hover .volume-slider-bar:after{opacity:1}.play-button{overflow:hidden;position:relative;z-index:1}.play-button:before{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);border-radius:inherit;bottom:0;content:"";left:0;opacity:.8;position:absolute;right:0;top:0;transition:opacity .3s ease;z-index:-1}.play-button:hover:before{opacity:1}.play-button:active{transform:scale(.98)}.spinner.glow{box-shadow:0 0 20px #667eea66}.track-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1a2ecc;background:var(--glass-bg);border:1px solid #2d37484d;border:1px solid var(--glass-border);border-radius:8px;box-shadow:0 4px 16px #0000001a;cursor:pointer;max-width:768px;padding:8px;transition:all .3s ease;width:100%}.track-card:hover{box-shadow:0 12px 32px #0003,0 4px 16px #667eea1a;transform:translateY(-4px)}.track-card.selected,.track-card:hover{background:#16213e;background:var(--elevated-bg);border-color:#667eea;border-color:var(--accent-primary)}.track-card.selected{box-shadow:0 0 0 2px #667eea,0 8px 24px #667eea33;box-shadow:0 0 0 2px var(--accent-primary),0 8px 24px #667eea33;transform:translateY(-2px)}@keyframes breathe{0%,to{transform:scale(1)}50%{transform:scale(1.02)}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes glow{0%,to{box-shadow:0 0 20px #667eea1a}50%{box-shadow:0 0 30px #667eea4d}}.breathe{animation:breathe 4s ease-in-out infinite}.float{animation:float 6s ease-in-out infinite}.glow{animation:glow 3s ease-in-out infinite}.countdown-circle,.countdown-container{display:flex;justify-content:center}.countdown-circle{align-items:center;height:300px;position:relative;width:300px}.countdown-svg{filter:drop-shadow(0 8px 16px rgba(102,126,234,.3));height:100%;left:0;position:absolute;top:0;transform:rotate(-90deg);width:100%}.countdown-track{opacity:.2}.countdown-progress{filter:drop-shadow(0 0 4px rgba(102,126,234,.6));transition:stroke-dashoffset 1s linear}.countdown-text{position:relative;text-align:center;z-index:1}.countdown-time{margin-bottom:.5rem}.countdown-time,.countdown-time-compact{font-feature-settings:"tnum" 1;color:#f7fafc;color:var(--text-primary);font-size:3.5rem;font-weight:700;letter-spacing:-.02em;line-height:1;text-shadow:0 4px 8px #0000004d}.countdown-time-compact{margin-bottom:.25rem}.countdown-label{font-size:1rem}.countdown-label,.countdown-label-compact{color:#a0aec0;color:var(--text-muted);font-weight:500;letter-spacing:.05em;opacity:.8;text-transform:uppercase}.countdown-label-compact{font-size:.875rem}.player-wrapper{margin:0 auto;max-width:600px}.player-wrapper-compact{bottom:0;left:0;position:fixed;width:100%}.progress-bar-wrapper{max-width:400px;width:100%}.audio-player{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ecc;background:var(--glass-bg);border-radius:24px;border-top:1px solid #33334f;box-shadow:0 16px 48px #0000004d,0 8px 24px #0003;padding:0 8px;transition:all .3s ease}.track-info-hero{margin-bottom:3rem;text-align:center}.track-info-hero h2{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-primary);-webkit-background-clip:text;background-clip:text;margin-bottom:1rem}.track-frequency-badge{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1a2ecc;background:var(--glass-bg);border:1px solid #2d37484d;border:1px solid var(--glass-border);border-radius:50px;box-shadow:0 4px 16px #667eea33;color:#667eea;color:var(--accent-primary);display:inline-flex;font-size:1rem;font-weight:600;padding:.75rem 1.5rem;transition:all .3s ease}.track-frequency-badge:hover{background:#16213e;background:var(--elevated-bg);border-color:#667eea;border-color:var(--accent-primary);box-shadow:0 6px 20px #667eea4d;transform:translateY(-2px)}.session-info-card{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1a1a2ef2;border:1px solid #2d3748;border:1px solid var(--border-color);border-radius:20px;box-shadow:0 12px 32px #0000004d;margin:0 auto;max-width:400px;padding:2rem;transition:all .3s ease}.session-info-card:hover{box-shadow:0 16px 40px #0006;transform:translateY(-1px)}.session-info-row{align-items:center;border-bottom:1px solid #2d374880;display:flex;justify-content:space-between;padding:.75rem 0}.session-info-row:last-child{border-bottom:none}.session-info-label{color:#e2e8f0;color:var(--text-secondary);font-weight:500}.session-info-value{font-feature-settings:"tnum" 1;color:#f7fafc;color:var(--text-primary);font-weight:600}.session-info-value.accent{color:#667eea;color:var(--accent-primary)}.session-info-value.success{color:#48bb78;color:var(--success)}.session-info-value.muted{color:#a0aec0;color:var(--text-muted)}.player-header{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0f0f23e6;border-bottom:1px solid #2d37484d;box-shadow:0 4px 16px #0003}.back-button{align-items:center;background:#0000;border:1px solid #0000;border-radius:12px;color:#e2e8f0;color:var(--text-secondary);display:inline-flex;font-weight:500;padding:.75rem 1rem;text-decoration:none;transition:all .2s ease}.back-button:hover{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#1a1a2ecc;background:var(--glass-bg);border-color:#2d37484d;border-color:var(--glass-border);color:#f7fafc;color:var(--text-primary);transform:translateX(-2px)}.back-button svg{margin-right:.5rem;transition:transform .2s ease}.back-button:hover svg{transform:translateX(-2px)}.duration-selector{margin-bottom:1.5rem}.duration-label{margin-bottom:1rem;text-align:center}.duration-label-text{color:#e2e8f0;color:var(--text-secondary);font-size:1rem;font-weight:600;letter-spacing:.05em;text-transform:uppercase}.duration-options{flex-wrap:wrap;gap:1rem}.duration-option,.duration-options{display:flex;justify-content:center}.duration-option{align-items:center;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1a2ecc;background:var(--glass-bg);border:2px solid #33334f;border-radius:16px;box-shadow:0 4px 16px #0000001a;color:inherit;cursor:pointer;flex-direction:column;min-width:80px;padding:8px 20px;text-decoration:none;transition:all .3s ease}.duration-option.selected,.duration-option:hover{background:#16213e;background:var(--elevated-bg);border-color:#667eea;border-color:var(--accent-primary);transform:translateY(-1px)}.duration-option.selected .duration-option-label{color:#667eea;color:var(--accent-primary);font-weight:700}.duration-option-label{color:#f7fafc;color:var(--text-primary);font-size:1.25rem;font-weight:600;line-height:1.2;margin-bottom:.25rem;transition:all .2s ease}.duration-option-description{color:#a0aec0;color:var(--text-muted);font-size:.75rem;font-weight:500;line-height:1.2;opacity:.8;text-align:center}.category-selector{margin-bottom:12px}.category-grid{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));margin:0 auto;max-width:768px}.category-card,.category-grid{align-items:center;justify-content:center}.category-card{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1a2ecc;background:var(--glass-bg);border:1px solid #2d37484d;border:1px solid var(--glass-border);border-radius:8px;box-shadow:0 4px 16px #0000001a;color:inherit;cursor:pointer;display:flex;flex-direction:column;min-height:100px;padding:0;text-decoration:none;transition:all .3s ease}.category-card:hover{box-shadow:0 8px 24px #00000026,0 2px 8px #667eea1a;transform:translateY(-2px)}.category-card.selected,.category-card:hover{background:#16213e;background:var(--elevated-bg);border-color:#667eea;border-color:var(--accent-primary)}.category-card.selected{box-shadow:0 0 0 2px #667eea,0 8px 24px #667eea33;box-shadow:0 0 0 2px var(--accent-primary),0 8px 24px #667eea33;transform:translateY(-1px)}.category-card.selected .category-icon{transform:scale(1.1)}.category-card.selected .category-name{color:#667eea;color:var(--accent-primary);font-weight:600}.category-icon{font-size:2rem;line-height:1;margin-bottom:.75rem;transition:transform .2s ease}.category-name{color:#f7fafc;color:var(--text-primary);font-size:.875rem;font-weight:500;line-height:1.2;text-align:center;transition:all .2s ease}.category-card:hover .category-icon{transform:scale(1.05)}.category-card:hover .category-name{color:#f7fafc;color:var(--text-primary)}.audio-controls-top{display:flex;justify-content:center;width:100%}.audio-controls-bottom{align-items:center;display:flex;justify-content:space-between;width:100%}@media (max-width:768px){.countdown-circle{height:220px;width:220px}.countdown-circle-compact{height:160px;width:160px}.countdown-time{font-size:2.5rem}.countdown-time-compact{font-size:2rem}.countdown-label{font-size:.875rem}.countdown-label-compact{font-size:.75rem}.player-wrapper .audio-player{border-radius:20px;padding:1.5rem}.player-wrapper-compact .audio-player{border-radius:16px;padding:1rem}.session-info-card{margin:0 1rem;padding:1.5rem}.track-info-hero h2{font-size:2rem}.h-screen{min-height:100vh;min-height:100dvh}.category-grid{gap:.75rem;grid-template-columns:repeat(2,1fr)}.category-card{min-height:80px;padding:1rem .75rem}.category-icon{font-size:1.5rem;margin-bottom:.5rem}.category-name{font-size:.75rem}.duration-options{gap:.75rem}.duration-option{min-width:70px;padding:.75rem 1rem}.duration-option-label{font-size:1.125rem}.duration-option-description{font-size:.625rem}}.card{border-radius:12px;padding:24px 20px}.btn{font-size:15px;min-height:48px;padding:12px 24px}.input{border-radius:10px;font-size:16px;padding:16px 20px}.audio-controls{flex-direction:column;gap:16px}.audio-progress{height:8px;order:2}.track-card-list{align-items:center;display:flex;flex-direction:column;gap:8px}.track-card-header{display:flex;gap:12px;justify-content:space-between;margin-bottom:8px}.track-card-title{color:#f7fafc;color:var(--text-primary);font-size:18px;font-weight:600;line-height:24px}.track-card-description{color:#a0aec0;color:var(--text-muted);font-size:14px;line-height:20px}.category-badge{align-items:center;background:#667eea1a;border:1px solid #667eea33;border-radius:8px;display:flex;font-size:12px;gap:4px;justify-content:center;padding:0 8px}.audio-progress-time{display:flex;justify-content:space-between;margin-bottom:8px}.track-thumbnail-wrapper{align-items:center;display:flex}.track-thumbnail{border-radius:12px;height:80px;width:80px}.track-info{align-items:center;display:flex;gap:12px;width:200px}.track-title{font-size:16px;font-weight:600}.intensity-badge{align-items:center;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:8px;display:inline-flex;font-size:11px;font-weight:600;gap:4px;padding:4px 8px;text-transform:capitalize;transition:all .2s ease}.intensity-badge:hover{box-shadow:0 2px 8px #0000001a;transform:translateY(-1px)}.intensity-low{background:#22c55e1a;border:1px solid #22c55e33;color:#22c55e}.intensity-medium{background:#fb923c1a;border:1px solid #fb923c33;color:#fb923c}.intensity-high{background:#ef44441a;border:1px solid #ef444433;color:#ef4444}.play-pause-button{height:38px;width:38px}.play-pause-button,.volumen-button{background:none;border:0;cursor:pointer;outline:0}.volumen-button{height:24px;width:24px}.min-h-screen{min-height:100vh}.flex{display:flex}.items-center{align-items:center}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.space-x-3>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(.75rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(.75rem*var(--tw-space-x-reverse))}.space-x-4>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1rem*var(--tw-space-x-reverse))}.space-x-6>:not([hidden])~:not([hidden]){--tw-space-x-reverse:0;margin-left:calc(1.5rem*(1 - var(--tw-space-x-reverse)));margin-right:calc(1.5rem*var(--tw-space-x-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1rem*var(--tw-space-y-reverse));margin-top:calc(1rem*(1 - var(--tw-space-y-reverse)))}.space-y-6>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(1.5rem*var(--tw-space-y-reverse));margin-top:calc(1.5rem*(1 - var(--tw-space-y-reverse)))}.space-y-8>:not([hidden])~:not([hidden]){--tw-space-y-reverse:0;margin-bottom:calc(2rem*var(--tw-space-y-reverse));margin-top:calc(2rem*(1 - var(--tw-space-y-reverse)))}.max-w-md{max-width:28rem}.max-w-sm{max-width:24rem}.max-w-2xl{max-width:42rem}.max-w-4xl{max-width:56rem}.max-w-7xl{max-width:80rem}.w-full{width:100%}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-12{width:3rem}.w-16{width:4rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-screen{height:100vh}.mx-auto{margin-left:auto;margin-right:auto}.mx-4{margin-left:1rem;margin-right:1rem}.mb-2{margin-bottom:.5rem}.mb-3{margin-bottom:.75rem}.mb-4{margin-bottom:1rem}.mb-6{margin-bottom:1.5rem}.mb-8{margin-bottom:2rem}.mb-12{margin-bottom:3rem}.mt-3{margin-top:.75rem}.mt-6{margin-top:1.5rem}.mt-8{margin-top:2rem}.mt-12{margin-top:3rem}.ml-1{margin-left:.25rem}.ml-2{margin-left:.5rem}.ml-3{margin-left:.75rem}.mr-2{margin-right:.5rem}.mr-3{margin-right:.75rem}.p-1\.5{padding:.375rem}.p-4{padding:1rem}.p-8{padding:2rem}.px-2{padding-left:.5rem;padding-right:.5rem}.px-3{padding-left:.75rem;padding-right:.75rem}.px-4{padding-left:1rem;padding-right:1rem}.px-6{padding-left:1.5rem;padding-right:1.5rem}.py-1{padding-bottom:.25rem;padding-top:.25rem}.py-3{padding-bottom:.75rem;padding-top:.75rem}.py-4{padding-bottom:1rem;padding-top:1rem}.py-6{padding-bottom:1.5rem;padding-top:1.5rem}.py-8{padding-bottom:2rem;padding-top:2rem}.pt-4{padding-top:1rem}.pb-4{padding-bottom:1rem}.pl-4{padding-left:1rem}.pr-4{padding-right:1rem}.text-center{text-align:center}.text-left{text-align:left}.text-right{text-align:right}.bg-black{background-color:#000}.bg-white{background-color:#fff}.text-white{color:#fff}.text-red-400{color:#f87171}.text-red-500{color:#ef4444}.text-red-600{color:#dc2626}.text-red-700{color:#b91c1c}.text-green-300{color:#86efac}.text-green-400{color:#4ade80}.text-green-700{color:#15803d}.text-blue-100{color:#dbeafe}.text-blue-300{color:#93c5fd}.text-blue-500{color:#3b82f6}.text-orange-500{color:#f97316}.text-gray-300{color:#d1d5db}.text-gray-400{color:#9ca3af}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-slate-500{color:#64748b}.text-slate-600{color:#475569}.text-slate-700{color:#334155}.text-slate-800{color:#1e293b}.text-sage-600{color:#57534e}.text-sage-700{color:#44403c}.text-stone-200{color:#e7e5e4}.text-stone-500{color:#78716c}.bg-red-50{background-color:#fef2f2}.bg-red-100{background-color:#fee2e2}.bg-red-900{background-color:#7f1d1d}.bg-green-50{background-color:#f0fdf4}.bg-green-100{background-color:#dcfce7}.bg-green-900{background-color:#14532d}.bg-blue-900{background-color:#1e3a8a}.bg-gray-100{background-color:#f3f4f6}.bg-gray-800{background-color:#1f2937}.bg-gray-900{background-color:#111827}.bg-sage-50{background-color:#fafaf9}.bg-slate-800{background-color:#1e293b}.border{border-width:1px}.border-2{border-width:2px}.border-t{border-top-width:1px}.border-b{border-bottom-width:1px}.border-red-200{border-color:#fecaca}.border-red-400{border-color:#f87171}.border-green-200{border-color:#bbf7d0}.border-green-400{border-color:#4ade80}.border-green-700{border-color:#15803d}.border-blue-700{border-color:#1d4ed8}.border-gray-600{border-color:#4b5563}.border-gray-800{border-color:#1f2937}.border-stone-200{border-color:#e7e5e4}.border-stone-300{border-color:#d6d3d1}.border-sage-200{border-color:#e9e5e0}.border-white{border-color:#fff}.rounded{border-radius:.25rem}.rounded-lg{border-radius:.5rem}.rounded-xl{border-radius:.75rem}.rounded-2xl{border-radius:1rem}.rounded-full{border-radius:9999px}.grid{display:grid}.gap-4{gap:1rem}.gap-6{gap:1.5rem}.bg-opacity-10{--tw-bg-opacity:0.1}.backdrop-blur-md{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.bg-gradient-to-br{background-image:linear-gradient(to bottom right,var(--tw-gradient-stops))}.bg-gradient-to-r{background-image:linear-gradient(to right,var(--tw-gradient-stops))}.from-purple-600{--tw-gradient-from:#9333ea;--tw-gradient-to:#9333ea00;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.via-blue-600{--tw-gradient-to:#2563eb00;--tw-gradient-stops:var(--tw-gradient-from),#2563eb,var(--tw-gradient-to)}.to-indigo-700{--tw-gradient-to:#4338ca}.from-blue-500{--tw-gradient-from:#3b82f6;--tw-gradient-to:#3b82f600;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-purple-600{--tw-gradient-to:#9333ea}.from-yellow-400{--tw-gradient-from:#facc15;--tw-gradient-to:#facc1500;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-orange-500{--tw-gradient-to:#f97316}.from-green-400{--tw-gradient-from:#4ade80;--tw-gradient-to:#4ade8000;--tw-gradient-stops:var(--tw-gradient-from),var(--tw-gradient-to)}.to-blue-500{--tw-gradient-to:#3b82f6}.focus\:ring-2:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),0 0 #0000;box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000)}.focus\:ring-offset-0:focus{--tw-ring-offset-width:0px}.focus\:ring-sage-500:focus{--tw-ring-opacity:1;--tw-ring-color:rgba(120,113,108,var(--tw-ring-opacity))}.hover\:underline:hover{-webkit-text-decoration-line:underline;text-decoration-line:underline}.hover\:bg-gray-100:hover{background-color:#f3f4f6}.hover\:text-sage-700:hover{color:#44403c}.transition-all{transition-duration:.15s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.transition-colors{transition-duration:.15s;transition-property:color,background-color,border-color,fill,stroke,-webkit-text-decoration-color;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,-webkit-text-decoration-color;transition-timing-function:cubic-bezier(.4,0,.2,1)}.duration-200{transition-duration:.2s}.duration-300{transition-duration:.3s}.block{display:block}.inline-flex{display:inline-flex}.flex-1{flex:1 1}.flex-shrink-0{flex-shrink:0}.relative{position:relative}.absolute{position:absolute}.fixed{position:fixed}.inset-0{inset:0}.top-0{top:0}.left-0{left:0}.bottom-0{bottom:0}.right-0{right:0}.z-1{z-index:1}.overflow-hidden{overflow:hidden}.cursor-pointer{cursor:pointer}.cursor-not-allowed{cursor:not-allowed}.select-none{-webkit-user-select:none;user-select:none}.opacity-50{opacity:.5}.opacity-90{opacity:.9}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.leading-relaxed{line-height:1.625}.text-decoration-none{text-decoration:none}.min-width-0{min-width:0}.min-h-0{min-height:0}.main-content{background:linear-gradient(180deg,#0f0f23,#1a1a2e);background:var(--gradient-subtle);display:flex;flex:1 1;flex-direction:column;max-width:100vw;overflow-x:hidden;padding:20px 12px}.gradient-slate{background:linear-gradient(135deg,#f1f5f9,#e2e8f0)}.fade-in{animation:fadeIn .6s ease-out}.slide-up{animation:slideInUp .6s ease-out}.breathing{animation:breathe 4s ease-in-out infinite}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.track-category{color:#a0aec0;color:var(--text-muted);font-size:14px;text-transform:capitalize}.track-intensity{color:#718096;color:var(--text-subtle);font-size:12px;text-transform:capitalize}.track-specs{display:flex;flex-direction:column;gap:2px}@media (min-width:768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width:640px){.sm\:px-6{padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:1024px){.lg\:px-8{padding-left:2rem;padding-right:2rem}}.container-mobile{margin-left:auto;margin-right:auto;max-width:480px;padding-left:1rem;padding-right:1rem;width:100%}@media (min-width:640px){.container-mobile{max-width:640px;padding-left:1.5rem;padding-right:1.5rem}}@media (min-width:768px){.container-mobile{max-width:768px;padding-left:2rem;padding-right:2rem}}@media (min-width:1024px){.container-mobile{max-width:1024px}}.category-selection-header{max-width:768px;width:100%}.category-selection-wrapper{align-items:center;display:flex;flex-direction:column}
/*# sourceMappingURL=main.6929ace5.css.map*/