/* finesse · sisters stationery · cream/cherry + plum/lilac · bold sans/handwritten serif · paper keepsakes · CSS reversible card */
:root{--paper:#fff8ef;--surface:#fffcf6;--ink:#3c2830;--muted:#7b5a61;--accent:#a82843;--soft:#f5d7d6;--soft2:#efb7bf;--deep:#721c33;--line:rgba(111,52,65,.2);--shadow:rgba(102,29,49,.14);--chalk:#fff7eb;--sans:'PingFang SC','Microsoft YaHei',system-ui,sans-serif;--hand:Georgia,'Times New Roman',serif}
*{box-sizing:border-box}html,body{margin:0;overflow-x:clip}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font:15px/1.8 var(--sans);min-height:100svh;-webkit-tap-highlight-color:transparent}body[data-mode=trio]{--paper:#f8f1f4;--surface:#fff9f8;--ink:#3d2c40;--muted:#755c76;--accent:#693765;--soft:#eadbed;--soft2:#d6b5d9;--deep:#442340;--line:rgba(89,46,89,.2);--shadow:rgba(69,30,69,.13)}body::before{content:'';pointer-events:none;position:fixed;inset:0;z-index:8;opacity:.15;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' opacity='.18' filter='url(%23n)'/%3E%3C/svg%3E")}
button,input,textarea{font:inherit;color:inherit}button,a{touch-action:manipulation}button,a,input,textarea,summary{outline-offset:5px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:2px solid var(--accent)}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}a{color:inherit;text-decoration:none}button:active:not(:disabled),.button:active{transform:translateY(1px)}h1,h2,h3,p{margin:0}h1,h2{min-width:0;overflow-wrap:anywhere}h1{font-size:clamp(36px,4.3vw,60px);font-weight:800;letter-spacing:-.055em;line-height:1.3}h1 em{font-style:normal;color:var(--accent);position:relative}h2{font-size:25px;line-height:1.55;letter-spacing:-.035em}h3{font-size:16px;line-height:1.7}p{margin-top:12px}small,.small{font-size:12px;line-height:1.9;color:var(--muted)}.muted{font-size:13px;color:var(--muted);line-height:1.9}.header{max-width:1180px;margin:auto;height:90px;display:flex;align-items:center;justify-content:space-between;padding:10px 32px;border-bottom:1px solid var(--line);gap:15px}.brand{display:flex;align-items:center;gap:10px;font-size:17px;font-weight:700;min-height:44px;white-space:nowrap}.brand-icon{font-size:33px;line-height:1;color:var(--accent);font-weight:400}.text-button{padding:8px 0;min-height:44px;display:inline-flex;align-items:center;justify-content:center;border:0;background:none;color:var(--accent);font-size:13px;white-space:nowrap;gap:6px}.button{min-height:53px;width:100%;padding:13px 20px;border:1px solid var(--accent);border-radius:8px;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:15px;line-height:1.5;gap:12px;white-space:nowrap}.primary{background:var(--accent);color:var(--chalk);box-shadow:0 5px 0 var(--deep)}.secondary{background:transparent;color:var(--accent);margin-top:12px}.button:hover{filter:brightness(.97)}main{max-width:1116px;margin:0 auto;outline:none;padding:0 0 36px}.skip-link{position:fixed;left:10px;top:10px;transform:translateY(-150%);background:var(--surface);padding:10px;z-index:99}.skip-link:focus{transform:none}.boot{padding:80px 20px;text-align:center}footer{max-width:1116px;margin:0 auto;padding:18px 0 calc(20px + env(safe-area-inset-bottom));border-top:1px solid var(--line);font-size:12px;color:var(--muted);display:flex;justify-content:space-between;align-items:center;gap:12px}
.landing{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:80px;padding:58px 14px 60px;align-items:center}.landing-copy{min-width:0}.edition{font-size:12px;letter-spacing:2px;color:var(--muted);margin:0 0 22px}.intro{font-size:16px;line-height:1.95;color:var(--muted);margin-top:22px}.brief{display:flex;flex-wrap:wrap;gap:10px 22px;font-size:12px;color:var(--accent);margin:25px 0}.brief span+span::before{content:'✳';margin-right:10px}.name-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}body[data-mode=trio] .name-fields{grid-template-columns:repeat(3,minmax(0,1fr))}label{font-size:12px;color:var(--muted);display:block}input,textarea{display:block;width:100%;border:1px solid var(--line);border-radius:7px;background:var(--surface);padding:12px;font-size:16px;min-height:48px;margin-top:6px}input::placeholder,textarea::placeholder{color:var(--muted);opacity:.8}.start-form .small{margin:10px 0 16px}.home-links{display:flex;justify-content:space-between;flex-wrap:wrap;gap:5px 15px;margin-top:14px}.resume-strip{display:block;width:100%;text-align:left;padding:12px 14px;border:1px dashed var(--accent);background:var(--soft);min-height:48px;border-radius:6px;color:var(--accent);font-size:13px;margin-top:12px}.error{color:var(--accent);font-size:13px;min-height:0}.error:empty{display:none}.landing-art{min-width:0}.pencil-note{text-align:center;color:var(--muted);font-size:13px;transform:rotate(-3deg);margin-top:15px}.how{border-top:1px solid var(--line);padding:36px 14px}.how h2{font-size:22px;margin-bottom:24px}.how ol{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:36px}.how li{display:flex;gap:16px;min-width:0}.how li>span{font:italic 35px/1 var(--hand);color:var(--accent);padding-top:5px}.how h3{font-size:15px}.how p{font-size:13px;color:var(--muted);line-height:1.8;margin-top:5px}.smallprint{font-size:12px;color:var(--muted);line-height:1.9;padding:20px 14px}.flip-wrap{max-width:360px;width:100%;margin:auto;perspective:1200px;text-align:center}.flashcard{position:relative;aspect-ratio:3/4.1;transform-style:preserve-3d;transition:transform .65s cubic-bezier(.2,.7,.2,1);transform:rotate(4deg)}.flashcard.flipped{transform:rotate(-3deg) rotateY(180deg)}.face{position:absolute;inset:0;backface-visibility:hidden;-webkit-backface-visibility:hidden;display:flex;flex-direction:column;text-align:left;border:1px solid var(--line);padding:23px;background:var(--surface);box-shadow:0 22px 45px var(--shadow);border-radius:4px;overflow:hidden}.front::before{content:'';position:absolute;inset:12px;border:1px solid var(--line);pointer-events:none}.front::after{content:'';position:absolute;width:110px;height:26px;left:calc(50% - 55px);top:-7px;background:var(--soft2);opacity:.65;transform:rotate(-5deg)}.back{transform:rotateY(180deg);background:var(--accent);color:var(--chalk);background-image:linear-gradient(90deg,transparent 96%,var(--line) 96%),linear-gradient(transparent 96%,var(--line) 96%);background-size:21px 21px}.card-top{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;position:relative;z-index:1}.card-stamp{position:absolute;right:23px;top:64px;border:1px solid var(--accent);color:var(--accent);font-size:11px;transform:rotate(12deg);padding:3px 10px}.big-script{font:italic 62px/.98 var(--hand);color:var(--accent);letter-spacing:-5px;position:absolute;top:70px;left:26px;transform:rotate(-6deg);z-index:2}.face svg{position:absolute;width:92%;height:auto;top:94px;left:4%;transform:rotate(-7deg)}.heart-outline{fill:var(--soft);stroke:var(--accent);stroke-width:2}.heart-seam{fill:none;stroke:var(--accent);stroke-width:2;stroke-dasharray:7 5}.heart-stroke{fill:none;stroke:var(--surface);stroke-width:4;stroke-linecap:round}.card-caption{position:relative;margin-top:auto;padding-top:10px;z-index:3}.card-caption>span{font-size:10px;letter-spacing:1.2px;color:var(--muted)}.card-caption h2{font-size:24px;line-height:1.45;letter-spacing:-.035em;margin:5px 0 0}.card-caption p{font-size:11px;line-height:1.7;margin:5px 0 15px;color:var(--muted)}.card-foot{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);padding-top:10px;font-size:9px;color:var(--muted)}.card-foot span{font-size:15px;line-height:1}.back .big-script{color:var(--soft2);font-size:70px;top:60px}.back .card-caption>span,.back .card-caption p,.back .card-foot{color:var(--chalk)}.back .card-foot{border-color:var(--soft2)}.back-note{position:absolute;right:24px;top:208px;font-weight:800;font-size:26px;line-height:1.5;transform:rotate(6deg);border-bottom:2px solid var(--soft2);padding-bottom:10px}.flip-wrap>.text-button{margin-top:20px}
.trio-art{position:relative;padding:24px 18px 30px;max-width:390px;margin:auto;width:100%;border-radius:45% 45% 5px 5px;border:1px solid var(--line);background:var(--soft);box-shadow:14px 14px 0 var(--surface),15px 15px 0 var(--line);transform:rotate(-3deg)}.trio-art svg{width:100%;height:auto;overflow:visible;margin:18px 0 30px}.art-label{display:block;text-align:center;font-size:9px;letter-spacing:2px;color:var(--accent);padding-top:38px}.connections{stroke:var(--accent);opacity:.4}.person-node circle{fill:var(--surface);stroke:var(--accent);stroke-width:1.3}.node-1 circle{fill:var(--accent)}.person-node text{font-size:22px;font-family:var(--sans);fill:var(--accent);font-weight:700}.node-1 text:not(.node-name){fill:var(--chalk)}.person-node .node-name{font-size:12px;font-weight:400}.group-count{font-size:29px;font-weight:800;fill:var(--accent);font-family:var(--sans)}.group-question{font-size:10px;fill:var(--accent);font-family:var(--sans)}.secret-sticker{position:absolute;bottom:10px;right:-8px;border:1px solid var(--accent);background:var(--surface);padding:8px 18px;font-size:12px;line-height:1.8;color:var(--accent);transform:rotate(9deg)}
.narrow{max-width:580px;margin:45px auto;padding:0 14px}.join h1{font-size:40px}.join>p:not(.edition){color:var(--muted)}.invite-stamp{border:1px solid var(--accent);border-radius:50%;width:100px;height:100px;display:flex;align-items:center;justify-content:center;font:italic 15px var(--hand);transform:rotate(-10deg);margin:0 0 30px auto;color:var(--accent);overflow-wrap:anywhere;padding:10px;text-align:center}.ticket{padding:24px 20px;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);margin:28px 0}.ticket b{font-size:15px}.ticket p{font-size:13px;color:var(--muted);margin-top:8px}.join>.small{text-align:center}.join>.text-button{display:flex;margin:auto}.quiz{margin:28px auto 0;min-height:calc(100svh - 220px)}.quiz-status{display:flex;justify-content:space-between;align-items:center;font-size:12px;color:var(--muted);gap:12px}.quiz-status b{font:30px/1 var(--hand);color:var(--accent);white-space:nowrap}.quiz-status small{font:12px var(--sans);color:var(--muted)}.progress{height:3px;background:var(--soft);margin:16px 0 30px;overflow:hidden}.progress span{display:block;height:100%;background:var(--accent);transform-origin:left}.scene{font-size:12px;color:var(--accent);margin:0 0 12px;letter-spacing:.5px}.quiz h1{font-size:25px;font-weight:700;line-height:1.7;letter-spacing:-.02em;animation:page-in .18s ease-out}.question-help{font-size:12px;color:var(--muted);margin:12px 0 22px}.options{display:grid;gap:10px}.option{width:100%;display:flex;align-items:center;gap:13px;text-align:left;padding:14px 16px;background:var(--surface);border:1px solid var(--line);border-radius:8px;font-size:15px;line-height:1.65;min-height:58px;transition:background .15s,border-color .15s}.option>.letter{font:italic 18px var(--hand);color:var(--muted);width:18px;flex:none}.option>span:nth-child(2){flex:1;min-width:0}.option .option-dot{width:14px;height:14px;border:1px solid var(--line);border-radius:50%;flex:none}.option.chosen{background:var(--soft);border-color:var(--accent)}.option.chosen .option-dot{background:var(--accent);border-color:var(--accent);box-shadow:inset 0 0 0 3px var(--surface)}.option.skip{background:transparent;border-style:dashed;font-size:13px;color:var(--muted);justify-content:space-between;min-height:48px}.option.skip span:nth-child(2){flex:none}.quiz-nav{position:sticky;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px 0 calc(12px + env(safe-area-inset-bottom));background:var(--paper);margin-top:15px;z-index:5}.quiz-nav>span{font-size:10px;color:var(--muted);white-space:nowrap}.save-status{font-size:11px;text-align:center;color:var(--muted);margin:0 0 20px}.receipt{margin:26px 0 15px;border-left:0;border-top:1px dashed var(--line);padding-top:20px;font-size:14px}.receipt p{font-size:13px;color:var(--muted)}
.report-top{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr);gap:80px;align-items:center;padding:55px 14px 50px}.report-top h1{font-size:clamp(33px,3.6vw,49px);line-height:1.45}.report-top .intro{font-size:15px}.report-top .flip-wrap{max-width:330px}.report-top .trio-art{max-width:340px}.report-actions{display:grid;gap:0;margin-top:26px;max-width:420px}.wait .primary{margin-top:25px}.wait .button{max-width:440px}.statline{display:flex;gap:25px;margin-top:30px;padding-top:20px;border-top:1px solid var(--line);font-size:11px;color:var(--muted)}.statline b{font-size:28px;display:block;line-height:1.3;color:var(--accent);letter-spacing:-1px}.report-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:22px;margin:12px 0 28px}.paper-panel{background:var(--surface);border:1px solid var(--line);padding:30px;border-radius:6px;min-width:0}.paper-panel>.muted{margin-bottom:25px}.quote-panel{background:var(--accent);color:var(--chalk);padding:35px 30px;position:relative;overflow:hidden;border-radius:6px}.quote-panel h2{font-size:29px;line-height:1.5}.quote-panel>p{font-size:14px;color:var(--chalk);opacity:.9;line-height:2}.quote-mark{font:85px/.8 var(--hand);display:block;margin:0 0 20px;color:var(--soft2)}.mini-note{padding:25px 20px 20px;background:var(--paper);color:var(--accent);transform:rotate(-3deg);margin-top:45px;box-shadow:5px 5px 0 var(--deep);font-size:11px}.mini-note b{font-size:23px;line-height:1.7;display:block;margin-top:8px}.legend{display:flex;gap:22px;font-size:11px;color:var(--muted);margin:20px 0}.legend span{display:flex;gap:8px;align-items:center}.dot{width:11px;height:11px;border-radius:50%;display:inline-block}.dot.own{border:1px solid var(--ink);background:var(--surface)}.dot.hers{background:var(--accent)}.axis{margin:25px 0}.axis:last-child{margin-bottom:5px}.axis-title{display:flex;justify-content:space-between;gap:10px;align-items:center}.axis-title b{font-size:13px}.axis-title span{font-size:10px;color:var(--muted)}.rail{height:30px;position:relative;margin:6px 8px}.rail::before{content:'';position:absolute;inset:15px 0 auto;height:2px;background:var(--soft2)}.pin{position:absolute;top:9px;margin-left:-6px;width:13px;height:13px;border-radius:50%;border:2px solid var(--ink);background:var(--surface)}.pin.hers{top:14px;background:var(--accent);border:0;width:10px;height:10px;margin-left:-5px}.axis-ends{display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted)}.insufficient{position:absolute;z-index:1;background:var(--surface);font-size:11px;line-height:1.8;padding:4px 10px;color:var(--muted);left:50%;transform:translateX(-50%);white-space:nowrap}.report-section{padding:26px 0}.report-section>h2,.report-section>.muted{padding:0 5px}.scene-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:24px}.scene-card{background:var(--surface);border:1px solid var(--line);padding:23px 21px;border-radius:5px;min-width:0}.scene-card>span{font-size:11px;color:var(--accent)}.scene-card h3{font-size:14px;margin:13px 0 20px;line-height:1.8;font-weight:500}.answer-pair{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-top:1px dashed var(--line);padding-top:15px}.answer-pair small{display:block;font-size:10px}.answer-pair b{font-size:13px;color:var(--accent)}.conversation-note{padding:34px 40px;border-top:1px dashed var(--line);border-bottom:1px dashed var(--line);margin:24px 0 32px}.conversation-note h2{font-size:24px}.conversation-note p{font-size:16px;color:var(--accent);line-height:2;max-width:760px}.conversation-note>span{font-size:12px;color:var(--muted);display:inline-block;margin-top:16px}.answers{border:1px solid var(--line);border-radius:6px;background:var(--surface);padding:5px 24px;margin:25px 0}.answers summary{cursor:pointer;padding:15px 0;min-height:52px;font-size:14px;color:var(--accent);font-weight:600}.answers article{padding:20px 0;border-top:1px solid var(--line)}.answers h3{font-size:14px}.answers p{font-size:13px;color:var(--muted);margin-top:6px}.bottom-actions{padding:0 0 25px;display:flex;flex-direction:column;align-items:center}.bottom-actions .report-actions{width:100%;margin-top:10px}.bottom-actions>.text-button{margin-top:12px}.sample-note{margin:20px 0 0;background:var(--soft);padding:10px 18px;border:1px dashed var(--accent);font-size:12px;display:flex;justify-content:space-between;align-items:center;gap:10px}.role-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin:26px 0 8px}.role-card{background:var(--surface);color:var(--accent);padding:22px 25px 28px;border:1px solid var(--line);position:relative;min-width:0;box-shadow:0 9px 20px var(--shadow);transform:rotate(-2deg)}.role-1{transform:rotate(2deg);background:var(--accent);color:var(--chalk)}.role-2{transform:rotate(-1deg);background:var(--soft)}.role-name{font-size:12px;letter-spacing:1px;display:block}.role-symbol{font:60px/1 var(--hand);display:block;margin:23px 0 15px}.role-card h3{font-size:21px}.role-card p{font-size:12px;margin-top:8px}.pair-row{padding:20px 0;border-top:1px solid var(--line);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px;font-size:13px}.pair-row>span{font-size:11px;color:var(--muted)}.pair-track{width:100%;height:5px;background:var(--soft);border-radius:3px;overflow:hidden}.pair-track i{height:100%;display:block;background:var(--accent)}.confide-row{border-top:1px solid var(--soft2);padding:14px 0;display:flex;flex-direction:column;font-size:13px;gap:5px}.confide-row:first-of-type{margin-top:22px}.confide-row span{opacity:.9}.quote-panel .small{font-size:11px;color:var(--chalk)}.response{padding-top:12px;border-top:1px dashed var(--line);font-size:12px;line-height:1.85}.response b{display:block;color:var(--accent);font-size:11px;margin-bottom:3px}.trio-axis{padding:24px 0;border-bottom:1px solid var(--line)}.trio-axis:last-child{border:0;padding-bottom:0}.trio-axis h3{font-size:16px;margin-bottom:10px}.trio-axis>.axis-ends{margin:0 8px 5px 82px}.person-axis{display:grid;grid-template-columns:72px minmax(0,1fr);align-items:center;font-size:11px;gap:10px}.person-axis .rail{margin:2px 8px}.person-axis .pin.hers{top:11px}.person-axis>span{overflow-wrap:anywhere}.trio-axis .muted{font-size:12px;margin-top:14px}
dialog{background:var(--surface);color:var(--ink);width:calc(100% - 28px);max-width:490px;max-height:calc(100dvh - 32px);border:1px solid var(--line);padding:35px 25px 25px;border-radius:12px;box-shadow:0 30px 100px var(--shadow);overscroll-behavior:contain}dialog::backdrop{background:rgba(48,29,40,.6)}dialog h2{font-size:24px;padding-right:30px}dialog h3{margin-top:24px;font-size:15px}dialog p{font-size:13px;color:var(--muted)}dialog label{margin-top:20px}dialog textarea{min-height:140px;resize:vertical;margin-bottom:20px;overflow-wrap:anywhere;font-size:14px}dialog .close{position:absolute;right:9px;top:9px;width:44px;height:44px;font-size:27px;background:transparent;border:0;color:var(--muted)}dialog .button{justify-content:center;margin-top:18px}.poster{display:block;width:100%;max-height:58svh;object-fit:contain;margin-top:18px}.error-page{padding-bottom:60px}.error-page .button{margin-top:25px}#toast{position:fixed;bottom:calc(26px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%,10px);background:var(--deep);color:var(--chalk);font-size:12px;padding:12px 18px;border-radius:9px;width:max-content;max-width:calc(100% - 35px);opacity:0;pointer-events:none;z-index:100;transition:opacity .2s,transform .2s;text-align:center}#toast.show{opacity:1;transform:translate(-50%,0)}
@keyframes page-in{from{transform:translateX(8px);opacity:.4}to{transform:translateX(0);opacity:1}}
@media(max-width:1190px){main,footer{margin-left:32px;margin-right:32px}.landing{gap:50px}.report-top{gap:50px}}
@media(max-width:850px){.landing,.report-top{grid-template-columns:minmax(0,1fr) minmax(0,.85fr);gap:30px}.landing{padding-left:0;padding-right:0}.landing h1{font-size:39px}.card-caption h2{font-size:20px}.big-script{font-size:52px}.face{padding:20px}.card-stamp{top:55px;font-size:9px}.card-caption p{font-size:10px}.card-top{font-size:7px}.back .big-script{font-size:57px}.back-note{top:180px;font-size:20px}.card-foot{font-size:8px}.scene-cards{grid-template-columns:minmax(0,1fr)}.role-card{padding:20px 17px}.role-card h3{font-size:18px}.how ol{gap:20px}.report-grid{gap:15px}.paper-panel,.quote-panel{padding:25px}.report-top h1{font-size:35px}.statline{gap:20px}.statline b{font-size:24px}}
@media(max-width:700px){.header{height:72px;padding:8px 22px}.brand{font-size:16px;gap:7px}.brand-icon{font-size:29px}main,footer{margin-left:22px;margin-right:22px}main{padding-bottom:15px}.landing{display:flex;flex-direction:column;gap:38px;padding:32px 0 36px;align-items:stretch}.edition{font-size:10px;letter-spacing:1.4px;margin-bottom:17px}.landing h1{font-size:clamp(37px,10.7vw,52px);line-height:1.3}.intro{font-size:14px;margin-top:17px;line-height:1.9}.brief{margin:20px 0;font-size:11px;gap:16px}.name-fields{gap:10px}.name-fields label{font-size:11px}.name-fields input{padding:10px 11px}body[data-mode=trio] .name-fields{gap:8px}.start-form .small{font-size:11px;margin-bottom:17px}.button{font-size:14px;min-height:52px;padding:13px 17px}.home-links{margin-top:13px}.home-links .text-button{font-size:12px}.landing-art{width:100%;padding:10px 20px 0}.flip-wrap{max-width:300px}.face{padding:21px}.big-script{font-size:57px}.card-top{font-size:7px}.card-caption h2{font-size:23px}.card-caption p{font-size:10px}.card-caption>span{font-size:10px}.card-stamp{top:57px;right:20px}.back .big-script{font-size:63px}.back-note{top:190px;font-size:23px}.card-foot{font-size:8px}.pencil-note{font-size:12px;margin-top:4px}.trio-art{max-width:320px;margin-top:0}.trio-art svg{margin-bottom:20px}.art-label{font-size:8px}.how{padding:26px 0 16px}.how h2{font-size:21px;margin-bottom:24px}.how ol{grid-template-columns:minmax(0,1fr);gap:22px}.how li>span{font-size:30px}.how li{gap:15px}.how p{font-size:12px}.how h3{font-size:14px}.smallprint{padding:18px 0;font-size:11px}footer{font-size:10px;gap:8px;padding-top:10px}footer .text-button{font-size:11px}.narrow{padding:0;margin:28px auto}.join h1{font-size:34px}.join>p{font-size:14px}.invite-stamp{height:80px;width:80px;font-size:13px;margin-bottom:20px}.ticket{margin:25px 0;padding:20px 12px}.ticket p{font-size:12px}.ticket b{font-size:14px}.quiz{margin:22px 0 0;min-height:calc(100svh - 160px)}.quiz-status b{font-size:26px}.progress{margin:15px 0 25px}.scene{font-size:11px;margin-bottom:10px}.quiz h1{font-size:22px;line-height:1.65}.question-help{font-size:11px;margin:12px 0 20px}.options{gap:9px}.option{font-size:14px;min-height:54px;padding:12px 13px;gap:10px}.option>.letter{font-size:17px;width:17px}.option.skip{font-size:12px;min-height:46px}.quiz-nav{margin-top:12px;padding:10px 0 calc(10px + env(safe-area-inset-bottom));gap:5px}.quiz-nav>.text-button{font-size:12px}.quiz-nav>span{font-size:9px}.save-status{font-size:10px;margin-bottom:18px}.report-top{display:flex;flex-direction:column;align-items:stretch;padding:28px 0 30px;gap:25px}.report-top h1{font-size:34px;line-height:1.4}.report-top .intro{font-size:14px;margin-top:16px}.report-top .flip-wrap{max-width:300px;margin:15px auto 0}.report-top .trio-art{max-width:300px;margin:20px auto 15px}.report-actions{margin-top:23px;max-width:none}.statline{gap:26px;margin-top:25px;padding-top:20px;font-size:10px}.statline b{font-size:25px}.report-grid{grid-template-columns:minmax(0,1fr);gap:18px;margin:0 0 20px}.paper-panel{padding:23px 20px}.paper-panel h2{font-size:22px}.paper-panel>.muted{font-size:12px;margin-bottom:22px}.quote-panel{padding:27px 23px}.quote-panel h2{font-size:27px}.quote-panel>p{font-size:13px}.quote-mark{font-size:70px;margin-bottom:13px}.mini-note{margin-top:27px;padding:22px 18px}.mini-note b{font-size:22px}.report-section{padding:22px 0}.report-section h2{font-size:22px}.report-section>.muted{font-size:12px}.scene-cards{margin-top:20px;gap:13px}.scene-card{padding:20px}.scene-card h3{margin:10px 0 17px;font-size:14px}.answer-pair b{font-size:13px}.axis-title b{font-size:13px}.axis-title span{font-size:10px}.axis-ends{font-size:10px}.conversation-note{margin:20px 0 25px;padding:26px 4px}.conversation-note h2{font-size:22px}.conversation-note p{font-size:14px}.answers{padding:3px 18px;margin:22px 0}.answers summary{font-size:13px;line-height:1.8}.answers h3{font-size:13px}.answers p{font-size:12px}.sample-note{padding:10px 12px;font-size:11px;align-items:flex-start;flex-direction:column;gap:0}.sample-note .text-button{min-height:44px;font-size:12px}.role-cards{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:23px;padding:0 4px}.role-card{padding:21px 24px;min-height:146px;transform:rotate(-1deg)}.role-1{transform:rotate(1deg)}.role-symbol{position:absolute;right:25px;top:15px;font-size:53px;margin:0;opacity:.65}.role-card h3{font-size:23px;margin-top:12px}.role-card p{font-size:12px;margin-top:5px;padding-right:10px}.role-name{font-size:11px}.trio-axis>.axis-ends{margin-left:68px}.person-axis{grid-template-columns:58px minmax(0,1fr);font-size:10px;gap:10px}.trio-axis .muted{font-size:12px}.receipt{margin-top:25px}.receipt p{font-size:12px}.receipt b{font-size:13px}dialog{padding:32px 21px 24px}dialog h2{font-size:22px}dialog textarea{font-size:16px}dialog .button{font-size:14px}.error-page{padding-bottom:45px}.bottom-actions{padding-bottom:20px}}
@media(max-width:359px){main,footer{margin-left:18px;margin-right:18px}.header{padding-left:18px;padding-right:18px}.brand{font-size:14px}.header .text-button{font-size:12px}.landing h1{font-size:36px}.intro{font-size:13px}.brief{font-size:10px}.landing-art{padding-left:11px;padding-right:11px}.flip-wrap{max-width:265px}.face{padding:18px}.big-script{font-size:50px;top:65px;left:23px}.face svg{top:82px}.card-caption h2{font-size:20px}.card-caption p{font-size:9px;margin-bottom:11px}.card-caption>span{font-size:9px}.card-top{font-size:6px}.card-foot{font-size:7px}.back .big-script{font-size:56px}.back-note{top:163px;font-size:20px}.report-top h1{font-size:30px}.quiz h1{font-size:20px}.quiz-nav>span{font-size:8px}.option{font-size:13px}.statline{gap:18px}.statline b{font-size:23px}.report-top .flip-wrap{max-width:265px}.report-top .trio-art{max-width:260px}.conversation-note h2,.report-section h2{font-size:20px}.secret-sticker{font-size:10px}.button{padding-left:14px;padding-right:14px;font-size:13px}.name-fields input{padding-left:9px;padding-right:9px}.home-links .text-button{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}.flashcard{transform:none}.flashcard.flipped{transform:rotateY(180deg)}}

/* Four-digit entry, only on the initiator's start form. */
.order-entry{margin:22px 0 18px;padding-top:20px;border-top:1px solid var(--line)}
.order-entry label{display:block;font-size:15px;font-weight:600;line-height:1.7;color:var(--ink)}
.order-entry input{display:block;width:100%;min-width:0;min-height:56px;margin-top:10px;padding:12px 16px;border:1px solid var(--line);border-radius:8px;background:var(--surface);color:var(--ink);font-family:inherit;font-size:22px;font-weight:500;line-height:1.3;letter-spacing:.3em;text-align:center;appearance:none}
.order-entry input::placeholder{font-size:16px;font-weight:400;letter-spacing:0;color:var(--muted)}
.order-entry input:focus-visible{outline:2px solid var(--accent);outline-offset:3px}
.order-entry input[aria-invalid=true]{border-color:var(--accent)}
.order-entry>p{margin:9px 0 0;font-size:12px;line-height:1.7;color:var(--muted)}
.order-entry>.error{color:var(--accent);font-size:13px}
.order-entry>.error:empty{display:none}