.timer-visual{position:relative;display:grid;width:min(360px,90vw);aspect-ratio:1;margin:1rem auto;place-items:center;border:1px solid var(--line);border-radius:50%;background:conic-gradient(var(--copper) 0 25%,var(--copper-warm) 25% 50%,var(--moss) 50% 75%,var(--ink) 75% 100%);box-shadow:var(--shadow);transition:transform .18s ease}.timer-visual:hover{transform:translateY(-2px)}.timer-visual:before{position:absolute;inset:16%;border-radius:50%;background:var(--paper);content:""}.timer-core{position:relative;text-align:center}.timer-core strong{display:block;color:var(--copper);font:600 clamp(3rem,10vw,5rem)/1 var(--display)}.timer-core span{color:var(--muted);font-size:.78rem}.timer-labels{display:grid;grid-template-columns:repeat(2,1fr);gap:.7rem;margin-top:1.2rem}.timer-labels span{padding:.8rem;border:1px solid var(--line);border-radius:14px;background:var(--ivory);font-size:.78rem}.proof-triangle{position:relative;display:grid;width:min(520px,100%);min-height:380px;margin:auto;place-items:center}.proof-triangle:before{position:absolute;width:72%;aspect-ratio:1;clip-path:polygon(50% 0,100% 100%,0 100%);background:linear-gradient(145deg,rgba(194,90,44,.18),rgba(74,87,68,.18));content:""}.proof-center{position:relative;z-index:2;display:grid;width:120px;height:120px;place-items:center;border-radius:50%;background:var(--ink);color:var(--ivory);font:600 1.1rem var(--display);text-align:center}.proof-point{position:absolute;z-index:2;width:145px;padding:.9rem;border:1px solid var(--line);border-radius:16px;background:var(--paper);box-shadow:0 12px 30px rgba(20,17,14,.08);text-align:center}.proof-point b{display:block;color:var(--copper);font-family:var(--display)}.proof-point span{color:var(--muted);font-size:.72rem}.proof-point--one{top:0}.proof-point--two{bottom:0;left:0}.proof-point--three{right:0;bottom:0}.mask-card{position:relative;margin:1rem auto;padding:1.4rem;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:var(--shadow)}.mask-surface{padding:1.1rem;border-radius:15px;background:var(--ivory)}.mask-lines{display:grid;gap:.55rem}.mask-lines i{display:block;height:9px;border-radius:99px;background:rgba(20,17,14,.1)}.mask-lines i:nth-child(2){width:88%}.mask-lines i:nth-child(3){width:72%}.mask-cracks{display:grid;gap:.6rem;margin-top:1rem}.mask-cracks span{padding:.7rem;border-left:3px solid var(--alert);background:rgba(184,74,58,.06);color:var(--alert);font-size:.78rem}.checklist-card progress{width:100%;height:8px;margin-top:1rem;border:0;border-radius:99px;overflow:hidden;background:var(--ivory)}.checklist-card progress::-webkit-progress-bar{background:var(--ivory)}.checklist-card progress::-webkit-progress-value{background:var(--moss)}.checklist-card progress::-moz-progress-bar{background:var(--moss)}.checklist-result{margin:1rem 0 0;padding:1rem;border-radius:14px;background:rgba(184,74,58,.06);color:var(--alert);font-weight:600}.checklist-result.is-complete{background:rgba(74,87,68,.08);color:var(--moss)}.diagnostic{display:grid;gap:.8rem;margin-top:2rem}.diagnostic-card{padding:1rem;border:1px solid var(--line);border-radius:16px;background:var(--paper)}.diagnostic-card>strong,.diagnostic-card>legend{display:block;margin-bottom:.7rem;font-family:var(--display);font-weight:600}.diagnostic-options{display:flex;flex-wrap:wrap;gap:.45rem}.diagnostic-options label{display:flex;align-items:center;gap:.35rem;padding:.5rem .65rem;border:1px solid var(--line);border-radius:999px;cursor:pointer;font-size:.75rem}.diagnostic-options input{accent-color:var(--moss)}.diagnostic-summary{padding:1rem;border-left:3px solid var(--copper);background:rgba(194,90,44,.06)}@media(max-width:520px){.proof-triangle{min-height:520px}.proof-point--one{top:0}.proof-point--two{bottom:105px;left:0}.proof-point--three{right:0;bottom:0}.proof-center{width:105px;height:105px}.timer-labels{grid-template-columns:1fr}.diagnostic-options{align-items:stretch;flex-direction:column}.diagnostic-options label{min-height:44px;border-radius:12px}}@media(prefers-reduced-motion:reduce){.timer-visual{transition:none}.timer-visual:hover{transform:none}}
