:root{color-scheme:dark;--tg-safe-top: var(--tg-content-safe-area-inset-top, var(--tg-safe-area-inset-top, env(safe-area-inset-top, 0px)));--tg-safe-bottom: var(--tg-content-safe-area-inset-bottom, var(--tg-safe-area-inset-bottom, env(safe-area-inset-bottom, 0px)));--tg-safe-left: var(--tg-content-safe-area-inset-left, var(--tg-safe-area-inset-left, env(safe-area-inset-left, 0px)));--tg-safe-right: var(--tg-content-safe-area-inset-right, var(--tg-safe-area-inset-right, env(safe-area-inset-right, 0px)));--tg-viewport: var(--tg-viewport-stable-height, 100dvh);--bg: #08090d;--bg-2: #11131a;--surface: rgba(20, 22, 30, .9);--surface-2: rgba(28, 31, 41, .92);--surface-3: rgba(37, 41, 53, .96);--text: #f6f7fb;--muted: #9da4b7;--line: rgba(255, 255, 255, .08);--accent: #ff4d30;--accent-2: #ff8a34;--accent-3: #ff2f77;--good: #7af0c2;--shadow: 0 24px 80px rgba(0, 0, 0, .5)}*{box-sizing:border-box}html,body,#app{height:100%}body{margin:0;font-family:SF Pro Text,SF Pro Display,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;color:var(--text);background:radial-gradient(circle at 20% 12%,rgba(255,77,48,.18),transparent 24%),radial-gradient(circle at 82% 18%,rgba(255,47,119,.14),transparent 20%),radial-gradient(circle at 68% 82%,rgba(255,138,52,.16),transparent 18%),linear-gradient(180deg,#05060a,#0a0c11 45%,#090b10)}button,input,textarea{font:inherit}button{border:0}.mobile-stage{position:relative;min-height:var(--tg-viewport);height:var(--tg-viewport);padding:calc(var(--tg-safe-top) + 8px) calc(var(--tg-safe-right) + 8px) calc(var(--tg-safe-bottom) + 12px) calc(var(--tg-safe-left) + 8px);overflow:hidden}.ambient{position:fixed;width:48vw;height:48vw;border-radius:999px;filter:blur(72px);opacity:.48;pointer-events:none}.ambient-left{top:-10vw;left:-12vw;background:#ff4d302e}.ambient-right{right:-14vw;bottom:8vh;background:#ff2f7729}.phone-frame{position:relative;z-index:1;width:min(100%,420px);height:100%;margin:0 auto;border-radius:30px;border:1px solid rgba(255,255,255,.07);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent 26%),#07080ce6;box-shadow:var(--shadow);overflow:hidden;display:grid;grid-template-rows:auto minmax(0,1fr) auto}.top-timer{position:absolute;top:8px;left:50%;transform:translate(-50%);z-index:3;min-width:92px;padding:6px 12px;border-radius:999px;border:1px solid rgba(255,255,255,.08);background:#14161ee0;text-align:center;box-shadow:0 12px 32px #00000047}.top-timer span{display:block;font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted)}.top-timer strong{display:block;margin-top:2px;color:var(--text);font-size:.85rem;letter-spacing:.02em}.phone-top{padding:42px 10px 6px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#ffffff0a,#fff0),#0b0d13f0}.status-row,.hero-line,.range-head,.range-scale,.bottom-meta,.bottom-actions{display:flex;justify-content:space-between;align-items:center;gap:10px}.mini-label,.teaser-pill span,.question-kicker,.insight-card span,.micro-reading span,.review-card span,.result-card span,.signal-card span{text-transform:uppercase;letter-spacing:.16em;font-size:.61rem;color:var(--muted)}.hero-line{margin-top:4px}.hero-line.compact{align-items:center}.hero-line h1,.question-head h2{margin:0;font-family:SF Pro Display,SF Pro Text,-apple-system,BlinkMacSystemFont,Helvetica Neue,sans-serif;font-weight:700;line-height:.96;letter-spacing:-.03em}.hero-line h1{font-size:1.55rem}.hero-subline{margin:2px 0 0;color:var(--muted);font-size:.72rem}.progress-ring{width:42px;height:42px;border-radius:999px;display:grid;place-items:center;font-size:.72rem;font-weight:700;background:radial-gradient(circle at 35% 30%,rgba(255,255,255,.18),transparent 34%),linear-gradient(135deg,var(--accent),var(--accent-3));box-shadow:0 10px 28px #ff4d3047}.progress-bar{height:5px;margin-top:8px;border-radius:999px;background:#ffffff14;overflow:hidden}.progress-fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2),var(--accent-3))}.teaser-row,.choice-grid,.review-grid,.result-grid,.recommend-grid{display:grid;gap:8px}.teaser-row{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:8px}.teaser-row.simple{margin-top:8px}.teaser-pill,.choice-card,.review-card,.result-card,.recommend-card,.insight-card,.micro-reading{border-radius:16px;border:1px solid var(--line);background:var(--surface-2)}.teaser-pill{min-height:50px;padding:7px 9px;background:#ffffff0a}.teaser-pill strong{display:block;margin-top:3px;font-size:.68rem;line-height:1.18}.section-track{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin-top:8px}.track-dot{height:4px;border-radius:999px;background:#ffffff14}.track-dot.active{background:linear-gradient(90deg,var(--accent),var(--accent-2))}.track-dot.done{background:#ff8a3466}.phone-content{min-height:0;overflow-y:auto;padding:8px 10px}.screen-card{min-height:100%;padding:14px;border-radius:24px;border:1px solid var(--line);background:radial-gradient(circle at top right,rgba(255,138,52,.12),transparent 26%),radial-gradient(circle at 14% 18%,rgba(255,77,48,.1),transparent 20%),linear-gradient(180deg,rgba(255,255,255,.03),transparent 28%),var(--surface);display:flex;flex-direction:column;gap:12px}.screen-headline{display:block}.question-head h2{font-size:1.46rem;margin-top:3px;max-width:14ch;line-height:.98}.question-description,.choice-card strong,.insight-card p,.micro-reading p,.review-card strong,.result-card p,.verdict-body p,.recommend-card,.variant-card p,.variant-card span{color:var(--muted);line-height:1.45}.question-description{margin:4px 0 0;font-size:.8rem;max-width:34ch}.screen-body{display:grid;gap:10px}.input-block{min-height:0}.input-block input,.input-block textarea{width:100%;border-radius:18px;border:1px solid rgba(255,255,255,.08);background:#ffffff0a;color:var(--text);padding:14px 16px;font-size:.95rem;outline:none;resize:none;transition:border-color .18s ease,box-shadow .18s ease,background .18s ease}.input-block input:focus,.input-block textarea:focus{border-color:#ff8a3452;box-shadow:0 0 0 4px #ff4d3014;background:#ffffff0f}.field-warning{margin:8px 2px 0;color:#ff9a84;font-size:.78rem;line-height:1.35}.input-block textarea{min-height:104px;max-height:160px}.place-block{display:grid;gap:10px}.place-groups,.place-cities{display:flex;flex-wrap:wrap;gap:8px}.place-chip,.place-city{border-radius:999px;border:1px solid var(--line);background:#ffffff0a;color:var(--text);cursor:pointer}.place-chip{min-height:32px;padding:7px 12px;font-size:.76rem;font-weight:600}.place-city{padding:8px 12px;font-size:.78rem;line-height:1.2}.place-chip.active,.place-city.active{border-color:#ff8a3466;background:linear-gradient(135deg,#ff4d302e,#ff8a341a)}.range-block input[type=range]{padding:0;border:0;box-shadow:none;background:transparent;accent-color:var(--accent)}.range-head strong{font-size:1.5rem}.range-scale{margin-top:6px;color:var(--muted);font-size:.8rem}.choice-grid,.review-grid,.result-grid,.recommend-grid{min-height:0;align-content:start}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));grid-auto-rows:minmax(122px,auto)}.choice-card,.review-card,.result-card,.recommend-card,.insight-card,.micro-reading{padding:12px;text-align:left}.choice-card{display:flex;flex-direction:column;justify-content:space-between;cursor:pointer;transition:transform .16s ease,border-color .16s ease,background .16s ease}.choice-card span{display:block;color:var(--text);font-size:.98rem;font-weight:700;line-height:1.12;letter-spacing:-.01em;overflow-wrap:anywhere;-webkit-hyphens:auto;hyphens:auto;text-transform:none}.choice-card.selected{transform:translateY(-1px);border-color:#ff8a345c;background:linear-gradient(135deg,#ff4d3033,#ff2f771a),var(--surface-3)}.choice-card strong,.review-card strong,.result-card strong{display:block;margin-top:8px;font-size:.8rem;line-height:1.28;overflow-wrap:anywhere}.review-grid,.result-grid,.recommend-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}.result-stack{display:grid;grid-template-rows:auto auto auto;gap:8px}.subsection-block{display:grid;gap:8px}.subsection-title{margin:4px 0 0;font-size:.78rem;font-weight:700;color:var(--text)}.verdict-body{display:grid;gap:2px}.verdict-body p{margin:0;font-size:.82rem}.recommend-card{font-size:.8rem}.result-grid.expanded,.recommend-grid.expanded{grid-template-columns:1fr}.variant-card strong{display:block;color:var(--text);font-size:.88rem;line-height:1.3}.variant-card span{display:block;margin-top:4px;font-size:.74rem}.variant-card p{margin:6px 0 0;font-size:.78rem}.insight-stack.compact{display:grid;gap:8px}.micro-reading{background:linear-gradient(135deg,#ff4d302e,#ff8a3414),var(--surface-3)}.micro-reading p{margin:6px 0 0;font-size:.83rem}.insight-card p{margin:6px 0 0;font-size:.8rem}.insight-card[data-tone=primary]{background:linear-gradient(135deg,#ff4d3033,#ff2f7714)}.insight-card[data-tone=accent]{background:linear-gradient(135deg,#ff8a3438,#ff4d3014)}.insight-card[data-tone=soft]{background:linear-gradient(135deg,#7af0c21f,#ffffff08)}.insight-card[data-tone=warm]{background:linear-gradient(135deg,#ff8a342e,#ffffff08)}.insight-card[data-tone=ink]{background:linear-gradient(135deg,#8490b626,#ffffff08)}.phone-bottom{padding:6px 10px;border-top:1px solid var(--line);background:linear-gradient(180deg,rgba(255,255,255,.03),transparent),#0a0c11f5}.bottom-meta{margin-bottom:5px;color:var(--muted);font-size:.72rem}.bottom-actions{transform:translateY(-7px)}.nav-button{flex:1;min-height:34px;border-radius:999px;padding:8px 12px;font-size:.9rem;font-weight:700;cursor:pointer}.nav-button.primary{background:linear-gradient(90deg,var(--accent),var(--accent-2));color:#fff;box-shadow:0 12px 28px #ff4d303d}.nav-button.secondary{background:#ffffff0d;color:var(--text)}.nav-button:disabled{opacity:.4;cursor:not-allowed;box-shadow:none}.screen-enter-active,.screen-leave-active{transition:opacity .18s ease,transform .18s ease}.screen-enter-from,.screen-leave-to{opacity:0;transform:translateY(10px)}@media (max-width: 380px){.mobile-stage{padding:var(--tg-safe-top) var(--tg-safe-right) calc(var(--tg-safe-bottom) + 12px) var(--tg-safe-left)}.phone-frame{width:100%;height:100%;border-radius:0;border-left:0;border-right:0}.section-track{grid-template-columns:repeat(5,minmax(0,1fr))}}@media print{.ambient,.phone-bottom,.section-track{display:none!important}.mobile-stage{height:auto;padding:0}.phone-frame{width:100%;height:auto;border-radius:0;box-shadow:none}}