@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;600;700;800;900&display=swap');
:root{--paper:#f8f7f2;--ink:#292f28;--muted:#81857b;--green:#d8eb96;--line:#e4e5da;--purple:#e9e3f4}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:'Noto Sans SC',sans-serif;font-size:14px}button,input,textarea{font:inherit;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #789647;outline-offset:4px}header,main,footer{max-width:1120px;margin:auto}header{height:94px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-size:20px;font-weight:800;color:inherit;text-decoration:none}.logo{display:grid;place-items:center;background:var(--ink);color:var(--green);width:34px;height:34px;border-radius:10px;font-size:27px}.brand-en{font-size:10px;letter-spacing:2px;margin-left:10px;color:var(--muted)}.quiet{background:none;border:0;color:#666e60;font-size:13px;padding:8px}.quiet span{background:#eaece2;border-radius:20px;padding:2px 7px;margin-left:5px}.intro{padding:64px 0 38px;position:relative}.eyebrow{font-size:12px;letter-spacing:2px;color:#78806e;display:flex;gap:8px;align-items:center}.dot{width:7px;height:7px;background:#8eaa56;border-radius:50%}h1{font-size:57px;line-height:1.4;letter-spacing:-2px;margin:20px 0;font-weight:800}.underline{background:linear-gradient(transparent 70%,#d8eb96 70%,#d8eb96 93%,transparent 93%)}.spark{display:inline-block;color:#859e53;margin-left:25px;font-size:61px;transform:rotate(14deg)}.intro p{color:#7b8173;line-height:1.9;font-size:15px;margin:0}.workspace{background:#fff;border:1px solid var(--line);border-radius:22px;padding:30px 35px;box-shadow:0 12px 50px #292f2804}.worktop{display:flex;align-items:center;justify-content:space-between;margin-bottom:22px}.small-label{color:#949b89;font-size:9px;letter-spacing:2px}h2{font-size:21px;margin:7px 0 0}.badge{background:#f1f2e9;border-radius:30px;padding:6px 12px;color:#777f6c;font-size:11px}textarea{resize:vertical;width:100%;min-height:118px;background:#fafbf7;border:1px solid #e6e9dd;border-radius:12px;padding:19px;outline:none;line-height:1.9}textarea:focus,input:focus{border-color:#93ab66;outline:1px solid #93ab66}textarea::placeholder{color:#a2a697}.input-meta{font-size:10px;color:var(--muted);margin:8px 3px;text-align:right}.samples{display:flex;gap:8px;flex-wrap:wrap;margin:16px 0 24px;align-items:center}.samples>span{font-size:11px;color:var(--muted);margin-right:3px}.chip{border:1px solid var(--line);background:#fff;border-radius:7px;padding:9px 13px;font-size:12px}.chip:hover,.chip.active{background:#f0f5e5;border-color:#9caf7c}.action-row{display:flex;align-items:center;justify-content:space-between;gap:16px}.hint{color:#939987;font-size:11px}.primary{background:var(--ink);color:#fff;border:0;border-radius:9px;padding:14px 24px;font-size:13px}.primary span{margin-left:25px;color:var(--green)}.primary:hover{background:#434d38}.secondary{padding:12px 17px;border:1px solid var(--line);border-radius:8px;background:white;font-size:12px}.bottom-note{display:flex;justify-content:space-between;margin:16px 4px;color:#8a917f;font-size:10px}.bottom-note>span:first-child{font-size:12px}.principles{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;margin:47px 0 55px}.principles>div{border-left:1px solid #dfe2d3;padding-left:20px}.principles span{font-size:10px;letter-spacing:1px;color:#9ba28c}.principles h3{font-size:14px;font-weight:500;margin:10px 0 6px}.principles p{font-size:12px;color:#919687;margin:0}footer{border-top:1px solid var(--line);padding:23px 0 28px;display:flex;justify-content:space-between;color:#9a9e91;font-size:10px}footer span:last-child{letter-spacing:1.5px}.step{display:flex;gap:8px;align-items:center;margin-bottom:20px;color:#7b846f;font-size:11px}.step b{background:var(--green);border-radius:20px;padding:5px 10px;font-weight:500}.question{background:#f4f2f8;border-radius:12px;padding:20px 22px;margin:12px 0 24px}.question h3{margin:5px 0 17px;font-size:19px}.question .small-label{color:#9a8bab}.answers{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.answer{padding:16px 10px;background:#fff;border:1px solid #e1ddea;border-radius:9px;text-align:left;line-height:1.7;font-size:12px}.answer:hover{border-color:#a193b7;background:#faf8fe}.answer strong{display:block;font-size:14px;margin-bottom:4px}.option-edit{display:flex;gap:10px;margin:16px 0 24px;flex-wrap:wrap}.option-edit label{flex:1;min-width:160px;font-size:11px;color:#818775}.option-edit input{display:block;margin-top:6px;width:100%;padding:12px;border:1px solid var(--line);border-radius:7px;background:#fafbf7}.result-layout{display:grid;grid-template-columns:1fr 1.65fr;gap:25px}.sliders{background:#fafbf7;border-radius:12px;padding:21px}.sliders h3{font-size:14px;margin:0 0 20px}.slider-row{margin:20px 0}.slider-row label{display:flex;justify-content:space-between;font-size:12px}.slider-row input{width:100%;accent-color:#8ca555;margin:12px 0 0}.sliders p{font-size:10px;line-height:1.8;color:#909783}.result-card{border:1px solid var(--line);border-radius:12px;padding:17px 20px;margin-bottom:10px}.result-card.winner{background:#f2f7e7;border-color:#c5d69e}.card-top{display:flex;justify-content:space-between;align-items:center}.card-top h3{margin:0;font-size:17px}.rank{font-size:10px;color:#7e8e61}.bar{height:5px;background:#e7eadf;border-radius:10px;margin:12px 0}.bar>i{height:100%;display:block;background:#a5bd72;border-radius:10px;transition:width .3s}.result-card p{font-size:12px;color:#777f6b;margin:7px 0;line-height:1.8}.result-card button{font-size:11px;color:#737b65;border:0;background:none;padding:5px 0;text-decoration:underline;text-underline-offset:4px}.reason{background:#f3f0f8;border-radius:10px;padding:17px 20px;font-size:12px;line-height:1.9;margin:18px 0}.reason strong{font-size:13px}.divider{border-top:1px solid var(--line);padding-top:18px;margin-top:24px}.error{color:#a45148;font-size:12px;min-height:20px}.toast{color:#6b8146;font-size:12px}dialog{border:1px solid var(--line);border-radius:18px;padding:26px;max-width:600px;width:90%;max-height:75vh}dialog::backdrop{background:#292f2860;backdrop-filter:blur(4px)}.dialog-head{display:flex;justify-content:space-between;margin-bottom:20px}.history-item{padding:16px 0;border-top:1px solid var(--line)}.history-item p{font-size:12px;color:var(--muted)}@media(min-width:1400px){.intro{padding-top:75px}}@media(max-width:1200px){header,main,footer{margin-left:6%;margin-right:6%}}@media(max-width:650px){header{height:75px}.brand-en{display:none}.intro{padding-top:38px}h1{font-size:36px;letter-spacing:-1px}.spark{font-size:37px;margin-left:10px}.eyebrow{font-size:10px;letter-spacing:0}.workspace{padding:22px 18px}.badge{font-size:9px;padding:5px 8px}h2{font-size:18px}.result-layout{grid-template-columns:1fr}.answers{grid-template-columns:1fr}.principles{gap:15px;grid-template-columns:1fr;margin:35px 0}.bottom-note{flex-direction:column;gap:8px}.hint{max-width:130px;line-height:1.8}.primary{padding:13px 16px}.primary span{margin-left:10px}footer{gap:12px;flex-direction:column}.intro p{font-size:13px}}