@layer reset{*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{touch-action:pan-x pan-y}body{background:var(--black);color:var(--text);font-family:var(--fb);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overscroll-behavior-y:contain;font-size:11px;line-height:1.5}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer;background:0 0;border:none}img,svg{max-width:100%;display:block}.full-screen{height:100dvh}}@layer tokens;@layer containers{.container-narrow{width:100%;max-width:var(--container-narrow-max);padding-inline:var(--container-pad-x);margin-inline:auto}.container-medium{width:100%;max-width:var(--container-medium-max);padding-inline:var(--container-pad-x);margin-inline:auto}.container-wide{width:100%;max-width:var(--container-wide-max);padding-inline:var(--container-pad-x);margin-inline:auto}.container-bleed{width:100%;max-width:100%;padding-inline:var(--container-pad-x)}.container-fill-height{min-height:100dvh}.container-stack{gap:var(--sp-fluid-md);flex-direction:column;display:flex}}@layer atoms;@layer features{.app-shell{background:var(--black);flex-direction:column;width:100%;max-width:430px;height:100dvh;margin:0 auto;display:flex;position:relative;overflow:hidden}.app-shell__scroll{-webkit-overflow-scrolling:touch;scrollbar-width:none;background:var(--black);flex:1;overflow:hidden auto}.app-shell__scroll::-webkit-scrollbar{display:none}.topbar{padding:calc(env(safe-area-inset-top) + var(--sp-xl)) var(--sp-md) var(--sp-sm);border-bottom:1px solid var(--border);background:var(--black);flex-shrink:0;grid-template-columns:1fr auto 1fr;align-items:center;display:grid}.menu-btn{cursor:pointer;background:0 0;border:none;flex-direction:column;grid-column:1;justify-content:center;justify-self:start;gap:5px;width:34px;height:34px;padding:4px 2px;display:flex}.menu-btn span{background:var(--white);border-radius:1px;height:1px;transition:all .3s;display:block}.menu-btn span:first-child{width:100%}.menu-btn span:nth-child(2){width:65%}.menu-btn span:nth-child(3){width:82%}.menu-btn--open span:first-child{transform:rotate(45deg)translate(4px,4px)}.menu-btn--open span:nth-child(2){opacity:0}.menu-btn--open span:nth-child(3){width:100%;transform:rotate(-45deg)translate(4px,-4px)}.topbar__logo{font-family:var(--fdisplay);letter-spacing:6px;color:var(--white);grid-column:2;justify-self:center;font-size:22px}.topbar__right{grid-column:3;justify-self:end;align-items:center;gap:10px;display:flex}.streak{border:1px solid var(--border);border-radius:100px;align-items:center;gap:6px;padding:3px 10px;display:flex}.streak__dot{background:var(--white);border-radius:50%;width:4px;height:4px;animation:2s ease-in-out infinite app-shell-blink}@keyframes app-shell-blink{0%,to{opacity:1}50%{opacity:.2}}.streak__txt{font-family:var(--fm);letter-spacing:2px;color:var(--label);font-size:9px}.topbar__avatar{background:var(--black-card2);border:1px solid var(--border);width:26px;height:26px;font-family:var(--fdisplay);letter-spacing:0;color:var(--white);border-radius:50%;justify-content:center;align-items:center;padding-top:2px;font-size:16px;line-height:1;display:flex}.sidebar-overlay{z-index:200;opacity:0;pointer-events:none;background:#000000d9;transition:opacity .3s;position:fixed;inset:0}.sidebar-overlay--open{opacity:1;pointer-events:all}.sidebar{background:var(--black);border-right:1px solid var(--border);z-index:300;width:78%;max-width:290px;height:100dvh;padding-top:calc(env(safe-area-inset-top) + var(--sp-lg));flex-direction:column;transition:left .3s;display:flex;position:fixed;top:0;left:-100%}.sidebar--open{left:0}.sidebar__sub{font-family:var(--fm);letter-spacing:3px;color:var(--muted);text-transform:uppercase;margin-top:4px;font-size:8px}.sidebar__body{scrollbar-width:none;flex:1;overflow-y:auto}.sidebar__body::-webkit-scrollbar{display:none}.sidebar__nucleo{display:none}.sidebar__sect{padding:16px var(--sp-lg) 6px}.sidebar__sect-lbl{font-family:var(--fm);letter-spacing:2.5px;color:var(--label);text-transform:uppercase;font-size:8px;font-weight:500}.sb-item{padding:13px var(--sp-lg);cursor:pointer;text-align:left;background:0 0;border:none;border-left:2px solid #0000;align-items:center;gap:14px;width:100%;transition:background .15s;display:flex}.sb-item:hover,.sb-item:active{background:var(--black-card2)}.sb-item--active{background:var(--black-card2);border-left-color:var(--white)}.sb-item__icon{background:var(--black-card2);border:1px solid var(--border);width:34px;height:34px;color:var(--white);border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:15px;display:flex}.sb-item--active .sb-item__icon{background:var(--white);border-color:var(--white);color:var(--black)}.sb-item__info{flex-direction:column;flex:1;min-width:0;display:flex}.sb-item__name{font-family:var(--fm);color:var(--white);letter-spacing:.3px;margin-bottom:2px;font-size:12px}.sb-item__desc{font-family:var(--fm);letter-spacing:1px;color:var(--label);text-transform:uppercase;font-size:8px}.sb-item__badge{font-family:var(--fm);letter-spacing:1px;color:var(--white);border:1px solid var(--border);border-radius:100px;flex-shrink:0;padding:2px 6px;font-size:7px;font-weight:500}.sidebar__hr{background:var(--border);width:calc(100% - 48px);height:1px;margin:4px var(--sp-lg)}.sidebar__foot{padding:18px var(--sp-lg);border-top:1px solid var(--border)}.sidebar__ver{font-family:var(--fm);letter-spacing:2px;color:var(--label);text-transform:uppercase;font-size:7px}.bottom-nav{background:var(--black);border-top:1px solid var(--border);padding:10px 0 calc(env(safe-area-inset-bottom) + var(--sp-md));flex-shrink:0;grid-template-columns:repeat(6,1fr);display:grid}.bottom-nav__item{cursor:pointer;background:0 0;border:none;flex-direction:column;align-items:center;gap:4px;min-width:0;padding:5px 0;display:flex;position:relative}.bottom-nav__glyph{color:var(--label);font-size:16px;line-height:1;transition:all .2s}.bottom-nav__item--active .bottom-nav__glyph{color:var(--white);transform:translateY(-1px)}.bottom-nav__label{text-overflow:ellipsis;white-space:nowrap;max-width:100%;font-family:var(--fm);letter-spacing:1.5px;text-transform:uppercase;color:var(--label);font-size:7px;font-weight:500;transition:color .2s;overflow:hidden}@media (width<=359px){.bottom-nav__label{letter-spacing:.9px;font-size:6.5px}}.bottom-nav__item--active .bottom-nav__label{color:var(--white)}.bottom-nav__item--active:after{content:"";background:var(--white);width:12px;height:1px;position:absolute;top:0;left:50%;transform:translate(-50%)}.bottom-nav__item--soon .bottom-nav__glyph,.bottom-nav__item--soon .bottom-nav__label{opacity:.7}.bottom-nav__item--soon:active{opacity:.85}.bottom-nav__badge{font-family:var(--fm);letter-spacing:.6px;color:var(--black);background:var(--cream,#f5e6c8);border:1px solid var(--cream,#f5e6c8);box-shadow:0 0 0 2px var(--black);border-radius:100px;padding:2px 6px;font-size:8px;font-weight:700;line-height:1;position:absolute;top:-2px;right:calc(50% - 22px)}@media (width>=1024px){.app-shell{grid-template:"rail topbar""rail content"1fr/264px 1fr;max-width:none;display:grid}.topbar{grid-area:topbar;padding:16px 40px}.menu-btn,.sidebar-overlay{display:none}.sidebar{grid-area:rail;width:auto;max-width:none;height:100%;transition:none;position:static;left:auto;overflow:hidden}.sidebar__nucleo{display:block}.app-shell__scroll{grid-area:content}.bottom-nav{display:none}}}@layer overrides;:root{--black:#ebe5d6;--black-soft:#f4efe4;--black-card:#f6f1e7;--black-card2:#e0d9c7;--cream:#0a0a0a;--cream-light:#0a0a0a;--cream-xlight:#0a0a0a;--cream-deep:#333;--cream-dark:#a89f8b;--white:#0a0a0a;--text:#151208;--text-sec:#151208;--text-muted:#151208;--border:#d9d1be;--border2:#0a0a0a0f;--dim:#c5bca6;--muted:#151208;--label:#151208;--error:#e53e3e;--fdisplay:"Bebas Neue", sans-serif;--fh:"Instrument Serif", serif;--fd:"DM Mono", monospace;--fb:"DM Mono", monospace;--fm:"DM Mono", monospace;--sp-xs:4px;--sp-sm:8px;--sp-md:16px;--sp-lg:24px;--sp-xl:32px;--sp-2xl:48px;--sp-3xl:64px;--radius-btn:11px;--radius-card:11px;--radius-input:8px;--radius-invite:12px;--radius-banner:16px;--fs-xs:clamp(10px, .18vw + 9.3px, 13px);--fs-sm:clamp(11px, .28vw + 9.95px, 14px);--fs-base:clamp(13px, .28vw + 11.95px, 16px);--fs-lg:clamp(16px, .37vw + 14.6px, 20px);--fs-xl:clamp(20px, .55vw + 17.9px, 26px);--fs-2xl:clamp(24px, .73vw + 21.25px, 32px);--fs-display:clamp(28px, 1.46vw + 22.5px, 44px);--sp-fluid-sm:clamp(8px, 1vw + 6px, 12px);--sp-fluid-md:clamp(16px, 2vw + 8px, 24px);--sp-fluid-lg:clamp(24px, 3vw + 12px, 48px);--sp-fluid-xl:clamp(32px, 4vw + 16px, 72px);--container-narrow-max:clamp(360px, 90vw, 560px);--container-medium-max:clamp(360px, 92vw, 960px);--container-wide-max:clamp(360px, 94vw, 1280px);--container-pad-x:clamp(16px, 4vw, 48px)}[data-theme=dark]{--black:#1a1a1a;--black-soft:#1f1f1f;--black-card:#1f1f1f;--black-card2:#2c2c2c;--cream:#bfbfba;--cream-light:#bfbfba;--cream-xlight:#bfbfba;--cream-deep:#a0a09b;--cream-dark:#6e6e6b;--white:#bfbfba;--text:#c9c9c4;--text-sec:#bdbdb8;--text-muted:#ababa6;--border:#313131;--border2:#c8c8c414;--dim:#4a4a48;--muted:#bfbfba;--label:#bfbfba}@media (width>=481px){body{font-size:13px}.frame.frame{max-width:720px;padding-left:32px;padding-right:32px}.quiz-screen__cta.quiz-screen__cta,.diagnosis-screen__cta.diagnosis-screen__cta{width:calc(100% - 64px);max-width:480px;left:50%;right:auto;transform:translate(-50%)}.h1.h1,.h2.h2,.h3.h3,.quiz-screen__question.quiz-screen__question,.welcome-letter__greeting.welcome-letter__greeting{font-size:26px}.mono.mono,.tag.tag,.bottom-nav__item.bottom-nav__item,.weekly-streak__label.weekly-streak__label,.habit-card__progress-text.habit-card__progress-text,.habits-section__title.habits-section__title,.habits-header__week.habits-header__week,.checkin-header__date.checkin-header__date,.checkin-confirmation__points-label.checkin-confirmation__points-label,.checkin-confirmation__bonus.checkin-confirmation__bonus,.sentiment-chip.sentiment-chip,.quiz-progress__counter.quiz-progress__counter,.quiz-text-counter.quiz-text-counter,.character-card__level.character-card__level,.diagnosis-row__label.diagnosis-row__label,.home-protocol-subtitle.home-protocol-subtitle,.audio-player__pauta.audio-player__pauta,.foreground-banner__text.foreground-banner__text,.progress-bar__time.progress-bar__time{font-size:10px}.audio-player__title.audio-player__title{font-size:13px}.btn-p.btn-p,.btn-o.btn-o,.btn-g.btn-g{max-width:480px;margin-left:auto;margin-right:auto;padding:14px;font-size:10px}.quiz-screen__options.quiz-screen__options{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.character-card.character-card{max-width:560px;margin-left:auto;margin-right:auto}.frame .store__grid{grid-template-columns:repeat(2,1fr)}.frame .sentiment-picker__grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.quiz-screen.quiz-screen,.diagnosis-screen.diagnosis-screen,.diagnosis-personagem.diagnosis-personagem,.welcome-letter.welcome-letter,.loading-screen.loading-screen{max-width:720px;margin-left:auto;margin-right:auto;padding-left:32px;padding-right:32px}}@media (width>=1024px){body{font-size:14px}.frame.frame{max-width:960px;padding-left:48px;padding-right:48px}.audio-player.audio-player{min-height:72px;bottom:0}.mono.mono,.tag.tag,.bottom-nav__item.bottom-nav__item,.weekly-streak__label.weekly-streak__label,.habit-card__progress-text.habit-card__progress-text,.habits-section__title.habits-section__title,.habits-header__week.habits-header__week,.checkin-header__date.checkin-header__date,.checkin-confirmation__points-label.checkin-confirmation__points-label,.checkin-confirmation__bonus.checkin-confirmation__bonus,.sentiment-chip.sentiment-chip,.quiz-progress__counter.quiz-progress__counter,.quiz-text-counter.quiz-text-counter,.character-card__level.character-card__level,.diagnosis-row__label.diagnosis-row__label,.home-protocol-subtitle.home-protocol-subtitle,.audio-player__pauta.audio-player__pauta,.foreground-banner__text.foreground-banner__text,.progress-bar__time.progress-bar__time{font-size:12px}.audio-player__title.audio-player__title{font-size:15px}[data-testid=plan-card-list]{grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;align-items:stretch;gap:16px;display:grid}[data-testid=plan-card-list] .plan{flex-direction:column;height:100%;margin-bottom:0;display:flex}.btn-p.btn-p,.btn-o.btn-o,.btn-g.btn-g{max-width:600px;padding:16px 20px;font-size:12px}.h1.h1,.h2.h2,.h3.h3,.quiz-screen__question.quiz-screen__question,.welcome-letter__greeting.welcome-letter__greeting{font-size:30px}.frame.home-screen,.frame.habits-screen,.frame.habit-detail,.frame.store,.frame.profile,.frame.checkin-flow{padding-bottom:32px}.frame.audio-browse,.frame.audio-detail{padding-bottom:96px}.frame .habits-active-section,.frame .habits-locked-section{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr;align-items:stretch;gap:16px;display:grid}.frame .habits-active-section>*,.frame .habits-locked-section>*{height:100%}.frame .audio-cat__items{grid-template-columns:repeat(2,1fr);align-items:start;gap:8px;display:grid}.frame .store__grid{grid-template-columns:repeat(2,1fr);grid-auto-rows:1fr}.frame .diagnosis-rows{grid-template-columns:1fr 1fr;grid-auto-rows:1fr;align-items:stretch;gap:16px;display:grid}.welcome-letter__cta.welcome-letter__cta{max-width:420px;margin-left:auto;margin-right:auto}.quiz-screen__cta.quiz-screen__cta,.diagnosis-screen__cta.diagnosis-screen__cta{width:calc(100% - 96px);max-width:420px;position:fixed;bottom:32px;left:50%;right:auto;transform:translate(-50%)}.quiz-screen__options.quiz-screen__options{grid-template-columns:repeat(2,1fr)}.frame .sentiment-picker__grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.frame.profile{max-width:800px}.frame.profile .profile__stats{grid-template-columns:repeat(2,1fr)}.frame.profile .profile__settings-btn{max-width:360px}.character-card.character-card{max-width:720px}.quiz-screen.quiz-screen,.diagnosis-screen.diagnosis-screen,.diagnosis-personagem.diagnosis-personagem,.welcome-letter.welcome-letter,.loading-screen.loading-screen{max-width:960px;margin-left:auto;margin-right:auto;padding-left:48px;padding-right:48px}.diagnosis-screen__content.diagnosis-screen__content,.welcome-letter__body.welcome-letter__body{max-width:720px;margin-left:auto;margin-right:auto}}@media (width>=1440px){.frame.frame,.quiz-screen.quiz-screen,.diagnosis-screen.diagnosis-screen,.diagnosis-personagem.diagnosis-personagem,.welcome-letter.welcome-letter,.loading-screen.loading-screen{max-width:1100px}.frame .habits-active-section,.frame .habits-locked-section{grid-template-columns:repeat(3,1fr)}}@media (width>=1600px){.frame .store__grid{grid-template-columns:repeat(3,1fr)}}:focus-visible{outline:1px solid var(--cream);outline-offset:2px}.btn-p,.btn-o,.btn-g{border-radius:var(--radius-btn);width:100%;font-family:var(--fm);text-transform:uppercase;letter-spacing:.15em;cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;outline:none;flex-shrink:0;justify-content:center;align-items:center;min-height:44px;padding:11px;font-size:9px;font-weight:400;line-height:1;transition:transform .1s ease-out,filter .1s ease-out;display:inline-flex}.btn-p:hover,.btn-o:hover,.btn-g:hover{filter:brightness(1.1)}.btn-p:active,.btn-o:active,.btn-g:active{transform:scale(.98)}.btn-p:disabled,.btn-o:disabled,.btn-g:disabled{opacity:.4;pointer-events:none}.btn-p{background:var(--cream);color:var(--black)}.btn-o{border:1px solid var(--cream);color:var(--cream);background:0 0}.btn-g{border:1px solid var(--border2);color:var(--text-sec);background:0 0}.card{background:var(--black-card);border:1px solid var(--border);border-radius:var(--radius-card);padding:11px 13px}.invite-code{background:var(--black-card2);border:1px dashed var(--border);border-radius:var(--radius-invite);padding:14px}.h1,.h2,.h3{font-family:var(--fh);color:var(--text);margin:0;font-size:22px;font-weight:400;line-height:1.2}.body{font-family:var(--fb);color:var(--text);font-size:11px;font-weight:400;line-height:1.5}.mono{font-family:var(--fm);letter-spacing:.15em;font-size:9px;font-weight:400}.tag{font-family:var(--fm);text-transform:uppercase;letter-spacing:.2em;color:var(--cream);font-size:9px;font-weight:400}.frame{width:100%;max-width:430px;min-height:100dvh;margin:0 auto;padding-left:18px;padding-right:18px}input[type=text],input[type=email],input[type=password],input[type=tel],input[type=number]{background:var(--black-soft);border:1px solid var(--border);border-radius:var(--radius-input);font-family:var(--fm);color:var(--text);appearance:none;outline:none;width:100%;padding:8px 12px;font-size:11px;font-weight:400;transition:border-color .2s}input[type=text]::placeholder,input[type=email]::placeholder,input[type=password]::placeholder,input[type=tel]::placeholder,input[type=number]::placeholder{color:var(--text-muted);letter-spacing:.1em}input[type=text]:focus,input[type=email]:focus,input[type=password]:focus,input[type=tel]:focus,input[type=number]:focus{border-color:var(--cream)}input.input-error{border-color:var(--error)}.input-label{font-family:var(--fm);text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);font-size:9px;font-weight:400}.input-error-msg{font-family:var(--fb);color:var(--error);padding-top:4px;font-size:11px;font-weight:400}.splash-bg{background:var(--black);flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.s-sub{font-family:var(--fm);text-transform:uppercase;letter-spacing:.22em;color:var(--text-muted);margin-top:var(--sp-md);font-size:9px;font-weight:400}.s-line{background:linear-gradient(transparent, var(--cream), transparent);opacity:.4;width:1px;height:36px;margin-top:18px}.dots{gap:var(--sp-xs);margin-top:var(--sp-md);display:flex}.dots span{background:var(--cream);opacity:.5;border-radius:50%;width:4px;height:4px;animation:1.4s ease-in-out infinite pulse}.dots span:nth-child(2){animation-delay:.2s}.dots span:nth-child(3){animation-delay:.4s}.uncool-wordmark{font-family:var(--fdisplay);text-transform:uppercase;color:var(--text);letter-spacing:.27em;margin-right:-.27em;font-weight:400;line-height:1;display:inline-block}.uncool-wordmark--splash{font-size:52px}.uncool-wordmark--header{font-size:24px}@keyframes fu{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes pulse{0%,to{opacity:.3;transform:scale(.8)}50%{opacity:1;transform:scale(1)}}@keyframes error-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.anim-fu{animation:.8s both fu}.anim-pulse{animation:1.4s ease-in-out infinite pulse}.anim-spin{animation:1.2s linear infinite spin}.suspense-fallback{background:var(--black);width:100%;min-height:100%;color:var(--muted,#bfbfba);flex:auto;justify-content:center;align-items:center;display:flex}.suspense-fallback--fullscreen{z-index:1;min-height:100dvh;position:fixed;inset:0}.suspense-fallback__label{font-family:var(--fm,"DM Mono", monospace);letter-spacing:.08em;text-transform:uppercase;opacity:.5;font-size:.75rem}.audio-player{background:var(--black-card);border-top:1px solid var(--border);z-index:90;max-width:clamp(360px,92vw,1100px);margin-inline:auto;padding:10px 16px 6px;transition:transform .2s ease-out;position:fixed;bottom:60px;left:0;right:0}.audio-player--hidden{pointer-events:none;transform:translateY(100%)}.audio-player__content{align-items:center;gap:12px;display:flex}.audio-player__info{flex:1;min-width:0}.audio-player__title{font-family:var(--fd);color:var(--text);white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;line-height:1.3;overflow:hidden}.audio-player__pauta{font-family:var(--fm);text-transform:uppercase;letter-spacing:.2em;color:var(--text-muted);margin-top:2px;font-size:8px;font-weight:400}.audio-player__play-btn{background:var(--cream);width:40px;height:40px;color:var(--black);cursor:pointer;-webkit-tap-highlight-color:transparent;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:transform .1s ease-out,filter .1s ease-out;display:flex}.audio-player__play-btn:active{transform:scale(.93)}.audio-player__play-btn svg{width:18px;height:18px}.audio-player__close-btn{width:32px;height:32px;color:var(--text-muted);cursor:pointer;-webkit-tap-highlight-color:transparent;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:color .1s ease-out,transform .1s ease-out;display:flex}.audio-player__close-btn:hover{color:var(--text)}.audio-player__close-btn:active{transform:scale(.9)}.audio-player__close-btn svg{width:16px;height:16px}.progress-bar-wrap{margin-top:6px}.progress-bar{background:var(--black-card2);cursor:pointer;touch-action:none;border-radius:2px;width:100%;height:4px;position:relative}.progress-bar__fill{background:var(--cream);border-radius:2px;width:0%;height:100%;transition:none}.progress-bar__time{color:var(--text-muted);justify-content:space-between;margin-top:4px;display:flex}.foreground-banner{text-align:center;padding:4px 0 2px}.foreground-banner__text{color:var(--text-muted);font-size:8px}