:root{--primary-color:#4f46e5;--primary-hover-color:#4338ca;--secondary-color:#e0e0e0;--secondary-hover-color:#d0d0d0;--text-dark:#333;--text-medium:#555;--text-light:#757575;--background-light:#f5f7fa;--background-white:#fff;--border-color:#ddd;--shadow-light:#0000001a;--shadow-medium:#0003;--success-color:#28a745;--error-color:#dc3545}body{background-color:#f5f7fa;background-color:var(--background-light);color:#333;color:var(--text-dark);font-family:Noto Sans KR,Malgun Gothic,Arial,sans-serif;line-height:1.6;margin:0}.app-container{display:flex;flex-direction:column;min-height:100vh}.intro-card{background-color:#fff;background-color:var(--background-white);border-radius:12px;box-shadow:0 8px 25px #0000001a;box-shadow:0 8px 25px var(--shadow-light);margin:80px auto 40px;max-width:480px;padding:40px;position:relative;text-align:center;transition:all .3s ease-in-out;width:100%}.intro-card.fade-in{animation:fadeIn .5s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}.slide-in-left{animation:slideInLeft .5s ease-in-out}.intro-card h1{color:#333;color:var(--text-dark);font-size:2em;margin-bottom:25px}.intro-card p{color:#555;color:var(--text-medium);font-size:1.05em}.intro-card button{background-color:#4f46e5;background-color:var(--primary-color);border:none;border-radius:8px;box-shadow:0 4px 15px #0000001a;color:#fff;cursor:pointer;font-size:1.1em;font-weight:700;margin-top:30px;padding:14px 25px;transition:background-color .2s ease-in-out,transform .1s ease-in-out,box-shadow .2s ease-in-out;width:100%}.intro-card button:hover{background-color:#4338ca;background-color:var(--primary-hover-color);box-shadow:0 6px 20px #0000001a;box-shadow:0 6px 20px var(--shadow-light);transform:translateY(-2px)}.intro-card button:active{box-shadow:0 2px 10px #0000001a;box-shadow:0 2px 10px var(--shadow-light);transform:scale(.98)}.back-button{background-color:#e0e0e0;background-color:var(--secondary-color);border:none;border-radius:8px;color:#333;color:var(--text-dark);cursor:pointer;font-size:1em;font-weight:400;margin-top:15px;padding:12px 20px;transition:background-color .2s ease-in-out,transform .1s ease-in-out;width:100%}.back-button:hover{background-color:#d0d0d0;background-color:var(--secondary-hover-color);transform:translateY(-1px)}.back-button:active{transform:scale(.99)}.main-header{align-items:center;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;display:flex;flex-direction:column;height:100vh;justify-content:center;padding:20px;position:relative;text-align:center}.main-title{font-size:3.5rem;font-weight:800;margin-bottom:1.2rem;text-shadow:1px 1px 2px #0003;text-shadow:1px 1px 2px var(--shadow-medium)}.main-subtitle{font-size:1.4rem;margin-bottom:3rem;max-width:700px}.cta-button{background-color:#fff;background-color:var(--background-white);border:none;border-radius:8px;box-shadow:0 5px 20px #0000001a;box-shadow:0 5px 20px var(--shadow-light);color:#4f46e5;color:var(--primary-color);cursor:pointer;font-size:1.1em;font-weight:700;padding:16px 32px;transition:background-color .2s ease-in-out,color .2s ease-in-out,transform .1s ease-in-out,box-shadow .2s ease-in-out}.cta-button:hover{background-color:#f0f0f0;box-shadow:0 8px 25px #0000001a;box-shadow:0 8px 25px var(--shadow-light);transform:translateY(-2px)}.survey-intro-section{align-items:center;display:flex;flex-wrap:wrap;gap:60px;justify-content:center;margin:0 auto;max-width:1200px;padding:80px 40px}.survey-intro-section:nth-child(2n){background-color:#f5f7fa;background-color:var(--background-light)}.intro-description{flex:1 1;max-width:500px;min-width:300px;text-align:left}.feature{align-items:flex-start;display:flex;flex-direction:column;margin-bottom:20px}.feature-title{color:#4f46e5;color:var(--primary-color);font-size:2.2rem;font-weight:700;margin-bottom:12px}.feature p{color:#555;color:var(--text-medium);font-size:1.05rem;margin:0 0 8px}.image-placeholder{align-items:center;background-color:#e0e0e0;border-radius:12px;display:flex;flex:1 1;height:auto;justify-content:center;max-width:500px;min-width:300px;overflow:hidden}.image-placeholder img{border-radius:12px;display:block;height:auto;max-width:100%}.navbar{background-color:#fff;background-color:var(--background-white);box-shadow:0 2px 4px #0000001a;box-shadow:0 2px 4px var(--shadow-light);left:0;padding:1rem 2rem;position:fixed;right:0;top:0;transition:all .3s ease-in-out;z-index:1000}.navbar,.navbar-section,.navbar-section-left{align-items:center;display:flex}.navbar-section-left{gap:1.5rem;justify-content:flex-start}.navbar-section-center{flex-grow:1;justify-content:center}.navbar-section-right{justify-content:flex-end}.navbar-scrolled{box-shadow:0 4px 8px #0003;box-shadow:0 4px 8px var(--shadow-medium);padding:.75rem 1.5rem}.navbar .logo{cursor:pointer}.navbar .logo img{height:60px;transition:height .3s ease-in-out}.navbar-scrolled .logo img{height:40px}.nav-links{display:flex;gap:1.5rem;justify-content:center}.nav-links button{background:none;border:none;border-radius:5px;color:#555;color:var(--text-medium);cursor:pointer;font-size:1.05em;padding:5px 10px;transition:color .2s ease-in-out,transform .1s ease-in-out}.nav-links button:hover{background-color:#4f46e51a;color:#4f46e5;color:var(--primary-color);transform:translateY(-2px)}.login-button-navbar{background-color:#4f46e5;background-color:var(--primary-color);border:none;border-radius:8px;color:#fff;cursor:pointer;font-weight:700;padding:10px 20px;transition:background-color .2s ease-in-out,transform .1s ease-in-out}.login-button-navbar:hover{background-color:#4338ca;background-color:var(--primary-hover-color);transform:translateY(-2px)}.navbar-ghost{height:80px;transition:height .3s ease-in-out}.navbar-ghost-scrolled{height:60px}.login-screen-overlay{align-items:center;background-color:#000000b3;display:flex;height:100%;justify-content:center;left:0;position:fixed;top:0;width:100%;z-index:1001}.login-screen-modal{background-color:#fff;background-color:var(--background-white);border-radius:12px;box-shadow:0 10px 30px #0003;box-shadow:0 10px 30px var(--shadow-medium);max-width:400px;padding:40px;position:relative;text-align:center;width:100%}.login-screen-modal h2{color:#333;color:var(--text-dark);margin-bottom:20px}.login-screen-modal p{color:#555;color:var(--text-medium);margin-bottom:30px}.login-buttons{display:flex;flex-direction:column;gap:15px;margin-bottom:30px}.login-buttons button{align-items:center;border:none;border-radius:8px;cursor:pointer;display:flex;font-size:1.05em;font-weight:700;gap:10px;justify-content:center;padding:12px 20px;transition:background-color .2s,transform .1s}.login-buttons button:hover{transform:translateY(-2px)}.login-buttons button:active{transform:scale(.98)}.naver-login-button{background-color:#03c75a;color:#fff}.google-login-button{background-color:#3f51b5!important;color:#fff!important}.login-screen-modal button:last-child{background-color:#fff;background-color:var(--background-white);border:1px solid #ddd;border:1px solid var(--border-color);color:#333;color:var(--text-dark);font-weight:400;margin-top:20px;padding:10px 20px;width:auto}.login-screen-modal button:last-child:hover{background-color:#d0d0d0;background-color:var(--secondary-hover-color)}.profile-screen-modal{animation:profileModalIn .22s ease-out;border-radius:20px;box-shadow:0 26px 64px #00000059;max-height:88vh;overflow-y:auto;width:min(980px,94vw)}@keyframes profileModalIn{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.profile-panel{background:linear-gradient(160deg,#fdfdff,#f5f7ff);border:1px solid #dfe4ff;border-radius:20px;margin:0 auto;max-width:100%;padding:20px}.profile-panel .result-header{background:#fff;border:1px solid #ecefff;border-radius:14px;margin-bottom:12px;padding:14px 16px;text-align:left}.profile-panel .result-main-title{margin:0 0 4px}.profile-panel .result-meta{margin:0}.profile-tabs{grid-gap:10px;display:grid;flex-wrap:wrap;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr));margin:10px 0 14px}.profile-tab-button{background:#fff;border:1px solid #d3d9fb;border-radius:12px;color:#2f3450;cursor:pointer;font-size:.9rem;font-weight:600;padding:10px 12px;transition:all .16s ease}.profile-tab-button:hover{background:#f4f6ff;border-color:#aeb9ff;transform:translateY(-1px)}.profile-tab-button.active{background:linear-gradient(135deg,#3f51b5,#5066d9);border-color:#4259cd;box-shadow:0 10px 20px #3f51b540;color:#fff}.profile-tab-content{background:#fff;border:1px solid #ecefff;border-radius:14px;min-height:320px;padding:16px}.profile-tab-content .result-top3-section{background:#fcfdff;border:1px solid #eef1ff;border-radius:12px;margin-bottom:14px;padding:14px}.profile-section-header{align-items:center;display:flex;gap:10px;justify-content:space-between}.profile-section-status{color:#5b637f;flex:1 1;font-size:.9rem;margin-left:12px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.profile-inline-action{background:#fff;border:1px solid #cfd7ff;border-radius:10px;color:#39406b;cursor:pointer;font-size:.82rem;font-weight:600;padding:6px 10px}.profile-inline-action:hover{background:#f3f6ff}.profile-inline-actions{align-items:center;display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}.profile-inline-action.danger{background:#fff7f7;border-color:#f2c7c7;color:#a02c2c}.profile-inline-action.confirm{background:#f2fff4;border-color:#c3e5c6;color:#146a1e}.notification-item.unread{background:#f7f9ff;border-left:4px solid #4c63d2}.notification-item.open{background:#eef3ff;border-left:4px solid #2f4fd2}.notification-item-button{background:#0000;border:0;cursor:pointer;padding:2px 2px 0;text-align:left;width:100%}.notification-item-button .score-info{margin-bottom:0}.notification-item{background:#fff;border:1px solid #d8e0ff;border-radius:12px;box-shadow:0 2px 6px #1b275e0f;padding:10px 12px}.notification-item.delete-mode{border-style:dashed}.notification-item.delete-selected{background:#fff7f7;border-color:#d25757;border-left:4px solid #d25757}.notification-item-button:focus-visible{border-radius:8px;outline:2px solid #5066d9;outline-offset:4px}.notification-item-head{grid-gap:10px;align-items:start;display:grid;gap:10px;grid-template-columns:minmax(0,1fr) auto}.notification-title{color:#1f2748;font-size:.98rem;gap:8px;letter-spacing:-.01em;line-height:1.45}.notification-select-badge,.notification-title{align-items:center;display:inline-flex;font-weight:700}.notification-select-badge{background:#f4f7ff;border:1px solid #d0d8fc;border-radius:999px;color:#41508f;font-size:.72rem;justify-content:center;line-height:1;padding:2px 7px}.notification-select-badge.selected{background:#fdeaea;border-color:#d25757;color:#8f1f1f}.notification-unread-dot{background:#3f51b5;border-radius:50%;flex-shrink:0;height:8px;width:8px}.notification-time{background:#e8edff;border:1px solid #d4dcff;border-radius:999px;color:#5b678f;font-size:.77rem;line-height:1;padding:4px 8px;white-space:nowrap}.notification-detail{background:#fff;border:1px solid #d3ddff;border-left:3px solid #5a72e6;border-radius:10px;margin-top:12px;padding:12px 14px}.notification-detail p{color:#253057;font-size:.95rem;line-height:1.68;margin:0;word-break:keep-all}.profile-account-grid{grid-gap:12px;display:grid;gap:12px}.profile-account-row{align-items:center;background:#fff;border:1px solid #e6e9fb;border-radius:10px;display:flex;gap:14px;justify-content:space-between;padding:10px 12px}.profile-account-label{color:#3b4165;font-size:.9rem;font-weight:700}.profile-account-value{color:#2f3450;font-size:.92rem;text-align:right}.profile-account-field{grid-gap:8px;display:grid;gap:8px}.profile-account-field input,.profile-account-field select{background:#fff;border:1px solid #ced5f9;border-radius:10px;box-sizing:border-box;color:#2f3450;font-size:.93rem;padding:10px 12px;width:100%}.profile-account-field input:focus,.profile-account-field select:focus{border-color:#5066d9;box-shadow:0 0 0 3px #5066d926;outline:none}.profile-account-actions{justify-content:flex-start;margin-top:12px}@media (max-width:860px){.profile-screen-modal{max-height:92vh;width:96vw}.profile-panel{padding:14px}.profile-tabs{grid-template-columns:repeat(2,minmax(0,1fr))}.profile-tab-content{min-height:260px;padding:12px}}.step-indicator{background-color:#e8eafc;border-radius:20px;color:#4f46e5;color:var(--primary-color);display:inline-block;font-size:.9em;font-weight:700;margin-bottom:20px;padding:5px 15px}.step-description{font-size:1.1em;margin-bottom:30px;text-align:left}.question{margin-bottom:25px;text-align:left}.question-title{color:#333;color:var(--text-dark);font-size:1.15em;font-weight:700;margin-bottom:15px}.question label{align-items:center;background-color:#fff;background-color:var(--background-white);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;color:#555;color:var(--text-medium);cursor:pointer;display:flex;font-size:1em;line-height:1.4;margin-bottom:10px;padding:12px 15px;position:relative;text-align:left;transition:all .2s ease-in-out}.question label:hover{box-shadow:0 2px 10px #0000000d}.question label.selected,.question label:hover{border-color:#4f46e5;border-color:var(--primary-color)}.question label.selected{background-color:#f0f2ff;box-shadow:0 4px 15px #0000001a;color:#4f46e5;color:var(--primary-color);font-weight:700}.question label input[type=radio]{cursor:pointer;height:0;opacity:0;position:absolute;width:0}.question label .radio-custom{background-color:#eee;border:2px solid #ddd;border:2px solid var(--border-color);border-radius:50%;flex-shrink:0;height:24px;margin-right:15px;transition:all .2s ease-in-out;width:24px}.question label input[type=radio]:checked+.radio-custom{background-color:#4f46e5;background-color:var(--primary-color);border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e54d}.question label .radio-custom:after{background:#fff;border-radius:50%;content:"";display:none;height:8px;left:8px;position:absolute;top:8px;width:8px}.question label input[type=radio]:checked+.radio-custom:after{display:block}.question label:hover .radio-custom{border-color:#4f46e5;border-color:var(--primary-color)}.question select{-webkit-appearance:none;appearance:none;background-color:#fff;background-color:var(--background-white);background-image:url('data:image/svg+xml;utf8,<svg fill="black" height="24" viewBox="0 0 24 24" width="24" xmlns="http://www.w3.org/2000/svg"><path d="M7 10l5 5 5-5z"/><path d="M0 0h24v24H0z" fill="none"/></svg>');background-position:right 10px center;background-repeat:no-repeat;background-size:24px;border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;color:#333;color:var(--text-dark);cursor:pointer;font-size:1em;margin-top:10px;padding:12px 15px;transition:border-color .2s ease-in-out,box-shadow .2s ease-in-out;width:100%}.question select:focus{border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 0 0 3px #4f46e533;outline:none}.options{display:flex;flex-direction:column;gap:15px;margin-top:25px}.options button{background-color:#fff;background-color:var(--background-white);border:1px solid #ddd;border:1px solid var(--border-color);border-radius:8px;box-shadow:0 2px 10px #0000000d;color:#333;color:var(--text-dark);cursor:pointer;font-size:1.05em;font-weight:400;margin:0;padding:15px 20px;text-align:center;transition:all .2s ease-in-out;width:100%}.options button:hover{background-color:#f0f2ff;border-color:#4f46e5;border-color:var(--primary-color);box-shadow:0 4px 15px #0000001a;color:#4f46e5;color:var(--primary-color);transform:translateY(-2px)}.options button:active{box-shadow:0 1px 5px #00000014;transform:scale(.98)}.result-list{border-top:1px solid #ddd;border-top:1px solid var(--border-color);margin-top:30px;padding-top:20px;text-align:left}.result-item{color:#333;color:var(--text-dark);font-size:1.1em;font-weight:700;margin-bottom:10px}.result-item:last-child{margin-bottom:0}.app-body{display:flex;flex:1 1;gap:20px;justify-content:center;margin:0 auto;max-width:1400px;padding:20px;width:100%}.left-panel,.right-panel{flex:1 1;max-width:300px;padding-top:40px}.center-panel{flex:2 1;max-width:600px}.progress-steps{background-color:#fff;background-color:var(--background-white);border-radius:12px;box-shadow:0 4px 15px #0000001a;box-shadow:0 4px 15px var(--shadow-light);padding:20px}.progress-steps h3{color:#333;color:var(--text-dark);margin-top:0}.progress-step{border-left:4px solid #ddd;border-left:4px solid var(--border-color);border-radius:8px;color:#555;color:var(--text-medium);margin-bottom:10px;padding:10px 15px;transition:all .3s ease-in-out}.progress-step.active{background-color:#e8eafc;border-left-color:#4f46e5;border-left-color:var(--primary-color);color:#4f46e5;color:var(--primary-color);font-weight:700}.progress-step.completed{border-left-color:#28a745;border-left-color:var(--success-color);color:#28a745;color:var(--success-color);text-decoration:line-through}.context-box{background-color:#fff;background-color:var(--background-white);border-radius:12px;box-shadow:0 4px 15px #0000001a;box-shadow:0 4px 15px var(--shadow-light);color:#555;color:var(--text-medium);padding:20px}.context-box h4{color:#333;color:var(--text-dark);margin-top:0}.center-panel .intro-card,.center-panel .result-card{margin-top:0}@media (max-width:1024px){.app-body{flex-direction:column;padding:10px}.center-panel,.left-panel,.right-panel{max-width:100%;padding-top:0}.right-panel{margin-top:20px}}.result-container{background-color:#fff;background-color:var(--background-white);border-radius:15px;box-shadow:0 10px 30px #0000001a;display:flex;flex-direction:column;gap:30px;margin:40px auto;max-width:900px;padding:30px}.result-container.fade-in{animation:fadeIn .5s ease-in-out}.result-header{border-bottom:1px solid #ddd;border-bottom:1px solid var(--border-color);padding-bottom:20px;text-align:center}.result-main-title{color:#555;color:var(--text-medium);font-size:1.2em;margin-bottom:10px}.result-main-image{border:5px solid #4f46e5;border:5px solid var(--primary-color);border-radius:50%;box-shadow:0 4px 15px #00000026;height:180px;margin:0 auto 20px;object-fit:cover;width:180px}.result-job-type{color:#4f46e5;color:var(--primary-color);font-size:3em;font-weight:800;margin-bottom:10px}.result-subfield{color:#333;color:var(--text-dark);font-size:1.8em;font-weight:600;margin-bottom:20px;margin-top:-10px}.result-job-description{color:#555;color:var(--text-medium);font-size:1.1em;line-height:1.6;margin:0 auto;max-width:600px}.result-fallback-note{color:#555;color:var(--text-medium);font-size:.95em;margin-top:10px}.result-state-card{background:linear-gradient(145deg,#f8f9ff,#f1f4ff);border:1px solid #e4e8ff;border-radius:14px;padding:28px;text-align:center}.result-state-card h2{color:#333;color:var(--text-dark);margin:0 0 10px}.result-state-card p{color:#555;color:var(--text-medium);margin:0}.result-state-error{background:linear-gradient(145deg,#fff8f8,#fff2f2);border-color:#ffc8c8}.result-error-message{color:#d11a2a!important;font-weight:600;margin-top:10px!important}.result-top3-section{background:linear-gradient(145deg,#f8f9ff,#f1f4ff);border:1px solid #e4e8ff;border-radius:14px;padding:24px}.top3-job-cards{grid-gap:14px;display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.top3-job-card{background-color:#fff;background-color:var(--background-white);border:1px solid #e9ecff;border-radius:12px;box-shadow:0 6px 12px #4f46e514;padding:16px}.top3-card-head{align-items:center;display:flex;justify-content:space-between;margin-bottom:12px}.top3-rank-badge{background-color:#4f46e5;background-color:var(--primary-color);border-radius:999px;color:#fff;font-size:.85em;font-weight:700;padding:4px 10px}.top3-score{color:#4f46e5;color:var(--primary-color);font-weight:700}.result-meta{color:#555;color:var(--text-medium);font-size:.95em;font-weight:600;margin:10px 0 0}.result-summary-main{color:#333;color:var(--text-dark);font-size:1.02em;font-weight:700;margin:12px 0 0}.result-summary-sub{color:#555;color:var(--text-medium);font-size:.93em;margin:6px 0 0}.top3-job-name{color:#333;color:var(--text-dark);font-size:1.05em;margin:0 0 8px}.top3-job-desc{color:#555;color:var(--text-medium);font-size:.92em;line-height:1.45;margin:0}.result-details-section{grid-gap:25px;display:grid;gap:25px;grid-template-columns:1fr 1fr}@media (max-width:768px){.result-details-section,.top3-job-cards{grid-template-columns:1fr}}.result-scores-card,.result-subfields-card{background-color:#f5f7fa;background-color:var(--background-light);border-radius:12px;box-shadow:0 5px 15px #00000014;padding:25px}.section-title{border-bottom:2px solid #ddd;border-bottom:2px solid var(--border-color);color:#333;color:var(--text-dark);font-size:1.4em;font-weight:700;margin-bottom:20px;padding-bottom:10px}.score-list{display:flex;flex-direction:column;gap:15px}.score-empty-state{background-color:#fcfcff;border:1px dashed #ddd;border:1px dashed var(--border-color);border-radius:12px;padding:18px}.score-empty-state p{color:#555;color:var(--text-medium);line-height:1.5;margin:0}.score-empty-state p+p{margin-top:8px}.score-empty-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:14px}.score-empty-actions .button-primary,.score-empty-actions .button-secondary{font-size:.95em;margin:0;max-width:none;min-width:170px;padding:10px 16px;width:auto}.score-toggle-button{background-color:#fff;border:1px solid #ddd;border:1px solid var(--border-color);border-radius:10px;color:#333;color:var(--text-dark);cursor:pointer;font-weight:600;margin-top:16px;padding:10px 14px;transition:background-color .2s ease,border-color .2s ease;width:100%}.score-toggle-button:hover{background-color:#f5f6ff;border-color:#4f46e5;border-color:var(--primary-color)}.score-item{display:flex;flex-direction:column}.score-info{align-items:center;display:flex;font-size:1.05em;justify-content:space-between;margin-bottom:5px}.score-job-label{color:#555;color:var(--text-medium);font-weight:600}.score-value-display{background-color:#e8eafc;border-radius:20px;color:#4f46e5;color:var(--primary-color);font-weight:700;padding:4px 10px}.score-bar-container{background-color:#e0e0e0;border-radius:8px;height:14px;overflow:hidden;width:100%}.score-bar-fill{background-color:#4f46e5;background-color:var(--primary-color);border-radius:8px;height:100%;transition:width .5s ease-in-out}.subfield-list{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}.subfield-item{background-color:#e0e0e0;background-color:var(--secondary-color);border-radius:20px;color:#333;color:var(--text-dark);font-size:.95em;font-weight:500;padding:8px 15px;transition:background-color .2s}.subfield-item:hover{background-color:#d0d0d0;background-color:var(--secondary-hover-color)}.trait-list{display:flex;flex-direction:column;gap:10px;list-style:none;margin:0;padding:0}.trait-item{align-items:center;background-color:#f2f4ff;border-radius:10px;display:flex;justify-content:space-between;padding:10px 12px}.trait-label{color:#333;color:var(--text-dark);font-weight:600}.trait-score{color:#4f46e5;color:var(--primary-color);font-weight:700}.result-actions{align-items:center;display:flex;flex-direction:column;gap:20px;margin-top:20px}.result-action-buttons{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;width:100%}.button-primary,.button-secondary{border:none;border-radius:8px;cursor:pointer;font-size:1.1em;font-weight:700;max-width:300px;padding:15px 30px;transition:background-color .2s ease-in-out,transform .1s ease-in-out,box-shadow .2s ease-in-out;width:100%}.button-primary{background-color:#4f46e5;background-color:var(--primary-color);box-shadow:0 4px 15px #0000001a;color:#fff}.button-primary:hover{background-color:#4338ca;background-color:var(--primary-hover-color);box-shadow:0 6px 20px #0000001a;box-shadow:0 6px 20px var(--shadow-light);transform:translateY(-2px)}.button-secondary{background-color:#fff;background-color:var(--background-white);border:2px solid #4f46e5;border:2px solid var(--primary-color);box-shadow:0 4px 10px #0000000d;color:#4f46e5;color:var(--primary-color)}.button-secondary:hover{background-color:#f0f2ff;box-shadow:0 6px 15px #0000001a;box-shadow:0 6px 15px var(--shadow-light);transform:translateY(-2px)}.premium-callout{background-color:#f0f2ff;border-radius:12px;box-shadow:0 5px 15px #00000014;box-sizing:border-box;margin-top:20px;max-width:500px;padding:25px;text-align:center;width:100%}.premium-callout h4{color:#4f46e5;color:var(--primary-color);font-size:1.3em;font-weight:700;margin-bottom:10px}.premium-callout p{color:#555;color:var(--text-medium);font-size:.95em;margin-bottom:15px}.premium-callout .button-secondary{font-size:1em;padding:10px 25px;width:auto}.premium-callout-expanded{grid-gap:16px;background:linear-gradient(165deg,#f5f7ff,#fff);border:1px solid #d8e2ff;display:grid;gap:16px;max-width:860px;text-align:left;width:100%}.premium-hero{grid-gap:8px;display:grid;gap:8px}.premium-badge{background:#e8eeff;border:1px solid #cdd9ff;border-radius:999px;color:#1f2f76;display:inline-flex;font-size:.72rem;font-weight:800;letter-spacing:.04em;padding:5px 10px;width:-webkit-fit-content;width:fit-content}.premium-hero h3{color:#243367;font-size:1.4rem;margin:0}.premium-hero p{color:#4b5885;font-size:.95rem;line-height:1.55;margin:0}.premium-guide-grid{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.premium-guide-card{background:#fff;border:1px solid #d9e2ff;border-radius:12px;padding:12px}.premium-guide-card h4{color:#2b3c77;font-size:.95rem;margin:0 0 8px}.premium-guide-card ul{grid-gap:4px;color:#495986;display:grid;font-size:.84rem;gap:4px;line-height:1.45;margin:0;padding-left:16px}.premium-pricing-summary{grid-gap:8px;display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.premium-pricing-summary p{background:#fff;border:1px solid #d7e1ff;border-radius:10px;color:#33447c;font-size:.86rem;margin:0;padding:9px 10px}.premium-guide-actions{justify-content:flex-start}.history-open-result-action{justify-content:center;margin-top:20px}.history-record-button{max-width:340px}.history-record-button.delete-mode{border-style:dashed}.history-record-button.delete-selected{background:#fff1f1;border-color:#d25757;color:#8f1f1f}.history-open-result-button{grid-gap:4px;background:linear-gradient(135deg,#3f51b5,#5a72e6);border:1px solid #3349b6;border-radius:12px;box-shadow:0 10px 24px #354cbc47;display:grid;gap:4px;max-width:460px;padding:14px 18px;text-align:left;width:100%}.history-open-result-button:after{content:"→";font-size:1.1rem;opacity:.9;position:absolute;right:16px;top:50%;transform:translateY(-50%)}.history-open-result-button{position:relative}.history-open-result-label{color:#fff;font-size:1rem;font-weight:800;letter-spacing:-.01em}.history-open-result-sub{color:#ffffffeb;font-size:.82rem;font-weight:500}.history-open-result-button:hover{background:linear-gradient(135deg,#3547ab,#4f67dd)}.plan-overview-section{grid-gap:12px;display:grid;gap:12px}.plan-header-row{align-items:center;display:flex;gap:10px;justify-content:space-between}.plan-current-chip{align-items:center;border-radius:999px;display:inline-flex;font-size:.8rem;font-weight:700;padding:6px 10px}.plan-current-chip.free{background:#eef2ff;border:1px solid #cfdaff;color:#405087}.plan-current-chip.premium{background:#fff6e8;border:1px solid #ffd9a1;color:#8f4b00}.plan-recommendation-text{color:#3e4b7f;font-size:.9rem;margin:0}.plan-billing-toggle{border:1px solid #d5ddff;border-radius:10px;display:inline-flex;overflow:hidden;width:-webkit-fit-content;width:fit-content}.plan-toggle-button{background:#f7f9ff;border:0;color:#405087;cursor:pointer;font-size:.86rem;font-weight:700;padding:8px 12px}.plan-toggle-button.active{background:#3f51b5;color:#fff}.plan-card-grid{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.plan-card{grid-gap:10px;background:#fff;border:1px solid #d9e1ff;border-radius:14px;display:grid;gap:10px;padding:14px}.plan-card.current{border-color:#5b71e0;box-shadow:0 10px 24px #3f51b529}.plan-card-head{align-items:center;display:flex;gap:8px;justify-content:space-between}.plan-card-head h4{font-size:1.02rem;margin:0}.plan-card-badge{background:#ffecce;border:1px solid #ffd59a;border-radius:999px;color:#8f4b00;font-size:.75rem;font-weight:700;padding:3px 8px}.plan-price{color:#1f2e66;font-size:1.35rem;font-weight:800;margin:0}.plan-price span{color:#6070a9;font-size:.82rem;margin-left:4px}.plan-summary{color:#505d89;font-size:.88rem;margin:0}.plan-highlight-list{grid-gap:4px;color:#2d3a68;display:grid;font-size:.88rem;gap:4px;margin:0;padding-left:18px}.plan-card .button-primary,.plan-card .button-secondary{margin-top:4px;max-width:none;width:100%}.plan-compare-wrapper{overflow-x:auto}.plan-compare-table{border-collapse:collapse;font-size:.88rem;width:100%}.plan-compare-table td,.plan-compare-table th{border:1px solid #dce3ff;padding:10px;text-align:left}.plan-compare-table th{background:#f3f6ff;color:#2c3868;font-weight:700}.plan-faq-list{grid-gap:8px;display:grid;gap:8px;margin-top:12px}.plan-faq-list p{color:#43507f;font-size:.86rem;line-height:1.5;margin:0}.saved-result-container{max-width:980px}.app-toast{background-color:#1f2937;border-radius:10px;bottom:20px;box-shadow:0 8px 20px #0003;color:#fff;font-size:.9em;padding:10px 14px;position:fixed;right:20px;z-index:2000}@media (max-width:480px){.plan-card-grid,.premium-guide-grid,.premium-pricing-summary{grid-template-columns:1fr}.plan-header-row{align-items:flex-start;flex-direction:column}.plan-billing-toggle{width:100%}.plan-toggle-button{flex:1 1}.result-container{margin:20px auto;padding:20px}.result-main-image{height:120px;width:120px}.result-job-type{font-size:2.2em}.result-job-description{font-size:1em}.section-title{font-size:1.2em}.score-info{font-size:1em}.button-primary,.button-secondary{font-size:1em;padding:12px 20px}.premium-callout{padding:20px}.app-toast{bottom:12px;left:12px;right:12px;text-align:center}}
/*# sourceMappingURL=main.bfd4d020.css.map*/