.discover-skills-page{min-height:100%;padding:32px 40px;background:linear-gradient(180deg,#fefdfb,#faf8f5)}.discover-skills-page .MuiTypography-root{color:#1a1a1a!important}.discover-skills-page .MuiTypography-colorTextSecondary,.discover-skills-page .MuiTypography-body2{color:#6b7280!important}.discover-skills-page .MuiTypography-caption{color:#9ca3af!important}.discover-skills-header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:1.5rem;flex-wrap:wrap;gap:1rem}.discover-title-section{flex:1}.discover-title{color:#1a1a1a;font-weight:700;font-size:1.75rem;margin-bottom:.5rem;display:flex;align-items:center;gap:.5rem;letter-spacing:-.02em}.title-icon{color:#e86e3a;font-size:1.5rem!important}.discover-subtitle{color:#6b7280;font-size:.95rem;line-height:1.5}.my-skills-button{border-color:#e86e3a66;color:#e86e3a;text-transform:none;font-weight:600;border-radius:10px}.my-skills-button:hover{background:#e86e3a14;border-color:#e86e3a}.discover-tabs{margin-bottom:1.5rem;border-bottom:1px solid rgba(0,0,0,.08)}.discover-tabs .MuiTabs-indicator{background-color:#e86e3a;height:3px;border-radius:3px 3px 0 0}.discover-tabs .MuiTab-root{color:#6b7280;text-transform:none;font-weight:500;font-size:.95rem;min-height:48px}.discover-tabs .MuiTab-root.Mui-selected{color:#e86e3a;font-weight:600}.discover-skills-content{max-width:1200px;margin:0 auto}.loading-container{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem;gap:1rem;color:#6b7280}.loading-container .MuiCircularProgress-root{color:#e86e3a}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:4rem 2rem;text-align:center;background:#fffc;border:1px dashed rgba(232,110,58,.3);border-radius:20px}.empty-icon{font-size:4rem;color:#e86e3a;opacity:.5;margin-bottom:1rem}.empty-state h6{color:#1a1a1a;margin-bottom:.5rem}.discover-card{background:#fffffff2;border:1px solid rgba(0,0,0,.06);border-radius:16px;transition:all .25s ease;height:100%;display:flex;flex-direction:column;box-shadow:0 2px 12px -4px #00000014}.discover-card:hover{border-color:#e86e3a4d;box-shadow:0 8px 32px -8px #e86e3a2e;transform:translateY(-2px)}.card-header{display:flex;align-items:flex-start;gap:1rem;margin-bottom:.75rem}.card-icon{width:52px;height:52px;border-radius:14px;background:linear-gradient(135deg,#fef3ef,#fde8df);display:flex;align-items:center;justify-content:center;color:#e86e3a;flex-shrink:0;border:1px solid rgba(232,110,58,.15)}.card-icon .MuiSvgIcon-root{font-size:1.5rem}.card-title-section{flex:1;min-width:0}.card-title{color:#1a1a1a;font-weight:600;font-size:1.1rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-chips{display:flex;flex-wrap:wrap;gap:.35rem;margin-top:.35rem}.public-chip{font-size:.7rem;height:22px;background:#10b9811a!important;color:#059669!important;border:none!important}.public-chip .MuiChip-icon{color:#10b981!important;font-size:.85rem}.mine-chip{font-size:.7rem;height:22px;background:#3b82f61a!important;color:#2563eb!important}.card-description{margin-bottom:.75rem;color:#6b7280;line-height:1.5;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.card-meta{display:flex;gap:1rem;margin-top:.5rem;color:#9ca3af}.meta-item{display:flex;align-items:center;gap:.35rem}.card-actions{padding:0 16px 16px}.discover-state{min-height:calc(100vh - 96px);display:flex;align-items:center;justify-content:center}.discover-state-card{width:min(100%,720px);padding:2rem;text-align:center;border-radius:20px;background:#fffffff2;border:1px solid rgba(0,0,0,.06);box-shadow:0 4px 24px -8px #0000001a}.discover-title{margin:0}.discover-title--solo{justify-content:center;margin-bottom:1rem}.discover-auth-copy{margin:0;color:#6b7280}.discover-auth-actions{display:flex;justify-content:center;gap:1rem;margin-top:1.5rem}.title-icon-badge,.empty-icon,.card-icon,.meta-icon{display:inline-flex;align-items:center;justify-content:center;font-weight:700;letter-spacing:.06em}.title-icon-badge{width:2rem;height:2rem;border-radius:999px;background:linear-gradient(135deg,#fef3ef,#fde8df);color:#e86e3a;font-size:.72rem}.discover-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;background:transparent;color:#6b7280;font:inherit;font-weight:500;font-size:.95rem;min-height:48px;padding:0 .75rem;cursor:pointer;border-bottom:3px solid transparent}.discover-tab.is-active{color:#e86e3a;font-weight:600;border-bottom-color:#e86e3a}.discover-controls{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap;margin:1rem 0 1.25rem}.discover-search-wrap{position:relative;flex:1 1 320px;max-width:480px}.discover-search-icon{position:absolute;left:.75rem;top:50%;transform:translateY(-50%);display:inline-flex;align-items:center;color:#9ca3af;font-size:1.05rem;pointer-events:none}.discover-search{width:100%;min-height:44px;padding:0 .9rem 0 2.2rem;border-radius:10px;border:1px solid rgba(0,0,0,.12);background:#fffffff5;color:#1a1a1a;font:inherit;font-size:.95rem;box-sizing:border-box;transition:border-color .16s ease,box-shadow .16s ease}.discover-search::-moz-placeholder{color:#9ca3af}.discover-search::placeholder{color:#9ca3af}.discover-search:focus{outline:none;border-color:#e86e3a99;box-shadow:0 0 0 3px #e86e3a29}.discover-result-count{margin:0;color:#6b7280;font-size:.9rem;font-weight:500;white-space:nowrap}.discover-primary-button,.discover-secondary-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:.75rem 1.25rem;border-radius:10px;font-size:.95rem;font-weight:600;text-decoration:none;transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;box-sizing:border-box}.discover-primary-button{border:0;cursor:pointer;color:#fff;background:linear-gradient(135deg,#e86e3a,#e05252);box-shadow:0 12px 30px -18px #e86e3ae6}.discover-secondary-link{border:1px solid rgba(232,110,58,.4);color:#e86e3a;background:#ffffffe6}.discover-primary-button:hover,.discover-secondary-link:hover{transform:translateY(-1px)}.discover-primary-button:disabled{cursor:not-allowed;opacity:.7;transform:none}.discover-header-link{align-self:flex-start}.discover-empty-link{margin-top:1.25rem}.discover-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1.5rem}.discover-card__body{padding:1rem 1rem .75rem;display:flex;flex:1;flex-direction:column}.discover-chip{display:inline-flex;align-items:center;justify-content:center;min-height:22px;padding:0 .55rem;border-radius:999px;font-size:.7rem;font-weight:700}.card-icon{font-size:.85rem}.meta-icon{width:1.35rem;height:1.35rem;border-radius:999px;background:#e86e3a14;color:#e86e3a;font-size:.58rem}.card-actions{display:flex;gap:.6rem}.discover-card-button{flex:1 1 0;min-width:0;padding-left:.75rem;padding-right:.75rem}.discover-preview-backdrop{position:fixed;inset:0;z-index:50;display:flex;align-items:center;justify-content:center;padding:1rem;background:#0f172a8c}.discover-preview{position:relative;width:min(100%,640px);max-height:min(86vh,760px);display:flex;flex-direction:column;padding:1.5rem;border-radius:18px;background:#fff;box-shadow:0 28px 60px -28px #0f172a8c}.discover-preview-close-x{position:absolute;top:.75rem;right:.85rem;width:2rem;height:2rem;border:0;border-radius:999px;background:transparent;color:#6b7280;font-size:1.5rem;line-height:1;cursor:pointer}.discover-preview-close-x:hover{background:#0000000f;color:#1a1a1a}.discover-preview-title{margin:0 2rem .5rem 0;color:#1a1a1a;font-size:1.25rem;line-height:1.3}.discover-preview-meta{display:flex;flex-wrap:wrap;gap:1rem;margin-bottom:.75rem;color:#6b7280;font-size:.85rem}.discover-preview-meta-item{display:inline-flex;align-items:center;gap:.4rem}.discover-preview-description{margin:0 0 1rem;color:#4b5563;line-height:1.5}.discover-preview-content-wrap{flex:1;min-height:120px;overflow:auto;border-radius:12px;background:#f8fafc;border:1px solid rgba(0,0,0,.07)}.discover-preview-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem 1rem;color:#6b7280}.discover-preview-error{margin:0;padding:1.25rem;color:#b91c1c}.discover-preview-content{margin:0;padding:1rem 1.1rem;white-space:pre-wrap;word-break:break-word;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:.85rem;line-height:1.6;color:#1f2937}.discover-preview-actions{display:flex;justify-content:flex-end;gap:.75rem;margin-top:1.25rem}.discover-toast{position:fixed;left:50%;bottom:1.5rem;transform:translate(-50%);z-index:40;padding:.85rem 1rem;border-radius:12px;background:#111827f0;color:#fff;box-shadow:0 20px 40px -20px #00000073}.discover-spinner{width:2rem;height:2rem;margin:0 auto 1rem;border-radius:999px;border:3px solid rgba(232,110,58,.16);border-top-color:#e86e3a;animation:discover-skills-spin .8s linear infinite}@keyframes discover-skills-spin{to{transform:rotate(360deg)}}@media(max-width:768px){.discover-skills-page{padding:24px 18px}.discover-auth-actions,.discover-skills-header{flex-direction:column;align-items:stretch}.discover-header-link,.discover-secondary-link,.discover-primary-button{width:100%}}
