*,:before,:after{box-sizing:border-box;margin:0;padding:0}:root{--md-sys-color-primary:#d0bcff;--md-sys-color-on-primary:#381e72;--md-sys-color-primary-container:#4f378b;--md-sys-color-on-primary-container:#eaddff;--md-sys-color-secondary:#ccc2dc;--md-sys-color-on-secondary:#332d41;--md-sys-color-secondary-container:#4a4458;--md-sys-color-on-secondary-container:#e8def8;--md-sys-color-tertiary:#efb8c8;--md-sys-color-on-tertiary:#492532;--md-sys-color-tertiary-container:#633b48;--md-sys-color-on-tertiary-container:#ffd8e4;--md-sys-color-error:#f2b8b5;--md-sys-color-on-error:#601410;--md-sys-color-error-container:#8c1d18;--md-sys-color-on-error-container:#f9dedc;--md-sys-color-surface:#141218;--md-sys-color-on-surface:#e6e0e9;--md-sys-color-surface-variant:#49454f;--md-sys-color-on-surface-variant:#cac4d0;--md-sys-color-surface-container-lowest:#0f0d13;--md-sys-color-surface-container-low:#1d1b20;--md-sys-color-surface-container:#211f26;--md-sys-color-surface-container-high:#2b2930;--md-sys-color-surface-container-highest:#36343b;--md-sys-color-outline:#938f99;--md-sys-color-outline-variant:#49454f;--md-sys-color-inverse-surface:#e6e0e9;--md-sys-color-inverse-on-surface:#322f35;--md-sys-color-inverse-primary:#6750a4;--md-sys-color-shadow:#000;--md-sys-color-scrim:#000;--md-sys-color-surface-tint:#d0bcff;--md-sys-color-success:#81c784;--md-sys-color-success-container:#81c7841f;--md-sys-shape-corner-none:0px;--md-sys-shape-corner-extra-small:4px;--md-sys-shape-corner-small:8px;--md-sys-shape-corner-medium:12px;--md-sys-shape-corner-large:16px;--md-sys-shape-corner-extra-large:28px;--md-sys-shape-corner-full:9999px;--md-sys-elevation-1:0 1px 3px 1px #00000026, 0 1px 2px 0 #0000004d;--md-sys-elevation-2:0 2px 6px 2px #00000026, 0 1px 2px 0 #0000004d;--md-sys-elevation-3:0 4px 8px 3px #00000026, 0 1px 3px 0 #0000004d;--md-sys-motion-easing-emphasized:cubic-bezier(.2, 0, 0, 1);--md-sys-motion-easing-emphasized-decelerate:cubic-bezier(.05, .7, .1, 1);--md-sys-motion-easing-emphasized-accelerate:cubic-bezier(.3, 0, .8, .15);--md-sys-motion-easing-standard:cubic-bezier(.2, 0, 0, 1);--md-sys-motion-duration-short1:50ms;--md-sys-motion-duration-short2:.1s;--md-sys-motion-duration-short3:.15s;--md-sys-motion-duration-short4:.2s;--md-sys-motion-duration-medium1:.25s;--md-sys-motion-duration-medium2:.3s;--md-sys-motion-duration-medium3:.35s;--md-sys-motion-duration-medium4:.4s;--md-sys-motion-duration-long1:.45s;--md-sys-motion-duration-long2:.5s;--md-sys-state-hover-opacity:.08;--md-sys-state-focus-opacity:.1;--md-sys-state-pressed-opacity:.1;--md-sys-state-dragged-opacity:.16}html{color:var(--md-sys-color-on-surface);background:var(--md-sys-color-surface);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth;font-family:Roboto,Roboto Flex,system-ui,-apple-system,sans-serif;font-size:16px;line-height:1.5}body{background:var(--md-sys-color-surface);min-height:100vh}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--md-sys-color-surface-container)}::-webkit-scrollbar-thumb{background:var(--md-sys-color-surface-variant);border-radius:var(--md-sys-shape-corner-full)}::-webkit-scrollbar-thumb:hover{background:var(--md-sys-color-outline)}::selection{color:var(--md-sys-color-on-surface);background:#d0bcff4d}a{color:var(--md-sys-color-primary);transition:color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);text-decoration:none}a:hover{color:var(--md-sys-color-on-primary-container)}:focus-visible{outline:2px solid var(--md-sys-color-primary);outline-offset:2px;border-radius:var(--md-sys-shape-corner-extra-small)}.material-symbols-outlined{font-variation-settings:"FILL" 0, "wght" 400, "GRAD" 0, "opsz" 24;vertical-align:middle;justify-content:center;align-items:center;line-height:1;display:inline-flex}.material-symbols-outlined.filled{font-variation-settings:"FILL" 1, "wght" 400, "GRAD" 0, "opsz" 24}.material-symbols-outlined.sm{font-size:18px}.material-symbols-outlined.lg{font-size:28px}.md-display-large{letter-spacing:-.015625rem;font-size:3.5625rem;font-weight:400;line-height:4rem}.md-display-medium{font-size:2.8125rem;font-weight:400;line-height:3.25rem}.md-display-small{font-size:2.25rem;font-weight:400;line-height:2.75rem}.md-headline-large{font-size:2rem;font-weight:400;line-height:2.5rem}.md-headline-medium{font-size:1.75rem;font-weight:400;line-height:2.25rem}.md-headline-small{font-size:1.5rem;font-weight:400;line-height:2rem}.md-title-large{font-size:1.375rem;font-weight:500;line-height:1.75rem}.md-title-medium{letter-spacing:.009375rem;font-size:1rem;font-weight:500;line-height:1.5rem}.md-title-small,.md-label-large{letter-spacing:.00625rem;font-size:.875rem;font-weight:500;line-height:1.25rem}.md-label-medium{letter-spacing:.03125rem;font-size:.75rem;font-weight:500;line-height:1rem}.md-label-small{letter-spacing:.03125rem;font-size:.6875rem;font-weight:500;line-height:1rem}.md-body-large{letter-spacing:.03125rem;font-size:1rem;font-weight:400;line-height:1.5rem}.md-body-medium{letter-spacing:.015625rem;font-size:.875rem;font-weight:400;line-height:1.25rem}.md-body-small{letter-spacing:.025rem;font-size:.75rem;font-weight:400;line-height:1rem}.divider{background:var(--md-sys-color-outline-variant);border:none;height:1px;margin:1rem 0}.divider-inset{margin-left:1rem;margin-right:1rem}.navbar{background:var(--md-sys-color-surface-container);border-bottom:1px solid var(--md-sys-color-outline-variant);z-index:100;min-height:64px;transition:box-shadow var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-standard);justify-content:space-between;align-items:center;padding:0 1rem;display:flex;position:sticky;top:0}.navbar-brand{color:var(--md-sys-color-on-surface);letter-spacing:0;white-space:nowrap;align-items:center;gap:.625rem;padding:.5rem 0;font-size:1.375rem;font-weight:500;display:inline-flex}.navbar-brand .material-symbols-outlined{color:var(--md-sys-color-primary);font-size:28px}.navbar-brand:hover{color:var(--md-sys-color-primary)}.navbar-links{align-items:center;gap:.25rem;display:flex}.navbar-links a,.navbar-links button.nav-link{letter-spacing:.00625rem;border-radius:var(--md-sys-shape-corner-full);color:var(--md-sys-color-on-surface-variant);transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem 1rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative}.navbar-links a:hover,.navbar-links button.nav-link:hover{background:rgba(208, 188, 255, var(--md-sys-state-hover-opacity));color:var(--md-sys-color-on-surface)}.navbar-links a .material-symbols-outlined,.navbar-links button.nav-link .material-symbols-outlined{font-size:20px}.nav-btn{cursor:pointer;letter-spacing:.00625rem;border-radius:var(--md-sys-shape-corner-full);transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);box-shadow:var(--md-sys-elevation-1);background:#fff;border:none;align-items:center;gap:.5rem;padding:.625rem 1.75rem;font-family:inherit;font-size:.875rem;font-weight:600;text-decoration:none;display:inline-flex;color:#1b1b1f!important}.nav-btn:hover{box-shadow:var(--md-sys-elevation-2);background:#e8def8;color:#1b1b1f!important}.nav-btn-outline{border:1px solid var(--md-sys-color-outline);cursor:pointer;letter-spacing:.00625rem;border-radius:var(--md-sys-shape-corner-full);transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);background:0 0;align-items:center;gap:.5rem;padding:.5rem 1.5rem;font-family:inherit;font-size:.875rem;font-weight:500;display:inline-flex;color:var(--md-sys-color-on-surface-variant)!important}.nav-btn-outline:hover{background:rgba(208, 188, 255, var(--md-sys-state-hover-opacity))}.navbar-toggle{color:var(--md-sys-color-on-surface-variant);cursor:pointer;border-radius:var(--md-sys-shape-corner-full);transition:background var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);background:0 0;border:none;padding:.5rem;display:none}.navbar-toggle:hover{background:rgba(208, 188, 255, var(--md-sys-state-hover-opacity))}.navbar-toggle .material-symbols-outlined{font-size:24px}.icon-btn{border-radius:var(--md-sys-shape-corner-full);width:40px;height:40px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);background:0 0;border:none;justify-content:center;align-items:center;padding:0;display:inline-flex;position:relative}.icon-btn:hover{background:rgba(202, 196, 208, var(--md-sys-state-hover-opacity))}.icon-btn.icon-btn-filled{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.icon-btn.icon-btn-filled:hover{box-shadow:var(--md-sys-elevation-1);filter:brightness(1.08)}.icon-btn.icon-btn-tonal{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.icon-btn.icon-btn-tonal:hover{box-shadow:var(--md-sys-elevation-1);filter:brightness(1.08)}.icon-btn.icon-btn-outlined{border:1px solid var(--md-sys-color-outline)}.icon-btn.icon-btn-outlined:hover{background:rgba(202, 196, 208, var(--md-sys-state-hover-opacity))}.container{max-width:900px;margin:0 auto;padding:1.5rem 1rem}.container-wide{max-width:1200px;margin:0 auto;padding:1.5rem 1rem}.card{background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-medium);transition:box-shadow var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-standard), background var(--md-sys-motion-duration-medium1) var(--md-sys-motion-easing-standard);border:none;padding:.875rem;position:relative;overflow:hidden}.card:hover{box-shadow:var(--md-sys-elevation-1);background:var(--md-sys-color-surface-container-highest)}.card-header{align-items:flex-start;gap:.625rem;margin-bottom:.5rem;display:flex}.card-logo{border-radius:var(--md-sys-shape-corner-small);object-fit:contain;background:var(--md-sys-color-surface-container);flex-shrink:0;width:36px;height:36px;padding:4px}.card-title{letter-spacing:.009375rem;color:var(--md-sys-color-on-surface);font-size:1rem;font-weight:500;line-height:1.5rem}.card-title a{color:inherit;transition:color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.card-title a:hover{color:var(--md-sys-color-primary)}.card-company{color:var(--md-sys-color-secondary);align-items:center;gap:.25rem;margin-top:1px;font-size:.75rem;font-weight:500;line-height:1rem;display:flex}.card-subtitle{letter-spacing:.025rem;color:var(--md-sys-color-on-surface-variant);margin-top:2px;font-size:.75rem;font-weight:400;line-height:1rem}.card-body{margin-bottom:.5rem}.card-description{color:var(--md-sys-color-on-surface-variant);letter-spacing:.015625rem;margin-bottom:.5rem;font-size:.8125rem;line-height:1.25rem}.card-benefits{grid-template-columns:1fr 1fr;gap:.375rem;margin-bottom:.5rem;display:grid}.benefit-box{border-radius:var(--md-sys-shape-corner-small);background:var(--md-sys-color-primary-container);transition:filter var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);padding:.5rem .75rem}.benefit-box:hover{filter:brightness(1.05)}.benefit-label{text-transform:uppercase;letter-spacing:.0625rem;color:var(--md-sys-color-on-primary-container);opacity:.75;align-items:center;gap:.375rem;margin-bottom:.25rem;font-size:.6875rem;font-weight:500;display:flex}.benefit-label .material-symbols-outlined{font-size:16px}.benefit-value{color:var(--md-sys-color-on-primary-container);font-size:1.05rem;font-weight:600;line-height:1.25rem}.benefit-unit{color:var(--md-sys-color-on-primary-container);opacity:.8;margin-top:.125rem;font-size:.75rem;font-weight:400;line-height:1rem}.card-footer{border-top:1px solid var(--md-sys-color-outline-variant);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding-top:.5rem;display:flex}.card-tags{flex-wrap:wrap;gap:.375rem;display:flex}.tag{height:2rem;color:var(--md-sys-color-on-surface-variant);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-small);letter-spacing:.03125rem;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);background:0 0;align-items:center;padding:0 .75rem;font-size:.75rem;font-weight:500;line-height:1;display:inline-flex}.tag-clickable{cursor:pointer}.tag-clickable:hover{background:rgba(208, 188, 255, var(--md-sys-state-hover-opacity));border-color:var(--md-sys-color-on-surface-variant)}.tag-active{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);border-color:#0000}.card-meta{letter-spacing:.025rem;color:var(--md-sys-color-on-surface-variant);font-size:.75rem}.card-referral-link{background:var(--md-sys-color-secondary-container);border-radius:var(--md-sys-shape-corner-full);letter-spacing:.00625rem;height:2.5rem;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);white-space:nowrap;flex-shrink:0;align-items:center;gap:.5rem;padding:0 1.5rem;font-size:.875rem;font-weight:500;display:inline-flex;color:var(--md-sys-color-on-secondary-container)!important}.card-referral-link .material-symbols-outlined{font-size:18px}.card-referral-link:hover{box-shadow:var(--md-sys-elevation-1);filter:brightness(1.08);color:var(--md-sys-color-on-secondary-container)!important}.form-group{margin-bottom:1.25rem}.form-label{letter-spacing:.03125rem;color:var(--md-sys-color-on-surface-variant);margin-bottom:.375rem;font-size:.75rem;font-weight:500;display:block}.form-input,.form-textarea{border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-extra-small);width:100%;color:var(--md-sys-color-on-surface);letter-spacing:.03125rem;transition:border-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard), box-shadow var(--md-sys-motion-duration-short3) var(--md-sys-motion-easing-standard);caret-color:var(--md-sys-color-primary);background:0 0;padding:.875rem 1rem;font-family:inherit;font-size:1rem;line-height:1.5rem}.form-input::placeholder,.form-textarea::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.6}.form-input:focus,.form-textarea:focus{border-color:var(--md-sys-color-primary);border-width:2px;outline:none;padding:calc(.875rem - 1px) calc(1rem - 1px)}.form-textarea{resize:vertical;min-height:100px}.form-hint{letter-spacing:.025rem;color:var(--md-sys-color-on-surface-variant);opacity:.8;margin-top:.25rem;padding-left:1rem;font-size:.75rem}.form-error{letter-spacing:.015625rem;color:var(--md-sys-color-on-error-container);background:var(--md-sys-color-error-container);border-radius:var(--md-sys-shape-corner-small);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.form-success{letter-spacing:.015625rem;color:var(--md-sys-color-success);background:var(--md-sys-color-success-container);border-radius:var(--md-sys-shape-corner-small);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.875rem 1rem;font-size:.875rem;display:flex}.btn{border-radius:var(--md-sys-shape-corner-full);letter-spacing:.00625rem;cursor:pointer;height:2.5rem;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);white-space:nowrap;border:none;justify-content:center;align-items:center;gap:.5rem;padding:0 1.5rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex;position:relative;overflow:hidden}.btn .material-symbols-outlined{font-size:18px}.btn-primary{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.btn-primary:hover{box-shadow:var(--md-sys-elevation-1);filter:brightness(1.08)}.btn-primary:active{filter:brightness(.95);box-shadow:none}.btn-primary:disabled{color:#e6e0e961;cursor:not-allowed;box-shadow:none;filter:none;background:#e6e0e91f}.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);filter:brightness(1.08)}.btn-danger{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.btn-danger:hover{box-shadow:var(--md-sys-elevation-1);filter:brightness(1.08)}.btn-danger:active{filter:brightness(.95);box-shadow:none}.btn-ghost{color:var(--md-sys-color-on-surface-variant);border:1px solid var(--md-sys-color-outline);background:0 0}.btn-ghost:hover{background:rgba(208, 188, 255, var(--md-sys-state-hover-opacity))}.btn-ghost:active{background:rgba(208, 188, 255, var(--md-sys-state-pressed-opacity))}.btn-ghost:disabled{opacity:.38;cursor:not-allowed}.btn-text{color:var(--md-sys-color-primary);background:0 0;border:none;padding:0 .75rem}.btn-text:hover{background:rgba(208, 188, 255, var(--md-sys-state-hover-opacity))}.btn-sm{height:2rem;padding:0 1rem;font-size:.75rem}.btn-sm .material-symbols-outlined{font-size:16px}.search-bar{gap:.5rem;margin-bottom:1.5rem;display:flex}.search-bar .form-input{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-high);border:none;flex:1;padding:.875rem 1.5rem}.search-bar .form-input:focus{background:var(--md-sys-color-surface-container-highest);border:2px solid var(--md-sys-color-primary);padding:calc(.875rem - 2px) calc(1.5rem - 2px)}.search-layout{grid-template-columns:220px 1fr;align-items:start;gap:1.5rem;display:grid}.filter-sidebar{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);padding:1rem;position:sticky;top:80px}.filter-sidebar h3{text-transform:uppercase;letter-spacing:.0625rem;color:var(--md-sys-color-on-surface-variant);margin-bottom:.75rem;font-size:.6875rem;font-weight:500}.filter-tags{flex-wrap:wrap;gap:.375rem;display:flex}.feed{flex-direction:column;gap:.75rem;display:flex}.feed-header{justify-content:space-between;align-items:center;margin-bottom:1rem;display:flex}.feed-header h1{color:var(--md-sys-color-on-surface);font-size:1.375rem;font-weight:500;line-height:1.75rem}.sort-bar{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);gap:.25rem;width:fit-content;margin-bottom:1rem;padding:.25rem;display:flex}.sort-btn{border-radius:var(--md-sys-shape-corner-medium);color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:none;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.sort-btn:hover{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.sort-btn-active{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.sort-btn-active:hover{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);opacity:.92}.empty-state{text-align:center;color:var(--md-sys-color-on-surface-variant);padding:3rem 2rem}.empty-state .material-symbols-outlined{color:var(--md-sys-color-on-surface-variant);opacity:.5;margin-bottom:1rem;font-size:48px}.empty-state h2{color:var(--md-sys-color-on-surface);margin-bottom:.5rem;font-size:1.5rem;font-weight:400;line-height:2rem}.empty-state p{letter-spacing:.015625rem;font-size:.875rem;line-height:1.25rem}.profile-header{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-extra-large);align-items:center;gap:1.5rem;margin-bottom:2rem;padding:1.5rem;display:flex}.profile-avatar{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary-container);width:72px;height:72px;color:var(--md-sys-color-on-primary-container);flex-shrink:0;justify-content:center;align-items:center;font-size:1.75rem;font-weight:500;display:flex}.profile-info{flex:1;min-width:0}.profile-info h1{color:var(--md-sys-color-on-surface);font-size:1.375rem;font-weight:500;line-height:1.75rem}.profile-info p{color:var(--md-sys-color-on-surface-variant);letter-spacing:.015625rem;font-size:.875rem;line-height:1.25rem}.profile-stats{gap:2rem;margin-top:.5rem;display:flex}.profile-stat{flex-direction:column;display:flex}.profile-stat-value{color:var(--md-sys-color-primary);font-size:1.375rem;font-weight:500;line-height:1.75rem}.profile-stat-label{color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.0625rem;font-size:.6875rem;font-weight:500}.auth-page{justify-content:center;align-items:center;min-height:calc(100vh - 64px);padding:2rem;display:flex}.auth-card{background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-extra-large);width:100%;max-width:440px;box-shadow:var(--md-sys-elevation-3);padding:2.5rem 2rem}.auth-card h1{color:var(--md-sys-color-on-surface);text-align:center;margin-bottom:.5rem;font-size:1.5rem;font-weight:400;line-height:2rem}.auth-card p{color:var(--md-sys-color-on-surface-variant);text-align:center;letter-spacing:.015625rem;margin-bottom:1.5rem;font-size:.875rem;line-height:1.25rem}.auth-footer{text-align:center;letter-spacing:.015625rem;color:var(--md-sys-color-on-surface-variant);margin-top:1.5rem;font-size:.875rem}.btn-google{border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full);width:100%;color:var(--md-sys-color-on-surface);letter-spacing:.00625rem;cursor:pointer;background:0 0;justify-content:center;align-items:center;gap:.75rem;padding:.75rem 1.5rem;font-size:.875rem;font-weight:500;text-decoration:none;transition:background .2s,border-color .2s;display:flex}.btn-google:hover{background:var(--md-sys-color-surface-container-highest);border-color:var(--md-sys-color-on-surface-variant)}.btn-google:active{background:var(--md-sys-color-surface-variant)}.btn-google svg{flex-shrink:0}.auth-divider{align-items:center;gap:1rem;margin:1.25rem 0;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:var(--md-sys-color-outline-variant);flex:1;height:1px}.auth-divider span{color:var(--md-sys-color-on-surface-variant);letter-spacing:.025rem;text-transform:uppercase;font-size:.75rem}.pagination{justify-content:center;align-items:center;gap:.75rem;margin-top:2rem;padding-top:1rem;display:flex}.pagination-info{letter-spacing:.015625rem;color:var(--md-sys-color-on-surface-variant);font-size:.875rem}.page-title{color:var(--md-sys-color-on-surface);margin-bottom:1.5rem;font-size:1.5rem;font-weight:400;line-height:2rem}.loading{color:var(--md-sys-color-on-surface-variant);letter-spacing:.015625rem;justify-content:center;align-items:center;padding:4rem;font-size:.875rem;display:flex}.spinner{border:3px solid var(--md-sys-color-surface-variant);border-top-color:var(--md-sys-color-primary);border-radius:50%;width:24px;height:24px;margin-right:.75rem;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.inline-message{letter-spacing:.025rem;margin-top:.375rem;font-size:.75rem}.inline-message-error{color:var(--md-sys-color-error)}.inline-message-success{color:var(--md-sys-color-success)}@keyframes fadeIn{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}.fade-in{animation:fadeIn var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized-decelerate)}@media (max-width:768px){.navbar{flex-wrap:wrap;gap:0;padding:0 .75rem}.navbar-toggle{justify-content:center;align-items:center;display:flex}.navbar-links{border-top:1px solid var(--md-sys-color-outline-variant);flex-direction:column;align-items:stretch;gap:0;width:100%;padding:.5rem 0;display:none}.navbar-links.open{display:flex}.navbar-links a,.navbar-links button.nav-link{border-radius:var(--md-sys-shape-corner-small);justify-content:flex-start;padding:.75rem 1rem}.nav-btn,.nav-btn-outline{justify-content:center;width:100%;margin-top:.25rem}.search-layout{grid-template-columns:1fr}.filter-sidebar{position:static}.card-benefits{grid-template-columns:1fr}.card-header{flex-wrap:wrap}.card-referral-link{justify-content:center;width:100%}.profile-header{text-align:center;flex-direction:column}.profile-stats{justify-content:center}.auth-card{padding:2rem 1.25rem}.search-bar{flex-direction:column}.search-bar .btn{width:100%}}@media (max-width:480px){.container,.container-wide{padding:1rem .75rem}.card{padding:1rem}.profile-header{padding:1.25rem}}.tag-input-wrapper{position:relative}.tag-input-container{background:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-small);cursor:text;min-height:2.75rem;transition:border-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);border:1px solid #0000;flex-wrap:wrap;gap:.375rem;padding:.5rem .75rem;display:flex}.tag-input-container:focus-within{border-color:var(--md-sys-color-primary);outline:1px solid var(--md-sys-color-primary)}.tag-input-chip{background:var(--md-sys-color-primary-container);height:1.75rem;color:var(--md-sys-color-on-primary-container);border-radius:var(--md-sys-shape-corner-small);align-items:center;gap:.25rem;padding:0 .5rem;font-size:.8125rem;font-weight:500;display:inline-flex}.tag-input-chip-remove{color:var(--md-sys-color-on-primary-container);cursor:pointer;opacity:.7;background:0 0;border:none;justify-content:center;align-items:center;padding:0;transition:opacity .15s;display:inline-flex}.tag-input-chip-remove:hover{opacity:1}.tag-input-field{min-width:80px;color:var(--md-sys-color-on-surface);background:0 0;border:none;outline:none;flex:1;padding:.25rem 0;font-size:.875rem}.tag-input-field::placeholder{color:var(--md-sys-color-on-surface-variant)}.tag-suggestions{z-index:100;background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small);max-height:200px;box-shadow:var(--md-sys-elevation-2);margin-top:.25rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.tag-suggestion-header{text-transform:uppercase;letter-spacing:.0625rem;color:var(--md-sys-color-on-surface-variant);opacity:.75;padding:.375rem .75rem;font-size:.6875rem;font-weight:500}.tag-suggestion-item{color:var(--md-sys-color-on-surface);cursor:pointer;padding:.5rem .75rem;font-size:.875rem;transition:background .1s}.tag-suggestion-item:hover,.tag-suggestion-active{background:var(--md-sys-color-surface-container-highest)}.detail-card{background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-extra-large);margin-bottom:1.5rem;padding:1.5rem}.detail-header{border-bottom:1px solid var(--md-sys-color-outline-variant);align-items:flex-start;gap:1rem;margin-bottom:1.5rem;padding-bottom:1.25rem;display:flex}.detail-logo{border-radius:var(--md-sys-shape-corner-medium);object-fit:contain;background:var(--md-sys-color-surface-container);flex-shrink:0;width:56px;height:56px;padding:6px}.detail-title{color:var(--md-sys-color-on-surface);margin-bottom:.25rem;font-size:1.5rem;font-weight:500;line-height:2rem}.detail-title a{color:inherit;transition:color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard)}.detail-title a:hover{color:var(--md-sys-color-primary)}.detail-company{color:var(--md-sys-color-secondary);transition:color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.875rem;font-weight:500;display:inline-flex}.detail-company:hover{color:var(--md-sys-color-on-secondary-container)}.detail-meta{color:var(--md-sys-color-on-surface-variant);flex-wrap:wrap;align-items:center;gap:.25rem;font-size:.8125rem;line-height:1.25rem;display:flex}.detail-meta-dot{opacity:.5;margin:0 .25rem}.detail-section{margin-bottom:1.25rem}.detail-section:last-child{margin-bottom:0}.detail-section-title{text-transform:uppercase;letter-spacing:.0625rem;color:var(--md-sys-color-on-surface-variant);align-items:center;gap:.375rem;margin-bottom:.625rem;font-size:.6875rem;font-weight:500;display:flex}.detail-description{letter-spacing:.015625rem;color:var(--md-sys-color-on-surface);white-space:pre-wrap;font-size:.9375rem;line-height:1.625rem}.detail-benefits{grid-template-columns:1fr 1fr;gap:.75rem;display:grid}.detail-link-box{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium);flex-direction:column;gap:.75rem;padding:1rem;display:flex}.detail-link-url{color:var(--md-sys-color-primary);word-break:break-all;background:var(--md-sys-color-surface-container-lowest);border-radius:var(--md-sys-shape-corner-small);padding:.625rem .875rem;font-size:.8125rem;line-height:1.5}.detail-link-actions{flex-wrap:wrap;gap:.5rem;display:flex}.detail-related{margin-top:2rem}.detail-related-title{color:var(--md-sys-color-on-surface);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.125rem;font-weight:500;line-height:1.5rem;display:flex}.card-clickable{cursor:pointer}@media (max-width:768px){.detail-header{flex-wrap:wrap}.detail-benefits{grid-template-columns:1fr}.detail-link-actions{flex-direction:column}.detail-link-actions .btn{justify-content:center;width:100%}}.company-input-wrapper{position:relative}.company-suggestions{background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);z-index:100;max-height:200px;box-shadow:var(--md-sys-elevation-2);border-radius:.75rem;margin-top:.25rem;position:absolute;top:100%;left:0;right:0;overflow-y:auto}.company-suggestion-header{text-transform:uppercase;letter-spacing:.05rem;color:var(--md-sys-color-on-surface-variant);padding:.5rem .75rem .25rem;font-size:.6875rem;font-weight:500}.company-suggestion-item{cursor:pointer;color:var(--md-sys-color-on-surface);align-items:center;gap:.5rem;padding:.5rem .75rem;font-size:.8125rem;transition:background .1s;display:flex}.company-suggestion-item:hover,.company-suggestion-active{background:var(--md-sys-color-surface-container-highest)}.admin-header{justify-content:space-between;align-items:center;margin-bottom:1.5rem;display:flex}.admin-title{color:var(--md-sys-color-on-surface);align-items:center;gap:.625rem;font-size:1.5rem;font-weight:500;line-height:2rem;display:flex}.admin-title .material-symbols-outlined{color:var(--md-sys-color-primary);font-size:28px}.admin-subtitle{color:var(--md-sys-color-on-surface-variant);margin-top:.25rem;font-size:.875rem}.admin-tabs{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);gap:.25rem;width:fit-content;margin-bottom:1.5rem;padding:.25rem;display:flex}.admin-tab{border-radius:var(--md-sys-shape-corner-medium);color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:none;align-items:center;gap:.5rem;padding:.625rem 1.25rem;font-family:inherit;font-size:.875rem;font-weight:500;transition:background .15s,color .15s;display:inline-flex}.admin-tab:hover{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.admin-tab-active{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary)}.admin-tab-active:hover{background:var(--md-sys-color-primary);color:var(--md-sys-color-on-primary);opacity:.92}.admin-tab-count{border-radius:var(--md-sys-shape-corner-full);background:#ffffff26;justify-content:center;align-items:center;min-width:1.375rem;height:1.375rem;padding:0 .375rem;font-size:.75rem;font-weight:500;display:inline-flex}.admin-tab-active .admin-tab-count{background:#0003}.admin-table-wrap{border-radius:var(--md-sys-shape-corner-large);background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);overflow-x:auto}.admin-table{border-collapse:collapse;width:100%;font-size:.875rem}.admin-table thead{background:var(--md-sys-color-surface-container-high)}.admin-table th{text-align:left;text-transform:uppercase;letter-spacing:.0625rem;color:var(--md-sys-color-on-surface-variant);white-space:nowrap;border-bottom:1px solid var(--md-sys-color-outline-variant);padding:.75rem 1rem;font-size:.6875rem;font-weight:500}.admin-table td{border-bottom:1px solid var(--md-sys-color-outline-variant);vertical-align:middle;color:var(--md-sys-color-on-surface);padding:.75rem 1rem}.admin-table tbody tr:last-child td{border-bottom:none}.admin-table tbody tr:hover{background:#d0bcff0a}.admin-user-link{color:inherit;align-items:center;gap:.625rem;text-decoration:none;display:flex}.admin-user-link:hover{color:var(--md-sys-color-primary)}.admin-avatar{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-primary-container);width:36px;height:36px;color:var(--md-sys-color-on-primary-container);flex-shrink:0;justify-content:center;align-items:center;font-size:.875rem;font-weight:500;display:inline-flex}.admin-user-name{font-weight:500;line-height:1.25}.admin-user-username{color:var(--md-sys-color-on-surface-variant);font-size:.75rem}.admin-cell-email{color:var(--md-sys-color-on-surface-variant);font-size:.8125rem}.admin-cell-date{color:var(--md-sys-color-on-surface-variant);white-space:nowrap;font-size:.8125rem}.admin-cell-clicks{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:.375rem;font-size:.8125rem;display:flex}.admin-badge{border-radius:var(--md-sys-shape-corner-full);border:1px solid var(--md-sys-color-outline);color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;align-items:center;gap:.375rem;padding:.375rem .75rem;font-family:inherit;font-size:.75rem;font-weight:500;transition:all .15s;display:inline-flex}.admin-badge:hover{background:rgba(208, 188, 255, var(--md-sys-state-hover-opacity));border-color:var(--md-sys-color-on-surface-variant)}.admin-badge-active{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-color:#0000}.admin-badge-active:hover{filter:brightness(1.1);border-color:#0000}.admin-badge:disabled{opacity:.5;cursor:not-allowed}.admin-referral-link{color:inherit;text-decoration:none}.admin-referral-link:hover{color:var(--md-sys-color-primary)}.admin-referral-title{font-weight:500;line-height:1.25}.admin-referral-company{color:var(--md-sys-color-on-surface-variant);margin-top:2px;font-size:.75rem}.admin-user-link-inline{color:var(--md-sys-color-primary);font-size:.8125rem}.admin-actions{align-items:center;gap:.375rem;display:flex}@media (max-width:768px){.admin-tabs{width:100%}.admin-tab{flex:1;justify-content:center}.admin-table{font-size:.8125rem}.admin-table th,.admin-table td{padding:.5rem .625rem}.admin-cell-email{text-overflow:ellipsis;white-space:nowrap;max-width:140px;overflow:hidden}.admin-actions{flex-direction:column}}.metrics-dashboard{animation:fadeIn var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized-decelerate)}.metrics-section-title{text-transform:uppercase;letter-spacing:.05rem;color:var(--md-sys-color-on-surface-variant);align-items:center;gap:.5rem;margin-top:2rem;margin-bottom:1rem;font-size:.875rem;font-weight:500;display:flex}.metrics-section-title:first-child{margin-top:0}.metrics-grid{grid-template-columns:repeat(3,1fr);gap:.875rem;display:grid}.metrics-grid-3{grid-template-columns:repeat(3,1fr)}.metrics-grid-4{grid-template-columns:repeat(4,1fr)}.metrics-card{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);align-items:center;gap:1rem;padding:1.25rem;transition:background .15s;display:flex}.metrics-card:hover{background:var(--md-sys-color-surface-container-high)}.metrics-card-outline{border:1px solid var(--md-sys-color-outline-variant);background:0 0}.metrics-card-outline:hover{background:#d0bcff0a}.metrics-card-compact{text-align:center;flex-direction:column;align-items:center;gap:.375rem;padding:1rem}.metrics-card-icon{border-radius:var(--md-sys-shape-corner-medium);flex-shrink:0;justify-content:center;align-items:center;width:48px;height:48px;display:flex}.metrics-card-icon .material-symbols-outlined{font-size:24px}.metrics-card-content{flex:1;min-width:0}.metrics-card-value{color:var(--md-sys-color-on-surface);font-size:1.75rem;font-weight:600;line-height:1.2}.metrics-card-value-sm{color:var(--md-sys-color-primary);font-size:1.5rem;font-weight:600;line-height:1.2}.metrics-card-label{color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.04rem;margin-top:.125rem;font-size:.75rem;font-weight:500}.metrics-growth-row{align-items:center;gap:1rem;margin-top:.625rem;display:flex}.metrics-growth-item{flex-direction:column;flex:1;align-items:center;display:flex}.metrics-growth-value{color:var(--md-sys-color-primary);font-size:1.5rem;font-weight:600;line-height:1.2}.metrics-growth-period{color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.03rem;margin-top:.125rem;font-size:.6875rem}.metrics-growth-divider{background:var(--md-sys-color-outline-variant);width:1px;height:2rem}.metrics-distribution{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);flex-direction:column;gap:.625rem;padding:1.25rem;display:flex}.metrics-bar-row{align-items:center;gap:.75rem;display:flex}.metrics-bar-label{width:90px;color:var(--md-sys-color-on-surface-variant);text-align:right;flex-shrink:0;font-size:.8125rem}.metrics-bar-track{background:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-small);flex:1;height:24px;overflow:hidden}.metrics-bar-fill{background:var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-small);min-width:4px;height:100%;transition:width .5s var(--md-sys-motion-easing-emphasized-decelerate)}.metrics-bar-count{width:40px;color:var(--md-sys-color-on-surface);text-align:right;flex-shrink:0;font-size:.8125rem;font-weight:500}.metrics-leaderboards{grid-template-columns:repeat(2,1fr);gap:1rem;margin-top:2rem;display:grid}.metrics-leaderboard{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);padding:1rem;overflow:hidden}.metrics-leaderboard-title{color:var(--md-sys-color-on-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.625rem;font-size:.8125rem;font-weight:500;display:flex}.metrics-leaderboard-list{flex-direction:column;display:flex}.metrics-leaderboard-item{border-radius:var(--md-sys-shape-corner-medium);color:inherit;align-items:center;gap:.75rem;padding:.625rem .5rem;text-decoration:none;transition:background .15s;display:flex}.metrics-leaderboard-item:hover{background:#d0bcff0f}.metrics-rank{border-radius:var(--md-sys-shape-corner-full);background:var(--md-sys-color-surface-container-highest);width:24px;height:24px;color:var(--md-sys-color-on-surface-variant);flex-shrink:0;justify-content:center;align-items:center;font-size:.75rem;font-weight:600;display:inline-flex}.metrics-leaderboard-item:first-child .metrics-rank{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.metrics-leaderboard-info{flex:1;min-width:0}.metrics-leaderboard-name{color:var(--md-sys-color-on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;overflow:hidden}.metrics-leaderboard-sub{color:var(--md-sys-color-on-surface-variant);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;overflow:hidden}.metrics-leaderboard-stat{color:var(--md-sys-color-primary);white-space:nowrap;flex-shrink:0;align-items:center;gap:.25rem;font-size:.8125rem;font-weight:500;display:flex}.metrics-leaderboard-stat-col{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:.125rem;display:flex}.metrics-stat-muted{color:var(--md-sys-color-on-surface-variant);font-size:.6875rem}.metrics-leaderboard-empty{color:var(--md-sys-color-on-surface-variant);text-align:center;padding:1.5rem 0;font-size:.8125rem}.metrics-recent{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);flex-direction:column;display:flex;overflow:hidden}.metrics-recent-item{color:inherit;border-bottom:1px solid var(--md-sys-color-outline-variant);align-items:center;gap:.75rem;padding:.75rem 1rem;text-decoration:none;transition:background .15s;display:flex}.metrics-recent-item:last-child{border-bottom:none}.metrics-recent-item:hover{background:#d0bcff0f}.metrics-recent-info{flex:1;min-width:0}.metrics-recent-name{color:var(--md-sys-color-on-surface);font-size:.875rem;font-weight:500}.metrics-recent-sub{color:var(--md-sys-color-on-surface-variant);font-size:.75rem}@media (max-width:768px){.metrics-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid-3{grid-template-columns:1fr}.metrics-grid-4{grid-template-columns:repeat(2,1fr)}.metrics-leaderboards{grid-template-columns:1fr}.metrics-bar-label{width:70px;font-size:.75rem}}@media (max-width:480px){.metrics-grid,.metrics-grid-4{grid-template-columns:1fr}.metrics-card-icon{width:40px;height:40px}.metrics-card-icon .material-symbols-outlined{font-size:20px}}.profile-metrics-section{margin-bottom:1.5rem}.profile-metrics-toggle{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);width:100%;color:var(--md-sys-color-on-surface);cursor:pointer;align-items:center;gap:.5rem;padding:.875rem 1.25rem;font-family:inherit;font-size:.9375rem;font-weight:500;transition:background .15s;display:flex}.profile-metrics-toggle:hover{background:var(--md-sys-color-surface-container-high)}.profile-metrics-chevron{transition:transform .25s var(--md-sys-motion-easing-standard);margin-left:auto}.profile-metrics-chevron.open{transform:rotate(180deg)}.profile-metrics{flex-direction:column;gap:1rem;margin-top:.75rem;display:flex}.pm-stats-grid{grid-template-columns:repeat(4,1fr);gap:.75rem;display:grid}.pm-stat-card{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);align-items:center;gap:.75rem;padding:1rem;transition:background .15s;display:flex}.pm-stat-card:hover{background:var(--md-sys-color-surface-container-high)}.pm-stat-icon{border-radius:var(--md-sys-shape-corner-medium);flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.pm-stat-icon .material-symbols-outlined{font-size:20px}.pm-stat-value{color:var(--md-sys-color-on-surface);font-size:1.375rem;font-weight:600;line-height:1.2}.pm-stat-label{color:var(--md-sys-color-on-surface-variant);text-transform:uppercase;letter-spacing:.03rem;font-size:.6875rem;font-weight:500}.pm-highlight{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);border-left:3px solid var(--md-sys-color-primary);padding:1rem 1.25rem}.pm-highlight-label{text-transform:uppercase;letter-spacing:.04rem;color:var(--md-sys-color-primary);align-items:center;gap:.375rem;margin-bottom:.5rem;font-size:.6875rem;font-weight:500;display:flex}.pm-highlight-content{flex-wrap:wrap;align-items:center;gap:1rem;display:flex}.pm-highlight-title{color:var(--md-sys-color-on-surface);font-size:.9375rem;font-weight:500}.pm-highlight-sub{color:var(--md-sys-color-on-surface-variant);font-size:.8125rem}.pm-highlight-clicks{color:var(--md-sys-color-primary);align-items:center;gap:.25rem;margin-left:auto;font-size:.875rem;font-weight:600;display:flex}.pm-breakdown{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);padding:1rem 1.25rem}.pm-breakdown-title{color:var(--md-sys-color-on-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);align-items:center;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem;font-size:.8125rem;font-weight:500;display:flex}.pm-breakdown-list{flex-direction:column;gap:.5rem;display:flex}.pm-bar-row{align-items:center;gap:.75rem;display:flex}.pm-bar-info{flex-shrink:0;width:140px;overflow:hidden}.pm-bar-title{color:var(--md-sys-color-on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:.8125rem;font-weight:500;display:block;overflow:hidden}.pm-bar-company{color:var(--md-sys-color-on-surface-variant);white-space:nowrap;text-overflow:ellipsis;font-size:.6875rem;display:block;overflow:hidden}.pm-bar-track{background:var(--md-sys-color-surface-container-highest);border-radius:var(--md-sys-shape-corner-small);flex:1;height:20px;overflow:hidden}.pm-bar-fill{background:var(--md-sys-color-primary);border-radius:var(--md-sys-shape-corner-small);height:100%;transition:width .5s var(--md-sys-motion-easing-emphasized-decelerate)}.pm-bar-count{text-align:right;width:36px;color:var(--md-sys-color-on-surface);flex-shrink:0;font-size:.8125rem;font-weight:500}.pm-bottom-grid{grid-template-columns:repeat(2,1fr);gap:.75rem;display:grid}.pm-mini-card{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);padding:1rem}.pm-mini-title{color:var(--md-sys-color-on-surface);border-bottom:1px solid var(--md-sys-color-outline-variant);align-items:center;gap:.375rem;margin-bottom:.625rem;padding-bottom:.5rem;font-size:.8125rem;font-weight:500;display:flex}.pm-tag-list{flex-direction:column;gap:.375rem;display:flex}.pm-tag-item{justify-content:space-between;align-items:center;padding:.375rem 0;display:flex}.pm-tag-name{color:var(--md-sys-color-on-surface);font-size:.8125rem}.pm-tag-count{color:var(--md-sys-color-primary);font-size:.75rem;font-weight:500}@media (max-width:768px){.pm-stats-grid{grid-template-columns:repeat(2,1fr)}.pm-bottom-grid{grid-template-columns:1fr}.pm-bar-info{width:100px}}@media (max-width:480px){.pm-stats-grid{grid-template-columns:1fr}.pm-highlight-content{flex-direction:column;align-items:flex-start;gap:.375rem}.pm-highlight-clicks{margin-left:0}.pm-bar-info{width:80px}}.circles-page{max-width:900px;margin:0 auto;padding:1.5rem 1rem}.circles-header{justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1.5rem;display:flex}.circles-header h1{color:var(--md-sys-color-on-surface);align-items:center;gap:.5rem;margin:0;font-size:1.5rem;font-weight:500;display:flex}.circles-header h1 .material-symbols-outlined{color:var(--md-sys-color-primary);font-size:1.75rem}.circles-tabs{border-bottom:1px solid var(--md-sys-color-outline-variant);gap:0;margin-bottom:1.5rem;display:flex}.circles-tab{color:var(--md-sys-color-on-surface-variant);cursor:pointer;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);background:0 0;border:none;border-bottom:2px solid #0000;align-items:center;gap:.375rem;padding:.75rem 1.25rem;font-size:.875rem;font-weight:500;display:flex}.circles-tab:hover{background:var(--md-sys-color-surface-variant);color:var(--md-sys-color-on-surface)}.circles-tab.active{color:var(--md-sys-color-primary);border-bottom-color:var(--md-sys-color-primary)}.circle-create-form{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);animation:fadeIn var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized-decelerate);margin-bottom:1.5rem;padding:1.5rem}.circle-create-form h3{color:var(--md-sys-color-on-surface);margin:0 0 1rem;font-size:1.125rem;font-weight:500}.circle-create-form input[type=text],.circle-create-form textarea,.circle-create-form select,.circle-edit-form input[type=text],.circle-edit-form textarea,.circle-edit-form select,.circle-add-member-search input,.circles-discover-search input{border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-extra-small);width:100%;color:var(--md-sys-color-on-surface);letter-spacing:.03125rem;transition:border-color var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);caret-color:var(--md-sys-color-primary);box-sizing:border-box;background:0 0;padding:.875rem 1rem;font-family:inherit;font-size:1rem;line-height:1.5rem}.circle-create-form input[type=text]::placeholder,.circle-create-form textarea::placeholder,.circle-edit-form input[type=text]::placeholder,.circle-edit-form textarea::placeholder,.circle-add-member-search input::placeholder,.circles-discover-search input::placeholder{color:var(--md-sys-color-on-surface-variant);opacity:.6}.circle-create-form input[type=text]:focus,.circle-create-form textarea:focus,.circle-create-form select:focus,.circle-edit-form input[type=text]:focus,.circle-edit-form textarea:focus,.circle-edit-form select:focus,.circle-add-member-search input:focus,.circles-discover-search input:focus{border-color:var(--md-sys-color-primary);border-width:2px;outline:none;padding:calc(.875rem - 1px) calc(1rem - 1px)}.circle-create-form textarea,.circle-edit-form textarea{resize:vertical;min-height:60px}.circle-create-form select,.circle-edit-form select{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' fill='%23CAC4D0'%3E%3Cpath d='M7 10l5 5 5-5z'/%3E%3C/svg%3E");background-position:right .75rem center;background-repeat:no-repeat;padding-right:2.5rem}.circle-create-form label,.circle-edit-form label{letter-spacing:.03125rem;color:var(--md-sys-color-on-surface-variant);margin-bottom:.375rem;font-size:.75rem;font-weight:500;display:block}.circle-type-options{flex-direction:column;gap:.5rem;display:flex}.circle-type-option{border-radius:var(--md-sys-shape-corner-medium);border:1px solid var(--md-sys-color-outline-variant);cursor:pointer;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);align-items:flex-start;gap:.75rem;padding:.75rem 1rem;display:flex}.circle-type-option:hover{background:var(--md-sys-color-surface-variant)}.circle-type-option.selected{border-color:var(--md-sys-color-primary);background:color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent)}.circle-type-option input[type=radio]{display:none}.circle-type-option>.material-symbols-outlined{color:var(--md-sys-color-on-surface-variant);margin-top:.125rem;font-size:1.25rem}.circle-type-option.selected>.material-symbols-outlined{color:var(--md-sys-color-primary)}.circle-type-option div{flex-direction:column;gap:.125rem;display:flex}.circle-type-option strong{color:var(--md-sys-color-on-surface);font-size:.875rem}.circle-type-option small{color:var(--md-sys-color-on-surface-variant);font-size:.75rem}.circles-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:1rem;display:grid}.circle-card{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);color:inherit;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);border:1px solid #0000;flex-direction:column;gap:.5rem;padding:1rem 1.25rem;text-decoration:none;display:flex}.circle-card:hover{border-color:var(--md-sys-color-outline-variant);background:var(--md-sys-color-surface-container-high)}.circle-card-header{justify-content:space-between;align-items:center;gap:.5rem;display:flex}.circle-card-header h3{color:var(--md-sys-color-on-surface);margin:0;font-size:1rem;font-weight:500}.circle-badge{border-radius:var(--md-sys-shape-corner-full);text-transform:capitalize;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:500;display:inline-flex}.circle-badge-private{background:color-mix(in srgb, var(--md-sys-color-tertiary) 15%, transparent);color:var(--md-sys-color-tertiary)}.circle-badge-public{background:color-mix(in srgb, var(--md-sys-color-primary) 15%, transparent);color:var(--md-sys-color-primary)}.circle-badge-owner{background:color-mix(in srgb, var(--md-sys-color-secondary) 15%, transparent);color:var(--md-sys-color-secondary)}.circle-badge-visible,.circle-badge-invite_only{background:color-mix(in srgb, var(--md-sys-color-on-surface-variant) 12%, transparent);color:var(--md-sys-color-on-surface-variant)}.circle-card-desc{color:var(--md-sys-color-on-surface-variant);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin:0;font-size:.8125rem;line-height:1.4;display:-webkit-box;overflow:hidden}.circle-card-stats{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:1rem;font-size:.75rem;display:flex}.circle-card-stats>span{align-items:center;gap:.25rem;display:flex}.circle-card-invite{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:.25rem;font-size:.6875rem;display:flex}.circle-card-owner{color:var(--md-sys-color-on-surface-variant);font-size:.75rem}.circle-card-actions{margin-top:.25rem}.circles-discover-search{gap:.5rem;margin-bottom:1.5rem;display:flex}.circles-discover-search input{flex:1}.circle-detail-header{margin-bottom:2rem}.circle-back-link{color:var(--md-sys-color-primary);align-items:center;gap:.25rem;margin-bottom:1rem;font-size:.875rem;text-decoration:none;display:inline-flex}.circle-back-link:hover{text-decoration:underline}.circle-detail-title{flex-wrap:wrap;align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.circle-detail-title h1{color:var(--md-sys-color-on-surface);margin:0;font-size:1.5rem;font-weight:500}.circle-detail-badges{gap:.375rem;display:flex}.circle-detail-desc{color:var(--md-sys-color-on-surface-variant);margin:0 0 .75rem;font-size:.9375rem;line-height:1.5}.circle-detail-meta{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:.8125rem;display:flex}.circle-detail-meta a{color:var(--md-sys-color-primary);text-decoration:none}.circle-detail-meta a:hover{text-decoration:underline}.circle-owner-actions{gap:.5rem;margin-bottom:1rem;display:flex}.btn-danger{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error);border-radius:var(--md-sys-shape-corner-full);cursor:pointer;transition:opacity var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);border:none;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;display:inline-flex}.btn-danger:hover{opacity:.9}.btn-sm{padding:.375rem .75rem!important;font-size:.75rem!important}.btn-lg{padding:.75rem 1.5rem!important;font-size:1rem!important}.btn-outline{color:var(--md-sys-color-primary);border:1px solid var(--md-sys-color-outline);border-radius:var(--md-sys-shape-corner-full);cursor:pointer;transition:all var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);background:0 0;align-items:center;gap:.375rem;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.btn-outline:hover{background:color-mix(in srgb, var(--md-sys-color-primary) 8%, transparent)}.circle-invite-section{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium);align-items:center;gap:.5rem;margin-bottom:1rem;padding:.75rem 1rem;display:flex}.circle-invite-code{background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-small);color:var(--md-sys-color-on-surface);padding:.25rem .5rem;font-family:monospace;font-size:.875rem}.circle-section{margin-bottom:2rem}.circle-section-header{border-bottom:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:1rem;padding-bottom:.5rem;display:flex}.circle-section-header h2{color:var(--md-sys-color-on-surface);align-items:center;gap:.5rem;margin:0;font-size:1.125rem;font-weight:500;display:flex}.circle-section-header h2 .material-symbols-outlined{color:var(--md-sys-color-primary);font-size:1.25rem}.circle-add-member{animation:fadeIn var(--md-sys-motion-duration-medium2) var(--md-sys-motion-easing-emphasized-decelerate);margin-bottom:1rem}.circle-add-member-search{gap:.5rem;margin-bottom:.75rem;display:flex}.circle-add-member-search input{flex:1}.circle-search-results{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-medium);flex-direction:column;gap:.375rem;padding:.5rem;display:flex}.circle-search-result{border-radius:var(--md-sys-shape-corner-small);justify-content:space-between;align-items:center;gap:.5rem;padding:.5rem .75rem;display:flex}.circle-search-result:hover{background:var(--md-sys-color-surface-container-high)}.circle-search-result div{flex-direction:column;gap:.125rem;display:flex}.circle-search-result strong{color:var(--md-sys-color-on-surface);font-size:.875rem}.circle-search-result small{color:var(--md-sys-color-on-surface-variant);font-size:.75rem}.circle-members-list{flex-direction:column;gap:.25rem;display:flex}.circle-member{border-radius:var(--md-sys-shape-corner-medium);transition:background var(--md-sys-motion-duration-short4) var(--md-sys-motion-easing-standard);justify-content:space-between;align-items:center;gap:.75rem;padding:.5rem .75rem;display:flex}.circle-member:hover{background:var(--md-sys-color-surface-container)}.circle-member-info{color:inherit;align-items:center;gap:.75rem;text-decoration:none;display:flex}.circle-member-info .material-symbols-outlined{color:var(--md-sys-color-on-surface-variant);background:var(--md-sys-color-surface-container-high);border-radius:var(--md-sys-shape-corner-full);padding:.375rem;font-size:1.5rem}.circle-member-info div{flex-direction:column;gap:.125rem;display:flex}.circle-member-info strong{color:var(--md-sys-color-on-surface);font-size:.875rem}.circle-member-info small{color:var(--md-sys-color-on-surface-variant);font-size:.75rem}.circle-member-actions{align-items:center;gap:.375rem;display:flex}.circle-edit-form{background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-large);margin-top:.5rem;padding:1.5rem}.circle-edit-actions{gap:.5rem;margin-top:1rem;display:flex}.join-circle-card{text-align:center;background:var(--md-sys-color-surface-container);border-radius:var(--md-sys-shape-corner-extra-large);max-width:480px;margin:2rem auto;padding:2.5rem 2rem}.join-circle-icon .material-symbols-outlined{color:var(--md-sys-color-primary)}.join-circle-card h1{color:var(--md-sys-color-on-surface);margin:1rem 0 .5rem;font-size:1.5rem;font-weight:500}.join-circle-name{color:var(--md-sys-color-primary);margin-bottom:.5rem;font-size:1.25rem;font-weight:600}.join-circle-desc{color:var(--md-sys-color-on-surface-variant);margin:0 0 1rem;font-size:.9375rem;line-height:1.5}.join-circle-meta{color:var(--md-sys-color-on-surface-variant);justify-content:center;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.8125rem;display:flex}.join-circle-meta a{color:var(--md-sys-color-primary);text-decoration:none}.join-circle-joined{flex-direction:column;align-items:center;gap:.75rem;display:flex}.join-circle-joined>.material-symbols-outlined{color:var(--md-sys-color-primary);font-size:2rem}.join-circle-actions{flex-direction:column;align-items:center;gap:.75rem;display:flex}.join-circle-note{color:var(--md-sys-color-on-surface-variant);margin:0;font-size:.8125rem}@media (max-width:768px){.circles-header{flex-direction:column;align-items:flex-start}.circles-grid{grid-template-columns:1fr}.circle-detail-title{flex-direction:column;align-items:flex-start}.circles-discover-search{flex-direction:column}.join-circle-card{margin:1rem auto;padding:1.5rem 1rem}}