*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{color:#1a1a1a;background:#f5f6fa;font-family:system-ui,Segoe UI,Roboto,sans-serif}h1{margin:8px 0 4px;font-size:22px}h2{margin:8px 0;font-size:18px}.app{background:#f5f6fa;flex-direction:column;max-width:480px;min-height:100vh;margin:0 auto;display:flex}.app__content{flex:1;padding-bottom:76px}.page{padding:16px}.page--center{text-align:center;justify-content:center;align-items:center;min-height:100vh;display:flex}.page--chat{flex-direction:column;height:calc(100vh - 76px);padding-bottom:0;display:flex}.muted{color:#888;font-size:14px}.success{color:#16a34a;font-weight:500}.card{background:#fff;border-radius:14px;margin:16px 0;padding:16px;box-shadow:0 1px 4px #0000000f}.card.center{text-align:center}.card__title{margin-bottom:8px;font-weight:600}.btn{cursor:pointer;border:none;border-radius:10px;width:100%;padding:12px 16px;font-size:15px}.btn-primary{color:#fff;background:#4f46e5;margin-top:12px;font-weight:600}.btn-primary:disabled{opacity:.6}.btn-secondary{color:#4f46e5;background:#eef0ff;border-radius:12px;width:auto;padding:14px 24px;font-size:15px;font-weight:700}.btn-link{color:#4f46e5;cursor:pointer;background:0 0;border:none;padding:0;font-size:14px}textarea,input{box-sizing:border-box;border:1px solid #e2e2e2;border-radius:8px;width:100%;padding:10px;font-family:inherit;font-size:14px}.mood-row{grid-template-columns:repeat(4,1fr);gap:8px;margin:16px 0;display:grid}.mood-btn{cursor:pointer;background:#fff;border:2px solid #0000;border-radius:12px;flex-direction:column;align-items:center;gap:4px;padding:12px 4px;font-size:12px;display:flex}.mood-btn--active{background:#eef2ff;border-color:#4f46e5}.mood-btn__emoji{font-size:28px}.risk-gauge__value{font-size:28px;font-weight:700}.risk-gauge__bar{background:#eee;border-radius:4px;height:8px;margin:8px 0;overflow:hidden}.risk-gauge__fill{border-radius:4px;height:100%;transition:width .3s}.risk-gauge__label{font-weight:600}.bottom-nav{background:#fff;border-top:1px solid #eee;width:100%;max-width:480px;padding:8px 0;display:flex;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.bottom-nav__item{color:#999;flex-direction:column;flex:1;align-items:center;gap:2px;font-size:11px;text-decoration:none;display:flex}.bottom-nav__item--active{color:#4f46e5;font-weight:600}.bottom-nav__icon{font-size:20px}.test-header{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.progress-bar{background:#eee;border-radius:3px;height:6px;margin-bottom:12px;overflow:hidden}.progress-bar__fill{background:#4f46e5;height:100%;transition:width .3s}.options{flex-direction:column;gap:8px;margin-top:12px;display:flex}.option-btn{text-align:left;cursor:pointer;background:#fff;border:1px solid #e2e2e2;border-radius:10px;align-items:center;gap:10px;padding:12px;font-size:14px;display:flex}.option-btn--active{background:#eef2ff;border-color:#4f46e5}.option-btn__key{background:#f0f0f0;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;font-weight:600;display:flex}.result-star{font-size:48px}.thanks-page{background:linear-gradient(135deg,#1e1b3a 0%,#3b2f8f 50%,#6d4ce0 100%);min-height:100vh;padding:16px}.thanks-card{text-align:center;background:#fffffff7;border-radius:24px;width:100%;max-width:360px;padding:32px 24px 28px;box-shadow:0 20px 60px #0000004d}.thanks-confetti{margin-bottom:6px;font-size:48px}.thanks-title{color:#1e1b3a;margin:0 0 4px;font-size:26px;font-weight:800}.thanks-sub{color:#64748b;margin:0 0 20px;font-size:14px}.thanks-reveal-label{color:#6d4ce0;letter-spacing:.3px;min-height:20px;margin-bottom:12px;font-size:13px;font-weight:600;transition:opacity .4s}.thanks-reveal{background:linear-gradient(135deg,#f3f0ff 0%,#ede9fe 100%);border:2px solid #ddd6fe;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;min-height:140px;padding:28px 20px;display:flex}.thanks-reveal__dots{gap:8px;display:flex}.thanks-reveal__dots span{background:#a78bfa;border-radius:50%;width:10px;height:10px;animation:1.2s ease-in-out infinite ts-dot}.thanks-reveal__dots span:nth-child(2){animation-delay:.2s}.thanks-reveal__dots span:nth-child(3){animation-delay:.4s}.thanks-reveal--open .thanks-reveal__emoji{font-size:64px;animation:.5s cubic-bezier(.34,1.56,.64,1) both reveal-pop}.thanks-reveal__title{color:#3730a3;margin:8px 0 6px;font-size:22px;font-weight:800;animation:.4s .15s both reveal-slide}.thanks-reveal__desc{color:#4c1d95;margin:0;font-size:14px;line-height:1.5;animation:.4s .25s both reveal-slide}@keyframes reveal-pop{0%{opacity:0;transform:scale(0)}60%{transform:scale(1.2)}to{opacity:1;transform:scale(1)}}@keyframes reveal-slide{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.transition-screen{z-index:999;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.transition-screen__bg{background:linear-gradient(135deg,#1e1b3a 0%,#3b2f8f 50%,#6d4ce0 100%);position:absolute;inset:0}.transition-screen__content{z-index:1;text-align:center;flex-direction:column;align-items:center;gap:20px;padding:40px 32px;display:flex;position:relative}.transition-screen__icon-wrap{justify-content:center;align-items:center;width:96px;height:96px;display:flex;position:relative}.transition-screen__brain{z-index:1;font-size:48px;animation:1.8s ease-in-out infinite ts-pulse}@keyframes ts-pulse{0%,to{transform:scale(1)}50%{transform:scale(1.12)}}.transition-screen__ring{border:3px solid #ffffffe6;border-color:#ffffffe6 #ffffff4d #0000 #0000;border-radius:50%;animation:1s linear infinite ts-spin;position:absolute;inset:0}@keyframes ts-spin{to{transform:rotate(360deg)}}.transition-screen__title{color:#fff;letter-spacing:.01em;margin:0;font-size:20px;font-weight:700}.transition-screen__sub{color:#fff9;margin:0;font-size:14px}.transition-screen__dots{gap:8px;margin-top:4px;display:flex}.transition-screen__dots span{background:#ffffff80;border-radius:50%;width:8px;height:8px;animation:1.2s ease-in-out infinite ts-dot}.transition-screen__dots span:nth-child(2){animation-delay:.2s}.transition-screen__dots span:nth-child(3){animation-delay:.4s}@keyframes ts-dot{0%,80%,to{opacity:.4;transform:scale(.7)}40%{opacity:1;transform:scale(1.2)}}.result-percent{color:#4f46e5;margin:8px 0;font-size:36px;font-weight:700}.chat-messages{flex-direction:column;flex:1;gap:8px;padding:16px;display:flex;overflow-y:auto}.chat-bubble{border-radius:14px;max-width:80%;padding:10px 14px;font-size:14px;line-height:1.4}.chat-bubble--user{color:#fff;background:#4f46e5;border-bottom-right-radius:4px;align-self:flex-end}.chat-bubble--assistant{background:#fff;border-bottom-left-radius:4px;align-self:flex-start}.chat-bubble--typing{opacity:.6}.chat-input{background:#fff;border-top:1px solid #eee;gap:8px;padding:12px 16px;display:flex}.chat-input input{flex:1}.chat-input .btn{width:auto;padding:10px 16px}.mood-history{gap:8px;display:flex;overflow-x:auto}.mood-history__item{color:#888;flex-direction:column;flex-shrink:0;align-items:center;gap:4px;font-size:12px;display:flex}.mood-history__emoji{font-size:24px}.profile-avatar{font-size:48px}.field{flex-direction:column;gap:4px;margin-bottom:12px;font-size:14px;display:flex}.field select{box-sizing:border-box;background:#fff;border:1px solid #e2e2e2;border-radius:8px;width:100%;padding:10px;font-family:inherit;font-size:14px}.error{color:#dc2626;margin:4px 0 0;font-size:13px}.app,.page--center{background:linear-gradient(160deg,#4f46e5 0%,#7c3aed 45%,#a855f7 100%)}.page--center{box-sizing:border-box;padding:16px}.register-card{text-align:center;border-radius:20px;width:100%;max-width:420px}.register-hero{margin-bottom:4px;font-size:48px}.register-card h1{margin:4px 0;font-size:22px}.register-card .field{text-align:left}.camera-card{max-width:480px}.camera-preview{background:#000;border-radius:12px;width:100%;margin:8px 0;overflow:hidden}.camera-video{border-radius:12px;width:100%;display:block;transform:scaleX(-1)}.camera-captured{border-radius:12px;width:100%;margin:8px 0;transform:scaleX(-1)}.camera-actions{flex-direction:column;gap:10px;width:100%;margin-top:8px;display:flex}.btn-secondary{color:#6d4ce0;cursor:pointer;background:0 0;border:1.5px solid #6d4ce0;border-radius:10px;padding:12px;font-size:15px;transition:background .2s}.btn-secondary:hover{background:#6d4ce014}.game-page{box-sizing:border-box;color:#1a1a1a;background:#f4f5fb;flex-direction:column;justify-content:center;gap:0;width:100%;max-width:1400px;min-height:100vh;margin:0 auto;padding:24px;display:flex}.game-topbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:20px;display:flex}.game-brand{align-items:center;gap:10px;display:flex}.game-brand__icon{font-size:32px}.game-brand__title{letter-spacing:.5px;color:#4f46e5;font-size:16px;font-weight:700}.game-brand__subtitle{color:#888;font-size:12px}.game-actions{align-items:center;gap:10px;display:flex}.time-chip{background:#fff;border:1px solid #e4e4f0;border-radius:999px;align-items:center;gap:6px;padding:8px 16px;font-size:14px;font-weight:600;display:flex;box-shadow:0 1px 4px #0000000a}.btn-exit{color:#555;cursor:pointer;background:#fff;border:1px solid #e4e4f0;border-radius:999px;padding:8px 18px;font-size:14px;font-weight:600}.btn-exit:hover{background:#f5f5fb}.welcome-card{color:#fff;background:linear-gradient(160deg,#4f46e5 0%,#7c3aed 45%,#a855f7 100%);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;padding:24px 28px;display:flex}.welcome-card__title{margin-bottom:4px;font-size:22px;font-weight:700}.welcome-card__subtitle{opacity:.9;margin-bottom:12px;font-size:14px}.info-chips{flex-wrap:wrap;gap:8px;display:flex}.info-chip{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#ffffff2e;border-radius:999px;padding:6px 14px;font-size:13px;font-weight:600}.welcome-card__hero{font-size:56px;line-height:1}.progress-section{margin-bottom:20px}.progress-section__label{color:#666;justify-content:space-between;margin-bottom:6px;font-size:13px;font-weight:600;display:flex}.question-card{background:#fff;border-radius:20px;grid-template-columns:320px 1fr;gap:24px;margin-bottom:20px;padding:24px;display:grid;box-shadow:0 1px 4px #0000000f}.question-illustration{border-radius:16px;min-height:260px;overflow:hidden}.question-illustration img{object-fit:cover;width:100%;height:100%;display:block}.question-content{flex-direction:column;display:flex}.game-badge{color:#4f46e5;letter-spacing:.5px;text-transform:uppercase;background:#eef2ff;border-radius:999px;align-self:flex-start;margin-bottom:14px;padding:5px 14px;font-size:12px;font-weight:700;display:inline-block}.game-question{margin-bottom:16px;font-size:20px;font-weight:600;line-height:1.4}.question-content .options{margin-top:0}.life-choice-card{background:#fff;border-radius:20px;margin-bottom:20px;padding:24px;box-shadow:0 1px 4px #0000000f}.life-choice-options{grid-template-columns:1fr 1fr;gap:16px;margin-top:16px;display:grid}.life-choice-option{cursor:pointer;text-align:left;background:#fff;border:3px solid #eee;border-radius:16px;flex-direction:column;padding:0;transition:border-color .15s,box-shadow .15s,transform .15s;display:flex;position:relative;overflow:hidden}.life-choice-option:hover{border-color:#c7d2fe}.life-choice-option--active{border-color:#4f46e5;transform:scale(.98);box-shadow:0 0 0 4px #eef2ff}.life-choice-option--active .life-choice-option__label{color:#4f46e5;background:#eef2ff;font-weight:700}.life-choice-option--active:after{content:"✓";color:#fff;background:#4f46e5;border-radius:50%;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:700;display:flex;position:absolute;top:10px;right:10px;box-shadow:0 2px 6px #4f46e566}.life-choice-option__image{aspect-ratio:16/9;width:100%;overflow:hidden}.life-choice-option__image img{object-fit:cover;width:100%;height:100%;display:block}.life-choice-option__label{padding:12px 14px;font-size:14px;line-height:1.4;transition:background .15s,color .15s}@media (width<=992px){.life-choice-options{grid-template-columns:1fr}}.question-content .option-btn{border:2px solid #eee;border-radius:12px;padding:14px 16px;font-size:15px}.option-btn__icon{flex-shrink:0;font-size:22px}.game-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;display:flex}.game-hint{color:#333;font-size:15px;font-weight:700}.game-next-btn{border-radius:12px;width:auto;padding:14px 32px;font-size:15px;font-weight:700}.mood-select-card{background:#fff;border-radius:20px;margin-bottom:20px;padding:28px;box-shadow:0 1px 4px #0000000f}.impulse-instructions{background:#fff;border-radius:20px;flex-direction:column;gap:24px;margin-bottom:20px;padding:36px 40px;display:flex;box-shadow:0 1px 4px #0000000f}.impulse-instructions__row{color:#333;align-items:center;gap:24px;font-size:19px;font-weight:600;display:flex}.impulse-items{flex-wrap:wrap;gap:14px;display:flex}.impulse-item{background:#f4f5fb;border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:8px;min-width:110px;padding:18px 20px;display:inline-flex}.impulse-item__emoji{font-size:44px;line-height:1}.impulse-item__label{color:#666;font-size:14px;font-weight:700}.impulse-stage{cursor:pointer;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent;background:#fff;border:3px solid #0000;border-radius:20px;justify-content:center;align-items:center;height:480px;margin-bottom:20px;transition:border-color .12s,background-color .12s;display:flex;position:relative;overflow:hidden;box-shadow:0 1px 4px #0000000f}.impulse-stage--hit{border-color:#22c55e;animation:.35s ease-out impulse-flash-hit}.impulse-stage--miss{border-color:#ef4444;animation:.35s ease-out impulse-flash-miss}@keyframes impulse-flash-hit{0%{background:#fff}30%{background:#bbf7d0}to{background:#f0fdf4}}@keyframes impulse-flash-miss{0%{background:#fff}30%{background:#fecaca}to{background:#fef2f2}}.impulse-stage__item{opacity:1;flex-direction:column;align-items:center;gap:12px;transition:opacity .25s ease-out;animation:.22s cubic-bezier(.34,1.56,.64,1) impulse-pop;display:flex}.color-test-card{background:#fff;border-radius:20px;flex-direction:column;gap:28px;margin-bottom:20px;padding:32px;display:flex;box-shadow:0 1px 4px #0000000f}.color-hero{position:relative;overflow:hidden}.color-hero__icon{background:#fff3;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:64px;height:64px;font-size:32px;display:flex}.color-hero__sparkle{color:#ffffff80;pointer-events:none;position:absolute}.color-hero__sparkle--1{font-size:14px;top:22px;right:70px}.color-hero__sparkle--2{font-size:22px;top:56px;right:150px}.color-hero__sparkle--3{font-size:16px;bottom:26px;right:100px}.color-grid{grid-template-columns:repeat(4,1fr);gap:18px;display:grid}.color-card{cursor:pointer;background:#fff;border:none;border-radius:16px;padding:0;transition:transform .1s ease-out,opacity .15s;position:relative;overflow:hidden;box-shadow:0 2px 6px #00000014}.color-card:hover:not(:disabled){transform:translateY(-2px)}.color-card:active:not(:disabled){transform:scale(.97)}.color-card--picked{opacity:.45;cursor:default}.color-card__top{justify-content:center;align-items:center;height:110px;display:flex}.color-card__icon{background:#ffffffd9;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;font-size:20px;display:flex}.color-card__bottom{align-items:center;gap:10px;padding:12px 14px;display:flex}.color-card__badge{color:#4f46e5;background:#eef0ff;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:700;display:inline-flex}.color-card__label{color:#333;font-size:15px;font-weight:700}.color-info{background:#f4f5ff;border-radius:16px;align-items:center;gap:16px;padding:18px 22px;display:flex;position:relative}.color-info__icon{flex-shrink:0;font-size:22px}.color-info__title{color:#4f46e5;margin-bottom:4px;font-weight:700}.color-info__text{color:#666;font-size:14px}.color-info__sparkle{color:#c7c9f5;font-size:22px;position:absolute;top:50%;right:22px;transform:translateY(-50%)}@media (width<=640px){.color-grid{grid-template-columns:repeat(2,1fr)}}.impulse-stage__item--fading{opacity:.25}.impulse-stage__emoji{font-size:150px;line-height:1}.impulse-stage__label{color:#333;font-size:28px;font-weight:700}@keyframes impulse-pop{0%{opacity:0;transform:scale(.3)}60%{opacity:1;transform:scale(1.18)}80%{transform:scale(.94)}to{opacity:1;transform:scale(1)}}.impulse-rules{background:#f5f3ff;border:1px solid #ede9fe;border-radius:12px;flex-direction:column;gap:6px;margin-top:12px;padding:12px 14px;display:flex}.impulse-rules span{color:#4b5563;font-size:13px}.impulse-lives{align-items:center;gap:4px;display:flex}.impulse-life{font-size:22px;transition:opacity .2s,transform .2s}.impulse-life--lost{opacity:.2;filter:grayscale();transform:scale(.8)}.impulse-combo{color:#f59e0b;text-shadow:0 2px 8px #f59e0b66;white-space:nowrap;pointer-events:none;font-size:22px;font-weight:800;animation:.5s cubic-bezier(.34,1.56,.64,1) forwards impulse-combo-pop;position:absolute;top:60px;left:50%;transform:translate(-50%)}@keyframes impulse-combo-pop{0%{opacity:0;transform:translate(-50%)scale(.5)translateY(10px)}60%{opacity:1;transform:translate(-50%)scale(1.15)translateY(-4px)}to{opacity:1;transform:translate(-50%)scale(1)translateY(0)}}.impulse-rt-badge{pointer-events:none;font-size:15px;font-weight:700;animation:.4s cubic-bezier(.34,1.56,.64,1) forwards impulse-combo-pop;position:absolute;top:16px;left:20px}.impulse-speed-badge{color:#7c3aed;background:#ede9fe;border-radius:20px;margin-left:10px;padding:2px 8px;font-size:12px;font-weight:700}.impulse-result-card{flex-direction:column;align-items:center;gap:16px;width:100%;max-width:340px;padding:28px 24px;display:flex}.impulse-result-stars{gap:8px;display:flex}.impulse-result-star{filter:grayscale();opacity:.25;font-size:38px;transition:all .3s}.impulse-result-star--on{filter:none;opacity:1;animation:.4s cubic-bezier(.34,1.56,.64,1) impulse-star-pop}@keyframes impulse-star-pop{0%{transform:scale(0)}70%{transform:scale(1.3)}to{transform:scale(1)}}.impulse-result-title{color:#1e1b3a;margin:0;font-size:24px;font-weight:800}.impulse-result-stats{gap:12px;width:100%;display:flex}.impulse-result-stat{background:#f5f3ff;border:1px solid #ede9fe;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:4px;padding:12px 8px;display:flex}.impulse-result-stat__val{color:#6d4ce0;font-size:20px;font-weight:800}.impulse-result-stat__label{color:#9ca3af;font-size:11px;font-weight:500}.impulse-score{color:#22c55e;background:#f0fdf4;border:1.5px solid #bbf7d0;border-radius:20px;padding:4px 14px;font-size:18px;font-weight:700;transition:transform .12s;position:absolute;top:16px;right:20px}.impulse-score--bump{transform:scale(1.35)}.impulse-stage__feedback{font-size:52px;animation:.18s cubic-bezier(.34,1.56,.64,1) impulse-pop;position:absolute;bottom:28px;right:32px}.mood-badge{color:#4f46e5;letter-spacing:.5px;text-transform:uppercase;background:#eef2ff;border-radius:999px;align-items:center;gap:10px;margin-bottom:24px;padding:10px 22px;font-size:13px;font-weight:700;display:inline-flex}.mood-badge__icon{font-size:20px}.mood-options{grid-template-columns:repeat(4,1fr);gap:16px;display:grid}.mood-option{cursor:pointer;color:#333;background:#fff;border:2px solid #eee;border-radius:16px;flex-direction:column;align-items:center;gap:12px;padding:28px 12px;font-size:16px;font-weight:700;transition:all .15s;display:flex}.mood-option:hover{border-color:#c7d2fe}.mood-option--active{background:#eef2ff;border-color:#4f46e5}.mood-option__emoji{font-size:48px;line-height:1}@media (width<=600px){.mood-options{grid-template-columns:repeat(2,1fr)}}@media (width<=800px){.question-card{grid-template-columns:1fr}.question-illustration{min-height:160px;font-size:48px}.game-footer{flex-direction:column-reverse;align-items:stretch}.game-next-btn{width:100%}}