.dodc-app,.dodc-stats-page{max-width:1080px;margin:44px auto;padding:16px;font-family:system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#102033}.dodc-card{background:#fff;border-radius:30px;padding:34px;box-shadow:0 24px 70px rgba(15,23,42,.13)}.dodc-kicker{color:#16a34a;font-weight:900;letter-spacing:.08em;text-transform:uppercase;font-size:12px}.dodc-header h2,.dodc-stats-hero h2{font-size:clamp(30px,5vw,54px);line-height:1.08;margin:6px 0 14px}.dodc-profile label{display:block;margin-top:15px;font-weight:800}.dodc-profile input,.dodc-profile select{width:100%;padding:14px;border-radius:14px;border:1px solid #dbe3ef;margin-top:6px}.dodc-btn,.dodc-options button,.dodc-nav button{border:none;border-radius:999px;padding:14px 22px;font-weight:900;cursor:pointer}.dodc-btn{width:100%;margin-top:24px;background:#14532d;color:#fff}.dodc-progress{height:10px;background:#e5e7eb;border-radius:999px;overflow:hidden;margin-bottom:20px}#dodcProgressBar{height:100%;width:0;background:#16a34a;transition:width .3s}.dodc-quiz h3{font-size:clamp(24px,4vw,40px);line-height:1.25}.dodc-options{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:24px}.dodc-options button{background:#f0fdf4;color:#14532d}.dodc-options button:hover{background:#dcfce7}.dodc-result-hero,.dodc-stats-hero{padding:30px;border-radius:28px;background:linear-gradient(135deg,#ecfdf5,#f8fafc);box-shadow:0 18px 50px rgba(15,23,42,.08)}.dodc-result-hero h3{font-size:clamp(32px,5vw,54px);margin:4px 0}.dodc-score{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin-top:18px}.dodc-score strong{font-size:44px}.dodc-score span{font-weight:900;background:#fff;border-radius:999px;padding:10px 16px}.dodc-low{background:linear-gradient(135deg,#ecfdf5,#f8fafc)}.dodc-mild{background:linear-gradient(135deg,#fefce8,#f8fafc)}.dodc-medium{background:linear-gradient(135deg,#fff7ed,#f8fafc)}.dodc-high{background:linear-gradient(135deg,#fef2f2,#fff7ed)}.dodc-alert{margin-top:18px;padding:18px;border-radius:20px;background:#fff1f2;color:#9f1239;font-weight:800}.dodc-result-grid,.dodc-chart-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:24px}.dodc-panel,.dodc-chart-card,.dodc-rank-block,.dodc-stat{background:#fff;border:1px solid #e2e8f0;border-radius:24px;padding:24px;box-shadow:0 12px 34px rgba(15,23,42,.06)}.dodc-panel h4,.dodc-chart-card h3,.dodc-rank-block h3{margin-top:0;font-size:24px}.dodc-panel li{margin-bottom:10px}.dodc-canvas-wrap{position:relative;height:320px;min-height:320px}.dodc-disclaimer{margin-top:22px;padding:16px;border-radius:16px;background:#f8fafc;color:#475569;font-size:14px}.dodc-stat-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px;margin:24px 0}.dodc-stat span{display:block;color:#64748b;font-weight:900}.dodc-stat strong{font-size:46px}.dodc-rank{display:flex;justify-content:space-between;gap:16px;padding:15px 18px;border-radius:16px;background:#f8fafc;margin-top:10px}.dodc-rank span{font-weight:800}.dodc-rank strong{color:#16a34a}@media(max-width:760px){.dodc-card{padding:22px;border-radius:22px}.dodc-options,.dodc-result-grid,.dodc-chart-grid,.dodc-stat-grid{grid-template-columns:1fr}.dodc-canvas-wrap{height:360px}.dodc-rank{flex-direction:column}.dodc-score strong{font-size:36px}}

.dodc-options button.dodc-selected{background:#14532d;color:#fff;box-shadow:0 10px 24px rgba(20,83,45,.22)}
.dodc-loading{padding:24px;border-radius:20px;background:#f0fdf4;font-weight:900;color:#14532d;text-align:center}
.dodc-chart-fallback{display:grid;gap:10px}
.dodc-mini-bar{position:relative;overflow:hidden;border-radius:14px;background:#f1f5f9;padding:12px 14px;display:flex;justify-content:space-between;gap:12px;font-weight:800}
.dodc-mini-bar i{position:absolute;left:0;bottom:0;height:4px;background:#16a34a;display:block}
@supports (-webkit-touch-callout: none){.dodc-btn,.dodc-options button,.dodc-nav button{min-height:48px;-webkit-tap-highlight-color:rgba(22,163,74,.18)}}