:root{--career-purple:#7f0df2;--career-gold:#d4af37;--career-gold-soft:rgba(212,175,55,.25)}.career-bg{background:radial-gradient(ellipse at top left,#f3f0ff 0%,#fdfcf9 50%,#fefce8 100%);min-height:calc(100dvh - 64px)}html.dark .career-bg{background:radial-gradient(ellipse at top left,#1a0035 0%,#1a1040 50%,#0f0c29 100%)}.career-float{animation:career-float 7s ease-in-out infinite}@keyframes career-float{0%,100%{transform:translateY(0) rotate(0deg)}50%{transform:translateY(-14px) rotate(6deg)}}.career-intro-glass{background:rgba(255,255,255,.55);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.8);box-shadow:0 8px 32px rgba(127,13,242,.06)}html.dark .career-intro-glass{background:rgba(30,10,55,.55);border-color:rgba(212,175,55,.1);box-shadow:0 8px 32px rgba(0,0,0,.3)}.career-glass{background:rgba(255,255,255,.8);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.9)}html.dark .career-glass{background:rgba(30,10,55,.7);border-color:rgba(212,175,55,.12)}.spread-option{cursor:pointer;border:2px solid rgba(127,13,242,.15);border-radius:12px;padding:10px 8px;background:rgba(255,255,255,.6);transition:all .22s ease;position:relative;overflow:hidden}@media(min-width:768px){.spread-option{border-radius:16px;padding:16px 20px}}.spread-option::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(127,13,242,.06) 0%,rgba(212,175,55,.06) 100%);opacity:0;transition:opacity .22s ease}.spread-option:hover{border-color:rgba(127,13,242,.4);transform:translateY(-2px);box-shadow:0 8px 24px rgba(127,13,242,.12)}.spread-option:hover::before{opacity:1}.spread-option.selected{border-color:var(--career-gold);background:rgba(255,255,255,.9);box-shadow:0 0 0 3px rgba(212,175,55,.15),0 8px 24px rgba(127,13,242,.12)}.spread-option.selected::before{opacity:1}html.dark .spread-option{background:rgba(30,10,55,.5);border-color:rgba(127,13,242,.2)}html.dark .spread-option.selected{background:rgba(40,15,70,.9)}.stack-card{position:absolute;width:90px;height:135px;bottom:0;left:50%;margin-left:-45px;border-radius:10px;box-shadow:0 6px 18px rgba(0,0,0,.35);transition:transform .4s ease,opacity .4s ease}@media(min-width:640px){.stack-card{width:120px;height:180px;margin-left:-60px}}#fan-container{height:180px}@media(min-width:640px){#fan-container{height:230px}}.fan-card{position:absolute;bottom:0;left:50%;width:110px;height:165px;margin-left:-55px;transform-origin:center bottom;cursor:pointer;user-select:none;border-radius:5px;transition:transform .28s cubic-bezier(.4,0,.2,1),opacity .3s ease;will-change:transform}@media(min-width:640px){.fan-card{width:144px;height:216px;margin-left:-72px}}.fan-card.picked{opacity:0!important;pointer-events:none}#pos-indicator{display:inline-flex;align-items:center;gap:8px;padding:8px 20px;border-radius:9999px;background:linear-gradient(135deg,rgba(127,13,242,.12),rgba(212,175,55,.12));border:1px solid rgba(212,175,55,.3);font-size:13px;font-weight:700;color:#7f0df2;transition:all .3s ease}html.dark #pos-indicator{color:#d8b4fe}.pick-dot{width:8px;height:8px;border-radius:50%;background:rgba(127,13,242,.2);border:1.5px solid rgba(127,13,242,.3);transition:all .3s ease}.pick-dot.done{background:var(--career-purple);border-color:var(--career-purple);box-shadow:0 0 6px rgba(127,13,242,.5)}#picked-row{display:flex;align-items:flex-end;justify-content:center;gap:12px;min-height:130px}#picked-row.five-cards{gap:8px}@media(min-width:640px){#picked-row{gap:16px;min-height:170px}#picked-row.five-cards{gap:12px}}@media(min-width:768px){#picked-row{gap:20px;min-height:200px}#picked-row.five-cards{gap:14px}}.pick-slot{width:80px;height:120px;border-radius:10px;border:1.5px dashed rgba(127,13,242,.25);position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.25);transition:transform .4s cubic-bezier(.2,1.5,.4,1),opacity .3s ease,border-color .3s ease,box-shadow .3s ease;transform:scale(1);opacity:1}.five-cards .pick-slot{width:64px;height:96px;border-radius:8px}.five-cards .pick-slot .slot-empty-num{font-size:16px}@media(min-width:640px){.pick-slot{width:100px;height:150px;border-radius:12px}.five-cards .pick-slot{width:80px;height:120px;border-radius:10px}}@media(min-width:768px){.pick-slot{width:120px;height:180px;border-radius:14px}.five-cards .pick-slot{width:96px;height:144px;border-radius:12px}}html.dark .pick-slot{background:rgba(30,10,55,.3)}.pick-slot .slot-empty-num{font-size:20px;font-weight:900;color:rgba(127,13,242,.2);font-family:'Playfair Display',serif}@media(min-width:640px){.pick-slot .slot-empty-num{font-size:24px}}@media(min-width:768px){.pick-slot .slot-empty-num{font-size:28px}}.pick-slot.filled{border-style:solid;border-color:rgba(212,175,55,.55);box-shadow:0 4px 16px rgba(0,0,0,.2),0 0 0 2px rgba(212,175,55,.12)}.pick-slot .slot-img{position:absolute;inset:0;background-size:cover;background-position:center}.pick-slot .slot-gradient{position:absolute;inset:0;background:linear-gradient(to top,rgba(0,0,0,.55) 0%,transparent 50%);pointer-events:none}.pick-slot .slot-label{position:absolute;bottom:0;left:0;right:0;text-align:center;padding:5px 4px;font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;color:rgba(255,255,255,.95);line-height:1.2}@media(min-width:640px){.pick-slot .slot-label{font-size:10px;padding:6px 4px}}@media(min-width:768px){.pick-slot .slot-label{font-size:11px;padding:8px 5px}}.pick-slot-label-text{display:block;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.08em;color:rgba(127,13,242,.45);margin-top:5px;text-align:center;transition:color .3s ease;max-width:80px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}@media(min-width:640px){.pick-slot-label-text{font-size:10px;max-width:100px}}@media(min-width:768px){.pick-slot-label-text{font-size:11px;max-width:120px}}.five-cards .pick-slot-label-text{font-size:8px;max-width:64px}@media(min-width:640px){.five-cards .pick-slot-label-text{font-size:9px;max-width:80px}}@media(min-width:768px){.five-cards .pick-slot-label-text{font-size:10px;max-width:96px}}.pick-slot-wrap.filled .pick-slot-label-text{color:var(--career-purple)}.career-card-slot{position:relative;background:rgba(127,13,242,.05);border:2px dashed rgba(127,13,242,.2);border-radius:12px}.career-card-slot.gold{background:rgba(212,175,55,.06);border-color:rgba(212,175,55,.4)}.career-card-img{position:absolute;inset:0;border-radius:10px;background-size:cover;background-position:center;box-shadow:0 4px 20px rgba(0,0,0,.15);transition:transform .3s ease}.career-card-slot:hover .career-card-img{transform:scale(1.04)}html{scroll-behavior:smooth}.interp-prose p{font-size:15px;line-height:1.85;color:#475569;margin-bottom:16px}.interp-prose p:last-child{margin-bottom:0}.interp-prose p:first-child::first-letter {float:left;font-size:3.2em;line-height:.85;font-family:'Playfair Display',serif;font-weight:900;color:var(--career-purple);margin-right:10px;margin-top:6px}html.dark .interp-prose p{color:#94a3b8}html.dark .interp-prose p:first-child::first-letter {color:#d4af37}.interp-section{padding:20px 0;border-bottom:1px solid rgba(0,0,0,.05)}.interp-section:last-child{border-bottom:0}.interp-card-header{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}.interp-card-header .pos-row{display:flex;align-items:center;gap:8px}.interp-card-header .pos-num{display:inline-flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:var(--career-purple);color:#fff;font-size:10px;font-weight:800;flex-shrink:0}.interp-card-header .pos-label{font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:var(--career-purple)}.interp-card-header .orient-tag{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:2px 8px;border-radius:9999px;margin-left:auto}.orient-tag.upright{background:rgba(16,185,129,.1);color:#059669}.orient-tag.reversed{background:rgba(244,63,94,.1);color:#e11d48}.interp-card-header .card-name{font-size:17px;font-weight:800;color:#1e1b4b;font-family:'Playfair Display',serif;line-height:1.3}.interp-section .interp-body{font-size:14px;line-height:1.8;color:#475569}.interp-insight{background:linear-gradient(135deg,rgba(127,13,242,.03),rgba(212,175,55,.05));border-radius:16px;padding:20px 24px;border-left:3px solid #d4af37;margin-top:20px;font-size:14px;line-height:1.8;color:#64748b;font-style:italic}.interp-insight .insight-icon{color:#d4af37;font-size:16px;vertical-align:middle;margin-right:6px}html.dark .interp-card-header .pos-num{background:#d4af37;color:#1a1a2e}html.dark .interp-card-header .pos-label{color:#d4af37}html.dark .interp-card-header .card-name{color:#e2e8f0}html.dark .orient-tag.upright{background:rgba(16,185,129,.18);color:#34d399}html.dark .orient-tag.reversed{background:rgba(244,63,94,.18);color:#fb7185}html.dark .interp-section .interp-body{color:#94a3b8}html.dark .interp-insight{background:linear-gradient(135deg,rgba(127,13,242,.08),rgba(212,175,55,.06));color:#94a3b8}.card-reveal{animation:career-reveal .6s cubic-bezier(.4,0,.2,1) both}@keyframes career-reveal{from{opacity:0;transform:rotateY(90deg) scale(.9)}to{opacity:1;transform:rotateY(0) scale(1)}}.locked-content{filter:blur(4px);pointer-events:none;user-select:none;opacity:.6}.lock-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:linear-gradient(to bottom,transparent 0%,rgba(255,255,255,.7) 40%);z-index:10}html.dark .lock-overlay{background:linear-gradient(to bottom,transparent 0%,rgba(20,5,40,.8) 40%)}.unlock-plan{padding:14px 16px;border-radius:16px;cursor:pointer;background:rgba(255,255,255,.06);border:1.5px solid rgba(255,255,255,.1);transition:all .2s ease;position:relative}.unlock-plan:hover{background:rgba(255,255,255,.1);border-color:rgba(212,175,55,.3);transform:translateY(-1px)}.unlock-plan.best{border-color:rgba(212,175,55,.4);background:linear-gradient(135deg,rgba(212,175,55,.08),rgba(127,13,242,.08))}.unlock-plan .badge{position:absolute;top:-8px;right:12px;background:linear-gradient(135deg,#d4af37,#f5d060);color:#1a0035;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.08em;padding:3px 10px;border-radius:99px}.spread-option-single{cursor:pointer;border:2px solid rgba(16,185,129,.2);border-radius:12px;padding:10px 14px;background:rgba(255,255,255,.6);transition:all .22s ease;position:relative;overflow:hidden}@media(min-width:768px){.spread-option-single{border-radius:16px;padding:14px 20px}}.spread-option-single::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(16,185,129,.06) 0%,rgba(212,175,55,.06) 100%);opacity:0;transition:opacity .22s ease}.spread-option-single:hover{border-color:rgba(16,185,129,.4);transform:translateY(-1px);box-shadow:0 6px 20px rgba(16,185,129,.1)}.spread-option-single:hover::before{opacity:1}.spread-option-single.selected{border-color:#10b981;background:rgba(255,255,255,.9);box-shadow:0 0 0 3px rgba(16,185,129,.15),0 6px 20px rgba(16,185,129,.1)}.spread-option-single.selected::before{opacity:1}html.dark .spread-option-single{background:rgba(30,10,55,.5);border-color:rgba(16,185,129,.2)}html.dark .spread-option-single.selected{background:rgba(16,185,129,.08);border-color:#10b981}.share-icon-btn{display:flex;flex-direction:column;align-items:center;gap:5px;padding:10px;border-radius:16px;cursor:pointer;background:rgba(255,255,255,.7);border:1.5px solid rgba(0,0,0,.06);transition:all .18s ease;width:68px}.share-icon-btn:hover{transform:translateY(-3px);box-shadow:0 6px 16px rgba(0,0,0,.1)}html.dark .share-icon-btn{background:rgba(30,10,55,.6);border-color:rgba(212,175,55,.15)}.share-icon-btn .si-icon{width:40px;height:40px;border-radius:12px;display:flex;align-items:center;justify-content:center}.share-icon-btn span{font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:#64748b}html.dark .share-icon-btn span{color:#94a3b8}.career-prosperity-panel{background:linear-gradient(135deg,#2563eb,#4f46e5,#6366f1);box-shadow:0 8px 32px -8px rgba(37,99,235,.3)}html.dark .career-prosperity-panel{background:linear-gradient(135deg,#d4af37,#b8962e,#d4a017);box-shadow:0 8px 32px -8px rgba(212,175,55,.25)}.career-glass-panel{background:rgba(255,255,255,.65);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.8)}html.dark .career-glass-panel{background:rgba(30,30,60,.55);border-color:rgba(212,175,55,.12)}.career-manifest-panel{background:rgba(255,251,235,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(251,191,36,.2)}html.dark .career-manifest-panel{background:rgba(251,191,36,.06);border-color:rgba(251,191,36,.15)}.career-inquiry-panel{background:rgba(239,246,255,.7);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid rgba(37,99,235,.1)}html.dark .career-inquiry-panel{background:rgba(212,175,55,.06);border-color:rgba(212,175,55,.12)}#career-professional>*{opacity:0;transform:translateY(16px)}#career-professional.panels-revealed>*{animation:crPanelReveal .5s ease forwards}#career-professional.panels-revealed>*:nth-child(1){animation-delay:0s}#career-professional.panels-revealed>*:nth-child(2){animation-delay:.15s}#career-professional.panels-revealed>*:nth-child(3){animation-delay:.3s}#career-professional.panels-revealed>*:nth-child(4){animation-delay:.45s}#career-professional.panels-revealed>*:nth-child(5){animation-delay:.6s}@keyframes crPanelReveal{to{opacity:1;transform:translateY(0)}}.career-card-insight{padding:20px 0;border-bottom:1px solid rgba(0,0,0,.05)}.career-card-insight:last-child{border-bottom:0}html.dark .career-card-insight{border-color:rgba(255,255,255,.05)}html.dark #career-professional .text-slate-900{color:#e2e8f0}html.dark #career-professional .text-slate-700{color:#cbd5e1}html.dark #career-professional .text-slate-800{color:#e2e8f0}html.dark #career-professional .text-white\/70{color:rgba(255,255,255,.7)}html.dark #career-professional .bg-white\/60{background:rgba(30,30,60,.6)}html.dark #career-professional .border-black\/5{border-color:rgba(255,255,255,.08)}html.dark #career-journal-link{border-color:rgba(212,175,55,.3);color:#d4af37;background:rgba(30,30,60,.4)}html.dark #career-journal-link:hover{background:#d4af37;color:#1a1a2e}html.dark .career-bg .text-slate-900{color:#e2e8f0}html.dark .career-bg .text-slate-700{color:#cbd5e1}html.dark .career-bg .text-slate-600{color:#94a3b8}html.dark .career-bg .text-slate-500{color:#94a3b8}html.dark .career-bg .border-slate-200{border-color:rgba(212,175,55,.12)}html.dark #result-state{background:radial-gradient(ellipse at top left,#1a0035 0%,#1a1040 50%,#0f0c29 100%)!important}html.dark #result-state .text-slate-900{color:#e2e8f0}html.dark #result-state .text-slate-700{color:#cbd5e1}html.dark #result-state .text-slate-600{color:#94a3b8}html.dark #result-state .text-slate-400{color:#94a3b8}html.dark #result-state .bg-white\/90{background:rgba(20,5,40,.92)}html.dark #result-state .border-slate-200{border-color:rgba(212,175,55,.12)}