:root{color-scheme:light;--ink:#292330;--pink:#d92d92;--white:rgba(255,255,255,.77);font-family:Inter,"PingFang SC","Microsoft YaHei",sans-serif;color:var(--ink);font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:#232329;min-height:100vh;display:flex;justify-content:center;align-items:flex-start}button,input{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent;transition:transform .18s,background .18s,box-shadow .18s}button:disabled{cursor:not-allowed;opacity:.42}button:focus-visible{outline:3px solid #8244af;outline-offset:4px}button:active:not(:disabled){transform:scale(.98)}.phone-frame{position:relative;isolation:isolate;width:430px;min-height:100vh;min-height:100dvh;background:linear-gradient(165deg,#efd1e3 0%,#f3dfee 28%,#e4e4f4 64%,#caedf0 100%);overflow:hidden;display:flex;flex-direction:column}.ambient{position:absolute;border-radius:50%;filter:blur(28px);pointer-events:none;z-index:-1}.ambient-one{width:280px;height:280px;background:#fff8;top:160px;left:-150px}.ambient-two{width:250px;height:250px;background:#eab4d452;right:-110px;top:450px}.topbar{display:flex;align-items:center;justify-content:space-between;padding:20px 24px 8px;padding-top:max(20px,env(safe-area-inset-top));z-index:2}.icon-button{width:38px;height:38px;display:grid;place-items:center;border:1px solid #ffffffa0;background:#ffffff65;border-radius:50%;font-size:22px;color:var(--ink)}.icon-button:hover{background:white}.demo-label{letter-spacing:2px;font-size:10px;color:#7d6f80;background:#ffffff60;padding:6px 10px;border-radius:20px}#screen{flex:1;padding:0 24px 24px;outline:none;animation:enter .35s ease}.desktop-note{display:none}.site-footer{padding:8px 20px 22px;padding-bottom:max(22px,env(safe-area-inset-bottom));text-align:center;color:#8a8291;font-size:11px}.site-footer button{padding:3px 7px;border:none;background:none;color:#766a80;font-size:11px}.site-footer p{font-size:10px;letter-spacing:.5px;margin:9px 0 0}.profile{text-align:center;padding-top:24px}.profile-mark{width:88px;height:88px;margin:auto;display:grid;place-items:center;font-size:40px;background:linear-gradient(140deg,#fff,#fde2ed);color:#d74796;border:5px solid #fff9;border-radius:50%;box-shadow:0 8px 28px #a6658c22;transform:rotate(-8deg)}.profile h1{font-size:24px;font-weight:750;letter-spacing:1px;margin:19px 0 8px}.profile p{font-size:13px;line-height:1.9;margin:0;color:#75697a}.small-label{display:inline-block;font-size:10px;letter-spacing:1px;color:#967c91;margin:12px 0}.socials{display:flex;justify-content:center;gap:12px;margin:14px 0 26px}.socials button{width:32px;height:32px;border:1px solid #fff9;border-radius:50%;background:#ffffff36;color:#685369;font-size:15px}.link-stack{display:grid;gap:13px}.link-card{position:relative;text-align:left;width:100%;min-height:76px;padding:14px 19px 14px 15px;display:flex;align-items:center;gap:13px;background:var(--white);border:1px solid #fff;border-radius:18px;box-shadow:0 4px 0 #bca6bf22;color:var(--ink)}.link-card:hover{transform:translateY(-2px);box-shadow:0 7px 20px #a170a224}.link-card.featured{background:#2b2532;color:white;border-color:#2b2532}.link-symbol{width:44px;height:44px;flex-shrink:0;display:grid;place-items:center;border-radius:13px;background:#f0e4f0;color:#a65491;font-size:23px}.featured .link-symbol{background:#ffffff15;color:#ffcae7}.link-copy{display:grid;gap:5px}.link-copy strong{font-size:14px;letter-spacing:.3px}.link-copy small{font-size:11px;font-weight:400;opacity:.65}.link-arrow{margin-left:auto;font-size:22px;font-weight:300}.tag{font-size:9px;color:#d12586;background:#ffe0f0;padding:4px 7px;border-radius:6px;position:absolute;right:18px;top:-9px}.home-note{display:flex;justify-content:center;align-items:center;gap:7px;font-size:10px;color:#8e8193;margin:25px 0 5px}.dot{width:5px;height:5px;border-radius:100%;background:#ac74a2}.brand-mini{text-align:center;margin:23px 0 5px;font-size:15px;font-weight:750;letter-spacing:1px}.brand-mini span{color:#c95196}.hero{text-align:center;padding:15px 0 22px}.hero h1{margin:5px 0 9px;font-size:28px;color:#cb298d;letter-spacing:3px;font-style:italic}.hero h1:before,.hero h1:after{content:"✧";font-size:19px;display:inline-block;margin:0 12px;color:#ad72a5;vertical-align:middle}.hero p{margin:0;color:#7a697d;font-size:12px}.step-meta{display:flex;align-items:center;justify-content:space-between;color:#8b768c;font-size:11px;margin:4px 2px 11px}.step-track{height:3px;display:flex;gap:5px;margin-bottom:22px}.step-track i{display:block;flex:1;border-radius:10px;background:#fff8}.step-track i.done{background:#c957a3}.paper{position:relative;background:linear-gradient(145deg,#ffffffd9,#ffffffab);border:1px solid white;border-radius:26px;padding:30px 25px;box-shadow:0 12px 40px #a57aa314;min-height:328px}.paper:before{content:"";position:absolute;top:-7px;left:38%;height:16px;width:24%;background:#fff7;border:1px solid white;transform:rotate(-4deg)}.paper-icon{height:66px;width:66px;display:grid;place-items:center;margin:4px auto 24px;background:#f6e6f1;border-radius:22px;color:#c64295;font-size:30px}.paper h2{font-size:21px;line-height:1.5;text-align:center;margin:0 0 14px;letter-spacing:.5px}.paper p{font-size:13px;line-height:1.9;color:#857187;margin:0;text-align:center}.check-list{list-style:none;padding:17px 0 0;margin:0}.check-list li{padding:9px 0;font-size:12px;display:flex;align-items:center;gap:10px}.check-list li:before{content:"✓";background:#f1e1ef;color:#a65c9b;border-radius:50%;width:18px;height:18px;display:grid;place-items:center;font-size:10px}.actions{display:flex;gap:12px;margin:22px 0 0}.primary,.secondary{min-height:48px;border-radius:30px;padding:12px 20px;border:1px solid #2c2632;font-size:14px;font-weight:600}.primary{background:#2c2632;color:white}.primary:hover{background:#49354c}.secondary{background:#ffffff63;color:#514157;border-color:#bda8c0}.actions>*{flex:1}.full{display:block;width:100%;margin-top:23px}.helper{text-align:center;font-size:10px;line-height:1.8;color:#8d7e93;margin:14px 0}.verify-check{display:flex;align-items:center;gap:12px;width:100%;margin:22px 0 12px;padding:17px;border:1px solid #dbc9df;background:#fff;border-radius:12px;text-align:left}.checkbox{height:24px;width:24px;border:2px solid #b5a3ba;border-radius:6px;flex-shrink:0;display:grid;place-items:center;color:white}.verify-check.checked{background:#fbf5fd;border-color:#c682b3}.checked .checkbox{border-color:#bb55a1;background:#bb55a1}.verify-check strong{display:block;font-size:13px}.verify-check small{display:block;font-size:10px;color:#95899a;margin-top:4px}.quiz-heading{font-size:21px;margin:4px 0 8px;text-align:left!important}.quiz-sub{font-size:11px!important;text-align:left!important;margin-bottom:22px!important}.option-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.option{border:1.5px solid #efe3f0;background:#fff9;padding:0 0 12px;border-radius:17px;overflow:hidden;position:relative;text-align:center;color:#49364d}.option .illustration{display:grid;place-items:center;height:96px;background:linear-gradient(135deg,#f6e9ec,#eadffa);margin:5px 5px 10px;border-radius:12px;font-size:34px}.option:nth-child(2) .illustration{background:linear-gradient(135deg,#e5eee0,#d3e9e3)}.option:nth-child(3) .illustration{background:linear-gradient(135deg,#efe6cf,#f0dcd9)}.option:nth-child(4) .illustration{background:linear-gradient(135deg,#dce9f2,#e0dbef)}.option strong{font-size:12px}.option.selected{border-color:#d95ba7;background:#fff;box-shadow:0 0 0 2px #e8a1d124}.option.selected:after{content:"✓";position:absolute;right:10px;top:10px;color:white;background:#ca529e;border:2px solid white;border-radius:50%;width:19px;height:19px;font-size:10px;display:grid;place-items:center}.quiz-paper{padding:26px 20px 22px}.loading-paper{padding:42px 22px;text-align:center}.orbit{height:100px;width:100px;border:1px solid #dcbad7;border-radius:50%;display:grid;place-items:center;font-size:40px;color:#c55198;margin:6px auto 28px;position:relative}.orbit:after{content:"";position:absolute;inset:-9px;border:2px solid transparent;border-top-color:#ca589e;border-radius:50%;animation:spin 1.5s linear infinite}.loading-track{height:7px;background:#eadcec;overflow:hidden;border-radius:30px;margin:26px 10px 12px}.loading-fill{height:100%;width:0;background:linear-gradient(90deg,#ba70c4,#ed7fb5);border-radius:30px}.loading-caption{font-size:10px!important}.result-head{text-align:center;margin-bottom:20px}.result-check{display:grid;place-items:center;width:43px;height:43px;border-radius:50%;background:#fff9;color:#ad5697;margin:3px auto 13px;font-size:22px}.result-head h2{font-size:23px;margin:0 0 8px}.result-head p{font-size:11px;color:#8a748c;margin:0;line-height:1.8}.chips{display:flex;gap:6px;justify-content:center;flex-wrap:wrap;margin:15px 0}.chip{border:1px solid #fff9;background:#ffffff5e;border-radius:20px;font-size:10px;padding:5px 9px;color:#8b618b}.result-list{display:grid;gap:12px}.person-card{border:1px solid white;border-radius:19px;background:#ffffffb5;padding:17px;display:grid;grid-template-columns:58px 1fr 28px;gap:12px;align-items:start}.avatar{height:58px;width:58px;background:var(--avatar-bg,#ebdcf0);border-radius:17px;display:grid;place-items:center;color:#8a5a88;font-size:24px;font-family:serif}.person-name{font-size:15px;margin:2px 0 5px}.person-name small{font-weight:400;font-size:11px;margin-left:6px;color:#95839b}.person-card p{font-size:10px;color:#8f8096;line-height:1.8;margin:0 0 7px}.person-tags{display:flex;flex-wrap:wrap;gap:5px}.person-tags span{font-size:9px;color:#a07098;background:#f3e7f2;padding:4px 6px;border-radius:5px}.favorite{font-size:23px;color:#a58aa2;border:none;background:none;padding:0}.favorite.saved{color:#d43d94}.person-card .view-profile{grid-column:2/4;font-size:11px;justify-self:start;border:none;background:none;padding:2px 0;color:#a95091}.tiny-disclaimer{margin:17px 0 0;font-size:10px;line-height:1.9;color:#8c7e92;text-align:center}dialog{width:min(calc(100% - 32px),360px);border:1px solid white;border-radius:24px;padding:34px 26px;background:#fcf7fc;color:var(--ink);box-shadow:0 28px 120px #2c16324d}dialog::backdrop{background:#25202e75;backdrop-filter:blur(6px)}.modal-close{position:absolute;top:11px;right:11px;width:28px;height:28px;font-size:20px;border:none;background:#eee3ef}dialog h2{font-size:21px;margin:10px 0 15px}dialog p{font-size:13px;line-height:1.9;color:#857287}dialog .avatar{margin:5px auto 17px;height:78px;width:78px;font-size:32px}dialog .person-tags{justify-content:center}#toast{position:fixed;bottom:35px;left:50%;transform:translate(-50%,12px);opacity:0;pointer-events:none;background:#2b2434;color:white;padding:12px 18px;border-radius:14px;font-size:12px;max-width:90vw;width:max-content;z-index:5;transition:opacity .2s,transform .2s}#toast.visible{opacity:1;transform:translate(-50%,0)}@keyframes enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@media(min-width:1000px){body{gap:100px;padding:36px 40px;align-items:center;min-height:100vh;background:radial-gradient(ellipse at 15% 75%,#423143,transparent 60%),#232329}.phone-frame{min-height:820px;max-width:430px;border-radius:30px;box-shadow:0 40px 100px #0004;border:1px solid #ffffff22}.desktop-note{display:block;width:340px;color:#f3eaf4}.eyebrow{font-size:10px;letter-spacing:3px;color:#b6a2b7}.desktop-note h1{font-size:38px;letter-spacing:2px;line-height:1.65;font-weight:500;margin:26px 0 22px}.desktop-note h1 span{color:#e9a3cf}.desktop-note p{font-size:13px;line-height:2.3;color:#b9a9bc}.note-line{height:1px;width:38px;background:#a987a2;margin:38px 0 22px}.desktop-note small{font-size:10px;color:#9c8a9e;letter-spacing:1px}}@media(max-width:430px){.phone-frame{width:100%;border:none}#screen{padding-left:22px;padding-right:22px}.profile{padding-top:20px}.paper{padding:27px 22px}.quiz-paper{padding:25px 18px}.option .illustration{height:85px}.hero{padding-top:12px;padding-bottom:20px}}@media(max-width:350px){#screen{padding-left:15px;padding-right:15px}.hero h1{font-size:24px}.hero h1:before,.hero h1:after{margin:0 6px}.paper{padding:24px 18px}.link-copy strong{font-size:13px}.option .illustration{height:70px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
 a.link-card{text-decoration:none}a.link-card:focus-visible{outline:3px solid #8244af;outline-offset:4px}.funnel-page .phone-frame{background:linear-gradient(180deg,#efc3de,#c6eef3)}