*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}body{font-family:-apple-system,BlinkMacSystemFont,Hiragino Sans,Hiragino Kaku Gothic ProN,Noto Sans JP,Meiryo,sans-serif;background-color:#f0f4f8;color:#2d3748;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}.container{max-width:480px;margin:0 auto;padding:16px 12px 32px}.page-title{font-size:20px;font-weight:700;color:#2b6cb0;margin-bottom:16px;text-align:center}.card{background:#fff;border:1px solid #bee3f8;border-radius:12px;padding:16px;margin-bottom:14px;box-shadow:0 1px 4px #2b6cb014}.card-ai{border-color:#9ae6b4;background:#f0fff4}.card-title{font-size:14px;font-weight:700;color:#2b6cb0;margin-bottom:12px;text-transform:uppercase;letter-spacing:.04em}.card-ai .card-title{color:#276749}.summary-stats{display:flex;gap:20px;margin-bottom:12px}.stat-item{display:flex;flex-direction:column;gap:2px}.stat-label{font-size:12px;color:#718096}.stat-value{font-size:20px;font-weight:700;color:#2d3748}.stat-pct{font-size:14px;font-weight:400;color:#4a9cdf}.progress-container{display:flex;align-items:center;gap:10px}.progress-label{font-size:12px;color:#718096;white-space:nowrap;flex-shrink:0}.progress-bar{flex:1;height:8px;background-color:#ebf8ff;border-radius:9999px;overflow:hidden}.progress-fill{height:100%;background:linear-gradient(90deg,#4299e1,#38b2ac);border-radius:9999px;transition:width .4s ease;min-width:4px}.topic-list{display:flex;flex-direction:column;gap:10px}.topic-row{display:flex;align-items:center;gap:8px}.topic-name{width:76px;flex-shrink:0;font-size:13px;color:#4a5568;font-weight:500}.topic-bar-wrap{flex:1}.topic-stat{width:52px;flex-shrink:0;font-size:12px;color:#718096;text-align:right}.history-list{list-style:none;display:flex;flex-direction:column;gap:8px}.history-item{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ebf8ff;border-radius:8px;font-size:14px}.history-date{width:72px;flex-shrink:0;font-weight:600;color:#2b6cb0}.history-score{flex:1;color:#4a5568}.history-stars{font-size:13px;color:#d69e2e;letter-spacing:-1px}.empty-message{font-size:14px;color:#a0aec0;text-align:center;padding:12px 0}.ai-comment-text{font-size:15px;color:#22543d;line-height:1.7}.loading,.error{text-align:center;padding:48px 16px;font-size:15px;border-radius:12px}.loading{color:#4299e1;background:#ebf8ff}.error{color:#c53030;background:#fff5f5;border:1px solid #feb2b2}.detail-question-body{font-size:15px;line-height:1.7;margin-bottom:12px}.detail-choices{list-style:none;display:flex;flex-direction:column;gap:6px;margin-bottom:12px}.detail-choice{display:flex;align-items:center;gap:8px;padding:8px 10px;border-radius:8px;font-size:14px;background:#f7fafc;border:1px solid #e2e8f0}.detail-choice-correct{background:#f0fff4;border-color:#9ae6b4;font-weight:600}.detail-choice-wrong{background:#fff5f5;border-color:#feb2b2}.detail-choice-label{font-weight:600;color:#4a5568;flex-shrink:0}.detail-badge{margin-left:auto;font-size:11px;padding:2px 6px;border-radius:4px;font-weight:600;flex-shrink:0}.detail-badge.correct{background:#c6f6d5;color:#276749}.detail-badge.wrong{background:#fed7d7;color:#9b2c2c}.detail-result{font-size:15px;font-weight:600;text-align:center;padding:8px}.detail-explanation{font-size:14px;line-height:1.7;color:#4a5568}.detail-back-button{width:100%;padding:12px;margin-top:16px;margin-bottom:16px;border:1px solid #bee3f8;border-radius:8px;background:#ebf8ff;color:#2b6cb0;font-size:14px;font-weight:600;cursor:pointer}.loading-sub{font-size:12px;margin-top:8px;color:#888}.card-advice{border-color:#fbd38d;background:ivory}.card-advice .card-title{color:#975a16}.card-subtitle{font-weight:400;font-size:12px;color:#a0aec0}.skeleton{display:flex;flex-direction:column;gap:10px;padding:4px 0}.skeleton-line{height:14px;border-radius:4px;background:linear-gradient(90deg,#e2e8f0 25%,#edf2f7,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite}.skeleton-line-long{width:100%}.skeleton-line-medium{width:75%}.skeleton-line-short{width:50%}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}.tab-bar{display:flex;border-bottom:2px solid #bee3f8;margin-bottom:16px}.tab-bar-item{flex:1;padding:10px 0;background:none;border:none;font-size:14px;font-weight:600;color:#718096;cursor:pointer;border-bottom:2px solid transparent;margin-bottom:-2px;transition:color .15s,border-color .15s}.tab-bar-item--active{color:#2b6cb0;border-bottom-color:#2b6cb0}.history-log{display:flex;flex-direction:column;gap:16px}.history-log-day{display:flex;flex-direction:column;gap:6px}.history-log-date-header{display:flex;align-items:center;gap:8px;padding:4px 2px}.history-log-date-label{font-size:14px;font-weight:700;color:#2b6cb0}.history-log-date-count{font-size:12px;color:#718096}.history-log-list{list-style:none;display:flex;flex-direction:column;gap:6px}.history-log-item{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#fff;border:1px solid #bee3f8;border-radius:8px;cursor:pointer;box-shadow:0 1px 3px #2b6cb00f;transition:background .1s}.history-log-item:active{background:#ebf8ff}.history-log-item.skeleton-item{height:42px;background:linear-gradient(90deg,#e2e8f0 25%,#edf2f7,#e2e8f0 75%);background-size:200% 100%;animation:shimmer 1.5s infinite;cursor:default}.history-log-icon{font-size:16px;flex-shrink:0;line-height:1}.history-log-body{flex:1;font-size:13px;color:#4a5568;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.history-log-badge{display:inline-block;font-size:10px;padding:1px 4px;margin-right:4px;border-radius:3px;background:#ebf8ff;color:#2b6cb0;font-weight:600;vertical-align:middle}.history-log-chevron{font-size:18px;color:#a0aec0;flex-shrink:0;line-height:1}.detail-markdown{font-size:14px;line-height:1.8;color:#22543d}.detail-markdown h2,.detail-markdown h3{font-size:15px;font-weight:700;color:#276749;margin-top:12px;margin-bottom:4px}.detail-markdown p{margin-bottom:8px}.detail-markdown ul,.detail-markdown ol{padding-left:20px;margin-bottom:8px}.detail-markdown li{margin-bottom:4px}.detail-markdown strong{color:#276749}.detail-markdown code{background:#e6fffa;padding:1px 4px;border-radius:3px;font-size:13px}