:root{--paper:#f6f5ef;--ink:#202b31;--mut:#758079;--line:#d9ddd3;--blue:#2452d9;--green:#d8f266;--pink:#f4d9d8;--white:#fffef9}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:95px}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.7 -apple-system,BlinkMacSystemFont,"PingFang SC","Microsoft YaHei",sans-serif;-webkit-font-smoothing:antialiased}button,input,select{font:inherit}button,a,input,select{-webkit-tap-highlight-color:transparent}button,a{touch-action:manipulation}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible{outline:3px solid #90aafa;outline-offset:4px}button:disabled{cursor:wait;opacity:.6}[hidden]{display:none!important}.site-header{position:sticky;top:0;z-index:20;background:#f6f5eff0;border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.header-inner{max-width:1232px;padding:18px 40px;margin:auto;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:12px;align-items:center;font-weight:700;letter-spacing:.08em;font-size:12px}.brand-mark{position:relative;display:grid;place-content:center;width:38px;height:38px;border:1px solid #bec4bc;border-radius:50%;font:700 29px Georgia,serif}.brand-mark span{position:absolute;right:4px;top:0;color:var(--blue)}.brand small{display:block;color:var(--mut);font-size:10px;font-weight:400;letter-spacing:.05em}.header-inner nav{display:flex;gap:30px;align-items:center;font-size:12px}.header-guide{border:1px solid #bfc6ba;border-radius:7px;padding:10px 15px;display:flex;gap:20px}.nav-link{color:#627064}.shell{max-width:1232px;margin:auto;padding:0 40px}.eyebrow{display:flex;align-items:center;gap:10px;font-size:10px;letter-spacing:.13em;font-weight:600;color:#697869}.eyebrow:before{content:"";width:21px;height:2px;background:var(--blue)}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:center;padding:76px 0 68px;min-height:630px}.hero h1{font-size:clamp(40px,4.5vw,62px);font-weight:600;line-height:1.3;letter-spacing:-.05em;margin:23px 0}.hero h1 em{color:var(--blue);font-style:normal;position:relative;white-space:nowrap}.hero p{font-size:15px;color:#677269;line-height:1.95;margin:0}.hero-actions{display:flex;gap:25px;align-items:center;margin-top:31px;flex-wrap:wrap}.button{background:transparent;color:var(--ink);border:1px solid #c6cbbf;padding:14px 21px;border-radius:7px;font-size:13px;font-weight:600;display:inline-flex;align-items:center;justify-content:center;gap:26px;transition:background .15s,transform .15s}.button:hover{background:#e9ecdf;transform:translateY(-1px)}.button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.button.primary:hover{background:#1944bf}.button.share{background:var(--green);border-color:#bbd35b}.text-link{font-size:12px;color:#606e64;border-bottom:1px solid #c0c9b9;padding:4px 0}.hero-foot{display:flex;gap:14px;align-items:center;font-size:10px;color:#7c8579;margin-top:19px}.hero-foot i{width:3px;height:3px;border-radius:50%;background:#acb3a4}.poster-stage{position:relative;min-height:474px;display:grid;place-items:center;isolation:isolate}.stage-grid{position:absolute;width:100%;height:380px;background-image:linear-gradient(#c5cec647 1px,transparent 1px),linear-gradient(90deg,#c5cec647 1px,transparent 1px);background-size:30px 30px;mask-image:radial-gradient(ellipse,black 25%,transparent 70%);z-index:-3}.stage-circle{position:absolute;width:366px;height:366px;border:1px solid #c5ccbb;border-radius:50%;z-index:-2}.hero-poster{position:absolute;width:240px;aspect-ratio:3/4;object-fit:contain;background:#eaf1d4;border-radius:2px;box-shadow:5px 12px 24px #273b2717;border:1px solid #d7ddc6}.hero-poster.back{width:210px;transform:rotate(12deg);left:52%;top:82px;z-index:-1}.hero-poster.front{width:278px;transform:rotate(-5deg);left:12%;top:39px}.stage-sticker{position:absolute;right:4%;top:9px;background:var(--green);border:1px solid #aabd62;border-radius:50%;width:80px;height:80px;display:grid;place-content:center;line-height:1.5;font-size:12px;font-weight:600;text-align:center;transform:rotate(10deg)}.stage-caption{position:absolute;bottom:8px;color:#73806f;font-size:9px;letter-spacing:.14em}.section-title{display:flex;justify-content:space-between;align-items:end;margin-bottom:25px;gap:20px}.section-title h2{font-size:31px;font-weight:500;letter-spacing:-.03em;line-height:1.5;margin:13px 0 0}.section-title p{font-size:12px;color:#788474;line-height:1.9;margin:0}.experiments{padding:35px 0 70px;border-top:1px solid var(--line);scroll-margin-top:85px}.module-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.module-card{position:relative;overflow:hidden;min-height:238px;padding:25px 28px 24px;border:1px solid #d3dacb;border-radius:12px;background:#fcfdf7;display:flex;justify-content:space-between;gap:12px;transition:transform .2s,border-color .2s;text-align:left;color:inherit}.module-card:hover{transform:translateY(-3px);border-color:#84996d}.module-card.fun{background:#e8efc9}.module-card.type{background:#e7eafb}.module-card.duo{background:#f7e7e4}.module-card.life{background:#f0f0e8}.module-card .copy{position:relative;z-index:1;max-width:68%}.module-tag{font-size:9px;letter-spacing:.12em;color:#607052;display:flex;gap:11px;align-items:center}.module-tag b{font-weight:500;font-size:9px;letter-spacing:0;border:1px solid #b1c37b;border-radius:3px;padding:1px 5px}.module-card h3{font-size:23px;line-height:1.5;font-weight:600;letter-spacing:-.03em;margin:20px 0 8px}.module-card p{font-size:12px;color:#6d7865;margin:0;line-height:1.9}.module-bottom{font-size:10px;margin-top:21px;color:#5f6d58;display:flex;gap:20px;align-items:center}.module-bottom span{border-bottom:1px solid #879875}.module-art{width:130px;align-self:center;flex-shrink:0}.type-art{font:500 27px/1.75 Georgia,serif;letter-spacing:.12em;color:#5065a7;display:grid;grid-template-columns:1fr 1fr;transform:rotate(-7deg);width:125px;gap:5px}.type-art i{font-style:normal;border:1px solid #a8b5dd;border-radius:8px;text-align:center;background:#ffffff44}.book-flat{background:#2452d9;width:104px;height:150px;color:white;box-shadow:6px 3px #d2d3c8;border-radius:2px 5px 5px 2px;transform:rotate(-5deg);font-size:15px;padding:25px 13px;font-weight:500;line-height:1.65;margin:0 9px}.book-flat small{font-size:5px;letter-spacing:.1em;display:block;margin-bottom:15px;opacity:.8}.manifesto{border-top:1px solid var(--line);padding:39px 0 52px;display:flex;justify-content:space-between;align-items:center;gap:25px}.manifesto h2{font-size:25px;font-weight:500;letter-spacing:-.03em;margin:0}.manifesto p{font-size:12px;color:#798471;margin:7px 0 0}.manifesto .button{white-space:nowrap}.site-footer{max-width:1152px;margin:0 auto;padding:23px 0 28px;border-top:1px solid var(--line);display:flex;justify-content:space-between;gap:15px;font-size:10px;color:#79816f}.site-footer i{font-style:normal;margin-left:15px;font-size:9px;color:#909786}.site-footer a{margin-left:20px}.flow-shell{max-width:780px;margin:auto;padding:30px 40px 65px;min-height:calc(100vh - 170px)}.back{display:inline-flex;gap:8px;border:0;background:none;padding:8px 0;color:#77816f;font-size:12px}.flow-top{display:flex;justify-content:space-between;align-items:center;margin:26px 0 12px;font-size:10px;color:#7f8977;letter-spacing:.08em}.progress{height:3px;background:#dce0d2;margin-bottom:46px}.progress>i{display:block;height:100%;background:var(--blue);transition:width .2s}.question-no{font:italic 20px Georgia,serif;color:#6f7d66}.question-title{font-size:33px;line-height:1.5;font-weight:500;letter-spacing:-.025em;margin:13px 0}.question-context{font-size:13px;color:#788473;margin:0 0 27px}.answers{display:grid;gap:12px}.answer{background:#fcfdf7;border:1px solid #d3dac9;border-radius:10px;padding:19px 22px;display:flex;align-items:center;gap:18px;text-align:left;color:var(--ink);font-size:15px;transition:background .12s,border-color .12s}.answer:hover{background:#eaf0d6;border-color:#9fb37b}.answer b{font:400 14px Georgia,serif;color:#81926c;width:23px;height:27px;display:grid;place-content:center;flex-shrink:0}.answer span{flex:1}.answer i{font-style:normal;color:#a3b292;font-size:13px}.question-footer{display:flex;justify-content:space-between;font-size:10px;color:#8b9382;margin-top:23px}.question-footer button{background:none;border:0;color:#6f7e61;padding:0;font-size:11px}.flow-note{font-size:10px;color:#929b88;line-height:1.8;margin:33px 0 0}.duo-head h1{font-size:36px;letter-spacing:-.04em;line-height:1.5;font-weight:500;margin:12px 0}.duo-head p{font-size:13px;color:#7f8576}.duo-form{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:28px}.person-input{padding:25px 24px;background:#fcfdf7;border:1px solid #d6dacd;border-radius:11px;position:relative}.person-input.pink{background:#faedeb;border-color:#e5d1d0}.person-number{font:italic 19px Georgia,serif;color:#818e70}.person-input h2{font-size:17px;font-weight:500;margin:7px 0 20px}.field{display:block;font-size:11px;color:#78816b;margin-top:15px}.field input,.field select{width:100%;margin-top:7px;padding:11px 12px;border:1px solid #c9d0bc;border-radius:6px;background:#ffffffbb;font-size:13px;color:#374132;min-width:0}.field small{font-size:9px;color:#99a18e}.duo-form .button{grid-column:1/-1;margin-top:6px}.duo-info{font-size:10px;color:#8c9580;grid-column:1/-1;text-align:center;margin:0}.result-shell{max-width:1132px;padding:29px 40px 66px;margin:auto}.result-layout{display:grid;grid-template-columns:1fr 390px;gap:72px;align-items:start;margin-top:25px}.result-copy{padding-top:20px}.result-copy h1{font-size:38px;font-weight:500;letter-spacing:-.04em;line-height:1.5;margin:17px 0 12px}.result-description{font-size:14px;color:#72806c;line-height:1.95;margin:0}.result-chips{display:flex;gap:8px;flex-wrap:wrap;margin:23px 0}.result-chips span{font-size:11px;padding:5px 11px;background:#e7ecd9;border:1px solid #d2dcc0;border-radius:4px}.result-quote{font-size:22px;line-height:1.65;font-weight:500;padding:22px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin:25px 0 20px}.details{display:grid;grid-template-columns:1fr 1fr;gap:15px 20px;margin-bottom:25px}.detail{font-size:11px;color:#849076}.detail b{display:block;font-size:14px;color:#43513b;font-weight:500;margin-top:4px}.type-dims{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin:24px 0}.type-dims>div{background:#eceef8;padding:10px 13px;border-radius:6px;font-size:10px;color:#7b829a}.type-dims b{font-size:14px;color:#4b5f8f;font-weight:500;display:block}.type-dims small{font-size:10px}.result-note{font-size:10px;line-height:1.9;color:#8a9480;margin-top:22px}.poster-panel{position:sticky;top:105px}.poster-frame{padding:13px;background:#e5e9da;border:1px solid #d3dac8;border-radius:8px;box-shadow:0 8px 28px #37492b09}.poster-frame img{display:block;width:100%;height:auto;border-radius:2px;box-shadow:0 2px 8px #2c3c2914;cursor:zoom-in}.poster-toolbar{display:flex;align-items:center;justify-content:space-between;font-size:10px;color:#8a967f;padding:14px 1px 10px;gap:15px}.color-picker{display:flex;gap:7px}.color-picker button{width:22px;height:22px;border-radius:50%;background:#e4edbe;border:2px solid var(--paper);outline:1px solid #d5ddc5;padding:0}.color-picker button.dark{background:#22342c}.color-picker button.on{outline:2px solid #8c9b78}.poster-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.poster-actions .button{padding:11px 10px;font-size:11px;gap:7px}.poster-actions .share{grid-column:1/-1}.nickname{display:flex;gap:8px;align-items:center;margin-top:20px}.nickname input{min-width:0;max-width:180px;background:transparent;border:0;border-bottom:1px solid #bbc9a6;padding:6px 0;border-radius:0;font-size:12px;color:var(--ink)}.nickname button{font-size:10px;padding:6px 10px;gap:0;border-radius:5px}.next-tests{margin-top:40px;border-top:1px solid var(--line);padding-top:22px}.next-tests p{font-size:11px;color:#8b9681;margin:0 0 9px}.next-tests a{display:block;padding:11px 0;font-size:13px;border-bottom:1px solid #e0e4d7;color:#5b7051}.next-tests a span{float:right;color:#8c9a7f}.invite-msg{background:#e7efd9;border-left:2px solid #a3ba7c;padding:10px 14px;font-size:12px;line-height:1.8;color:#5d704b}.toast{position:fixed;bottom:max(24px,env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);background:#253b2ceF;color:#fff;border-radius:7px;font-size:12px;z-index:100;padding:12px 18px;opacity:0;pointer-events:none;max-width:calc(100vw - 32px);width:max-content;transition:opacity .15s}.toast.on{opacity:1}dialog{border:0;border-radius:10px;background:var(--paper);padding:22px;max-width:min(440px,calc(100vw - 30px));max-height:90vh;overflow:auto;box-shadow:0 15px 80px #0004}dialog::backdrop{background:#172b25aa;backdrop-filter:blur(5px)}dialog img{width:100%;display:block}dialog p{font-size:11px;color:#77846e;margin:13px 0}dialog .button{width:100%}.dialog-close{position:sticky;float:right;top:0;border:0;background:#f6f5eff0;color:#435240;width:30px;height:30px;border-radius:50%;font-size:24px;margin:0 -10px -30px 0;z-index:1}.match-index{display:flex;gap:15px;align-items:center;background:#f3e4df;border-radius:8px;padding:18px 22px;margin:25px 0 20px}.match-index strong{font:400 57px/1 Georgia,serif;color:#ab675f}.match-index span{font-size:10px;color:#9c7971}.match-index b{display:block;font-size:14px;color:#a16f64;font-weight:500}.fade-in{animation:enter .25s ease-out}@keyframes enter{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}@media(max-width:1000px){.hero{gap:20px;padding:60px 0}.hero-poster.front{width:245px;left:2%}.hero-poster.back{width:190px;left:48%}.poster-stage{min-height:420px}.stage-circle{width:310px;height:310px}.module-card{padding:24px 22px}.module-art{width:106px}.module-card h3{font-size:21px}.result-layout{gap:35px;grid-template-columns:1fr 340px}.result-copy h1{font-size:31px}.site-footer{margin:0 40px}}@media(max-width:760px){.header-inner{padding:13px 20px}.brand{font-size:11px;gap:9px}.brand-mark{width:31px;height:31px;font-size:24px}.brand small{font-size:9px}.brand-mark span{right:2px;top:-2px}.header-inner nav{gap:10px}.nav-link{display:none}.header-guide{font-size:10px;gap:10px;padding:8px 10px}.shell{padding:0 20px}.hero{display:block;padding:36px 0 31px}.hero h1{font-size:40px;line-height:1.35;margin:20px 0 19px;letter-spacing:-.05em}.hero p{font-size:13px;line-height:1.95}.eyebrow{font-size:8px;letter-spacing:.1em}.hero-actions{gap:20px;margin-top:23px}.hero-actions .button{padding:14px 16px;font-size:12px;gap:13px}.text-link{font-size:10px}.hero-foot{font-size:9px;gap:12px;margin-top:16px}.poster-stage{min-height:342px;margin-top:27px}.hero-poster.front{width:209px;left:calc(50% - 119px);top:23px;transform:rotate(-4deg)}.hero-poster.back{width:166px;left:calc(50% - 22px);top:64px;transform:rotate(10deg)}.stage-grid{height:300px}.stage-circle{width:278px;height:278px}.stage-sticker{right:2%;top:0;width:65px;height:65px;font-size:10px}.stage-caption{bottom:0;font-size:7px;letter-spacing:.1em}.experiments{padding:32px 0 37px}.section-title{display:block;margin-bottom:20px}.section-title h2{font-size:25px;margin-top:12px}.section-title p{font-size:11px;margin-top:10px}.module-grid{grid-template-columns:1fr;gap:12px}.module-card{min-height:203px;padding:21px 19px;gap:6px}.module-card .copy{max-width:70%}.module-card h3{font-size:21px;line-height:1.5;margin:16px 0 6px}.module-card p{font-size:11px;line-height:1.8}.module-tag{font-size:8px;letter-spacing:.06em;gap:9px}.module-tag b{font-size:8px}.module-bottom{font-size:9px;margin-top:17px;gap:17px}.module-art{width:97px}.type-art{width:91px;font-size:21px}.book-flat{width:77px;height:114px;padding:20px 9px;font-size:12px;margin:0 10px}.book-flat small{font-size:4px;margin-bottom:11px}.manifesto{display:block;padding:29px 0 35px}.manifesto h2{font-size:21px}.manifesto p{font-size:11px}.manifesto .button{font-size:11px;padding:10px 15px;margin-top:21px}.site-footer{margin:0 20px;padding:20px 0 25px;display:block;font-size:9px}.site-footer>span{display:block}.site-footer>span+span{margin-top:8px}.site-footer i{font-size:8px;margin-left:10px}.flow-shell{padding:18px 20px 40px}.back{font-size:11px}.flow-top{margin-top:23px;font-size:9px}.progress{margin-bottom:32px}.question-no{font-size:17px}.question-title{font-size:26px;margin:12px 0}.question-context{font-size:12px;margin-bottom:22px}.answer{font-size:14px;padding:16px 16px;gap:12px}.answer b{font-size:12px}.question-footer{font-size:9px}.flow-note{font-size:9px;margin-top:27px}.duo-head h1{font-size:29px;margin:13px 0}.duo-head p{font-size:12px}.duo-form{gap:12px;margin-top:21px}.person-input{padding:20px 13px}.person-input h2{font-size:15px;margin-bottom:17px}.field{font-size:10px}.field input,.field select{font-size:12px;padding:10px 8px}.duo-info{font-size:9px}.result-shell{padding:18px 20px 40px}.result-layout{display:flex;flex-direction:column;gap:27px;margin-top:14px}.result-copy{padding-top:7px;width:100%}.result-copy h1{font-size:29px;line-height:1.5;margin:15px 0 10px}.result-description{font-size:13px}.result-chips{margin:18px 0;gap:6px}.result-chips span{font-size:10px;padding:4px 9px}.result-quote{font-size:20px;padding:17px 0;margin:20px 0 17px}.details{gap:13px 17px;margin-bottom:15px}.detail{font-size:10px}.detail b{font-size:13px}.result-note{font-size:9px;margin-top:18px}.poster-panel{position:static;width:100%;max-width:430px;align-self:center;order:1}.next-tests{margin-top:28px;padding-top:18px}.next-tests a{font-size:12px}.nickname{margin-top:17px}.poster-frame{padding:11px}.poster-toolbar{font-size:9px}.poster-actions .button{font-size:12px;padding:13px 10px}.poster-actions .share{font-size:13px;padding:15px}.type-dims{margin:18px 0;gap:8px}.type-dims>div{padding:9px 11px;font-size:9px}.type-dims b{font-size:13px}.match-index{padding:15px 19px;margin:20px 0}.match-index strong{font-size:49px}.match-index b{font-size:13px}.invite-msg{font-size:11px}}
@media(max-width:350px){.hero h1{font-size:34px}.hero-actions{gap:13px}.hero-actions .button{font-size:11px;padding:13px 13px;gap:10px}.module-art{width:77px}.module-card h3{font-size:19px}.type-art{width:75px;font-size:18px}.book-flat{width:65px;height:100px;font-size:10px}.module-bottom{gap:11px}.module-card .copy{max-width:73%}.result-copy h1{font-size:26px}.answer{font-size:13px}.person-input{padding:17px 10px}.header-guide{padding:7px 9px}.poster-actions .button{font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}
.module-card.fortune{background:#f5ebd8;border-color:#e1d5be}.module-card.fortune .module-tag,.module-card.fortune p,.module-card.fortune .module-bottom{color:#8d7a5d}.concern-options{display:grid;grid-template-columns:1fr 1fr;gap:11px}.concern-options label{display:block;position:relative;cursor:pointer}.concern-options input{position:absolute;opacity:0;inset:0}.concern-options span{display:block;padding:16px 18px;border:1px solid #d7ddc8;border-radius:8px;background:#fcfdf7;font-size:14px;text-align:center}.concern-options input:checked+span{background:#f0e2c5;border-color:#b99c68;color:#78562f}.concern-options input:focus-visible+span{outline:3px solid #90aafa;outline-offset:3px}.draw-zone{display:flex;align-items:center;justify-content:center;gap:23px;margin:33px 0 10px;padding:15px 0;border-top:1px solid #e0e3d6}.draw-zone svg{width:97px;height:110px}.draw-zone .button{background:#a76c49;border-color:#a76c49}.question-title:focus,.result-copy h1:focus,.duo-head h1:focus{outline:none}.result-copy .next-tests{display:block}@media(max-width:760px){.concern-options span{font-size:12px;padding:13px 14px}.draw-zone{gap:15px;margin-top:26px}.draw-zone .button{font-size:12px;padding:13px 17px;gap:15px}.draw-zone svg{width:75px;height:91px}}
.answer.selected{border-color:#8da65e;background:#e9f0d1}.answer.selected i{color:#698a34}.draw-cards{display:flex;justify-content:center;gap:20px;margin:36px 0 20px}.draw-card{display:flex;flex-direction:column;align-items:center;justify-content:space-between;position:relative;width:155px;min-height:240px;padding:22px 13px;border:1px solid #b19066;border-radius:9px;background:#f1e4c7;color:#9c6c48;box-shadow:0 7px 17px #9d7c3a0d;transition:transform .2s,background .2s}.draw-card:before{content:"";position:absolute;inset:8px;border:1px solid #c1a77d;border-radius:4px;pointer-events:none}.draw-card:nth-child(1){transform:rotate(-6deg)}.draw-card:nth-child(3){transform:rotate(6deg)}.draw-card:hover{transform:translateY(-9px);background:#f8ebce}.card-star{font:400 30px Georgia,serif}.card-inscription{font-size:26px;line-height:1.65;letter-spacing:.13em;font-family:"Songti SC","PingFang SC",serif}.draw-card small{font:italic 12px Georgia,serif}.draw-hint{text-align:center;font-size:11px;color:#a88b65}.shuffle-button{display:block;margin:14px auto 0;color:#98734b}.couple-notes{border-top:1px solid #ded1ca;border-bottom:1px solid #ded1ca;padding:14px 0;margin-top:19px}.couple-notes b{font-size:11px;font-weight:500;color:#986f67}.couple-notes p{font-size:12px;line-height:1.8;color:#8b7569;margin:7px 0 0}@media(max-width:760px){.draw-cards{gap:11px;margin:30px 0 19px}.draw-card{width:calc((100% - 34px)/3);min-height:194px;padding:18px 10px}.card-inscription{font-size:20px}.card-star{font-size:24px}.draw-card:nth-child(1){transform:rotate(-3deg)}.draw-card:nth-child(3){transform:rotate(3deg)}.draw-hint{font-size:10px}.hero-poster.back{left:calc(50% - 31px)}.couple-notes p{font-size:11px}}
@media(min-width:761px) and (max-width:1000px){.hero{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px}.hero h1{font-size:42px}.hero-poster.front{width:215px;left:0;top:55px}.hero-poster.back{width:165px;left:42%;top:100px}.stage-circle{width:278px;height:278px}.module-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.module-card{padding:21px 18px;min-width:0}.module-card .copy{min-width:0}.module-card h3{font-size:19px}.module-art{width:82px}.type-art{width:80px;font-size:21px}.module-bottom{gap:10px;font-size:9px}.module-card p{font-size:11px}.book-flat{width:78px;height:118px;font-size:12px;padding:22px 10px;margin:0}.book-flat small{font-size:4px}}
.mobile-poster{display:none}@media(max-width:760px){.mobile-poster{display:inline-flex;width:100%;font-size:12px;padding:13px 17px;margin:0 0 3px}}
#linkDialog{width:420px}#linkDialog h2{font-size:21px;font-weight:500;margin:12px 0}#manualLink{width:100%;font-size:12px;padding:12px;border:1px solid #c4d0b5;border-radius:5px;margin:8px 0 16px;background:#fffef7}

/* Homepage v2: life guide first, three parallel playful experiences. */
.guide-hero{display:grid;grid-template-columns:minmax(0,1.14fr) minmax(0,1fr);gap:54px;align-items:center;padding:70px 0 48px;min-height:590px}.guide-copy{min-width:0}.guide-hero h1{font-size:clamp(44px,4.6vw,64px);font-weight:600;line-height:1.38;letter-spacing:-.05em;margin:26px 0 25px}.guide-hero h1 em{font-style:normal;color:var(--blue)}.guide-lede{font-size:15px;color:#717a79;line-height:2;margin:0}.small-break{display:none}.guide-actions{display:flex;flex-wrap:wrap;gap:24px;align-items:center;margin-top:31px}.guide-actions .button{font-size:14px;padding:17px 23px;gap:29px}.guide-hero .hero-foot{font-size:11px;margin-top:19px}.guide-book-stage{position:relative;isolation:isolate;display:grid;place-items:center;min-height:460px}.guide-orbit{position:absolute;width:382px;aspect-ratio:1;border:1px solid #d9ddd5;border-radius:50%;z-index:-1}.guide-orbit.inner{width:302px;border-color:#e4e6dd}.guide-book{width:246px;aspect-ratio:190/264;position:relative;transform:rotate(-5deg);filter:drop-shadow(19px 24px 17px #29375e16);margin-top:-14px}.guide-book:after{content:"";position:absolute;left:7px;right:-7px;top:6px;bottom:-6px;z-index:-1;border:1px solid #d3d5d0;border-radius:3px 6px 6px 3px;background:repeating-linear-gradient(0deg,#e9e9df 0 1px,#fbfaf2 1px 3px)}.guide-cover{position:absolute;inset:0;overflow:hidden;border-radius:3px 7px 7px 3px;background:#2656c6;background:linear-gradient(90deg,#1d47a9 0%,#3063d7 4%,#2557c6 8%,#2557c6 100%);border:1px solid #284cab;color:#f6f7fc;box-shadow:inset 0 0 2px #ffffff80;padding:25px 23px}.guide-book-top{font-size:6px;line-height:1.8;letter-spacing:.15em;color:#becdef;padding-bottom:13px;border-bottom:1px solid #7898da88}.guide-book-top span{display:block;font-size:5px;margin-top:4px}.guide-book-title{font-weight:500;font-size:30px;line-height:1.45;margin-top:25px;letter-spacing:.02em}.guide-book-title span{display:block;font-size:8px;letter-spacing:.12em;margin-top:11px;color:#ccd9f6}.guide-book-art{position:absolute;left:24px;right:23px;bottom:44px;height:102px;overflow:hidden}.guide-book-art .circle{position:absolute;right:4px;top:4px;width:76px;height:76px;border:1px solid #9ab2e5;border-radius:50%}.guide-book-art .l1,.guide-book-art .l2,.guide-book-art .l3{position:absolute;height:1px;width:224px;background:#92ace0;transform:rotate(-31deg);transform-origin:left bottom;left:-8px;bottom:5px}.guide-book-art .l2{bottom:-4px;transform:rotate(-27deg)}.guide-book-art .l3{bottom:15px;transform:rotate(-34deg)}.guide-book-art .dot{position:absolute;right:27px;top:28px;width:9px;height:9px;border-radius:50%;background:#ead8a1}.guide-book-bottom{position:absolute;bottom:18px;left:23px;right:23px;border-top:1px solid #8ba6df88;padding-top:9px;font-size:5px;letter-spacing:.04em;display:flex;justify-content:space-between;gap:6px;color:#cbd8f5}.guide-book-bottom b{font-size:5px;font-weight:500;letter-spacing:.07em}.guide-book-label{position:absolute;bottom:12px;font-size:9px;letter-spacing:.14em;color:#7a817e;display:flex;gap:11px;align-items:center}.guide-book-label i{width:5px;height:5px;border-radius:50%;background:var(--blue)}
.guide-summary{display:grid;grid-template-columns:1.65fr 1fr 1.2fr 1.2fr;align-items:center;gap:25px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:30px 0 31px;margin-bottom:14px}.guide-summary-copy>span{font-size:15px;font-weight:500}.guide-summary-copy p{font-size:11px;line-height:1.8;color:#82897f;margin:7px 0 0}.guide-summary-item{display:flex;align-items:center;gap:15px;border-left:1px solid var(--line);padding-left:25px}.guide-summary-item strong{font:italic 34px Georgia,serif;font-weight:400;color:#444e49;line-height:1}.guide-summary-item>span{font-size:11px;line-height:1.7;white-space:nowrap}.guide-summary-item small{display:block;font-size:9px;color:#889080;margin-top:3px}.guide-summary-item .pdf-label{font-size:23px;letter-spacing:-.02em}
.experiments{border-top:0;padding-top:48px;padding-bottom:26px}.playground-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.playground-grid .module-card{min-width:0;display:flex;flex-direction:column;align-items:stretch;gap:0;min-height:416px;padding:23px 24px 20px;border-radius:11px}.playground-grid .module-top{display:flex;align-items:center;justify-content:space-between;gap:8px}.playground-grid .module-tag{font-size:8px;letter-spacing:.08em}.playground-grid .module-kind{font-size:9px;border:1px solid #a0ad905e;border-radius:20px;padding:3px 7px;white-space:nowrap;color:#667252}.playground-grid .duo .module-kind{color:#9d746e;border-color:#ba959b55}.playground-grid .fortune .module-kind{color:#91724d;border-color:#b3987755}.playground-grid .module-art{width:144px;height:146px;display:flex;align-items:center;justify-content:center;align-self:center;margin:18px auto 13px}.playground-grid .module-art svg{max-width:100%;max-height:100%}.playground-grid .copy{max-width:none;min-width:0}.playground-grid .module-card h3{font-size:23px;line-height:1.5;margin:8px 0 8px}.playground-grid .module-card p{font-size:12px;line-height:1.9}.playground-grid .module-bottom{margin-top:26px;padding-top:17px;border-top:1px solid #9faf8840;display:flex;align-items:center;justify-content:space-between;gap:8px}.playground-grid .module-bottom .module-meta{border:0;font-size:9px;color:#768167}.playground-grid .module-bottom .module-cta{font-size:11px;color:#445431;border:0;display:flex;gap:8px;align-items:center}.module-cta b{display:grid;place-items:center;font-size:13px;font-weight:400;border:1px solid #91a27580;border-radius:50%;width:25px;height:25px}.playground-grid .duo .module-bottom{border-color:#be969840}.playground-grid .duo .module-meta{color:#a17e76}.playground-grid .duo .module-cta{color:#875d57}.playground-grid .duo .module-cta b{border-color:#c39f9470}.playground-grid .fortune .module-bottom{border-color:#b3986f40}.playground-grid .fortune .module-meta{color:#9b8563}.playground-grid .fortune .module-cta{color:#8d6b3e}.playground-grid .fortune .module-cta b{border-color:#bea57970}.playground-note{display:flex;align-items:center;gap:15px;padding:25px 1px;color:#738067}.note-star{font-size:29px;color:#809261;line-height:1}.playground-note p{font-size:12px;margin:0}.playground-note p span{font-size:11px;color:#87917c;margin-left:15px}.note-detail{margin-left:auto;font-size:10px;color:#889080}.manifesto{padding:35px 0 43px}.manifesto h2{font-size:23px}
@media(min-width:761px) and (max-width:1100px){.guide-hero{gap:20px;padding-top:52px;min-height:530px}.guide-hero h1{font-size:47px}.guide-book-stage{min-height:430px}.guide-orbit{width:310px}.guide-orbit.inner{width:245px}.guide-book{width:220px}.guide-book-title{font-size:26px;margin-top:18px}.guide-cover{padding:22px}.guide-book-art{height:86px;bottom:41px}.guide-summary{grid-template-columns:1fr 1fr 1.2fr;gap:15px;padding:25px 0}.guide-summary-copy{display:none}.guide-summary-item{padding-left:22px}.guide-summary-item:nth-child(2){border-left:0}.playground-grid{gap:12px}.playground-grid .module-card{padding:20px 16px;min-height:400px}.playground-grid .module-top{flex-direction:column;align-items:flex-start;gap:8px}.playground-grid .module-card h3{font-size:19px}.playground-grid .module-card p{font-size:11px}.playground-grid .module-bottom{flex-wrap:wrap;gap:10px;margin-top:21px}.playground-note p span{display:block;margin-left:0}.note-detail{font-size:9px}}
@media(max-width:760px){.guide-hero{grid-template-columns:minmax(0,1fr);gap:25px;padding:38px 0 24px;min-height:0}.guide-hero .eyebrow{font-size:9px;letter-spacing:.06em}.guide-hero h1{font-size:clamp(34px,11.3vw,48px);line-height:1.42;margin:24px 0 23px;letter-spacing:-.05em}.guide-lede{font-size:13px;line-height:2}.small-break{display:block}.guide-actions{gap:20px;margin-top:27px}.guide-actions .button{font-size:12px;padding:15px 17px;gap:18px}.guide-actions .text-link{font-size:10px;border:0}.guide-hero .hero-foot{font-size:10px;margin-top:17px;gap:12px}.guide-book-stage{min-height:303px;margin:3px 0 0}.guide-orbit{width:264px}.guide-orbit.inner{width:210px}.guide-book{width:174px;margin-top:-18px;transform:rotate(-3deg)}.guide-cover{padding:18px 17px}.guide-book-top{font-size:4.7px;padding-bottom:10px}.guide-book-top span{font-size:3.8px;margin-top:3px}.guide-book-title{font-size:22px;margin-top:17px;line-height:1.43}.guide-book-title span{font-size:6px;margin-top:8px}.guide-book-art{left:18px;right:17px;bottom:33px;height:73px}.guide-book-art .circle{width:55px;height:55px}.guide-book-art .dot{width:7px;height:7px;right:21px;top:22px}.guide-book-art .l1,.guide-book-art .l2,.guide-book-art .l3{width:165px}.guide-book-bottom{bottom:13px;left:17px;right:17px;font-size:3.5px;padding-top:6px}.guide-book-bottom b{font-size:3.5px}.guide-book-label{bottom:8px;font-size:7px;gap:9px}.guide-summary{grid-template-columns:repeat(3,minmax(0,1fr));gap:0;padding:24px 0;margin-bottom:0}.guide-summary-copy{display:none}.guide-summary-item{display:flex;flex-direction:column;gap:10px;align-items:center;padding:0 6px}.guide-summary-item:nth-child(2){border-left:0}.guide-summary-item strong{font-size:29px;height:29px}.guide-summary-item .pdf-label{font-size:22px;padding-top:3px}.guide-summary-item>span{font-size:10px;text-align:center;white-space:normal}.guide-summary-item small{font-size:8px;margin-top:4px}.experiments{padding-top:36px;padding-bottom:0}.experiments .section-title{display:block;margin-bottom:21px}.experiments .section-title h2{font-size:24px;margin-top:12px}.experiments .section-title p{font-size:11px;margin-top:12px;line-height:1.8}.playground-grid{grid-template-columns:minmax(0,1fr);gap:14px}.playground-grid .module-card{min-height:0;padding:20px 21px;display:grid;grid-template-columns:minmax(0,1fr) 91px;column-gap:9px;row-gap:0}.playground-grid .module-top{grid-column:1 / -1;flex-direction:row;gap:8px;align-items:center}.playground-grid .module-art{grid-column:2;grid-row:2;width:91px;height:100px;align-self:center;margin:14px 0 8px}.playground-grid .copy{grid-column:1;grid-row:2;padding-top:12px}.playground-grid .module-card h3{font-size:20px;margin:8px 0 8px;white-space:nowrap}.playground-grid .module-card p{font-size:10px;line-height:1.9;white-space:nowrap}.playground-grid .module-bottom{grid-column:1 / -1;margin-top:19px;padding-top:14px;gap:8px}.playground-grid .module-bottom .module-meta{font-size:9px}.playground-grid .module-bottom .module-cta{font-size:10px}.playground-grid .module-kind{font-size:8px}.playground-note{padding:21px 0 25px;gap:12px;align-items:flex-start}.note-star{font-size:25px;padding-top:2px}.playground-note p{font-size:11px}.playground-note p span{display:block;font-size:10px;margin:4px 0 0}.note-detail{display:none}.manifesto{padding:25px 0 33px;gap:17px}.manifesto h2{font-size:21px}.manifesto p{font-size:10px}.header-inner nav{gap:18px}.site-footer{font-size:9px}.site-footer i{display:none}}
@media(max-width:350px){.guide-hero h1{font-size:34px}.guide-actions{gap:15px}.guide-actions .button{font-size:11px;padding:14px 13px;gap:14px}.guide-actions .text-link{font-size:9px}.playground-grid .module-card{padding:17px 16px;grid-template-columns:minmax(0,1fr) 71px;column-gap:7px}.playground-grid .module-art{width:71px;height:83px}.playground-grid .module-card h3{font-size:18px}.playground-grid .module-card p{font-size:9px}.playground-grid .module-tag{font-size:7px}.playground-grid .module-kind{font-size:7px;padding:2px 6px}.experiments .section-title h2{font-size:22px}.guide-summary-item small{font-size:7px}}

/* Real creator destination and learning bridge across the demo. */
.learning-nav{font-size:12px;color:#627764}.official-nav{font-weight:500}.footer-destinations{display:flex;gap:21px;align-items:center}.footer-destinations a{margin-left:0}.creator-bridge{border-top:1px solid var(--line);padding:38px 0 44px;display:grid;grid-template-columns:1.25fr 1fr;gap:55px;align-items:center}.bridge-intro{display:flex;gap:25px;align-items:flex-start}.bridge-mark{flex-shrink:0;width:61px;height:61px;border:1px solid #c3cabb;border-radius:50%;display:grid;place-content:center;position:relative;font:45px Georgia,serif;color:#364d37;margin-top:10px}.bridge-mark span{color:var(--blue);position:absolute;top:1px;right:8px}.bridge-intro .eyebrow{font-size:8px}.bridge-intro h2{font-size:23px;font-weight:500;letter-spacing:-.03em;line-height:1.5;margin:16px 0 13px}.bridge-intro p{font-size:11px;line-height:1.95;color:#87917d;margin:0 0 17px}.bridge-intro .text-link{font-size:10px;display:inline-flex;gap:15px}.bridge-learning{background:#ecf0de;border:1px solid #d5dfc3;border-radius:9px;padding:24px 26px;display:block}.bridge-learning-top{display:flex;gap:15px;align-items:center;justify-content:space-between;color:#8b987c;font-size:8px;letter-spacing:.1em}.bridge-learning-top b{font-size:8px;font-weight:400;letter-spacing:0;border:1px solid #c2d0ad;border-radius:15px;padding:2px 7px}.bridge-learning h3{font-size:25px;line-height:1.4;font-weight:500;letter-spacing:-.03em;margin:17px 0 12px}.bridge-learning p{font-size:10px;color:#8b987a;margin:0}.bridge-learning-cta{display:flex;align-items:center;gap:20px;font-size:10px;color:#536e3e;margin-top:22px}.bridge-learning-cta i{font-style:normal;font-size:15px}.bridge-learning:hover{border-color:#8ba66f}
@media(min-width:761px) and (max-width:1000px){.creator-bridge{gap:27px}.bridge-intro{gap:17px}.bridge-mark{width:44px;height:44px;font-size:35px}.bridge-mark span{right:5px;top:-3px}.bridge-intro h2{font-size:20px}.bridge-intro p{font-size:10px}.bridge-intro .text-link{font-size:9px}}
@media(max-width:760px){.site-header .header-inner{gap:10px;padding:14px 20px}.site-header .brand small{display:none}.site-header .learning-nav{font-size:10px}.site-header .header-inner nav{gap:14px}.site-header .official-nav{font-size:10px;padding:8px 10px;gap:7px}.site-footer .footer-destinations{display:flex;gap:20px;margin-top:10px}.creator-bridge{display:block;padding:31px 0 33px}.bridge-intro{gap:16px}.bridge-mark{width:40px;height:40px;font-size:31px;margin-top:12px}.bridge-mark span{right:4px;top:-3px}.bridge-intro .eyebrow{font-size:6px;letter-spacing:.09em;gap:7px}.bridge-intro .eyebrow:before{width:14px}.bridge-intro h2{font-size:20px;margin:15px 0 10px}.bridge-intro p{font-size:10px;line-height:1.9}.bridge-intro .text-link{font-size:9px;gap:8px}.bridge-learning{margin-top:26px;padding:23px 24px}.bridge-learning h3{font-size:25px;margin:16px 0 12px}.bridge-learning p{font-size:9px}.bridge-learning-cta{font-size:10px;margin-top:19px}}
@media(max-width:350px){.site-header .header-inner{padding:14px 16px}.site-header .brand{font-size:10px;gap:7px}.site-header .learning-nav{font-size:9px}.site-header .header-inner nav{gap:10px}.site-header .official-nav{font-size:9px;padding:7px 9px;gap:6px}.bridge-intro{gap:12px}.bridge-mark{width:31px;height:31px;font-size:26px;margin-top:14px}.bridge-mark span{right:2px;top:-4px}.bridge-intro h2{font-size:18px}.bridge-intro p{font-size:9px}.bridge-intro .text-link{font-size:8px}}
.bridge-intro p,.bridge-learning p,.bridge-learning-top{color:#65715e}