:root{color-scheme:dark;font-family:DM Sans,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at 15% 20%,rgba(242,75,136,.34),transparent 22%),radial-gradient(circle at 82% 12%,rgba(99,174,191,.32),transparent 20%),radial-gradient(circle at 70% 82%,rgba(242,193,48,.22),transparent 24%),linear-gradient(180deg,#201127,#150d1b);color:#fff8fb}*{box-sizing:border-box}body{margin:0;min-height:100vh}button{font:inherit}img{display:block}#root{min-height:100vh}.app-shell{min-height:100vh;padding:18px}.mosaic-surface{position:relative;width:min(100%,460px);margin:0 auto;min-height:calc(100vh - 36px);overflow:hidden;border-radius:34px;padding:22px 22px 104px;background:#22112ac2;border:1px solid rgba(255,255,255,.12);box-shadow:0 30px 90px #00000061;-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px)}.paint{position:absolute;border-radius:999px;filter:blur(16px);opacity:.9;pointer-events:none}.paint-a{top:-80px;left:-40px;width:210px;height:210px;background:radial-gradient(circle,rgba(242,75,136,.8) 0%,rgba(242,75,136,.18) 68%,transparent 100%)}.paint-b{top:140px;right:-55px;width:180px;height:180px;background:radial-gradient(circle,rgba(99,174,191,.74) 0%,rgba(99,174,191,.16) 70%,transparent 100%)}.paint-c{bottom:-50px;left:34%;width:220px;height:220px;background:radial-gradient(circle,rgba(242,149,67,.34) 0%,rgba(242,193,48,.14) 58%,transparent 100%)}.topbar,.tab-content,.tabbar{position:relative;z-index:1}.topbar{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.brand-lockup{display:flex;flex-direction:column;gap:8px}.eyebrow,.section-label,.hero-kicker,.question-order{margin:0;text-transform:uppercase;letter-spacing:.18em;font-size:.72rem;color:#fff0f7b8}h1{margin:0;font-size:clamp(2.75rem,13vw,4.8rem);line-height:.94;letter-spacing:.08em}.avatar-button{border:none;background:transparent;padding:0;cursor:pointer}.avatar-orb,.profile-avatar-fallback,.hero-orb,.tab-icon{display:inline-flex;align-items:center;justify-content:center}.avatar-orb,.profile-avatar-fallback,.hero-orb{width:52px;height:52px;border-radius:50%;background:linear-gradient(135deg,#f24b88,#63aebf 55%,#f2c230);color:#1b1020;font-weight:800;letter-spacing:.06em;box-shadow:0 12px 30px #f24b8847}.avatar-orb-image,.hero-avatar-photo,.profile-avatar-photo{object-fit:cover;border-radius:50%}.avatar-orb-image{width:52px;height:52px;box-shadow:0 12px 30px #f24b8847}.hero-avatar-photo,.profile-avatar-photo{width:60px;height:60px}.tab-content{display:flex;flex-direction:column;gap:18px;margin-top:20px}.hero-card,.content-card{background:#fffafc14;border:1px solid rgba(255,255,255,.14);box-shadow:#0000002e 0 12px 26px,#ffffff0f 0 -1px inset}.hero-card{padding:20px;border-radius:28px;display:flex;justify-content:space-between;gap:18px;align-items:flex-end}.hero-copy{display:flex;flex-direction:column;gap:10px}.hero-copy h2,.deck-tile-copy h3,.question-title,.state-title,.profile-name-inline{margin:0;font-weight:700;letter-spacing:-.03em}.hero-copy h2{font-size:1.72rem;line-height:1.04}.hero-text,.section-subtitle,.deck-tile-copy p,.deck-tile-footer,.question-body,.question-prompt,.state-text,.profile-value-strong{margin:0;color:#fff7fad6;line-height:1.45}.content-card{padding:20px;border-radius:30px}.centered-card,.deck-screen,.question-screen,.profile-section{display:flex;flex-direction:column;gap:16px}.section-row{display:flex;justify-content:space-between;gap:16px;align-items:flex-start}.deck-grid,.answer-grid,.profile-grid{display:flex;flex-direction:column;gap:14px}.deck-tile,.answer-card,.primary-cta,.tab-button{border:none;cursor:pointer}.deck-tile,.answer-card,.primary-cta{width:100%;text-align:left;color:#201127;box-shadow:#0000001f -6px 6px 18px;transition:transform .18s ease,box-shadow .18s ease}.deck-tile:hover,.answer-card:hover,.primary-cta:hover,.tab-button:hover{transform:translateY(-2px) rotate(-1deg)}.deck-tile,.answer-card,.question-shell,.profile-section{border-radius:28px;padding:18px}.deck-tile-top,.deck-tile-footer,.question-header,.profile-header-inline{display:flex;justify-content:space-between;gap:12px;align-items:center}.deck-chip,.muted-order{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 12px;border-radius:999px;background:#ffffff24;color:inherit;font-size:.82rem;font-weight:700}.muted-order{background:#20112714}.deck-tile-copy{display:flex;flex-direction:column;gap:8px;margin:16px 0}.deck-tile-copy h3,.question-title{font-size:1.2rem}.question-shell{color:#201127;display:flex;flex-direction:column;gap:14px}.answer-card{display:flex;gap:14px;align-items:flex-start}.answer-badge{display:inline-flex;min-width:30px;height:30px;align-items:center;justify-content:center;border-radius:999px;background:#2011271f;font-weight:800}.answer-text{font-weight:600;line-height:1.45}.primary-cta{padding:16px 18px;border-radius:22px;background:linear-gradient(135deg,#f24b88,#f29544);color:#fff8fb;font-weight:700;text-align:center}.profile-header-inline{justify-content:flex-start}.profile-name-inline{font-size:1.28rem}.profile-value-strong{color:#201127;font-weight:700;word-break:break-word}.tabbar{position:absolute;left:18px;right:18px;bottom:18px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:10px;border-radius:24px;background:#180c1edb;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.tab-button{border-radius:18px;background:transparent;color:#fff5f8b8;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;min-height:58px;transition:transform .18s ease,background .18s ease,color .18s ease}.tab-button-active{background:linear-gradient(135deg,#f24b8838,#63aebf38);color:#fff8fb}.tab-icon{width:28px;height:28px;font-size:.95rem;font-weight:800}.tab-label{font-size:.74rem;letter-spacing:.04em}.accent-panel{background:#fffafc1f}.accent-pink{background:linear-gradient(135deg,#f24b88,#f29544)}.accent-cyan,.accent-cyan-soft{background:linear-gradient(135deg,#63aebf,#f2c230)}.accent-gold,.accent-gold-soft{background:linear-gradient(135deg,#f2c230,#f29544)}.accent-orange{background:linear-gradient(135deg,#f29544,#f24b88)}.accent-red{background:linear-gradient(135deg,#d9483b,#f29544)}.error-text{color:#ffe3ea}@media(max-width:420px){.mosaic-surface{padding:18px 18px 104px}.hero-card{flex-direction:column;align-items:flex-start}}