:root{--bg:#f7f7f5;--ink:#171816;--muted:#74766f;--line:#e5e5df;--card:#fff;--soft:#f0f0ec;--accent:#111;--lime:#d8ff63;--gold:#f1b93b}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:"DM Sans",sans-serif;min-height:100vh}.grain{position:fixed;inset:0;pointer-events:none;opacity:.025;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
main{width:min(1060px,calc(100% - 34px));margin:auto}.nav{height:86px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px}.brand>b,.brand b{font-family:Manrope}.brand b{display:block;font-size:14px}.brand small{display:block;color:#8a8b84;font-size:9px;margin-top:2px}.mark{width:36px;height:36px;background:#111;border-radius:11px;display:flex;align-items:center;justify-content:center;gap:3px}.mark i{display:block;background:var(--lime);width:3px;border-radius:4px}.mark i:nth-child(1){height:9px}.mark i:nth-child(2){height:15px}.mark i:nth-child(3){height:12px}.secure{font-size:9px;color:#85867f;border:1px solid var(--line);border-radius:100px;padding:7px 10px}.secure span{display:inline-block;width:5px;height:5px;background:#55b877;border-radius:50%;margin-right:5px}
.screen{max-width:720px;margin:0 auto;padding:60px 0 45px}.intro{text-align:center}.eyebrow{font-size:9px;font-weight:800;letter-spacing:.18em;color:#96978f}.intro h1{font:800 clamp(45px,7vw,72px)/.98 Manrope;margin:17px 0 20px;letter-spacing:-.065em}.intro h1 span{color:#92938d}.intro p{max-width:440px;margin:auto;color:var(--muted);font-size:13px;line-height:1.7}.flow-card{background:var(--card);border:1px solid #e9e9e3;border-radius:27px;margin-top:38px;padding:27px;box-shadow:0 22px 70px #2221110b}.topline{display:flex;justify-content:space-between;color:#aaaBA4;font-size:8px;text-transform:uppercase;letter-spacing:.13em;border-bottom:1px solid var(--line);padding-bottom:18px}.rating-title{display:flex;justify-content:space-between;align-items:end;margin-top:25px;margin-bottom:12px}.rating-title b{font:700 15px Manrope}.rating-title span{font-size:9px;color:#a1a29c}.stars{display:grid;grid-template-columns:repeat(5,1fr);gap:7px}.stars button{height:70px;border:1px solid var(--line);background:#fafaf8;border-radius:16px;cursor:pointer;color:#c9c9c2;transition:.18s;display:flex;flex-direction:column;align-items:center;justify-content:center}.stars strong{font-size:25px;line-height:1}.stars small{font-size:8px;margin-top:5px;color:#b0b1aa}.stars button:hover{transform:translateY(-2px);border-color:#cfcfc6}.stars button.active{background:#111;color:var(--lime);border-color:#111;box-shadow:0 8px 20px #1112}.stars button.active small{color:#fff}.section{margin-top:26px}.section-label{font-size:10px;font-weight:700;margin-bottom:10px}.section-label small{color:#aaa;font-weight:400;margin-left:4px}.chips{display:flex;flex-wrap:wrap;gap:7px}.chips button{border:1px solid var(--line);background:#fff;border-radius:100px;padding:9px 12px;color:#777970;font-size:9px;cursor:pointer;transition:.16s}.chips button.selected{background:#111;color:#fff;border-color:#111}.notes{position:relative}.notes textarea{display:block;width:100%;height:95px;resize:none;border:1px solid var(--line);border-radius:15px;background:#fafaf8;padding:13px;color:#333;outline:none;font-size:11px;line-height:1.6}.notes textarea:focus,#review:focus{border-color:#999;box-shadow:0 0 0 3px #1111}.notes textarea::placeholder{color:#b3b4ad}.counter{position:absolute;right:11px;bottom:9px;color:#b0b1aa;font-size:8px}.continue{height:51px;border:0;border-radius:14px;background:#111;color:#fff;width:100%;margin-top:17px;display:flex;justify-content:space-between;align-items:center;padding:0 15px;font-size:10px;font-weight:700;cursor:pointer;transition:.18s}.continue:hover{background:#2a2b27;transform:translateY(-1px)}.continue b{font-size:17px;font-weight:400}.tiny{text-align:center;color:#aaaBA4;font-size:8px;margin-top:11px}.tiny span{color:#888}
.hidden{display:none!important}.error{background:#fff1f1;border:1px solid #f0d1d1;color:#a64a4a;border-radius:10px;padding:9px;font-size:9px;margin-top:13px}.result-screen{max-width:650px;padding-top:85px}.result-head{display:flex;align-items:center;gap:13px}.success-dot{width:37px;height:37px;background:#111;color:var(--lime);display:grid;place-items:center;border-radius:50%;font-weight:800}.result-head h2{font:800 27px Manrope;letter-spacing:-.045em;margin:5px 0 0}.result-sub{color:var(--muted);font-size:11px;margin:12px 0 22px;line-height:1.6}.review-editor{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:#fff}.editor-bar{height:36px;display:flex;align-items:center;justify-content:space-between;padding:0 12px;border-bottom:1px solid var(--line);font-size:8px;color:#999b94}.editor-bar span:first-child{display:flex;gap:6px;align-items:center}.editor-bar i{width:5px;height:5px;background:#111;border-radius:50%}#review{display:block;width:100%;height:185px;resize:none;border:0;outline:none;padding:15px;color:#272823;font-size:12px;line-height:1.7}.editor-actions{display:flex;gap:8px;margin-top:8px}.secondary{border:1px solid var(--line);background:#fff;color:#70726c;border-radius:11px;padding:9px 12px;font-size:9px;cursor:pointer}.secondary:hover{background:#f3f3ef}.google-card{margin-top:21px;background:#111;color:#fff;border-radius:18px;padding:17px}.google-title{display:flex;align-items:center;gap:10px;margin-bottom:13px}.google-g{width:31px;height:31px;border-radius:10px;background:#fff;color:#111;display:grid;place-items:center;font:bold 17px Arial}.google-title b{display:block;font-size:10px}.google-title small{display:block;color:#9d9f98;font-size:8px;margin-top:2px}.google-button{width:100%;height:43px;background:var(--lime);color:#111;border:0;border-radius:11px;font-size:10px;font-weight:800;display:flex;justify-content:space-between;align-items:center;padding:0 13px;cursor:pointer}.google-button:hover{filter:brightness(.96)}.google-button span{font-size:16px}.helper{text-align:center;color:#a1a29c;font-size:8px;line-height:1.55;margin:10px 20px}.done{text-align:center;padding-top:105px}.done-ring{width:66px;height:66px;background:#111;color:var(--lime);border-radius:50%;display:grid;place-items:center;font-size:25px;margin:0 auto 20px}.done h2{font:800 39px/1.03 Manrope;letter-spacing:-.055em;margin:15px 0}.done p{max-width:380px;margin:auto;color:var(--muted);font-size:11px;line-height:1.7}.restart{max-width:210px;margin:24px auto 0}footer{text-align:center;color:#aaaBA4;font-size:8px;padding:0 0 25px}footer span{margin:0 5px}
@media(max-width:600px){main{width:calc(100% - 20px)}.nav{height:70px}.screen{padding:45px 0 30px}.intro h1{font-size:45px}.flow-card{margin-top:28px;padding:20px;border-radius:22px}.stars{gap:4px}.stars button{height:64px}.stars strong{font-size:23px}.rating-title b{font-size:13px}.result-screen{padding-top:55px}.done{padding-top:75px}.done h2{font-size:34px}}