:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Microsoft YaHei,sans-serif;color:#423b36;background:#f8f5ef;font-synthesis:none;font-weight:400;line-height:1.7}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 93% 12%,#e7edef99,transparent 43%),radial-gradient(ellipse at 4% 60%,#f1dfd666,transparent 45%);min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer;touch-action:manipulation}button:disabled{cursor:wait;opacity:.65}button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #a37e64;outline-offset:4px}button{border:0}h1,h2,p{margin:0}h1{font-weight:500;letter-spacing:-.025em}button,input,textarea{-webkit-tap-highlight-color:transparent}.app{max-width:1040px;margin:auto;padding:0 56px;padding-top:env(safe-area-inset-top);min-height:100vh;min-height:100dvh;display:flex;flex-direction:column}.brand{height:108px;display:flex;align-items:center;gap:13px;font-size:13px;letter-spacing:2px;color:#6e6258}.brand-mark{font-family:Georgia,serif;font-size:33px;letter-spacing:-2px;border-right:1px solid #d7cec3;padding-right:18px;margin-right:4px}.brand-mark span{color:#a48268}.edition{margin-left:auto;font-size:10px;letter-spacing:2px;color:#8d8278}.cover{position:relative;isolation:isolate;padding:49px 38px 50px;overflow:hidden}.eyebrow{font-size:10px;letter-spacing:2.7px;color:#917a68;display:flex;align-items:center;gap:10px}.eyebrow>span{width:20px;height:1px;background:#9d8067}.overline{font-size:13px;color:#8b7b6e;letter-spacing:3px;margin:49px 0 16px}.cover h1{font-size:48px;line-height:1.45;color:#4c3b2e}.cover h1 small{font-size:21px;letter-spacing:0;color:#998270;font-weight:400;margin-left:8px}.title-dot{color:#a18c7b}.cover-number{position:absolute;right:13px;top:88px;font-family:Georgia,serif;font-size:255px;line-height:1;letter-spacing:-20px;color:#dfd5c540;z-index:-1}.subtitle{font-size:16px;margin-top:24px;color:#72665d}.cover-rule{height:1px;background:#ddd3c5;max-width:440px;margin:35px 0 22px}.intro{display:flex;gap:35px;font-size:11px;letter-spacing:1px;color:#998474}.gentle{font-size:13px;color:#8c8178;margin:35px 0 20px}.primary,.secondary{min-height:54px;border-radius:9px;padding:13px 24px;font-size:15px;display:flex;align-items:center;justify-content:center;gap:24px}.primary{background:#6a4f3d;color:#fffaf5;box-shadow:0 5px 15px #5a382610}.primary>span{margin-left:auto;font-size:20px;font-weight:300}.secondary{background:transparent;border:1px solid #d6cbbc;color:#766353}.start,.resume{width:100%;max-width:400px}.cover-note{margin-top:20px;font-size:11px;color:#9c9085}.cover-note span{padding:0 9px}.resume{padding:20px;border:1px solid #e1d7ca;border-radius:12px;background:#fff6}.resume p{font-size:14px;margin-bottom:15px}.resume .primary{width:100%}.text-button{display:block;margin:12px auto 0;background:transparent;color:#7b6553;min-height:44px}.form-shell{width:100%;max-width:800px;margin:0 auto;padding:8px 0 30px}.progress-head{position:sticky;top:0;z-index:2;display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:14px 0 0;background:#f8f5eff5;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.progress-number{font-family:Georgia,serif;font-size:26px;color:#6a4f3d}.total{font-size:13px;color:#a39588}.save-label{font-size:11px;letter-spacing:.6px;color:#948779}.progress-track{width:100%;height:2px;background:#e4ddd3;margin-top:14px}.progress-track>div{height:100%;background:#957459;transition:width .25s ease}.question{padding-top:32px}.question-meta{font-size:10px;letter-spacing:1.5px;color:#9e8876;display:flex;justify-content:space-between;margin-bottom:15px}.question-meta span{font-size:11px;letter-spacing:1px}.question h1{font-size:25px;line-height:1.65;white-space:pre-line;outline:none;margin-bottom:28px;overflow-wrap:anywhere}fieldset{border:0;margin:0;padding:0;min-width:0}.option{display:flex;align-items:center;gap:14px;position:relative;min-height:61px;padding:15px 19px;background:#fffdf9b8;border:1px solid #e4ddd3;border-radius:10px;margin-bottom:10px;cursor:pointer;transition:background .15s,border-color .15s}.option.selected{border-color:#9b7b61;background:#efe6db}.option:focus-within{outline:3px solid #a37e64;outline-offset:3px}.option input{position:absolute;width:1px;height:1px;opacity:0}.option-letter{font-family:Georgia,serif;font-size:13px;color:#b0a292}.option-text{font-size:15px;line-height:1.7;flex:1;overflow-wrap:anywhere}.check{width:20px;height:20px;flex-shrink:0;border:1px solid #cfc3b6;border-radius:5px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:13px}.round{border-radius:50%}.selected .check{background:#87684e;border-color:#87684e}textarea,.text-input{width:100%;border:1px solid #dcd1c4;border-radius:12px;background:#fffdfa;color:#453b32;font-size:17px;padding:19px;line-height:1.8;-webkit-appearance:none;-moz-appearance:none;appearance:none;scroll-margin-top:100px}textarea{min-height:210px;resize:vertical}::placeholder{color:#b0a499;font-size:16px}.input-hint{font-size:12px;color:#a09284;margin-top:13px}.messages{min-height:35px;padding:5px 0;font-size:13px;color:#a04b37}.actions{display:flex;gap:14px;padding:10px 0 0}.actions .primary{flex:1}.actions .secondary{min-width:125px}.bottom-note{font-size:11px;text-align:center;color:#ad9e91;margin-top:28px}footer{margin-top:auto;padding:24px 0 calc(26px + env(safe-area-inset-bottom));text-align:center;font-size:10px;letter-spacing:1.5px;color:#ad9f92}footer span{padding:0 8px}.success{max-width:580px;margin:60px auto 90px;text-align:center}.success-icon{margin:0 auto 28px;width:72px;height:72px;border:1px solid #cbbba8;border-radius:50%;display:grid;place-items:center;color:#896d52;font-size:30px;background:#eee5da}.success .eyebrow{justify-content:center}.success h1{font-size:34px;margin:20px 0 12px}.success h2{font-weight:400;font-size:17px}.success p{font-size:14px;color:#8b7d70;line-height:2;margin:22px 0 35px}.success button{margin:auto;min-width:180px}dialog{border:1px solid #dfd3c5;border-radius:18px;background:#fffcf7;color:#514335;padding:28px;width:min(380px,calc(100% - 40px));box-shadow:0 20px 100px #35201233}dialog::backdrop{background:#3d302966;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px)}dialog h2{font-size:21px;font-weight:500}dialog p{font-size:14px;color:#8a7867;margin:12px 0 24px}.dialog-actions{display:flex;gap:12px}.dialog-actions>*{flex:1}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.fade{animation:enter .23s ease-out}@keyframes enter{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:600px){.app{padding-left:23px;padding-right:23px}.brand{height:84px;font-size:11px;letter-spacing:1px;gap:9px}.brand-mark{font-size:28px;padding-right:13px}.edition{font-size:9px;letter-spacing:1px}.cover{padding:28px 0 30px}.eyebrow{font-size:9px;letter-spacing:1.7px}.overline{margin-top:45px;font-size:11px;letter-spacing:2px}.cover h1{font-size:35px;line-height:1.5}.cover h1 small{font-size:17px}.cover-number{font-size:180px;top:108px;right:0;letter-spacing:-15px}.subtitle{font-size:14px;max-width:300px;line-height:1.9;margin-top:20px}.intro{gap:20px;font-size:10px}.cover-rule{margin-top:28px}.gentle{font-size:12px;margin-top:30px}.cover-note{font-size:10px;letter-spacing:0}.question{padding-top:27px}.question h1{font-size:22px;margin-bottom:23px}.option{padding:14px 13px;gap:10px}.option-text{font-size:15px}.option-letter{font-size:12px}.actions .secondary{min-width:104px;padding-left:14px;padding-right:14px}.primary,.secondary{min-height:54px}.success{margin:48px auto 65px}.success p{font-size:14px}.form-shell{padding-top:0}textarea{min-height:220px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}.answer-card{margin:12px 0 25px;padding:19px;border:1px solid #dcd1c4;border-radius:12px;background:#fffdfa;color:#453b32;font-size:17px;line-height:1.8;white-space:pre-wrap;overflow-wrap:anywhere}.answer-card p+p{margin-top:14px}