:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;color:#171717;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--ink:#171717;--muted:#6f706b;--subtle:#a7a89f;--line:#1717171a;--panel:#fffffcd6;--panel-solid:#fffef8;--green:#2bbda6;--blue:#4b8bd6;--lime:#77b255;--yellow:#e3b84f;--red:#d9594c;--violet:#7d6fd1;background:#f7f5ef;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:linear-gradient(#fffef8db,#f7f5effa),repeating-linear-gradient(90deg,#2bbda60f 0 1px,#0000 1px 88px);min-width:320px;min-height:100vh;margin:0}button,input{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app-shell{width:min(1180px,100% - 32px);margin:0 auto;padding:24px 0 32px}.topbar,.hero-panel,.detail-panel,.report-panel,.preview-strip,.footer-bar{border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 18px 60px #1c1f1912}.topbar{border-radius:8px;justify-content:space-between;align-items:center;gap:20px;min-height:72px;padding:14px 18px;display:flex}.brand-lockup{align-items:center;gap:12px;display:flex}.brand-mark{background:conic-gradient(from 210deg,#d9594c,#e3b84f,#77b255,#2bbda6,#4b8bd6,#7d6fd1,#d9594c);border-radius:50%;width:32px;height:32px;box-shadow:inset 0 0 0 7px #fffef8}.brand-lockup strong,.brand-lockup span{letter-spacing:0;display:block}.brand-lockup strong{font-size:15px}.brand-lockup div span{color:var(--muted);margin-top:2px;font-size:12px}.topbar-meta{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;display:flex}.topbar-meta span,.eyebrow,.evidence-strip span,.safety-line,.footer-bar span{align-items:center;gap:7px;display:inline-flex}.topbar-meta span{border:1px solid var(--line);min-height:34px;color:var(--muted);background:#ffffff8c;border-radius:999px;padding:0 10px;font-size:12px}.hero-panel{border-radius:8px;margin-top:16px;position:relative;overflow:hidden}.rainbow-line{background:linear-gradient(90deg,#d9594c,#e3b84f,#77b255,#2bbda6,#4b8bd6,#7d6fd1);height:5px}.hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.65fr);gap:24px;padding:34px;display:grid}.eyebrow{color:#146e62;background:#2bbda614;border:1px solid #2bbda63d;border-radius:999px;width:-moz-fit-content;width:fit-content;margin:0 0 18px;padding:8px 10px;font-size:13px}h1,h2,p{margin-top:0}h1{letter-spacing:0;max-width:720px;margin-bottom:16px;font-size:clamp(44px,7vw,96px);line-height:.95}.hero-summary{color:#3e403b;max-width:720px;margin-bottom:24px;font-size:18px;line-height:1.7}.color-triad{flex-wrap:wrap;gap:10px;display:flex}.color-triad span{border:1px solid var(--line);color:#343530;background:#ffffffa3;border-radius:999px;align-items:center;gap:8px;min-height:38px;padding:0 12px;font-size:13px;display:inline-flex}.color-triad i{border-radius:50%;width:12px;height:12px}.control-surface{border:1px solid var(--line);background:linear-gradient(#fffffcd6,#fffffc9e),linear-gradient(135deg,#2bbda614,#e3b84f14);border-radius:8px;align-self:stretch;padding:16px}.segmented-control{border:1px solid var(--line);background:#1717170a;border-radius:999px;grid-template-columns:repeat(3,1fr);gap:6px;padding:4px;display:grid}.segmented-control button{min-height:34px;color:var(--muted);background:0 0;border:0;border-radius:999px}.segmented-control button.active{color:var(--ink);background:#fffef8;box-shadow:0 5px 16px #17171714}.control-surface p{color:#3d4039;min-height:72px;margin:18px 2px;line-height:1.6}.range-field{color:var(--muted);grid-template-columns:68px minmax(0,1fr) 36px;align-items:center;gap:12px;font-size:13px;display:grid}.range-field input{accent-color:var(--green)}.range-field strong{color:var(--ink);text-align:right}.text-link{color:var(--ink);align-items:center;gap:6px;margin-top:18px;font-size:14px;text-decoration:none;display:inline-flex}.workspace{grid-template-columns:380px minmax(0,1fr);gap:16px;margin-top:16px;display:grid}.sense-list{gap:10px;display:grid}.sense-card{border:1px solid var(--line);background:#fffffcc7;border-radius:8px;transition:border-color .18s,transform .18s,background .18s;box-shadow:0 12px 42px #1c1f190d}.sense-card.selected{background:#fffffcf0;border-color:#2bbda675}.sense-card:hover{transform:translateY(-1px)}.sense-main{width:100%;color:var(--ink);text-align:left;background:0 0;border:0;grid-template-columns:42px minmax(0,1fr) 20px;align-items:center;padding:16px;display:grid}.sense-icon,.detail-icon{background:#ffffff8c;border:1px solid;place-items:center;display:grid}.sense-icon{border-radius:999px;width:34px;height:34px}.sense-main strong,.sense-main em{letter-spacing:0;display:block}.sense-main strong{font-size:15px}.sense-main em{color:var(--muted);margin-top:3px;font-size:13px;font-style:normal;line-height:1.35}.sense-card-footer{color:var(--subtle);justify-content:space-between;align-items:center;gap:10px;padding:0 16px 14px 58px;font-size:12px;display:flex}.done-toggle{border:1px solid var(--line);min-height:30px;color:var(--muted);background:#ffffff80;border-radius:999px;align-items:center;gap:5px;padding:0 10px;display:inline-flex}.done-toggle.active{color:#126d61;background:#2bbda61f;border-color:#2bbda647}.detail-panel{border-radius:8px;min-height:532px;padding:28px}.detail-heading{grid-template-columns:56px minmax(0,1fr);align-items:start;gap:16px;display:grid}.detail-icon{border-radius:999px;width:54px;height:54px}.detail-heading p,.section-heading p{color:var(--muted);margin-bottom:8px;font-size:13px}.detail-heading h2{letter-spacing:0;max-width:740px;margin-bottom:0;font-size:clamp(26px,4vw,48px);line-height:1.08}.swatch-row{grid-template-columns:repeat(3,1fr);gap:8px;margin:28px 0;display:grid}.swatch-row span{border:1px solid #17171714;border-radius:8px;height:88px}.detail-reason{color:#383a35;margin-bottom:20px;font-size:16px;line-height:1.75}.detail-list{gap:10px;display:grid}.detail-list div{border-top:1px solid var(--line);grid-template-columns:10px minmax(0,1fr);align-items:start;gap:12px;padding:12px 0;display:grid}.detail-list span{background:linear-gradient(90deg, var(--green), var(--blue));border-radius:50%;width:7px;height:7px;margin-top:9px}.detail-list p{color:#444640;margin:0;line-height:1.6}.evidence-strip{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.evidence-strip span{border:1px solid var(--line);min-height:32px;color:var(--muted);background:#ffffff85;border-radius:999px;padding:0 10px;font-size:12px}.report-panel,.preview-strip{border-radius:8px;margin-top:16px;padding:28px}.section-heading h2{letter-spacing:0;margin-bottom:20px;font-size:clamp(24px,4vw,42px);line-height:1.1}.report-grid{grid-template-columns:220px minmax(0,1fr);align-items:stretch;gap:16px;display:grid}.report-score,.report-copy,.note-grid div{border:1px solid var(--line);background:#fffffca3;border-radius:8px}.report-score{text-align:center;place-items:center;padding:24px;display:grid}.report-score span{font-size:52px;font-weight:700;line-height:1}.report-score p,.report-copy p,.note-grid p{color:var(--muted);margin-bottom:0;line-height:1.6}.report-copy{padding:24px}.report-copy strong{margin-bottom:10px;font-size:22px;display:block}.note-grid{grid-template-columns:repeat(3,1fr);gap:12px;margin-top:12px;display:grid}.note-grid div{padding:18px}.note-grid span{color:var(--ink);margin-bottom:8px;font-size:13px;font-weight:700;display:block}.report-actions{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.report-actions button{border:1px solid var(--line);min-height:42px;color:var(--ink);background:#fffef8;border-radius:999px;align-items:center;gap:8px;padding:0 14px;display:inline-flex}.safety-line{color:var(--muted);margin:18px 0 0;font-size:13px;line-height:1.6}.preview-grid{grid-template-columns:repeat(3,1fr);gap:14px;display:grid}.preview-grid figure{border:1px solid var(--line);background:#fffef8;border-radius:8px;margin:0;overflow:hidden}.preview-grid img{aspect-ratio:16/10;object-fit:cover;border-bottom:1px solid var(--line);width:100%}.preview-grid figcaption{color:var(--muted);padding:12px 14px;font-size:13px}.footer-bar{color:var(--muted);border-radius:8px;flex-wrap:wrap;justify-content:space-between;gap:10px;margin-top:16px;padding:16px 18px;font-size:12px;display:flex}@media (max-width:900px){.app-shell{width:min(100% - 20px,760px);padding-top:10px}.topbar{flex-direction:column;align-items:flex-start}.topbar-meta{justify-content:flex-start}.hero-grid,.workspace,.report-grid,.note-grid,.preview-grid{grid-template-columns:1fr}.hero-grid,.detail-panel,.report-panel,.preview-strip{padding:20px}h1{font-size:52px}.control-surface p,.detail-panel{min-height:auto}}@media (max-width:520px){.app-shell{width:min(100% - 14px,520px)}.topbar,.hero-panel,.detail-panel,.report-panel,.preview-strip,.footer-bar,.sense-card{border-radius:8px}h1{font-size:46px}.hero-summary{font-size:16px}.sense-main{grid-template-columns:38px minmax(0,1fr) 18px;padding:14px}.sense-card-footer{padding-left:52px}.detail-heading{grid-template-columns:1fr}.detail-heading h2{font-size:28px}.swatch-row span{height:64px}.range-field{grid-template-columns:1fr}.range-field strong{text-align:left}}