:root{--paper:#f3f1e8;--ink:#28332f;--celadon:#7f998d;--mist:#dbe2dc;--gold:#b59659;--line:#c9d0c7;--soft:#66746d;--serif:"STKaiti","KaiTi","Noto Serif SC",serif;--sans:"PingFang SC","Microsoft YaHei",sans-serif}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% -10%,#fffdf5 0,transparent 33rem),var(--paper);color:var(--ink);font:15px/1.8 var(--sans)}.mast{display:flex;align-items:center;justify-content:space-between;width:min(1120px,100%);margin:auto;padding:27px clamp(22px,5vw,64px);border-bottom:1px solid rgba(127,153,141,.25);font-size:12px}.back{color:var(--soft);text-decoration:none}.seal{font-family:var(--serif);font-size:21px;letter-spacing:.22em}.mast-note{color:var(--soft)}.intro,.consent-page,.complete{width:min(760px,calc(100% - 44px));margin:0 auto;padding:clamp(70px,12vw,142px) 0}.kicker{margin:0 0 18px;color:var(--celadon);font-size:11px;letter-spacing:.2em}.intro-mark{display:flex;align-items:center;justify-content:center;width:124px;height:124px;margin:0 auto 26px;border:1px solid var(--celadon);border-radius:50%;box-shadow:inset 0 0 0 9px rgba(127,153,141,.06)}.intro-mark i{display:block;width:11px;height:11px;margin:5px;border-radius:50%;background:var(--celadon);opacity:.9}.intro h1,.consent-page h1,.complete h1{margin:0;text-align:center;font:clamp(50px,9vw,80px)/1 var(--serif);font-weight:400;letter-spacing:.08em}.subtitle{text-align:center;color:var(--gold);letter-spacing:.18em}.lead{max-width:580px;margin:36px auto;color:#46514c;font-size:17px;text-align:center}.intro dl{display:grid;grid-template-columns:repeat(3,1fr);max-width:480px;margin:48px auto;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.intro dl div{text-align:center;border-right:1px solid var(--line)}.intro dl div:last-child{border:0}.intro dt{font:25px/1 var(--serif);color:var(--celadon)}.intro dd{margin:9px 0 0;color:var(--soft);font-size:11px}.intro-actions,.question-actions{display:flex;align-items:center;justify-content:center;gap:14px}.ink-button,.quiet-button,.plain-button{padding:13px 23px;border:0;border-radius:0;background:transparent;font:inherit;cursor:pointer}.ink-button{background:var(--ink);color:#f7f5eb;box-shadow:6px 6px 0 rgba(181,150,89,.23)}.ink-button span{margin-left:12px;color:#e9d7ad}.quiet-button,.plain-button{color:var(--soft);text-decoration:underline;text-underline-offset:4px}.privacy{max-width:530px;margin:35px auto 0;color:var(--soft);font-size:11px;text-align:center}.question-page{width:min(960px,calc(100% - 44px));margin:0 auto;padding:52px 0 100px}.progress{display:grid;grid-template-columns:92px 1fr 74px;gap:16px;align-items:center;color:var(--soft);font-size:11px}.progress div{height:1px;background:var(--line)}.progress i{display:block;height:100%;background:var(--celadon)}.progress small{text-align:right}.question-sheet{max-width:750px;margin:80px auto 0}.question-label{margin:0 0 12px;color:var(--gold);font:16px var(--serif);letter-spacing:.14em}.question-sheet h1{margin:0 0 42px;font:clamp(27px,4vw,42px)/1.55 var(--serif);font-weight:400}.choices{display:grid;gap:12px}.choice{display:flex;align-items:flex-start;gap:16px;width:100%;padding:18px 20px;border:1px solid var(--line);background:rgba(255,255,255,.3);color:#39443e;text-align:left;font:15px/1.65 var(--sans);cursor:pointer;transition:.2s}.choice:hover,.choice.selected{border-color:var(--celadon);background:#eef2ed;transform:translateX(3px)}.choice em{flex:0 0 auto;color:var(--gold);font-style:normal}.select-choices{grid-template-columns:repeat(2,1fr)}.select-choices .choice{justify-content:space-between}.writing{display:block}.writing>span{color:var(--soft);font-size:12px}.writing textarea,.other input{display:block;width:100%;min-height:220px;margin-top:12px;padding:20px;border:1px solid var(--line);outline:0;background:rgba(255,255,255,.45);color:var(--ink);font:17px/1.8 var(--serif);resize:vertical}.writing textarea:focus,.other input:focus{border-color:var(--celadon)}.writing small{display:block;margin-top:8px;color:var(--soft);text-align:right}.other{display:block;margin-top:16px;color:var(--soft);font-size:12px}.other input{min-height:unset;font:15px var(--sans)}.question-actions{justify-content:space-between;margin-top:42px}.plain-button:disabled{opacity:.3;cursor:not-allowed}.consent-page{max-width:640px}.consent-page h1{margin-bottom:28px;text-align:left;font-size:48px;letter-spacing:0}.consent-page>p:not(.kicker):not(.privacy){color:#46514c}.consent{display:flex;gap:12px;margin:38px 0 24px;padding:20px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--soft);font-size:13px}.consent input{margin-top:6px;accent-color:var(--celadon)}.consent-page .plain-button{display:block;margin:20px 0 0;padding-left:0}.complete{text-align:center}.complete-orbit{width:100px;height:100px;margin:0 auto 30px;border:1px solid var(--celadon);border-radius:50%;box-shadow:0 0 0 10px rgba(127,153,141,.1),0 0 0 22px rgba(127,153,141,.04)}.complete h1{font-size:48px;letter-spacing:0}.receipt{display:grid;gap:0;margin:44px 0;text-align:left;border-top:1px solid var(--line)}.receipt div{display:grid;grid-template-columns:130px 1fr;gap:20px;padding:18px 0;border-bottom:1px solid var(--line)}.receipt span{color:var(--soft);font-size:12px}.receipt strong{font-family:var(--serif);font-weight:400}.complete aside{max-width:620px;margin:0 auto 37px;padding:16px 20px;border-left:2px solid var(--gold);background:rgba(255,255,255,.25);color:var(--soft);font-size:13px;text-align:left}.complete .ink-button{display:inline-block;text-decoration:none}@media(max-width:620px){.mast-note{display:none}.intro,.consent-page,.complete{padding-top:70px}.intro h1{font-size:54px}.intro dl{margin:35px auto}.question-page{padding-top:34px}.question-sheet{margin-top:55px}.question-sheet h1{font-size:28px}.select-choices{grid-template-columns:1fr}.choice{padding:16px}.question-actions{gap:5px}.ink-button,.quiet-button,.plain-button{padding:12px 14px}.receipt div{grid-template-columns:88px 1fr;gap:12px}.complete h1,.consent-page h1{font-size:37px}}
:root .mirror-mark{width:148px;height:148px;margin:0 auto 24px;color:var(--celadon)}.mirror-mark svg{display:block;width:100%;height:100%;overflow:visible}.mirror-mark .rim{fill:#eef2ec;stroke:currentColor;stroke-width:2}.mirror-mark .glass{fill:#dbe5de;stroke:currentColor;stroke-width:1.25}.mirror-mark .mountain-back{fill:#9db3a8;opacity:.78}.mirror-mark .mountain-front{fill:#5f7f70;opacity:.88}.mirror-mark .water{fill:none;stroke:#f7f3e9;stroke-width:2;stroke-linecap:round}.mirror-mark .sun{fill:var(--gold);opacity:.88}.complete-mark{width:116px;height:116px;margin-bottom:28px}