.login-card-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f3f4f6;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:20px}.login-card{display:flex;width:950px;height:600px;background-color:#fff;border-radius:16px;box-shadow:0 10px 25px #0000000d;overflow:hidden}.login-left{flex:1;background:linear-gradient(135deg,#ffecd2,#fcb69f);display:flex;flex-direction:column;justify-content:center;align-items:center;padding:40px;text-align:center}.character-img{width:350px;height:auto;margin-bottom:0}.brand-title{font-size:3rem;font-weight:800;color:#111827;margin:-20px 0 0;letter-spacing:-1px}.brand-subtitle{font-size:1.1rem;color:#6b7280;margin-top:8px}.login-right{flex:1;padding:70px 60px;display:flex;flex-direction:column;justify-content:center}.form-container{max-width:380px;width:100%;margin:0 auto}.welcome-title{font-size:1.8rem;font-weight:800;color:#111827;margin:0 0 8px}.welcome-subtitle{color:#6b7280;font-size:.95rem;margin:0 0 35px}.form-group{margin-bottom:20px}.form-group label{display:block;font-size:.85rem;font-weight:700;color:#374151;margin-bottom:8px}.input-wrapper{display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:8px;padding:0 16px;height:48px;background-color:#f9fafb;transition:all .2s ease}.input-wrapper:focus-within{border-color:#f97316;box-shadow:0 0 0 2px #f973161a;background-color:#fff}.input-wrapper input{flex:1;border:none;background:transparent;outline:none;font-size:.95rem;color:#111827;width:100%}.login-button{width:100%;height:48px;background-color:#ea580c;color:#fff;border:none;border-radius:8px;font-size:1rem;font-weight:700;cursor:pointer;margin-top:10px;transition:background-color .2s,transform .1s;box-shadow:0 4px 6px -1px #ea580c33}.login-button:hover{background-color:#c2410c}.login-button:active{transform:translateY(1px)}.divider{display:flex;align-items:center;text-align:center;margin:28px 0;color:#9ca3af;font-size:.85rem}.divider:before,.divider:after{content:"";flex:1;border-bottom:1px solid #e5e7eb}.divider:before{margin-right:1em}.divider:after{margin-left:1em}.social-buttons{display:flex;gap:12px}.google-button{flex:1;height:48px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:#374151;cursor:pointer;transition:background-color .2s}.google-button:hover{background-color:#f9fafb}.google-button svg{margin-right:10px}.github-button{flex:1;height:48px;background-color:#fff;border:1px solid #e5e7eb;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:1rem;font-weight:600;color:#374151;cursor:pointer;transition:background-color .2s}.github-button:hover{background-color:#f9fafb}.github-button svg{margin-right:10px}.signup-text{text-align:center;margin-top:35px;font-size:.9rem;color:#6b7280}.signup-text .signup-link{color:#ea580c;font-weight:700;text-decoration:none;margin-left:6px;cursor:pointer}.signup-text .signup-link:hover{text-decoration:underline}.navbar{width:100%;height:60px;background-color:#fff;border-bottom:1px solid #eeeeee;display:flex;justify-content:center;align-items:center;position:sticky;top:0;z-index:1000}.navbar-container{width:100%;max-width:1200px;padding:0 20px;display:flex;justify-content:space-between;align-items:center}.navbar-logo{display:flex;align-items:center;cursor:pointer;gap:12px}.logo-icon{width:44px;height:44px;object-fit:contain}.logo-text{font-size:20px;font-weight:800;color:#333;letter-spacing:1px}.navbar-right{display:flex;align-items:center;gap:20px}.navbar-user{font-size:14px;color:#666}.welcome-text{font-weight:400}.nickname-link{color:#ff6b6b;font-weight:700;cursor:pointer;transition:color .2s,text-decoration .2s}.nickname-link:hover{color:#ff8e8e;text-decoration:underline}.logout-button{background:none;border:1px solid #eeeeee;padding:6px 12px;border-radius:6px;font-size:12px;font-weight:600;color:#888;cursor:pointer;transition:all .2s}.logout-button:hover{background-color:#f8f9fa;color:#ff6b6b;border-color:#ff6b6b}.main-page{min-height:100vh;background-color:#f8f9fa;display:flex;flex-direction:column}.main-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:40px 20px}.banner-section{margin-bottom:30px}.banner-card{background-color:#fff5eb;border-radius:20px;padding:0 0 20px;text-align:center;display:flex;flex-direction:column;align-items:center;overflow:visible}.banner-image{width:440px;height:auto;margin-top:-60px;margin-bottom:-100px}.banner-subtitle{font-size:14px;color:#ff6b6b;font-weight:500;margin-bottom:10px}.banner-title{font-size:32px;font-weight:800;line-height:1.3;color:#333}.banner-title .highlight{color:#ff6b6b}.action-section{display:flex;gap:20px;margin-bottom:40px}.action-button{flex:1;height:54px;border-radius:12px;border:1px solid #ffd8d8;background-color:#fff;font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center;gap:8px;color:#ee7c62;cursor:pointer;transition:all .2s}.action-button:hover{background-color:#fff5f5}.button-icon{font-size:20px}.project-section{margin-top:20px}.section-header{display:flex;align-items:center;gap:10px;margin-bottom:25px}.section-header-icon{font-size:22px;color:#ee7c62}.section-title{font-size:18px;font-weight:800;color:#333}.section-title .count{color:#999;font-weight:600;font-size:14px;margin-left:5px}.project-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(320px,1fr));gap:24px;margin-bottom:40px}.project-card{background-color:#fff;border-radius:16px;padding:30px;box-shadow:0 4px 15px #00000005;border:1px solid #f0f0f0;display:flex;flex-direction:column;gap:8px;transition:transform .2s}.project-card:hover{transform:translateY(-5px);box-shadow:0 8px 25px #0000000d}.card-title{font-size:20px;font-weight:800;color:#333;margin-bottom:4px}.card-date{font-size:13px;color:#999;font-weight:500}.card-leader{font-size:13px;color:#999;font-weight:500;margin-bottom:10px}.card-stats{display:flex;align-items:center;gap:12px;margin-bottom:20px;padding-top:15px;border-top:1px solid #f8f8f8}.stat-item{display:flex;align-items:center;gap:6px;font-size:13px;color:#999;font-weight:600}.stat-icon{font-size:18px}.stat-sep{color:#eee;font-size:12px}.card-detail-btn{width:100%;max-width:120px;margin:0 auto;padding:10px;background-color:#fff;border:1px solid #ee7c62;border-radius:8px;color:#ee7c62;font-size:13px;font-weight:700;cursor:pointer;transition:all .2s}.card-detail-btn:hover{background-color:#fff5f5}.discovery-footer{position:relative;display:flex;justify-content:center;align-items:center;margin-top:40px;padding-bottom:60px}.footer-line{position:absolute;top:50%;left:0;width:100%;height:1px;background-color:#e0e0e0;z-index:1}.discovery-more-btn{position:relative;z-index:2;display:flex;align-items:center;gap:8px;padding:10px 24px;background-color:#fff;border:1px solid #eee;border-radius:25px;font-size:13px;color:#888;font-weight:600;cursor:pointer;transition:all .2s}.discovery-more-btn:hover{background-color:#f8f9fa;border-color:#ccc}.empty-project{background-color:#fff;border-radius:16px;padding:60px 0;text-align:center;display:flex;flex-direction:column;align-items:center;box-shadow:0 2px 10px #0000000d}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:1000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.join-modal{background-color:#fff;width:90%;max-width:400px;padding:32px;border-radius:20px;box-shadow:0 20px 40px #0003;animation:slideUp .3s ease-out;display:flex;flex-direction:column;align-items:center;text-align:center}.modal-title{font-size:22px;font-weight:800;color:#333;margin-bottom:12px}.modal-desc{font-size:14px;color:#777;line-height:1.5;margin-bottom:24px}.modal-input{width:100%;padding:14px 16px;border:2px solid #f0f0f0;border-radius:12px;font-size:16px;margin-bottom:24px;transition:all .2s;box-sizing:border-box}.modal-input:focus{border-color:#ee7c62;background-color:#fff9f8;outline:none}.modal-buttons{display:flex;gap:12px;width:100%}.modal-btn{flex:1;padding:14px;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.modal-btn.cancel{background-color:#f5f5f5;color:#777;border:none}.modal-btn.cancel:hover{background-color:#eee}.modal-btn.submit{background-color:#ee7c62;color:#fff;border:none}.modal-btn.submit:hover{background-color:#e06b51}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.signup-page-wrapper{display:flex;justify-content:center;align-items:center;min-height:100vh;background-color:#f3f4f6;font-family:Pretendard,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica,Arial,sans-serif;padding:20px}.signup-card{width:100%;max-width:600px;background-color:#fff;border-radius:20px;box-shadow:0 10px 40px #00000014;padding:30px 40px;display:flex;flex-direction:column}.signup-title{font-size:1.8rem;font-weight:800;color:#111827;margin:0 0 8px}.signup-subtitle{color:#6b7280;font-size:.95rem;margin-bottom:30px}.stepper-container{display:flex;align-items:center;justify-content:space-between;margin-bottom:30px;position:relative}.step-item{display:flex;flex-direction:column;align-items:center;z-index:1;width:70px}.step-circle{width:44px;height:44px;border-radius:50%;background-color:#e5e7eb;color:#fff;display:flex;justify-content:center;align-items:center;font-size:1.2rem;font-weight:700;margin-bottom:8px;transition:all .3s ease}.step-label{font-size:.85rem;font-weight:700;color:#9ca3af;white-space:nowrap}.step-item.active .step-circle{background-color:#e57358;box-shadow:0 4px 12px #e573584d}.step-item.active .step-label{color:#e57358}.step-line{flex:1;height:2px;background-color:#e5e7eb;margin:0 -10px 24px}.signup-form-content{display:flex;flex-direction:column;gap:18px;margin-bottom:30px}.signup-form-group{display:flex;flex-direction:column}.signup-form-group label{font-size:.9rem;font-weight:700;color:#374151;margin-bottom:8px}.required-star{color:#e57358;margin-left:3px}.input-with-button{display:flex;gap:12px}.input-wrapper{display:flex;align-items:center;border:1px solid #e5e7eb;border-radius:10px;padding:0 18px;height:52px;background-color:#fff;transition:all .2s ease;box-sizing:border-box;position:relative}.input-with-button .input-wrapper{flex:1}.input-wrapper:focus-within{border-color:#e57358;box-shadow:0 0 0 2px #e573581a}.input-icon{color:#9ca3af;margin-right:12px;flex-shrink:0}.input-icon-clickable{color:#9ca3af;margin-left:12px;cursor:pointer;flex-shrink:0;transition:color .2s}.input-icon-clickable:hover{color:#4b5563}.input-wrapper input{flex:1;border:none!important;background:transparent!important;outline:none!important;padding:0!important;font-size:1rem;color:#111827;width:100%;height:100%!important;box-shadow:none!important}.input-wrapper input::placeholder{color:#9ca3af}.input-wrapper.input-error{border-color:#ef4444}.input-wrapper.input-success{border-color:#10b981}.check-button{width:130px;height:52px;background-color:#e57358;color:#fff;border:none;border-radius:10px;font-weight:700;font-size:.95rem;cursor:pointer;transition:background-color .2s;box-sizing:border-box}.check-button:hover{background-color:#d15a41}.tag-container{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.tag-item{display:flex;align-items:center;background-color:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:6px 14px;font-size:.9rem;color:#374151;font-weight:500}.tag-close{margin-left:8px;cursor:pointer;color:#9ca3af;font-size:.8rem}.tag-close:hover{color:#ef4444}.position-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.position-item{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px;border:1px solid #e5e7eb;border-radius:12px;background-color:#fff;cursor:pointer;transition:all .2s ease}.position-item:hover{border-color:#e57358;background-color:#fef2f2}.position-item.active{border-color:#e57358;background-color:#fef2f2;box-shadow:0 0 0 1px #e57358}.position-item.active .position-name{color:#e57358;font-weight:700}.position-icon{font-size:1.4rem;margin-bottom:6px}.position-name{font-size:.85rem;color:#374151;font-weight:500}.search-results{position:absolute;top:54px;left:0;right:0;background:#fff;border:1px solid #e5e7eb;border-radius:10px;box-shadow:0 4px 12px #0000001a;z-index:10;max-height:200px;overflow-y:auto}.result-item{padding:12px 18px;cursor:pointer;font-size:.95rem;color:#374151}.result-item:hover{background-color:#f3f4f6;color:#e57358}.next-button{width:100%;height:56px;background-color:#e57358;color:#fff;border:none;border-radius:12px;font-size:1.1rem;font-weight:700;cursor:pointer;transition:all .2s ease;margin-top:20px}.next-button:hover{background-color:#d15a41;transform:translateY(-1px)}.error-message{font-size:.85rem;color:#ef4444;margin-top:6px}.success-message{font-size:.85rem;color:#10b981;margin-top:6px}.relative{position:relative}.profile-page{min-height:100vh;background-color:#f8f9fa;display:flex;flex-direction:column}.profile-content{flex:1;width:100%;max-width:800px;margin:0 auto;padding:40px 20px;display:flex;flex-direction:column;gap:20px}.loading{display:flex;justify-content:center;align-items:center;height:100vh;font-size:18px;font-weight:600;color:#ff6b6b}.profile-card{background-color:#fff;border-radius:12px;padding:24px;box-shadow:0 2px 8px #0000000d}.card-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #f0f0f0;padding-bottom:15px;margin-bottom:20px}.card-title{font-size:16px;font-weight:700;color:#333}.header-icon{font-size:20px;color:#cbd5e0}.info-list{display:flex;flex-direction:column;gap:15px}.info-item{display:flex;align-items:center}.info-label{width:100px;font-size:14px;color:#777;font-weight:500}.info-value{font-size:14px;color:#333;font-weight:600}.info-value.link{color:#ff6b6b;text-decoration:underline}.edit-input{flex:1;padding:8px 12px;border:1px solid #ff6b6b;border-radius:6px;font-size:14px;outline:none}.stack-label{font-size:13px;color:#999;margin-bottom:10px;margin-top:15px}.position-tags,.skill-tags,.company-tags{display:flex;flex-wrap:wrap;gap:8px}.tag-button{padding:6px 12px;border-radius:8px;border:1px solid #eee;background-color:#fff;font-size:13px;color:#666;cursor:pointer}.tag-button.active{background-color:#fff5f5;border-color:#ff6b6b;color:#ff6b6b;font-weight:600}.skill-tag,.company-tag{display:flex;align-items:center;gap:6px;padding:6px 14px;border-radius:20px;background-color:#f1f3f5;font-size:13px;color:#495057}.tag-remove{cursor:pointer;font-size:10px;color:#adb5bd;display:flex;align-items:center;justify-content:center;width:14px;height:14px;border-radius:50%}.tag-remove:hover{background-color:#dee2e6;color:#495057}.skill-search{margin-top:25px;padding-top:20px;border-top:1px dashed #eee}.search-bar{display:flex;gap:10px}.search-bar input{flex:1;padding:10px 15px;border:1px solid #ddd;border-radius:6px;font-size:14px}.search-button{padding:0 20px;background-color:#ff6b6b;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer}.footer-actions{margin-top:10px;display:flex;justify-content:flex-end}.edit-link{background:none;border:none;color:#ff6b6b;font-weight:600;cursor:pointer;text-decoration:underline}.submit-button{width:80px;padding:10px;background-color:#ff6b6b;color:#fff;border:none;border-radius:6px;font-weight:600;cursor:pointer;align-self:center;margin:0 auto}.project-create-page{min-height:100vh;background-color:#f5f5f5;display:flex;flex-direction:column}.project-create-content{flex:1;width:100%;max-width:900px;margin:0 auto;padding:30px 20px 60px}.page-header{margin-bottom:20px}.page-title{font-size:14px;color:#999;font-weight:500}.create-card{background-color:#fff;border-radius:12px;padding:40px;box-shadow:0 4px 15px #00000008;border:1px solid #eee}.project-form{display:flex;flex-direction:column;gap:35px}.form-section{display:flex;flex-direction:column;gap:12px}.section-label{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:700;color:#666}.section-icon{font-size:20px}.form-input,.form-textarea{width:100%;padding:15px 20px;border:1px solid #f0f0f0;border-radius:8px;font-size:13px;color:#333;transition:all .2s;background-color:#fff}.form-input::placeholder,.form-textarea::placeholder{color:#ccc}.form-input:focus,.form-textarea:focus{border-color:#ff6b6b;outline:none;box-shadow:0 0 0 2px #ff6b6b0d}.form-textarea{min-height:120px;resize:none}.selected-tags{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:8px}.tech-tag{display:inline-flex;align-items:center;gap:6px;padding:8px 18px;background-color:#fff;border:1px solid #ff6b6b;border-radius:20px;font-size:12px;color:#ff6b6b;font-weight:500}.dropdown-container{position:relative;max-width:120px}.custom-dropdown{display:flex;align-items:center;justify-content:space-between;padding:10px 15px;border:1px solid #f0f0f0;border-radius:8px;font-size:13px;color:#666;cursor:pointer;background:#fff}.arrow-icon{font-size:18px;transition:transform .2s}.arrow-icon.open{transform:rotate(180deg)}.dropdown-menu{position:absolute;top:calc(100% + 5px);left:0;width:200px;background:#fff;border:1px solid #eee;border-radius:8px;box-shadow:0 5px 15px #0000001a;z-index:100;padding:10px}.dropdown-search{width:100%;padding:8px;border:1px solid #eee;border-radius:4px;font-size:12px;margin-bottom:8px}.dropdown-list{list-style:none;padding:0;margin:0;max-height:150px;overflow-y:auto}.dropdown-list li{padding:8px 12px;font-size:13px;cursor:pointer;border-radius:4px}.dropdown-list li:hover{background-color:#fff5f5;color:#ff6b6b}.domain-tags-container{display:flex;flex-wrap:wrap;gap:10px}.domain-tag{padding:8px 18px;border-radius:20px;border:1px solid #f0f0f0;background-color:#fff;font-size:12px;color:#777;cursor:pointer;transition:all .2s}.domain-tag.active{background-color:#fff5f5;border-color:#ffb8b8;color:#ff6b6b;font-weight:500}.date-picker-row{display:flex;align-items:center;gap:15px}.date-input-wrapper{flex:1;max-width:200px}.custom-date-picker{width:100%;padding:10px 15px;border:1px solid #f0f0f0;border-radius:8px;font-size:13px;color:#666;background-color:#fff}.date-sep{color:#999;font-size:14px}.huge-submit-button{margin-top:15px;width:100%;padding:18px;background-color:#ee7c62;color:#fff;border:none;border-radius:8px;font-size:15px;font-weight:700;cursor:pointer;transition:background-color .2s}.huge-submit-button:hover{background-color:#e26b52}.project-detail-page{min-height:100vh;background-color:#f8f9fa;display:flex;flex-direction:column}.project-detail-content{flex:1;width:100%;max-width:1200px;margin:0 auto;padding:30px 20px}.project-header-card{background-color:#fff;border-radius:20px;padding:32px;box-shadow:0 4px 20px #00000008;margin-bottom:30px;border:1px solid #f0f0f0}.header-main{display:flex;justify-content:space-between;align-items:flex-start}.title-row{display:flex;align-items:center;gap:12px;cursor:pointer;margin-bottom:12px}.project-name{font-size:26px;font-weight:800;color:#333}.toggle-icon{font-size:24px;color:#333}.project-meta{font-size:14px;color:#999;font-weight:500;margin-bottom:6px}.project-description-summary{font-size:14px;color:#868e96;margin-top:4px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.header-right{display:flex;align-items:center;gap:12px}.member-count-badge{background-color:#f8f9fa;padding:10px 16px;border-radius:10px;display:flex;align-items:center;gap:8px;font-size:14px;color:#666;font-weight:600}.m-icon{font-size:18px}.copy-code-button{background-color:#fff4f2;border:1px solid #ffd8d1;padding:10px 20px;border-radius:10px;display:flex;align-items:center;gap:8px;color:#ee7c62;font-size:14px;font-weight:700;cursor:pointer;transition:all .2s}.copy-code-button:hover{background-color:#ffe8e4}.edit-icon-button{background:none;border:none;font-size:24px;color:#ccc;cursor:pointer;padding:8px;display:flex;align-items:center;justify-content:center;transition:color .2s}.edit-icon-button:hover{color:#999}.header-details{margin-top:32px;padding-top:32px;border-top:1px solid #f8f8f8;display:flex;flex-direction:column;gap:24px}.detail-label{font-size:14px;font-weight:700;color:#999;margin-bottom:12px}.detail-tags{display:flex;flex-wrap:wrap;gap:10px}.detail-tag{background-color:#f2f4f6;padding:8px 16px;border-radius:8px;font-size:13px;color:#666;font-weight:600}.member-small-card.clickable{cursor:pointer;transition:all .2s}.member-small-card.clickable:hover{background-color:#fff4f2;border-color:#ee7c62;transform:translateY(-2px);box-shadow:0 4px 12px #ee7c621a}.member-cards-grid{display:flex;flex-wrap:wrap;gap:12px}.member-small-card{background-color:#f8f9fa;padding:16px 24px;border-radius:12px;display:flex;flex-direction:column;gap:4px;min-width:140px}.m-name{font-size:15px;font-weight:800;color:#333}.m-pos{font-size:12px;color:#999;font-weight:500}.detail-footer{display:flex;justify-content:flex-end;margin-top:10px}.leave-project-link{background:none;border:none;color:#ee7c62;font-size:13px;font-weight:700;text-decoration:underline;cursor:pointer}.recommend-container{display:flex;gap:30px}.recommend-sidebar{width:160px;display:flex;flex-direction:column;gap:8px}.sidebar-item{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:12px;font-size:15px;color:#666;font-weight:600;cursor:pointer;transition:all .2s}.sidebar-item:hover{background-color:#f0f0f0}.sidebar-item.active{background-color:#fff4f2;color:#ee7c62}.s-icon{font-size:20px}.recommend-main{flex:1}.recommend-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.recommend-title{font-size:20px;font-weight:800;color:#333}.recommend-count{font-size:14px;color:#999;font-weight:600}.topic-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px}.topic-card{background-color:#fff;border-radius:16px;padding:24px;border:1px solid #f0f0f0;display:flex;flex-direction:column;gap:12px;position:relative;box-shadow:0 2px 10px #00000005}.topic-card-header{display:flex;justify-content:space-between;align-items:flex-start;color:#333;line-height:1.4;flex:1;padding-right:10px}.bookmark-icon{font-size:22px;color:#ddd;cursor:pointer}.bookmark-icon.active{color:#ee7c62}.topic-domain-tag{align-self:flex-start;background-color:#f8f9fa;padding:4px 10px;border-radius:6px;font-size:12px;color:#999;font-weight:600}.topic-footer{margin-top:auto;padding-top:12px;border-top:1px solid #f8f8f8}.topic-skills{display:flex;flex-wrap:wrap;gap:6px}.t-skill-tag{background-color:#f0f0f0;padding:4px 10px;border-radius:6px;font-size:12px;color:#777;font-weight:500}.more-button-container{display:flex;justify-content:center;margin-top:32px;padding-bottom:40px}.more-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;background:none;border:1px solid #eee;border-radius:20px;font-size:13px;color:#999;font-weight:600;cursor:pointer}.more-btn:hover{background-color:#f8f9fa}.modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:2000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:fadeIn .2s ease-out}.alert-modal{background-color:#fff;width:90%;max-width:320px;padding:32px;border-radius:24px;box-shadow:0 20px 40px #0000001a;display:flex;flex-direction:column;align-items:center;text-align:center;animation:scaleUp .3s cubic-bezier(.34,1.56,.64,1)}.alert-icon-wrap{width:60px;height:60px;background-color:#fff4f2;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.alert-icon{font-size:28px;color:#ee7c62}.modal-confirm-btn{width:100%;padding:14px;background-color:#ee7c62;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s;margin-top:8px}.modal-confirm-btn:hover{background-color:#e06b51}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes scaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}.user-profile-modal{background-color:#fff;width:90%;max-width:380px;padding:24px;border-radius:20px;box-shadow:0 20px 40px #0003;animation:scaleUp .3s cubic-bezier(.34,1.56,.64,1);position:relative;overflow:hidden}.profile-header{display:flex;align-items:center;margin-bottom:24px;padding-bottom:20px;border-bottom:1px solid #f0f0f0}.profile-avatar{width:50px;height:50px;background-color:#ee7c62;color:#fff;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:24px;font-weight:800;margin-right:16px;box-shadow:0 4px 10px #ee7c624d}.profile-title-wrap{flex:1}.profile-nickname{font-size:18px;font-weight:800;color:#333;margin-bottom:4px}.profile-position-label{font-size:13px;color:#ee7c62;font-weight:600}.close-x-btn{background:none;border:none;font-size:18px;color:#ccc;cursor:pointer;padding:4px}.profile-body{display:flex;flex-direction:column;gap:20px}.profile-info-group{display:flex;flex-direction:column;gap:8px}.p-info-label{font-size:12px;font-weight:700;color:#adb5bd;text-transform:uppercase}.p-info-value{font-size:14px;color:#495057;font-weight:500}.p-company-tags,.p-skill-tags{display:flex;flex-wrap:wrap;gap:6px}.p-company-tag{font-size:13px;background-color:#f1f3f5;color:#495057;padding:4px 10px;border-radius:6px}.p-skill-tag{font-size:12px;background-color:#fff4f2;color:#ee7c62;padding:4px 10px;border-radius:6px;font-weight:500}.profile-close-btn{width:100%;margin-top:32px;padding:14px;background-color:#333;color:#fff;border:none;border-radius:12px;font-size:14px;font-weight:700;cursor:pointer;transition:background-color .2s}.profile-close-btn:hover{background-color:#000}.loading-spinner-wrap{background-color:#fff;padding:30px 40px;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:16px}.loading-spinner{width:30px;height:30px;border:3px solid #f3f3f3;border-top:3px solid #ee7c62;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.topic-detail-view{display:flex;flex-direction:column;gap:20px;animation:fadeIn .3s ease-out}.topic-detail-header-card{background-color:#fff;border-radius:20px;padding:32px;border:1px solid #f0f0f0;box-shadow:0 4px 20px #00000005}.topic-header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.topic-domain-badge{background-color:#fff4f2;color:#ee7c62;padding:6px 14px;border-radius:8px;font-size:13px;font-weight:700}.topic-actions{display:flex;gap:12px}.topic-action-btn{display:flex;align-items:center;gap:6px;background-color:#f8f9fa;border:1px solid #eee;padding:8px 14px;border-radius:20px;font-size:14px;color:#999;font-weight:600;cursor:pointer;transition:all .2s}.topic-action-btn:hover{background-color:#f0f0f0}.topic-action-btn.active{background-color:#fff4f2;border-color:#ffd8d1;color:#ee7c62}.topic-action-btn.active span{color:#ee7c62}.topic-detail-title{font-size:24px;font-weight:800;color:#333;margin-bottom:16px}.topic-detail-skills{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:20px}.td-skill-tag{background-color:#f1f3f5;padding:6px 14px;border-radius:8px;font-size:13px;color:#666;font-weight:600}.topic-detail-description{font-size:15px;color:#666;line-height:1.6;margin-bottom:32px}.topic-metadata-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;padding-top:24px;border-top:1px solid #f8f8f8}.metadata-item{display:flex;flex-direction:column;gap:10px}.meta-label{font-size:13px;font-weight:700;color:#999}.meta-value-wrap{display:flex;align-items:center;gap:8px}.meta-value-wrap-difficult{display:flex;flex-direction:column;gap:6px}.meta-icon{font-size:16px}.meta-value{font-size:15px;font-weight:800;color:#333}.difficulty-bars{display:flex;gap:4px}.diff-bar{width:24px;height:4px;background-color:#eee;border-radius:2px}.diff-bar.active{background-color:#ee7c62}.topic-nav-actions{background-color:#fff;border-radius:16px;padding:20px 32px;display:flex;justify-content:space-between;align-items:center;border:1px solid #f0f0f0}.nav-info-text{font-size:14px;color:#333;font-weight:600}.nav-buttons{display:flex;gap:12px}.back-to-list-btn,.re-elaborate-btn{background-color:#fff;border:1px solid #eee;padding:10px 20px;border-radius:10px;font-size:14px;font-weight:700;color:#666;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.back-to-list-btn:hover,.re-elaborate-btn:hover{background-color:#f8f9fa}.elaborate-btn{background-color:#fff4f2;border:1px solid #ffd8d1;padding:10px 24px;border-radius:10px;font-size:14px;font-weight:700;color:#ee7c62;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s}.elaborate-btn:hover{background-color:#ffe8e4}.elaboration-section{background-color:#fff;border-radius:24px;padding:40px;border:1px solid #f0f0f0;display:flex;flex-direction:column;gap:32px;box-shadow:0 4px 30px #00000008}.elab-status-badge{background-color:#ee7c62;color:#fff;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:700;display:inline-flex;align-items:center;gap:6px}.elab-title{font-size:20px;font-weight:800;color:#333;margin-top:-10px}.elab-subtitle{font-size:14px;color:#999;margin-top:-20px;font-weight:500}.elab-group{display:flex;flex-direction:column;gap:16px}.elab-group-label{font-size:14px;font-weight:800;color:#999}.feature-list{display:flex;flex-direction:column;gap:12px}.feature-item{background-color:#f8f9fa;padding:24px;border-radius:16px;display:flex;gap:20px;transition:transform .2s}.feature-item:hover{transform:translate(5px)}.feature-num{width:32px;height:32px;background-color:#fff4f2;color:#ee7c62;border-radius:10px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:16px;flex-shrink:0}.f-title{font-size:15px;font-weight:800;color:#333;margin-bottom:6px}.f-desc{font-size:13px;color:#888;line-height:1.5}.elab-skill-tags{display:flex;flex-wrap:wrap;gap:12px}.e-skill-tag{padding:8px 16px;border-radius:10px;border:1px solid #eee;font-size:13px;font-weight:700;color:#444}.differentiation-card{background-color:#fffaf0;border-radius:16px;padding:24px;display:flex;gap:16px;border:1px solid #fff0d0}.diff-icon{font-size:24px;color:#ffc107;flex-shrink:0}.diff-text{font-size:14px;color:#555;line-height:1.6;font-weight:500}.elab-footer{display:flex;justify-content:space-between;align-items:center;padding-top:32px;border-top:1px solid #f8f8f8}.difficulty-display{display:flex;flex-direction:column;gap:10px}.diff-label-text{font-size:13px;color:#999;font-weight:600}.btn-icon{font-size:18px}.topic-detail-loading{padding:100px;text-align:center;font-weight:700;color:#999}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}*{box-sizing:border-box;margin:0;padding:0}body{margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f8f9fa;color:#333}.common-modal-overlay{position:fixed;top:0;left:0;width:100%;height:100%;background-color:#0006;display:flex;justify-content:center;align-items:center;z-index:9999;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);animation:commonFadeIn .2s ease-out}.common-alert-modal{background-color:#fff;width:90%;max-width:340px;padding:32px;border-radius:24px;box-shadow:0 20px 40px #00000026;display:flex;flex-direction:column;align-items:center;text-align:center;animation:commonScaleUp .3s cubic-bezier(.34,1.56,.64,1)}.common-modal-icon-wrap{width:64px;height:64px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:20px}.common-modal-icon-wrap.success{background-color:#fff4f2;color:#ee7c62}.common-modal-icon-wrap.error{background-color:#fff0f0;color:#ff5252}.common-modal-icon-wrap.info{background-color:#f0f7ff;color:#4dabf7}.common-modal-title{font-size:20px;font-weight:800;color:#333;margin-bottom:12px}.common-modal-desc{font-size:14px;color:#777;line-height:1.6;margin-bottom:24px;white-space:pre-line}.common-modal-btn{width:100%;padding:14px;background-color:#ee7c62;color:#fff;border:none;border-radius:12px;font-size:15px;font-weight:700;cursor:pointer;transition:all .2s}.common-modal-btn:hover{background-color:#e06b51}.common-modal-btn.error{background-color:#ff5252}.common-modal-btn.error:hover{background-color:#e04545}@keyframes commonFadeIn{0%{opacity:0}to{opacity:1}}@keyframes commonScaleUp{0%{transform:scale(.9);opacity:0}to{transform:scale(1);opacity:1}}