.scq{padding-block:var(--space-12) var(--space-16)}.scq__container{max-width:720px}.scq__title{font-size:var(--text-4xl);color:var(--color-heading);margin-top:var(--space-2)}.scq__lead{margin-top:var(--space-4);max-width:60ch;font-size:var(--text-lg);color:var(--color-text-muted)}.scq__card{margin-top:var(--space-8);background:#fff;border:var(--border-thin) solid #ececec;border-radius:var(--radius-lg, 16px);overflow:hidden;box-shadow:0 4px 24px #20262b0f}.scq__bar{height:5px;background:#f0f0ea}.scq__bar>span{display:block;height:100%;width:0;background:#d5d800;transition:width .3s ease}.scq__body{padding:clamp(1.25rem,4vw,2rem);position:relative}.scq__step{display:none}.scq__step.is-active{display:block;animation:scqfade .25s ease}@keyframes scqfade{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}.scq__h{font-family:var(--font-display);font-size:var(--text-xl);color:var(--color-heading);margin:0 0 var(--space-1);line-height:1.25}.scq__h--sm{font-size:var(--text-lg);margin-top:var(--space-6)}.scq__sub{margin:0 0 var(--space-5);color:var(--color-text-muted);font-size:var(--text-sm)}.scq__sub--wide{max-width:38ch;margin-inline:auto}.scq__row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}.scq__field{display:flex;flex-direction:column;gap:var(--space-1);margin-bottom:var(--space-4)}.scq__field>span{font-size:var(--text-sm);color:var(--color-text-muted)}.scq__field input{width:100%;padding:.85rem .9rem;font:inherit;font-size:16px;color:var(--color-heading);background:#fafafa;border:var(--border-thin) solid #dcdcd5;border-radius:var(--radius-md, 12px)}.scq__field input:focus-visible{outline:none;border-color:#d5d800;box-shadow:0 0 0 3px #d5d80040;background:#fff}.scq__err{color:var(--color-alert, #d80068);font-size:var(--text-sm);margin:0 0 var(--space-3)}.scq__btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;width:100%;padding:1rem 1.25rem;border:0;border-radius:var(--radius-md, 12px);font-family:var(--font-display);font-weight:700;font-size:1rem;cursor:pointer}.scq__btn--primary{background:#d5d800;color:#000}.scq__btn--primary:hover{background:#c4c700}.scq__btn--primary:active{transform:scale(.99)}.scq__btn--ghost{background:#f4f4ee;color:var(--color-heading);flex:0 0 auto;width:auto;padding:1rem 1.1rem}.scq__btn[disabled]{opacity:.5;cursor:default}.scq__btnrow{display:flex;gap:var(--space-3)}.scq__qmeta{font-size:var(--text-xs);letter-spacing:.06em;color:#9aa0a4;margin:0 0 var(--space-2);text-transform:uppercase}.scq__qtitle{font-size:var(--text-xl);font-weight:600;color:var(--color-heading);line-height:1.4;margin:0 0 var(--space-2)}.scq__qhint{font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-5)}.scq__stars{display:flex;justify-content:space-between;gap:2px;margin-bottom:var(--space-2)}.scq__star{flex:1 1 0;background:none;border:0;cursor:pointer;padding:6px 0;font-size:clamp(28px,9vw,40px);line-height:1;color:#dcdcd5;transition:color .12s,transform .1s}.scq__star.is-on{color:#d5d800}.scq__star:active{transform:scale(.85)}.scq__star:focus-visible{outline:2px solid #d5d800;outline-offset:2px;border-radius:6px}.scq__scale{display:flex;justify-content:space-between;font-size:var(--text-xs);color:#9aa0a4;margin-bottom:var(--space-5)}.scq__note{margin-bottom:var(--space-5)}.scq__notelabel{display:block;font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-1)}.scq__note textarea{width:100%;margin-top:var(--space-2);padding:.75rem .9rem;font:inherit;font-size:16px;color:var(--color-heading);background:#fafafa;border:var(--border-thin) solid #dcdcd5;border-radius:var(--radius-md, 12px);resize:vertical;min-height:64px}.scq__note textarea:focus-visible{outline:none;border-color:#d5d800;box-shadow:0 0 0 3px #d5d80040;background:#fff}.scq__center{text-align:center;padding-block:var(--space-2)}.scq__badge{width:64px;height:64px;border-radius:50%;background:#fafad0;display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4)}.scq__badge svg{width:30px;height:30px}.scq__finehint{font-size:var(--text-xs);color:#9aa0a4;margin-top:var(--space-3)}.scq__resultlabel{text-align:center;font-size:var(--text-sm);color:var(--color-text-muted);margin:0 0 var(--space-3)}.scq__gauge{position:relative;width:156px;height:156px;margin:0 auto var(--space-1)}.scq__arc-anim{transition:stroke-dasharray .8s ease}.scq__gaugeval{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}.scq__score{font-family:var(--font-display);font-weight:700;font-size:40px;line-height:1;color:var(--color-heading)}.scq__scorelabel{font-size:var(--text-xs);letter-spacing:.05em;color:#9aa0a4;margin-top:3px}.scq__verdict{text-align:center;font-size:var(--text-lg);font-weight:600;color:var(--color-heading);margin:var(--space-1) 0 var(--space-6)}.scq__focusitem{display:flex;gap:12px;padding:var(--space-4) 0;border-top:var(--border-thin) solid #f1f1ea}.scq__focusitem:last-child{border-bottom:var(--border-thin) solid #f1f1ea}.scq__focusicon{flex:0 0 40px;height:40px;border-radius:11px;background:#fafad0;display:flex;align-items:center;justify-content:center}.scq__focusicon svg{width:20px;height:20px}.scq__focusbody h3{font-size:var(--text-md);font-weight:600;color:var(--color-heading);margin:0 0 6px}.scq__focusbar{height:7px;border-radius:7px;background:#ececec;overflow:hidden}.scq__focusbar>span{display:block;height:100%;background:#d5d800;border-radius:7px}.scq__focusobs{margin:6px 0 0;font-size:var(--text-sm);color:var(--color-text-muted)}.scq__confirm{display:flex;gap:10px;align-items:center;margin-top:var(--space-6);background:#f7f7f2;border-radius:var(--radius-md, 12px);padding:var(--space-4)}.scq__confirm svg{flex:0 0 22px;width:22px;height:22px}.scq__confirm p{margin:0;font-size:var(--text-sm);color:var(--color-text)}.scq__hp{position:absolute;left:-9999px;top:0;width:1px;height:1px;overflow:hidden}@media(max-width:480px){.scq__row{grid-template-columns:1fr}}
