*{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}.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}.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 .15s,background-color .15s;display:flex;position:relative;box-shadow:0 1px 4px #0000000f}.impulse-stage--hit{background:#f0fdf4;border-color:#22c55e}.impulse-stage--miss{background:#fef2f2;border-color:#ef4444}.impulse-stage__item{opacity:1;flex-direction:column;align-items:center;gap:12px;transition:opacity .3s ease-out;animation:.15s ease-out 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}.impulse-stage__feedback{font-size:52px;animation:.15s ease-out impulse-pop;position:absolute;bottom:28px;right:32px}@keyframes impulse-pop{0%{opacity:0;transform:scale(.7)}to{opacity:1;transform:scale(1)}}.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%}}