:root{--color-primary: #1e3a5f;--color-primary-dark: #152a45;--color-primary-light: #4a7ab0;--color-secondary: #2d5a8a;--color-secondary-dark: #1e3a5f;--color-bg: #f8fafc;--color-bg-alt: #f1f5f9;--color-surface: #ffffff;--color-surface-elevated: #ffffff;--color-text: #1e293b;--color-text-secondary: #64748b;--color-text-muted: #94a3b8;--color-text-inverse: #ffffff;--color-border: #e2e8f0;--color-border-light: #f1f5f9;--color-success: #22c55e;--color-warning: #f59e0b;--color-danger: #ef4444;--color-info: #3b82f6;--gradient-calm: linear-gradient(135deg, #667eea 0%, #764ba2 100%);--gradient-forest: linear-gradient(135deg, #134e5e 0%, #71b280 100%);--gradient-sunset: linear-gradient(135deg, #ee9ca7 0%, #ffdde1 100%);--gradient-ocean: linear-gradient(135deg, #2E3192 0%, #1BFFFF 100%);--font-family-base: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-family-display: "Playfair Display", Georgia, serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-size-5xl: 3rem;--font-size-6xl: 3.75rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--line-height-tight: 1.25;--line-height-normal: 1.5;--line-height-relaxed: 1.75;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: .25rem;--radius-md: .5rem;--radius-lg: .75rem;--radius-xl: 1rem;--radius-2xl: 1.5rem;--radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1), 0 2px 4px -2px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--transition-fast: .15s ease;--transition-normal: .25s ease;--transition-slow: .35s ease;--z-dropdown: 100;--z-sticky: 200;--z-modal-backdrop: 300;--z-modal: 400;--z-overlay: 500;--z-toast: 600;--container-max: 1200px;--container-padding: var(--space-4);--header-height: 64px}[data-theme=dark]{--color-bg: #0f172a;--color-bg-alt: #1e293b;--color-surface: #1e293b;--color-surface-elevated: #334155;--color-text: #f1f5f9;--color-text-secondary: #94a3b8;--color-text-muted: #64748b;--color-border: #334155;--color-border-light: #1e293b}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-family-base);font-size:var(--font-size-base);font-weight:var(--font-weight-normal);line-height:var(--line-height-normal);color:var(--color-text);background:linear-gradient(180deg,#f0f7ff,#f8fafc 40%,#f5f9f5);background-attachment:fixed;min-height:100vh;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}img,picture,video,canvas,svg{display:block;max-width:100%}input,button,textarea,select{font:inherit;color:inherit}button{cursor:pointer;border:none;background:none}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}ul,ol{list-style:none}h1,h2,h3,h4,h5,h6{font-weight:var(--font-weight-semibold);line-height:var(--line-height-tight)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}.skip-link{position:absolute;top:-100%;left:var(--space-4);z-index:var(--z-toast);padding:var(--space-2) var(--space-4);background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-md)}.skip-link:focus{top:var(--space-4)}[hidden]{display:none!important}.container{width:100%;max-width:var(--container-max);margin:0 auto;padding:0 var(--container-padding)}.section{padding:var(--space-12) 0}@media(min-width:768px){.section{padding:var(--space-16) 0}}.section__title{font-family:var(--font-family-base);font-size:var(--font-size-3xl);font-weight:700;letter-spacing:-.02em;margin-bottom:var(--space-4);text-align:center}.section__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);text-align:center;max-width:600px;margin:0 auto var(--space-8)}@media(min-width:768px){.section__title{font-size:var(--font-size-4xl)}}.header{position:sticky;top:0;left:0;right:0;height:auto;min-height:80px;background:#ffffffe6;backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border-bottom:1px solid var(--color-border);z-index:var(--z-sticky);display:flex;align-items:center;padding:var(--space-4) 0;box-shadow:0 1px 8px #0000000a}.header__inner{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{display:flex;align-items:center;gap:var(--space-3);text-decoration:none;color:var(--color-text);transition:transform .2s ease}.logo:hover{transform:scale(1.02);text-decoration:none}.logo__image{height:48px;width:auto;object-fit:contain}.logo__content{display:flex;flex-direction:column;line-height:1.2;gap:2px}.logo__icon{font-size:1.75rem}.logo__text{font-size:1.5rem;font-weight:var(--font-weight-bold);letter-spacing:-.02em;color:var(--color-primary)}.logo__tagline{font-size:.75rem;color:var(--color-text-secondary);font-weight:400;letter-spacing:.02em}.nav__toggle{display:flex;flex-direction:column;gap:5px;padding:var(--space-2)}.nav__toggle-bar{width:24px;height:2px;background:var(--color-text);border-radius:var(--radius-full);transition:var(--transition-fast)}.nav__toggle[aria-expanded=true] .nav__toggle-bar:nth-child(1){transform:rotate(45deg) translate(5px,5px)}.nav__toggle[aria-expanded=true] .nav__toggle-bar:nth-child(2){opacity:0}.nav__toggle[aria-expanded=true] .nav__toggle-bar:nth-child(3){transform:rotate(-45deg) translate(5px,-5px)}.nav__menu{position:absolute;top:var(--header-height);left:0;right:0;background:var(--color-surface);border-bottom:1px solid var(--color-border);padding:var(--space-4);display:none;flex-direction:column;gap:var(--space-2)}.nav__menu.is-open{display:flex}.nav__link{display:block;padding:var(--space-3) var(--space-4);color:var(--color-text-secondary);border-radius:var(--radius-md);transition:var(--transition-fast)}.nav__link:hover,.nav__link--active{color:var(--color-primary);background:var(--color-bg-alt);text-decoration:none}@media(min-width:768px){.nav__toggle{display:none}.nav__menu{position:static;display:flex;flex-direction:row;padding:0;border:none;background:transparent;gap:var(--space-1)}.nav__link{padding:var(--space-2) var(--space-3)}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-3) var(--space-6);font-size:var(--font-size-base);font-weight:var(--font-weight-medium);border-radius:var(--radius-lg);transition:var(--transition-fast);white-space:nowrap}.btn--primary{background:var(--color-primary);color:var(--color-text-inverse)}.btn--primary:hover{background:var(--color-primary-dark)}.btn--secondary{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.btn--secondary:hover{background:var(--color-bg-alt)}.btn--danger{background:var(--color-danger);color:var(--color-text-inverse)}.btn--danger:hover{opacity:.9}.btn--text{background:transparent;color:var(--color-text-secondary);padding:var(--space-2) var(--space-4)}.btn--text:hover{color:var(--color-text)}.btn--lg{padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg)}.btn__icon{font-size:1.25em}.ad-placeholder{background:transparent;min-height:0;margin:var(--space-8) 0;display:flex;align-items:center;justify-content:center}.ad-placeholder:not(:empty){min-height:90px;background:var(--color-bg-alt);border-radius:var(--radius-md)}.ad-placeholder--banner{width:100%;max-width:728px;margin-left:auto;margin-right:auto}.ad-placeholder--rectangle{width:100%;max-width:336px;margin-left:auto;margin-right:auto}.ad-placeholder--rectangle:not(:empty){min-height:280px}@media(max-width:767px){.ad-placeholder--banner:not(:empty){min-height:50px}}.section--hero{padding-top:var(--space-8)}.hero{display:grid;gap:var(--space-10);align-items:center}@media(min-width:768px){.hero{grid-template-columns:1fr 1fr;gap:var(--space-16)}}.hero__title{font-family:var(--font-family-display);font-size:var(--font-size-4xl);margin-bottom:var(--space-6)}.hero__title--accent{color:var(--color-primary)}@media(min-width:768px){.hero__title{font-size:var(--font-size-5xl)}}.hero__subtitle{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8);max-width:500px}.hero__cta{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-10)}.hero__stats{display:flex;gap:var(--space-8)}.hero__stat{display:flex;flex-direction:column}.hero__stat-number{font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.hero__stat-label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.hero__visual{display:flex;justify-content:center;align-items:center}.hero__breath-demo{width:280px;height:280px;display:flex;justify-content:center;align-items:center}.breath-circle--demo{width:120px;height:120px;background:var(--gradient-calm);border-radius:var(--radius-full);animation:breathDemo 8s ease-in-out infinite}@keyframes breathDemo{0%,to{transform:scale(1);opacity:.6}25%{transform:scale(1.4);opacity:1}50%{transform:scale(1.4);opacity:1}75%{transform:scale(1);opacity:.6}}@media(min-width:768px){.hero__breath-demo{width:350px;height:350px}.breath-circle--demo{width:150px;height:150px}}.benefits{margin-top:var(--space-16)}.benefits__grid{display:grid;gap:var(--space-6)}@media(min-width:640px){.benefits__grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.benefits__grid{grid-template-columns:repeat(3,1fr)}}.benefit-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);transition:var(--transition-normal)}.benefit-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}.benefit-card__icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-4)}.benefit-card__title{font-size:var(--font-size-lg);margin-bottom:var(--space-2)}.benefit-card__text{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.emotional-states-preview{margin-top:var(--space-16)}.emotion-grid,.emotion-selector{display:grid;gap:var(--space-4);grid-template-columns:repeat(2,1fr)}@media(min-width:640px){.emotion-grid,.emotion-selector{grid-template-columns:repeat(3,1fr)}}@media(min-width:1024px){.emotion-grid,.emotion-selector{grid-template-columns:repeat(4,1fr)}}.emotion-card{background:#fffc;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:1px solid rgba(0,0,0,.05);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center;cursor:pointer;transition:all .25s cubic-bezier(.4,0,.2,1);box-shadow:0 4px 6px -1px #00000005,0 2px 4px -1px #00000005}.emotion-card:hover{border-color:var(--color-primary-light);transform:translateY(-3px);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #00000006;background:#fff}.emotion-card--selected{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse);box-shadow:0 10px 15px -3px #6366f14d;transform:translateY(-2px)}.emotion-card__icon{font-size:var(--font-size-4xl);margin-bottom:var(--space-2)}.emotion-card__name{font-weight:var(--font-weight-medium);margin-bottom:var(--space-1)}.emotion-card__description{font-size:var(--font-size-xs);color:var(--color-text-muted)}.emotion-card--selected .emotion-card__description{color:#fffc}.practice-step{max-width:700px;margin:0 auto;padding:var(--space-8) 0}.practice-step__header{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-6)}.practice-step__number{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-primary);color:var(--color-text-inverse);border-radius:var(--radius-full);font-weight:var(--font-weight-bold)}.practice-step__title{font-size:var(--font-size-2xl)}.duration-presets{display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-6)}.duration-btn{padding:var(--space-3) var(--space-5);background:var(--color-surface);border:2px solid var(--color-border);border-radius:var(--radius-lg);font-weight:var(--font-weight-medium);transition:var(--transition-fast)}.duration-btn:hover{border-color:var(--color-primary-light)}.duration-btn--active{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.duration-custom{background:var(--color-bg-alt);padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.duration-custom__input{display:flex;align-items:center;gap:var(--space-4);margin-top:var(--space-2)}.duration-custom__input input[type=range]{flex:1}.duration-custom__value{font-weight:var(--font-weight-semibold);min-width:100px}.technique-recommendation{background:var(--color-surface);border:2px solid var(--color-primary);border-radius:var(--radius-2xl);padding:var(--space-6);margin-bottom:var(--space-6)}.technique-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-5);cursor:pointer;transition:var(--transition-fast)}.technique-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.technique-card__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--space-3)}.technique-card__name{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold)}.technique-card__badge{padding:var(--space-1) var(--space-2);background:var(--color-primary-light);color:var(--color-primary-dark);border-radius:var(--radius-full);font-size:var(--font-size-xs);font-weight:var(--font-weight-medium)}.technique-card__description{color:var(--color-text-secondary);font-size:var(--font-size-sm);margin-bottom:var(--space-4)}.technique-card__meta{display:flex;flex-wrap:wrap;gap:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.technique-card__meta-item{display:flex;align-items:center;gap:var(--space-1)}.effectiveness-bar{height:6px;background:var(--color-bg-alt);border-radius:var(--radius-full);margin-top:var(--space-3);overflow:hidden}.effectiveness-bar__fill{height:100%;background:var(--color-primary);border-radius:var(--radius-full);transition:width var(--transition-slow)}.alternatives-toggle{width:100%;padding:var(--space-4);display:flex;align-items:center;justify-content:center;gap:var(--space-2);color:var(--color-text-secondary);transition:var(--transition-fast)}.alternatives-toggle:hover{color:var(--color-primary)}.alternatives-list{display:grid;gap:var(--space-4);margin-top:var(--space-4)}.customization-options{display:grid;gap:var(--space-8);margin-bottom:var(--space-8)}.customize-group{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}.customize-group__title{font-size:var(--font-size-lg);margin-bottom:var(--space-4)}.animation-picker{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}@media(min-width:640px){.animation-picker{grid-template-columns:repeat(6,1fr)}}.animation-option{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-3);border:2px solid var(--color-border);border-radius:var(--radius-lg);transition:var(--transition-fast)}.animation-option:hover{border-color:var(--color-primary-light)}.animation-option--active{border-color:var(--color-primary);background:var(--color-primary);color:var(--color-text-inverse)}.animation-preview{width:40px;height:40px;border-radius:var(--radius-full);background:var(--gradient-calm);position:relative;display:flex;align-items:center;justify-content:center}.theme-picker{display:flex;flex-wrap:wrap;gap:var(--space-3)}.theme-option{width:48px;height:48px;border-radius:var(--radius-lg);border:3px solid transparent;transition:var(--transition-fast)}.theme-option:hover{transform:scale(1.1)}.theme-option--active{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.toggle-switch{display:flex;align-items:center;gap:var(--space-3);cursor:pointer}.toggle-switch input{position:absolute;opacity:0;width:0;height:0}.toggle-switch__slider{width:48px;height:24px;background:var(--color-border);border-radius:var(--radius-full);position:relative;transition:var(--transition-fast)}.toggle-switch__slider:before{content:"";position:absolute;top:2px;left:2px;width:20px;height:20px;background:#fff;border-radius:var(--radius-full);transition:var(--transition-fast)}.toggle-switch input:checked+.toggle-switch__slider{background:var(--color-primary)}.toggle-switch input:checked+.toggle-switch__slider:before{transform:translate(24px)}.sound-settings{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-bg-alt);border-radius:var(--radius-lg)}.sound-setting{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-3)}.sound-setting:last-child{margin-bottom:0}.sound-setting label{min-width:120px;font-size:var(--font-size-sm)}.sound-setting select,.sound-setting input[type=range]{flex:1}.prep-screen{text-align:center;max-width:500px;margin:0 auto;padding:var(--space-8)}.prep-screen__title{font-size:var(--font-size-2xl);margin-bottom:var(--space-6)}.prep-screen__technique{background:var(--color-bg-alt);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.prep-screen__stats{display:flex;justify-content:center;gap:var(--space-8);margin-bottom:var(--space-6)}.prep-screen__instructions{background:var(--color-warning);color:#000;padding:var(--space-4);border-radius:var(--radius-lg);margin-bottom:var(--space-6)}.prep-screen__countdown{margin:var(--space-8) 0}.prep-countdown__number{font-size:var(--font-size-6xl);font-weight:var(--font-weight-bold);color:var(--color-primary);display:block}.prep-countdown__text{color:var(--color-text-secondary)}.section--session{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal);background:var(--gradient-calm);padding:0;margin:0;overflow:hidden}.session-container{width:100%;height:100%;max-height:100vh;max-height:100dvh;display:flex;flex-direction:column;padding:env(safe-area-inset-top) env(safe-area-inset-right) env(safe-area-inset-bottom) env(safe-area-inset-left);box-sizing:border-box}.session-header{flex:0 0 auto;display:flex;justify-content:space-between;align-items:center;padding:var(--space-3) var(--space-4);color:#fff;min-height:50px}.session-header__info{display:flex;flex-direction:column;gap:2px}.session-header__technique{font-weight:var(--font-weight-semibold);font-size:var(--font-size-base);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:200px}.session-header__controls{display:flex;gap:var(--space-2)}.session-control{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);color:#fff;font-size:var(--font-size-base);transition:var(--transition-fast);border:none;cursor:pointer}.session-control:hover{background:#ffffff40}.session-control:active{transform:scale(.95)}.session-control--danger:hover{background:var(--color-danger)}.session-control--active{background:#ffffff4d}.session-control__icon--text{font-family:var(--font-family-base);font-size:.625rem;font-weight:700;letter-spacing:.02em;text-transform:uppercase}.session-control__icon--info{font-family:Georgia,Times New Roman,serif;font-size:1.125rem;font-weight:400;font-style:italic}.session-control__icon--audio{font-size:1rem;font-weight:400}.session-control__icon--muted{opacity:.4;text-decoration:line-through}.session-main{flex:1 1 auto;display:flex;align-items:center;justify-content:center;min-height:0;overflow:hidden;padding:0}.session-visual{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-4);width:100%;height:100%;flex:1;max-width:100%}.animation-container{width:100%;height:100%;max-width:100%;max-height:85vmin;display:flex;align-items:center;justify-content:center;flex-shrink:1;flex-grow:1;position:relative;z-index:1;overflow:visible!important;background:transparent!important;box-shadow:none!important;border:none!important}.breath-caption{position:fixed;bottom:90px;left:0;width:100%;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);color:#fff;text-align:center;justify-content:center;transition:opacity .3s ease;z-index:20;pointer-events:none}@media(max-width:768px){.breath-caption{bottom:80px}}.breath-caption--hidden{opacity:0;visibility:hidden;pointer-events:none}.breath-caption--centered{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);z-index:10}.breath-caption__phase{font-size:var(--font-size-xl);font-weight:var(--font-weight-light);text-transform:uppercase;letter-spacing:.15em;opacity:.9}.breath-caption__timer{font-size:var(--font-size-5xl);font-weight:var(--font-weight-bold);line-height:1;font-variant-numeric:tabular-nums}.session-footer{flex:0 0 auto;padding:var(--space-3) var(--space-4);padding-bottom:max(var(--space-3),env(safe-area-inset-bottom));display:flex;flex-direction:column;gap:var(--space-3)}.session-science{background:#ffffff1a;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-lg);padding:var(--space-2) var(--space-3);color:#fff;display:flex;flex-direction:column;gap:var(--space-1)}.science-phase__title{font-size:var(--font-size-sm);font-weight:var(--font-weight-semibold)}.science-phase__description{font-size:var(--font-size-xs);opacity:.85;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.session-progress{width:100%}.session-progress__bar{height:4px;background:#fff3;border-radius:var(--radius-full);overflow:hidden}.session-progress__fill{height:100%;background:#fff;border-radius:var(--radius-full);transition:width .5s linear;width:0%}.session-stats{display:flex;justify-content:space-around;color:#fff}.session-stat{display:flex;align-items:center;gap:var(--space-1);font-size:var(--font-size-sm)}.session-stat__icon{font-size:var(--font-size-base)}.session-stat__value{font-weight:var(--font-weight-semibold);font-variant-numeric:tabular-nums}.session-stat__separator{opacity:.5}.session-stat__total{opacity:.7}@media(min-width:768px){.session-header{padding:var(--space-4) var(--space-6)}.session-header__technique{font-size:var(--font-size-lg);max-width:400px}.session-control{width:48px;height:48px;font-size:var(--font-size-lg)}.animation-container{width:min(50vw,50vh,400px);height:min(50vw,50vh,400px)}.breath-caption__phase{font-size:var(--font-size-2xl)}.breath-caption__timer{font-size:var(--font-size-6xl)}.session-footer{padding:var(--space-4) var(--space-6);max-width:600px;margin:0 auto;width:100%}.session-science{padding:var(--space-3) var(--space-4)}.science-phase__title{font-size:var(--font-size-base)}.science-phase__description{font-size:var(--font-size-sm);-webkit-line-clamp:3}.session-progress__bar{height:6px}.session-stat{font-size:var(--font-size-base)}}@media(max-height:600px){.session-header{padding:var(--space-2) var(--space-3);min-height:44px}.session-control{width:36px;height:36px}.animation-container{width:min(50vw,45vh,200px);height:min(50vw,45vh,200px)}.breath-caption{min-height:60px;gap:0}.breath-caption__phase{font-size:var(--font-size-base)}.breath-caption__timer{font-size:var(--font-size-3xl)}.session-footer{padding:var(--space-2) var(--space-3);gap:var(--space-2)}.session-science{display:none}}@media(max-height:500px)and (orientation:landscape){.session-container{flex-direction:row;flex-wrap:nowrap}.session-header{position:absolute;top:0;right:0;padding:var(--space-2);background:transparent}.session-header__info{display:none}.session-main{flex:1;padding:var(--space-2)}.session-visual{flex-direction:row;gap:var(--space-4);position:relative}.animation-container{width:min(40vw,80vh,200px);height:min(40vw,80vh,200px)}.breath-instruction{transform:translateY(20%);margin-top:var(--space-4)}.breath-caption{min-height:auto}.breath-caption__phase{font-size:var(--font-size-lg)}.breath-caption__timer{font-size:var(--font-size-4xl)}.session-footer{flex:0 0 200px;justify-content:center;padding:var(--space-3)}.session-science{display:none}.session-stats{flex-direction:column;gap:var(--space-2)}}@media(min-height:900px)and (min-width:600px){.animation-container{width:min(45vw,40vh,450px);height:min(45vw,40vh,450px)}.breath-caption{min-height:120px}.breath-caption__phase{font-size:var(--font-size-3xl)}.breath-caption__timer{font-size:5rem}}.theme-gradient-sunset .session-header,.theme-gradient-sunset .breath-caption,.theme-gradient-sunset .session-stats,.theme-gradient-sunset .session-science{color:#4a4a4a}.theme-gradient-sunset .session-progress__bar{background:#00000026}.theme-gradient-sunset .session-science{background:#00000014}.theme-light .session-header,.theme-light .breath-caption,.theme-light .session-stats,.theme-light .session-science{color:#1e293b}.theme-light .session-control{background:#00000014;color:#1e293b}.theme-light .session-progress__bar{background:#0000001a}.theme-light .session-progress__fill{background:var(--color-primary)}.theme-light .session-science{background:#0000000d}.feedback-card{background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--space-8);max-width:500px;margin:0 auto;box-shadow:var(--shadow-xl)}.feedback-card__header{text-align:center;margin-bottom:var(--space-6)}.feedback-card__icon{font-size:var(--font-size-5xl);display:block;margin-bottom:var(--space-3)}.feedback-card__title{font-size:var(--font-size-2xl)}.session-summary{display:flex;justify-content:space-around;padding:var(--space-4);background:var(--color-bg-alt);border-radius:var(--radius-xl);margin-bottom:var(--space-6)}.summary-stat{text-align:center}.summary-stat__value{font-weight:var(--font-weight-semibold);font-size:var(--font-size-lg)}.summary-stat__label{font-size:var(--font-size-xs);color:var(--color-text-muted)}.feedback-questions,.feedback-question{margin-bottom:var(--space-6)}.feedback-question__label{display:block;font-weight:var(--font-weight-medium);margin-bottom:var(--space-3)}.emotion-feedback{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-2)}.emotion-feedback .emotion-card{padding:var(--space-3)}.emotion-feedback .emotion-card__icon{font-size:var(--font-size-2xl);margin-bottom:var(--space-1)}.emotion-feedback .emotion-card__name{font-size:var(--font-size-xs)}.emotion-feedback .emotion-card__description{display:none}.target-achieved{display:flex;gap:var(--space-3)}.achieved-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-2);padding:var(--space-4);background:var(--color-bg-alt);border-radius:var(--radius-lg);transition:var(--transition-fast)}.achieved-btn:hover{background:var(--color-border)}.achieved-btn--selected{background:var(--color-primary);color:var(--color-text-inverse)}.achieved-btn__icon{font-size:var(--font-size-2xl)}.star-rating{display:flex;gap:var(--space-2)}.star{font-size:var(--font-size-3xl);color:var(--color-border);transition:var(--transition-fast)}.star:hover,.star--active{color:var(--color-warning)}.feedback-actions{display:flex;flex-direction:column;gap:var(--space-3)}.techniques-filters{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-bottom:var(--space-8);padding:var(--space-4);background:var(--color-surface);border-radius:var(--radius-xl)}.filter-group{display:flex;align-items:center;gap:var(--space-2)}.filter-group label{font-size:var(--font-size-sm);color:var(--color-text-secondary)}.filter-group select{padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-md);background:var(--color-bg)}.techniques-grid{display:grid;gap:var(--space-4)}@media(min-width:640px){.techniques-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.techniques-grid{grid-template-columns:repeat(3,1fr)}}.history-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}@media(min-width:768px){.history-stats{grid-template-columns:repeat(4,1fr)}}.history-stat-card{background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-5);text-align:center}.history-stat-card__value{display:block;font-size:var(--font-size-3xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.history-stat-card__label{font-size:var(--font-size-sm);color:var(--color-text-muted)}.history-list{margin-bottom:var(--space-8)}.history-empty{text-align:center;padding:var(--space-12);color:var(--color-text-muted)}.history-session-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);display:flex;justify-content:space-between;align-items:center}.history-actions{text-align:center}.history-privacy-note{margin-top:var(--space-4);font-size:var(--font-size-sm);color:var(--color-text-muted)}.settings-groups{max-width:600px;margin:0 auto}.settings-group{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);margin-bottom:var(--space-6)}.settings-group__title{font-size:var(--font-size-lg);margin-bottom:var(--space-4);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-border)}.setting-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) 0}.setting-item__note{font-size:var(--font-size-xs);color:var(--color-text-muted);margin-top:var(--space-2)}.setting-item select,.setting-item input[type=range]{width:180px}.setting-item__controls{display:flex;align-items:center;gap:var(--space-2)}.setting-item__controls select{flex:1;min-width:120px}.setting-item__controls .btn--sm{padding:var(--space-1) var(--space-2);font-size:var(--font-size-xs);white-space:nowrap}.modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-modal);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.modal__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.modal__content{position:relative;background:var(--color-surface);border-radius:var(--radius-2xl);padding:var(--space-6);max-width:600px;max-height:90vh;overflow-y:auto;width:100%}.modal__close{position:absolute;top:var(--space-4);right:var(--space-4);font-size:var(--font-size-2xl);color:var(--color-text-muted)}.pause-overlay{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-overlay);background:#000000e6;display:flex;align-items:center;justify-content:center}.pause-overlay__content{text-align:center;color:#fff}.pause-overlay__icon{font-size:var(--font-size-6xl);display:block;margin-bottom:var(--space-4)}.pause-overlay__content h2{font-size:var(--font-size-3xl);margin-bottom:var(--space-2)}.pause-overlay__content p{margin-bottom:var(--space-8);opacity:.8}.confirm-dialog{position:fixed;top:0;left:0;right:0;bottom:0;z-index:var(--z-overlay);display:flex;align-items:center;justify-content:center;padding:var(--space-4)}.confirm-dialog__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080}.confirm-dialog__content{position:relative;background:var(--color-surface);border-radius:var(--radius-xl);padding:var(--space-6);max-width:400px;width:100%;text-align:center}.confirm-dialog__title{font-size:var(--font-size-xl);margin-bottom:var(--space-3)}.confirm-dialog__message{color:var(--color-text-secondary);margin-bottom:var(--space-6)}.confirm-dialog__actions{display:flex;gap:var(--space-3);justify-content:center}.footer{margin-top:auto;padding:var(--space-8) 0 var(--space-8);background:var(--color-surface);border-top:1px solid var(--color-border)}.footer__content{display:flex;flex-direction:column-reverse;gap:var(--space-4);align-items:center;text-align:center}@media(min-width:768px){.footer__content{flex-direction:row;justify-content:space-between;text-align:left}}.footer__row{width:100%;display:flex;flex-direction:column-reverse;gap:var(--space-4);align-items:center}@media(min-width:768px){.footer__row{flex-direction:row;justify-content:space-between}}.footer__copyright p,.footer__links a{font-size:.875rem;color:var(--color-text-secondary);line-height:1.5;text-decoration:none}.footer__links{display:flex;gap:1.5rem}.footer__links a:hover{color:var(--color-primary);text-decoration:underline}.footer__info p{margin-bottom:var(--space-1)}.text-center{text-align:center}.text-muted{color:var(--color-text-muted)}.text-small{font-size:var(--font-size-sm)}.mt-4{margin-top:var(--space-4)}.mt-8{margin-top:var(--space-8)}.mb-4{margin-bottom:var(--space-4)}.mb-8{margin-bottom:var(--space-8)}.flex{display:flex}.flex-center{display:flex;align-items:center;justify-content:center}.gap-4{gap:var(--space-4)}@media print{.header,.footer,.ad-placeholder,.btn,.nav{display:none!important}body{background:#fff;color:#000}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}@media(prefers-contrast:high){:root{--color-border: #000;--color-text-muted: #333}}.toast{position:fixed;bottom:20px;left:50%;transform:translate(-50%) translateY(100px);background:var(--color-text);color:var(--color-bg);padding:var(--space-3) var(--space-6);border-radius:var(--radius-lg);z-index:var(--z-toast);opacity:0;transition:all .3s ease;box-shadow:var(--shadow-lg);max-width:90%;text-align:center}.toast.toast--visible{transform:translate(-50%) translateY(0);opacity:1}.toast--success{background:var(--color-success);color:#fff}.toast--error{background:var(--color-danger);color:#fff}.technique-detail{padding:var(--space-4)}.technique-detail__title{font-family:var(--font-family-display);font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.technique-detail__alt-name{color:var(--color-text-muted);font-size:var(--font-size-sm);font-style:italic;margin-bottom:var(--space-4)}.technique-detail__description{font-size:var(--font-size-lg);color:var(--color-text-secondary);margin-bottom:var(--space-6);line-height:var(--line-height-relaxed)}.technique-detail__section{margin-bottom:var(--space-6);padding-bottom:var(--space-6);border-bottom:1px solid var(--color-border)}.technique-detail__section:last-of-type{border-bottom:none}.technique-detail__section h3{font-size:var(--font-size-lg);margin-bottom:var(--space-3);color:var(--color-text)}.technique-detail__emotions{display:flex;flex-wrap:wrap;gap:var(--space-2)}.emotion-tag{display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-1) var(--space-3);background:var(--color-bg-alt);border-radius:var(--radius-full);font-size:var(--font-size-sm)}.technique-detail__pattern{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-3)}@media(min-width:480px){.technique-detail__pattern{grid-template-columns:repeat(4,1fr)}}.technique-detail__pattern span{background:var(--color-bg-alt);padding:var(--space-3);border-radius:var(--radius-md);text-align:center;font-size:var(--font-size-sm)}.technique-detail__research{margin-top:var(--space-3);font-size:var(--font-size-sm)}.technique-detail__research summary{cursor:pointer;color:var(--color-primary);margin-bottom:var(--space-2)}.technique-detail__research ul{padding-left:var(--space-4);color:var(--color-text-muted)}.technique-detail__research li{margin-bottom:var(--space-2);list-style-type:disc}.technique-detail__cautions{background:#ef44441a;border-radius:var(--radius-lg);padding:var(--space-4);border:1px solid rgba(239,68,68,.3)}.technique-detail__cautions h3{color:var(--color-danger)}.technique-detail__cautions ul{padding-left:var(--space-4)}.technique-detail__cautions li{list-style-type:disc;color:var(--color-text-secondary);margin-bottom:var(--space-2)}.technique-detail__stats{display:flex;flex-wrap:wrap;gap:var(--space-4)}.technique-detail__stats span{background:var(--color-bg-alt);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm)}.technique-card__personalized{background:linear-gradient(135deg,var(--color-primary-light) 0%,var(--color-secondary) 100%);color:var(--color-text-inverse);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);font-size:var(--font-size-sm);margin:var(--space-3) 0;text-align:center}.technique-card__reason{font-size:var(--font-size-sm);color:var(--color-text-muted);font-style:italic;margin-top:var(--space-2)}.technique-card--primary{border-color:var(--color-primary);border-width:2px}.history-session-card{display:flex;justify-content:space-between;align-items:center;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-4);margin-bottom:var(--space-3);transition:var(--transition-fast)}.history-session-card:hover{border-color:var(--color-primary-light);box-shadow:var(--shadow-md)}.history-session-card__info{display:flex;flex-direction:column;gap:var(--space-1)}.history-session-card__info strong{font-size:var(--font-size-base)}.history-session-card__info span{font-size:var(--font-size-sm);color:var(--color-text-muted)}.history-session-card__status{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-1);font-size:var(--font-size-lg)}.sound-demo{margin-top:var(--space-4);padding:var(--space-4);background:var(--color-bg-alt);border-radius:var(--radius-lg)}.sound-demo h4{margin-bottom:var(--space-3);font-size:var(--font-size-base)}.sound-demo__items{display:flex;flex-direction:column;gap:var(--space-3)}.sound-demo__btn{display:flex;align-items:center;gap:var(--space-3);padding:var(--space-3);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);cursor:pointer;transition:var(--transition-fast)}.sound-demo__btn:hover{background:var(--color-primary);color:var(--color-text-inverse);border-color:var(--color-primary)}.sound-demo__icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-alt);border-radius:var(--radius-full);font-size:var(--font-size-sm)}.sound-demo__btn:hover .sound-demo__icon{background:#fff3}.sound-demo__label{font-size:var(--font-size-sm)}.loading-spinner{width:40px;height:40px;border:3px solid var(--color-border);border-top-color:var(--color-primary);border-radius:50%;animation:spin 1s linear infinite;margin:var(--space-8) auto}@keyframes spin{to{transform:rotate(360deg)}}.loading-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000b3;display:flex;align-items:center;justify-content:center;z-index:var(--z-overlay)}.loading-overlay__content{text-align:center;color:#fff}.loading-overlay__text{margin-top:var(--space-4);font-size:var(--font-size-lg)}.insight-card{background:linear-gradient(135deg,var(--color-primary) 0%,var(--color-secondary) 100%);color:#fff;padding:var(--space-5);border-radius:var(--radius-xl);margin-bottom:var(--space-4)}.insight-card__icon{font-size:var(--font-size-3xl);margin-bottom:var(--space-2)}.insight-card__title{font-size:var(--font-size-lg);font-weight:var(--font-weight-semibold);margin-bottom:var(--space-2)}.insight-card__message{font-size:var(--font-size-sm);opacity:.9}.streak-badge{display:inline-flex;align-items:center;gap:var(--space-2);background:linear-gradient(135deg,#f59e0b,#ef4444);color:#fff;padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-weight:var(--font-weight-semibold)}.streak-badge__icon{font-size:var(--font-size-lg)}.streak-badge__count{font-size:var(--font-size-xl)}.streak-badge__label{font-size:var(--font-size-xs);opacity:.9}.empty-state{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-text-muted)}.empty-state__icon{font-size:4rem;margin-bottom:var(--space-4);opacity:.5}.empty-state__title{font-size:var(--font-size-xl);color:var(--color-text);margin-bottom:var(--space-2)}.empty-state__message{margin-bottom:var(--space-6);max-width:300px;margin-left:auto;margin-right:auto}.special-instruction{background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:var(--space-4);border-radius:var(--radius-lg);margin-top:var(--space-4);text-align:center;color:#fff;font-size:var(--font-size-lg);max-width:300px;margin-left:auto;margin-right:auto}.special-instruction__icon{font-size:var(--font-size-2xl);margin-bottom:var(--space-2);display:block}.prep-screen__technique h2{font-family:var(--font-family-display);font-size:var(--font-size-2xl);margin-bottom:var(--space-2)}.prep-screen__technique p{color:var(--color-text-secondary);font-size:var(--font-size-sm)}.prep-screen__stat{text-align:center}.prep-screen__stat-value{display:block;font-size:var(--font-size-2xl);font-weight:var(--font-weight-bold);color:var(--color-primary)}.prep-screen__stat-label{font-size:var(--font-size-xs);color:var(--color-text-muted);text-transform:uppercase}.animation-preview{width:50px;height:50px;border-radius:var(--radius-md);overflow:hidden;display:flex;align-items:center;justify-content:center;background:var(--gradient-calm);position:relative}.animation-preview:after{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.animation-preview--circle:after{content:"";width:24px;height:24px;background:#fff;border-radius:50%;animation:previewPulse 2s ease-in-out infinite}.animation-preview--flower:after{content:"🌸";font-size:24px;animation:previewPulse 2s ease-in-out infinite;line-height:1}.animation-preview--stars{background:linear-gradient(135deg,#1a1a2e,#16213e)}.animation-preview--stars:after{content:"✨";font-size:24px;animation:previewTwinkle 1.5s ease-in-out infinite}.animation-preview--wave{background:linear-gradient(135deg,#0f0c29,#302b63)}.animation-preview--wave:after{content:"🌊";font-size:24px;animation:previewWaveBob 2s ease-in-out infinite}.animation-preview--lungs:after{content:"🫁";font-size:24px;animation:previewPulse 2s ease-in-out infinite;line-height:1}.animation-preview--minimal{background:var(--color-bg-alt);border:2px solid var(--color-border)}.animation-preview--minimal:after{display:none!important;content:none!important;animation:none!important}@keyframes previewWaveBob{0%,to{transform:translateY(5px)}50%{transform:translateY(-5px)}}.install-prompt{position:fixed;bottom:0;left:0;right:0;background:var(--color-surface);border-top:1px solid var(--color-border);padding:var(--space-4);display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);z-index:var(--z-sticky);box-shadow:var(--shadow-lg);transform:translateY(100%);transition:transform .3s ease}.install-prompt.is-visible{transform:translateY(0)}.install-prompt__content{display:flex;align-items:center;gap:var(--space-3)}.install-prompt__icon{font-size:var(--font-size-2xl)}.install-prompt__text{font-size:var(--font-size-sm)}.install-prompt__text strong{display:block}.install-prompt__actions{display:flex;gap:var(--space-2)}.offline-indicator{position:fixed;top:var(--header-height);left:0;right:0;background:var(--color-warning);color:#000;text-align:center;padding:var(--space-2);font-size:var(--font-size-sm);z-index:var(--z-sticky);transform:translateY(-100%);transition:transform .3s ease}.offline-indicator.is-visible{transform:translateY(0)}@media(max-width:480px){.hero__title{font-size:var(--font-size-3xl)}.hero__stats{gap:var(--space-4)}.hero__stat-number{font-size:var(--font-size-xl)}.section__title{font-size:var(--font-size-2xl)}.animation-container{width:200px;height:200px}.breath-instruction__text{font-size:var(--font-size-xl)}.breath-instruction__timer{font-size:var(--font-size-4xl)}.duration-presets{justify-content:center}.duration-btn{flex:1;min-width:60px}}@media(max-height:500px)and (orientation:landscape){.session-container{flex-direction:row;flex-wrap:wrap}.session-main{flex:1;min-width:50%}.animation-container{width:150px;height:150px}.session-science{display:none}}.theme-gradient-calm,.theme-gradient-forest{--session-text: #ffffff}.theme-gradient-sunset{--session-text: #4a4a4a}.theme-gradient-sunset .session-header,.theme-gradient-sunset .session-stats,.theme-gradient-sunset .breath-instruction,.theme-gradient-sunset .session-science{color:#4a4a4a}.theme-gradient-sunset .session-control{background:#0000001a;color:#4a4a4a}.theme-gradient-sunset .session-progress__bar{background:#0000001a}.theme-gradient-sunset .session-progress__fill{background:#4a4a4a}.theme-light{--session-text: #1e293b}.theme-light .session-header,.theme-light .session-stats,.theme-light .breath-instruction,.theme-light .session-science{color:#1e293b}.theme-light .session-control{background:#0000001a;color:#1e293b}@media(prefers-reduced-motion:reduce){.breath-circle--demo,.loading-spinner,.animation-preview:after{animation:none}.breath-circle--demo{transform:scale(1);opacity:.8}}@media(forced-colors:active){.btn--primary{border:2px solid currentColor}.emotion-card--selected{border:3px solid currentColor}}.btn:focus-visible,.emotion-card:focus-visible,.technique-card:focus-visible,.animation-option:focus-visible,.theme-option:focus-visible{outline:3px solid var(--color-primary);outline-offset:2px}@media print{.section--session,.pause-overlay,.modal,.confirm-dialog,.toast,.install-prompt,.offline-indicator{display:none!important}}.sound-setting__controls{display:flex;align-items:center;gap:var(--space-2);flex:1}.sound-setting__controls select{flex:1;min-width:120px}.btn-sound-test{padding:var(--space-2) var(--space-3);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--font-size-sm);cursor:pointer;transition:var(--transition-fast);white-space:nowrap}.btn-sound-test:hover{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-sound-test:active{transform:scale(.95)}.volume-display{min-width:40px;text-align:right;font-size:var(--font-size-sm);color:var(--color-text-muted)}.sound-test-demo{margin-top:var(--space-4);padding-top:var(--space-4);border-top:1px solid var(--color-border)}.sound-test-demo__label{font-size:var(--font-size-sm);color:var(--color-text-muted);margin-bottom:var(--space-2)}