:root{--pf-purple:#7457dd;--pf-blue:#5d79f4;--pf-bg-purple:#e4dfff;--pf-bg-gray:#f4f6fa;--pf-text:#000c;--pf-border:#0000001f;--pf-border-soft:#0000001a;--pf-border-softer:#00000014;--pf-track:#00000014;--pf-subtle-bg:#00000005;--pf-pill:999px}.page{color:var(--pf-text);justify-content:center;display:flex}.shell{width:100%;max-width:520px}.header,.progressWrap,.ctaRow,.avatarCard{align-items:center;display:flex}.header{justify-content:center;gap:12px;margin:8px 8px 18px}.progressWrap{flex:1;gap:10px;max-width:520px;padding:0 14px}.progressTrack{border-radius:var(--pf-pill);background:var(--pf-track);flex:1;height:10px;overflow:hidden}.progressFill{border-radius:var(--pf-pill);background:var(--pf-blue);width:0%;height:100%;transition:width .22s}.card{border:1px solid var(--pf-border-soft);background:#fff;border-radius:18px;min-width:300px;padding:22px;box-shadow:0 10px 30px #0000000f}.cards{grid-template-columns:1fr;gap:12px;margin:14px 0 18px;display:grid}.cardSmall{border:1px solid var(--pf-border-softer);background:var(--pf-subtle-bg);border-radius:14px;padding:14px}.h1{font-size:28px}.h2{font-size:22px}.h3{font-size:18px}.h4{font-size:16px}.h1,.h2,.h3,.h4{margin:4px 0 8px;font-weight:600;line-height:1.2}.p{opacity:.85;margin:0 0 12px;line-height:1.5}.small{opacity:.8;margin-top:4px;font-size:15px;line-height:1.4}.coverWrap{width:100%;height:240px;margin:0 auto;position:relative;overflow:hidden}.coverImg{object-fit:cover}.ctaRow{flex-wrap:wrap;gap:14px;margin-top:8px}.grid{grid-template-columns:1fr;gap:10px;margin:10px 0 14px;display:grid}.choiceBtn{text-align:left;cursor:pointer;color:var(--pf-text);background:#fff;border:1px solid #0003;border-radius:14px;padding:12px;font-size:15px;transition:color .3s,border-color .3s}.choiceBtn:hover{color:#000;border-color:#000c}.choiceActive{background:var(--pf-bg-purple);border-color:#0000004d}.showMore{color:var(--primary);cursor:pointer;background:0 0;border:none;margin:10px;font-size:15px;font-weight:400}.navRow{justify-content:space-between;gap:10px;margin-top:10px;display:flex}.error{color:#c80000b3;min-height:17px;margin-top:6px;padding-left:10px;font-size:14px}.avatarCard{flex-direction:row;gap:16px;width:100%;margin:16px 0}.avatar{background:50%/cover no-repeat;border-radius:18px;width:76px;height:76px}.ulTight{margin:8px 0 0;padding-left:18px}.ulTight li{opacity:.9;margin:4px 0;font-size:15px;line-height:1.4}.form{gap:6px;margin-top:14px;display:grid}.label{opacity:.8;font-size:14.5px}.input{border:1px solid var(--pf-border);color:#000000c7;background:#fffffff5;border-radius:14px;outline:none;width:100%;margin-bottom:10px;padding:12px;font-size:15.5px;font-weight:400}.input:focus{border-color:#7457dd6b;box-shadow:0 0 0 4px #7457dd1f}.footerHint{opacity:.6;text-align:center;margin:12px 0;font-size:12px}.buttonWithHint{flex-direction:column;display:flex}.hint{opacity:.9;text-align:center;min-height:14px;margin:8px 0 0;font-size:13px}.linkBtn{cursor:pointer;color:var(--pf-text);background:0 0;border:none;padding-top:4px;text-decoration:underline}.linkBtn:hover{opacity:1}.linkBtn:disabled{opacity:.4;cursor:not-allowed}.chipRow{flex-wrap:wrap;justify-content:left;gap:8px;margin:8px 0 16px;display:flex}.chip{background:color-mix(in srgb,var(--pf-bg-purple)60%,transparent);border:1px solid var(--pf-bg-purple);color:#000c;border-radius:12px;align-items:center;padding:4px 14px;font-size:14px;font-weight:400;display:flex}.borderLine{border-bottom:1px solid var(--pf-border);margin:0 -22px}@media (max-width:520px){.avatar{border-radius:16px;width:96px;height:96px}.primaryBtn,.secondaryBtn{width:100%;min-width:0}.card{border-radius:unset}}.appShell{background:color-mix(in srgb,var(--pf-bg-purple)30%,transparent);flex-direction:column;min-height:100dvh;display:flex}.appBody{flex:1;padding-bottom:72px}.topBar{z-index:20;background:var(--bg,#fff);border-bottom:1px solid #00000014;grid-template-columns:64px 1fr 64px;align-items:center;height:52px;display:grid;position:sticky;top:0}.topBarSide{justify-content:center;align-items:center;display:flex}.topBarCenter{text-align:center}.topBarTitle{font-size:16px;font-weight:600}.topBarSpacer{width:40px;height:40px}.iconBtn{color:#000000a6;cursor:pointer;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex}.iconBtn:active{transform:scale(.98)}.tabBar{background:var(--bg,#fff);height:64px;padding-bottom:env(safe-area-inset-bottom);z-index:30;border-top:1px solid #00000014;grid-template-columns:repeat(5,1fr);max-width:520px;margin:auto;display:grid;position:fixed;bottom:0;left:0;right:0}.tabItem{color:#000000a6;flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:11px;text-decoration:none;display:flex}.tabItem.isActive{color:#000000f2}.tabIcon{place-items:center;width:24px;height:24px;display:grid;position:relative}.tabLabel{line-height:1}.tabBadge{color:#fff;background:#ff3b30;border-radius:999px;place-items:center;min-width:18px;height:18px;padding-top:1px;padding-left:1px;font-size:12px;font-weight:600;display:grid;position:absolute;top:-6px;right:-8px}