:root{--ink:#242a26;--muted:#7b837e;--line:#e5e9e5;--green:#315c50;--green-soft:#eef4f0;--paper:#fff;--page:#f7f8f6}
*{box-sizing:border-box}body{margin:0;padding:22px 14px;background:var(--page);color:var(--ink);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;min-height:100vh;-webkit-font-smoothing:antialiased}
.container{max-width:460px;margin:0 auto}.card{background:var(--paper);border:1px solid var(--line);border-radius:13px;overflow:hidden}.header{padding:21px 23px 16px;border-bottom:1px solid var(--line)}.google-logo{font-size:19px;font-weight:750;letter-spacing:-1.2px;margin-bottom:10px}.google-logo span:nth-child(1){color:#4285F4}.google-logo span:nth-child(2){color:#EA4335}.google-logo span:nth-child(3){color:#FBBC05}.google-logo span:nth-child(4){color:#4285F4}.google-logo span:nth-child(5){color:#34A853}.google-logo span:nth-child(6){color:#EA4335}
h1{font-size:19px;line-height:1.3;margin:0 0 4px;font-weight:680;letter-spacing:-.3px}.subtitle{font-size:12px;color:var(--muted);line-height:1.5;margin:0}.content{padding:18px 23px 22px}.business-name{font-size:15px;font-weight:700;margin-bottom:3px}.intro{font-size:12px;color:var(--muted);margin-bottom:20px;line-height:1.5}
.field{margin-bottom:17px}.field-title{font-size:13px;font-weight:650;margin-bottom:4px}.field-hint{font-size:11px;color:var(--muted);margin-bottom:9px}.options{display:flex;flex-wrap:wrap;gap:7px}.option{position:relative;display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);border-radius:7px;padding:9px 11px;min-height:37px;background:#fff;color:#465049;font-size:12px;cursor:pointer;user-select:none;transition:.15s}.option:has(input:checked){border-color:var(--green);background:var(--green-soft);color:var(--green)}.option input{position:absolute;opacity:0;inset:0;width:100%;height:100%;margin:0;cursor:pointer}.custom-check{width:14px;height:14px;border:1px solid #c7d0c9;border-radius:4px;flex:0 0 14px;background:#fff;pointer-events:none}.option:has(input:checked) .custom-check{background:var(--green);border-color:var(--green);position:relative}.option:has(input:checked) .custom-check:after{content:"✓";position:absolute;color:white;font-size:10px;left:2px;top:-1px}
.q-product .options{gap:7px}.q-product .option{padding:9px 10px}.answer-select,.language-select{width:100%;height:41px;border:1px solid var(--line);border-radius:7px;background:#fff;color:var(--ink);padding:0 11px;font:inherit;font-size:12px;outline:none}.answer-select:focus,.language-select:focus,#reviewText:focus{border-color:#91aa9c;box-shadow:0 0 0 2px rgba(49,92,80,.07)}
.language-field{padding-top:1px}.primary-btn,.secondary-btn,.submit-btn{width:100%;display:flex;justify-content:center;align-items:center;gap:7px;border-radius:7px;padding:12px 14px;font:inherit;font-size:13px;font-weight:650;cursor:pointer}.primary-btn{background:var(--green);border:1px solid var(--green);color:white;margin-top:4px}.primary-btn:hover,.submit-btn:hover{background:#25483f}.secondary-btn{margin-top:9px;background:white;border:1px solid var(--line);color:var(--green)}.submit-btn{margin-top:8px;background:var(--green);border:1px solid var(--green);color:white;min-height:43px}button:disabled{opacity:.55;cursor:not-allowed}
.result{margin-top:20px;padding-top:18px;border-top:1px solid var(--line)}.result-title{font-size:14px;font-weight:700;margin-bottom:4px}.result-description{font-size:11.5px;color:var(--muted);margin-bottom:9px;line-height:1.5}#reviewText{display:block;width:100%;min-height:132px;resize:vertical;border:1px solid var(--line);border-radius:7px;padding:11px;background:#fff;color:var(--ink);font:inherit;font-size:12.5px;line-height:1.6;outline:none}.character-count{text-align:right;color:var(--muted);font-size:10px;margin-top:4px}.status{display:none;margin-top:11px;padding:9px 10px;border-radius:6px;font-size:11.5px;line-height:1.5}.status.info{display:block;background:#f0f4f7;color:#38566b}.status.success{display:block;background:#eff5f0;color:#315c50}.status.error{display:block;background:#fbf1ef;color:#a34435}.notice{font-size:10px;line-height:1.5;color:var(--muted);text-align:center;margin:11px 0 0}.footer{font-size:10px;color:#929a94;text-align:center;padding:12px 5px 0}[hidden]{display:none!important}
@media(max-width:480px){body{padding:10px 8px 18px}.header{padding:18px 16px 14px}.content{padding:16px 16px 19px}.option{font-size:11.5px;padding:8px 9px}.field{margin-bottom:15px}}