:root{--md-sys-color-primary: #2D5A27;--md-sys-color-on-primary: #FFFFFF;--md-sys-color-primary-container: #B0F0A4;--md-sys-color-on-primary-container: #062100;--md-sys-color-primary-hover: #1E4A1A;--md-sys-color-secondary: #8B5A2B;--md-sys-color-on-secondary: #FFFFFF;--md-sys-color-secondary-container: #FFDDB7;--md-sys-color-on-secondary-container: #2E1500;--md-sys-color-tertiary: #D97706;--md-sys-color-on-tertiary: #FFFFFF;--md-sys-color-tertiary-container: #FFDEA3;--md-sys-color-on-tertiary-container: #261A00;--md-sys-color-error: #BA1A1A;--md-sys-color-on-error: #FFFFFF;--md-sys-color-error-container: #FFDAD6;--md-sys-color-on-error-container: #410002;--md-sys-color-surface: #F7F4EE;--md-sys-color-on-surface: #1C1B17;--md-sys-color-surface-variant: #E4E2D8;--md-sys-color-on-surface-variant: #47473E;--md-sys-color-surface-container: #EFECD6;--md-sys-color-surface-container-low: #F5F2EC;--md-sys-color-surface-container-high: #E9E7DD;--md-sys-color-surface-container-highest: #E3E1D7;--md-sys-color-outline: #79776E;--md-sys-color-outline-variant: #C9C6BC;--md-sys-color-inverse-surface: #313027;--md-sys-color-inverse-on-surface: #F4F1E6;--md-sys-color-shadow: rgba(0, 0, 0, .08);--md-sys-elevation-1: 0 1px 3px 1px rgba(0,0,0,.06), 0 1px 2px 0 rgba(0,0,0,.1);--md-sys-elevation-2: 0 2px 6px 2px rgba(0,0,0,.06), 0 1px 2px 0 rgba(0,0,0,.1);--md-sys-elevation-3: 0 4px 8px 3px rgba(0,0,0,.06), 0 1px 3px 0 rgba(0,0,0,.1);--md-sys-shape-corner-xs: 4px;--md-sys-shape-corner-sm: 8px;--md-sys-shape-corner-md: 12px;--md-sys-shape-corner-lg: 16px;--md-sys-shape-corner-xl: 28px;--md-sys-shape-corner-full: 9999px;--md-sys-typescale-display-large: 600 2.8125rem/3.25rem "Outfit", sans-serif;--md-sys-typescale-display-medium: 500 2.25rem/2.75rem "Outfit", sans-serif;--md-sys-typescale-headline-large: 600 2rem/2.5rem "Outfit", sans-serif;--md-sys-typescale-headline-medium: 500 1.75rem/2.25rem "Outfit", sans-serif;--md-sys-typescale-headline-small: 500 1.5rem/2rem "Outfit", sans-serif;--md-sys-typescale-title-large: 500 1.375rem/1.75rem "Outfit", sans-serif;--md-sys-typescale-title-medium: 500 1rem/1.5rem "Outfit", sans-serif;--md-sys-typescale-title-small: 500 .875rem/1.25rem "Outfit", sans-serif;--md-sys-typescale-body-large: 400 1rem/1.5rem "Outfit", sans-serif;--md-sys-typescale-body-medium: 400 .875rem/1.25rem "Outfit", sans-serif;--md-sys-typescale-body-small: 400 .75rem/1rem "Outfit", sans-serif;--md-sys-typescale-label-large: 500 .875rem/1.25rem "Outfit", sans-serif;--md-sys-typescale-label-medium: 500 .75rem/1rem "Outfit", sans-serif;--md-sys-typescale-label-small: 500 .6875rem/1rem "Outfit", sans-serif;--md-sys-motion-duration-short: .15s;--md-sys-motion-duration-medium: .3s;--md-sys-motion-duration-long: .5s;--md-sys-motion-easing-standard: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-emphasized: cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-decelerate: cubic-bezier(0, 0, 0, 1);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 16px;--spacing-lg: 24px;--spacing-xl: 32px;--spacing-2xl: 48px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{font-size:16px;-webkit-text-size-adjust:100%}body{font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;min-height:100dvh}a{color:var(--md-sys-color-primary);text-decoration:none}img{max-width:100%;display:block}.material-symbols-rounded{font-variation-settings:"FILL" 1,"wght" 400,"GRAD" 0,"opsz" 24;vertical-align:middle;-webkit-user-select:none;user-select:none}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-full)}:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px;border-radius:var(--md-sys-shape-corner-xs)}::selection{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}#app{min-height:100dvh;display:flex;flex-direction:column}.page{flex:1;padding:var(--spacing-md);padding-bottom:calc(80px + var(--spacing-md) + env(safe-area-inset-bottom,0px));max-width:600px;margin:0 auto;width:100%;animation:fadeIn var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-decelerate)}@keyframes fadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.top-bar{position:sticky;top:0;z-index:100;display:flex;align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);min-height:64px;background:var(--md-sys-color-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.top-bar h1{font:var(--md-sys-typescale-title-large);color:var(--md-sys-color-on-surface);flex:1}.top-bar-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:var(--md-sys-shape-corner-full);border:none;background:transparent;color:var(--md-sys-color-on-surface);cursor:pointer;transition:background var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);font-size:24px}.top-bar-icon:hover{background:var(--md-sys-color-surface-container-high)}.bottom-nav{position:fixed;bottom:0;left:0;right:0;z-index:100;display:flex;justify-content:space-around;align-items:center;height:80px;padding-bottom:env(safe-area-inset-bottom,0px);background:var(--md-sys-color-surface-container);border-top:1px solid var(--md-sys-color-outline-variant);box-shadow:0 -2px 8px #0000000a}.nav-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-xs) var(--spacing-md);border:none;background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;border-radius:var(--md-sys-shape-corner-lg);transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);text-decoration:none;min-width:64px}.nav-item .icon{font-size:24px;width:64px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:var(--md-sys-shape-corner-full);transition:all var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized)}.nav-item .label{font:var(--md-sys-typescale-label-medium)}.nav-item.active{color:var(--md-sys-color-on-surface)}.nav-item.active .icon{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.card{background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-lg);padding:var(--spacing-md);box-shadow:var(--md-sys-elevation-1);transition:box-shadow var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.card:hover{box-shadow:var(--md-sys-elevation-2)}.card-elevated{background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-lg);padding:var(--spacing-md);box-shadow:var(--md-sys-elevation-2)}.grid{display:grid;gap:var(--spacing-md)}.grid-2{grid-template-columns:1fr 1fr}.grid-3{grid-template-columns:repeat(3,1fr)}.flex{display:flex}.flex-col{flex-direction:column}.flex-center{align-items:center;justify-content:center}.flex-between{justify-content:space-between}.gap-xs{gap:var(--spacing-xs)}.gap-sm{gap:var(--spacing-sm)}.gap-md{gap:var(--spacing-md)}.gap-lg{gap:var(--spacing-lg)}.mt-sm{margin-top:var(--spacing-sm)}.mt-md{margin-top:var(--spacing-md)}.mt-lg{margin-top:var(--spacing-lg)}.mb-sm{margin-bottom:var(--spacing-sm)}.mb-md{margin-bottom:var(--spacing-md)}.mb-lg{margin-bottom:var(--spacing-lg)}.text-display{font:var(--md-sys-typescale-display-medium)}.text-headline{font:var(--md-sys-typescale-headline-medium)}.text-headline-sm{font:var(--md-sys-typescale-headline-small)}.text-title{font:var(--md-sys-typescale-title-large)}.text-title-md{font:var(--md-sys-typescale-title-medium)}.text-body{font:var(--md-sys-typescale-body-large)}.text-body-sm{font:var(--md-sys-typescale-body-medium)}.text-label{font:var(--md-sys-typescale-label-large)}.text-label-sm{font:var(--md-sys-typescale-label-medium)}.text-muted{color:var(--md-sys-color-on-surface-variant)}.text-primary{color:var(--md-sys-color-primary)}.text-tertiary{color:var(--md-sys-color-tertiary)}.text-error{color:var(--md-sys-color-error)}.text-center{text-align:center}.divider{height:1px;background:var(--md-sys-color-outline-variant);border:none;margin:var(--spacing-md) 0}.hidden{display:none!important}.spinner{width:40px;height:40px;border:3px solid var(--md-sys-color-outline-variant);border-top-color:var(--md-sys-color-primary);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-md);min-height:60vh}.empty-state{text-align:center;padding:var(--spacing-2xl) var(--spacing-md);color:var(--md-sys-color-on-surface-variant)}.empty-state .icon{font-size:64px;margin-bottom:var(--spacing-md);opacity:.4}@media(max-width:420px){.page{padding:var(--spacing-sm);padding-bottom:calc(80px + var(--spacing-sm))}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--spacing-sm);font:var(--md-sys-typescale-label-large);border:none;cursor:pointer;border-radius:var(--md-sys-shape-corner-full);padding:12px 24px;min-height:48px;transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);text-decoration:none;position:relative;overflow:hidden}.btn:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;opacity:0;transition:opacity var(--md-sys-motion-duration-short);pointer-events:none}.btn:active:after{opacity:1}.btn-filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.btn-filled:hover{background:var(--md-sys-color-primary-hover);box-shadow:var(--md-sys-elevation-1)}.btn-filled:after{background:#ffffff1f}.btn-filled:disabled{background:var(--md-sys-color-on-surface);color:var(--md-sys-color-surface);opacity:.38;cursor:not-allowed}.btn-tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.btn-tonal:hover{box-shadow:var(--md-sys-elevation-1)}.btn-tonal:after{background:var(--md-sys-color-on-secondary-container)}.btn-outlined{background:transparent;color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline)}.btn-outlined:hover{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.btn-text{background:transparent;color:var(--md-sys-color-primary);padding:12px 16px}.btn-text:hover{background:#2d5a2714}.btn-danger{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error)}.btn-full{width:100%}.fab{position:fixed;bottom:calc(80px + var(--spacing-md));right:var(--spacing-md);z-index:50;width:56px;height:56px;border-radius:var(--md-sys-shape-corner-lg);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border:none;cursor:pointer;box-shadow:var(--md-sys-elevation-3);display:flex;align-items:center;justify-content:center;font-size:24px;transition:all var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized)}.fab:hover{box-shadow:0 6px 16px 4px #0000001a;transform:translateY(-2px)}.fab-extended{width:auto;padding:0 20px;gap:var(--spacing-sm);border-radius:var(--md-sys-shape-corner-lg)}.field{display:flex;flex-direction:column;gap:var(--spacing-xs)}.field label{font:var(--md-sys-typescale-label-medium);color:var(--md-sys-color-on-surface-variant);padding-left:4px}.input{font:var(--md-sys-typescale-body-large);color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface-container-highest);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-sm);padding:14px 16px;width:100%;transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.input:focus{outline:none;border-color:var(--md-sys-color-primary);box-shadow:0 0 0 1px var(--md-sys-color-primary)}.input:invalid:not(:placeholder-shown){border-color:var(--md-sys-color-error)}.input-error{border-color:var(--md-sys-color-error)!important}.field-error{font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-error);padding-left:4px}textarea.input{resize:vertical;min-height:100px}select.input{-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='24' height='24' viewBox='0 0 24 24'%3E%3Cpath fill='%2379776E' d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;padding-right:40px}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-sm) 0;gap:var(--spacing-md)}.toggle-row label{font:var(--md-sys-typescale-body-large);cursor:pointer;flex:1}.toggle{position:relative;width:52px;height:32px;flex-shrink:0}.toggle input{opacity:0;width:0;height:0}.toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--md-sys-color-surface-container-highest);border:2px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full);cursor:pointer;transition:all var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized)}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:6px;bottom:6px;background:var(--md-sys-color-outline);border-radius:50%;transition:all var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized)}.toggle input:checked+.toggle-slider{background:var(--md-sys-color-primary);border-color:var(--md-sys-color-primary)}.toggle input:checked+.toggle-slider:before{transform:translate(20px);background:var(--md-sys-color-on-primary);width:24px;height:24px;bottom:2px;left:2px}.chip{display:inline-flex;align-items:center;gap:var(--spacing-xs);padding:6px 16px;border-radius:var(--md-sys-shape-corner-sm);font:var(--md-sys-typescale-label-large);border:1px solid var(--md-sys-color-outline-variant);background:transparent;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:all var(--md-sys-motion-duration-short)}.chip.active,.chip:hover{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:transparent}.stepper{display:flex;align-items:center;justify-content:center;gap:0;padding:var(--spacing-md) 0}.stepper-step{display:flex;align-items:center;gap:0}.stepper-circle{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;font:var(--md-sys-typescale-label-large);background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface-variant);transition:all var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized);flex-shrink:0}.stepper-step.active .stepper-circle{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);transform:scale(1.1)}.stepper-step.completed .stepper-circle{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.stepper-line{width:32px;height:2px;background:var(--md-sys-color-outline-variant);transition:background var(--md-sys-motion-duration-medium)}.stepper-step.completed+.stepper-step .stepper-line,.stepper-step.completed .stepper-line{background:var(--md-sys-color-primary)}.price-breakdown{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-md);padding:var(--spacing-md);border:1px solid var(--md-sys-color-outline-variant)}.price-row{display:flex;justify-content:space-between;padding:var(--spacing-xs) 0;font:var(--md-sys-typescale-body-medium);color:var(--md-sys-color-on-surface-variant)}.price-row.total{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface);border-top:1px solid var(--md-sys-color-outline-variant);margin-top:var(--spacing-sm);padding-top:var(--spacing-sm)}.job-card{background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-lg);padding:var(--spacing-md);box-shadow:var(--md-sys-elevation-1);cursor:pointer;transition:all var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard);border:1px solid transparent}.job-card:hover{box-shadow:var(--md-sys-elevation-2);border-color:var(--md-sys-color-outline-variant)}.job-card-header{display:flex;justify-content:space-between;align-items:flex-start;gap:var(--spacing-sm)}.job-card-title{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-on-surface)}.job-card-price{font:var(--md-sys-typescale-title-medium);color:var(--md-sys-color-primary);white-space:nowrap}.job-card-meta{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-sm);font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.job-card-meta span{display:flex;align-items:center;gap:4px}.job-card-meta .material-symbols-rounded{font-size:16px}.badge{display:inline-flex;align-items:center;gap:4px;padding:4px 12px;border-radius:var(--md-sys-shape-corner-full);font:var(--md-sys-typescale-label-small)}.badge-primary{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.badge-tertiary{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.badge-error{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.badge-success{background:#d4edda;color:#155724}.stars{display:flex;gap:2px}.star{font-size:24px;color:var(--md-sys-color-outline-variant);cursor:pointer;transition:all var(--md-sys-motion-duration-short);-webkit-user-select:none;user-select:none}.star.filled{color:var(--md-sys-color-tertiary)}.star:hover{transform:scale(1.2)}.star-display{font-size:18px;cursor:default}.star-display:hover{transform:none}.chat-container{display:flex;flex-direction:column;height:calc(100dvh - 144px)}.chat-messages{flex:1;overflow-y:auto;padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-sm)}.chat-bubble{max-width:80%;padding:10px 14px;border-radius:var(--md-sys-shape-corner-lg);font:var(--md-sys-typescale-body-medium);word-break:break-word;animation:bubbleIn var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-decelerate)}@keyframes bubbleIn{0%{opacity:0;transform:translateY(8px) scale(.95)}to{opacity:1;transform:translateY(0) scale(1)}}.chat-bubble.sent{align-self:flex-end;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border-bottom-right-radius:var(--md-sys-shape-corner-xs)}.chat-bubble.received{align-self:flex-start;background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border-bottom-left-radius:var(--md-sys-shape-corner-xs)}.chat-bubble .time{font:var(--md-sys-typescale-label-small);opacity:.7;margin-top:4px;display:block}.chat-input-area{display:flex;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--md-sys-color-surface-container);border-top:1px solid var(--md-sys-color-outline-variant)}.chat-input-area .input{flex:1;border-radius:var(--md-sys-shape-corner-full);padding:10px 16px}.chat-send-btn{width:48px;height:48px;border-radius:50%;background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);border:none;cursor:pointer;display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:all var(--md-sys-motion-duration-short)}.chat-send-btn:hover{background:var(--md-sys-color-primary-hover)}.chat-safety-notice{padding:var(--spacing-sm) var(--spacing-md);background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container);font:var(--md-sys-typescale-body-small);text-align:center;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs)}.map-container{width:100%;height:200px;border-radius:var(--md-sys-shape-corner-md);overflow:hidden;border:1px solid var(--md-sys-color-outline-variant)}.map-container-large{height:300px}.avatar{width:40px;height:40px;border-radius:50%;background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);display:flex;align-items:center;justify-content:center;font:var(--md-sys-typescale-label-large);flex-shrink:0}.avatar-lg{width:64px;height:64px;font:var(--md-sys-typescale-title-large)}.snackbar{position:fixed;bottom:calc(80px + var(--spacing-md));left:50%;transform:translate(-50%) translateY(100px);background:var(--md-sys-color-inverse-surface);color:var(--md-sys-color-inverse-on-surface);padding:14px 24px;border-radius:var(--md-sys-shape-corner-sm);font:var(--md-sys-typescale-body-medium);box-shadow:var(--md-sys-elevation-3);z-index:200;transition:transform var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-emphasized);max-width:calc(100vw - 32px)}.snackbar.show{transform:translate(-50%) translateY(0)}.dialog-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0006;z-index:150;display:flex;align-items:center;justify-content:center;padding:var(--spacing-md);animation:fadeIn var(--md-sys-motion-duration-short) var(--md-sys-motion-easing-standard)}.dialog{background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-xl);padding:var(--spacing-lg);max-width:480px;width:100%;max-height:80vh;overflow-y:auto;box-shadow:var(--md-sys-elevation-3);animation:dialogIn var(--md-sys-motion-duration-medium) var(--md-sys-motion-easing-decelerate)}@keyframes dialogIn{0%{opacity:0;transform:scale(.92)}to{opacity:1;transform:scale(1)}}.dialog-title{font:var(--md-sys-typescale-headline-small);margin-bottom:var(--spacing-md)}.dialog-actions{display:flex;justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-lg)}.helper-card{display:flex;gap:var(--spacing-md);padding:var(--spacing-md);background:var(--md-sys-color-surface-container-low);border-radius:var(--md-sys-shape-corner-lg);border:1px solid var(--md-sys-color-outline-variant);transition:all var(--md-sys-motion-duration-short);cursor:pointer}.helper-card:hover{border-color:var(--md-sys-color-primary);box-shadow:var(--md-sys-elevation-1)}.helper-card.selected{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container)}.helper-card-info{flex:1}.helper-card-name{font:var(--md-sys-typescale-title-medium)}.helper-card-ratings{display:flex;gap:var(--spacing-md);margin-top:var(--spacing-xs);flex-wrap:wrap}.helper-card-rating{display:flex;align-items:center;gap:4px;font:var(--md-sys-typescale-body-small);color:var(--md-sys-color-on-surface-variant)}.helper-card-rating .material-symbols-rounded{font-size:16px;color:var(--md-sys-color-tertiary)}