:root{--ink:#17241e;--muted:#657168;--green:#1f4a37;--jade:#8db89d;--brass:#c4a85f;--paper:#fbfaf5;color:var(--ink);background:var(--paper);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button,select,input{font-family:inherit}button:focus-visible,select:focus-visible,input:focus-visible{outline-offset:3px;outline:3px solid #8db89db3}img{max-width:100%;display:block}.app-shell{min-height:100svh;color:var(--ink);background:radial-gradient(circle at 80% 0,#c4b06f2e,#0000 30rem),linear-gradient(#fbfaf5 0%,#f3f1e8 100%)}.topbar{z-index:20;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#fbfaf5e0;border-bottom:1px solid #1c2d261a;justify-content:space-between;align-items:center;height:64px;padding:0 clamp(18px,4vw,48px);display:flex;position:sticky;top:0}button{font:inherit}button:disabled{cursor:not-allowed;opacity:.45;box-shadow:none;transform:none}.brand,.nav-actions button,.text-button{color:var(--ink);cursor:pointer;background:0 0;border:0}.brand{align-items:center;gap:10px;font-weight:740;display:inline-flex}.brand-mark{color:#f8f4e8;background:var(--green);border-radius:8px;place-items:center;width:32px;height:32px;font-family:Georgia,serif;display:inline-grid}.nav-actions button{color:var(--muted);font-size:14px}.progress-track{background:#22393014;height:3px}.progress-track span{background:linear-gradient(90deg, var(--green), var(--jade));border-radius:999px;height:100%;transition:width .36s;display:block}.hero-grid{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;gap:clamp(28px,7vw,96px);max-width:1120px;min-height:calc(100svh - 67px);margin:0 auto;padding:clamp(34px,7vw,92px) 22px;display:grid}.hero-copy h1,.report-header h1{max-width:780px;color:var(--ink);margin:0;font-size:clamp(42px,7.4vw,84px);font-weight:780;line-height:.96}.hero-copy p,.report-header p,.flow-header p,.scan-state p,.score-card p,.checkout p,.concept-strip p,.section-heading p{max-width:620px;color:var(--muted);margin:18px 0 0;font-size:17px;line-height:1.65}.hero-actions,.sticky-actions{align-items:center;gap:12px;display:flex}.result-layout .sticky-actions{grid-column:1/-1}.hero-actions{flex-wrap:wrap;margin-top:30px}.primary,.secondary,.choice,.answer{cursor:pointer;border:1px solid #0000;border-radius:8px;min-height:46px;padding:0 18px;font-weight:720;transition:transform .16s,box-shadow .16s,border-color .16s}.primary{color:#fbfaf5;background:var(--green);box-shadow:0 16px 36px #1831262e}.secondary,.choice,.answer{color:var(--ink);background:#ffffffb8;border-color:#2239301f}.primary:hover,.secondary:hover,.choice:hover,.answer:hover{transform:translateY(-1px)}.trust-row{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.trust-row span{color:var(--muted);background:#ffffff85;border:1px solid #2239301a;border-radius:8px;padding:8px 10px;font-size:13px;font-weight:700}.phone-preview{background:#fefdf8;border:1px solid #22393024;border-radius:28px;width:min(100%,390px);margin-inline:auto;padding:14px;box-shadow:0 34px 80px #1a28222e}.phone-head,.mini-score,.preview-list span{justify-content:space-between;align-items:center;display:flex}.phone-head{height:42px;color:var(--muted);font-size:13px}.phone-head span{background:#2239302e;border-radius:999px;width:54px;height:5px}.phone-head em{color:var(--green);font-style:normal;font-weight:780}.listing-photo{background:linear-gradient(135deg,#213c2f61,#0000 45%),linear-gradient(45deg,#ded4bd,#f8f4e8 38%,#71816f);border-radius:8px;min-height:128px;position:relative;overflow:hidden}.listing-photo.has-upload{background:#0f241d}.uploaded-image{z-index:1;object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.listing-photo.has-upload:before,.listing-photo.has-upload:after{display:none}.listing-photo:before,.listing-photo:after{content:"";background:#ffffff9e;position:absolute}.listing-photo:before{border-radius:4px;width:45%;height:48%;inset:22% auto auto 11%;box-shadow:78px 18px #1e332a38}.listing-photo:after{border-radius:999px;width:38%;height:16%;bottom:16%;right:14%}.large-photo{min-height:260px}.mini-score{border:1px solid #2239301a;border-radius:8px;gap:14px;margin-top:12px;padding:16px}.mini-score span,.summary-card span,.score-card span,.checkout span,.report-header span,.flow-header span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:820}.mini-score strong{margin-top:3px;display:block}.mini-score b{color:#fbfaf5;background:var(--green);border-radius:50%;place-items:center;width:54px;height:54px;display:grid}.preview-list{gap:8px;margin-top:12px;display:grid}.preview-list span{min-height:40px;color:var(--muted);background:#2239300f;border-radius:8px;padding:0 12px;font-size:13px}.panel-flow,.scan-state,.result-layout,.checkout,.report{width:min(100% - 32px,940px);margin:0 auto;padding:clamp(28px,5vw,64px) 0 110px}.compact{width:min(100% - 32px,680px)}.flow-header h2,.scan-state h2,.score-card h2,.checkout h2,.concept-strip h2,.section-heading h2{color:var(--ink);margin:8px 0 0;font-size:clamp(32px,6vw,48px);line-height:1.02}.upload-box{margin-top:28px}.upload-box input{opacity:0;width:1px;height:1px;position:absolute}.upload-box label{min-height:190px;color:var(--muted);text-align:center;cursor:pointer;background:#ffffff94;border:1.5px dashed #2239303d;border-radius:12px;place-items:center;padding:24px;display:grid}.upload-box strong{color:var(--ink);font-size:21px;display:block}.upload-box span{max-width:360px;margin-top:8px}.photo-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px;display:grid}.photo-card,.question-card,.insight-list,.checkout,.report-card,.summary-card,.check-meter,.concept-strip,.luopan-card,.audit-steps article,.palace-grid article{background:#ffffffb8;border:1px solid #2239301a;border-radius:8px;box-shadow:0 18px 40px #1a28220f}.photo-card{padding:10px}.photo-card-header{justify-content:space-between;align-items:center;gap:10px;min-height:34px;margin-bottom:8px;display:flex}.photo-card-header span{min-width:0;color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;font-weight:740;overflow:hidden}.remove-photo{min-height:28px;color:var(--green);cursor:pointer;background:#ffffffb8;border:1px solid #2239301f;border-radius:8px;flex:none;font-size:12px;font-weight:800}.photo-card select{width:100%;height:38px;color:var(--ink);background:#fffdf7;border:1px solid #2239301f;border-radius:8px;margin-top:10px}.photo-card p{min-height:40px;color:var(--muted);margin:8px 2px 0;font-size:13px;line-height:1.45}.empty-upload{background:#ffffff85;border:1px solid #2239301a;border-radius:8px;margin-top:18px;padding:24px}.empty-upload h3{color:var(--ink);margin:0}.empty-upload p{color:var(--muted);margin:8px 0 0}.choice-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.panel-flow h3{margin:34px 0 0;font-size:18px}.choice{text-align:left;justify-content:flex-start;min-height:58px}.choice.selected,.answer.selected{color:var(--green);background:#e2efe1c7;border-color:#2b59436b}.scan-state{text-align:center;place-items:center;min-height:calc(100svh - 64px);display:grid}.scan-orbit{background:radial-gradient(circle,#fffc,#bed3bd52);border-radius:50%;width:170px;height:170px;position:relative}.scan-orbit span{background:var(--green);border-radius:50%;width:34px;height:34px;animation:2.4s ease-in-out infinite float;position:absolute}.scan-orbit span:first-child{top:30px;left:24px}.scan-orbit span:nth-child(2){background:var(--brass);animation-delay:.22s;top:64px;right:20px}.scan-orbit span:nth-child(3){background:var(--jade);animation-delay:.42s;bottom:20px;left:70px}.scan-steps{gap:8px;width:min(100%,380px);display:grid}.scan-steps span{min-height:44px;color:var(--muted);background:#ffffffb8;border-radius:8px;padding:10px 14px}.question-stack{gap:14px;margin-top:26px;display:grid}.question-card{grid-template-columns:180px 1fr;gap:16px;padding:12px;display:grid}.question-card .listing-photo{min-height:138px}.hotspot{z-index:2;background:#2b594394;border:3px solid #fbfaf5;border-radius:50%;width:34px;height:34px;position:absolute;top:34%;left:45%;box-shadow:0 0 0 12px #2b594329}.answer-row{flex-wrap:wrap;gap:8px;display:flex}.answer{min-height:40px;padding:0 12px;font-size:14px}.result-layout{grid-template-columns:minmax(260px,.82fr) 1fr;gap:18px;display:grid}.score-card{color:#f9f7ed;background:radial-gradient(circle at 78% 20%,#c4b06f5c,#0000 12rem),linear-gradient(145deg,#1f3f31,#0f241d);border-radius:8px;min-height:440px;padding:26px}.score-card span,.score-card p{color:#f9f7edc2}.score-card strong{margin-top:58px;font-size:92px;line-height:1;display:block}.score-card h2{color:#f9f7ed}.result-column{gap:12px;display:grid}.insight-list{padding:18px}.insight-list h3,.question-card h3,.report-card h3{color:var(--ink);margin:0 0 12px}.insight-list ul,.checkout ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.insight-list li,.checkout li{color:var(--muted)}.insight-list li:before,.checkout li:before{content:"";background:var(--jade);border-radius:50%;width:7px;height:7px;margin-right:10px;display:inline-block}.checkout{gap:26px;width:min(100% - 32px,520px);margin-top:clamp(34px,8vw,92px);padding:32px;display:grid}.checkout h2{font-size:72px}.text-button{min-height:40px;color:var(--muted)}.report{width:min(100% - 32px,1120px)}.report-header{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px;display:flex}.report-grid,.checks-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.summary-card,.check-meter,.report-card,.concept-strip{padding:18px}.summary-card strong{color:var(--ink);margin-top:18px;font-size:34px;display:block}.summary-card p,.check-meter p,.report-card p{color:var(--muted);margin:8px 0 0;line-height:1.55}.checks-grid,.report-cards,.concept-strip{margin-top:14px}.audit-section{margin-top:32px}.section-heading{max-width:720px;margin-bottom:18px}.section-heading span,.chart-note span,.audit-steps span{color:var(--muted);text-transform:uppercase;font-size:12px;font-weight:820}.audit-grid{grid-template-columns:minmax(260px,.72fr) 1fr;gap:14px;display:grid}.luopan-card{background:radial-gradient(circle,#8db89d47,#0000 9rem),linear-gradient(145deg,#1d3a2d,#0f241d);align-content:center;gap:18px;min-height:360px;padding:24px;display:grid}.luopan-ring{aspect-ratio:1;color:#f9f7ed;background:repeating-conic-gradient(#f9f7ed29 0deg 8deg,#0000 8deg 15deg),radial-gradient(circle,#0000 0 34%,#f9f7ed1a 35% 36%,#0000 37% 100%);border:1px solid #f9f7ed52;border-radius:50%;place-items:center;width:min(100%,250px);margin:0 auto;display:grid;position:relative;box-shadow:inset 0 0 0 34px #0f241dbd,inset 0 0 0 68px #f9f7ed14}.luopan-ring strong{width:70px;height:70px;color:var(--green);background:#f9f7ed;border-radius:50%;place-items:center;font-size:24px;display:grid}.luopan-ring span{color:#f9f7edd1;font-size:12px;font-weight:860;position:absolute}.luopan-ring .north{top:16px}.luopan-ring .east{right:18px}.luopan-ring .south{bottom:16px}.luopan-ring .west{left:18px}.chart-note{color:#f9f7edd6;text-align:center}.chart-note span{color:#f9f7edad}.chart-note p{margin:6px 0 0}.audit-steps{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.audit-steps article{padding:18px}.audit-steps strong{color:var(--ink);margin-top:8px;font-size:18px;display:block}.audit-steps p,.palace-grid p{color:var(--muted);margin:10px 0 0;line-height:1.55}.palace-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:14px;display:grid}.palace-grid article{padding:18px}.palace-grid article>div{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.palace-grid h3{margin:0}.palace-grid span{color:var(--green);background:#e2efe1d6;border-radius:8px;flex:none;padding:6px 8px;font-size:12px;font-weight:800}.check-meter div,.card-title{justify-content:space-between;align-items:center;gap:14px;display:flex}.check-meter progress{width:100%;height:9px;accent-color:var(--green);margin-top:16px}.report-cards{gap:14px;display:grid}.card-title span{color:var(--green);background:#e2efe1d6;border-radius:8px;padding:6px 8px;font-size:12px;font-weight:800}.report-card strong{color:var(--ink);margin-top:16px;display:block}.report-card ol{color:var(--muted);gap:8px;margin:10px 0 0;padding-left:22px;line-height:1.55;display:grid}.concept-strip{grid-template-columns:220px 1fr;align-items:center;gap:18px;display:grid}.concept-strip img{aspect-ratio:4/3;object-fit:cover;border-radius:8px;width:100%}.sticky-actions{z-index:30;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#fbfaf5e6;border:1px solid #2239301a;border-radius:12px;justify-content:flex-end;width:min(100% - 32px,940px);margin:24px auto 0;padding:12px;position:static;box-shadow:0 16px 44px #1a282229}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media (width<=760px){.topbar{height:58px;padding:0 16px}.hero-grid,.result-layout,.report-header,.concept-strip{grid-template-columns:1fr}.hero-grid{min-height:auto}.hero-copy h1,.report-header h1{font-size:47px}.phone-preview{border-radius:22px}.photo-grid,.report-grid,.checks-grid,.audit-grid,.audit-steps,.palace-grid,.choice-grid,.question-card{grid-template-columns:1fr}.score-card{min-height:360px}.score-card strong{margin-top:34px}.sticky-actions{bottom:10px}.sticky-actions .primary,.sticky-actions .secondary{flex:1;padding-inline:12px}}