: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;--mosaic-cache-bust: "2026-04-22-1"}*{box-sizing:border-box}html{min-height:100%}body{margin:0;min-height:100vh;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}button,input{font:inherit}button{-webkit-tap-highlight-color:transparent}img{display:block}#root{min-height:100vh}.app-shell{min-height:100vh;padding:16px}.mosaic-surface{position:relative;width:min(100%,460px);margin:0 auto;min-height:calc(100vh - 32px);overflow:hidden;border-radius:34px;padding:22px 22px calc(108px + env(safe-area-inset-bottom,0px));background:#22112ac7;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:center}.brand-lockup{display:flex;flex-direction:column;gap:6px;min-width:0}.eyebrow,.section-label,.hero-kicker,.question-order{margin:0;text-transform:uppercase;letter-spacing:.15em;font-size:.7rem;color:#fff0f7bd}h1{margin:0;font-size:clamp(2.45rem,12vw,4.25rem);line-height:.92;letter-spacing:.08em;text-wrap:balance}.avatar-button{border:none;background:transparent;padding:0;cursor:pointer;flex-shrink:0}.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:16px;margin-top:18px}.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;min-width:0;max-width:100%}.hero-copy h2,.deck-tile-copy h3,.question-title,.state-title,.profile-name-inline,.match-card h3,.compare-role-card h3{margin:0;font-weight:700;letter-spacing:-.03em;text-wrap:balance}.hero-copy h2{font-size:clamp(1.46rem,5vw,1.78rem);line-height:1.06}.hero-text,.section-subtitle,.deck-tile-copy p,.deck-tile-footer,.question-body,.question-prompt,.state-text,.profile-value-strong{margin:0;color:#fff7fadb;line-height:1.5;overflow-wrap:anywhere}.hero-text,.section-subtitle,.state-text{font-size:.96rem}.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;flex-wrap:wrap}.deck-grid,.answer-grid,.profile-grid{display:flex;flex-direction:column;gap:14px}.deck-tile,.answer-card,.primary-cta,.tab-button,.role-chip{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,filter .18s ease}.deck-tile:hover,.answer-card:hover,.primary-cta:hover,.tab-button:hover,.role-chip:hover{transform:translateY(-2px)}.deck-tile:disabled,.answer-card:disabled,.primary-cta:disabled,.role-chip:disabled,.tab-button:disabled{cursor:default;opacity:.78;transform:none}.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;max-width:100%;padding:0 12px;border-radius:999px;background:#ffffff24;color:inherit;font-size:.8rem;font-weight:700;white-space:nowrap}.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;flex-shrink:0}.answer-text{font-weight:600;line-height:1.45}.primary-cta{min-height:52px;padding:16px 18px;border-radius:22px;background:linear-gradient(135deg,#f24b88,#f29544);color:#fff8fb;font-weight:700;text-align:center;justify-content:center}.profile-header-inline{justify-content:flex-start}.matches-section-head{align-items:center}.role-switcher,.axis-chip-list,.compare-role-list,.compare-results,.match-list,.match-card-body{display:flex;flex-direction:column;gap:12px}.role-switcher{flex-direction:row;flex-wrap:wrap;gap:10px}.role-chip{min-height:40px;border-radius:999px;padding:10px 14px;background:#20112729;color:#201127;font-weight:700;line-height:1.15;box-shadow:inset 0 0 0 1px #20112714}.role-chip-active{background:#fff8fbe6;box-shadow:0 10px 18px #2011271f}.match-card,.compare-role-card{border-radius:28px;padding:18px;color:#201127;box-shadow:#0000001f -6px 6px 18px;overflow:hidden}.match-card-top{display:flex;justify-content:space-between;gap:12px;align-items:flex-start}.match-card-top>:first-child{min-width:0;flex:1 1 auto}.match-card h3,.compare-role-card h3{font-size:1.08rem;line-height:1.15}.match-metrics{display:flex;flex-direction:column;gap:6px;font-weight:700;text-align:right;align-items:flex-end;flex:0 0 auto}.match-metrics span{white-space:nowrap}.match-card-body{gap:14px}.axis-chip-list{flex-direction:row;flex-wrap:wrap;gap:8px}.axis-chip{display:inline-flex;align-items:center;width:fit-content;min-height:30px;max-width:100%;padding:0 12px;border-radius:999px;background:#2011271f;color:#201127;font-weight:700;font-size:.84rem;line-height:1.25;word-break:break-word}.matches-input-block{display:flex;flex-direction:column;gap:8px}.matches-input{width:100%;min-height:50px;border:1px solid rgba(32,17,39,.16);border-radius:18px;padding:14px 16px;background:#ffffffc7;color:#201127;font-size:16px;box-shadow:inset 0 1px #ffffff3d}.matches-input::placeholder{color:#2011278f}.matches-input:focus{outline:2px solid rgba(242,75,136,.28);outline-offset:2px}.profile-name-inline{font-size:1.28rem}.profile-value-strong{color:#201127;font-weight:700;word-break:break-word}.tabbar{position:fixed;left:50%;transform:translate(-50%);width:min(calc(100vw - 36px),424px);bottom:calc(18px + env(safe-area-inset-bottom,0px));display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;padding:10px;border-radius:24px;background:#180c1ee6;border:1px solid rgba(255,255,255,.12);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10}.tab-button{border-radius:18px;background:transparent;color:#fff5f8bd;display:flex;flex-direction:column;gap:6px;align-items:center;justify-content:center;min-height:60px;padding:6px 4px;text-align:center;transition:transform .18s ease,background .18s ease,color .18s ease,box-shadow .18s ease}.tab-button-active{background:linear-gradient(135deg,#f24b8838,#63aebf38);color:#fff8fb;box-shadow:inset 0 0 0 1px #ffffff0a}.tab-icon{width:28px;height:28px;font-size:.95rem;font-weight:800;flex-shrink:0}.tab-label{font-size:.72rem;letter-spacing:.02em;line-height:1.1;white-space:nowrap}.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,.accent-orange-soft{background:linear-gradient(135deg,#f29544,#f24b88)}.accent-red{background:linear-gradient(135deg,#d9483b,#f29544)}.error-text{color:#ffe3ea}@media(max-width:420px){.app-shell{padding:10px}.mosaic-surface{min-height:calc(100vh - 20px);padding:18px 18px calc(104px + env(safe-area-inset-bottom,0px));border-radius:28px}.hero-card{flex-direction:column;align-items:flex-start;gap:14px}.hero-copy h2{font-size:1.34rem}.content-card,.deck-tile,.answer-card,.question-shell,.profile-section,.match-card,.compare-role-card{padding:16px;border-radius:24px}.match-card-top,.deck-tile-top,.deck-tile-footer,.question-header,.profile-header-inline,.matches-section-head{flex-direction:column;align-items:flex-start}.match-metrics{width:100%;flex-direction:row;flex-wrap:wrap;justify-content:flex-start;align-items:center;text-align:left;gap:8px}.tabbar{width:min(calc(100vw - 24px),424px);bottom:calc(12px + env(safe-area-inset-bottom,0px));gap:6px;padding:8px}.tab-button{min-height:56px;border-radius:16px}.tab-label{font-size:.68rem}}