@keyframes fadeIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}@keyframes bloom{0%{transform:scale(1) rotate(0deg)}40%{transform:scale(1.12) rotate(15deg)}to{transform:scale(1) rotate(0deg)}}.quiz-page{min-height:100vh;background:linear-gradient(150deg,#fce4f6,#e8f4fd 55%,#f0fdf9);padding:52px 20px 0;flex-direction:column}.quiz-main,.quiz-page{display:flex;align-items:center}.quiz-main{flex:1 1;width:100%;flex-direction:column;gap:32px;padding-bottom:120px}.quiz-title{font-size:1.5rem;font-weight:700;color:#2d1b4e;letter-spacing:.14em}.quiz-theme{font-size:.8125rem;letter-spacing:.3em;color:#b39ddb;margin-top:-20px;padding:5px 18px;border:.5px solid rgba(212,175,55,.5);border-radius:20px;background:hsla(0,0%,100%,.45);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.quiz-section-title{font-weight:600;letter-spacing:.14em;margin-top:12px}.quiz-loading,.quiz-section-title{font-size:.9375rem;color:#b39ddb}.quiz-grid{gap:18px;width:100%;max-width:560px}.quiz-card,.quiz-grid{display:flex;flex-direction:column}.quiz-card{background:hsla(0,0%,100%,.88);border:2px solid rgba(201,184,255,.55);border-radius:24px;padding:26px;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 4px 24px rgba(177,151,252,.08),0 1px 4px rgba(0,0,0,.04);animation:fadeIn .5s ease both;gap:20px}.quiz-card__header{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.quiz-card__slot{padding:3px 11px;border-radius:20px;font-size:.6875rem;letter-spacing:.07em;font-weight:700;flex-shrink:0}.quiz-card__category{color:#b39ddb;font-size:.6875rem;flex:1 1}.quiz-card__diff{display:flex;align-items:center;gap:6px;padding:3px 10px;border-radius:10px;font-size:.6875rem;font-weight:700;flex-shrink:0}.quiz-card__diff-label{font-size:.6875rem;font-weight:400;opacity:.6;letter-spacing:.05em}.quiz-card__question{color:#2d1b4e;font-size:.9375rem;line-height:1.8;letter-spacing:.02em;font-weight:500;padding:8px 0}.quiz-card__choices{display:flex;flex-direction:row;gap:9px;padding:4px 0 8px}.choice-btn{flex:1 1;padding:20px 10px;border-radius:14px;font-family:Hiragino Kaku Gothic ProN,Noto Sans JP,sans-serif;font-size:.9375rem;cursor:pointer;transition:filter .15s,transform .12s;text-align:center;line-height:1.6;font-weight:500}.choice-btn:not(:disabled):hover{filter:brightness(1.04) saturate(1.15);transform:translateX(4px)}.choice-btn__label{opacity:.45;margin-right:8px;font-size:.6875rem;font-weight:800}.quiz-result{border-top:2px solid rgba(201,184,255,.35);padding-top:14px;display:flex;flex-direction:column;gap:10px;animation:fadeIn .35s ease both}.quiz-result__verdict{font-weight:700;font-size:1.25rem;text-align:center}.quiz-result__verdict--correct{color:#2f9e44}.quiz-result__verdict--wrong{color:#c92a2a}.quiz-result__explanation{color:#7c5cbf;font-size:.8125rem;line-height:1.8}.flower-btn{position:fixed;bottom:28px;right:28px;width:64px;height:64px;border-radius:50%;background:rgba(255,200,220,.55);border:2px solid rgba(255,179,209,.65);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);display:flex;align-items:center;justify-content:center;text-decoration:none;transition:background .2s,transform .2s;z-index:100;box-shadow:0 4px 18px rgba(255,179,209,.35)}.flower-btn__label{position:absolute;bottom:-8px;left:50%;transform:translateX(-50%);font-size:.6875rem;font-weight:700;color:#2d1b4e;background:hsla(0,0%,100%,.18);border:.5px solid rgba(212,175,55,.7);-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border-radius:20px;padding:3px 12px;white-space:nowrap;letter-spacing:.08em;text-shadow:0 1px 4px hsla(0,0%,100%,.9);pointer-events:none}.flower-btn:hover{background:rgba(255,200,220,.8);animation:bloom .55s ease forwards}