:root{--radius-xs:10px;--radius-sm:15px
}body{font-family:"Hiragino Kaku Gothic ProN", "Yu Gothic", "Meiryo", sans-serif;background:var(--color-background);color:var(--color-text);overflow-x:hidden
}.page{width:min(100%, var(--max));max-width:var(--max);margin:0 auto;overflow-x:clip
}.quiz-body{padding:20px;background:var(--color-white)
}.title-up,
.title-dw{white-space:nowrap
}.title-dw{padding:5px 0 0;color:var(--color-text);font-size:25px;font-weight:bold
}.quiz-control-block,
.quiz-main-block{padding:15px;border:1.75px solid var(--color-primary);border-radius:var(--radius-xs);background:var(--color-white);box-shadow:var(--shadow-card)
}.quiz-control-block{margin-bottom:15px
}.quiz-controls{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px
}.quiz-control-item{display:grid;grid-template-columns:5.5em minmax(0, 1fr);align-items:center;gap:10px;min-width:0
}.quiz-mode-item,
.quiz-difficulty-item{grid-column:1 / -1;grid-template-columns:minmax(0, 1fr);align-items:center
}.quiz-mode-item,
.quiz-difficulty-item{padding-bottom:10px;border-bottom:1.75px solid #ddd
}.quiz-control-label{color:var(--color-text);font-size:.95rem;font-weight:800;text-align:center;white-space:nowrap
}.quiz-select{width:100%;min-width:0;padding:10px 10px;border:1.75px solid var(--color-primary);border-radius:var(--radius-xs);background:var(--color-white);color:var(--color-text);font:inherit
}.quiz-radio-group{display:grid;grid-template-columns:repeat(3, minmax(0, 1fr));align-items:center;gap:10px;min-width:0;width:100%;overflow:hidden
}.quiz-radio-group.is-mode{grid-template-rows:repeat(2, auto)
}.quiz-difficulty-toggle{display:grid;grid-template-columns:5.5em minmax(0, 1fr);align-items:center;gap:10px;min-width:0
}.quiz-difficulty-switch{position:relative;display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));align-items:center;width:100%;min-height:40px;padding:5px;border:1.75px solid var(--color-primary);border-radius:999px;background:var(--color-white);color:var(--color-text);font:inherit;font-size:.92rem;font-weight:900;cursor:pointer;overflow:hidden
}.quiz-difficulty-switch::before{content:"";position:absolute;top:5px;left:5px;width:calc(50% - 5px);height:calc(100% - 5px);border-radius:999px;background:var(--color-primary);transition:transform .18s ease
}.quiz-difficulty-switch.is-hard::before{transform:translateX(100%)
}.quiz-difficulty-switch span{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-width:0;min-height:30px;color:var(--color-text);line-height:1.2;white-space:nowrap
}.quiz-difficulty-switch:not(.is-hard) .difficulty-normal,
.quiz-difficulty-switch.is-hard .difficulty-hard{color:var(--color-white)
}.quiz-radio{display:inline-flex;align-items:center;justify-content:flex-start;gap:5px;min-width:0;max-width:100%;min-height:35px;padding:5px 10px;border:1.5px solid #f1d3e2;border-radius:999px;color:var(--color-text);font-size:.95rem;font-weight:800;line-height:1.2;white-space:nowrap;cursor:pointer
}.quiz-radio input{appearance:none;-webkit-appearance:none;display:inline-grid;place-content:center;flex:0 0 15px;width:15px;height:15px;margin:0;border:1.75px solid var(--color-primary);border-radius:50%;background:var(--color-white);cursor:pointer
}.quiz-radio input::before{content:"";width:10px;height:10px;border-radius:50%;background:var(--color-primary);transform:scale(0);transition:transform .12s ease
}.quiz-radio input:checked::before{transform:scale(1)
}.quiz-radio-text{display:inline-block;min-width:0;max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap
}.quiz-radio:has(input:checked){border-color:var(--color-primary);background:#fff8fc
}.quiz-radio:has(input:checked) .quiz-radio-text{color:var(--color-primary)
}.quiz-question-box{padding:15px 15px;margin-bottom:15px;border-radius:var(--radius-xs);background:var(--quiz-question-bg, var(--color-primary))
}.quiz-question{margin:0;color:var(--color-white);font-size:1.22rem;line-height:1.9;font-weight:800;text-align:center;text-shadow:-1px -1px 0 rgba(0,0,0,.85),
         1px -1px 0 rgba(0,0,0,.85),
        -1px  1px 0 rgba(0,0,0,.85),
         1px  1px 0 rgba(0,0,0,.85),
         0 2px 4px rgba(0,0,0,.35);word-break:break-word
}.quiz-question-name,
.quiz-question-field{display:inline-block;margin:5px 5px 5px 10px;padding:1px 10px;border-radius:999px;background:var(--color-white);color:var(--color-text);font-size:1.12em;font-weight:900;line-height:1.35;text-shadow:none;box-shadow:var(--shadow-card)
}.quiz-question-field{margin-left:5px;margin-right:5px;color:var(--color-primary);letter-spacing:.04em
}.quiz-options{display:grid;grid-template-columns:repeat(2, minmax(0, 1fr));gap:10px
}.quiz-options.is-five .quiz-option:nth-child(5){grid-column:1 / -1;justify-self:center;width:min(100%, calc((100% - 10px) / 2))
}.quiz-option{display:inline-flex;align-items:stretch;gap:10px;width:100%;min-height:50px;padding:0 15px 0 0;overflow:hidden;border:1.75px solid var(--color-primary);border-radius:var(--radius-xs);background:var(--color-white);color:var(--color-text);font:inherit;font-weight:700;line-height:1.45;text-align:left;cursor:pointer;transition:transform .15s ease, background .15s ease
}.quiz-option:hover{transform:translateY(-2px);background:#fff8fc
}.quiz-option:disabled{cursor:default;opacity:1
}.quiz-option.is-correct{background:#ffd6df;border-color:#cc5c92
}.quiz-option.is-wrong{background:#d9ecfb;border-color:#8fbde2
}.quiz-option.is-selected{background:#fff0f7
}.quiz-option.is-selected .quiz-option-number{color:var(--color-text)
}.quiz-option.is-selected .quiz-option-text{color:#aaa
}.quiz-option.is-picked{background:#fff0f7;border-color:var(--color-primary)
}.quiz-option.is-picked .quiz-option-number{color:var(--color-text)
}.quiz-option-number,
.quiz-option-text,
.quiz-color-choice,
.quiz-color-unknown,
.quiz-answer-color,
.quiz-score,
.quiz-streak{display:inline-flex;align-items:center
}.quiz-option-number{align-self:stretch;justify-content:center;flex:0 0 2.35em;width:2.35em;min-height:100%;border-radius:calc(var(--radius-xs) - 1.75px) 0 0 calc(var(--radius-xs) - 1.75px);background:var(--color-primary);color:var(--color-white);font-weight:900;line-height:1
}.quiz-option-text,
.quiz-color-choice,
.quiz-color-unknown{min-width:0;padding:10px 0
}.quiz-option-text,
.quiz-color-choice{flex:1 1 auto
}.quiz-color-unknown{min-height:20px;color:var(--color-text);font-weight:800
}.quiz-color-bar{display:block;width:100%;height:20px;border:var(--choice-border, 0);border-radius:5px;background:var(--choice-color, transparent);box-shadow:none
}.quiz-result{display:none;margin-top:15px;padding:10px 15px;border:1.75px solid var(--color-primary);border-radius:var(--radius-xs);background:var(--color-white);font-size:.95rem;line-height:1.55
}.quiz-result.is-show{display:block
}.quiz-result.is-correct-result{border-color:#ff74b8;background:#fff0f7
}.quiz-result.is-wrong-result{border-color:#8fbde2;background:#eef7ff
}.quiz-result strong{font-size:1rem
}.quiz-answer-color{justify-content:center;min-width:5.6em;padding:2px 10px;border:var(--answer-color-border, 0);border-radius:5px;background:var(--answer-color, transparent);color:var(--answer-color-text, #fff);font-weight:900;line-height:1.35
}.quiz-actions{display:grid;grid-template-columns:minmax(0, .64fr) minmax(180px, .36fr);align-items:center;column-gap:10px;margin-top:15px;padding-top:15px;border-top:2px solid #ddd
}.quiz-metrics{display:grid;grid-template-columns:minmax(0, 3.5fr) minmax(0, 6.5fr);align-items:stretch;min-width:0
}.quiz-score,
.quiz-streak{flex-direction:column;justify-content:center;width:100%;min-width:0;min-height:40px;padding:5px 5px;border:1.75px solid var(--color-primary);background:var(--color-white);text-align:center;font-size:.98rem;font-weight:800;line-height:1.15;white-space:nowrap
}.quiz-metric-label,
.quiz-metric-value{display:block;min-width:0;max-width:100%;line-height:1.15;white-space:nowrap
}.quiz-metric-label{font-size:.76em
}.quiz-metric-value{margin-top:2px;font-size:1.06em
}.quiz-streak{padding-left:5px;padding-right:5px;border-radius:var(--radius-xs) 0 0 var(--radius-xs);border-right-width:0
}.quiz-score{display:grid;grid-template-columns:repeat(2, minmax(0, auto));grid-template-rows:auto auto;align-content:center;justify-content:center;column-gap:20px;row-gap:2px;padding-left:20px;padding-right:15px;border-radius:0 var(--radius-xs) var(--radius-xs) 0
}.quiz-score .quiz-metric-label,
.quiz-score .quiz-metric-value{display:block;margin-top:0;line-height:1.15;text-align:center
}.quiz-score .quiz-metric-label{grid-row:1
}.quiz-score .quiz-metric-value{grid-row:2
}.quiz-rate{margin-left:0
}.quiz-submit,
.quiz-next{align-self:center;justify-self:center;width:100%;min-width:180px;padding:10px 20px;border:0;border-radius:999px;background:var(--color-primary);color:var(--color-text);font:inherit;font-size:1.16rem;font-weight:800;cursor:pointer;transition:transform .15s ease, background .15s ease
}.quiz-submit{grid-column:1 / -1;margin-top:2px;min-width:0
}.quiz-submit.is-hidden{display:none
}.quiz-submit:hover,
.quiz-next:hover{transform:translateY(-2px);background:var(--color-primary-light)
}.quiz-submit:disabled,
.quiz-next:disabled{opacity:.55;cursor:default;transform:none
}.quiz-loading,
.quiz-error{text-align:center;font-weight:700;line-height:1.6
}@media (max-width: 768px){.quiz-wrap{padding:10px 10px 20px
    }.quiz-card-title{padding:10px;font-size:18px
    }.quiz-body,
    .quiz-control-block,
    .quiz-main-block{padding:10px
    }.main-title{margin:10px 0 10px;letter-spacing:.08em
    }.title-up{font-size:clamp(1.55rem, 7vw, 2.15rem)
    }.title-up span{padding:5px 20px
    }.title-dw{font-size:clamp(1rem, 4.5vw, 1.35rem)
    }.quiz-control-block{margin-bottom:10px
    }.quiz-controls{grid-template-columns:1fr;gap:10px
    }.quiz-control-item{gap:5px
    }.quiz-mode-item,
    .quiz-difficulty-item{grid-template-columns:minmax(0, 1fr);padding-bottom:10px
    }.quiz-radio-group{grid-template-columns:repeat(3, minmax(0, 1fr));gap:5px;overflow:hidden
    }.quiz-radio-group.is-mode{grid-template-rows:repeat(2, auto)
    }.quiz-difficulty-toggle{grid-template-columns:4.8em minmax(0, 1fr);gap:5px
    }.quiz-difficulty-switch{min-height:35px;font-size:.82rem
    }.quiz-difficulty-switch span{min-height:25px
    }.quiz-radio{min-height:30px;padding:5px 5px;gap:5px;font-size:.78rem
    }.quiz-radio input{flex-basis:15px;width:15px;height:15px
    }.quiz-radio input::before{width:5px;height:5px
    }.quiz-control-label{font-size:.88rem
    }.quiz-question-box{padding:10px 10px;margin-bottom:10px
    }.quiz-question{font-size:1.08rem;line-height:1.85
    }.quiz-question-name,
    .quiz-question-field{margin:5px 5px 5px 5px;padding:1px 10px;font-size:1.08em
    }.quiz-question-field{margin-left:5px;margin-right:5px
    }.quiz-options{gap:10px
    }.quiz-options.is-five .quiz-option:nth-child(5){width:min(100%, calc((100% - 10px) / 2))
    }.quiz-option{gap:5px;min-height:45px;padding-right:10px;font-size:.9rem
    }.quiz-option-number{flex-basis:2.15em;width:2.15em
    }.quiz-option-text,
    .quiz-color-choice,
    .quiz-color-unknown{padding-top:10px;padding-bottom:10px
    }.quiz-color-bar{height:20px
    }.quiz-result{margin-top:10px;padding:10px;font-size:.88rem
    }.quiz-answer-color{min-width:5em;padding:2px 5px
    }.quiz-actions{grid-template-columns:minmax(0, .58fr) minmax(115px, .42fr);column-gap:5px;padding-top:10px
    }.quiz-metrics{grid-template-columns:minmax(0, 3.5fr) minmax(0, 6.5fr)
    }.quiz-score,
    .quiz-streak{min-height:40px;padding:5px 5px;font-size:.74rem
    }.quiz-metric-label{font-size:.72em
    }.quiz-metric-value{margin-top:1px;font-size:1.03em
    }.quiz-score{column-gap:10px;row-gap:1px;padding-left:10px;padding-right:5px
    }.quiz-score .quiz-metric-label,
    .quiz-score .quiz-metric-value{font-size:.86em
    }.quiz-streak{padding-left:1px;padding-right:1px
    }.quiz-submit,
    .quiz-next{min-width:115px;padding:10px 10px;font-size:1.04rem
    }
}@media (max-width: 768px){.quiz-guide-card{margin-top:10px
    }.quiz-guide-body,
    .quiz-guide-section{padding:10px
    }.quiz-guide-body,
    .quiz-guide-grid{gap:10px
    }.quiz-guide-grid{grid-template-columns:1fr
    }.quiz-guide-section-title{margin-bottom:10px;padding:5px 10px;font-size:.94rem
    }.quiz-guide-text,
    .quiz-guide-list{font-size:.84rem;line-height:1.58
    }

}