*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif}.app-container{min-height:100vh;transition:background-color .3s ease}.app-container.light{background:linear-gradient(to bottom right,#faf5ff,#fce7f3,#dbeafe)}.app-container.dark{background:linear-gradient(to bottom right,#111827,#1f2937,#111827)}.main-content{margin:0 auto;max-width:1280px;padding:2rem 1rem}.nav-container{position:-webkit-sticky;position:sticky;top:0;transition:all .3s ease;z-index:50}.nav-container.light{background-color:#fff;box-shadow:0 4px 6px -1px #0000001a}.nav-container.dark{background-color:#111827;border-bottom:1px solid #374151;box-shadow:0 4px 6px -1px #0000004d}.nav-inner{margin:0 auto;max-width:1280px;padding:0 1rem}.nav-header{height:4rem;justify-content:space-between}.nav-header,.nav-logo{align-items:center;display:flex}.nav-logo{flex-shrink:0;gap:.5rem}.nav-logo-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#9333ea,#db2777);-webkit-background-clip:text;background-clip:text;font-size:1.25rem;font-weight:700}.nav-mode-toggle{align-items:center;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:.875rem;font-weight:500;gap:.5rem;padding:.5rem 1rem;transition:all .2s}.nav-mode-toggle.compact{background-color:#f3f4f6;color:#374151}.nav-mode-toggle.compact:hover{background-color:#e5e7eb}.nav-mode-toggle.dropdown{background-color:#9333ea;color:#fff}.nav-mode-toggle.dropdown:hover{background-color:#7e22ce}.nav-desktop{align-items:center;display:none;gap:.25rem}@media (min-width:1024px){.nav-desktop{display:flex}}.nav-button{align-items:center;background:none;border:none;border-radius:.5rem;cursor:pointer;display:flex;font-size:.875rem;gap:.375rem;padding:.5rem .75rem;transition:all .2s}.nav-button.active{background-color:#9333ea;color:#fff}.nav-button.light:not(.active){color:#374151}.nav-button.light:not(.active):hover{background-color:#faf5ff}.nav-button.dark:not(.active){color:#d1d5db}.nav-button.dark:not(.active):hover{background-color:#1f2937}.nav-button-text{display:none}@media (min-width:1280px){.nav-button-text{display:inline}}.nav-dropdown{position:relative}.dropdown-menu{border-radius:.5rem;box-shadow:0 10px 15px -3px #0000001a;margin-top:.5rem;padding:.5rem;position:absolute;right:0;width:14rem;z-index:100}.dropdown-menu.light{background-color:#fff;border:1px solid #e5e7eb}.dropdown-menu.dark{background-color:#1f2937;border:1px solid #374151}.dropdown-item{align-items:center;background:none;border:none;border-radius:.375rem;cursor:pointer;display:flex;gap:.75rem;padding:.5rem 1rem;text-align:left;transition:all .2s;width:100%}.dropdown-item.active{background-color:#9333ea;color:#fff}.dropdown-item.light:not(.active){color:#374151}.dropdown-item.light:not(.active):hover{background-color:#faf5ff}.dropdown-item.dark:not(.active){color:#d1d5db}.dropdown-item.dark:not(.active):hover{background-color:#374151}.theme-toggle{border:none;border-radius:.5rem;cursor:pointer;margin-left:.5rem;padding:.5rem;transition:all .2s}.theme-toggle.light{background-color:#1f2937;color:#fbbf24}.theme-toggle.light:hover{background-color:#111827}.theme-toggle.dark{background-color:#fbbf24;color:#1f2937}.theme-toggle.dark:hover{background-color:#f59e0b}.mobile-controls{align-items:center;display:flex;gap:.5rem}@media (min-width:1024px){.mobile-controls{display:none}}.mobile-menu-button{background:none;border:none;border-radius:.5rem;cursor:pointer;padding:.5rem}.mobile-menu-button.light:hover{background-color:#f3f4f6}.mobile-menu-button.dark:hover{background-color:#1f2937}.mobile-menu{padding-bottom:1rem}@media (min-width:1024px){.mobile-menu{display:none}}.mobile-menu-item{align-items:center;background:none;border:none;border-radius:.5rem;cursor:pointer;display:flex;gap:.75rem;margin-bottom:.25rem;padding:.625rem 1rem;text-align:left;transition:all .2s;width:100%}.mobile-menu-item.active{background-color:#9333ea;color:#fff}.mobile-menu-item.light:not(.active){color:#374151}.mobile-menu-item.light:not(.active):hover{background-color:#faf5ff}.mobile-menu-item.dark:not(.active){color:#d1d5db}.mobile-menu-item.dark:not(.active):hover{background-color:#1f2937}.card{border-radius:1rem;box-shadow:0 4px 6px -1px #0000001a;padding:2rem;transition:all .3s ease}.card.light{background-color:#fff}.card.dark{background-color:#1f2937}.card-title{font-size:1.875rem;font-weight:700;margin-bottom:1rem}.card-title.light{color:#1f2937}.card-title.dark{color:#fff}.btn{border:none;border-radius:.5rem;cursor:pointer;font-weight:600;padding:.75rem 1.5rem;transition:all .2s}.btn-primary{background:linear-gradient(90deg,#9333ea,#db2777);color:#fff}.btn-primary:hover{box-shadow:0 10px 15px -3px #9333ea4d;transform:translateY(-2px)}.btn-secondary.light{background-color:#f3f4f6;color:#374151}.btn-secondary.light:hover{background-color:#e5e7eb}.btn-secondary.dark{background-color:#374151;color:#d1d5db}.btn-secondary.dark:hover{background-color:#4b5563}.btn-disabled{background-color:#d1d5db;color:#9ca3af;cursor:not-allowed}.input{border:2px solid;border-radius:.5rem;padding:.75rem 1rem;transition:all .2s;width:100%}.input.light{background-color:#fff;border-color:#d1d5db;color:#1f2937}.input.light:focus{border-color:#9333ea;box-shadow:0 0 0 3px #9333ea1a;outline:none}.input.dark{background-color:#111827;border-color:#374151;color:#fff}.input.dark:focus{border-color:#9333ea;box-shadow:0 0 0 3px #9333ea33;outline:none}.input.dark::placeholder{color:#6b7280}.breathing-circle-outer{align-items:center;display:flex;height:20rem;justify-content:center;position:relative;width:20rem}.breathing-circle-bg{inset:0;opacity:.2}.breathing-circle,.breathing-circle-bg{border-radius:50%;position:absolute;transition:transform 1s ease-in-out}.breathing-circle{align-items:center;box-shadow:0 25px 50px -12px #00000040;display:flex;height:16rem;justify-content:center;width:16rem}.breathing-text-container{color:#fff;text-align:center}.breathing-countdown{font-size:3.75rem;font-weight:700;margin-bottom:.5rem}.breathing-phase{font-size:1.5rem;font-weight:600}.breathing-inhale{background:linear-gradient(to bottom right,#60a5fa,#2563eb)}.breathing-hold{background:linear-gradient(to bottom right,#a78bfa,#7c3aed)}.breathing-exhale{background:linear-gradient(to bottom right,#f472b6,#ec4899)}@keyframes bounce{0%,to{transform:translateY(0)}50%{transform:translateY(-25%)}}.animate-bounce{animation:bounce 1s infinite}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn .3s ease-out}.gradient-text{-webkit-text-fill-color:#0000;background:linear-gradient(90deg,#9333ea,#db2777,#2563eb);-webkit-background-clip:text;background-clip:text}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.transition-all{transition:all .3s ease}@media (max-width:768px){.main-content{padding:1rem}.card{padding:1.5rem}.nav-logo-text{font-size:1rem}}::-webkit-scrollbar{height:8px;width:8px}::-webkit-scrollbar-track{background:#0000}::-webkit-scrollbar-thumb{background:#9333ea;border-radius:4px}::-webkit-scrollbar-thumb:hover{background:#7e22ce}@tailwind base;@tailwind components;@tailwind utilities;
/*# sourceMappingURL=main.4d7b321c.css.map*/