:root{--bg-main: #0f0f0f;--bg-card: #171717;--bg-input: #141414;--text-primary: #ffffff;--text-secondary: #a3a3a3;--text-muted: #666666;--accent: #8b5cf6;--accent-light: #c4b5fd;--accent-dark: #6d28d9;--border: rgba(196, 181, 253, .35);--border-soft: rgba(255, 255, 255, .08);--danger: #ff4d4f;--shadow: 0 0 32px rgba(139, 92, 246, .18);font-family:-apple-system,BlinkMacSystemFont,PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;color:var(--text-primary);background:var(--bg-main)}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-height:100vh;background:radial-gradient(circle at 50% 12%,rgba(139,92,246,.22),transparent 32%),radial-gradient(circle at 80% 42%,rgba(139,92,246,.12),transparent 28%),radial-gradient(circle at 15% 80%,rgba(99,102,241,.08),transparent 28%),#0f0f0f;color:var(--text-primary)}button,textarea{font:inherit}button{border:0}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.app-shell{position:relative;min-height:100vh;padding:16px 16px 28px;display:flex;flex-direction:column;justify-content:center;align-items:center;overflow:hidden}.app-card{width:min(100%,430px);min-height:calc(100vh - 44px);position:relative;z-index:1;display:flex;flex-direction:column}.glow{position:fixed;inset:auto;border-radius:999px;filter:blur(70px);pointer-events:none;opacity:.8}.glow-one{top:12vh;left:50%;width:220px;height:220px;transform:translate(-50%);background:#8b5cf638}.glow-two{right:2vw;top:38vh;width:160px;height:160px;background:#c4b5fd14}.hero{padding:8px 6px 22px;text-align:center;animation:heroIn .5s ease-out both}.hero-title{margin:0 0 16px;font-size:clamp(26px,7.2vw,32px);line-height:1;font-weight:900;letter-spacing:.22em;text-indent:.22em;color:#fff;text-shadow:0 0 18px rgba(196,181,253,.26),0 0 36px rgba(139,92,246,.18)}.hero-subtitle{margin:0;font-size:clamp(34px,9.5vw,44px);line-height:1.08;font-weight:900;letter-spacing:-.05em;color:#fff;text-shadow:0 0 18px rgba(196,181,253,.18)}.hero-subtitle--strong{margin-top:10px}.hero-copy{margin:20px 0 0;font-size:17px;line-height:1.7;color:var(--text-secondary)}.input-panel{margin-top:8px}.question-input{width:100%;min-height:150px;border-radius:28px;padding:24px;background:#141414eb;border:1px solid var(--border);color:#fff;font-size:20px;line-height:1.5;outline:none;resize:none;box-shadow:inset 0 0 24px #ffffff05,0 0 32px #8b5cf61f;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.question-input::placeholder{color:#a3a3a3b3}.question-input:focus{border-color:#c4b5fda8;box-shadow:inset 0 0 24px #ffffff08,0 0 0 1px #c4b5fd3d,0 0 36px #8b5cf633}.question-input.error{border-color:#ff4d4fb3;box-shadow:inset 0 0 24px #ffffff05,0 0 0 1px #ff4d4f4d,0 0 28px #ff4d4f26}.question-input.shake{animation:shake .52s ease}.input-meta{display:flex;justify-content:flex-end;margin:12px 4px 16px;color:var(--text-muted);font-size:13px;text-align:right}.primary-button,.secondary-button,.ghost-button,.icon-button{cursor:pointer;transition:transform .12s ease,opacity .18s ease,box-shadow .18s ease,border-color .18s ease,background .18s ease}.primary-button{width:100%;height:64px;border-radius:999px;background:linear-gradient(135deg,#ddd6fe,#8b5cf6,#6d28d9);color:#f8f6ffeb;font-size:20px;font-weight:700;letter-spacing:-.01em;text-shadow:0 1px 1px rgba(0,0,0,.2);box-shadow:0 0 28px #8b5cf66b,0 12px 36px #6d28d947}.primary-button:hover:not(:disabled){transform:translateY(-1px)}.primary-button:active:not(:disabled),.secondary-button:active,.ghost-button:active,.icon-button:active{transform:scale(.98)}.primary-button:disabled{opacity:.46;cursor:not-allowed;box-shadow:0 0 12px #8b5cf62e,0 8px 20px #6d28d91f}.inline-hint,.privacy-note{margin:14px 0 0;text-align:center;color:var(--text-muted);font-size:13px;line-height:1.6}.error-hint{color:#ffaeaeeb}.privacy-note--soft{margin-top:26px;font-size:11px;color:#a3a3a3b8;line-height:1.5}.decision-count{margin:32px 0 0;padding:14px 18px;border-radius:999px;border:1px solid rgba(196,181,253,.22);background:linear-gradient(180deg,#8b5cf61f,#ffffff05);color:#ffffffd1;font-size:13px;line-height:1.4;text-align:center;box-shadow:0 0 22px #8b5cf61a,inset 0 0 0 1px #ffffff05}.privacy-note--bottom{margin-top:auto;font-size:11px;color:#a3a3a39e;line-height:1.5;padding-top:24px;padding-bottom:8px}.result-card{margin-top:0;padding:24px;border-radius:32px;background:radial-gradient(circle at 50% 35%,rgba(139,92,246,.22),transparent 36%),#171717e0;border:1px solid rgba(196,181,253,.42);box-shadow:0 0 32px #8b5cf633,inset 0 0 28px #ffffff05}.reveal{animation:reveal .5s ease-out both}.result-anchor{scroll-margin-top:0}.result-kicker{margin:0;color:var(--text-secondary);font-size:15px;text-align:center}.result-question{margin:10px 0 0;font-size:24px;line-height:1.35;font-weight:600;text-align:center;color:#fff;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.result-decision-kicker{margin:22px 0 0;color:var(--text-secondary);font-size:15px;text-align:center}.decision{margin:10px 0 18px;font-size:clamp(56px,15vw,72px);line-height:1;font-weight:900;color:#fff;text-align:center;text-shadow:0 0 20px rgba(196,181,253,.8),0 0 42px rgba(139,92,246,.56)}.decision-animate{animation:decisionPop .42s ease-out both}.result-reason{margin:0;color:#d4d4d4;font-size:19px;line-height:1.65;text-align:center;white-space:pre-line}.result-actions{margin-top:22px;display:grid;gap:12px}.secondary-button,.text-button{width:100%}.secondary-button{height:54px;border-radius:999px;font-size:15px;font-weight:700;background:transparent;color:var(--accent-light);border:1px solid rgba(196,181,253,.46);box-shadow:inset 0 0 0 1px #8b5cf60a}.secondary-button:hover:not(:disabled){border-color:#c4b5fdb8;box-shadow:0 0 24px #8b5cf624}.text-button{margin-top:2px;padding:8px 0 0;background:transparent;color:#ffffff7a;font-size:13px;font-weight:500;line-height:1.4;letter-spacing:.01em;text-align:center;opacity:.9}.text-button:hover{color:#ffffffad;opacity:1}.result-footnote{margin:18px 0 0;color:var(--text-muted);font-size:12px;line-height:1.6;text-align:center}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;padding:18px 16px 24px;background:#000000b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:grid;place-items:end center;z-index:20}.share-modal{width:min(100%,430px);max-height:calc(100vh - 28px);overflow:auto;border-radius:28px;background:#111111f5;border:1px solid rgba(196,181,253,.22);box-shadow:0 16px 60px #0000007a;padding:18px}.share-modal__header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.share-modal__eyebrow{margin:0 0 4px;font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:#c4b5fdcc}.share-modal__header h3{margin:0;font-size:20px}.icon-button{width:36px;height:36px;border-radius:999px;background:#ffffff0d;color:#fff;font-size:24px;line-height:1}.share-modal__preview{margin-top:16px;display:grid;place-items:center}.share-modal__hint{margin:14px 0 0;color:var(--text-muted);font-size:13px;line-height:1.6;text-align:center}.share-modal__actions{display:grid;gap:12px;margin-top:16px}.share-card{width:min(100%,320px);aspect-ratio:3 / 4;border-radius:28px;padding:28px 22px 22px;background:radial-gradient(circle at 50% 28%,rgba(139,92,246,.26),transparent 34%),linear-gradient(180deg,#171717fa,#0c0c0cfa);border:1px solid rgba(196,181,253,.32);box-shadow:0 0 36px #8b5cf62e,inset 0 0 24px #ffffff05;display:flex;flex-direction:column;justify-content:space-between;text-align:center}.share-card__brand{color:#c4b5fdc7;font-size:12px;letter-spacing:.24em}.share-card__title{margin:12px 0 0;font-size:20px;line-height:1.35}.share-card__block{margin-top:14px}.share-card__label{display:block;margin-bottom:8px;font-size:13px;color:var(--text-secondary)}.share-card__block p{margin:0;font-size:22px;line-height:1.45;font-weight:700;color:#fff;white-space:pre-line}.share-card__decision{font-size:54px!important;line-height:1!important;text-shadow:0 0 16px rgba(196,181,253,.7),0 0 36px rgba(139,92,246,.48)}.share-card__reason{margin:16px 0 0;font-size:18px;line-height:1.6;color:#d4d4d4;white-space:pre-line}.share-card__footer{margin-top:18px;color:#a3a3a3e6;font-size:13px;letter-spacing:.04em}@keyframes heroIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}@keyframes reveal{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes decisionPop{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}@keyframes shake{0%,to{transform:translate(0)}20%{transform:translate(-4px)}40%{transform:translate(4px)}60%{transform:translate(-3px)}80%{transform:translate(3px)}}@media (max-width: 480px){.app-shell{padding:18px 14px 24px}.hero{padding-top:12px}.question-input{min-height:140px;font-size:18px;padding:20px}.result-card,.stats-card{padding:22px 18px;border-radius:28px}.result-question{font-size:22px}.result-reason{font-size:18px}.share-modal{padding:16px}.share-card{width:min(100%,300px)}}