*{box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{margin:0;background:#f3fafb;color:#17363e;font-family:Arial,sans-serif}main{max-width:620px;margin:auto;padding:12px}.card,header{background:#fff;border:1px solid #dbe9ec;border-radius:18px;box-shadow:0 10px 28px #00526918}header{min-height:68px;padding:5px 10px;display:flex;align-items:center;justify-content:flex-start;gap:12px;overflow:hidden}.logo{display:block;width:85px;max-width:28%;height:auto;object-fit:contain;flex:0 0 auto}.secure-badge{margin-left:auto;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:7px 11px;border:1px solid #b9e3d7;border-radius:999px;background:#effaf7;color:#17765a;font-size:12px;font-weight:900;white-space:nowrap;box-shadow:0 3px 10px #17765a12}.secure-badge svg{width:15px;height:15px;display:block;flex:0 0 auto}.hero{padding:22px 2px 15px}.hero b{font-size:12px;color:#005f79;background:#e9f7fa;padding:7px 10px;border-radius:20px}.hero h1{font-size:clamp(28px,8vw,41px);margin:12px 0 7px}.head p,.hero p{margin:0;color:#667b82;font-size:14px;line-height:1.45}.card{padding:19px 16px}label{display:block;font-size:13px;font-weight:800;margin:16px 0 8px}label:first-child{margin-top:0}.hint{display:block;margin:-3px 0 9px;color:#667b82;font-size:12px;line-height:1.45}.hide{display:none}input,select,textarea{width:100%;border:1.5px solid #dbe9ec;border-radius:14px;background:#fff;color:#17363e;font-size:15px}input,select{height:48px;padding:0 12px}textarea{min-height:128px;margin-top:14px;padding:14px;line-height:1.55;resize:vertical}input:focus,select:focus,textarea:focus{outline:0;border-color:#007c9d;box-shadow:0 0 0 3px #007c9d18}.moods{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mood-option{min-height:92px;border:1.5px solid #dbe9ec;border-radius:16px;background:#fff;color:#17363e;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;padding:10px 6px;transition:transform .15s ease,border-color .15s ease,background .15s ease,box-shadow .15s ease}.mood-option:active{transform:scale(.98)}.mood-option svg{width:44px;height:44px;display:block}.mood-option small{display:block;font-size:12px;font-weight:800;line-height:1.2}.mood-option.on{border-color:#f58025;background:#fff5ec;box-shadow:0 6px 16px #f5802520}.mood-option.on svg{transform:scale(1.04)}.count,.meta{color:#667b82;font-size:12px}.count{text-align:right;margin-top:5px}.back,.btn{width:100%;height:50px;border:0;border-radius:14px;font-weight:900;font-size:15px}.btn{margin-top:18px;color:#fff;background:#007c9d;display:flex;align-items:center;justify-content:center;text-decoration:none}.btn:disabled{opacity:.55}.orange{background:#f58025}.result{display:none}.result.show{display:block}.head{display:flex;justify-content:space-between;gap:12px}.head h2{margin:0 0 4px}.back,.new{background:#e9f7fa;color:#005f79;border:0;border-radius:10px;font-weight:800}.new{padding:8px 12px;white-space:nowrap}.back{margin-top:9px}.meta{display:flex;justify-content:space-between;margin-top:6px}.error{display:none;margin-top:12px;padding:11px 12px;border:1px solid #f2c5c5;border-radius:12px;background:#fff3f3;color:#932323;font-size:12px;line-height:1.4}.error.show{display:block}.privacy,footer{text-align:center;color:#667b82;font-size:12px;line-height:1.45}footer{padding:16px 5px}@media(max-width:420px){main{padding:10px}header{min-height:60px;padding:4px 8px;gap:9px}.logo{width:75px;max-width:26%}.secure-badge{gap:5px;padding:6px 9px;font-size:11px}.secure-badge svg{width:14px;height:14px}.moods{gap:7px}.mood-option{min-height:86px;padding:8px 4px}.mood-option svg{width:40px;height:40px}.mood-option small{font-size:11px}.head{align-items:flex-start}.new{padding:8px 9px}}