.predict-page{min-height:100vh;background:var(--color-bg);font-family:var(--font-primary)}.predict-nav{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-4) var(--space-8);border-bottom:1px solid var(--color-border);background:var(--color-bg-card)}.predict-back{font-size:var(--text-sm);color:#B45309;text-decoration:none;font-weight:var(--font-semibold)}.predict-back:hover{opacity:.7}.predict-nav-title{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-primary)}.predict-hero{background:radial-gradient(ellipse at 20% 50%,rgba(217,119,6,.08) 0,transparent 60%),radial-gradient(ellipse at 80% 30%,rgba(217,119,6,.05) 0,transparent 60%),var(--color-bg-subtle);padding:var(--space-16) var(--space-8);border-bottom:1px solid var(--color-border)}.predict-hero-inner{max-width:720px;margin:0 auto;text-align:center}.predict-heading{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:var(--font-extrabold);color:var(--color-text-primary);line-height:var(--leading-tight);margin-bottom:var(--space-4)}.predict-highlight{color:#B45309}.predict-sub{font-size:var(--text-base);color:var(--color-text-secondary);line-height:var(--leading-relaxed);margin-bottom:var(--space-8)}.predict-form{display:grid;grid-template-columns:1fr 1fr 1fr auto;gap:var(--space-4);align-items:end;text-align:left}.predict-form-5{grid-template-columns:1.2fr 1fr .8fr 1fr auto}.predict-form-cat{grid-template-columns:repeat(3,1fr)}.predict-field label{display:block;font-size:var(--text-xs);font-weight:var(--font-semibold);color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.05em;margin-bottom:var(--space-1)}.predict-field input,.predict-field select{width:100%;padding:var(--space-3) var(--space-4);border:1px solid var(--color-border);border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-base);background:var(--color-bg-card);color:var(--color-text-primary);transition:border-color .2s}.predict-field input:focus,.predict-field select:focus{outline:none;border-color:#D97706;box-shadow:0 0 0 3px rgba(217,119,6,.12)}.predict-btn{padding:var(--space-3) var(--space-6);background:#B45309;color:white;border:none;border-radius:var(--radius-md);font-family:var(--font-primary);font-size:var(--text-base);font-weight:var(--font-bold);cursor:pointer;transition:all .2s;white-space:nowrap}.predict-btn:hover:not(:disabled){background:#92400E;transform:translateY(-1px);box-shadow:var(--shadow-sm)}.predict-btn:disabled{opacity:.5;cursor:not-allowed}.predict-error{color:var(--color-error);font-size:var(--text-sm);margin-top:var(--space-3)}.predict-results{padding:var(--space-10) var(--space-8);max-width:960px;margin:0 auto}.predict-results-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--space-6);margin-bottom:var(--space-8);flex-wrap:wrap}.predict-summary h2{font-size:var(--text-2xl);font-weight:var(--font-bold);color:var(--color-text-primary);margin-bottom:var(--space-1)}.predict-meta{font-size:var(--text-sm);color:var(--color-text-muted)}.predict-legend{display:flex;gap:var(--space-4);flex-wrap:wrap;font-size:var(--text-sm);font-weight:var(--font-medium)}.legend-item{display:flex;align-items:center;gap:4px;white-space:nowrap}.predict-note{margin:0 0 var(--space-5);padding:var(--space-3) var(--space-4);background:#eff6ff;border:1px solid #bfdbfe;border-radius:var(--radius-md);font-size:var(--text-sm);color:#1e40af;line-height:var(--leading-relaxed)}.predict-note-btn{background:none;border:none;color:#1d4ed8;font-family:var(--font-primary);font-size:var(--text-sm);font-weight:var(--font-bold);text-decoration:underline;cursor:pointer;padding:0;white-space:nowrap}.predict-note-btn:hover{color:#1e3a8a}.predict-cards{display:flex;flex-direction:column;gap:var(--space-4)}.predict-card{background:var(--color-bg-card);border:1px solid var(--color-border);border-left:4px solid #d97706;border-radius:var(--radius-md);padding:var(--space-5) var(--space-6);transition:box-shadow .2s,transform .2s}.predict-card:hover{box-shadow:var(--shadow-md);transform:translateY(-1px)}.predict-card-top{display:flex;align-items:center;gap:var(--space-4);margin-bottom:var(--space-4)}.predict-card-rank{font-size:var(--text-sm);font-weight:var(--font-bold);color:var(--color-text-muted);min-width:32px}.predict-card-info{flex:1;min-width:0}.predict-college-name{font-size:var(--text-base);font-weight:var(--font-bold);color:var(--color-text-primary);text-decoration:none;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.predict-college-name:hover{color:#D97706}.predict-college-loc{font-size:var(--text-xs);color:var(--color-text-muted);margin-top:2px}.predict-probability{display:flex;flex-direction:column;align-items:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1.5px solid;min-width:90px;text-align:center}.prob-number{font-size:var(--text-xl);font-weight:var(--font-extrabold);line-height:1}.prob-label{font-size:10px;font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.05em;margin-top:2px}.predict-verdict{display:flex;align-items:center;justify-content:center;padding:var(--space-2) var(--space-4);border-radius:var(--radius-md);border:1.5px solid;min-width:104px;text-align:center;font-weight:var(--font-bold);font-size:var(--text-sm);text-transform:uppercase;letter-spacing:.04em}.predict-card-stats{display:flex;gap:var(--space-6);margin-bottom:var(--space-3);flex-wrap:wrap}.predict-stat{display:flex;flex-direction:column}.stat-label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.04em;font-weight:var(--font-medium)}.stat-value{font-size:var(--text-sm);font-weight:var(--font-semibold);color:var(--color-text-primary)}.predict-bar-bg{height:4px;background:var(--color-border);border-radius:var(--radius-pill);overflow:hidden}.predict-bar-fill{height:100%;border-radius:var(--radius-pill);transition:width .6s ease}.predict-empty{text-align:center;padding:var(--space-12) var(--space-4);color:var(--color-text-secondary);font-size:var(--text-base)}.predict-empty p+p{margin-top:var(--space-2)}.predict-disclaimer{margin-top:var(--space-8);padding:var(--space-4) var(--space-5);background:var(--color-bg-subtle);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:var(--text-xs);color:var(--color-text-muted);line-height:var(--leading-relaxed)}@media (max-width:768px){.predict-hero{padding:var(--space-10) var(--space-4)}.predict-form,.predict-form-5,.predict-form-cat{grid-template-columns:1fr}.predict-results{padding:var(--space-6) var(--space-4)}.predict-results-header{flex-direction:column}.predict-card-top{flex-wrap:wrap}.predict-probability{min-width:80px}.predict-card-stats{gap:var(--space-4)}}@media (max-width:480px){.predict-card{padding:var(--space-4)}.predict-card-stats{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-3)}}.predict-buckets{display:flex;flex-direction:column;gap:var(--space-5)}.predict-bucket{border:1px solid var(--color-border,#e5e7eb);border-radius:var(--radius-lg,16px);background:#fff;overflow:hidden}.predict-bucket-head{width:100%;display:flex;align-items:center;justify-content:space-between;gap:var(--space-3);padding:14px 18px;background:#FFFBEB;border:none;cursor:pointer;font-family:inherit;text-align:left}.predict-bucket-head:hover{background:#fef8e0}.predict-bucket-title{display:inline-flex;align-items:center;gap:8px;font-size:1.05rem;font-weight:800;color:#3e2c00}.predict-bucket-count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:22px;padding:0 7px;border-radius:999px;background:rgba(212,160,23,.18);color:#8B6914;font-size:.8rem;font-weight:700}.predict-bucket-toggle{color:#9a8050;font-size:.9rem;flex-shrink:0}.predict-bucket-guide{margin:0;padding:10px 18px 0;color:#6b5300;font-size:.88rem;line-height:1.55}.predict-bucket .predict-cards{padding:14px 18px 18px}.predict-share-bar{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin:4px 0 20px;padding:12px 18px;background:rgba(37,211,102,.07);border:1px solid rgba(37,211,102,.25);border-radius:12px}.predict-share-label{font-size:.9rem;font-weight:600;color:#3e2c00;margin-right:auto}.predict-share-wa{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;background:#25D366;color:#fff;border:none;border-radius:999px;font-family:inherit;font-size:.9rem;font-weight:700;cursor:pointer;transition:background .15s ease,transform .15s ease}.predict-share-wa:hover{background:#1eb857;transform:translateY(-1px)}.predict-share-copy{padding:9px 16px;background:#fff;color:#3e2c00;border:1px solid #d9c58a;border-radius:999px;font-family:inherit;font-size:.9rem;font-weight:600;cursor:pointer;transition:border-color .15s ease}.predict-share-copy:hover{border-color:#8B6914}@media (max-width:640px){.predict-share-bar{flex-direction:column;align-items:stretch;text-align:center}.predict-share-label{margin-right:0}.predict-share-copy,.predict-share-wa{justify-content:center;text-align:center}}