.icon{display:inline-block;vertical-align:middle;-o-object-fit:contain;object-fit:contain;flex-shrink:0}.icon--xs{width:16px;height:16px}.icon--sm{width:20px;height:20px}.icon--md{width:24px;height:24px}.icon--lg{width:32px;height:32px}.icon--xl{width:48px;height:48px}.level-up-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:9999;display:flex;align-items:center;justify-content:center;pointer-events:none}.level-up-modal--open{pointer-events:auto}.level-up-modal__overlay{position:absolute;top:0;left:0;right:0;bottom:0;background-color:#000000b3;animation:fadeIn .3s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.level-up-modal__content{position:relative;background:linear-gradient(135deg,#667eea,#764ba2);border-radius:24px;padding:48px 32px;max-width:400px;width:90%;text-align:center;box-shadow:0 20px 60px #00000080;animation:scaleIn .5s cubic-bezier(.68,-.55,.265,1.55);overflow:hidden}@keyframes scaleIn{0%{transform:scale(.5) rotate(-10deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.level-up-modal__confetti{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;overflow:hidden}.level-up-modal__confetti-piece{position:absolute;top:-10px;width:10px;height:10px;border-radius:50%;animation:confettiFall 3s ease-out forwards}@keyframes confettiFall{0%{transform:translateY(0) rotate(0);opacity:1}to{transform:translateY(600px) rotate(720deg);opacity:0}}.level-up-modal__icon{position:relative;margin:0 auto 24px;width:120px;height:120px;display:flex;align-items:center;justify-content:center}.level-up-modal__star{font-size:80px;animation:starPulse 1.5s ease-in-out infinite,starRotate 3s linear infinite;position:relative;z-index:2;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}@keyframes starPulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}@keyframes starRotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.level-up-modal__glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:140px;height:140px;background:radial-gradient(circle,rgba(255,215,0,.5) 0%,transparent 70%);animation:glowPulse 1.5s ease-in-out infinite;z-index:1}@keyframes glowPulse{0%,to{transform:translate(-50%,-50%) scale(1);opacity:.5}50%{transform:translate(-50%,-50%) scale(1.2);opacity:.8}}.level-up-modal__title{color:#fff;font-size:32px;font-weight:700;margin:0 0 16px;text-shadow:0 2px 4px rgba(0,0,0,.3);animation:titleBounce .6s cubic-bezier(.68,-.55,.265,1.55) .3s backwards}@keyframes titleBounce{0%{transform:translateY(-20px);opacity:0}to{transform:translateY(0);opacity:1}}.level-up-modal__level{display:flex;flex-direction:column;gap:8px;margin-bottom:24px;animation:levelSlide .6s cubic-bezier(.68,-.55,.265,1.55) .4s backwards}@keyframes levelSlide{0%{transform:translate(-30px);opacity:0}to{transform:translate(0);opacity:1}}.level-up-modal__level-text{color:#ffffffe6;font-size:18px;font-weight:400}.level-up-modal__level-number{color:gold;font-size:48px;font-weight:800;text-shadow:0 4px 8px rgba(0,0,0,.4);letter-spacing:1px}.level-up-modal__message{color:#fffffff2;font-size:16px;margin:0 0 32px;line-height:1.5;animation:messageFade .6s ease-out .5s backwards}@keyframes messageFade{0%{opacity:0}to{opacity:1}}.level-up-modal__button{background:#fff;color:#667eea;border:none;border-radius:12px;padding:14px 48px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 12px #0003;animation:buttonSlide .6s cubic-bezier(.68,-.55,.265,1.55) .6s backwards}@keyframes buttonSlide{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.level-up-modal__button:hover{transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.level-up-modal__button:active{transform:translateY(0)}@media (max-width: 480px){.level-up-modal__content{padding:40px 24px}.level-up-modal__title{font-size:28px}.level-up-modal__level-number{font-size:40px}.level-up-modal__icon{width:100px;height:100px}.level-up-modal__star{font-size:64px}}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:9999;transition:opacity .5s ease-out}.loading-screen.fade-out{opacity:0;pointer-events:none}.loading-bg{position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(180deg,#0a0a1a,#111827,#1a1a3a);z-index:-1}.loading-logo{margin-bottom:2rem}.loading-logo img{width:100px;height:100px;-o-object-fit:contain;object-fit:contain;animation:pulse 2s infinite ease-in-out}.loading-spinner{width:50px;height:50px;margin-bottom:3rem}.spinner-ring{width:100%;height:100%;border:3px solid rgba(99,102,241,.2);border-top:3px solid #6366f1;border-radius:50%;animation:spin 1s linear infinite}.loading-quote{text-align:center;max-width:500px;padding:0 2rem;animation:fadeIn .5s ease-out}.quote-text{color:#fff;font-size:1.25rem;font-style:italic;line-height:1.6;margin-bottom:.75rem}.quote-author{color:#a5b4fc;font-size:1rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.05);opacity:.8}}@media (max-width: 480px){.loading-logo img{width:80px;height:80px}.quote-text{font-size:1.1rem}.quote-author{font-size:.9rem}}.bottom-nav{position:fixed;bottom:0;left:0;right:0;height:70px;background:#0a192ffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-around;align-items:center;padding:0 8px;padding-bottom:env(safe-area-inset-bottom,0);z-index:1000;box-shadow:0 -4px 20px #0000004d}.bottom-nav__item{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:8px 16px;background:transparent;border:none;cursor:pointer;transition:all .2s ease;position:relative;min-width:60px;border-radius:12px}.bottom-nav__item:hover{background:#ffffff0d}.bottom-nav__item--active{background:#6366f126}.bottom-nav__icon{display:flex;align-items:center;justify-content:center;width:24px;height:24px;transition:transform .2s ease;opacity:.7}.bottom-nav__icon img{width:100%;height:100%;-o-object-fit:contain;object-fit:contain}.bottom-nav__item--active .bottom-nav__icon{transform:scale(1.1);opacity:1}.bottom-nav__label{font-size:.7rem;font-weight:500;color:#fff9;transition:color .2s ease}.bottom-nav__item--active .bottom-nav__label{color:#6366f1;font-weight:600}.bottom-nav__indicator{position:absolute;bottom:4px;left:50%;transform:translate(-50%);width:4px;height:4px;background:#6366f1;border-radius:50%}@media (max-width: 480px){.bottom-nav{height:64px;padding:0 4px}.bottom-nav__item{padding:6px 12px;min-width:50px}.bottom-nav__icon{width:22px;height:22px}.bottom-nav__label{font-size:.65rem}}@supports (padding-bottom: env(safe-area-inset-bottom)){.bottom-nav{padding-bottom:calc(env(safe-area-inset-bottom) + 4px);height:calc(70px + env(safe-area-inset-bottom))}}.fullscreen-modal{position:fixed;top:0;left:0;right:0;bottom:0;z-index:2000;display:flex;flex-direction:column}.fullscreen-modal__backdrop{position:absolute;top:0;left:0;right:0;bottom:0;background:#00000080;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.fullscreen-modal__container{position:relative;z-index:1;display:flex;flex-direction:column;height:100%;background:linear-gradient(135deg,#0a192ffa,#1e3a5ffa,#2d5a7bfa);animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translateY(100%);opacity:0}to{transform:translateY(0);opacity:1}}.fullscreen-modal__header{display:flex;align-items:center;gap:16px;padding:16px 20px;padding-top:calc(16px + env(safe-area-inset-top,0));background:#0000004d;border-bottom:1px solid rgba(255,255,255,.1);flex-shrink:0}.fullscreen-modal__back{display:flex;align-items:center;gap:8px;padding:8px 12px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease;flex-shrink:0}.fullscreen-modal__back:hover{background:#ffffff26}.fullscreen-modal__title-section{flex:1;text-align:center;min-width:0}.fullscreen-modal__title{font-size:1.2rem;font-weight:700;color:#fff;margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fullscreen-modal__subtitle{font-size:.8rem;color:#fff9;margin:2px 0 0}.fullscreen-modal__close{display:flex;align-items:center;justify-content:center;padding:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:8px;cursor:pointer;transition:all .2s ease;flex-shrink:0}.fullscreen-modal__close:hover{background:#ef44444d;border-color:#ef444480}.fullscreen-modal__content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding:20px;padding-bottom:calc(20px + env(safe-area-inset-bottom,0))}.fullscreen-modal__content::-webkit-scrollbar{width:6px}.fullscreen-modal__content::-webkit-scrollbar-track{background:#ffffff0d}.fullscreen-modal__content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}@media (max-width: 480px){.fullscreen-modal__header{padding:12px 16px;padding-top:calc(12px + env(safe-area-inset-top,0))}.fullscreen-modal__back span{display:none}.fullscreen-modal__back{padding:8px}.fullscreen-modal__title{font-size:1.1rem}.fullscreen-modal__content{padding:16px;padding-bottom:calc(16px + env(safe-area-inset-bottom,0))}}.xp-progress-bar{width:100%}.xp-progress-bar__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.xp-progress-bar__level{display:flex;align-items:center;gap:6px;font-weight:600;font-size:16px;color:#1a1a1a}.xp-progress-bar__level-icon{font-size:20px}.xp-progress-bar__stats{display:flex;align-items:baseline;gap:4px;font-size:14px;color:#666}.xp-progress-bar__current{font-weight:600;color:#4caf50}.xp-progress-bar__separator,.xp-progress-bar__total{color:#999}.xp-progress-bar__max-level{display:flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:gold}.xp-progress-bar__max-icon{font-size:18px}.xp-progress-bar__track{width:100%;height:12px;background-color:#e0e0e0;border-radius:999px;overflow:hidden;position:relative}.xp-progress-bar__fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:999px;transition:width .6s cubic-bezier(.4,0,.2,1);display:flex;align-items:center;justify-content:flex-end;padding-right:8px;position:relative}.xp-progress-bar__fill:after{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(90deg,#fff0,#ffffff4d,#fff0);animation:shimmer 2s infinite}@keyframes shimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.xp-progress-bar__percentage{font-size:10px;font-weight:600;color:#fff;text-shadow:0 1px 2px rgba(0,0,0,.3);position:relative;z-index:1}.xp-progress-bar__footer{margin-top:8px;text-align:center}.xp-progress-bar__next-level{font-size:13px;color:#666}.xp-progress-bar--compact .xp-progress-bar__track{height:8px;margin-bottom:4px}.xp-progress-bar__compact-info{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:#666}.xp-progress-bar__level-small{font-weight:600;color:#1a1a1a}.xp-progress-bar__progress-small{color:#999}.xp-progress-bar--large .xp-progress-bar__level{font-size:20px}.xp-progress-bar--large .xp-progress-bar__level-icon{font-size:24px}.xp-progress-bar--large .xp-progress-bar__stats{font-size:16px}.xp-progress-bar--large .xp-progress-bar__track{height:20px}.xp-progress-bar--large .xp-progress-bar__percentage{font-size:12px}@media (prefers-color-scheme: dark){.xp-progress-bar__level,.xp-progress-bar__level-small{color:#fff}.xp-progress-bar__track{background-color:#333}.xp-progress-bar__stats,.xp-progress-bar__next-level,.xp-progress-bar__progress-small{color:#aaa}.xp-progress-bar__total,.xp-progress-bar__separator{color:#777}}.streak-badge{display:inline-flex;align-items:center;gap:4px;padding:6px 12px;background:linear-gradient(135deg,#f9731633,#fbbf2433);border:1px solid rgba(249,115,22,.4);border-radius:20px;font-weight:600}.streak-badge--small{padding:4px 8px;font-size:.75rem;gap:3px}.streak-badge--medium{padding:6px 12px;font-size:.875rem;gap:4px}.streak-badge--large{padding:8px 16px;font-size:1rem;gap:6px}.streak-icon{font-size:1.2em;transition:transform .3s ease}.streak-icon--fire{filter:drop-shadow(0 0 4px rgba(249,115,22,.6))}.streak-icon--inactive{opacity:.4;filter:grayscale(1)}.streak-badge:has(.streak-icon--inactive){background:linear-gradient(135deg,#6b728033,#4b556333);border-color:#6b72804d}.streak-badge:has(.streak-icon--inactive) .streak-count{color:#fff9}.streak-count{color:#fff;font-weight:700}.streak-label{color:#ffffffb3;font-weight:400;font-size:.85em}.streak-badge--active{animation:streak-pulse 2s ease-in-out infinite}.streak-badge--active .streak-icon--fire{animation:fire-glow 1.5s ease-in-out infinite}@keyframes streak-pulse{0%,to{box-shadow:0 0 10px #f973164d}50%{box-shadow:0 0 20px #f9731680}}@keyframes fire-glow{0%,to{transform:scale(1);filter:drop-shadow(0 0 4px rgba(249,115,22,.6))}50%{transform:scale(1.1);filter:drop-shadow(0 0 8px rgba(251,191,36,.8))}}.streak-warning{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;cursor:pointer;transition:all .2s ease;margin-bottom:16px}.streak-warning--at-risk{background:linear-gradient(135deg,#fbbf2433,#f59e0b33);border:1px solid rgba(251,191,36,.4)}.streak-warning--lost{background:linear-gradient(135deg,#ef444433,#dc262633);border:1px solid rgba(239,68,68,.4)}.streak-warning:hover{transform:translateY(-1px)}.streak-warning--at-risk:hover{background:linear-gradient(135deg,#fbbf244d,#f59e0b4d)}.streak-warning--lost:hover{background:linear-gradient(135deg,#ef44444d,#dc26264d)}.streak-warning__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center}.streak-warning--at-risk .streak-warning__icon{filter:brightness(1.2) sepia(1) saturate(5) hue-rotate(10deg)}.streak-warning--lost .streak-warning__icon{filter:brightness(1.2) sepia(1) saturate(5) hue-rotate(-20deg)}.streak-warning__message{flex:1;margin:0;font-size:.9rem;font-weight:500;line-height:1.4}.streak-warning--at-risk .streak-warning__message{color:#fbbf24}.streak-warning--lost .streak-warning__message{color:#f87171}.streak-warning__dismiss{flex-shrink:0;display:flex;align-items:center;justify-content:center;padding:4px;background:transparent;border:none;cursor:pointer;opacity:.6;transition:opacity .2s ease;border-radius:4px}.streak-warning__dismiss:hover{opacity:1;background:#ffffff1a}@media (max-width: 480px){.streak-warning{padding:10px 14px;gap:10px}.streak-warning__message{font-size:.85rem}}.quote-of-day{background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.1)}.quote-of-day--loading{min-height:100px}.quote-of-day__skeleton{height:60px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.quote-of-day__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.quote-of-day__icon{font-size:1.2rem}.quote-of-day__title{font-size:.85rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.quote-of-day__content{margin:0;padding:0}.quote-of-day__text{font-size:1.1rem;font-weight:500;line-height:1.5;color:#fff;margin:0 0 8px;font-style:italic}.quote-of-day__author{font-size:.9rem;color:#fff9;font-style:normal}@media (max-width: 480px){.quote-of-day{padding:16px}.quote-of-day__text{font-size:1rem}.quote-of-day__author{font-size:.85rem}}.dynamic-cta{background:linear-gradient(135deg,#6366f133,#8b5cf633);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;border:1px solid rgba(99,102,241,.3);position:relative;overflow:hidden}.dynamic-cta:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,transparent 0%,rgba(99,102,241,.1) 100%);pointer-events:none}.dynamic-cta--loading{min-height:150px}.dynamic-cta__skeleton{height:100px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}.dynamic-cta__header{display:flex;align-items:center;gap:8px;margin-bottom:16px;position:relative}.dynamic-cta__icon{font-size:1.3rem}.dynamic-cta__label{font-size:.75rem;font-weight:700;color:#6366f1;text-transform:uppercase;letter-spacing:1px}.dynamic-cta__content{position:relative}.dynamic-cta__title{font-size:1.15rem;font-weight:600;color:#fff;margin:0 0 8px;line-height:1.3}.dynamic-cta__description{font-size:.9rem;color:#ffffffb3;margin:0 0 16px;line-height:1.4}.dynamic-cta__button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:14px 24px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;box-shadow:0 4px 15px #6366f166}.dynamic-cta__button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #6366f180}.dynamic-cta__button:active{transform:translateY(0)}.dynamic-cta__arrow{font-size:1.2rem;transition:transform .2s ease}.dynamic-cta__button:hover .dynamic-cta__arrow{transform:translate(4px)}.dynamic-cta__reward{display:block;text-align:center;margin-top:12px;font-size:.85rem;font-weight:600;color:#10b981}@media (max-width: 480px){.dynamic-cta{padding:16px}.dynamic-cta__title{font-size:1.05rem}.dynamic-cta__description{font-size:.85rem}.dynamic-cta__button{padding:12px 20px;font-size:.95rem}}.quick-access{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:16px;border:1px solid rgba(255,255,255,.08)}.quick-access__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.quick-access__icon{font-size:1rem}.quick-access__title{font-size:.8rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.quick-access__grid{display:flex;gap:12px;justify-content:space-between}.quick-access__item{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .2s ease}.quick-access__item:hover{background:#ffffff1f;transform:translateY(-2px);border-color:#6366f14d}.quick-access__item:active{transform:translateY(0)}.quick-access__item-icon{font-size:1.5rem}.quick-access__item-label{font-size:.8rem;font-weight:500;color:#ffffffe6}@media (max-width: 480px){.quick-access{padding:12px}.quick-access__grid{gap:8px}.quick-access__item{padding:12px 8px}.quick-access__item-icon{font-size:1.3rem}.quick-access__item-label{font-size:.75rem}}.recent-activities{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:16px;border:1px solid rgba(255,255,255,.08)}.recent-activities--loading .recent-activities__skeleton{display:flex;flex-direction:column;gap:10px}.recent-activities__skeleton-item{height:40px;background:linear-gradient(90deg,#ffffff0d 25%,#ffffff1a,#ffffff0d 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;border-radius:8px}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.recent-activities__header{display:flex;align-items:center;gap:8px;margin-bottom:12px}.recent-activities__icon{font-size:1rem}.recent-activities__title{font-size:.8rem;font-weight:600;color:#ffffffb3;text-transform:uppercase;letter-spacing:.5px}.recent-activities__empty{font-size:.9rem;color:#ffffff80;text-align:center;padding:20px 0;margin:0}.recent-activities__list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:8px}.recent-activities__item{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#ffffff0d;border-radius:10px;transition:background .2s ease}.recent-activities__item:hover{background:#ffffff14}.recent-activities__item-icon{font-size:1.1rem;width:28px;height:28px;display:flex;align-items:center;justify-content:center;background:#10b98133;border-radius:8px;flex-shrink:0}.recent-activities__item-content{flex:1;min-width:0;display:flex;flex-direction:column;gap:2px}.recent-activities__item-title{font-size:.9rem;font-weight:500;color:#fff;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.recent-activities__item-meta{display:flex;align-items:center;gap:8px;font-size:.75rem}.recent-activities__item-xp{color:#10b981;font-weight:600}.recent-activities__item-time{color:#ffffff80}@media (max-width: 480px){.recent-activities{padding:12px}.recent-activities__item{padding:8px 10px;gap:10px}.recent-activities__item-icon{width:24px;height:24px;font-size:1rem}.recent-activities__item-title{font-size:.85rem}.recent-activities__item-meta{font-size:.7rem}}.home-tab{display:flex;flex-direction:column;gap:16px;padding:20px 20px 90px;max-width:600px;margin:0 auto;width:100%}.home-tab__header{margin-bottom:4px}.home-tab__greeting-row{display:flex;align-items:center;gap:12px}.home-tab__greeting{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.home-tab__stats{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.home-tab__streak{flex-shrink:0}.home-tab__xp{flex:1;min-width:200px}@media (max-width: 480px){.home-tab{padding:16px 16px 85px;gap:14px}.home-tab__greeting{font-size:1.3rem}.home-tab__stats{flex-direction:column;align-items:stretch;gap:12px}.home-tab__xp{min-width:unset}}.tab-header{display:flex;flex-direction:column;gap:16px;margin-bottom:8px}.tab-header__stats{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.tab-header__streak{flex-shrink:0}.tab-header__xp{flex:1;min-width:150px}.tab-header__title-section{display:flex;align-items:center;gap:12px}.tab-header__icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;opacity:.9}.tab-header__text{flex:1}.tab-header__title{font-size:1.5rem;font-weight:700;color:#fff;margin:0;line-height:1.2}.tab-header__subtitle{font-size:.9rem;color:#fff9;margin:4px 0 0}@media (max-width: 480px){.tab-header{gap:12px}.tab-header__stats{flex-direction:column;align-items:stretch;gap:10px}.tab-header__xp{min-width:unset}.tab-header__title{font-size:1.3rem}.tab-header__subtitle{font-size:.85rem}.tab-header__icon{display:none}}.mindset-tab{display:flex;flex-direction:column;gap:20px;padding:20px 20px 90px;max-width:600px;margin:0 auto;width:100%}.mindset-tab__featured{background:linear-gradient(135deg,#6366f140,#8b5cf640);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:24px;border:1px solid rgba(99,102,241,.3);cursor:pointer;transition:all .3s ease;position:relative;overflow:hidden}.mindset-tab__featured:hover{transform:translateY(-2px);border-color:#6366f180}.mindset-tab__featured-badge{display:inline-flex;align-items:center;gap:6px;font-size:.7rem;font-weight:700;color:#fbbf24;text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.mindset-tab__featured-content{position:relative}.mindset-tab__featured-icon{margin-bottom:12px;opacity:.9}.mindset-tab__featured-title{font-size:1.3rem;font-weight:700;color:#fff;margin:0 0 8px}.mindset-tab__featured-description{font-size:.95rem;color:#ffffffb3;margin:0 0 16px;line-height:1.4}.mindset-tab__featured-button{display:inline-flex;align-items:center;gap:8px;padding:12px 24px;background:#ffffff26;border:1px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:.9rem;font-weight:600;cursor:pointer;transition:all .2s ease}.mindset-tab__featured-button:hover{background:#ffffff40}.mindset-tab__cards{display:flex;flex-direction:column;gap:12px}.mindset-tab__card{display:flex;align-items:center;gap:16px;padding:18px 20px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease}.mindset-tab__card:hover{background:#ffffff1f;transform:translate(4px);border-color:#6366f14d}.mindset-tab__card-icon{flex-shrink:0;opacity:.9}.mindset-tab__card-content{flex:1}.mindset-tab__card-title{font-size:1.05rem;font-weight:600;color:#fff;margin:0 0 4px}.mindset-tab__card-description{font-size:.85rem;color:#fff9;margin:0}.mindset-tab__card-arrow{flex-shrink:0;opacity:.4;transition:all .2s ease}.mindset-tab__card:hover .mindset-tab__card-arrow{transform:translate(4px);opacity:.7}@media (max-width: 480px){.mindset-tab{padding:16px 16px 85px;gap:16px}.mindset-tab__featured{padding:20px}.mindset-tab__featured-title{font-size:1.15rem}.mindset-tab__card{padding:14px 16px}.mindset-tab__card-title{font-size:.95rem}}.training-tab{display:flex;flex-direction:column;gap:20px;padding:20px 20px 90px;max-width:600px;margin:0 auto;width:100%}.training-tab__recommended{background:linear-gradient(135deg,#10b98133,#06b6d433);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:24px;border:1px solid rgba(16,185,129,.3);cursor:pointer;transition:all .3s ease}.training-tab__recommended:hover{transform:translateY(-2px);border-color:#10b98180}.training-tab__recommended-badge{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;color:#10b981;text-transform:uppercase;letter-spacing:.5px;margin-bottom:16px}.training-tab__recommended-content{position:relative}.training-tab__recommended-icon{margin-bottom:12px;opacity:.9}.training-tab__recommended-title{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 8px}.training-tab__recommended-description{font-size:.95rem;color:#ffffffb3;margin:0 0 16px}.training-tab__recommended-button{display:inline-flex;align-items:center;gap:12px;padding:14px 28px;background:linear-gradient(135deg,#10b981,#06b6d4);border:none;border-radius:12px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;box-shadow:0 4px 15px #10b98166}.training-tab__recommended-button:hover{transform:translateY(-2px);box-shadow:0 6px 20px #10b98180}.training-tab__recommended-xp{font-size:.85rem;opacity:.9}.training-tab__section{display:flex;flex-direction:column;gap:12px}.training-tab__section-title{font-size:.85rem;font-weight:600;color:#fff9;text-transform:uppercase;letter-spacing:.5px;margin:0}.training-tab__games{display:flex;flex-direction:column;gap:10px}.training-tab__game{display:flex;align-items:center;gap:14px;padding:16px 18px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease}.training-tab__game:hover{background:#ffffff1f;transform:translate(4px);border-color:#10b9814d}.training-tab__game-icon{flex-shrink:0;opacity:.9}.training-tab__game-content{flex:1;min-width:0}.training-tab__game-title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 2px}.training-tab__game-description{font-size:.8rem;color:#ffffff80;margin:0}.training-tab__game-meta{display:flex;align-items:center;gap:8px;flex-shrink:0}.training-tab__game-xp{font-size:.8rem;font-weight:600;color:#10b981}.training-tab__game-arrow{opacity:.4;transition:all .2s ease}.training-tab__game:hover .training-tab__game-arrow{transform:translate(4px);opacity:.7}@media (max-width: 480px){.training-tab{padding:16px 16px 85px;gap:16px}.training-tab__recommended{padding:20px}.training-tab__recommended-title{font-size:1.2rem}.training-tab__recommended-button{width:100%;justify-content:center;padding:12px 24px}.training-tab__game{padding:14px 16px}.training-tab__game-title{font-size:.95rem}}.tactical-tab{display:flex;flex-direction:column;gap:20px;padding:20px 20px 90px;max-width:600px;margin:0 auto;width:100%;min-height:calc(100vh - 160px)}.tactical-tab__header{margin-bottom:4px}.tactical-tab__title{font-size:1.5rem;font-weight:700;color:#fff;margin:0 0 4px}.tactical-tab__subtitle{font-size:.95rem;color:#fff9;margin:0}.tactical-tab__placeholder{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:40px 20px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1)}.tactical-tab__placeholder-icon{font-size:4rem;margin-bottom:20px;opacity:.7}.tactical-tab__placeholder-title{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 12px}.tactical-tab__placeholder-description{font-size:1rem;color:#fff9;margin:0 0 24px;max-width:280px;line-height:1.5}@media (max-width: 480px){.tactical-tab{padding:16px 16px 85px}.tactical-tab__title{font-size:1.3rem}.tactical-tab__placeholder{padding:30px 16px}.tactical-tab__placeholder-icon{font-size:3rem}.tactical-tab__placeholder-title{font-size:1.2rem}.tactical-tab__placeholder-description{font-size:.9rem}}.profile-tab{display:flex;flex-direction:column;gap:20px;padding:20px 20px 90px;max-width:600px;margin:0 auto;width:100%}.profile-tab__header{display:flex;flex-direction:column;align-items:center;text-align:center;padding:24px 20px;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;border:1px solid rgba(255,255,255,.1)}.profile-tab__avatar{width:80px;height:80px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px;box-shadow:0 4px 20px #6366f166}.profile-tab__avatar-initials{font-size:1.8rem;font-weight:700;color:#fff}.profile-tab__name{font-size:1.4rem;font-weight:700;color:#fff;margin:0 0 4px}.profile-tab__email{font-size:.9rem;color:#fff9;margin:0}.profile-tab__xp{background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;padding:20px;border:1px solid rgba(255,255,255,.1)}.profile-tab__menu{display:flex;flex-direction:column;background:#ffffff0d;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:16px;border:1px solid rgba(255,255,255,.1);overflow:hidden}.profile-tab__menu-item{display:flex;align-items:center;gap:14px;padding:16px 20px;background:transparent;border:none;border-bottom:1px solid rgba(255,255,255,.08);color:#fff;font-size:1rem;text-align:left;cursor:pointer;transition:background .2s ease}.profile-tab__menu-item:last-child{border-bottom:none}.profile-tab__menu-item:hover{background:#ffffff0d}.profile-tab__menu-icon{font-size:1.2rem;flex-shrink:0}.profile-tab__menu-label{flex:1;font-weight:500}.profile-tab__menu-arrow{font-size:1.1rem;color:#fff6;transition:transform .2s ease}.profile-tab__menu-item:hover .profile-tab__menu-arrow{transform:translate(4px);color:#ffffffb3}.profile-tab__logout{display:flex;align-items:center;justify-content:center;gap:8px;padding:16px 24px;background:#ef444426;border:1px solid rgba(239,68,68,.3);border-radius:12px;color:#ef4444;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.profile-tab__logout:hover{background:#ef444440;border-color:#ef444480}@media (max-width: 480px){.profile-tab{padding:16px 16px 85px;gap:16px}.profile-tab__header{padding:20px 16px}.profile-tab__avatar{width:70px;height:70px}.profile-tab__avatar-initials{font-size:1.5rem}.profile-tab__name{font-size:1.25rem}.profile-tab__menu-item{padding:14px 16px}.profile-tab__logout{padding:14px 20px}}.date-carousel{width:100%;padding:16px 0;background:#1a142999;border-radius:12px;margin-bottom:20px}.date-carousel-container{display:flex;gap:8px;overflow-x:auto;padding:8px 16px;scroll-behavior:smooth;scrollbar-width:none;-ms-overflow-style:none}.date-carousel-container::-webkit-scrollbar{display:none}.date-item{display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:56px;height:72px;padding:8px;border-radius:12px;background:#ffffff0d;border:2px solid transparent;cursor:pointer;transition:all .2s ease;flex-shrink:0}.date-item:hover:not(.date-item--future){background:#ffffff1a;transform:translateY(-2px)}.date-weekday{font-size:.7rem;color:#ffffff80;text-transform:uppercase;margin-bottom:2px}.date-number{font-size:1.25rem;font-weight:700;color:#fff}.date-status{font-size:.75rem;height:16px;margin-top:2px}.date-item--today{background:#8b5cf633;border-color:#8b5cf680}.date-item--selected{background:linear-gradient(135deg,#22c55e4d,#22c55e1a);border-color:#22c55e;box-shadow:0 0 20px #22c55e4d}.date-item--complete{background:#22c55e26;border-color:#22c55e4d}.date-item--complete .date-status{color:#22c55e}.date-item--pending{background:#f59e0b26;border-color:#f59e0b66;animation:pending-pulse 2s ease-in-out infinite}.date-item--pending .date-status{color:#f59e0b}@keyframes pending-pulse{0%,to{box-shadow:0 0 #f59e0b00}50%{box-shadow:0 0 15px #f59e0b4d}}.date-item--missed{background:#4b556333;opacity:.6;cursor:not-allowed}.date-item--missed .date-status{color:#6b7280}.date-item--future{background:#ffffff08;opacity:.4;cursor:not-allowed}.date-item--future .date-number,.date-item--future .date-weekday{color:#ffffff4d}.boolean-buttons{display:flex;gap:8px;align-items:center}.boolean-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:none;border-radius:50%;cursor:pointer;transition:all .2s ease;background:transparent}.boolean-btn svg{width:20px;height:20px}.boolean-btn:disabled{opacity:.4;cursor:not-allowed}.boolean-btn--no{color:#ffffff4d}.boolean-btn--no:hover:not(:disabled){color:#ef4444b3;background:#ef44441a}.boolean-btn--no.boolean-btn--selected{color:#ef4444;background:#ef444426}.boolean-btn--yes{color:#ffffff4d}.boolean-btn--yes:hover:not(:disabled){color:#22c55eb3;background:#22c55e1a}.boolean-btn--yes.boolean-btn--selected{color:#22c55e;background:#22c55e26}.range-input{width:100%;padding:16px 8px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.range-input--disabled{opacity:.5;pointer-events:none}.range-track{position:relative;height:6px;background:#ffffff1a;border-radius:3px;cursor:pointer;margin:0 8px}.range-fill{position:absolute;left:0;top:0;height:100%;background:linear-gradient(90deg,#8b5cf6,#a78bfa);border-radius:3px;transition:width .1s ease}.range-thumb{position:absolute;top:50%;width:20px;height:20px;background:#fff;border:3px solid #8B5CF6;border-radius:50%;transform:translate(-50%,-50%);cursor:grab;transition:box-shadow .2s ease,transform .1s ease;z-index:2}.range-thumb:hover{box-shadow:0 0 12px #8b5cf680}.range-thumb--active{cursor:grabbing;transform:translate(-50%,-50%) scale(1.15);box-shadow:0 0 16px #8b5cf699}.range-markers{position:absolute;top:50%;left:0;right:0;transform:translateY(-50%);pointer-events:none}.range-marker{position:absolute;width:12px;height:12px;background:#fff3;border:2px solid rgba(255,255,255,.3);border-radius:50%;transform:translate(-50%);transition:all .2s ease;pointer-events:auto;cursor:pointer;z-index:1}.range-marker:hover{background:#8b5cf64d;border-color:#8b5cf680}.range-marker--selected{background:#8b5cf6;border-color:#8b5cf6;box-shadow:0 0 8px #8b5cf680}.range-labels{position:relative;height:28px;margin-top:12px}.range-label{position:absolute;transform:translate(-50%);font-size:.75rem;color:#ffffff80;white-space:nowrap;cursor:pointer;transition:color .2s ease}.range-label:hover{color:#fffc}.range-label--selected{color:#a78bfa;font-weight:600}.range-value-display{text-align:center;margin-top:8px;padding:8px 16px;background:#8b5cf626;border:1px solid rgba(139,92,246,.3);border-radius:8px;color:#a78bfa;font-size:1.1rem;font-weight:600}.range-selected-label{text-align:center;margin-top:8px;color:#a78bfa;font-size:.9rem;font-weight:500}.question-item{border-bottom:1px solid rgba(255,255,255,.08);padding:16px 0}.question-item:first-child{padding-top:8px}.question-item:last-child{border-bottom:none}.question-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.question-text{flex:1;font-size:1rem;font-weight:400;color:#ffffffe6;line-height:1.5}.question-actions{flex-shrink:0}.question-followup{max-height:0;overflow:hidden;opacity:0;transition:all .3s ease}.question-followup--visible{max-height:200px;opacity:1;margin-top:16px;padding:16px;background:#8b5cf60d;border-radius:12px;border:1px solid rgba(139,92,246,.15)}.followup-content{display:flex;flex-direction:column}.followup-text{font-size:.9rem;color:#ffffffb3;margin:0 0 12px}.journal-modal-content{padding:0 16px 24px;max-width:600px;margin:0 auto}.journal-action-buttons{display:flex;gap:12px;margin-bottom:20px}.journal-action-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;padding:14px 20px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;border:2px solid transparent}.journal-action-btn--fill{background:linear-gradient(135deg,#8b5cf64d,#8b5cf626);border-color:#8b5cf680;color:#a78bfa}.journal-action-btn--fill:hover{background:linear-gradient(135deg,#8b5cf666,#8b5cf633);border-color:#8b5cf6b3;transform:translateY(-2px);box-shadow:0 4px 20px #8b5cf64d}.journal-action-btn--dashboard{background:linear-gradient(135deg,#22c55e4d,#22c55e26);border-color:#22c55e80;color:#22c55e}.journal-action-btn--dashboard:hover{background:linear-gradient(135deg,#22c55e66,#22c55e33);border-color:#22c55eb3;transform:translateY(-2px);box-shadow:0 4px 20px #22c55e4d}.journal-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#fff}.journal-modal-loading .spinner{width:40px;height:40px;border:3px solid rgba(139,92,246,.3);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.journal-questions{margin-top:16px}.journal-back-btn{display:flex;align-items:center;gap:8px;padding:12px 16px;margin-bottom:16px;background:#1a142999;border:1px solid rgba(139,92,246,.2);border-radius:12px;color:#fffc;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease}.journal-back-btn:hover{background:#1a1429cc;border-color:#8b5cf666;color:#fff}.period-selector{display:flex;gap:8px;margin-bottom:20px;padding:4px;background:#1a142999;border-radius:12px}.period-btn{flex:1;padding:10px;background:transparent;border:none;border-radius:8px;color:#fff9;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.period-btn--active{background:#8b5cf633;color:#fff}.period-btn:hover:not(.period-btn--active){background:#ffffff0d}.stats-card{background:#1a1429cc;border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:20px;margin-bottom:16px}.stats-card h3{font-size:1rem;font-weight:600;color:#fffc;margin:0 0 16px}.streak-display{display:flex;align-items:center;gap:20px}.streak-info{flex:1}.streak-current{font-size:1.1rem;font-weight:600;color:#fff;margin:0 0 4px}.streak-record{font-size:.9rem;color:#fff9;margin:0}.completion-display{display:flex;flex-direction:column;align-items:center;gap:12px}.completion-circle{width:100px;height:100px;border-radius:50%;background:conic-gradient(#22c55e calc(var(--completion-angle, 0) * 1%),#22c55e33 0deg);display:flex;align-items:center;justify-content:center;position:relative}.completion-circle:before{content:"";position:absolute;width:80px;height:80px;background:#1a1429;border-radius:50%}.completion-percent{position:relative;z-index:1;font-size:1.5rem;font-weight:700;color:#22c55e}.completion-text{font-size:.9rem;color:#fff9;margin:0}.parameters-list{display:flex;flex-direction:column;gap:16px}.parameter-item{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:center;border-radius:8px;background:#0003;padding:12px;transition:all .3s ease}.parameter-item:hover{background:#0000004d;transform:translate(4px)}.parameter-item--critical{background:#ef44440d}.parameter-item--priority{background:#fb923c0d}.parameter-item--important{background:#3b82f60d}.parameter-header{display:flex;align-items:center;gap:8px}.parameter-icon{font-size:1.2rem}.parameter-name-wrapper{display:flex;align-items:center;gap:8px;flex:1}.parameter-name{font-size:.95rem;color:#fff;font-weight:500}.parameter-priority{font-size:.9rem;opacity:.8}.parameter-bar-container{grid-column:1 / 2;height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.parameter-bar{height:100%;border-radius:4px;transition:width .5s ease;min-width:4px}.parameter-stats{display:flex;flex-direction:column;align-items:flex-end;gap:4px;min-width:80px}.parameter-points{font-size:.9rem;font-weight:600;color:#fffc}.parameter-consistency{font-size:.75rem;color:#fff9;background:#6366f133;padding:2px 6px;border-radius:4px}.no-data{color:#ffffff80;text-align:center;padding:20px;margin:0}.global-score-card{background:linear-gradient(135deg,#8b5cf626,#6366f11a);border:2px solid rgba(139,92,246,.4)}.global-display{display:flex;flex-direction:column;align-items:center;gap:16px}.global-score-circle{width:140px;height:140px;border-radius:50%;background:conic-gradient(#8b5cf6 calc(var(--global-score, 0) * 1%),#8b5cf633 0deg);display:flex;flex-direction:column;align-items:center;justify-content:center;position:relative}.global-score-circle:before{content:"";position:absolute;width:110px;height:110px;background:#1a1429;border-radius:50%}.global-score-value{position:relative;z-index:1;font-size:2.5rem;font-weight:700;color:#8b5cf6}.global-score-total{position:relative;z-index:1;font-size:1.2rem;color:#fff9}.global-label{font-size:1.2rem;font-weight:600;padding:8px 24px;border-radius:20px;text-transform:uppercase;letter-spacing:1px}.global-label--alinhado{background:#22c55e33;color:#22c55e;border:2px solid rgba(34,197,94,.5)}.global-label--bom{background:#3b82f633;color:#3b82f6;border:2px solid rgba(59,130,246,.5)}.global-label--atenção{background:#fbbf2433;color:#fbbf24;border:2px solid rgba(251,191,36,.5)}.global-label--desalinhado{background:#ef444433;color:#ef4444;border:2px solid rgba(239,68,68,.5)}.alerts-card{background:#ef44441a;border:2px solid rgba(239,68,68,.4)}.alerts-list{display:flex;flex-direction:column;gap:12px}.alert-item{display:flex;align-items:flex-start;gap:12px;padding:12px;border-radius:8px;background:#0000004d}.alert-item--high{border-left:4px solid #EF4444;background:#ef44441a}.alert-item--medium{border-left:4px solid #FBBF24;background:#fbbf241a}.alert-item--low{border-left:4px solid #3B82F6;background:#3b82f61a}.alert-icon{font-size:1.5rem;line-height:1}.alert-content{flex:1}.alert-message{margin:0 0 4px;color:#fff;font-size:.95rem;line-height:1.4}.alert-category{display:inline-block;padding:2px 8px;background:#8b5cf633;border-radius:4px;font-size:.75rem;color:#a78bfa}.chart-card{background:#1a1429cc;border:1px solid rgba(139,92,246,.2);border-radius:16px;padding:20px;margin-bottom:16px}.chart-card h3{font-size:1rem;font-weight:600;color:#fffc;margin:0 0 20px}.mindfulness-modal-content{padding:0 16px 24px}.mindfulness-modal-intro{color:#ffffffb3;font-size:.95rem;text-align:center;margin:0 0 24px}.mindfulness-modal-grid{display:flex;flex-direction:column;gap:12px}.mindfulness-modal-card{display:flex;align-items:center;gap:16px;padding:16px 18px;background:#ffffff14;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:14px;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .2s ease;position:relative}.mindfulness-modal-card:hover{background:#ffffff1f;transform:translate(4px);border-color:#8b5cf64d}.mindfulness-modal-card--disabled{opacity:.6;cursor:not-allowed}.mindfulness-modal-card--disabled:hover{transform:none;background:#ffffff14;border-color:#ffffff1a}.mindfulness-modal-card__icon{flex-shrink:0;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#8b5cf633;border-radius:12px}.mindfulness-modal-card__content{flex:1;min-width:0}.mindfulness-modal-card__title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 4px}.mindfulness-modal-card__description{font-size:.85rem;color:#fff9;margin:0;line-height:1.4}.mindfulness-modal-card__arrow{flex-shrink:0;opacity:.4;transition:all .2s ease}.mindfulness-modal-card:hover .mindfulness-modal-card__arrow{transform:translate(4px);opacity:.7}.mindfulness-modal-card__badge{position:absolute;top:8px;right:8px;background:#ffc107e6;color:#000;padding:4px 8px;border-radius:12px;font-size:.7rem;font-weight:600}@media (max-width: 480px){.mindfulness-modal-card{padding:14px 16px;gap:12px}.mindfulness-modal-card__icon{width:40px;height:40px}.mindfulness-modal-card__title{font-size:.95rem}.mindfulness-modal-card__description{font-size:.8rem}}.reflexo-modal-content{padding:0 16px 24px}.reflexo-modal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#fff}.reflexo-modal-loading .spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.3);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.reflexo-modal-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;text-align:center;padding:40px 20px}.reflexo-modal-empty__icon{margin-bottom:24px;opacity:.6}.reflexo-modal-empty h2{font-size:1.3rem;font-weight:600;color:#fff;margin:0 0 16px}.reflexo-modal-empty p{font-size:.95rem;color:#fff9;margin:0 0 8px;line-height:1.5}.reflexo-modal-overview{background:#ffffff0d;border-radius:16px;padding:20px;margin-bottom:20px}.reflexo-modal-overview__title{font-size:1rem;font-weight:600;color:#fff;margin:0 0 16px}.reflexo-modal-counts{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:20px}.reflexo-modal-count{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#ffffff0d;border-radius:20px}.reflexo-modal-count__dot{width:12px;height:12px;border-radius:50%}.reflexo-modal-count__number{font-size:1rem;font-weight:700;color:#fff}.reflexo-modal-count__label{font-size:.75rem;color:#fff9}.reflexo-modal-progress{margin-top:16px}.reflexo-modal-progress__header{display:flex;justify-content:space-between;font-size:.9rem;font-weight:500;color:#fff;margin-bottom:8px}.reflexo-modal-progress__bar{height:8px;background:#ffffff1a;border-radius:4px;overflow:hidden}.reflexo-modal-progress__bar--small{height:6px;flex:1}.reflexo-modal-progress__fill{height:100%;border-radius:4px;transition:width .3s ease}.reflexo-modal-progress__subtitle{font-size:.8rem;color:#ffffff80;margin-top:8px;display:block}.reflexo-modal-tabs{display:flex;gap:8px;overflow-x:auto;padding-bottom:8px;margin-bottom:20px;-webkit-overflow-scrolling:touch}.reflexo-modal-tabs::-webkit-scrollbar{display:none}.reflexo-modal-tab{flex-shrink:0;display:flex;flex-direction:column;align-items:center;gap:4px;padding:12px 16px;background:#ffffff0d;border:2px solid transparent;border-radius:12px;cursor:pointer;transition:all .2s ease}.reflexo-modal-tab:hover{background:#ffffff1a}.reflexo-modal-tab--active{background:#6366f11a}.reflexo-modal-tab__name{font-size:.85rem;font-weight:500;color:#fff;white-space:nowrap}.reflexo-modal-tab__percentage{font-size:.9rem;font-weight:700}.reflexo-modal-category{background:#ffffff08;border-radius:16px;padding:20px}.reflexo-modal-category__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.reflexo-modal-category__header h4{font-size:1.1rem;font-weight:600;color:#fff;margin:0}.reflexo-modal-category__progress{display:flex;align-items:center;gap:10px;width:120px}.reflexo-modal-category__progress span{font-size:.9rem;font-weight:600;color:#6366f1}.reflexo-modal-subcategories{display:flex;flex-direction:column;gap:16px}.reflexo-modal-subcategory{background:#ffffff0d;border-radius:12px;padding:16px;border-left:4px solid}.reflexo-modal-subcategory__header{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:8px}.reflexo-modal-subcategory__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.reflexo-modal-subcategory__header h5{font-size:1rem;font-weight:600;color:#fff;margin:0;flex:1}.reflexo-modal-subcategory__badge{font-size:.7rem;font-weight:600;color:#fff;padding:4px 10px;border-radius:12px}.reflexo-modal-subcategory__description{font-size:.9rem;color:#ffffffb3;margin:8px 0;line-height:1.5}.reflexo-modal-strategies{margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1)}.reflexo-modal-strategies h6{font-size:.85rem;font-weight:600;color:#fffc;margin:0 0 8px}.reflexo-modal-strategies ul{margin:0;padding:0 0 0 20px}.reflexo-modal-strategies li{font-size:.85rem;color:#ffffffb3;margin-bottom:6px;line-height:1.4}.reflexo-modal-no-strategies{display:flex;align-items:center;gap:8px;margin-top:12px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);color:#22c55ecc;font-size:.85rem}.reflexo-modal-empty-subcategories{text-align:center;padding:24px;color:#ffffff80}@media (max-width: 480px){.reflexo-modal-counts{gap:8px}.reflexo-modal-count{padding:6px 10px}.reflexo-modal-count__label{display:none}.reflexo-modal-tab{padding:10px 14px}.reflexo-modal-category{padding:16px}.reflexo-modal-subcategory{padding:14px}}.profile-modal-content{padding:0 16px 24px;max-width:600px;margin:0 auto}.profile-modal-loading,.profile-modal-error{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;color:#fff}.profile-modal-loading .spinner{width:40px;height:40px;border:3px solid rgba(99,102,241,.3);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.profile-modal-alert{padding:12px 16px;border-radius:12px;margin-bottom:20px;text-align:center;font-weight:500}.profile-modal-alert--success{background:#22c55e26;border:1px solid rgba(34,197,94,.4);color:#22c55e}.profile-modal-alert--error{background:#ef444426;border:1px solid rgba(239,68,68,.4);color:#ef4444}.profile-modal-header{display:flex;align-items:center;gap:16px;padding:20px;background:#ffffff0d;border-radius:16px;margin-bottom:24px}.profile-modal-avatar{width:64px;height:64px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);display:flex;align-items:center;justify-content:center;flex-shrink:0}.profile-modal-avatar span{font-size:1.5rem;font-weight:700;color:#fff}.profile-modal-info{flex:1}.profile-modal-info h2{font-size:1.2rem;font-weight:600;color:#fff;margin:0 0 4px}.profile-modal-info p{font-size:.9rem;color:#fff9;margin:0 0 8px}.profile-modal-plan{font-size:.8rem;padding:4px 12px;background:#6366f133;border-radius:12px;color:#a5b4fc}.profile-modal-form{display:flex;flex-direction:column;gap:24px}.profile-modal-section h3{font-size:1rem;font-weight:600;color:#fff;margin:0 0 16px;padding-bottom:8px;border-bottom:1px solid rgba(255,255,255,.1)}.profile-modal-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.profile-modal-field{display:flex;flex-direction:column;gap:6px}.profile-modal-field--full{grid-column:1 / -1}.profile-modal-field label{font-size:.85rem;font-weight:500;color:#ffffffb3}.profile-modal-field input,.profile-modal-field textarea{padding:12px 14px;background:#1a142999;border:1px solid rgba(255,255,255,.1);border-radius:10px;color:#fff;font-size:.95rem;font-family:inherit;transition:border-color .2s ease,background .2s ease}.profile-modal-field input::-moz-placeholder,.profile-modal-field textarea::-moz-placeholder{color:#fff6}.profile-modal-field input::placeholder,.profile-modal-field textarea::placeholder{color:#fff6}.profile-modal-field input:focus,.profile-modal-field textarea:focus{outline:none;border-color:#6366f180;background:#1a1429cc}.profile-modal-field input:disabled{opacity:.5;cursor:not-allowed}.profile-modal-field textarea{resize:none;line-height:1.5}.profile-modal-actions{display:flex;gap:12px;padding-top:8px}.profile-modal-btn{flex:1;padding:14px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease}.profile-modal-btn--secondary{background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff}.profile-modal-btn--secondary:hover{background:#ffffff26}.profile-modal-btn--primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;color:#fff}.profile-modal-btn--primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 20px #6366f166}.profile-modal-btn--primary:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 480px){.profile-modal-grid{grid-template-columns:1fr}.profile-modal-header{flex-direction:column;text-align:center}.profile-modal-actions{flex-direction:column}}.dashboard-page{min-height:100vh;min-height:100dvh;background:linear-gradient(135deg,#0a192ff2,#1e3a5ff2,#2d5a7bf2),url(/images/background/gramado.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;overflow-x:hidden;display:flex;flex-direction:column}.dashboard-content{flex:1;overflow-y:auto;overflow-x:hidden;-webkit-overflow-scrolling:touch;padding-top:env(safe-area-inset-top,0)}.loader-screen{position:fixed;top:0;left:0;right:0;bottom:0;background:#0a192ff2;z-index:99999;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:1rem}.spinner{width:60px;height:60px;border:4px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 768px){.dashboard-page{background-attachment:scroll}}@supports (padding-top: env(safe-area-inset-top)){.dashboard-content{padding-top:env(safe-area-inset-top)}}.dashboard-content::-webkit-scrollbar{width:6px}.dashboard-content::-webkit-scrollbar-track{background:#ffffff0d}.dashboard-content::-webkit-scrollbar-thumb{background:#fff3;border-radius:3px}.dashboard-content::-webkit-scrollbar-thumb:hover{background:#ffffff4d}.modal-content-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:300px;padding:40px 20px;text-align:center}.modal-content-placeholder p{color:#fff9;font-size:1rem}.xp-badge{display:flex;align-items:center;gap:12px;background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:8px 16px;border-radius:24px;border:1px solid rgba(255,255,255,.2);cursor:pointer;transition:all .2s ease;min-width:140px}.xp-badge:hover{background:#fff3;transform:translateY(-1px);box-shadow:0 4px 12px #0003}.xp-badge__level{display:flex;align-items:center;gap:4px;font-weight:700;color:gold;font-size:16px}.xp-badge__level-icon{font-size:18px}.xp-badge__level-number{min-width:20px;text-align:center}.xp-badge__progress{display:flex;flex-direction:column;gap:2px;flex:1}.xp-badge__progress-track{width:100%;height:6px;background:#0003;border-radius:999px;overflow:hidden}.xp-badge__progress-fill{height:100%;background:linear-gradient(90deg,#4caf50,#66bb6a);border-radius:999px;transition:width .4s cubic-bezier(.4,0,.2,1)}.xp-badge__progress-text{font-size:10px;font-weight:600;color:#ffffffe6;text-align:center}@media (max-width: 480px){.xp-badge{min-width:120px;padding:6px 12px;gap:8px}.xp-badge__level{font-size:14px}.xp-badge__level-icon{font-size:16px}.xp-badge__progress-text{font-size:9px}}.profile-menu{position:fixed;top:20px;right:20px;z-index:9999;display:flex;align-items:center;gap:15px;background:#0a0a14e6;padding:12px 18px;border-radius:12px;border:1px solid rgba(255,255,255,.15);box-shadow:0 8px 32px #0006;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.profile-xp{display:flex;align-items:center;padding-right:12px;border-right:1px solid rgba(255,255,255,.15)}.profile-streak{display:flex;align-items:center;padding-right:10px;border-right:1px solid rgba(255,255,255,.15)}.profile-actions{display:flex;gap:10px}.action-icon{width:36px;height:36px;background:#ffffff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;font-size:1.2rem;position:relative}.action-icon:hover{background:#fff3;transform:scale(1.05)}.notification-badge{position:absolute;top:-5px;right:-5px;background:#ef4444;color:#fff;font-size:.65rem;font-weight:700;padding:2px 6px;border-radius:10px;min-width:18px;text-align:center}.profile-avatar{width:42px;height:42px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border:2px solid rgba(255,255,255,.3)}.profile-avatar:hover{transform:scale(1.1);border-color:#ffffff80}.user-initials{font-size:1rem;font-weight:700;color:#fff}@media (max-width: 768px){.profile-menu{top:10px;right:10px;gap:10px;padding:10px 14px}.action-icon{width:32px;height:32px;font-size:1rem}.profile-avatar{width:38px;height:38px}}.page-header{width:100%;margin-bottom:32px}.page-header-content{display:flex;flex-direction:column;gap:16px;position:relative}.page-header-right{position:absolute;right:0;top:0}.page-header-back{display:inline-flex;align-items:center;gap:8px;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);color:#fff;padding:10px 16px;border-radius:12px;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .2s ease;width:-moz-fit-content;width:fit-content;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.page-header-back:hover{background:#fff3;border-color:#ffffff4d;transform:translate(-3px)}.page-header-back svg{width:20px;height:20px}.page-header-titles{text-align:center}.page-header-title{font-size:2rem;font-weight:700;color:#fff;margin:0 0 8px;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.page-header-subtitle{font-size:1.1rem;color:#ffffffd9;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@media (max-width: 768px){.page-header{margin-bottom:24px}.page-header-content{gap:12px}.page-header-right{position:static;align-self:center;order:-1}.page-header-back{padding:8px 14px;font-size:.9rem;border-radius:10px}.page-header-back svg{width:18px;height:18px}.page-header-title{font-size:1.5rem}.page-header-subtitle{font-size:.95rem}}@media (max-width: 480px){.page-header{margin-bottom:20px}.page-header-back{padding:8px 12px;font-size:.85rem}.page-header-back span{display:none}.page-header-back svg{width:20px;height:20px}.page-header-title{font-size:1.3rem}.page-header-subtitle{font-size:.85rem}}.mapa-anamnese-page{min-height:100vh;background:linear-gradient(135deg,#0a192fd9,#1e3a5fd9,#2d5a7bd9),url(/images/background/gramado.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:100px 20px 40px}.mapa-anamnese-container{max-width:1200px;margin:0 auto}.main-card-container{background:#ffffff14;border:2px solid rgba(255,255,255,.15);border-radius:24px;padding:32px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:0 12px 48px #0006}.overview-section{background:#6366f11a;border:1px solid rgba(99,102,241,.3);border-radius:16px;padding:24px;margin-bottom:24px}.overview-title{font-size:1.25rem;font-weight:700;color:#fff;margin:0 0 20px;display:flex;align-items:center;gap:8px}.overview-title:before{content:"📊"}.evaluation-counts{display:flex;flex-wrap:wrap;gap:12px;margin-bottom:24px}.count-item{display:flex;align-items:center;gap:8px;background:#ffffff14;padding:10px 16px;border-radius:12px;flex:1;min-width:140px}.count-emoji{font-size:1.25rem}.count-number{font-size:1.5rem;font-weight:700;color:#fff}.count-label{font-size:.75rem;color:#ffffffb3;white-space:normal;line-height:1.2;text-align:left}.overall-progress{display:flex;flex-direction:column;gap:8px}.progress-header{display:flex;justify-content:space-between;align-items:center}.progress-label{font-size:1rem;font-weight:600;color:#fff}.progress-value{font-size:1.25rem;font-weight:700;color:#fff}.progress-bar-container{height:12px;background:#ffffff1a;border-radius:6px;overflow:hidden}.progress-bar-container.small{height:8px;flex:1}.progress-bar-fill{height:100%;border-radius:6px;transition:width .5s ease,background-color .3s ease}.progress-subtitle{font-size:.85rem;color:#fff9}.category-tabs{display:flex;gap:12px;margin-bottom:24px;overflow-x:auto;padding-bottom:8px;-webkit-overflow-scrolling:touch}.category-tabs::-webkit-scrollbar{height:4px}.category-tabs::-webkit-scrollbar-track{background:#ffffff1a;border-radius:2px}.category-tabs::-webkit-scrollbar-thumb{background:#6366f180;border-radius:2px}.category-tab{display:flex;flex-direction:column;align-items:center;gap:4px;padding:16px 24px;background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;min-width:140px;color:#ffffffb3}.category-tab:hover{background:#ffffff1a;border-color:#6366f14d;color:#fff}.category-tab.active{color:#fff;box-shadow:0 4px 20px #0000004d}.tab-name{font-size:.95rem;font-weight:600;text-align:center;white-space:normal;word-break:break-word;line-height:1.2}.tab-percentage{font-size:1.25rem;font-weight:700;transition:color .3s ease}.category-content{animation:fadeIn .3s ease}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.category-header-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px;padding-bottom:16px;border-bottom:2px solid rgba(99,102,241,.3)}.category-title{font-size:1.5rem;font-weight:700;color:#fff;margin:0}.category-progress{display:flex;align-items:center;gap:12px;min-width:200px}.category-percentage{font-size:1.1rem;font-weight:700;color:#6366f1}.subcategories-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(320px,100%),1fr));gap:20px}.subcategory-card{background:#ffffff0d;border:3px solid;border-radius:16px;padding:20px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:all .3s ease;overflow:hidden}.subcategory-card:hover{transform:translateY(-4px);box-shadow:0 8px 32px #0000004d;background:#ffffff14}.subcategory-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:12px;gap:12px}.subcategory-title-row{display:flex;align-items:center;gap:10px;flex:1;min-width:0;overflow:hidden}.subcategory-emoji{font-size:1.5rem}.subcategory-name{font-size:1.1rem;font-weight:700;margin:0;color:#fff;line-height:1.3;word-break:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}.subcategory-badge{padding:5px 12px;border-radius:20px;font-size:.75rem;font-weight:600;color:#fff;white-space:nowrap;box-shadow:0 2px 8px #0003}.subcategory-description{margin:0 0 16px;font-size:.9rem;line-height:1.5;color:#fffc;padding-bottom:16px;border-bottom:1px solid rgba(255,255,255,.1);word-break:break-word;overflow-wrap:break-word}.strategies-section{margin-top:12px}.strategies-title{font-size:.9rem;font-weight:600;margin:0 0 10px;color:#ffffffe6}.strategies-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:8px}.strategy-item{padding:10px 14px;background:#10b9811a;border-radius:8px;font-size:.85rem;line-height:1.4;color:#fffffff2;border-left:3px solid rgba(16,185,129,.5);word-break:break-word;overflow-wrap:break-word}.no-strategies{display:flex;align-items:center;gap:8px;padding:12px;background:#3b82f61a;border-radius:8px;color:#ffffffb3;font-size:.85rem}.no-strategies-icon{color:#3b82f6;font-size:1rem}.empty-subcategories{text-align:center;padding:40px;color:#fff9}.empty-state{background:#10b98126;border:2px solid rgba(16,185,129,.3);border-radius:20px;padding:60px 40px;text-align:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 8px 32px #0000004d;max-width:700px;margin:0 auto}.empty-icon{font-size:5rem;margin-bottom:20px;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.1)}}.empty-state h2{font-size:2rem;font-weight:700;margin-bottom:20px;color:#fff}.empty-state p{font-size:1.1rem;opacity:.9;line-height:1.6;margin-bottom:15px;color:#fff}.empty-state p:last-child{margin-bottom:0}@media (max-width: 768px){.mapa-anamnese-page{padding:90px 12px 40px}.main-card-container{padding:20px 16px;border-radius:20px}.overview-section{padding:16px}.overview-title{font-size:1.1rem;margin-bottom:16px}.evaluation-counts{gap:8px}.count-item{padding:8px 12px;min-width:100px;flex:1 1 calc(50% - 8px)}.count-emoji{font-size:1rem}.count-number{font-size:1.25rem}.count-label{font-size:.7rem}.category-tabs{gap:8px;margin-bottom:20px}.category-tab{padding:12px 16px;min-width:110px}.tab-name{font-size:.85rem}.tab-percentage{font-size:1.1rem}.category-header-section{flex-direction:column;align-items:flex-start;gap:12px}.category-title{font-size:1.25rem}.category-progress{width:100%}.subcategories-grid{grid-template-columns:1fr;gap:16px}.subcategory-card{padding:16px}.subcategory-header{flex-direction:column;gap:10px}.subcategory-badge{align-self:flex-start}.empty-state{padding:40px 24px}.empty-icon{font-size:4rem}.empty-state h2{font-size:1.6rem}.empty-state p{font-size:1rem}}@media (max-width: 480px){.mapa-anamnese-page{padding:85px 10px 30px}.main-card-container{padding:16px 12px;border-radius:16px}.overview-section{padding:14px}.count-item{flex:1 1 calc(50% - 6px);padding:6px 10px}.count-number{font-size:1.1rem}.category-tab{padding:10px 12px;min-width:90px}.tab-name{font-size:.8rem}.tab-percentage{font-size:1rem}.category-title{font-size:1.1rem}.subcategory-name{font-size:1rem}.strategy-item{padding:8px 10px;font-size:.8rem}}.exercise-progress-bar{width:100%;height:8px;background:#ffffff26;border-radius:4px;overflow:hidden}.exercise-progress-fill{height:100%;background:linear-gradient(90deg,#6366f1,#8b5cf6);border-radius:4px;transition:width .3s ease}.step-counter{text-align:center;font-size:1rem;color:#fffc;margin-bottom:12px}.step-counter-current{font-weight:600;color:#fff}.step-counter-separator{color:#fff9}.step-counter-total{font-weight:500}@media (max-width: 480px){.step-counter{font-size:.9rem}}.navigation-buttons{display:flex;justify-content:space-between;gap:16px;margin-top:32px}.nav-btn{flex:1;padding:14px 24px;border-radius:12px;font-size:1rem;font-weight:600;cursor:pointer;transition:all .2s ease;border:none}.nav-btn:disabled{opacity:.4;cursor:not-allowed}.nav-btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.nav-btn-secondary:hover:not(:disabled){background:#fff3;border-color:#ffffff4d}.nav-btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.nav-btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 16px #6366f166}.nav-btn-finish{background:linear-gradient(135deg,#10b981,#059669)}.nav-btn-finish:hover:not(:disabled){box-shadow:0 4px 16px #10b98166}@media (max-width: 480px){.navigation-buttons{flex-direction:column;gap:12px}.nav-btn{padding:12px 20px;font-size:.95rem}}.text-step{display:flex;align-items:center;justify-content:center;min-height:200px;padding:24px}.text-step-content{font-size:1.3rem;line-height:1.8;color:#fffffff2;text-align:center;max-width:600px;margin:0;text-shadow:1px 1px 2px rgba(0,0,0,.5)}@media (max-width: 768px){.text-step{min-height:160px;padding:20px}.text-step-content{font-size:1.1rem;line-height:1.7}}@media (max-width: 480px){.text-step{min-height:140px;padding:16px}.text-step-content{font-size:1rem;line-height:1.6}}.breathing-step{display:flex;flex-direction:column;align-items:center;padding:24px}.breathing-instruction{font-size:1.1rem;line-height:1.6;color:#ffffffe6;text-align:center;max-width:500px;margin:0 0 32px}.breathing-animation-container{display:flex;align-items:center;justify-content:center;min-height:200px}.breathing-start-btn{display:flex;flex-direction:column;align-items:center;gap:12px;padding:24px 40px;background:linear-gradient(135deg,#3b82f64d,#8b5cf64d);border:2px solid rgba(59,130,246,.5);border-radius:20px;color:#fff;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.breathing-start-btn:hover{background:linear-gradient(135deg,#3b82f680,#8b5cf680);border-color:#3b82f6cc;transform:scale(1.05);box-shadow:0 8px 32px #3b82f64d}.breathing-start-icon{font-size:2.5rem}.breathing-circle{display:flex;align-items:center;justify-content:center;border-radius:50%;transition:all .5s ease-out}.breathing-inspire{width:80px;height:80px;background:radial-gradient(circle,#60a5fa,#3b82f6,#2563eb);box-shadow:0 0 40px #3b82f680;animation:breatheIn 5s ease-out forwards}.breathing-hold{width:160px;height:160px;background:radial-gradient(circle,#a78bfa,#8b5cf6,#7c3aed);box-shadow:0 0 50px #8b5cf680;animation:pulse 1s ease-in-out infinite}.breathing-expire{width:160px;height:160px;background:radial-gradient(circle,#6ee7b7,#10b981,#059669);box-shadow:0 0 40px #10b98180;animation:breatheOut 5s ease-in forwards}.breathing-completed{width:100px;height:100px;background:radial-gradient(circle,#6ee7b7,#10b981,#059669);box-shadow:0 0 30px #10b98166}.breathing-label{font-size:1.2rem;font-weight:600;color:#fff;text-shadow:1px 1px 2px rgba(0,0,0,.3)}.breathing-completed .breathing-label{font-size:1rem}@keyframes breatheIn{0%{width:80px;height:80px}to{width:160px;height:160px}}@keyframes breatheOut{0%{width:160px;height:160px}to{width:80px;height:80px}}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.03)}}.breathing-complete-message{display:flex;align-items:center;gap:10px;margin-top:24px;padding:12px 20px;background:#10b98133;border:1px solid rgba(16,185,129,.4);border-radius:12px;color:#6ee7b7;font-size:.95rem;font-weight:500}.breathing-check{font-size:1.2rem}@media (max-width: 480px){.breathing-step{padding:16px}.breathing-instruction{font-size:1rem;margin-bottom:24px}.breathing-animation-container{min-height:160px}.breathing-start-btn{padding:20px 32px;font-size:1rem}.breathing-start-icon{font-size:2rem}.breathing-inspire{width:60px;height:60px}.breathing-hold,.breathing-expire{width:120px;height:120px}.breathing-completed{width:80px;height:80px}.breathing-label{font-size:1rem}@keyframes breatheIn{0%{width:60px;height:60px}to{width:120px;height:120px}}@keyframes breatheOut{0%{width:120px;height:120px}to{width:60px;height:60px}}.breathing-complete-message{font-size:.85rem;padding:10px 16px}}.reflection-step{display:flex;flex-direction:column;align-items:center;padding:24px;min-height:200px;justify-content:center}.reflection-text{font-size:1.3rem;line-height:1.8;color:#fffffff2;text-align:center;max-width:600px;margin:0 0 32px;text-shadow:1px 1px 2px rgba(0,0,0,.5)}.reflection-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 32px;border:none;border-radius:12px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease;background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;box-shadow:0 4px 16px #3b82f64d}.reflection-button:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 6px 20px #3b82f666}.reflection-button:active:not(:disabled){transform:translateY(0)}.reflection-button-done{background:linear-gradient(135deg,#10b981,#059669);cursor:default;box-shadow:0 4px 16px #10b9814d}.reflection-button-done:hover{transform:none;box-shadow:0 4px 16px #10b9814d}.reflection-check{font-size:1.2rem}@media (max-width: 768px){.reflection-step{min-height:160px;padding:20px}.reflection-text{font-size:1.1rem;line-height:1.7;margin-bottom:24px}.reflection-button{padding:14px 28px;font-size:1rem}}@media (max-width: 480px){.reflection-step{min-height:140px;padding:16px}.reflection-text{font-size:1rem;line-height:1.6}.reflection-button{padding:12px 24px;font-size:.95rem;width:100%}}.exercise-page{min-height:100vh;background:linear-gradient(135deg,#0a192fd9,#1e3a5fd9,#2d5a7bd9),url(/images/background/gramado.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:100px 20px 40px}.visualization-step{display:flex;flex-direction:column;align-items:center;padding:24px;width:100%}.visualization-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px}.visualization-title{font-size:.85rem;font-weight:700;letter-spacing:2px;color:#fff9;text-transform:uppercase}.visualization-counter{font-size:1.1rem;font-weight:600;color:#60a5fa}.visualization-content{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:28px 24px;margin-bottom:28px;max-width:500px;width:100%}.visualization-text{font-size:1.1rem;line-height:1.7;color:#fffffff2;text-align:center;margin:0}.visualization-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#60a5fa4d,#3b82f666);border:2px solid rgba(96,165,250,.5);border-radius:14px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:24px}.visualization-btn:hover{background:linear-gradient(135deg,#60a5fa80,#3b82f699);border-color:#60a5facc;transform:translateY(-2px);box-shadow:0 6px 24px #3b82f64d}.visualization-btn-icon{font-size:1.3rem}.visualization-progress{display:flex;gap:10px}.visualization-dot{width:12px;height:12px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.3);transition:all .3s ease}.visualization-dot.current{background:#60a5fa80;border-color:#60a5fa;transform:scale(1.2)}.visualization-dot.completed{background:#10b981;border-color:#10b981}.visualization-completed{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px}.visualization-completed-icon{font-size:3rem;margin-bottom:16px}.visualization-completed h3{font-size:1.4rem;font-weight:700;color:#10b981;margin:0 0 12px}.visualization-completed p{font-size:1rem;color:#ffffffd9;margin:0 0 8px}.visualization-completed-hint{font-size:.9rem;color:#fff9;font-style:italic}@media (max-width: 480px){.visualization-step{padding:16px}.visualization-content{padding:20px 16px;margin-bottom:20px}.visualization-text{font-size:1rem;line-height:1.6}.visualization-btn{padding:12px 20px;font-size:.9rem;width:100%;justify-content:center}.visualization-dot{width:10px;height:10px}.visualization-completed{padding:24px 16px}.visualization-completed-icon{font-size:2.5rem}.visualization-completed h3{font-size:1.2rem}}.repetition-step{display:flex;flex-direction:column;align-items:center;padding:24px;width:100%}.repetition-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px}.repetition-title{font-size:.85rem;font-weight:700;letter-spacing:2px;color:#fff9;text-transform:uppercase}.repetition-counter{font-size:1.1rem;font-weight:600;color:#a78bfa}.repetition-content{background:#a78bfa26;border:1px solid rgba(167,139,250,.3);border-radius:16px;padding:28px 24px;margin-bottom:20px;max-width:500px;width:100%}.repetition-affirmation{font-size:1.2rem;line-height:1.6;color:#fff;text-align:center;margin:0;font-weight:500;font-style:italic}.repetition-instruction{font-size:.95rem;color:#ffffffb3;text-align:center;margin:0 0 20px}.repetition-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#a78bfa4d,#8b5cf666);border:2px solid rgba(167,139,250,.5);border-radius:14px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:20px}.repetition-btn:hover:not(.disabled){background:linear-gradient(135deg,#a78bfa80,#8b5cf699);border-color:#a78bfacc;transform:translateY(-2px);box-shadow:0 6px 24px #8b5cf64d}.repetition-btn.disabled{opacity:.5;cursor:not-allowed;transform:none}.repetition-btn-icon{font-size:1.3rem}.repetition-dots{display:flex;gap:16px;margin-bottom:8px}.repetition-dot{font-size:1.8rem;color:#ffffff4d;transition:all .3s ease}.repetition-dot.filled{color:#10b981;transform:scale(1.2)}.repetition-dots-label{font-size:.85rem;color:#fff9;margin:0 0 16px}.repetition-wait-message{font-size:.85rem;color:#fbbf24;font-style:italic;margin:0 0 16px;animation:pulse-text 1s ease-in-out infinite}@keyframes pulse-text{0%,to{opacity:1}50%{opacity:.6}}.repetition-affirmation-complete{display:flex;align-items:center;gap:10px;padding:12px 24px;background:#10b98133;border:1px solid rgba(16,185,129,.4);border-radius:12px;color:#6ee7b7;font-size:1.1rem;font-weight:600;margin-bottom:20px}.repetition-check{font-size:1.3rem}.repetition-progress{display:flex;gap:10px;margin-top:8px}.repetition-progress-dot{width:10px;height:10px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.3);transition:all .3s ease}.repetition-progress-dot.current{background:#a78bfa80;border-color:#a78bfa;transform:scale(1.2)}.repetition-progress-dot.completed{background:#10b981;border-color:#10b981}.repetition-completed{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px}.repetition-completed-icon{font-size:3rem;margin-bottom:16px}.repetition-completed h3{font-size:1.4rem;font-weight:700;color:#10b981;margin:0 0 12px}.repetition-completed p{font-size:1rem;color:#ffffffd9;margin:0 0 8px}.repetition-completed-hint{font-size:.9rem;color:#fff9;font-style:italic}@media (max-width: 480px){.repetition-step{padding:16px}.repetition-content{padding:20px 16px}.repetition-affirmation{font-size:1.05rem}.repetition-btn{padding:12px 20px;font-size:.9rem;width:100%;justify-content:center}.repetition-dots{gap:12px}.repetition-dot{font-size:1.5rem}.repetition-completed{padding:24px 16px}.repetition-completed-icon{font-size:2.5rem}.repetition-completed h3{font-size:1.2rem}}.exercise-page{min-height:100vh;background:linear-gradient(135deg,#0a192fd9,#1e3a5fd9,#2d5a7bd9),url(/images/background/gramado.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:100px 20px 40px}.body-part-selector{display:flex;flex-direction:column;align-items:center;padding:24px;width:100%}.body-part-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px;text-align:center}.body-part-title{font-size:.85rem;font-weight:700;letter-spacing:2px;color:#fff9;text-transform:uppercase}.body-part-instruction{font-size:.95rem;color:#fffc;max-width:400px}.body-part-grid{display:grid;gap:10px;width:100%;max-width:400px;margin-bottom:20px}.body-part-btn{display:flex;align-items:center;gap:10px;padding:12px 16px;background:#ffffff14;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#ffffffe6;font-size:.95rem;font-weight:500;cursor:pointer;transition:all .3s ease}.body-part-btn:hover:not(:disabled){background:#ffffff1f;border-color:#ffffff4d}.body-part-btn.selected{background:#10b98140;border-color:#10b981;color:#fff}.body-part-btn:disabled{cursor:default;opacity:.8}.body-part-check{font-size:1.1rem;width:24px;text-align:center}.body-part-btn.selected .body-part-check{color:#10b981}.body-part-name{flex:1;text-align:left}.body-part-counter{display:flex;align-items:baseline;gap:8px;margin-bottom:20px;padding:12px 24px;background:#ffffff14;border-radius:12px}.counter-number{font-size:1.8rem;font-weight:700;color:#10b981}.counter-label{font-size:.9rem;color:#ffffffb3}.body-part-finish-btn{padding:14px 32px;background:linear-gradient(135deg,#10b9814d,#05966966);border:2px solid rgba(16,185,129,.5);border-radius:14px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.body-part-finish-btn:hover{background:linear-gradient(135deg,#10b98180,#05966999);border-color:#10b981cc;transform:translateY(-2px);box-shadow:0 6px 24px #10b9814d}.body-part-completed{display:flex;align-items:center;gap:10px;padding:14px 24px;background:#10b98133;border:1px solid rgba(16,185,129,.4);border-radius:12px;color:#6ee7b7;font-size:.95rem;font-weight:500}.completed-icon{font-size:1.2rem}@media (max-width: 480px){.body-part-selector{padding:16px}.body-part-instruction{font-size:.9rem}.body-part-grid{gap:8px}.body-part-btn{padding:10px 12px;font-size:.85rem;gap:8px}.body-part-check{font-size:1rem;width:20px}.body-part-counter{padding:10px 20px}.counter-number{font-size:1.5rem}.body-part-finish-btn{padding:12px 24px;font-size:.9rem;width:100%}.body-part-completed{font-size:.85rem;padding:12px 16px}}.exercise-page{min-height:100vh;background:linear-gradient(135deg,#0a192fd9,#1e3a5fd9,#2d5a7bd9),url(/images/background/gramado.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:100px 20px 40px}@media (max-width: 768px){.exercise-page{padding:80px 15px 30px}.exercise-card{padding:24px;border-radius:16px}.exercise-progress-section{margin-bottom:24px}.exercise-content{min-height:350px}}@media (max-width: 480px){.exercise-page{padding:70px 12px 24px}.exercise-card{padding:20px 16px;border-radius:14px}.exercise-progress-section{margin-bottom:20px}.exercise-content{min-height:380px}}.exercise-page{min-height:100vh;background:linear-gradient(135deg,#0a192fd9,#1e3a5fd9,#2d5a7bd9),url(/images/background/gramado.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:100px 20px 40px}.exercise-page{min-height:100vh;background:linear-gradient(135deg,#0a192fd9,#1e3a5fd9,#2d5a7bd9),url(/images/background/gramado.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:100px 20px 40px}.exercise-page{min-height:100vh;background:linear-gradient(135deg,#0a192fd9,#1e3a5fd9,#2d5a7bd9),url(/images/background/gramado.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:100px 20px 40px}.exercise-content{min-height:280px;display:flex;align-items:center;justify-content:center}@media (max-width: 768px){.exercise-page{padding:80px 15px 30px}.exercise-card{padding:24px;border-radius:16px}.exercise-progress-section{margin-bottom:24px}.exercise-content{min-height:220px}}@media (max-width: 480px){.exercise-page{padding:70px 12px 24px}.exercise-card{padding:20px 16px;border-radius:14px}.exercise-progress-section{margin-bottom:20px}.exercise-content{min-height:180px}}.gratitude-step{display:flex;flex-direction:column;align-items:center;padding:24px;width:100%}.gratitude-header{display:flex;flex-direction:column;align-items:center;gap:8px;margin-bottom:24px}.gratitude-title{font-size:.85rem;font-weight:700;letter-spacing:2px;color:#fff9;text-transform:uppercase}.gratitude-counter{font-size:1.1rem;font-weight:600;color:#f59e0b}.gratitude-content{background:#ffffff14;border:1px solid rgba(255,255,255,.15);border-radius:16px;padding:28px 24px;margin-bottom:28px;max-width:500px;width:100%;text-align:center}.gratitude-text{font-size:1.2rem;line-height:1.6;color:#fffffff2;margin:0 0 12px;font-weight:600}.gratitude-subtitle{font-size:.95rem;line-height:1.5;color:#ffffffb3;margin:0;font-style:italic}.gratitude-btn{display:flex;align-items:center;gap:10px;padding:14px 28px;background:linear-gradient(135deg,#f59e0b4d,#d9770666);border:2px solid rgba(245,158,11,.5);border-radius:14px;color:#fff;font-size:1rem;font-weight:600;cursor:pointer;transition:all .3s ease;margin-bottom:24px}.gratitude-btn:hover{background:linear-gradient(135deg,#f59e0b80,#d9770699);border-color:#f59e0bcc;transform:translateY(-2px);box-shadow:0 6px 24px #f59e0b4d}.gratitude-btn-icon{font-size:1.3rem}.gratitude-progress{display:flex;gap:10px}.gratitude-dot{width:12px;height:12px;border-radius:50%;background:#fff3;border:2px solid rgba(255,255,255,.3);transition:all .3s ease}.gratitude-dot.current{background:#f59e0b80;border-color:#f59e0b;transform:scale(1.2)}.gratitude-dot.completed{background:#10b981;border-color:#10b981}.gratitude-completed{display:flex;flex-direction:column;align-items:center;text-align:center;padding:32px}.gratitude-completed-icon{font-size:3rem;margin-bottom:16px}.gratitude-completed h3{font-size:1.4rem;font-weight:700;color:#10b981;margin:0 0 12px}.gratitude-completed p{font-size:1rem;color:#ffffffd9;margin:0 0 8px}.gratitude-completed-hint{font-size:.9rem;color:#fff9;font-style:italic}@media (max-width: 480px){.gratitude-step{padding:16px}.gratitude-content{padding:20px 16px;margin-bottom:20px}.gratitude-text{font-size:1.05rem;line-height:1.5}.gratitude-subtitle{font-size:.9rem}.gratitude-btn{padding:12px 20px;font-size:.9rem;width:100%;justify-content:center}.gratitude-dot{width:10px;height:10px}.gratitude-completed{padding:24px 16px}.gratitude-completed-icon{font-size:2.5rem}.gratitude-completed h3{font-size:1.2rem}}.exercise-page{min-height:100vh;background:linear-gradient(135deg,#0a192fd9,#1e3a5fd9,#2d5a7bd9),url(/images/background/gramado.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:100px 20px 40px}.exercise-container{max-width:800px;margin:0 auto}.exercise-card{background:#00000080;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);border-radius:20px;padding:32px;box-shadow:0 8px 32px #0000004d}.exercise-progress-section{margin-bottom:32px}.exercise-content{min-height:320px;display:flex;align-items:center;justify-content:center}.exercise-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;gap:16px}.exercise-loading .spinner{width:50px;height:50px;border:4px solid rgba(255,255,255,.1);border-top-color:#6366f1;border-radius:50%;animation:spin 1s linear infinite}.exercise-loading p{font-size:1rem;color:#fffc}@media (max-width: 768px){.exercise-page{padding:80px 15px 30px}.exercise-card{padding:24px;border-radius:16px}.exercise-progress-section{margin-bottom:24px}.exercise-content{min-height:280px}}@media (max-width: 480px){.exercise-page{padding:70px 12px 24px}.exercise-card{padding:20px 16px;border-radius:14px}.exercise-progress-section{margin-bottom:20px}.exercise-content{min-height:240px}}.intro-screen{max-width:600px;margin:0 auto}.instructions-list li:before{content:attr(data-step);position:absolute;left:0;font-size:1.3rem;line-height:1;color:#ffffffb3}.objective-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 20px;border-radius:24px;font-size:.95rem;font-weight:600;margin:1rem 0 0;box-shadow:0 4px 12px #667eea66}.exercise-info-card{background:#0000004d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:1.5rem;margin-bottom:2rem;display:grid;grid-template-columns:repeat(2,1fr);gap:1rem}.info-item{display:flex;align-items:center;gap:12px;font-size:.95rem;color:#ffffffe6}.btn-large{width:100%;padding:1rem 2rem;font-size:1.1rem}@media (max-width: 768px){.info-section{margin:0 0 1.5rem}.info-header{padding:1rem 1.2rem;font-size:1rem}.info-title{font-size:1rem;gap:8px}.info-content{padding:1.2rem}.instructions-list{gap:.8rem}.instructions-list li{font-size:.95rem;padding-left:35px}.instructions-list li:before{font-size:1.1rem}.objective-badge{padding:10px 16px;font-size:.9rem}.exercise-info-card{padding:1.2rem;gap:.8rem}.info-item{font-size:.9rem}}@media (max-width: 480px){.info-header{padding:.9rem 1rem;font-size:.95rem}.info-title{font-size:.95rem}.info-content{padding:1rem}.instructions-list li{font-size:.9rem;padding-left:32px}.instructions-list li:before{font-size:1rem}.objective-badge{padding:8px 14px;font-size:.85rem;gap:6px}.exercise-info-card{grid-template-columns:1fr;padding:1rem}.info-item{font-size:.85rem;gap:10px}}.journal-page{min-height:100vh;background:linear-gradient(135deg,#0a192fd9,#1e3a5fd9,#2d5a7bd9),url(/images/background/gramado.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;overflow-x:hidden;padding:100px 20px 40px}.journal-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:100vh;color:#fff}.journal-loading .spinner{width:40px;height:40px;border:3px solid rgba(139,92,246,.3);border-top-color:#8b5cf6;border-radius:50%;animation:spin 1s linear infinite}.journal-container{max-width:600px;margin:0 auto;padding:0 16px}.journal-questions{margin-top:20px}.journal-error{background:#ef444426;border:1px solid rgba(239,68,68,.4);border-radius:12px;padding:12px 16px;margin:16px 0}.journal-error p{color:#ef4444;margin:0;text-align:center}.journal-save-btn{width:100%;padding:16px;margin-top:24px;background:#8b5cf633;border:2px solid rgba(139,92,246,.4);border-radius:12px;color:#fff9;font-size:1.1rem;font-weight:600;cursor:pointer;transition:all .3s ease}.journal-save-btn:disabled{opacity:.5;cursor:not-allowed}.journal-save-btn--ready{background:linear-gradient(135deg,#22c55e4d,#22c55e26);border-color:#22c55e;color:#22c55e}.journal-save-btn--ready:hover:not(:disabled){background:linear-gradient(135deg,#22c55e66,#22c55e33);box-shadow:0 0 30px #22c55e4d;transform:translateY(-2px)}.journal-readonly{background:#4b556333;border:1px solid rgba(75,85,99,.4);border-radius:12px;padding:16px;margin:24px 0;text-align:center}.journal-readonly p{color:#fff9;margin:0}.journal-saved{background:#22c55e26;border:1px solid rgba(34,197,94,.4);border-radius:12px;padding:16px;margin:24px 0;text-align:center}.journal-saved p{color:#22c55e;margin:0;font-weight:500}.journal-results-link{width:100%;padding:14px;margin-top:16px;background:transparent;border:1px solid rgba(139,92,246,.3);border-radius:12px;color:#8b5cf6cc;font-size:1rem;font-weight:500;cursor:pointer;transition:all .2s ease}.journal-results-link:hover{background:#8b5cf61a;border-color:#8b5cf680}.journal-tabs{display:flex;gap:8px;margin-bottom:20px;padding:4px;background:#1a142999;border-radius:12px}.journal-tab{flex:1;padding:12px;background:transparent;border:none;border-radius:8px;color:#fff9;font-size:.9rem;font-weight:500;cursor:pointer;transition:all .2s ease}.journal-tab--active{background:#8b5cf633;color:#fff}.journal-date-indicator{display:flex;align-items:center;justify-content:center;gap:12px;padding:12px 16px;margin:16px 0;background:#8b5cf61a;border:1px solid rgba(139,92,246,.2);border-radius:12px}.journal-date-label{font-size:1.1rem;font-weight:600;color:#fff;text-transform:capitalize}.journal-date-readonly{font-size:.75rem;padding:4px 10px;background:#ef444433;border:1px solid rgba(239,68,68,.3);border-radius:20px;color:#ef4444;font-weight:500}.journal-date-saved{font-size:.75rem;padding:4px 10px;background:#22c55e33;border:1px solid rgba(34,197,94,.3);border-radius:20px;color:#22c55e;font-weight:500}.journal-notes{margin-top:24px;position:relative}.journal-notes-label{display:block;font-size:.9rem;font-weight:500;color:#ffffffb3;margin-bottom:8px}.journal-notes-input{width:100%;padding:14px 16px;background:#1a142999;border:1px solid rgba(139,92,246,.2);border-radius:12px;color:#fff;font-size:.95rem;font-family:inherit;line-height:1.5;resize:none;transition:border-color .2s ease,background .2s ease}.journal-notes-input::-moz-placeholder{color:#fff6}.journal-notes-input::placeholder{color:#fff6}.journal-notes-input:focus{outline:none;border-color:#8b5cf680;background:#1a1429cc}.journal-notes-input:disabled{opacity:.6;cursor:not-allowed}.journal-notes-count{position:absolute;bottom:8px;right:12px;font-size:.75rem;color:#fff6}.profile-container{min-height:100vh;background:linear-gradient(135deg,#0a192fd9,#1e3a5fd9,#2d5a7bd9),url(/images/background/gramado.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;overflow-x:hidden;padding:100px 20px 40px}.profile-content{max-width:900px;margin:0 auto}.profile-top-actions{display:flex;justify-content:flex-end;align-items:center;margin-bottom:1.5rem}.logout-button{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.5rem;background:linear-gradient(90deg,#ef4444e6,#dc2626e6);border:2px solid rgba(255,255,255,.15);border-radius:12px;color:#fff;text-decoration:none;font-weight:600;transition:all .3s ease;cursor:pointer}.logout-button:hover{background:linear-gradient(90deg,#ef4444,#dc2626);transform:translateY(-2px);border-color:#ffffff4d;box-shadow:0 5px 20px #ef444466}.profile-card{background:linear-gradient(90deg,#000000f2,#000000b3 35%,#0006 65%,#0000004d);border:2px solid rgba(255,255,255,.15);border-radius:20px;padding:2.5rem;margin-bottom:2rem}.profile-header{display:flex;align-items:center;gap:2rem;margin-bottom:2.5rem;padding-bottom:2rem;border-bottom:2px solid rgba(255,255,255,.1)}.profile-avatar-large{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:4px solid rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center;font-size:3rem;font-weight:700;overflow:hidden}.avatar-initials{color:#fff}.profile-info h1{font-size:2rem;margin-bottom:.5rem;color:#fff}.profile-email{opacity:.7;margin-bottom:1rem;color:#fff}.profile-stats{display:flex;gap:2rem;margin-top:1rem}.stat-item{display:flex;align-items:center;gap:.5rem}.stat-label{opacity:.7;font-size:.9rem;color:#fff}.stat-value{font-weight:700;font-size:1.2rem;color:#fbbf24}.form-section{margin-bottom:2rem}.form-section h3{font-size:1.3rem;margin-bottom:1.5rem;color:#6366f1;text-transform:uppercase;letter-spacing:1px}.form-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:1.5rem}.form-group.full-width{grid-column:1 / -1}.form-group label{font-size:.9rem;font-weight:600;opacity:.9;color:#fff}.form-group input,.form-group select,.form-group textarea{padding:.9rem;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:1rem;transition:all .3s ease}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;background:#0006}.form-group input:disabled{opacity:.5;cursor:not-allowed}.form-actions{display:flex;gap:1rem;justify-content:flex-end;margin-top:2rem}.btn{padding:1rem 2rem;border-radius:12px;font-weight:700;font-size:1rem;cursor:pointer;transition:all .3s ease;border:none;text-decoration:none;display:inline-block;text-align:center}.btn-primary{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff}.btn-primary:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 10px 30px #6366f166}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.alert{padding:1rem 1.5rem;border-radius:12px;margin-bottom:1.5rem}.alert-success{background:#10b98133;border:1px solid #10b981;color:#10b981}.alert-error{background:#ef444433;border:1px solid #ef4444;color:#ef4444}.loading,.error{text-align:center;padding:2rem;font-size:1.2rem;color:#fff}@media (max-width: 768px){.profile-container{padding:1rem;padding-top:90px}.profile-header{flex-direction:column;text-align:center}.profile-stats{justify-content:center;flex-wrap:wrap}.form-grid{grid-template-columns:1fr}.form-actions{flex-direction:column}}.profile-setup-container{min-height:100vh;display:flex;align-items:center;justify-content:center;padding:2rem;background:linear-gradient(135deg,#0a192fd9,#1e3a5fd9,#2d5a7bd9),url(/images/background/gramado.jpg);background-size:cover;background-position:center;background-attachment:fixed}.profile-setup-card{background:linear-gradient(135deg,#1e3a5ff2,#2d5a7bf2);max-width:600px;width:100%;border-radius:20px;padding:3rem;border:2px solid rgba(255,255,255,.2);box-shadow:0 20px 60px #00000080}.profile-setup-header{text-align:center;margin-bottom:2.5rem}.profile-setup-header h1{font-size:2.2rem;margin-bottom:.5rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.profile-setup-header p{opacity:.9;font-size:1.05rem;color:#fff}.profile-setup-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:600;font-size:.95rem;color:#fffffff2}.form-group label .required{color:#ef4444;margin-left:3px}.form-group input,.form-group textarea{width:100%;padding:.9rem 1.2rem;background:#0000004d;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-size:1rem;transition:all .3s ease;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:#6366f1;background:#0006;box-shadow:0 0 0 3px #6366f133}.form-group textarea{resize:vertical;min-height:100px}.submit-button{width:100%;padding:1.2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);border:none;border-radius:12px;color:#fff;font-weight:700;font-size:1.1rem;cursor:pointer;transition:all .3s ease;margin-top:1rem}.submit-button:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6366f166}.submit-button:disabled{opacity:.6;cursor:not-allowed;transform:none}.error-message{background:#ef444433;border-left:4px solid #ef4444;padding:1rem;border-radius:8px;margin-bottom:1rem;color:#fff}.success-message{background:#10b98133;border-left:4px solid #10b981;padding:1rem;border-radius:8px;margin-bottom:1rem;color:#fff}@media (max-width: 768px){.profile-setup-container{padding:1rem}.profile-setup-card{padding:2rem 1.5rem}.profile-setup-header h1{font-size:1.8rem}.profile-setup-header p{font-size:.95rem}}.game-container{min-height:100vh;background:linear-gradient(135deg,#0a192fd9,#1e3a5fd9,#2d5a7bd9),url(/images/background/gramado.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:2rem 2rem 1rem}.game-container{min-height:100vh;background:linear-gradient(135deg,#0a192fd9,#1e3a5fd9,#2d5a7bd9),url(/images/background/gramado.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:2rem 2rem 1rem}.game-container{min-height:100vh;background:linear-gradient(135deg,#0a192fd9,#1e3a5fd9,#2d5a7bd9),url(/images/background/gramado.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:2rem 2rem 1rem}.game-container{min-height:100vh;background:linear-gradient(135deg,#0a192fd9,#1e3a5fd9,#2d5a7bd9),url(/images/background/gramado.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:2rem 2rem 1rem}.distraction-overlay{position:relative;background:linear-gradient(135deg,#ef4444e6,#dc2626e6);border:3px solid rgba(255,255,255,.3);border-radius:16px;padding:2rem;margin-bottom:2rem;text-align:center;animation:pulse 2s ease-in-out infinite}.distraction-overlay h2{font-size:1.5rem;margin-bottom:1rem;text-transform:uppercase;letter-spacing:2px;color:#fff}.distraction-question{font-size:3rem;font-weight:700;color:#fff;text-shadow:2px 2px 4px rgba(0,0,0,.5)}.distraction-input{width:100%;max-width:300px;padding:1.5rem;font-size:2rem;text-align:center;background:#0000004d;border:2px solid rgba(255,255,255,.2);border-radius:12px;color:#fff;margin:2rem auto;display:block}.distraction-input:focus{outline:none;border-color:#6366f1;background:#0006}.distraction-input::-webkit-outer-spin-button,.distraction-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.distraction-input[type=number]{-moz-appearance:textfield}.sequence-comparison{margin:2rem 0;padding:1.5rem;background:#0003;border-radius:12px}.comparison-section{margin-bottom:1.5rem}.comparison-section:last-child{margin-bottom:0}.comparison-section h3{font-size:1rem;font-weight:600;color:#fffc;margin-bottom:.75rem;text-align:center;text-transform:uppercase;letter-spacing:1px}.sequence-item.correct-match{background:#10b9814d;border:2px solid #10b981;box-shadow:0 0 10px #10b98180}.sequence-item.incorrect-match{background:#ef44444d;border:2px solid #ef4444;box-shadow:0 0 10px #ef444480}@media (max-width: 768px){.distraction-overlay h2{font-size:1.2rem}.distraction-question{font-size:2rem}.distraction-input{font-size:1.5rem;padding:1rem}.sequence-comparison{padding:1rem}.comparison-section h3{font-size:.875rem}}.distraction-demo{font-size:1.5rem;color:#fbbf24;font-weight:700;margin:1rem 0}@media (max-width: 768px){.info-section{margin:0 0 1.5rem}.info-header{padding:1rem 1.2rem;font-size:1rem}.info-title{font-size:1rem;gap:8px}.info-content{padding:1.2rem}.instructions-list{gap:.8rem}.instructions-list li{font-size:.95rem;padding-left:35px}.instructions-list li:before{font-size:1.1rem}.objective-badge{padding:10px 16px;font-size:.9rem}.example-box{padding:1.2rem}.sequence-demo{font-size:2rem}.distraction-demo{font-size:1.2rem}}@media (max-width: 480px){.info-header{padding:.9rem 1rem;font-size:.95rem}.info-title{font-size:.95rem}.info-content{padding:1rem}.instructions-list li{font-size:.9rem;padding-left:32px}.instructions-list li:before{font-size:1rem}.objective-badge{padding:8px 14px;font-size:.85rem;gap:6px}.example-box{padding:1rem}.sequence-demo{font-size:1.5rem}.distraction-demo{font-size:1rem}.warning{font-size:.85rem}}.game-container{min-height:100vh;background:linear-gradient(135deg,#0a192fd9,#1e3a5fd9,#2d5a7bd9),url(/images/background/gramado.jpg);background-size:cover;background-position:center;background-attachment:fixed;color:#fff;padding:2rem 2rem 1rem}.game-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2rem;padding:1.5rem;background:linear-gradient(90deg,#000000f2,#000000b3,#00000080);border:2px solid rgba(255,255,255,.15);border-radius:16px;max-width:1200px;margin:0 auto 2rem}.back-button{padding:.8rem 1.5rem;background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:10px;color:#fff;font-weight:600;cursor:pointer;transition:all .3s ease;position:relative;z-index:10}.back-button:hover{background:#fff3;transform:translate(-5px)}.game-title{font-size:1.8rem;font-weight:700;text-transform:uppercase;letter-spacing:1.5px}.game-stats{display:flex;gap:2rem}.stat-item{font-size:1rem;opacity:.9}.stat-item strong{color:#fbbf24;font-size:1.2rem}.screen{display:flex;justify-content:center;align-items:flex-start;animation:fadeIn .4s ease;max-width:1200px;margin:0 auto;padding:2rem 0}.screen.active{display:flex}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.config-card{background:linear-gradient(90deg,#000000f2,#000000b3,#00000080);border:2px solid rgba(255,255,255,.15);border-radius:20px;padding:3rem;max-width:600px;width:100%}.config-card h2{font-size:2rem;margin-bottom:2rem;text-align:center;text-transform:uppercase;letter-spacing:1.5px}.config-section{margin-bottom:2rem}.config-section label{display:block;font-size:1.1rem;font-weight:600;margin-bottom:1rem}.slider-container{display:flex;align-items:center;gap:1rem}.slider-container input[type=range]{flex:1;height:8px;background:#fff3;border-radius:5px;outline:none;-webkit-appearance:none}.slider-container input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:20px;height:20px;background:#6366f1;cursor:pointer;border-radius:50%}.slider-container input[type=range]::-moz-range-thumb{width:20px;height:20px;background:#6366f1;cursor:pointer;border-radius:50%;border:none}.slider-value{font-size:1.2rem;font-weight:700;color:#fbbf24;min-width:40px;text-align:center}.select-input{width:100%;padding:.9rem;background:#0000004d;border:1px solid rgba(255,255,255,.15);border-radius:8px;color:#fff;font-size:1rem;cursor:pointer;transition:all .3s ease}.select-input:focus{outline:none;border-color:#6366f1;background:#0006}.select-input option{background:#1a1a2e;color:#fff}.how-to-play{background:#6366f11a;border:2px solid rgba(99,102,241,.3);border-radius:12px;padding:1.5rem;margin:2rem 0}.how-to-play h3{font-size:1.1rem;margin-bottom:1rem;color:#6366f1}.how-to-play ol{padding-left:1.5rem}.how-to-play li{margin-bottom:.8rem;line-height:1.6;opacity:.9}.target-info{background:#10b9811a;border:2px solid rgba(16,185,129,.3);border-radius:12px;padding:1.5rem;margin:2rem 0;text-align:center}.target-info h3{font-size:1.1rem;margin-bottom:1rem;color:#10b981}@keyframes pulse{0%,to{transform:scale(1)}50%{transform:scale(1.15)}}.target-info p{font-size:1rem;opacity:.9;font-weight:600}.btn-primary{width:100%;padding:1.2rem;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .3s ease;text-transform:uppercase;letter-spacing:1px}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 30px #6366f166}.btn-large{padding:1.5rem;font-size:1.2rem}.btn-secondary{padding:1rem 2rem;background:#ffffff1a;color:#fff;border:2px solid rgba(255,255,255,.2);border-radius:12px;font-size:1rem;font-weight:700;cursor:pointer;transition:all .3s ease}.btn-secondary:hover{background:#ffffff26}.game-area{width:100%;max-width:800px;margin:0 auto}.game-progress{margin-bottom:2rem}.progress-text{text-align:center;font-size:1.5rem;font-weight:700;margin-bottom:1rem;color:#fbbf24}.progress-bar{width:100%;height:20px;background:#ffffff1a;border-radius:10px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width .3s ease;border-radius:10px}.emoji-display{width:100%;height:400px;background:#0000004d;border:3px solid rgba(255,255,255,.2);border-radius:20px;display:flex;align-items:center;justify-content:center;margin-bottom:2rem;cursor:pointer;transition:all .2s ease}.emoji-display:hover{background:#0006;border-color:#ffffff4d}.emoji-display:active{transform:scale(.98)}.emoji-item{font-size:10rem;animation:emojiAppear .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}@keyframes emojiAppear{0%{transform:scale(0) rotate(-180deg);opacity:0}to{transform:scale(1) rotate(0);opacity:1}}.game-instructions{text-align:center;margin-bottom:2rem}.game-instructions p{font-size:1.1rem;margin:.5rem 0;opacity:.9}.desktop-instruction{display:block}.mobile-instruction{display:none}.game-instructions kbd{background:#fff3;padding:.3rem .8rem;border-radius:6px;font-family:monospace;font-size:1rem;font-weight:700;border:2px solid rgba(255,255,255,.3)}.game-counters{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem}.counter-item{background:#0000004d;border:2px solid rgba(255,255,255,.15);border-radius:12px;padding:1.5rem;text-align:center}.counter-item.success{border-color:#10b98180}.counter-item.error{border-color:#ef444480}.counter-item.miss{border-color:#f59e0b80}.counter-label{display:block;font-size:.9rem;opacity:.7;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.counter-value{display:block;font-size:2.5rem;font-weight:700;color:#fbbf24}.result-card{background:linear-gradient(90deg,#000000f2,#000000b3,#00000080);border:2px solid rgba(255,255,255,.15);border-radius:20px;padding:3rem;max-width:700px;width:100%;text-align:center}.result-icon{font-size:5rem;margin-bottom:1rem;animation:pulse 2s ease-in-out infinite}.result-card h2{font-size:2rem;margin-bottom:.5rem;text-transform:uppercase}.result-card p{font-size:1.1rem;opacity:.8;margin-bottom:2rem}.result-stats{display:grid;grid-template-columns:repeat(2,1fr);gap:1.5rem;margin-bottom:2rem}.result-stat{background:#0000004d;border:2px solid rgba(255,255,255,.15);border-radius:12px;padding:1.5rem}.result-stat .stat-label{display:block;font-size:.9rem;opacity:.7;margin-bottom:.5rem;text-transform:uppercase}.result-stat .stat-value{display:block;font-size:2rem;font-weight:700;color:#fbbf24}.result-stat .stat-value.success{color:#10b981}.result-stat .stat-value.error{color:#ef4444}.result-stat .stat-value.miss{color:#f59e0b}.result-stat .stat-value.highlight{color:#fbbf24;font-size:2.5rem}.result-actions{display:flex;gap:1rem;justify-content:center}@media (max-width: 768px){.game-container{padding:.75rem .75rem .5rem}.game-header{flex-direction:column;gap:.75rem;text-align:center;padding:1rem;margin-bottom:1.5rem}.game-title{font-size:1.4rem;letter-spacing:1px}.game-stats{gap:1rem;flex-wrap:wrap;justify-content:center}.back-button{padding:.7rem 1.2rem;font-size:.9rem}.screen{padding:1rem 0}.config-card{padding:1.5rem;max-width:100%}.config-card h2{font-size:1.5rem;margin-bottom:1.5rem}.config-section{margin-bottom:1.5rem}.config-section label{font-size:1rem}.how-to-play,.target-info{padding:1.2rem;margin:1.5rem 0}.how-to-play li{margin-bottom:.6rem;font-size:.95rem}.emoji-display{height:280px;margin-bottom:1.5rem}.emoji-item{font-size:6rem}.target-example{font-size:3.5rem}.game-counters{grid-template-columns:1fr;gap:1rem}.counter-item{padding:1.2rem}.counter-value{font-size:2rem}.result-card{padding:2rem 1.5rem;max-width:100%}.result-card h2{font-size:1.6rem}.result-icon{font-size:4rem}.result-stats{grid-template-columns:1fr;gap:1rem}.result-stat{padding:1.2rem}.result-stat .stat-value{font-size:1.8rem}.result-actions{flex-direction:column;gap:.8rem}.btn-primary,.btn-secondary{width:100%}.btn-primary{padding:1rem;font-size:1rem}.btn-secondary{padding:.9rem 1.5rem;font-size:.95rem}.desktop-instruction{display:none}.mobile-instruction{display:block}.game-instructions p{font-size:1rem}}@media (max-width: 480px){.game-container{padding:.5rem .5rem .3rem}.game-header{padding:.8rem;margin-bottom:1rem}.game-title{font-size:1.2rem}.back-button{padding:.6rem 1rem;font-size:.85rem}.config-card{padding:1.2rem}.config-card h2{font-size:1.3rem}.how-to-play,.target-info{padding:1rem}.emoji-display{height:220px}.emoji-item{font-size:4.5rem}.target-example{font-size:3rem}.progress-text{font-size:1.1rem}.counter-item{padding:1rem}.counter-value{font-size:1.8rem}.result-card{padding:1.5rem 1rem}.result-card h2{font-size:1.4rem}.result-icon{font-size:3.5rem}.result-stat .stat-value{font-size:1.6rem}.result-stat .stat-value.highlight{font-size:2rem}.btn-primary{padding:.9rem;font-size:.95rem}.btn-secondary{padding:.8rem 1.2rem;font-size:.9rem}}.target-info{background:#0000004d;border:2px dashed rgba(251,191,36,.5);border-radius:12px;padding:1.5rem;text-align:center;margin-top:1rem}.target-label{font-size:.85rem;text-transform:uppercase;letter-spacing:1.5px;color:#ffffffb3;margin-bottom:1rem;font-weight:700}.target-example{font-size:5rem;margin:1rem 0;animation:pulse 2s ease-in-out infinite}.target-hint{font-size:1rem;color:#fbbf24;font-weight:600;margin-top:1rem}@media (max-width: 768px){.info-section{margin:0 0 1.5rem}.info-header{padding:1rem 1.2rem;font-size:1rem}.info-title{font-size:1rem;gap:8px}.info-content{padding:1.2rem}.instructions-list{gap:.8rem}.instructions-list li{font-size:.95rem;padding-left:35px}.instructions-list li:before{font-size:1.1rem}.objective-badge{padding:10px 16px;font-size:.9rem}.target-info{padding:1.2rem}.target-example{font-size:4rem}.target-hint{font-size:.95rem}}@media (max-width: 480px){.info-header{padding:.9rem 1rem;font-size:.95rem}.info-title{font-size:.95rem}.info-content{padding:1rem}.instructions-list li{font-size:.9rem;padding-left:32px}.instructions-list li:before{font-size:1rem}.objective-badge{padding:8px 14px;font-size:.85rem;gap:6px}.target-info{padding:1rem}.target-example{font-size:3.5rem}.target-hint{font-size:.9rem}}.grid-container{display:grid;gap:8px;margin:2rem auto;max-width:600px;padding:1rem;background:#0000004d;border:2px solid rgba(255,255,255,.2);border-radius:16px}.grid-container.grid-3{grid-template-columns:repeat(3,1fr)}.grid-container.grid-4{grid-template-columns:repeat(4,1fr)}.grid-container.grid-5{grid-template-columns:repeat(5,1fr)}.grid-container.grid-6{grid-template-columns:repeat(6,1fr)}.grid-cell{aspect-ratio:1;background:#ffffff1a;border:2px solid rgba(255,255,255,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;cursor:pointer;transition:all .3s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.grid-cell:hover{background:#ffffff26;border-color:#ffffff4d;transform:scale(1.05)}.grid-cell.has-emoji{animation:emojiPop .3s ease}.grid-cell.selected{background:#6366f14d;border-color:#6366f1}.grid-cell.correct{border-color:#10b981}.grid-cell.user-correct{background:#10b9814d}.grid-cell.user-wrong{background:#ef44444d;border-color:#ef4444}@keyframes emojiPop{0%{transform:scale(0)}50%{transform:scale(1.1)}to{transform:scale(1)}}.timer-display{text-align:center;margin-bottom:2rem}.timer-label{font-size:1rem;opacity:.8;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.timer-value{font-size:3rem;font-weight:700;color:#fbbf24;margin-bottom:1rem}.timer-bar{width:100%;max-width:400px;height:20px;background:#ffffff1a;border-radius:10px;overflow:hidden;margin:0 auto}.timer-fill{height:100%;background:linear-gradient(90deg,#10b981,#059669);transition:width 1s linear;border-radius:10px}.stats-display{text-align:center;margin-bottom:2rem}.stats-display .stat-item{font-size:1.2rem}.stats-display .stat-value{color:#fbbf24;font-weight:700;font-size:1.5rem}.game-card{background:linear-gradient(90deg,#000000f2,#000000b3,#00000080);border:2px solid rgba(255,255,255,.15);border-radius:20px;padding:2rem;max-width:800px;width:100%;margin:0 auto}.instructions-list{padding-left:1.5rem;margin:0}.instructions-list li{margin-bottom:.8rem;line-height:1.6;opacity:.9}.info-section{background:#6366f11a;border:2px solid rgba(99,102,241,.3);border-radius:12px;padding:1.5rem;margin-bottom:2rem}.info-section h3{font-size:1.1rem;margin-bottom:1rem;color:#6366f1}.instruction-text{text-align:center;font-size:1.1rem;opacity:.9;margin-top:1.5rem;padding:1rem;background:#ffffff0d;border-radius:12px}.action-buttons{display:flex;gap:1rem;justify-content:center;margin-top:2rem}.range-labels{display:flex;justify-content:space-between;font-size:.9rem;opacity:.7;margin-top:.5rem}.modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease}.modal-content{background:linear-gradient(135deg,#0a192ffa,#1e3a5ffa);border:2px solid rgba(255,255,255,.2);border-radius:20px;padding:2rem;max-width:500px;width:90%;max-height:80vh;overflow-y:auto;animation:slideUp .3s ease}@keyframes slideUp{0%{transform:translateY(50px);opacity:0}to{transform:translateY(0);opacity:1}}.modal-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.5rem;padding-bottom:1rem;border-bottom:2px solid rgba(255,255,255,.1)}.modal-header h3{font-size:1.5rem;margin:0}.modal-close{background:#ffffff1a;border:2px solid rgba(255,255,255,.2);border-radius:8px;color:#fff;font-size:1.5rem;width:40px;height:40px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .3s ease}.modal-close:hover{background:#fff3;transform:rotate(90deg)}.emoji-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.emoji-option{aspect-ratio:1;background:#ffffff1a;border:2px solid rgba(255,255,255,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;transition:all .3s ease}.emoji-option:hover{background:#6366f14d;border-color:#6366f1;transform:scale(1.1)}.result-grid-section{margin:2rem 0}.result-grid-section h3{text-align:center;font-size:1.2rem;margin-bottom:1rem;color:#6366f1;text-transform:uppercase;letter-spacing:1px}.small-grid{max-width:400px}.small-grid .grid-cell{font-size:1.5rem}.result-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:1rem;margin:2rem 0}.result-stat-card{background:#0000004d;border:2px solid rgba(255,255,255,.15);border-radius:12px;padding:1.5rem;text-align:center}.result-stat-label{font-size:.9rem;opacity:.7;margin-bottom:.5rem;text-transform:uppercase;letter-spacing:1px}.result-stat-value{font-size:2rem;font-weight:700;color:#fbbf24}.result-stat-value.highlight{color:#6366f1;font-size:2.5rem}@media (max-width: 768px){.grid-container{max-width:100%;gap:6px;padding:.8rem;margin:1.5rem auto}.grid-cell{font-size:1.8rem;border-radius:8px}.emoji-grid{grid-template-columns:repeat(5,1fr);gap:8px}.emoji-option{font-size:1.8rem}.action-buttons{flex-direction:column;gap:.8rem}.result-stats{grid-template-columns:repeat(2,1fr);gap:.8rem}.result-stat-card{padding:1.2rem}.result-stat-value{font-size:1.7rem}.result-stat-value.highlight{font-size:2.2rem}.small-grid .grid-cell{font-size:1.3rem}.timer-display{margin-bottom:1.5rem}.timer-value{font-size:2.5rem}.modal-content{padding:1.5rem;width:95%}.modal-header h3{font-size:1.3rem}.instruction-text{font-size:1rem;padding:.8rem}}@media (max-width: 480px){.grid-container{gap:4px;padding:.6rem}.grid-cell{font-size:1.5rem;border-radius:6px}.grid-container.grid-5 .grid-cell,.grid-container.grid-6 .grid-cell{font-size:1.3rem}.emoji-grid{grid-template-columns:repeat(4,1fr);gap:6px}.emoji-option{font-size:1.5rem;border-radius:8px}.timer-value{font-size:2rem}.timer-bar{height:16px}.modal-content{padding:1.2rem}.modal-header h3{font-size:1.2rem}.modal-close{width:36px;height:36px;font-size:1.3rem}.result-stats{grid-template-columns:1fr}.result-stat-card{padding:1rem}.result-stat-value{font-size:1.5rem}.result-stat-value.highlight{font-size:1.8rem}.small-grid .grid-cell{font-size:1rem}.game-card{padding:1.2rem}}@media (max-width: 768px){.info-section{margin:0 0 1.5rem}.info-header{padding:1rem 1.2rem;font-size:1rem}.info-title{font-size:1rem;gap:8px}.info-content{padding:1.2rem}.instructions-list{gap:.8rem}.instructions-list li{font-size:.95rem;padding-left:35px}.instructions-list li:before{font-size:1.1rem}.objective-badge{padding:10px 16px;font-size:.9rem}}@media (max-width: 480px){.info-header{padding:.9rem 1rem;font-size:.95rem}.info-title{font-size:.95rem}.info-content{padding:1rem}.instructions-list li{font-size:.9rem;padding-left:32px}.instructions-list li:before{font-size:1rem}.objective-badge{padding:8px 14px;font-size:.85rem;gap:6px}}.sequence-display{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:2rem;background:#0000004d;border:2px solid rgba(255,255,255,.2);border-radius:16px;margin:2rem auto;max-width:700px}.sequence-item{width:80px;height:80px;background:#ffffff1a;border:2px solid rgba(255,255,255,.15);border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:3rem;animation:itemAppear .4s ease forwards;opacity:0;transform:scale(0)}@keyframes itemAppear{to{opacity:1;transform:scale(1)}}.sequence-item.selected{background:#6366f14d;border-color:#6366f1}.sequence-item.empty{background:#ffffff0d;border-style:dashed;color:#ffffff4d;font-size:2rem}.sequence-item.correct{border-color:#10b981}.sequence-item.user-correct{background:#10b9814d;border-color:#10b981}.sequence-item.user-wrong{background:#ef44444d;border-color:#ef4444}.user-sequence{display:flex;flex-wrap:wrap;justify-content:center;gap:1rem;padding:2rem;background:#0000004d;border:2px solid rgba(255,255,255,.2);border-radius:16px;margin:2rem auto;max-width:700px;min-height:120px}.emoji-selector{display:grid;grid-template-columns:repeat(auto-fill,minmax(60px,1fr));gap:10px;padding:1.5rem;background:#0000004d;border:2px solid rgba(255,255,255,.15);border-radius:16px;max-width:600px;margin:2rem auto;max-height:300px;overflow-y:auto}.emoji-selector .emoji-option{aspect-ratio:1;background:#ffffff1a;border:2px solid rgba(255,255,255,.15);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:2rem;cursor:pointer;transition:all .2s ease}.emoji-selector .emoji-option:hover{background:#6366f14d;border-color:#6366f1;transform:scale(1.1)}.emoji-selector .emoji-option:active{transform:scale(.95)}.sequence-comparison{margin:2rem 0}.comparison-section{margin-bottom:2rem}.comparison-section h3{text-align:center;font-size:1.1rem;margin-bottom:1rem;color:#6366f1;text-transform:uppercase;letter-spacing:1px}@media (max-width: 768px){.sequence-display,.user-sequence{gap:.5rem;padding:1rem}.sequence-item{width:60px;height:60px;font-size:2rem}.emoji-selector{grid-template-columns:repeat(auto-fill,minmax(50px,1fr));gap:8px}.emoji-selector .emoji-option{font-size:1.5rem}.action-buttons{flex-direction:column;gap:.5rem}.action-buttons button{width:100%}}@media (max-width: 480px){.sequence-item{width:50px;height:50px;font-size:1.5rem}.emoji-selector{grid-template-columns:repeat(auto-fill,minmax(45px,1fr))}.emoji-selector .emoji-option{font-size:1.3rem}}.example-sequence{text-align:center;margin:1rem 0}.example-sequence span{display:block;font-size:.9rem;color:#fffc;margin-bottom:.5rem}.sequence-demo{font-size:2.5rem;margin:.5rem 0;display:flex;gap:.5rem;justify-content:center;align-items:center}@media (max-width: 480px){.info-header{padding:.9rem 1rem;font-size:.95rem}.info-title{font-size:.95rem}.info-content{padding:1rem}.instructions-list li{font-size:.9rem;padding-left:32px}.instructions-list li:before{font-size:1rem}.objective-badge{padding:8px 14px;font-size:.85rem;gap:6px}.example-box{padding:1rem}.sequence-demo{font-size:1.5rem}}.sequence-item{position:relative}.sequence-number{position:absolute;top:-8px;left:-8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;width:24px;height:24px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;font-weight:700;border:2px solid rgba(255,255,255,.3);z-index:1}.instruction-text.warning{background:linear-gradient(135deg,#ef444433,#dc262633);border:2px solid rgba(239,68,68,.5);color:#fbbf24;font-weight:700;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{transform:scale(1);opacity:1}50%{transform:scale(1.02);opacity:.9}}@media (max-width: 768px){.sequence-number{width:20px;height:20px;font-size:.7rem;top:-6px;left:-6px}}.info-section{background:linear-gradient(135deg,#667eea26,#764ba226);border-radius:16px;padding:0;margin:0 0 2rem;border:2px solid rgba(102,126,234,.3);overflow:hidden;transition:all .3s ease}.info-section:hover{border-color:#667eea80}.info-header{width:100%;display:flex;align-items:center;justify-content:space-between;padding:1.25rem 1.5rem;background:#0003;border:none;color:#fff;cursor:pointer;transition:all .2s ease;font-size:1.1rem;font-weight:600}.info-header:hover{background:#0000004d}.info-header:active{transform:scale(.98)}.info-title{display:flex;align-items:center;gap:10px;font-size:1.1rem;font-weight:600;letter-spacing:.5px}.info-icon{display:inline-flex;align-items:center;justify-content:center}.info-content{padding:1.5rem;animation:slideDown .3s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.instructions-list{list-style:none;padding:0;margin:0 0 1.5rem;display:flex;flex-direction:column;gap:1rem}.instructions-list li{font-size:1rem;line-height:1.6;color:#fffffff2;padding-left:40px;position:relative}.instructions-list li:before{content:attr(data-step);position:absolute;left:0;font-size:1.3rem;line-height:1}.instructions-list li strong{color:#fbbf24;font-weight:700}.objective-badge{display:inline-flex;align-items:center;gap:8px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:12px 20px;border-radius:24px;font-size:.95rem;font-weight:600;margin:1rem 0 1.5rem;box-shadow:0 4px 12px #667eea66}.example-box{background:#0000004d;border:2px dashed rgba(251,191,36,.3);border-radius:12px;padding:1.5rem;margin-top:1rem}.example-label{font-size:.85rem;text-transform:uppercase;letter-spacing:1.5px;color:#ffffffb3;margin-bottom:1rem;font-weight:700}.example-content{text-align:center}.example-content p{font-size:.9rem;color:#fffc;margin:.5rem 0}.example-content p strong{color:#fbbf24}.sequence-demo{font-size:2.5rem;margin:.5rem 0;display:flex;gap:.5rem;justify-content:center;align-items:center;flex-direction:column}.sequence-demo small{font-size:.9rem;color:#fff9}.sequence-demo.inverse{color:#a78bfa}.warning{color:#f59e0b;font-weight:600;font-size:.95rem;margin-top:1rem}@media (max-width: 768px){.info-section{margin:0 0 1.5rem}.info-header{padding:1rem 1.2rem;font-size:1rem}.info-title{font-size:1rem;gap:8px}.info-content{padding:1.2rem}.instructions-list{gap:.8rem}.instructions-list li{font-size:.95rem;padding-left:35px}.instructions-list li:before{font-size:1.1rem}.objective-badge{padding:10px 16px;font-size:.9rem}.example-box{padding:1.2rem}.sequence-demo{font-size:2rem}}@media (max-width: 480px){.info-header{padding:.9rem 1rem;font-size:.95rem}.info-title{font-size:.95rem}.info-content{padding:1rem}.instructions-list li{font-size:.9rem;padding-left:32px}.instructions-list li:before{font-size:1rem}.objective-badge{padding:8px 14px;font-size:.85rem;gap:6px}.example-box{padding:1rem}.sequence-demo{font-size:1.5rem}.warning{font-size:.85rem}}*,: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}.fixed{position:fixed}.absolute{position:absolute}.relative{position:relative}.inset-0{top:0;right:0;bottom:0;left:0}.inset-y-0{top:0;bottom:0}.bottom-0{bottom:0}.left-0{left:0}.right-0{right:0}.z-50{z-index:50}.-ml-1{margin-left:-.25rem}.mb-1{margin-bottom:.25rem}.mb-2{margin-bottom:.5rem}.mb-4{margin-bottom:1rem}.mb-8{margin-bottom:2rem}.ml-64{margin-left:16rem}.mr-2{margin-right:.5rem}.mt-1{margin-top:.25rem}.mt-3{margin-top:.75rem}.block{display:block}.inline{display:inline}.flex{display:flex}.inline-flex{display:inline-flex}.table{display:table}.grid{display:grid}.hidden{display:none}.h-10{height:2.5rem}.h-12{height:3rem}.h-16{height:4rem}.h-4{height:1rem}.h-5{height:1.25rem}.h-6{height:1.5rem}.h-\[600px\]{height:600px}.min-h-full{min-height:100%}.min-h-screen{min-height:100vh}.w-10{width:2.5rem}.w-12{width:3rem}.w-16{width:4rem}.w-4{width:1rem}.w-5{width:1.25rem}.w-6{width:1.5rem}.w-64{width:16rem}.w-full{width:100%}.min-w-0{min-width:0px}.max-w-2xl{max-width:42rem}.max-w-3xl{max-width:48rem}.max-w-4xl{max-width:56rem}.max-w-lg{max-width:32rem}.max-w-md{max-width:28rem}.max-w-xs{max-width:20rem}.flex-1{flex:1 1 0%}@keyframes spin{to{transform:rotate(360deg)}}.animate-spin{animation:spin 1s linear infinite}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.flex-col{flex-direction:column}.items-center{align-items:center}.justify-start{justify-content:flex-start}.justify-end{justify-content:flex-end}.justify-center{justify-content:center}.justify-between{justify-content:space-between}.gap-2{gap:.5rem}.gap-3{gap:.75rem}.gap-6{gap:1.5rem}.space-y-3>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(.75rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(.75rem * var(--tw-space-y-reverse))}.space-y-4>:not([hidden])~:not([hidden]){--tw-space-y-reverse: 0;margin-top:calc(1rem * calc(1 - var(--tw-space-y-reverse)));margin-bottom:calc(1rem * var(--tw-space-y-reverse))}.overflow-y-auto{overflow-y:auto}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.rounded{border-radius:.25rem}.rounded-full{border-radius:9999px}.rounded-lg{border-radius:.5rem}.border{border-width:1px}.border-2{border-width:2px}.border-b{border-bottom-width:1px}.border-r{border-right-width:1px}.border-t{border-top-width:1px}.border-red-300{--tw-border-opacity: 1;border-color:rgb(252 165 165 / var(--tw-border-opacity, 1))}.bg-black{--tw-bg-opacity: 1;background-color:rgb(0 0 0 / var(--tw-bg-opacity, 1))}.bg-blue-500{--tw-bg-opacity: 1;background-color:rgb(59 130 246 / var(--tw-bg-opacity, 1))}.bg-gray-200{--tw-bg-opacity: 1;background-color:rgb(229 231 235 / var(--tw-bg-opacity, 1))}.bg-gray-50{--tw-bg-opacity: 1;background-color:rgb(249 250 251 / var(--tw-bg-opacity, 1))}.bg-gray-900{--tw-bg-opacity: 1;background-color:rgb(17 24 39 / var(--tw-bg-opacity, 1))}.bg-green-100{--tw-bg-opacity: 1;background-color:rgb(220 252 231 / var(--tw-bg-opacity, 1))}.bg-green-500{--tw-bg-opacity: 1;background-color:rgb(34 197 94 / var(--tw-bg-opacity, 1))}.bg-orange-500{--tw-bg-opacity: 1;background-color:rgb(249 115 22 / var(--tw-bg-opacity, 1))}.bg-purple-500{--tw-bg-opacity: 1;background-color:rgb(168 85 247 / var(--tw-bg-opacity, 1))}.bg-red-500{--tw-bg-opacity: 1;background-color:rgb(239 68 68 / var(--tw-bg-opacity, 1))}.bg-red-600{--tw-bg-opacity: 1;background-color:rgb(220 38 38 / var(--tw-bg-opacity, 1))}.bg-transparent{background-color:transparent}.bg-white{--tw-bg-opacity: 1;background-color:rgb(255 255 255 / var(--tw-bg-opacity, 1))}.bg-opacity-50{--tw-bg-opacity: .5}.bg-opacity-90{--tw-bg-opacity: .9}.p-0{padding:0}.p-3{padding:.75rem}.p-4{padding:1rem}.p-6{padding:1.5rem}.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-top:.25rem;padding-bottom:.25rem}.py-1\.5{padding-top:.375rem;padding-bottom:.375rem}.py-2{padding-top:.5rem;padding-bottom:.5rem}.py-3{padding-top:.75rem;padding-bottom:.75rem}.text-2xl{font-size:1.5rem;line-height:2rem}.text-3xl{font-size:1.875rem;line-height:2.25rem}.text-base{font-size:1rem;line-height:1.5rem}.text-lg{font-size:1.125rem;line-height:1.75rem}.text-sm{font-size:.875rem;line-height:1.25rem}.text-xl{font-size:1.25rem;line-height:1.75rem}.text-xs{font-size:.75rem;line-height:1rem}.font-bold{font-weight:700}.font-medium{font-weight:500}.font-semibold{font-weight:600}.text-gray-400{--tw-text-opacity: 1;color:rgb(156 163 175 / var(--tw-text-opacity, 1))}.text-gray-500{--tw-text-opacity: 1;color:rgb(107 114 128 / var(--tw-text-opacity, 1))}.text-gray-600{--tw-text-opacity: 1;color:rgb(75 85 99 / var(--tw-text-opacity, 1))}.text-gray-700{--tw-text-opacity: 1;color:rgb(55 65 81 / var(--tw-text-opacity, 1))}.text-gray-900{--tw-text-opacity: 1;color:rgb(17 24 39 / var(--tw-text-opacity, 1))}.text-green-700{--tw-text-opacity: 1;color:rgb(21 128 61 / var(--tw-text-opacity, 1))}.text-red-600{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.text-red-900{--tw-text-opacity: 1;color:rgb(127 29 29 / var(--tw-text-opacity, 1))}.text-white{--tw-text-opacity: 1;color:rgb(255 255 255 / var(--tw-text-opacity, 1))}.opacity-25{opacity:.25}.opacity-60{opacity:.6}.opacity-75{opacity:.75}.shadow-lg{--tw-shadow: 0 10px 15px -3px rgb(0 0 0 / .1), 0 4px 6px -4px rgb(0 0 0 / .1);--tw-shadow-colored: 0 10px 15px -3px var(--tw-shadow-color), 0 4px 6px -4px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-sm{--tw-shadow: 0 1px 2px 0 rgb(0 0 0 / .05);--tw-shadow-colored: 0 1px 2px 0 var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.shadow-xl{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.filter{filter:var(--tw-blur) var(--tw-brightness) var(--tw-contrast) var(--tw-grayscale) var(--tw-hue-rotate) var(--tw-invert) var(--tw-saturate) var(--tw-sepia) var(--tw-drop-shadow)}.transition{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke,opacity,box-shadow,transform,filter,backdrop-filter;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-all{transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-colors{transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.transition-opacity{transition-property:opacity;transition-timing-function:cubic-bezier(.4,0,.2,1);transition-duration:.15s}.hover\:bg-gray-100:hover{--tw-bg-opacity: 1;background-color:rgb(243 244 246 / var(--tw-bg-opacity, 1))}.hover\:bg-gray-800:hover{--tw-bg-opacity: 1;background-color:rgb(31 41 55 / var(--tw-bg-opacity, 1))}.hover\:bg-red-700:hover{--tw-bg-opacity: 1;background-color:rgb(185 28 28 / var(--tw-bg-opacity, 1))}.hover\:text-red-600:hover{--tw-text-opacity: 1;color:rgb(220 38 38 / var(--tw-text-opacity, 1))}.hover\:shadow-xl:hover{--tw-shadow: 0 20px 25px -5px rgb(0 0 0 / .1), 0 8px 10px -6px rgb(0 0 0 / .1);--tw-shadow-colored: 0 20px 25px -5px var(--tw-shadow-color), 0 8px 10px -6px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow, 0 0 #0000),var(--tw-ring-shadow, 0 0 #0000),var(--tw-shadow)}.focus\:border-red-500:focus{--tw-border-opacity: 1;border-color:rgb(239 68 68 / var(--tw-border-opacity, 1))}.focus\:outline-none:focus{outline:2px solid transparent;outline-offset:2px}.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),var(--tw-shadow, 0 0 #0000)}.focus\:ring-red-500:focus{--tw-ring-opacity: 1;--tw-ring-color: rgb(239 68 68 / var(--tw-ring-opacity, 1))}.focus\:ring-offset-0:focus{--tw-ring-offset-width: 0px}.focus\:ring-offset-2:focus{--tw-ring-offset-width: 2px}.disabled\:cursor-not-allowed:disabled{cursor:not-allowed}.disabled\:opacity-50:disabled{opacity:.5}@media (min-width: 768px){.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1024px){.lg\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}