body.dc-quiz-active .share-toggle-row{visibility:hidden;pointer-events:none}.dc-page-card{padding:0}.dc-progress{padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.dc-progress__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--space-2);gap:var(--space-3)}.dc-progress__text{font-size:var(--text-sm);font-weight:700;color:var(--color-text-muted);font-feature-settings:"tnum"}.dc-progress__hint{font-size:var(--text-sm);color:var(--color-text-faint)}.dc-progress__bar{height:6px;background:var(--color-border);border-radius:var(--radius-full);overflow:hidden}.dc-progress__fill{height:100%;background:linear-gradient(90deg,var(--color-primary-300) 0%,var(--color-primary) 100%);border-radius:var(--radius-full);transition:width .35s cubic-bezier(.4,0,.2,1)}.dc-progress--done .dc-progress__fill{background:var(--color-success)}.dc-quiz{display:flex;flex-direction:column}.dc-questions{padding:var(--space-5) var(--space-6) var(--space-4)}.dc-question-card{display:flex;flex-direction:column;gap:var(--space-4)}.dc-q-num{display:inline-flex;align-items:center;gap:var(--space-2);padding:4px var(--space-3);background:var(--color-primary-light);border:1px solid var(--color-primary-mid);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;color:var(--color-primary);width:fit-content}.dc-q-num:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--color-primary);flex-shrink:0}.dc-q-text{font-size:var(--text-md);font-weight:600;color:var(--color-text);line-height:1.65}.dc-scale{display:grid;grid-template-columns:repeat(5,1fr);gap:var(--space-2);margin-top:var(--space-3)}.dc-scale-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-1);padding:var(--space-3) var(--space-1);min-height:68px;background:var(--color-surface);border:1.5px solid var(--color-border);border-radius:var(--radius-lg);cursor:pointer;transition:border-color .15s,background .15s,box-shadow .15s,transform .1s;touch-action:manipulation;position:relative}.dc-scale-btn:hover{border-color:var(--color-primary-300);background:var(--color-primary-light);transform:translateY(-1px)}.dc-scale-btn:active{transform:translateY(0)}.dc-scale-btn--selected{border-color:var(--color-primary);background:var(--color-primary-light);box-shadow:0 0 0 3px var(--color-primary-mid)}.dc-scale-btn--selected:after{content:"";position:absolute;top:5px;right:5px;width:7px;height:7px;border-radius:50%;background:var(--color-primary)}.dc-scale-num{font-family:var(--font-number);font-size:var(--text-lg);font-weight:700;color:var(--color-text-muted);line-height:1}.dc-scale-btn--selected .dc-scale-num,.dc-scale-btn:hover .dc-scale-num{color:var(--color-primary)}.dc-scale-label{font-size:var(--text-sm);color:var(--color-text-faint);text-align:center;line-height:1.3;word-break:keep-all}.dc-scale-btn--selected .dc-scale-label{color:var(--color-primary)}.dc-back-btn{align-self:flex-start;display:inline-flex;align-items:center;gap:var(--space-1);padding:var(--space-2) var(--space-4);margin:var(--space-2) var(--space-6) var(--space-5);background:none;border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);color:var(--color-text-muted);cursor:pointer;transition:all var(--transition)}.dc-back-btn:hover{border-color:var(--color-primary);color:var(--color-primary)}.dc-noscript{background:color-mix(in srgb,var(--color-warning) 8%,var(--color-surface-alt));border-left:3px solid var(--color-warning);border-radius:var(--radius-sm);padding:var(--space-3) var(--space-4);margin:0 var(--space-6) var(--space-5);font-size:var(--text-sm);color:var(--color-text-muted)}.dc-result{display:flex;flex-direction:column}.dc-result-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-5);padding:var(--space-5) var(--space-6);align-items:start}.dc-score-section{display:flex;flex-direction:column;gap:var(--space-5)}.dc-total-wrap{--ring-color: var(--color-primary);position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-3);padding:var(--space-5) var(--space-4) var(--space-5);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);overflow:hidden}.dc-total-wrap:before{content:"";position:absolute;top:-40%;right:-20%;width:70%;height:70%;border-radius:50%;background:radial-gradient(closest-side,color-mix(in srgb,var(--ring-color) 12%,transparent) 0%,transparent 100%);pointer-events:none;z-index:0}.dc-total-wrap>*{position:relative;z-index:1}.dc-total-wrap--low{--ring-color: var(--color-danger)}.dc-total-wrap--mid{--ring-color: var(--color-warning-400)}.dc-total-wrap--high{--ring-color: var(--color-success)}.dc-total-label{font-size:var(--text-base);font-weight:600;color:var(--color-text-faint);letter-spacing:.3px}.dc-ring-wrap{position:relative;width:180px;height:180px;will-change:transform}.dc-ring{width:100%;height:100%;transform:rotate(-90deg);display:block}.dc-ring__track{fill:none;stroke:var(--color-border);stroke-width:12}.dc-ring__bar{fill:none;stroke:var(--ring-color);stroke-width:12;stroke-linecap:round;stroke-dasharray:471.24;stroke-dashoffset:calc(471.24 * (1 - var(--dc-score-pct, 0) / 100));transition:stroke-dashoffset 1.1s cubic-bezier(.4,0,.2,1)}.dc-ring__center{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:0}.dc-ring__center .dc-total-score{font-family:var(--font-number);font-size:2.75rem;font-weight:800;font-feature-settings:"tnum";letter-spacing:-.03em;line-height:1;color:var(--color-text)}.dc-total-wrap--low .dc-ring__center .dc-total-score{color:var(--color-danger)}.dc-total-wrap--mid .dc-ring__center .dc-total-score{color:var(--color-warning-400)}.dc-total-wrap--high .dc-ring__center .dc-total-score{color:var(--color-success)}.dc-ring__center .dc-total-denom{font-size:var(--text-sm);color:var(--color-text-faint);font-feature-settings:"tnum";letter-spacing:.3px;margin-top:3px}.dc-grade-badge{display:inline-flex;align-items:center;gap:5px;padding:5px var(--space-3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;letter-spacing:.2px}.dc-grade-badge:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:currentColor}.dc-grade-badge--low{background:color-mix(in srgb,var(--color-danger) 10%,transparent);color:var(--color-danger)}.dc-grade-badge--mid{background:color-mix(in srgb,var(--color-warning) 12%,transparent);color:var(--color-warning-400)}.dc-grade-badge--high{background:color-mix(in srgb,var(--color-success) 10%,transparent);color:var(--color-success)}.dc-axis-bars{display:flex;flex-direction:column;gap:var(--space-2);counter-reset:axis-n;padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}.dc-axis-bar-row{display:grid;grid-template-columns:5rem 1fr 2.4rem;align-items:center;gap:var(--space-2);counter-increment:axis-n;cursor:pointer}.dc-axis-bar-label{display:flex;align-items:center;gap:6px;font-size:var(--text-sm);color:var(--color-text-muted);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.dc-axis-bar-label:before{content:counter(axis-n);flex-shrink:0;font-size:var(--text-xs);font-weight:600;font-family:var(--font-number);color:var(--color-text-faint)}.dc-axis-bar-row--low .dc-axis-bar-val{color:var(--color-danger)}.dc-axis-bar-row--mid .dc-axis-bar-val{color:var(--color-warning-400)}.dc-axis-bar-row--high .dc-axis-bar-val{color:var(--color-success)}.dc-axis-bar-track{height:8px;background:var(--color-surface-alt);border-radius:var(--radius-full);overflow:hidden;position:relative}.dc-axis-bar-fill{height:100%;border-radius:var(--radius-full);transition:width .7s cubic-bezier(.4,0,.2,1);position:relative}.dc-axis-bar-fill--low{background:linear-gradient(to bottom,#ffffff6b,#ffffff1a,#0000000f),linear-gradient(to right,color-mix(in srgb,var(--color-danger) 42%,transparent) 0%,var(--color-danger) 100%)}.dc-axis-bar-fill--mid{background:linear-gradient(to bottom,#ffffff6b,#ffffff1a,#0000000f),linear-gradient(to right,color-mix(in srgb,var(--color-warning-400) 42%,transparent) 0%,var(--color-warning-400) 100%)}.dc-axis-bar-fill--high{background:linear-gradient(to bottom,#ffffff6b,#ffffff1a,#0000000f),linear-gradient(to right,color-mix(in srgb,var(--color-success) 42%,transparent) 0%,var(--color-success) 100%)}.dc-axis-bar-val{font-family:var(--font-number);font-size:var(--text-sm);font-weight:700;font-feature-settings:"tnum";color:var(--color-text-muted);text-align:right}.dc-radar-wrap{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;width:100%;padding:var(--space-5) var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);align-self:stretch;min-height:100%;overflow:visible}.dc-radar-label{font-size:var(--text-base);font-weight:600;color:var(--color-text-faint);letter-spacing:.3px;margin-bottom:var(--space-8);width:100%;text-align:center}.dc-radar-wrap svg{width:100%;max-width:480px;height:auto}.dc-reco-section{padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border)}.dc-section-title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:700;color:var(--color-text);margin-bottom:var(--space-4)}.dc-section-title svg,.dc-section-title i{width:1rem;height:1rem;flex-shrink:0}.dc-reco-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-3)}.dc-reco-card{position:relative;display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-4);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);transition:box-shadow var(--transition),transform var(--transition),border-color var(--transition)}.dc-reco-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:var(--color-text-muted)}.dc-reco-card--first{background:var(--gradient-result-head-primary);border:1px solid var(--color-primary);box-shadow:0 0 0 1px var(--color-result-head-border-primary),0 4px 14px -6px color-mix(in srgb,var(--color-primary) 30%,transparent)}.dc-reco-card--first:hover{box-shadow:0 0 0 1px color-mix(in srgb,var(--color-primary) 40%,transparent),0 8px 22px -6px color-mix(in srgb,var(--color-primary) 35%,transparent)}.dc-reco-rank{font-size:var(--text-xs);font-weight:700;color:var(--color-text-faint);text-transform:uppercase;letter-spacing:.6px}.dc-reco-card--first .dc-reco-rank{color:var(--color-primary)}.dc-reco-name{font-size:var(--text-md);font-weight:700;color:var(--color-text);line-height:1.4}.dc-reco-reason{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.55;flex:1}.dc-reco-btn{display:inline-flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-3);background:var(--color-surface-alt);border:1px solid var(--color-border);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;color:var(--color-text-muted);text-decoration:none;transition:all var(--transition);margin-top:auto}.dc-reco-btn:hover{border-color:var(--color-text-muted);color:var(--color-text)}.dc-reco-btn--primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-text-inverse)}.dc-reco-btn--primary:hover{background:var(--color-primary-hover);border-color:var(--color-primary-hover);color:var(--color-text-inverse)}.dc-insight-box{padding:var(--space-5) var(--space-6);border-top:1px solid var(--color-border)}.dc-insight-box__title{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-md);font-weight:700;color:var(--color-text);margin-bottom:var(--space-4)}.dc-insight-box__title svg,.dc-insight-box__title i{width:1rem;height:1rem;flex-shrink:0}.dc-insight-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:var(--space-3)}.dc-insight-item{padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);border-left:3px solid var(--color-border);background:var(--color-surface-alt)}.dc-insight-item--verdict.dc-insight-item--low{border-left-color:var(--color-danger);background:color-mix(in srgb,var(--color-danger) 5%,var(--color-surface))}.dc-insight-item--verdict.dc-insight-item--mid{border-left-color:var(--color-warning-400);background:color-mix(in srgb,var(--color-warning) 5%,var(--color-surface))}.dc-insight-item--verdict.dc-insight-item--high{border-left-color:var(--color-success);background:color-mix(in srgb,var(--color-success) 5%,var(--color-surface))}.dc-insight-item--strong{border-left-color:var(--color-success)}.dc-insight-item--weak{border-left-color:var(--color-danger)}.dc-insight-item b{display:block;font-size:var(--text-base);font-weight:700;color:var(--color-text);line-height:1.4;margin-bottom:var(--space-1)}.dc-insight-body{display:block;font-size:var(--text-sm);color:var(--color-text-faint);line-height:1.65}@media (max-width: 767px){.dc-progress{padding:var(--space-3) var(--space-4)}.dc-questions{padding:var(--space-4) var(--space-4) var(--space-3)}.dc-scale{margin-top:var(--space-3)}.dc-back-btn{margin-left:var(--space-4);margin-right:var(--space-4)}.dc-result-grid{grid-template-columns:1fr;gap:var(--space-4);padding:var(--space-4)}.dc-reco-grid{grid-template-columns:1fr}.dc-reco-section,.dc-insight-box{padding:var(--space-4)}.dc-ring-wrap{width:160px;height:160px}.dc-ring__center .dc-total-score{font-size:2.5rem}.dc-section-title,.dc-insight-box__title,.dc-reco-name{font-size:var(--text-base)}.dc-insight-item b{font-size:var(--text-sm)}}@media (max-width: 480px){.dc-scale{gap:var(--space-1)}.dc-scale-btn{padding:var(--space-2) var(--space-1);min-height:76px}.dc-scale-num{font-size:var(--text-md)}.dc-scale-label{font-size:var(--text-xs);height:2.6em;overflow:hidden}.dc-q-text{font-size:var(--text-base)}.dc-axis-bar-row{grid-template-columns:4rem 1fr 2.2rem}}@media (max-width: 360px){.dc-progress,.dc-questions{padding:var(--space-3)}.dc-back-btn{margin-left:var(--space-3)}.dc-scale-btn{min-height:70px}.dc-scale-label{font-size:var(--text-xs);height:2.6em;overflow:hidden}.dc-result-grid,.dc-reco-section,.dc-insight-box{padding:var(--space-3)}.dc-ring-wrap{width:140px;height:140px}.dc-ring__center .dc-total-score{font-size:2.5rem}}@keyframes dc-fade-up{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}.dc-result-animate{animation:dc-fade-up .42s cubic-bezier(.22,1,.36,1) both}@keyframes dc-badge-pop{0%{transform:scale(1)}45%{transform:scale(1.2)}75%{transform:scale(.93)}to{transform:scale(1)}}.dc-grade-badge--pop{animation:dc-badge-pop .55s cubic-bezier(.34,1.56,.64,1) 1.15s both}@keyframes dc-ring-pulse{0%,to{stroke-width:12;opacity:1}50%{stroke-width:16;opacity:.82}}.dc-ring__bar--pulse{animation:dc-ring-pulse .95s ease-in-out 1.1s}.dc-total-score{transition:transform .1s}.dc-total-score--tick{transform:scale(1.04)}.dc-axis-bar-row{border-radius:var(--radius-sm);padding:4px 6px;margin:0 -6px;transition:background .13s;cursor:default}.dc-axis-bar-row:hover{background:color-mix(in srgb,var(--color-primary) 6%,transparent)}.dc-radar-dot{cursor:pointer}.dc-radar-tip{position:fixed;padding:5px 11px;background:var(--color-text);color:var(--color-surface);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:700;white-space:nowrap;pointer-events:none;z-index:2000;opacity:0;transform:translateY(4px) scale(.92);transition:opacity .12s,transform .12s;box-shadow:var(--shadow-md)}.dc-radar-tip--show{opacity:1;transform:translateY(0) scale(1)}.dc-insight-item{transition:transform .14s;cursor:default}.dc-insight-item:hover{transform:translate(4px)}