:root{--transition-speed:.5s;--transition-ease:ease-in-out;--gray-50:#e2dccf;--gray-100:#d8d0c0;--gray-200:#d0c8b9;--gray-300:#c2b8a3;--gray-400:#8c8473;--gray-500:#6b6861;--gray-600:#504e49;--gray-700:#43413d;--gray-800:#363430;--gray-900:#282724;--purple-100:#ececf8;--purple-200:#dcdcf0;--purple-300:#b7b7d9;--purple-400:#6b6baa;--purple-500:#3c3c7d;--green-200:#4dff91;--green-300:#00e658;--blue-300:#52b3f4;--blue-400:#2a9dea;--teal-300:#62c0b4;--teal-400:#38b2a2;--red-300:#bd4749;--yellow-300:#fff200;--bg:#f4f5fb;--surface:#fff;--text:#232347;--text-muted:rgba(35,35,71,.78);--primary:#3c3c7d;--primary-soft:#ececf8;--border-soft:#d7d8eb;--bg-gradient-start:#fafafe;--shadow-card:0 12px 30px rgba(30,32,73,.1);--focus-ring-primary:rgba(60,60,125,.2);--focus-ring-primary-shadow:0 0 0 4px var(--focus-ring-primary);--radius-sm:.9rem;--radius-md:1rem;--radius-lg:1.15rem;--radius-xl:1.25rem;--radius-2xl:1.35rem;--radius-pill:999px}[data-color-scheme=dark]{--bg:#15172b;--surface:#1e2140;--text:#f4f6ff;--text-muted:rgba(244,246,255,.76);--primary:#a6abd8;--primary-soft:rgba(166,171,216,.18);--border-soft:rgba(166,171,216,.24);--bg-gradient-start:#1a1d36;--shadow-card:0 16px 34px rgba(0,0,0,.24);--focus-ring-primary:rgba(166,171,216,.24)}*,:after,:before{box-sizing:border-box}*{margin:0}body,html{height:100%}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{word-wrap:break-word}#__next,#app,#root{isolation:isolate}:root{--csstools-color-scheme--light:initial;color-scheme:light;font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Roboto,Ubuntu,Cantarell,Noto Sans,-apple-system,BlinkMacSystemFont,sans-serif}:root,html{background:#f4f5fb;background:var(--bg);color:#232347;color:var(--text)}html{overflow-x:hidden;scroll-behavior:smooth}body{min-height:100vh;background:linear-gradient(180deg,#fafafe,#f4f5fb);background:linear-gradient(180deg,var(--bg-gradient-start) 0,var(--bg) 100%);color:#232347;color:var(--text)}a{color:inherit;-webkit-text-decoration:none;text-decoration:none;transition:color .5s ease-in-out;transition:color var(--transition-speed) var(--transition-ease)}a:hover{-webkit-text-decoration:underline;text-decoration:underline}.page-shell{width:min(100%,860px);margin:0 auto;padding:24px 16px 48px;display:grid;grid-gap:20px;gap:20px;min-height:100vh;align-content:center;position:relative}.page-shell--survey{width:min(100%,1080px);height:100dvh;max-height:100dvh;padding:12px 16px;align-content:stretch;overflow:hidden;overscroll-behavior:none}.page-shell--dashboard{width:min(100%,720px);padding:20px 14px 112px;align-content:start;background:linear-gradient(180deg,#f1f2fa,#f4f5fb 24%)}@supports (color:color-mix(in lch,red,blue)){.page-shell--dashboard{background:linear-gradient(180deg,color-mix(in srgb,var(--primary-soft) 38%,var(--bg)) 0,var(--bg) 24%)}}.feature-card,.hero-card,.install-sheet,.panel-card{background:#fff;background:var(--surface);border:1px solid #d7d8eb;border:1px solid var(--border-soft);border-radius:20px;box-shadow:0 12px 30px #1e20491a;box-shadow:var(--shadow-card)}.hero-card,.panel-card{padding:24px}.feature-card{padding:18px}.landing-shell{display:grid;justify-items:center;text-align:center;grid-gap:12px;gap:12px;padding:56px 8px 32px;min-height:calc(100dvh - 80px)}.top-right-nav{position:absolute;top:24px;right:16px;display:inline-flex;align-items:center;gap:10px;z-index:10}.top-right-nav--inline{position:static;top:auto;right:auto;z-index:auto;justify-self:end}.top-right-control{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:999px;border:1px solid #c1c2dc;background:#fdfdfe;box-shadow:0 12px 30px #1e20491a;box-shadow:var(--shadow-card);color:#232347;color:var(--text);cursor:pointer;transition:transform .2s ease,background-color .5s ease-in-out,border-color .5s ease-in-out,color .5s ease-in-out;transition:transform .2s ease,background-color var(--transition-speed) var(--transition-ease),border-color var(--transition-speed) var(--transition-ease),color var(--transition-speed) var(--transition-ease)}@supports (color:color-mix(in lch,red,blue)){.top-right-control{border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border-soft));background:color-mix(in srgb,var(--surface) 88%,var(--primary-soft))}}.top-right-control:hover{transform:translateY(-1px);-webkit-text-decoration:none;text-decoration:none}.top-right-control:focus-visible{outline:none;box-shadow:0 0 0 4px #3c3c7d33;box-shadow:var(--focus-ring-primary-shadow)}.locale-toggle-label{font-size:1rem;font-weight:700;line-height:1;letter-spacing:.04em}.theme-icon-stack{position:relative;width:2rem;height:2rem;display:inline-flex}.theme-icon,.theme-icon-stack{align-items:center;justify-content:center}.theme-icon{position:absolute;inset:0;display:flex;transition:transform 1s ease,opacity .5s ease,color .5s ease-in-out;transition:transform 1s ease,opacity .5s ease,color var(--transition-speed) var(--transition-ease)}.theme-icon svg{width:100%;height:100%}.theme-icon-moon{transform:rotate(90deg);opacity:0;color:#232347;color:var(--text)}.theme-icon-sun,[data-color-scheme=dark] .theme-icon-moon{transform:rotate(0);opacity:1}.theme-icon-sun{color:#232347;color:var(--text)}[data-color-scheme=dark] .theme-icon-sun{transform:rotate(-90deg);opacity:0}.landing-logo{width:max(88px,min(24vw,132px));height:auto;margin-bottom:8px;filter:drop-shadow(0 12px 24px rgba(30,32,73,.12))}.landing-message{max-width:34rem;margin-bottom:0}.landing-actions{justify-content:center;margin-top:8px}.landing-subtext{margin:auto 0 0;padding-bottom:8px;font-size:.92rem;line-height:1.35;color:#232347c7;color:var(--text-muted)}.landing-subtext a{color:#3c3c7d;color:var(--primary);font-weight:600}.landing-click{margin-top:20px;width:48px;height:48px;color:#232347;color:var(--text);opacity:.6}.landing-click.animate{animation:mouse-bounce 2s infinite}.login-page{min-height:100dvh;width:100%;overflow:clip;display:grid;align-items:center;justify-items:center;place-items:center;padding:1.5rem;background:radial-gradient(circle at top left,rgba(236,236,248,.62),transparent 30%),radial-gradient(circle at bottom right,rgba(60,60,125,.12),transparent 28%),linear-gradient(135deg,#fafafe,#f4f5fb);position:relative}@supports (color:color-mix(in lch,red,blue)){.login-page{background:radial-gradient(circle at top left,color-mix(in srgb,var(--primary-soft) 62%,transparent),transparent 30%),radial-gradient(circle at bottom right,color-mix(in srgb,var(--primary) 12%,transparent),transparent 28%),linear-gradient(135deg,var(--bg-gradient-start),var(--bg))}}.dashboard-shell{display:grid;grid-gap:20px;gap:20px;min-height:calc(100dvh - 132px);padding-bottom:6px}.dashboard-topbar{display:grid;grid-template-columns:minmax(0,1fr) auto auto;grid-gap:12px;gap:12px;align-items:center;padding:6px;border-radius:28px;background:#fefeff;border:1px solid #c8c8e0}@supports (color:color-mix(in lch,red,blue)){.dashboard-topbar{background:color-mix(in srgb,var(--surface) 94%,var(--primary-soft));border:1px solid color-mix(in srgb,var(--primary) 10%,var(--border-soft))}}.dashboard-topbar-controls{gap:8px}.dashboard-brand-badge,.dashboard-stat-pill{min-height:64px;border-radius:22px;background:#fefeff;border:1px solid #d7d8eb;border:1px solid var(--border-soft);box-shadow:none;display:flex;align-items:center;justify-content:center;gap:10px;padding:12px 14px}@supports (color:color-mix(in lch,red,blue)){.dashboard-brand-badge,.dashboard-stat-pill{background:color-mix(in srgb,var(--surface) 96%,var(--primary-soft))}}.dashboard-brand-badge{font-weight:800;letter-spacing:.08em;color:#3c3c7d;color:var(--primary);justify-content:flex-start;position:relative;overflow:hidden}.dashboard-brand-badge:after{content:"";position:absolute;inset:0 auto 0 0;width:5px;background:linear-gradient(180deg,#5b5b92,#3c3c7d)}@supports (color:color-mix(in lch,red,blue)){.dashboard-brand-badge:after{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 84%,#fff) 0,var(--primary) 100%)}}.dashboard-stat-pill{justify-content:flex-start;min-width:132px}.dashboard-stat-pill div{display:grid;grid-gap:2px;gap:2px}.dashboard-stat-pill strong{font-size:1.1rem;line-height:1}.dashboard-stat-pill small{font-size:.72rem;line-height:1.1;color:#232347c7;color:var(--text-muted)}.dashboard-stat-pill--ghost{background:#fcfcfe}@supports (color:color-mix(in lch,red,blue)){.dashboard-stat-pill--ghost{background:color-mix(in srgb,var(--surface) 72%,var(--bg))}}.dashboard-stat-icon{font-size:1.35rem;line-height:1;width:38px;height:38px;border-radius:50%;display:grid;align-items:center;justify-items:center;place-items:center;background:#f1f1fa}@supports (color:color-mix(in lch,red,blue)){.dashboard-stat-icon{background:color-mix(in srgb,var(--primary-soft) 76%,var(--surface))}}.dashboard-section-card{background:#3c3c7d;background:var(--primary);color:#fff;border-radius:30px;padding:22px 22px 20px 24px;border:1px solid #67679a;box-shadow:none;display:grid;grid-template-columns:minmax(0,1fr) auto;grid-gap:16px;gap:16px;align-items:stretch;position:relative;overflow:hidden}@supports (color:color-mix(in lch,red,blue)){.dashboard-section-card{border:1px solid color-mix(in srgb,var(--primary) 78%,#fff)}}.dashboard-section-card:after,.dashboard-section-card:before{content:"";position:absolute;border-radius:50%;pointer-events:none}.dashboard-section-card:before{width:180px;height:180px;right:-46px;top:-72px;background:radial-gradient(circle,#ffffff29 0,#fff0 72%)}.dashboard-section-card:after{width:120px;height:120px;left:-34px;bottom:-58px;background:radial-gradient(circle,#ffffff14 0,#fff0 74%)}.dashboard-section-card h1,.dashboard-section-card p{color:inherit}.dashboard-section-card h1{margin:6px 0 8px;font-size:clamp(1.65rem,1.28rem + 1vw,2.35rem);line-height:1.05}.dashboard-section-card p:last-child{margin:0;opacity:.92}.dashboard-section-meta{margin:0;font-size:.88rem;font-weight:800;text-transform:uppercase;letter-spacing:.05em;opacity:.92}.dashboard-section-action{border:1px solid hsla(0,0%,100%,.16);background:#ffffff14;color:#fff;border-radius:18px;padding:12px 14px;display:grid;justify-items:center;align-content:center;grid-gap:6px;gap:6px;min-width:92px;cursor:pointer;transition:transform .18s ease,background-color .18s ease,border-color .18s ease}.dashboard-section-action:hover{transform:translateY(-1px);background:#ffffff24}.dashboard-section-action span:first-child{font-size:1.25rem;line-height:1}.dashboard-section-action span:last-child{font-size:.74rem;font-weight:700;line-height:1.1}.dashboard-roadmap{position:relative;display:grid;grid-gap:24px;gap:24px;padding:18px 18px 22px;border-radius:28px;background:#fefeff;border:1px solid #c4c5de;box-shadow:0 12px 30px #1e20491a;box-shadow:var(--shadow-card);overflow:hidden}@supports (color:color-mix(in lch,red,blue)){.dashboard-roadmap{background:color-mix(in srgb,var(--surface) 94%,var(--primary-soft));border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border-soft))}}.dashboard-roadmap:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#ffffff0a,#fff0 28%);pointer-events:none}.dashboard-roadmap-header{display:flex;justify-content:space-between;align-items:flex-end;gap:16px}.dashboard-roadmap-header h2{margin:0;font-size:1.2rem}.dashboard-roadmap-progress{display:inline-flex;align-items:baseline;gap:4px;padding:10px 12px;border-radius:16px;border:1px solid #d7d8eb;border:1px solid var(--border-soft);background:#fdfdfe;color:#232347;color:var(--text);min-width:74px;justify-content:center}@supports (color:color-mix(in lch,red,blue)){.dashboard-roadmap-progress{background:color-mix(in srgb,var(--surface) 92%,var(--primary-soft))}}.dashboard-roadmap-progress strong{font-size:1rem;line-height:1;color:#3c3c7d;color:var(--primary)}.dashboard-roadmap-progress small{font-size:.74rem;color:#232347c7;color:var(--text-muted)}.dashboard-roadmap-line{position:absolute;inset:108px 0 126px 50%;width:10px;transform:translate(-50%);border-radius:999px;background:linear-gradient(180deg,#dcdce8,#c4c4d8 45%,#dcdce8);opacity:1;filter:none}@supports (color:color-mix(in lch,red,blue)){.dashboard-roadmap-line{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 18%,var(--surface)) 0,color-mix(in srgb,var(--primary) 30%,var(--surface)) 45%,color-mix(in srgb,var(--primary) 18%,var(--surface)))}}.dashboard-roadmap-line:after,.dashboard-roadmap-line:before{content:"";position:absolute;left:50%;transform:translate(-50%);width:20px;height:20px;border-radius:50%;background:#f2f2fa;border:1px solid #c1c2dc}@supports (color:color-mix(in lch,red,blue)){.dashboard-roadmap-line:after,.dashboard-roadmap-line:before{background:color-mix(in srgb,var(--primary-soft) 68%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 14%,var(--border-soft))}}.dashboard-roadmap-line:before{top:-6px}.dashboard-roadmap-line:after{bottom:-6px}.dashboard-roadmap-node{position:relative;z-index:1;display:grid;justify-items:center;grid-gap:10px;gap:10px;max-width:150px}.dashboard-roadmap-node p{margin:0;font-size:.84rem;font-weight:700;color:#232347;color:var(--text);text-align:center}.dashboard-roadmap-node-copy{display:grid;justify-items:center;grid-gap:4px;gap:4px;padding:8px 10px 0;width:100%;border-radius:16px;background:#fdfdfe;border:1px solid #c8c8e0}@supports (color:color-mix(in lch,red,blue)){.dashboard-roadmap-node-copy{background:color-mix(in srgb,var(--surface) 88%,var(--primary-soft));border:1px solid color-mix(in srgb,var(--primary) 10%,var(--border-soft))}}.dashboard-roadmap-node-index{font-size:.68rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#232347c7;color:var(--text-muted)}.dashboard-roadmap-node--left{justify-self:start;margin-left:18%}.dashboard-roadmap-node--center{justify-self:center}.dashboard-roadmap-node--right{justify-self:end;margin-right:18%}.dashboard-roadmap-node-button{width:98px;height:98px;border-radius:50%;border:1px solid #b2b3d1;background:#3c3c7d;background:var(--primary);box-shadow:none;color:#fff;display:grid;align-items:center;justify-items:center;place-items:center;cursor:pointer;position:relative;transition:transform .18s ease,border-color .5s ease-in-out,background-color .5s ease-in-out,color .5s ease-in-out,box-shadow .5s ease-in-out;transition:transform .18s ease,border-color var(--transition-speed) var(--transition-ease),background-color var(--transition-speed) var(--transition-ease),color var(--transition-speed) var(--transition-ease),box-shadow var(--transition-speed) var(--transition-ease)}@supports (color:color-mix(in lch,red,blue)){.dashboard-roadmap-node-button{border:1px solid color-mix(in srgb,var(--primary) 24%,var(--border-soft))}}.dashboard-roadmap-node-button:before{content:"";position:absolute;inset:11px;border-radius:50%;background:#ffffff0a}.dashboard-roadmap-node-button:after{content:"";position:absolute;inset:-8px;border-radius:50%;border:1px solid transparent;opacity:0;transform:scale(.94);transition:opacity .18s ease,transform .18s ease,border-color .5s ease-in-out;transition:opacity .18s ease,transform .18s ease,border-color var(--transition-speed) var(--transition-ease)}.dashboard-roadmap-node-button:hover{transform:translateY(-2px);-webkit-text-decoration:none;text-decoration:none}.dashboard-roadmap-node-button[aria-current=step]{transform:translateY(-1px) scale(1.02)}.dashboard-roadmap-node-icon{position:relative;z-index:1;font-size:2rem;line-height:1;font-weight:800}.dashboard-roadmap-node--lesson .dashboard-roadmap-node-button{background:#53538d}@supports (color:color-mix(in lch,red,blue)){.dashboard-roadmap-node--lesson .dashboard-roadmap-node-button{background:color-mix(in srgb,var(--primary) 88%,#fff)}}.dashboard-roadmap-node--current .dashboard-roadmap-node-button{background:#7373a1;border-color:#9a9abb;box-shadow:0 0 0 8px #ececf86b}@supports (color:color-mix(in lch,red,blue)){.dashboard-roadmap-node--current .dashboard-roadmap-node-button{background:color-mix(in srgb,var(--primary) 72%,#fff);border-color:color-mix(in srgb,var(--primary) 52%,#fff);box-shadow:0 0 0 8px color-mix(in srgb,var(--primary-soft) 42%,transparent)}}.dashboard-roadmap-node--current .dashboard-roadmap-node-button:after{opacity:1;transform:scale(1);border-color:#3c3c7d42}@supports (color:color-mix(in lch,red,blue)){.dashboard-roadmap-node--current .dashboard-roadmap-node-button:after{border-color:color-mix(in srgb,var(--primary) 26%,transparent)}}.dashboard-roadmap-node--reward .dashboard-roadmap-node-button{background:#ececf8;background:var(--primary-soft);border-color:#d0d0e0;color:#3c3c7d;color:var(--primary)}@supports (color:color-mix(in lch,red,blue)){.dashboard-roadmap-node--reward .dashboard-roadmap-node-button{border-color:color-mix(in srgb,var(--primary) 24%,#fff)}}.dashboard-roadmap-node--locked .dashboard-roadmap-node-button{background:#d7dce7;border-color:#dcdded;color:#687083}@supports (color:color-mix(in lch,red,blue)){.dashboard-roadmap-node--locked .dashboard-roadmap-node-button{background:color-mix(in srgb,var(--surface) 28%,#c8cfdd);border-color:color-mix(in srgb,var(--border-soft) 88%,#fff)}}.dashboard-guide-card{justify-self:end;width:min(240px,58vw);padding:16px;border-radius:24px;background:#fff;background:var(--surface);border:1px solid #d7d8eb;border:1px solid var(--border-soft);box-shadow:0 12px 30px #1e20491a;box-shadow:var(--shadow-card);display:grid;justify-items:center;grid-gap:10px;gap:10px;margin-top:-6px;margin-right:4%;position:relative;overflow:hidden}.dashboard-guide-card:after{content:"";position:absolute;inset:auto -18px -22px auto;width:86px;height:86px;border-radius:50%;background:radial-gradient(circle,rgba(236,236,248,.82) 0,transparent 72%);pointer-events:none}@supports (color:color-mix(in lch,red,blue)){.dashboard-guide-card:after{background:radial-gradient(circle,color-mix(in srgb,var(--primary-soft) 82%,transparent) 0,transparent 72%)}}.dashboard-guide-avatar{width:84px;height:84px;border-radius:50%;background:#f1f1fa;border:1px solid #bebfd9;display:grid;align-items:center;justify-items:center;place-items:center;font-size:2.25rem;box-shadow:none}@supports (color:color-mix(in lch,red,blue)){.dashboard-guide-avatar{background:color-mix(in srgb,var(--primary-soft) 72%,var(--surface));border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border-soft))}}.dashboard-guide-copy{display:grid;grid-gap:4px;gap:4px;text-align:center}.dashboard-guide-copy p{margin:0;font-size:.82rem;line-height:1.35;color:#232347c7;color:var(--text-muted)}.dashboard-bottom-nav{position:sticky;bottom:10px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));grid-gap:8px;gap:8px;border-radius:26px;background:#fff;background:var(--surface);border:1px solid #d7d8eb;border:1px solid var(--border-soft);box-shadow:0 12px 30px #1e20491a;box-shadow:var(--shadow-card);-webkit-backdrop-filter:none;backdrop-filter:none;z-index:3;padding:10px 10px calc(10px + env(safe-area-inset-bottom,0px))}.dashboard-bottom-nav-item{display:grid;justify-items:center;grid-gap:5px;gap:5px;padding:10px 6px;border-radius:18px;color:#232347c7;color:var(--text-muted)}.dashboard-bottom-nav-item span{font-size:1.1rem;line-height:1}.dashboard-bottom-nav-item small{font-size:.68rem;font-weight:700;line-height:1.1}.dashboard-bottom-nav-item:hover{-webkit-text-decoration:none;text-decoration:none}.dashboard-bottom-nav-item--active{background:#f6f6fc;color:#3c3c7d;color:var(--primary);box-shadow:inset 0 0 0 1px #3c3c7d3d}@supports (color:color-mix(in lch,red,blue)){.dashboard-bottom-nav-item--active{background:color-mix(in srgb,var(--primary-soft) 48%,var(--surface));box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 24%,transparent)}}.dashboard-results-card{display:grid;grid-gap:18px;gap:18px;padding:20px;border-radius:24px;background:#fff;background:var(--surface);border:1px solid #d7d8eb;border:1px solid var(--border-soft);box-shadow:0 12px 30px #1e20491a;box-shadow:var(--shadow-card)}.dashboard-results-header{display:flex;justify-content:space-between;align-items:flex-start;gap:14px}.dashboard-results-grid{display:grid;grid-gap:12px;gap:12px}.dashboard-results-overview{display:grid;grid-gap:4px;gap:4px;padding:14px 16px;border-radius:18px;border:1px solid #bebfd9;background:linear-gradient(135deg,#f3f3fb,#fff)}@supports (color:color-mix(in lch,red,blue)){.dashboard-results-overview{border:1px solid color-mix(in srgb,var(--primary) 16%,var(--border-soft));background:linear-gradient(135deg,color-mix(in srgb,var(--primary-soft) 62%,var(--surface)) 0,var(--surface) 100%)}}.dashboard-results-overview strong{font-size:clamp(1.4rem,1.1rem + .7vw,1.9rem);line-height:1;color:#3c3c7d;color:var(--primary)}.dashboard-results-overview span{font-size:.78rem;color:#232347c7;color:var(--text-muted)}.dashboard-results-header h2{margin-bottom:6px}.dashboard-possible-selves-card,.dashboard-results-empty,.dashboard-score-card{display:grid;grid-gap:10px;gap:10px;padding:14px 16px;border-radius:18px;border:1px solid #d7d8eb;border:1px solid var(--border-soft);background:#fdfdfe}@supports (color:color-mix(in lch,red,blue)){.dashboard-possible-selves-card,.dashboard-results-empty,.dashboard-score-card{background:color-mix(in srgb,var(--surface) 92%,var(--primary-soft))}}.dashboard-score-card-header{display:flex;justify-content:space-between;gap:10px;align-items:center}.dashboard-score-card-header span,.dashboard-score-card-header strong{color:#232347;color:var(--text)}.dashboard-score-card-copy{display:grid;grid-gap:2px;gap:2px}.dashboard-score-card-copy small{font-size:.74rem;color:#232347c7;color:var(--text-muted)}.dashboard-score-chip{display:inline-flex;align-items:center;justify-content:center;padding:6px 10px;border-radius:999px;background:#f2f2fa;color:#3c3c7d;color:var(--primary);font-weight:800;font-size:.76rem;line-height:1}@supports (color:color-mix(in lch,red,blue)){.dashboard-score-chip{background:color-mix(in srgb,var(--primary-soft) 70%,var(--surface))}}.dashboard-score-meter-meta{display:inline-flex;align-items:baseline;gap:4px;color:#232347;color:var(--text);justify-content:space-between}.dashboard-score-meter-meta span{font-size:1.25rem;font-weight:800;line-height:1;color:#3c3c7d;color:var(--primary)}.dashboard-score-meter-meta small{font-size:.8rem;color:#232347c7;color:var(--text-muted)}.dashboard-score-bar{width:100%;height:12px;border-radius:999px;overflow:hidden;background:#f1f1fa}@supports (color:color-mix(in lch,red,blue)){.dashboard-score-bar{background:color-mix(in srgb,var(--primary-soft) 76%,var(--surface))}}.dashboard-score-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3c3c7d,#7373a1)}@supports (color:color-mix(in lch,red,blue)){.dashboard-score-bar span{background:linear-gradient(90deg,var(--primary) 0,color-mix(in srgb,var(--primary) 72%,#fff) 100%)}}.dashboard-possible-selves-card ul{margin:0;padding-left:18px;display:grid;grid-gap:8px;gap:8px}.dashboard-possible-selves-card li{color:#232347;color:var(--text)}[data-color-scheme=dark] .page-shell--dashboard{background:radial-gradient(circle at top left,rgba(60,60,125,.18),transparent 34%),radial-gradient(circle at bottom right,rgba(236,236,248,.28),transparent 30%),linear-gradient(135deg,#fafafe,#f4f5fb)}@supports (color:color-mix(in lch,red,blue)){[data-color-scheme=dark] .page-shell--dashboard{background:radial-gradient(circle at top left,color-mix(in srgb,var(--primary) 18%,transparent),transparent 34%),radial-gradient(circle at bottom right,color-mix(in srgb,var(--primary-soft) 28%,transparent),transparent 30%),linear-gradient(135deg,var(--bg-gradient-start),var(--bg))}}[data-color-scheme=dark] .dashboard-bottom-nav,[data-color-scheme=dark] .dashboard-brand-badge,[data-color-scheme=dark] .dashboard-guide-card,[data-color-scheme=dark] .dashboard-results-card,[data-color-scheme=dark] .dashboard-stat-pill{background:#ececee;border-color:#bbbcd7}@supports (color:color-mix(in lch,red,blue)){[data-color-scheme=dark] .dashboard-bottom-nav,[data-color-scheme=dark] .dashboard-brand-badge,[data-color-scheme=dark] .dashboard-guide-card,[data-color-scheme=dark] .dashboard-results-card,[data-color-scheme=dark] .dashboard-stat-pill{background:color-mix(in srgb,var(--surface) 92%,#111428);border-color:color-mix(in srgb,var(--primary) 18%,var(--border-soft))}}[data-color-scheme=dark] .dashboard-topbar{background:#e2e3e5;border-color:#bbbcd7}@supports (color:color-mix(in lch,red,blue)){[data-color-scheme=dark] .dashboard-topbar{background:color-mix(in srgb,var(--surface) 88%,#111428);border-color:color-mix(in srgb,var(--primary) 18%,var(--border-soft))}}[data-color-scheme=dark] .dashboard-roadmap{background:linear-gradient(180deg,#f1f1f2,#e2e3e4);border-color:#b5b6d3}@supports (color:color-mix(in lch,red,blue)){[data-color-scheme=dark] .dashboard-roadmap{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 94%,#14172b) 0,color-mix(in srgb,var(--surface) 88%,#101322));border-color:color-mix(in srgb,var(--primary) 22%,var(--border-soft))}}[data-color-scheme=dark] .dashboard-roadmap-node-copy{background:#d4d5d7;border-color:#c1c2dc}@supports (color:color-mix(in lch,red,blue)){[data-color-scheme=dark] .dashboard-roadmap-node-copy{background:color-mix(in srgb,var(--surface) 82%,#101322);border-color:color-mix(in srgb,var(--primary) 14%,var(--border-soft))}}[data-color-scheme=dark] .dashboard-possible-selves-card,[data-color-scheme=dark] .dashboard-results-empty,[data-color-scheme=dark] .dashboard-results-overview,[data-color-scheme=dark] .dashboard-roadmap-progress,[data-color-scheme=dark] .dashboard-score-card{background:#cacbce;border-color:#bbbcd7}@supports (color:color-mix(in lch,red,blue)){[data-color-scheme=dark] .dashboard-possible-selves-card,[data-color-scheme=dark] .dashboard-results-empty,[data-color-scheme=dark] .dashboard-results-overview,[data-color-scheme=dark] .dashboard-roadmap-progress,[data-color-scheme=dark] .dashboard-score-card{background:color-mix(in srgb,var(--surface) 78%,#101322);border-color:color-mix(in srgb,var(--primary) 18%,var(--border-soft))}}[data-color-scheme=dark] .dashboard-roadmap-line{background:linear-gradient(180deg,#1a1c39,#23264a 50%,#1a1c39)}@supports (color:color-mix(in lch,red,blue)){[data-color-scheme=dark] .dashboard-roadmap-line{background:linear-gradient(180deg,color-mix(in srgb,var(--primary) 20%,#111428) 0,color-mix(in srgb,var(--primary) 34%,#161a30),color-mix(in srgb,var(--primary) 20%,#111428))}}[data-color-scheme=dark] .dashboard-roadmap-line:after,[data-color-scheme=dark] .dashboard-roadmap-line:before{background:#d4d5d9;border-color:#b8b9d5}@supports (color:color-mix(in lch,red,blue)){[data-color-scheme=dark] .dashboard-roadmap-line:after,[data-color-scheme=dark] .dashboard-roadmap-line:before{background:color-mix(in srgb,var(--surface) 82%,#12162b);border-color:color-mix(in srgb,var(--primary) 20%,var(--border-soft))}}[data-color-scheme=dark] .dashboard-roadmap-node-button{background:#2f3163;border-color:#9fa0c3}@supports (color:color-mix(in lch,red,blue)){[data-color-scheme=dark] .dashboard-roadmap-node-button{background:color-mix(in srgb,var(--primary) 58%,#1c2140);border-color:color-mix(in srgb,var(--primary) 36%,var(--border-soft))}}[data-color-scheme=dark] .dashboard-roadmap-node-button:before{background:#ffffff0f}[data-color-scheme=dark] .dashboard-roadmap-node--lesson .dashboard-roadmap-node-button{background:#303362}@supports (color:color-mix(in lch,red,blue)){[data-color-scheme=dark] .dashboard-roadmap-node--lesson .dashboard-roadmap-node-button{background:color-mix(in srgb,var(--primary) 48%,#242a4a)}}[data-color-scheme=dark] .dashboard-roadmap-node--current .dashboard-roadmap-node-button{background:#383973;border-color:#9696b9;box-shadow:0 0 0 10px #ececf829}@supports (color:color-mix(in lch,red,blue)){[data-color-scheme=dark] .dashboard-roadmap-node--current .dashboard-roadmap-node-button{background:color-mix(in srgb,var(--primary) 74%,#2b3157);border-color:color-mix(in srgb,var(--primary) 54%,#fff);box-shadow:0 0 0 10px color-mix(in srgb,var(--primary-soft) 16%,transparent)}}[data-color-scheme=dark] .dashboard-roadmap-node--reward .dashboard-roadmap-node-button{background:#686b83;color:#edf1ff}@supports (color:color-mix(in lch,red,blue)){[data-color-scheme=dark] .dashboard-roadmap-node--reward .dashboard-roadmap-node-button{background:color-mix(in srgb,var(--primary-soft) 34%,#242846)}}[data-color-scheme=dark] .dashboard-roadmap-node--locked .dashboard-roadmap-node-button{background:#c4c6cf;border-color:#babdd2;color:#f4f6ffb3}@supports (color:color-mix(in lch,red,blue)){[data-color-scheme=dark] .dashboard-roadmap-node--locked .dashboard-roadmap-node-button{background:color-mix(in srgb,var(--surface) 70%,#39405f);border-color:color-mix(in srgb,var(--border-soft) 80%,#46506e)}}[data-color-scheme=dark] .dashboard-bottom-nav-item--active{background:#4b4f6a;box-shadow:inset 0 0 0 1px #3c3c7d47}@supports (color:color-mix(in lch,red,blue)){[data-color-scheme=dark] .dashboard-bottom-nav-item--active{background:color-mix(in srgb,var(--primary-soft) 20%,#232846);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--primary) 28%,transparent)}}[data-color-scheme=dark] .dashboard-guide-avatar{background:#494d68}@supports (color:color-mix(in lch,red,blue)){[data-color-scheme=dark] .dashboard-guide-avatar{background:color-mix(in srgb,var(--primary-soft) 18%,#252a48)}}[data-color-scheme=dark] .dashboard-stat-icon{background:#3d4055}@supports (color:color-mix(in lch,red,blue)){[data-color-scheme=dark] .dashboard-stat-icon{background:color-mix(in srgb,var(--primary-soft) 18%,#171a31)}}[data-color-scheme=dark] .dashboard-score-bar{background:#393c51}@supports (color:color-mix(in lch,red,blue)){[data-color-scheme=dark] .dashboard-score-bar{background:color-mix(in srgb,var(--primary-soft) 16%,#171b31)}}[data-color-scheme=dark] .dashboard-score-bar span{background:linear-gradient(90deg,#5f5f94,#7f82b4)}@supports (color:color-mix(in lch,red,blue)){[data-color-scheme=dark] .dashboard-score-bar span{background:linear-gradient(90deg,color-mix(in srgb,var(--primary) 82%,#fff) 0,color-mix(in srgb,var(--primary) 58%,#dce2ff))}}.login-shell{width:min(100%,70rem);display:grid;grid-template-columns:1fr;grid-gap:2rem;gap:2rem;align-items:center}@media(min-width:1024px){.login-shell{grid-template-columns:minmax(0,1.05fr) minmax(22rem,28rem);gap:3rem}}.login-copy{display:flex;flex-direction:column;gap:1rem;max-width:32rem}@media(max-width:767px){.login-copy{display:none}}.login-back-link,.login-benefit-item p,.login-card-header p,.login-checkbox-row,.login-description,.login-field-group input,.login-field-group label,.login-field-header a,.login-footer-copy{font-size:1rem;font-size:clamp(1rem,.9295774648rem + .3004694836vw,1.2rem);font-weight:300}.login-back-link,.login-field-header a,.login-footer-copy a{color:#3c3c7d;color:var(--primary)}.login-back-link{width:-moz-fit-content;width:fit-content;font-weight:500}.login-brand-logo{width:min(100%,5.75rem);height:auto;display:block;filter:drop-shadow(0 12px 24px rgba(30,32,73,.12))}.login-title{font-size:clamp(2.4rem,2rem + 1.6vw,4rem);line-height:1.05;max-width:12ch;margin-bottom:0}.login-benefit-item p,.login-card-header p,.login-description,.login-footer-copy{color:#232347c7;color:var(--text-muted)}.login-benefits{display:grid;grid-gap:1rem;gap:1rem;margin-top:.5rem}.login-benefit-item{display:grid;grid-template-columns:auto 1fr;grid-gap:.875rem;gap:.875rem;align-items:start;padding:1rem 1.1rem;background:#fdfdfe;border:1px solid #d7d8eb;border:1px solid var(--border-soft);border-radius:1rem;border-radius:var(--radius-md)}@supports (color:color-mix(in lch,red,blue)){.login-benefit-item{background:color-mix(in srgb,var(--surface) 88%,var(--primary-soft))}}.login-benefit-item h2{font-size:1rem;font-weight:600;margin-bottom:.25rem}.login-benefit-number{display:inline-grid;align-items:center;justify-items:center;place-items:center;width:2.25rem;height:2.25rem;border-radius:999px;color:#3c3c7d;color:var(--primary);background:#efeff9;font-size:.9rem;font-weight:600}@supports (color:color-mix(in lch,red,blue)){.login-benefit-number{background:color-mix(in srgb,var(--primary-soft) 82%,var(--surface))}}.login-card{display:flex;flex-direction:column;gap:1.2rem;padding:1.6rem;background:#fffffff0;border:1px solid #c4c5de;border-radius:1.5rem;box-shadow:0 12px 30px #1e20491a;box-shadow:var(--shadow-card);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}@supports (color:color-mix(in lch,red,blue)){.login-card{background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border-soft))}}@media(max-width:767px){.login-card{padding:1.15rem;gap:1rem;border-radius:1.2rem}}.login-card-header{display:flex;flex-direction:column;gap:.3rem;text-align:center}.login-card-header h2{font-size:1.55rem;font-weight:600;margin-bottom:0}@media(max-width:767px){.login-card-header{align-items:flex-start;text-align:left}}.login-status-message,.survey-auth-message{margin:0;padding:10px 12px;border-radius:14px;background:#f3f3fb;border:1px solid #d7d8eb;border:1px solid var(--border-soft);color:#232347;color:var(--text)}@supports (color:color-mix(in lch,red,blue)){.login-status-message,.survey-auth-message{background:color-mix(in srgb,var(--primary-soft) 64%,var(--surface))}}.login-status-error,.survey-auth-error{margin:0;padding:10px 12px;border-radius:14px;background:#ffe2e8;border:1px solid #d7acc3;color:#8f2945}@supports (color:color-mix(in lch,red,blue)){.login-status-error,.survey-auth-error{background:color-mix(in srgb,#ffd7df 72%,var(--surface));border:1px solid color-mix(in srgb,#d85d7b 36%,var(--border-soft))}}.survey-auth-error--inline{margin-top:-2px}.login-field-group{display:grid;grid-gap:.45rem;gap:.45rem}.login-field-group label{font-weight:600;color:#232347;color:var(--text)}.login-field-group input{width:100%;padding:.9rem 1rem;border-radius:14px;border:1px solid #d7d8eb;border:1px solid var(--border-soft);background:#fdfdfe;color:#232347;color:var(--text)}@supports (color:color-mix(in lch,red,blue)){.login-field-group input{background:color-mix(in srgb,var(--surface) 92%,var(--primary-soft))}}.login-field-group input:focus-visible{outline:none;box-shadow:0 0 0 4px #3c3c7d33;box-shadow:var(--focus-ring-primary-shadow)}.login-field-header{display:flex;align-items:center;justify-content:space-between;gap:1rem}.login-checkbox-row{display:flex;align-items:center;gap:.6rem;color:#232347c7;color:var(--text-muted)}.login-submit-button{width:100%;min-height:48px}.login-otp-actions{justify-content:space-between}.login-footer-copy{text-align:center;margin:0}@media(max-width:767px){.login-footer-copy{text-align:left}}.install-overlay{position:fixed;inset:0;background:#14172b57;backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);z-index:40;pointer-events:none}.install-sheet{position:fixed;left:12px;right:12px;bottom:max(12px,env(safe-area-inset-bottom,0px) + 8px);padding:16px 18px calc(18px + env(safe-area-inset-bottom,0px));display:grid;grid-gap:16px;gap:16px;align-items:start;grid-template-columns:1fr;border-color:#bbbcd7;background:linear-gradient(135deg,#f1f1fa,#fff);z-index:50}@supports (color:color-mix(in lch,red,blue)){.install-sheet{border-color:color-mix(in srgb,var(--primary) 18%,var(--border-soft));background:linear-gradient(135deg,color-mix(in srgb,var(--primary-soft) 72%,#fff) 0,var(--surface) 100%)}}.install-handle{width:48px;height:5px;border-radius:999px;margin:0 auto;background:#d0d0e0}@supports (color:color-mix(in lch,red,blue)){.install-handle{background:color-mix(in srgb,var(--primary) 24%,#fff)}}.install-copy{min-width:0}.install-copy h2{margin-bottom:8px}.install-copy p:last-child{margin-bottom:0}.install-step-list{margin-top:12px;margin-bottom:0;padding-left:18px}.install-actions{justify-content:stretch;margin-top:0;align-items:center}.install-actions .button{flex:1 1 0}.eyebrow{margin:0 0 8px;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:#3c3c7d;color:var(--primary)}h1,h2,ol,p,ul{margin-top:0}h1{margin-bottom:12px;font-size:2rem;font-size:clamp(2rem,1.2957746479rem + 3.0046948357vw,4rem);font-weight:400;font-size:max(2rem,min(6vw,3rem));line-height:1.05}h2{margin-bottom:8px;font-size:1.25rem;font-size:clamp(1.25rem,.985915493rem + 1.1267605634vw,2rem);font-weight:300;font-size:1.1rem}h3{font-size:1.5rem;font-size:clamp(1.5rem,1.1478873239rem + 1.5023474178vw,2.5rem);font-weight:400}li,p{line-height:1.6;color:#232347c7;color:var(--text-muted)}a,button,input,p,span,sub,textarea{font-size:1rem;font-size:clamp(1rem,.9295774648rem + .3004694836vw,1.2rem);font-weight:300}a,button,h1,h2,h3,h4,h5,input,p,span,textarea{transition:color .5s ease-in-out;transition:color var(--transition-speed) var(--transition-ease)}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:18px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid #d7d8eb;border:1px solid var(--border-soft);background:#fff;background:var(--surface);font-weight:600}.button.primary{border-color:transparent;background:#3c3c7d;background:var(--primary);color:#fff}.feature-grid{display:grid;grid-gap:16px;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.step-list{padding-left:20px;margin-bottom:0;display:grid;grid-gap:10px;gap:10px}.survey-shell{width:min(100%,960px);justify-self:center;grid-gap:12px;gap:12px;height:100%;grid-template-rows:auto minmax(0,1fr);overscroll-behavior:none;touch-action:none}.survey-shell,.survey-vn-layout{display:grid;min-height:0;overflow:hidden}.survey-vn-layout{grid-gap:10px;gap:10px;grid-template-rows:minmax(0,1fr) auto}.survey-scene-transition--next{animation:survey-question-enter-next .24s cubic-bezier(.22,1,.36,1)}.survey-scene-transition--previous{animation:survey-question-enter-previous .24s cubic-bezier(.22,1,.36,1)}.survey-vn-layout--next{animation:survey-question-enter-next .24s cubic-bezier(.22,1,.36,1)}.survey-vn-layout--previous{animation:survey-question-enter-previous .24s cubic-bezier(.22,1,.36,1)}.survey-helper,.survey-option-body small,.survey-question-index,.survey-source-note{color:#232347c7;color:var(--text-muted)}.survey-helper,.survey-question-index,.survey-source-note{margin-bottom:0}.survey-progress-card,.survey-section-card{display:grid;grid-gap:10px;gap:10px;padding:14px 16px;border:1px solid #d7d8eb;border:1px solid var(--border-soft);border-radius:20px;background:#fdfdfe}@supports (color:color-mix(in lch,red,blue)){.survey-progress-card,.survey-section-card{background:color-mix(in srgb,var(--surface) 92%,var(--primary-soft))}}.survey-progress-row{display:flex;justify-content:flex-end;align-items:center;gap:10px}.survey-demo-skip-button{min-height:38px;padding-left:14px;padding-right:14px;font-size:.8rem}.survey-progress-bar{width:100%;height:8px;border-radius:999px;overflow:hidden;background:#f4f4fb}@supports (color:color-mix(in lch,red,blue)){.survey-progress-bar{background:color-mix(in srgb,var(--primary-soft) 60%,var(--surface))}}.survey-progress-bar span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#3c3c7d,#6f6f9f);transition:width .3s ease}@supports (color:color-mix(in lch,red,blue)){.survey-progress-bar span{background:linear-gradient(90deg,var(--primary) 0,color-mix(in srgb,var(--primary) 74%,#fff) 100%)}}.survey-question-stage{display:grid;grid-gap:10px;gap:10px;min-height:0;grid-template-rows:auto max(280px,min(44dvh,520px));align-content:start}.survey-question-card--hero{gap:10px;padding:12px 16px;background:#fefeff;justify-self:center;width:min(100%,760px)}@supports (color:color-mix(in lch,red,blue)){.survey-question-card--hero{background:color-mix(in srgb,var(--surface) 96%,var(--primary-soft))}}.survey-question-text--hero{font-size:clamp(1rem,.92rem + .45vw,1.28rem);line-height:1.2}.survey-live2d-stage{height:100%;padding:0;border-radius:24px;border:none;align-items:stretch;overflow:hidden;flex:0 0 auto}.survey-live2d-frame,.survey-live2d-stage{min-height:0;background:transparent;display:grid}.survey-live2d-frame{border-radius:20px;border:none;align-items:center;justify-items:center;place-items:center;text-align:center;padding:0;grid-gap:10px;gap:10px;position:relative}.live2d-stage-shell{position:relative;border-radius:0;overflow:hidden}.live2d-stage-canvas,.live2d-stage-shell{width:100%;height:100%;min-height:0}.live2d-stage-canvas canvas{display:block;width:100%;height:100%}.live2d-stage-status{position:absolute;inset:0;display:grid;align-items:center;justify-items:center;place-items:center;align-content:center;grid-gap:10px;gap:10px;padding:24px;text-align:center;pointer-events:none;background:linear-gradient(180deg,hsla(0,0%,100%,.48),transparent)}@supports (color:color-mix(in lch,red,blue)){.live2d-stage-status{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 48%,transparent) 0,transparent 100%)}}.live2d-stage-status--error{background:linear-gradient(180deg,hsla(0,0%,100%,.68),transparent)}@supports (color:color-mix(in lch,red,blue)){.live2d-stage-status--error{background:linear-gradient(180deg,color-mix(in srgb,var(--surface) 68%,transparent) 0,transparent 100%)}}.survey-swipe-hint{position:absolute;top:12px;right:12px;display:grid;justify-items:center;grid-gap:4px;gap:4px;padding:8px 10px;max-width:min(70vw,260px);border-radius:14px;background:#ffffffdb;border:1px solid #c4c5de;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);box-shadow:0 8px 20px #1e204914;opacity:.68;transition:opacity .25s ease,transform .25s ease,background-color .25s ease,border-color .25s ease}@supports (color:color-mix(in lch,red,blue)){.survey-swipe-hint{background:color-mix(in srgb,var(--surface) 86%,transparent);border:1px solid color-mix(in srgb,var(--primary) 12%,var(--border-soft))}}.survey-swipe-hint p{margin:0;text-align:center;font-size:.74rem;line-height:1.2;color:#232347;color:var(--text)}.survey-swipe-hint--active{opacity:.96;transform:translateY(-1px);background:#f5f5fc}@supports (color:color-mix(in lch,red,blue)){.survey-swipe-hint--active{background:color-mix(in srgb,var(--primary-soft) 50%,var(--surface))}}.survey-swipe-hint-arrows{display:grid;grid-gap:0;gap:0;justify-items:center;color:#3c3c7d;color:var(--primary);font-weight:700;line-height:.8}.survey-swipe-hint-arrows span:first-child{animation:survey-swipe-up 1.8s ease-in-out infinite}.survey-swipe-hint-arrows span:last-child{animation:survey-swipe-down 1.8s ease-in-out infinite}.survey-live2d-label{margin:0;font-weight:700;letter-spacing:.05em;text-transform:uppercase;color:#3c3c7d;color:var(--primary)}.survey-live2d-hint{margin:0;max-width:30rem;color:#232347c7;color:var(--text-muted)}.survey-answer-dock{display:grid;grid-gap:8px;gap:8px;padding:10px 12px;border-radius:22px;border:1px solid #d7d8eb;border:1px solid var(--border-soft);background:#fdfdfe;box-shadow:0 12px 30px #1e20491a;box-shadow:var(--shadow-card);overflow:hidden;justify-self:center;width:min(100%,420px)}@supports (color:color-mix(in lch,red,blue)){.survey-answer-dock{background:color-mix(in srgb,var(--surface) 92%,var(--primary-soft))}}.survey-answer-dock input,.survey-answer-dock label,.survey-answer-dock textarea{touch-action:auto}.survey-answer-dock-copy{display:grid;grid-gap:8px;gap:8px}.survey-scale-legend--compact{grid-template-columns:repeat(auto-fit,minmax(120px,1fr))}.survey-scale-legend{display:grid;grid-gap:8px;gap:8px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.survey-scale-chip{display:flex;align-items:center;gap:10px;padding:9px 12px;border-radius:16px;background:#fff;background:var(--surface);border:1px solid #d7d8eb;border:1px solid var(--border-soft)}.survey-question-index,.survey-scale-chip-number{font-weight:700;color:#3c3c7d;color:var(--primary)}.survey-question-list{list-style:none;padding:0;margin:0;display:grid;grid-gap:16px;gap:16px}.survey-question-card{display:grid;grid-gap:14px;gap:14px;padding:18px;border-radius:18px;border:1px solid #d7d8eb;border:1px solid var(--border-soft);background:#fff;background:var(--surface)}.survey-question-copy{display:grid;grid-gap:6px;gap:6px}.survey-question-text{margin-bottom:0;color:#232347;color:var(--text);font-weight:500}.survey-option-grid{display:grid;grid-gap:10px;gap:10px;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.survey-option-grid--vn{grid-template-columns:1fr;gap:6px}.survey-slider-card{display:grid;grid-gap:10px;gap:10px;padding:10px 12px;border-radius:18px;border:1px solid #d7d8eb;border:1px solid var(--border-soft);background:#fdfdfe}@supports (color:color-mix(in lch,red,blue)){.survey-slider-card{background:color-mix(in srgb,var(--surface) 92%,var(--primary-soft))}}.survey-slider-header{display:grid;grid-gap:2px;gap:2px;justify-items:center;text-align:center}.survey-slider-header strong{font-size:1.25rem;line-height:1;color:#3c3c7d;color:var(--primary)}.survey-slider-header small{font-size:.82rem;line-height:1.2;color:#232347c7;color:var(--text-muted)}.survey-slider{width:100%;-moz-appearance:none;appearance:none;-webkit-appearance:none;height:6px;border-radius:999px;background:#f0f0fa;outline:none}@supports (color:color-mix(in lch,red,blue)){.survey-slider{background:color-mix(in srgb,var(--primary-soft) 78%,var(--surface))}}.survey-slider::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;width:20px;height:20px;border-radius:999px;border:2px solid #fff;border:2px solid var(--surface);background:#3c3c7d;background:var(--primary);box-shadow:0 4px 12px #1e20492e}.survey-slider::-moz-range-thumb{width:20px;height:20px;border-radius:999px;border:2px solid #fff;border:2px solid var(--surface);background:#3c3c7d;background:var(--primary);box-shadow:0 4px 12px #1e20492e}.survey-slider::-moz-range-track{height:6px;border-radius:999px;background:#f0f0fa}@supports (color:color-mix(in lch,red,blue)){.survey-slider::-moz-range-track{background:color-mix(in srgb,var(--primary-soft) 78%,var(--surface))}}.survey-slider:focus-visible{outline:none}.survey-slider-labels{display:flex;justify-content:space-between;gap:12px;font-size:.72rem;line-height:1.15;color:#232347c7;color:var(--text-muted)}.survey-slider-labels span:first-child{text-align:left}.survey-slider-labels span:last-child{text-align:right}.survey-option{position:relative;display:block;cursor:pointer}.survey-option input{position:absolute;opacity:0;pointer-events:none}.survey-option--vn{width:100%}.survey-option-body{display:grid;grid-gap:4px;gap:4px;padding:14px;min-height:88px;border-radius:16px;border:1px solid #d7d8eb;border:1px solid var(--border-soft);background:#fdfdfe;transition:border-color .2s ease,background-color .2s ease,transform .2s ease,box-shadow .2s ease}@supports (color:color-mix(in lch,red,blue)){.survey-option-body{background:color-mix(in srgb,var(--surface) 92%,var(--primary-soft))}}.survey-option-body strong{font-size:1rem;color:#3c3c7d;color:var(--primary)}.survey-option-body--vn{grid-template-columns:2.15rem 1fr;align-items:center;min-height:46px;padding:8px 10px}.survey-option-body--vn strong{display:inline-flex;align-items:center;justify-content:center;width:1.75rem;height:1.75rem;border-radius:999px;background:#efeff9;font-size:.85rem}@supports (color:color-mix(in lch,red,blue)){.survey-option-body--vn strong{background:color-mix(in srgb,var(--primary-soft) 82%,var(--surface))}}.survey-option-body--vn small{font-size:.82rem;line-height:1.2}.survey-option input:checked+.survey-option-body{border-color:#3c3c7d;border-color:var(--primary);background:#f1f1fa;box-shadow:0 0 0 4px #3c3c7d33;box-shadow:var(--focus-ring-primary-shadow);transform:translateY(-1px)}@supports (color:color-mix(in lch,red,blue)){.survey-option input:checked+.survey-option-body{background:color-mix(in srgb,var(--primary-soft) 72%,var(--surface))}}.survey-textarea{width:100%;padding:14px 16px;border-radius:16px;border:1px solid #d7d8eb;border:1px solid var(--border-soft);background:#fdfdfe;color:#232347;color:var(--text);resize:vertical;min-height:120px}@supports (color:color-mix(in lch,red,blue)){.survey-textarea{background:color-mix(in srgb,var(--surface) 92%,var(--primary-soft))}}.survey-textarea:focus-visible{outline:none;box-shadow:0 0 0 4px #3c3c7d33;box-shadow:var(--focus-ring-primary-shadow)}.survey-textarea--vn{min-height:92px}.survey-free-text-block{display:grid;grid-gap:8px;gap:8px}.survey-auth-shell{width:min(100%,34rem);justify-self:center;align-content:center;padding:10px 0}.survey-auth-form,.survey-auth-shell{display:grid;grid-gap:12px;gap:12px}.survey-auth-form label{font-weight:600;color:#232347;color:var(--text)}.survey-auth-form input{width:100%;min-height:48px;padding:0 14px;border-radius:16px;border:1px solid #d7d8eb;border:1px solid var(--border-soft);background:#fff;background:var(--surface);color:#232347;color:var(--text)}.survey-auth-form input:focus-visible{outline:none;box-shadow:0 0 0 4px #3c3c7d33;box-shadow:var(--focus-ring-primary-shadow)}.survey-auth-actions{justify-content:space-between}.demo-reset-actions{margin-top:0}.survey-actions{justify-content:space-between;margin-top:0}.survey-actions .button:first-child{margin-right:auto}@keyframes survey-swipe-up{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(-4px);opacity:1}}@keyframes survey-swipe-down{0%,to{transform:translateY(0);opacity:.55}50%{transform:translateY(4px);opacity:1}}@keyframes survey-question-enter-next{0%{opacity:0;transform:translateY(22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}@keyframes survey-question-enter-previous{0%{opacity:0;transform:translateY(-22px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.survey-free-text-note{margin-top:-4px}@keyframes mouse-bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-15px)}60%{transform:translateY(-7px)}}@media(max-width:640px){.page-shell{padding:16px 12px 32px}.page-shell--survey{padding:8px 10px 10px}.page-shell--dashboard{padding:20px 12px 112px}.top-right-nav{top:16px;right:12px;gap:8px}.top-right-nav--inline{top:auto;right:auto}.login-page{padding:1rem .75rem}.login-shell{width:min(100%,29rem)}.dashboard-results-header,.dashboard-roadmap-header,.login-otp-actions,.survey-auth-actions{flex-direction:column}.survey-progress-row{justify-content:stretch}.survey-demo-skip-button{width:100%}.dashboard-topbar{grid-template-columns:minmax(0,1fr)}.dashboard-topbar-controls{justify-self:start}.dashboard-roadmap-header{align-items:stretch}.dashboard-roadmap-progress{justify-content:center}.dashboard-results-card{padding:16px}.dashboard-results-overview{padding:12px 14px}.dashboard-guide-card{width:min(100%,220px)}.dashboard-roadmap{padding:16px 14px 20px}.dashboard-roadmap-node-copy{padding:8px 8px 0}.dashboard-roadmap-line{inset:108px 0 118px}.dashboard-roadmap-node--left{margin-left:8%}.dashboard-roadmap-node--right{margin-right:8%}.landing-shell{padding-top:48px;min-height:calc(100dvh - 72px)}.feature-card,.hero-card,.install-sheet,.panel-card{border-radius:16px}.install-sheet{left:10px;right:10px;bottom:max(10px,env(safe-area-inset-bottom,0px) + 6px);padding:16px 16px calc(16px + env(safe-area-inset-bottom,0px))}.install-actions{justify-content:stretch}.survey-shell{gap:10px}.survey-progress-card{padding:12px 14px}.survey-live2d-frame{padding:0;height:100%}.survey-question-stage{grid-template-rows:auto max(220px,min(36dvh,360px))}.survey-swipe-hint{top:8px;right:8px;padding:7px 9px;max-width:min(72vw,220px)}.survey-swipe-hint p{font-size:.68rem}.survey-answer-dock,.survey-question-card--hero{padding:10px 12px}.survey-question-text--hero{font-size:.95rem;line-height:1.18}.survey-option-body--vn{min-height:42px;padding:8px 10px}.survey-option-body--vn small{font-size:.8rem}.survey-slider-card{padding:10px;gap:8px}.survey-slider-header strong{font-size:1.1rem}.survey-slider-header small{font-size:.78rem}.survey-slider-labels{font-size:.66rem}.survey-textarea--vn{min-height:80px}}
