.discover-page{min-height:100vh}.discover-container{padding:4px 0 72px}.discover-hero{margin-bottom:28px}.discover-title{font-family:var(--font-heading);letter-spacing:-.015em;color:var(--foreground);margin:0 0 5px;font-size:36px;font-weight:400;line-height:1.1}.discover-title em{color:color-mix(in oklch, var(--primary) 70%, var(--foreground));font-style:italic}.discover-subtitle{color:var(--muted-foreground);margin:0 0 24px;font-size:14px}.discover-tabs{border-bottom:1px solid var(--border);align-items:center;gap:24px;margin-bottom:24px;padding-bottom:0;display:flex}.discover-tab{color:var(--muted-foreground);border-bottom:3px solid #0000;align-items:center;gap:8px;margin-bottom:-1px;padding:10px 4px;font-size:14.5px;font-weight:500;text-decoration:none;transition:color .16s;display:inline-flex}.discover-tab:hover{color:var(--foreground)}.discover-tab-active{color:var(--primary);border-bottom-color:var(--primary)}.discover-tab-active:hover{color:color-mix(in oklch, var(--primary) 80%, black)}.discover-search-bar{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-lg);flex-wrap:wrap;align-items:center;gap:8px;padding:8px 12px;display:flex;box-shadow:0 1px 4px #0000000a}.discover-search-divider{background:var(--border);flex-shrink:0;width:1px;height:22px}.discover-search-field{flex:1;min-width:160px;position:relative}.discover-search-icon{color:var(--muted-foreground);pointer-events:none;width:15px;height:15px;position:absolute;top:50%;left:10px;transform:translateY(-50%)}.discover-search-input{background:var(--muted);border-radius:var(--radius-md);width:100%;height:36px;font:inherit;color:var(--foreground);border:1px solid #0000;outline:none;padding:0 10px 0 32px;font-size:13.5px;transition:border-color .16s,background .16s,box-shadow .16s}.discover-search-input::placeholder{color:var(--muted-foreground)}.discover-search-input:focus-visible{border-color:var(--ring);background:var(--card);box-shadow:0 0 0 3px color-mix(in oklch, var(--ring) 22%, transparent)}.discover-search-btn{background:var(--primary);height:36px;color:var(--primary-foreground);border-radius:var(--radius-md);font:inherit;cursor:pointer;white-space:nowrap;border:none;padding:0 16px;font-size:13px;font-weight:600;transition:background .16s}.discover-search-btn:hover{background:color-mix(in oklch, var(--primary) 88%, black)}.discover-clear-btn{border:1px solid var(--border);border-radius:var(--radius-md);height:36px;font:inherit;color:var(--muted-foreground);cursor:pointer;white-space:nowrap;background:0 0;padding:0 14px;font-size:13px;transition:background .16s,color .16s}.discover-clear-btn:hover{background:var(--muted);color:var(--foreground)}.discover-meta{color:var(--muted-foreground);margin-bottom:18px;font-size:13px}.discover-meta strong{color:var(--foreground);font-weight:500}.volunteer-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:16px;display:grid}@media (min-width:700px){.volunteer-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width:1060px){.volunteer-grid{grid-template-columns:repeat(3,1fr)}}.volunteer-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);color:inherit;flex-direction:column;text-decoration:none;transition:box-shadow .22s,border-color .22s,transform .22s;display:flex;overflow:hidden}.volunteer-card:hover{border-color:color-mix(in oklch, var(--primary) 40%, var(--border));transform:translateY(-2px);box-shadow:0 4px 20px #00000014,0 1px 4px #0000000a}.volunteer-card-banner{background:linear-gradient(135deg, color-mix(in oklch, var(--primary) 18%, var(--background)), color-mix(in oklch, var(--primary) 52%, var(--background)));flex-shrink:0;height:72px;position:relative}.volunteer-card-avatar-wrap{position:absolute;bottom:-26px;left:20px}.volunteer-card-avatar{border:3px solid var(--card);background:color-mix(in oklch, var(--primary) 12%, var(--card));width:56px;height:56px;font-family:var(--font-heading);color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:20px;font-weight:400;display:flex;overflow:hidden;box-shadow:0 2px 8px #0000001a}.volunteer-card-avatar img{object-fit:cover;width:100%;height:100%}.volunteer-card-body{flex-direction:column;flex:1;gap:8px;padding:36px 20px 14px;display:flex}.volunteer-card-name{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--foreground);margin:0;font-size:17px;font-weight:400;line-height:1.2;transition:color .16s}.volunteer-card:hover .volunteer-card-name{color:var(--primary)}.volunteer-card-location{color:var(--muted-foreground);align-items:center;gap:4px;font-size:12.5px;display:flex}.volunteer-card-desc{color:var(--muted-foreground);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:2px 0 0;font-size:13px;line-height:1.5;display:-webkit-box;overflow:hidden}.volunteer-card-tags{flex-wrap:wrap;gap:5px;margin-top:auto;padding-top:6px;display:flex}.volunteer-card-tag{background:color-mix(in oklch, var(--primary) 10%, var(--muted));height:20px;color:color-mix(in oklch, var(--primary) 80%, var(--foreground));letter-spacing:.01em;border-radius:10px;align-items:center;padding:0 8px;font-size:11px;font-weight:500;display:inline-flex}.volunteer-card-tag-more{background:var(--muted);color:var(--muted-foreground)}.volunteer-card-footer{border-top:1px solid var(--border);background:color-mix(in oklch, var(--muted) 30%, var(--card));justify-content:space-between;align-items:center;padding:10px 20px;display:flex}.volunteer-card-works{color:var(--muted-foreground);align-items:center;gap:5px;font-size:12px;display:flex}.volunteer-card-view{color:var(--primary);letter-spacing:.01em;font-size:12px;font-weight:600}.discover-empty{text-align:center;border:1px dashed var(--border);border-radius:var(--radius-xl);background:var(--card);flex-direction:column;justify-content:center;align-items:center;gap:14px;padding:80px 24px;display:flex}.discover-empty-icon{background:var(--muted);width:52px;height:52px;color:var(--muted-foreground);border-radius:50%;place-items:center;display:grid}.discover-empty-title{font-family:var(--font-heading);color:var(--foreground);margin:0;font-size:22px;font-weight:400}.discover-empty-desc{color:var(--muted-foreground);max-width:340px;margin:0;font-size:13.5px}.discover-error-icon{background:color-mix(in oklch, var(--destructive) 12%, transparent);width:52px;height:52px;color:var(--destructive);border-radius:50%;place-items:center;display:grid}.discover-pagination{justify-content:center;align-items:center;gap:8px;padding-top:48px;display:flex}.discover-page-btn{border-radius:var(--radius-md);border:1px solid var(--border);background:var(--card);width:36px;height:36px;color:var(--foreground);place-items:center;text-decoration:none;transition:background .16s,border-color .16s;display:grid}.discover-page-btn:hover:not(.discover-page-btn--disabled){background:var(--muted)}.discover-page-btn--disabled{opacity:.4;pointer-events:none}.discover-page-info{color:var(--muted-foreground);padding:0 8px;font-size:13px}.discover-page-info strong{color:var(--foreground);font-weight:500}@keyframes shimmer{0%{background-position:-600px 0}to{background-position:600px 0}}.skel{background:linear-gradient(90deg, var(--muted) 25%, color-mix(in oklch, var(--muted) 60%, var(--background)) 50%, var(--muted) 75%);border-radius:var(--radius-sm);background-size:1200px 100%;animation:1.6s ease-in-out infinite shimmer}.profile-page{background:color-mix(in oklch, var(--muted) 40%, var(--background));min-height:100vh;padding:24px 20px 72px}.profile-container{flex-direction:column;gap:12px;max-width:780px;margin:0 auto;display:flex}.profile-back{color:var(--muted-foreground);align-items:center;gap:6px;width:fit-content;margin-bottom:6px;font-size:13.5px;text-decoration:none;transition:color .16s;display:inline-flex}.profile-back:hover{color:var(--foreground)}.profile-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden;box-shadow:0 1px 4px #0000000a}.profile-banner{background:linear-gradient(135deg, color-mix(in oklch, var(--primary) 18%, var(--background)), color-mix(in oklch, var(--primary) 56%, var(--background)), color-mix(in oklch, var(--primary) 28%, var(--background)));height:140px;position:relative}.profile-banner:after{content:"";background-image:radial-gradient(circle at 80% 50%, color-mix(in oklch, var(--primary) 30%, transparent) 0%, transparent 60%);position:absolute;inset:0}.profile-avatar-wrap{z-index:2;position:absolute;bottom:-40px;left:28px}.profile-avatar{border:4px solid var(--card);background:color-mix(in oklch, var(--primary) 12%, var(--card));width:88px;height:88px;font-family:var(--font-heading);color:var(--primary);border-radius:50%;justify-content:center;align-items:center;font-size:30px;font-weight:400;display:flex;overflow:hidden;box-shadow:0 2px 12px #0000001f}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px;padding:52px 28px 24px;display:flex}.profile-identity{flex:1;min-width:0}.profile-name{font-family:var(--font-heading);letter-spacing:-.01em;color:var(--foreground);margin:0 0 7px;font-size:27px;font-weight:400;line-height:1.15}.profile-location{color:var(--muted-foreground);align-items:center;gap:5px;margin-bottom:14px;font-size:13.5px;display:flex}.profile-tags{flex-wrap:wrap;gap:6px;display:flex}.profile-tag{background:color-mix(in oklch, var(--primary) 10%, var(--muted));height:24px;color:color-mix(in oklch, var(--primary) 75%, var(--foreground));border-radius:12px;align-items:center;padding:0 10px;font-size:12px;font-weight:500;display:inline-flex}.profile-actions{flex-shrink:0;gap:8px;padding-top:2px;display:flex}.profile-btn-primary{background:var(--primary);height:36px;color:var(--primary-foreground);border-radius:var(--radius-md);font:inherit;cursor:pointer;border:none;align-items:center;gap:7px;padding:0 18px;font-size:13px;font-weight:600;text-decoration:none;transition:background .16s,transform 80ms;display:inline-flex}.profile-btn-primary:hover{background:color-mix(in oklch, var(--primary) 88%, black)}.profile-btn-primary:active{transform:translateY(1px)}.profile-section-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);padding:24px 28px;box-shadow:0 1px 4px #0000000a}.profile-section-title{font-family:var(--font-heading);letter-spacing:-.008em;color:var(--foreground);margin:0 0 16px;font-size:19px;font-weight:400}.profile-about-text{color:var(--muted-foreground);margin:0;font-size:14px;line-height:1.7}.profile-works{flex-direction:column;gap:0;display:flex}.profile-work-item{border-bottom:1px solid var(--border);align-items:flex-start;gap:14px;padding:14px 0;display:flex}.profile-work-item:first-child{padding-top:0}.profile-work-item:last-child{border-bottom:none;padding-bottom:0}.profile-work-icon-wrap{border-radius:var(--radius-sm);background:color-mix(in oklch, var(--primary) 10%, var(--muted));width:36px;height:36px;color:var(--primary);flex-shrink:0;place-items:center;display:grid}.profile-work-text{color:var(--foreground);margin:0;padding-top:8px;font-size:13.5px;line-height:1.55}.profile-no-works{color:var(--muted-foreground);padding:4px 0;font-size:13.5px}.profile-skill-tags{flex-wrap:wrap;gap:8px;display:flex}.profile-skill-tag{background:color-mix(in oklch, var(--primary) 8%, var(--muted));height:28px;color:color-mix(in oklch, var(--primary) 75%, var(--foreground));border:1px solid color-mix(in oklch, var(--primary) 20%, var(--border));border-radius:14px;align-items:center;padding:0 12px;font-size:12.5px;font-weight:500;transition:background .16s;display:inline-flex}.profile-skill-tag:hover{background:color-mix(in oklch, var(--primary) 15%, var(--muted))}.profile-skel-card{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);overflow:hidden}.profile-skel-banner{height:140px}.profile-skel-head{flex-direction:column;gap:10px;padding:52px 28px 24px;display:flex}.profile-skel-section{background:var(--card);border:1px solid var(--border);border-radius:var(--radius-xl);flex-direction:column;gap:10px;padding:24px 28px;display:flex}