.readiness-hub-card{width:100%;background-color:var(--color-bg-card);border:3px solid var(--color-border-strong);border-radius:16px;padding:24px;box-shadow:6px 6px 0 var(--overlay-contrast-08);transition:var(--transition-smooth);box-sizing:border-box}.readiness-hub-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1.25rem;padding-bottom:0.85rem;border-bottom:2px solid var(--color-border-strong);flex-wrap:wrap;gap:0.75rem}.readiness-hub-title{font-family:"Bricolage Grotesque",sans-serif;display:flex;align-items:center;gap:0.75rem;font-size:1.15rem;font-weight:800;color:var(--color-text-primary)}.course-select-dropdown{font-family:"Bricolage Grotesque",sans-serif;background:var(--color-bg-soft);color:var(--color-text-primary);border:2px solid var(--color-border-strong);padding:8px 14px;border-radius:10px;font-size:0.9rem;font-weight:700;cursor:pointer;outline:none;box-shadow:2px 2px 0 var(--color-border-strong);transition:all 0.15s ease}.course-select-dropdown:hover,.course-select-dropdown:focus{border-color:var(--color-accent-primary)}.readiness-course-badge{font-family:"Bricolage Grotesque",sans-serif;background:var(--color-bg-soft);color:var(--color-text-primary);border:2px solid var(--color-border-strong);padding:6px 12px;border-radius:10px;font-size:0.85rem;font-weight:700;box-shadow:2px 2px 0 var(--color-border-strong);display:inline-flex;align-items:center;gap:6px}.readiness-grid{display:grid;grid-template-columns:260px 1fr;gap:1.25rem;align-items:stretch;margin-bottom:1.5rem}@media (max-width:768px){.readiness-grid{grid-template-columns:1fr}}.gauge-wrapper{background:var(--color-bg-subtle);border:2px solid var(--color-border-strong);border-radius:14px;padding:1.25rem 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;position:relative;box-shadow:2px 2px 0 var(--color-border-strong)}.radial-gauge{width:130px;height:130px;position:relative;display:flex;align-items:center;justify-content:center}.radial-svg{transform:rotate(-90deg);width:100%;height:100%}.radial-bg{fill:none;stroke:var(--color-radial-bg);stroke-width:10}.radial-meter{fill:none;stroke:var(--color-success);stroke-width:10;stroke-linecap:round;stroke-dasharray:377;stroke-dashoffset:377;transition:stroke-dashoffset 1s ease-in-out,stroke 0.3s ease}.gauge-center-text{position:absolute;display:flex;flex-direction:column;align-items:center}.gauge-number{font-family:"Bricolage Grotesque",sans-serif;font-size:2rem;font-weight:800;color:var(--color-text-primary);line-height:1}.gauge-label{font-family:"Bricolage Grotesque",sans-serif;font-size:0.72rem;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-text-muted);font-weight:700;margin-top:4px}.readiness-status-badge{font-family:"Bricolage Grotesque",sans-serif;display:inline-flex;align-items:center;gap:6px;margin-top:0.85rem;padding:6px 14px;background:var(--color-success-soft);color:var(--color-success);font-size:0.8rem;font-weight:700;border-radius:20px;border:1px solid var(--color-border-strong)}.forecast-wrapper{background:var(--color-bg-subtle);border:2px solid var(--color-border-strong);border-radius:14px;padding:1.15rem;display:flex;flex-direction:column;justify-content:space-between;box-sizing:border-box;box-shadow:2px 2px 0 var(--color-border-strong)}.forecast-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.85rem}.forecast-title{font-family:"Bricolage Grotesque",sans-serif;font-size:0.95rem;font-weight:800;display:flex;align-items:center;gap:6px;color:var(--color-text-primary)}.forecast-stat{font-family:"Bricolage Grotesque",sans-serif;font-size:0.82rem;color:var(--color-text-muted);font-weight:600}.bar-histogram{display:flex;align-items:flex-end;justify-content:space-between;height:110px;gap:8px;padding-top:8px}.bar-column{flex:1;display:flex;flex-direction:column;align-items:center;height:100%;justify-content:flex-end;position:relative}.bar-column:hover .bar-tooltip{opacity:1;transform:translateY(-4px)}.bar-fill{width:100%;max-width:32px;background:var(--color-accent-primary);border-radius:6px 6px 2px 2px;transition:height 0.4s cubic-bezier(0.4,0,0.2,1);position:relative;min-height:4px}.bar-fill.peak{background:var(--color-warning)}.bar-label{font-size:0.72rem;font-weight:600;color:var(--color-text-muted);margin-top:6px}.bar-tooltip{position:absolute;top:-30px;background:var(--color-text-primary);color:var(--color-bg-card);font-size:0.7rem;font-weight:700;padding:3px 7px;border-radius:4px;opacity:0;pointer-events:none;transition:all 0.2s ease;white-space:nowrap;z-index:10}.topic-breakdown-section{border-top:1px solid var(--color-border);padding-top:1.15rem}.topic-breakdown-title{font-family:"Bricolage Grotesque",sans-serif;font-size:0.85rem;font-weight:800;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:0.04em;margin-bottom:0.65rem}.topic-row{display:flex;align-items:center;justify-content:space-between;padding:0.55rem 0;border-bottom:1px dashed var(--color-border);gap:1rem}.topic-row:last-child{border-bottom:none}.topic-name{font-family:"Bricolage Grotesque",sans-serif;font-size:0.9rem;font-weight:700;min-width:180px;color:var(--color-text-primary)}.topic-progress-bar{flex:1;height:8px;background:var(--color-bg-hover);border-radius:4px;overflow:hidden}.topic-progress-fill{height:100%;border-radius:4px;transition:width 0.5s ease}.topic-badge{font-family:"Bricolage Grotesque",sans-serif;font-size:0.75rem;font-weight:700;padding:3px 8px;border-radius:6px;display:inline-flex;align-items:center;gap:4px;min-width:100px;justify-content:center}.btn-topic-practice{font-family:"Bricolage Grotesque",sans-serif;font-size:0.75rem;font-weight:700;padding:4px 10px;border-radius:8px;background:var(--color-warning-soft);color:var(--color-warning);border:1px solid var(--color-warning);text-decoration:none;display:inline-flex;align-items:center;gap:5px;white-space:nowrap;transition:all 0.2s ease}.btn-topic-practice:hover{background:var(--color-warning);color:#ffffff;text-decoration:none;transform:translateY(-1px)}.action-row{display:flex;gap:1rem;margin-top:1.25rem}.btn-boost{font-family:"Bricolage Grotesque",sans-serif;flex:1;background:var(--color-accent-primary);color:#ffffff;border:2.5px solid var(--color-border-strong);padding:0.85rem 1.25rem;border-radius:12px;font-weight:800;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0.5rem;box-shadow:4px 4px 0 var(--color-border-strong);transition:all 0.15s cubic-bezier(0.4,0,0.2,1)}.btn-boost:hover{background-color:var(--color-accent-primary-strong);transform:translate(2px,2px);box-shadow:2px 2px 0 var(--color-border-strong)}.readiness-compact-bar{width:100%;background:var(--color-bg-card);border:2px solid var(--color-border-strong);border-radius:var(--radius-md,12px);padding:0.95rem 1.25rem;box-shadow:4px 4px 0 var(--overlay-contrast-08);box-sizing:border-box;margin-top:0.85rem;margin-bottom:0.85rem}.readiness-compact-bar:not(.compact-skeleton){animation:fadeIn 0.25s cubic-bezier(0.16,1,0.3,1) both}.compact-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:0.65rem;flex-wrap:wrap;gap:0.5rem}.compact-meta-group{display:flex;align-items:center;gap:0.75rem}.compact-score-num{font-family:"Bricolage Grotesque",sans-serif;font-size:1.4rem;font-weight:800;line-height:1;color:var(--color-text-primary)}.compact-score-label{font-size:0.75rem;font-weight:800;text-transform:uppercase;letter-spacing:0.05em;color:var(--color-text-muted)}.compact-badge{font-size:0.74rem;font-weight:700;padding:2px 8px;border-radius:6px;display:inline-flex;align-items:center}.compact-badge--stage-4,.compact-badge--success{background:rgba(16,185,129,0.12);color:#059669;border:1px solid rgba(16,185,129,0.25)}.compact-badge--stage-3{background:rgba(37,99,235,0.12);color:#1d4ed8;border:1px solid rgba(37,99,235,0.25)}.compact-badge--stage-2,.compact-badge--warning{background:rgba(245,158,11,0.12);color:#b45309;border:1px solid rgba(245,158,11,0.25)}.compact-badge--stage-1,.compact-badge--danger{background:rgba(234,88,12,0.12);color:#c2410c;border:1px solid rgba(234,88,12,0.25)}.compact-due-text{font-size:0.82rem;font-weight:700;color:var(--color-text-secondary)}.compact-due-text strong{color:var(--color-text-primary);font-weight:800}.compact-action-row{display:flex;align-items:center;gap:1rem}.compact-progress-container{flex:1;height:6px;background:var(--color-bg-subtle,rgba(128,128,128,0.12));border:none;border-radius:999px;position:relative;overflow:hidden}.compact-progress-fill{height:100%;border-radius:999px;transition:width 0.6s cubic-bezier(0.16,1,0.3,1)}.compact-progress-fill--stage-1,.compact-progress-fill--danger{background:linear-gradient(90deg,#ea580c,#f97316)}.compact-progress-fill--stage-2,.compact-progress-fill--warning{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.compact-progress-fill--stage-3{background:linear-gradient(90deg,#2563eb,#38bdf8)}.compact-progress-fill--stage-4,.compact-progress-fill--success{background:linear-gradient(90deg,#059669,#10b981)}.compact-cta-btn{font-family:"Bricolage Grotesque",-apple-system,sans-serif;background-color:var(--button-primary-bg);color:var(--button-primary-text);border:2px solid var(--color-border-strong);border-radius:8px;padding:0 1rem;height:38px;font-weight:800;font-size:0.86rem;text-decoration:none;display:inline-flex;align-items:center;gap:0.45rem;box-shadow:2.5px 2.5px 0 var(--color-border-strong);transition:all 0.18s cubic-bezier(0.16,1,0.3,1);white-space:nowrap}.compact-cta-btn:hover{background-color:var(--button-primary-bg-hover);color:var(--button-primary-text);transform:translate(1px,1px);box-shadow:1.5px 1.5px 0 var(--color-border-strong);text-decoration:none}.compact-cta-btn:active{transform:translate(2.5px,2.5px);box-shadow:0 0 0 var(--color-border-strong)}.compact-cta-btn .cta-arrow{transition:transform 0.2s cubic-bezier(0.16,1,0.3,1);font-family:system-ui,-apple-system,sans-serif;font-weight:900;display:inline-block}.compact-cta-btn:hover .cta-arrow{transform:translateX(4px)}.readiness-compact-bar.compact-skeleton,.readiness-hub-card.is-skeleton{pointer-events:none;user-select:none}.compact-skeleton .skeleton-box,.readiness-skeleton-box,.readiness-skeleton-circle{background:linear-gradient(90deg,var(--color-bg-muted) 25%,var(--color-bg-soft) 50%,var(--color-bg-muted) 75%);background-size:200% 100%;animation:compact-skeleton-shimmer 1.5s infinite;border-radius:6px;display:block}.compact-skeleton .skeleton-score{width:55px;height:24px}.compact-skeleton .skeleton-label{width:120px;height:18px}.compact-skeleton .skeleton-text{width:140px;height:18px}.compact-skeleton .skeleton-btn{width:105px;height:36px;border-radius:8px}@keyframes compact-skeleton-shimmer{0%{background-position:200% 0}100%{background-position:-200% 0}}.diagnostic-breakdown-card{width:100%;margin:1.75rem 0 0 0;background:transparent;border:none;border-radius:0;padding:0;box-shadow:none;box-sizing:border-box;text-align:left;position:relative;z-index:10;pointer-events:auto}.diagnostic-header{font-family:"Bricolage Grotesque",sans-serif;display:flex;align-items:center;justify-content:space-between;font-size:1.35rem;font-weight:800;color:var(--color-text-primary);margin-bottom:1.25rem;padding-bottom:0.75rem;border-bottom:2px solid var(--color-border)}.diagnostic-list{display:flex;flex-direction:column;gap:0.75rem;margin-bottom:1.5rem}.diagnostic-item{display:flex;justify-content:space-between;align-items:center;gap:1rem;background-color:var(--color-bg-card);border:2px solid var(--color-border-strong);border-radius:12px;padding:0.75rem 1rem;box-shadow:2px 2px 0 var(--overlay-contrast-08);box-sizing:border-box}.diagnostic-info{display:flex;align-items:center;min-width:0;flex:1 1 auto}.diagnostic-topic-name{font-family:"Bricolage Grotesque",sans-serif;font-size:0.95rem;font-weight:700;color:var(--color-text-primary);word-break:break-word;line-height:1.3}.diagnostic-actions{display:flex;align-items:center;gap:0.85rem;flex-shrink:0}.diagnostic-score{display:flex;align-items:baseline;gap:0.4rem}.score-ratio{font-family:"Bricolage Grotesque",sans-serif;font-size:0.95rem;font-weight:800;color:var(--color-text-primary);white-space:nowrap}.score-percent{font-size:0.8rem;font-weight:600;color:var(--color-text-muted);white-space:nowrap}.btn-practice-single-topic{background-color:var(--color-accent-primary);color:#ffffff;border:2px solid var(--color-border-strong);border-radius:8px;width:32px;height:32px;min-width:32px;min-height:32px;padding:0;display:inline-flex;align-items:center;justify-content:center;box-shadow:2px 2px 0 var(--color-border-strong);transition:all 0.15s ease;cursor:pointer;box-sizing:border-box;font-size:0.85rem}.btn-practice-single-topic:hover{background-color:var(--color-accent-primary-strong);transform:translate(1px,1px);box-shadow:1px 1px 0 var(--color-border-strong)}.btn-practice-single-topic .cta-arrow{display:inline-flex;align-items:center;justify-content:center;transition:transform 0.15s ease}.btn-practice-single-topic:hover .cta-arrow{transform:translateX(2px)}#fix-weaknesses-container{margin-bottom:1.75rem}.btn-fix-weaknesses{font-family:"Bricolage Grotesque",sans-serif;width:100%;background-color:var(--color-accent-primary);color:#ffffff;border:2.5px solid var(--color-border-strong);padding:0.9rem 1.25rem;border-radius:12px;font-weight:800;font-size:1rem;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:0.5rem;box-shadow:4px 4px 0 var(--color-border-strong);transition:background-color 0.15s ease,transform 0.15s ease,box-shadow 0.15s ease;position:relative;z-index:12;pointer-events:auto}.btn-fix-weaknesses:hover{background-color:var(--color-accent-primary-strong);transform:translate(-1px,-1px);box-shadow:5px 5px 0 var(--color-border-strong)}.btn-fix-weaknesses .cta-arrow{font-size:1.15rem;transition:transform 0.15s ease}.btn-fix-weaknesses:hover .cta-arrow{transform:translateX(4px)}@media (max-width:576px){.diagnostic-breakdown-card{padding:16px 12px;margin:1.25rem 0}.diagnostic-header{font-size:1.15rem}.diagnostic-item{padding:0.75rem 0.85rem;gap:0.5rem}.diagnostic-topic-name{font-size:0.88rem}.diagnostic-actions{gap:0.5rem}.btn-practice-single-topic{width:28px;height:28px;min-width:28px;min-height:28px;padding:0;font-size:0.78rem}.btn-fix-weaknesses{padding:0.8rem 1rem;font-size:0.92rem}}