*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--color-primary: #0B6E7A;--color-primary-hover: #095B65;--color-primary-light: color-mix(in srgb, var(--color-primary) 12%, transparent);--color-secondary: #E86A6A;--color-secondary-hover: #D45555;--color-secondary-light: color-mix(in srgb, var(--color-secondary) 12%, transparent);--color-accent: #E8B84B;--color-accent-hover: #D6A63A;--color-accent-light: color-mix(in srgb, var(--color-accent) 15%, transparent);--color-surface: #F5F3EE;--color-surface-hover: #EFECE5;--color-bg: #FAFAF9;--color-ink: #1C1B1A;--color-muted: #6B6A68;--color-border: #E2DFD8;--color-success: #2E9E6D;--color-success-hover: #268A5E;--color-success-light: color-mix(in srgb, var(--color-success) 12%, transparent);--color-warning: #D98C2E;--color-warning-hover: #C47A20;--color-warning-light: color-mix(in srgb, var(--color-warning) 12%, transparent);--color-danger: #C43A3A;--color-danger-hover: #A82E2E;--color-danger-light: color-mix(in srgb, var(--color-danger) 12%, transparent);--space-0: 0;--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 2px 8px rgba(0, 0, 0, .06);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .08);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .1);--motion-fast: .15s ease;--motion-normal: .2s ease;--motion-slow: .3s ease;--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji";--font-mono: "JetBrains Mono", "Fira Code", monospace;--text-xs: .6875rem;--text-sm: .8125rem;--text-base: .9375rem;--text-lg: 1.0625rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 1.875rem;--text-4xl: 2.25rem;--weight-normal: 400;--weight-medium: 500;--weight-semibold: 600;--weight-bold: 700;--weight-extrabold: 800;--leading-tight: 1.2;--leading-normal: 1.5;--leading-relaxed: 1.7}.dark{--color-primary: #14A0B0;--color-primary-hover: #1ABCCC;--color-primary-light: color-mix(in srgb, #14A0B0 15%, transparent);--color-secondary: #F27C7C;--color-secondary-hover: #FF9494;--color-secondary-light: color-mix(in srgb, #F27C7C 15%, transparent);--color-accent: #E8C84A;--color-accent-hover: #F0D060;--color-accent-light: color-mix(in srgb, #E8C84A 15%, transparent);--color-surface: #2A2A2A;--color-surface-hover: #333333;--color-bg: #1A1A1A;--color-ink: #F0EFEC;--color-muted: #9A9A98;--color-border: #3A3A3A;--color-success: #3CB88A;--color-success-hover: #4CCCA0;--color-success-light: color-mix(in srgb, #3CB88A 15%, transparent);--color-warning: #E8A840;--color-warning-hover: #F0B850;--color-warning-light: color-mix(in srgb, #E8A840 15%, transparent);--color-danger: #E05050;--color-danger-hover: #F06868;--color-danger-light: color-mix(in srgb, #E05050 15%, transparent);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .2);--shadow-md: 0 2px 8px rgba(0, 0, 0, .3);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .35);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .4)}html{font-size:16px;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);font-size:var(--text-base);font-weight:var(--weight-normal);line-height:var(--leading-normal);background:var(--color-bg);color:var(--color-ink);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;transition:background var(--motion-normal),color var(--motion-normal)}h1,h2,h3,h4,h5,h6{font-weight:var(--weight-bold);line-height:var(--leading-tight);color:var(--color-ink)}h1{font-size:var(--text-4xl);letter-spacing:-.03em}h2{font-size:var(--text-3xl);letter-spacing:-.02em}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-base)}p{margin-bottom:1rem}small{font-size:var(--text-sm)}a{color:var(--color-primary);text-decoration:none}a:hover{text-decoration:underline}.card{background:var(--color-surface);border-radius:var(--radius-lg);border:1px solid var(--color-border);padding:var(--space-5);box-shadow:var(--shadow-sm);transition:box-shadow var(--motion-fast),background var(--motion-normal)}.card:hover{box-shadow:var(--shadow-md)}.card-title{font-size:var(--text-xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2);color:var(--color-ink)}.card-subtitle{font-size:var(--text-sm);color:var(--color-muted);margin-bottom:var(--space-4)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:.5rem 1rem;font-family:var(--font-sans);font-size:var(--text-sm);font-weight:var(--weight-semibold);line-height:1.4;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:all var(--motion-fast);text-decoration:none;white-space:nowrap;-webkit-user-select:none;user-select:none}.btn:disabled{opacity:.5;cursor:not-allowed;pointer-events:none}.btn-primary{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}.btn-primary:hover:not(:disabled){background:var(--color-primary-hover);border-color:var(--color-primary-hover)}.btn-secondary{background:var(--color-secondary);color:#fff;border-color:var(--color-secondary)}.btn-secondary:hover:not(:disabled){background:var(--color-secondary-hover);border-color:var(--color-secondary-hover)}.btn-outline{background:transparent;color:var(--color-ink);border-color:var(--color-border)}.btn-outline:hover:not(:disabled){background:var(--color-surface-hover);border-color:var(--color-muted)}.btn-ghost{background:transparent;color:var(--color-muted);border-color:transparent}.btn-ghost:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-ink)}.btn-danger{color:var(--color-danger);border-color:var(--color-danger);background:transparent}.btn-danger:hover:not(:disabled){background:var(--color-danger);color:#fff}.btn-full{width:100%}.btn-sm{padding:.3125rem .75rem;font-size:.8125rem}.btn-lg{padding:.6875rem 1.5rem;font-size:var(--text-base)}.input{display:block;width:100%;padding:.5rem .75rem;font-family:var(--font-sans);font-size:var(--text-sm);line-height:1.5;color:var(--color-ink);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);transition:border-color var(--motion-fast),box-shadow var(--motion-fast);outline:none}.input:focus{border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-light)}.input::placeholder{color:var(--color-muted)}textarea.input{resize:vertical;min-height:80px}select.input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 12 12'%3E%3Cpath fill='%236B6A68' d='M6 8L1 3h10z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right .75rem center;padding-right:2rem}.input-group{display:flex;gap:var(--space-2)}.input-group .input{flex:1}.form-group{display:flex;flex-direction:column;gap:var(--space-1)}.form-label{font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--color-ink)}.form-hint{font-size:var(--text-xs);color:var(--color-muted)}.form-error{font-size:var(--text-xs);color:var(--color-danger)}.badge{display:inline-flex;align-items:center;padding:.125rem .5rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);white-space:nowrap;text-transform:capitalize}.badge-primary{background:var(--color-primary-light);color:var(--color-primary)}.badge-success{background:var(--color-success-light);color:var(--color-success)}.badge-warning{background:var(--color-warning-light);color:var(--color-warning)}.badge-danger{background:var(--color-danger-light);color:var(--color-danger)}.avatar{display:inline-flex;align-items:center;justify-content:center;border-radius:50%;flex-shrink:0;object-fit:cover;overflow:hidden}.avatar-sm{width:32px;height:32px}.avatar-md{width:40px;height:40px}.avatar-lg{width:56px;height:56px}.avatar-fallback{background:var(--color-primary);color:#fff;font-weight:var(--weight-semibold);font-size:var(--text-sm)}.star-rating{display:inline-flex;align-items:center;gap:2px}.star-rating .star{cursor:default;color:var(--color-border);transition:color var(--motion-fast);-webkit-user-select:none;user-select:none}.star-rating.interactive .star{cursor:pointer}.star-rating .star.filled,.star-rating .star.hovered{color:var(--color-accent)}.star-sm .star{font-size:1rem}.star-md .star{font-size:1.25rem}.star-lg .star{font-size:1.5rem}.status-badge{display:inline-flex;align-items:center;padding:.125rem .625rem;border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:var(--weight-semibold);text-transform:capitalize;white-space:nowrap}.status-primary{background:var(--color-primary-light);color:var(--color-primary)}.status-success{background:var(--color-success-light);color:var(--color-success)}.status-warning{background:var(--color-warning-light);color:var(--color-warning)}.status-danger{background:var(--color-danger-light);color:var(--color-danger)}.skill-badge{display:inline-flex;align-items:center;gap:.25rem;padding:.25rem .75rem;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:var(--weight-medium);white-space:nowrap}.skill-badge-offering{background:var(--color-primary);color:#fff}.skill-badge-seeking{background:var(--color-secondary);color:#fff}.alert{padding:var(--space-3) var(--space-4);border-radius:var(--radius-md);font-size:var(--text-sm);line-height:1.5;border:1px solid transparent}.alert-info{background:var(--color-primary-light);color:var(--color-primary);border-color:color-mix(in srgb,var(--color-primary) 25%,transparent)}.alert-success{background:var(--color-success-light);color:var(--color-success);border-color:color-mix(in srgb,var(--color-success) 25%,transparent)}.alert-warning{background:var(--color-warning-light);color:var(--color-warning);border-color:color-mix(in srgb,var(--color-warning) 25%,transparent)}.alert-danger{background:var(--color-danger-light);color:var(--color-danger);border-color:color-mix(in srgb,var(--color-danger) 25%,transparent)}.divider{border:none;border-top:1px solid var(--color-border);margin:var(--space-4) 0}.page{max-width:800px;margin:0 auto}.page-wide{max-width:1200px;margin:0 auto}.page-title{font-size:var(--text-3xl);font-weight:var(--weight-bold);margin-bottom:var(--space-2);color:var(--color-ink)}.page-subtitle{font-size:var(--text-base);color:var(--color-muted);margin-bottom:var(--space-6);line-height:var(--leading-normal)}.grid{display:grid;gap:var(--space-4)}.grid-2{grid-template-columns:repeat(2,1fr)}.grid-3{grid-template-columns:repeat(3,1fr)}.grid-4{grid-template-columns:repeat(4,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.flex-wrap{flex-wrap:wrap}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-1{gap:var(--space-1)}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-6{gap:var(--space-6)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mb-1{margin-bottom:var(--space-1)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.ml-auto{margin-left:auto}.mr-auto{margin-right:auto}.p-4{padding:var(--space-4)}.p-6{padding:var(--space-6)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-2{padding-top:var(--space-2);padding-bottom:var(--space-2)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.text-center{text-align:center}.text-right{text-align:right}.text-sm{font-size:var(--text-sm)}.text-xs{font-size:var(--text-xs)}.text-lg{font-size:var(--text-lg)}.text-muted{color:var(--color-muted)}.text-primary{color:var(--color-primary)}.text-danger{color:var(--color-danger)}.font-medium{font-weight:var(--weight-medium)}.font-semibold{font-weight:var(--weight-semibold)}.font-bold{font-weight:var(--weight-bold)}.truncate{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.token-value{font-family:var(--font-mono);font-size:var(--text-sm);background:var(--color-surface);padding:.125rem .375rem;border-radius:var(--radius-sm)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes slideUp{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}@keyframes slideInRight{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}.fade-in{animation:fadeIn var(--motion-normal) ease-out}.slide-up{animation:slideUp var(--motion-normal) ease-out}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--color-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-muted)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);border:0}@media(max-width:768px){.grid-2,.grid-3,.grid-4{grid-template-columns:1fr}:root{--text-4xl: 1.875rem;--text-3xl: 1.5rem}}@media(max-width:480px){.page{padding:0 var(--space-4)}}