:root{color-scheme:light;font-family:PingFang SC,Microsoft YaHei,Helvetica Neue,Arial,sans-serif;line-height:1.5;font-weight:400;color:#4c3627;background:#e9dcc8;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*{box-sizing:border-box}html,body,#root{margin:0;min-height:100%}body{position:relative;min-width:320px;background-color:#e7d6bf}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:0;background-image:radial-gradient(circle at 20% 18%,rgba(110,71,43,.07) 0,rgba(110,71,43,.07) 2px,transparent 2px),radial-gradient(circle at 78% 16%,rgba(110,71,43,.06) 0,rgba(110,71,43,.06) 2px,transparent 2px),radial-gradient(circle at 30% 76%,rgba(110,71,43,.05) 0,rgba(110,71,43,.05) 2px,transparent 2px),radial-gradient(circle at 72% 82%,rgba(110,71,43,.05) 0,rgba(110,71,43,.05) 2px,transparent 2px),radial-gradient(circle,rgba(109,75,52,.08) 0,rgba(109,75,52,.08) 1.6px,transparent 1.6px),url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='220' height='220' viewBox='0 0 220 220'%3E%3Cg fill='none' stroke='%236d4b34' stroke-width='0.9' stroke-linecap='round' opacity='0.45'%3E%3Cpath d='M12 58c22-22 42-20 56 0s27 26 47 11 37-16 58 6'/%3E%3Cpath d='M24 123c17-21 36-19 49-3s30 19 43 6 33-12 50 7'/%3E%3Cpath d='M44 34c5 10 4 18-3 28'/%3E%3Cpath d='M80 95c6 8 7 16 2 25'/%3E%3Cpath d='M147 61c-6 10-6 19-1 30'/%3E%3Cpath d='M173 139c-6 9-6 18-1 26'/%3E%3Cpath d='M52 42c9-1 16 2 21 9'/%3E%3Cpath d='M86 103c10-1 18 3 22 11'/%3E%3Cpath d='M132 66c11 0 18 4 22 11'/%3E%3Cpath d='M164 145c10 0 17 4 20 10'/%3E%3C/g%3E%3C/svg%3E");background-size:auto,auto,auto,auto,24px 24px,220px 220px;background-repeat:repeat}#root{position:relative;z-index:1}button,input,select{font:inherit}button{cursor:pointer}body.modal-open{overflow:hidden}.page-shell{width:min(100%,31rem);margin:0 auto;padding:12px 10px 28px}.page-title{margin:0 0 12px;padding:4px 2px;font-size:24px;line-height:1.25;text-align:center;color:#5a3d2b;font-weight:700}.hero-card,.card,.modal-card{background:#f8efdfe6;border:1px solid rgba(126,89,63,.24);border-radius:22px;box-shadow:0 10px 30px #593a2417;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.hero-card{padding:18px 16px;text-align:center;margin-bottom:14px}.hero-logo,.result-logo{display:block;width:min(100%,180px);height:auto;margin:0 auto 12px;object-fit:contain}.result-logo{width:min(100%,250px);margin:18px auto 0}.eyebrow,.section-label{margin:0 0 8px;font-size:12px;font-weight:700;letter-spacing:.08em;color:#8b674c;text-transform:uppercase}.hero-card h1,.card h2,.question-card h3,.modal-card h2{margin:0}.hero-card h1{font-size:28px;line-height:1.2;color:#5a3d2b;font-weight:700}.hero-text{margin:12px 0 0;font-size:14px;color:#6b5342}.card,.modal-card{padding:16px;margin-bottom:14px}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:14px}.section-head--stack{justify-content:center;text-align:center}.section-head h2{font-size:20px;line-height:1.3;color:#5c412d}.progress-text{flex-shrink:0;color:#7a604b;font-size:13px}.progress-bar{width:100%;height:10px;background:#dcc4a5;border-radius:999px;overflow:hidden;margin-bottom:16px}.progress-bar__fill{height:100%;border-radius:inherit;background:linear-gradient(90deg,#8e6846,#b2885e)}.question-card{padding:16px;background:#fff9efad;border:1px solid rgba(150,113,84,.14);border-radius:18px}.question-card h3{font-size:21px;line-height:1.5;margin-bottom:16px;color:#4c3627;font-weight:600}.options-list{display:grid;gap:12px}.option-button{display:flex;align-items:flex-start;gap:12px;width:100%;padding:14px;text-align:left;border:1px solid #d8bea0;border-radius:16px;background:#fffaf1f2;color:inherit;transition:transform .15s ease,border-color .15s ease,box-shadow .15s ease,background .15s ease}.option-button:hover,.option-button:focus-visible{border-color:#aa7d58;box-shadow:0 8px 18px #7a593e1f;background:#fcf2df;transform:translateY(-1px);outline:none}.option-button--active{border-color:#946946;background:#f1dec2}.option-key{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;flex-shrink:0;border-radius:999px;background:#dcc0a2;color:#6c4a32;font-weight:700}.option-content{display:flex;flex-direction:column;gap:6px;min-width:0}.option-text{font-size:16px;line-height:1.55;color:#4b3527}.option-score{display:none}.footer-actions{display:flex;gap:10px;margin-top:16px}.footer-actions>*{flex:1}.footer-actions--single{flex-direction:column}.ghost-button,.primary-button,.primary-link-button{min-height:48px;border-radius:14px;border:1px solid #cfb18c;padding:12px 14px;font-weight:700;box-shadow:0 4px 10px #67493014}.button-note{font-size:12px;font-weight:500}.ghost-button{background:#f1e2c7;color:#5a3d2a}.primary-button,.primary-link-button{background:#e8d2aa;color:#5a3d2a;text-decoration:none}.ghost-button:hover,.primary-button:hover,.primary-link-button:hover,.ghost-button:focus-visible,.primary-button:focus-visible,.primary-link-button:focus-visible{background:#f0dfbc;border-color:#bb9369;outline:none}.ghost-button:disabled,.primary-button--disabled,.primary-button:disabled{opacity:.55;cursor:not-allowed}.primary-link-button{display:inline-flex;align-items:center;justify-content:center;margin-top:14px}.result-card{text-align:center}.result-type{font-size:36px;line-height:1;font-weight:800;color:#6a4730;margin-top:8px;letter-spacing:.04em}.result-name{margin-top:10px;font-size:20px;font-weight:700;color:#5c412d}.result-summary,.payment-text,.result-note,.payment-tip,.payment-banner,.status-chip,.error-card{color:#6a5240;font-size:14px}.result-summary{margin:12px 0 0;line-height:1.85;text-align:left;white-space:pre-wrap;background:#fff9f0b8;border:1px solid rgba(126,89,63,.14);border-radius:16px;padding:15px 13px}.result-image-wrap{margin-top:18px}.result-image-button{display:inline-flex;flex-direction:column;align-items:center;gap:10px;background:none;border:none;padding:0;box-shadow:none;cursor:zoom-in}.result-image-button:hover,.result-image-button:focus-visible{background:none;border:none;outline:none}.image-hint{font-size:16px;line-height:1.4;color:#7b624d}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#382517b8;z-index:20}.lightbox[hidden]{display:none}.lightbox-image{width:min(92vw,560px);max-height:86vh;object-fit:contain;border-radius:18px;background:#f7ecda;padding:12px;box-shadow:0 12px 36px #28190f47}.score-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin-top:18px}.score-item{background:#fff9f0e6;border:1px solid rgba(126,89,63,.18);border-radius:14px;padding:10px 8px}.score-item span{display:block;font-size:13px;color:#7a604b}.score-item strong{display:block;margin-top:4px;font-size:18px;color:#5c412d}.result-note{margin-top:14px;padding:12px;border-radius:14px;background:#ecdcc5d9}.payment-form{display:grid;gap:12px;margin-top:14px}.field,.field-row{display:grid;gap:8px}.field span{font-size:14px;font-weight:600;color:#5a3d2a}.field input,.field select{width:100%;min-height:46px;border:1px solid #d1b99a;border-radius:14px;padding:10px 12px;background:#fffaf2;color:#4c3627}.payment-banner{margin-top:8px;line-height:1.8}.payment-brand{font-size:28px;font-weight:800;color:#6b4931;margin:0 2px}.payment-brand--inline{display:inline-block;margin:0 4px;font-size:32px;line-height:1}.payment-modal-text{margin:0;text-align:center;color:#5c412d;font-size:18px;line-height:1.7;font-weight:600}.payment-tip{margin:10px 0 0}.qr-card{margin-top:16px;padding:16px;border-radius:18px;background:#fff9efb3;border:1px dashed rgba(150,113,84,.3)}.qr-image{display:block;width:min(100%,280px);margin:0 auto;border-radius:14px}.qr-placeholder{min-height:240px;display:flex;align-items:center;justify-content:center;color:#7a604b}.status-chip{margin-top:14px;padding:10px 12px;border-radius:999px;background:#ecdcc5e6;color:#6a4730}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:16px;background:#3825177a;z-index:50}.modal-card{width:min(100%,26rem);margin:0}.error-card{border-color:#b2553b59;background:#fff0e8f2;color:#9a3f23}@media (max-width: 360px){.page-shell{padding-inline:8px}.page-title{font-size:22px;margin-bottom:10px}.hero-card h1{font-size:24px}.question-card h3{font-size:18px;line-height:1.45}.option-button{padding:12px;gap:10px}.option-key{width:30px;height:30px}.option-text{font-size:15px;line-height:1.5}.footer-actions{gap:8px}.ghost-button,.primary-button,.primary-link-button{min-height:44px;padding:10px 12px}.score-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.payment-brand{font-size:24px}.payment-brand--inline{font-size:28px}}