*,: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}.nav-profile{display:inline-flex;position:relative}.nav-profile-toggle{cursor:pointer}.nav-profile-menu{background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);z-index:200;border-radius:14px;flex-direction:column;gap:.125rem;min-width:200px;padding:.375rem;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 8px 24px #0006}.nav-profile-menu a,.nav-profile-logout{width:100%;color:var(--md-sys-color-on-surface);cursor:pointer;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:.625rem;padding:.625rem .75rem;font-family:inherit;font-size:.875rem;font-weight:500;text-decoration:none;display:flex}.nav-profile-menu a:hover,.nav-profile-logout:hover{background:var(--md-sys-color-surface-container-highest)}.nav-profile-logout{border-top:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);margin-top:.125rem}.nav-profile-menu a .material-symbols-outlined,.nav-profile-logout .material-symbols-outlined{color:var(--md-sys-color-on-surface-variant)}@media (max-width:768px){.nav-profile{flex-direction:column;width:100%}.nav-profile-menu{box-shadow:none;background:0 0;border:none;min-width:0;padding:0;position:static}}.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-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}}.add-to-circle{display:inline-block;position:relative}.add-to-circle-popup{z-index:50;background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);width:280px;box-shadow:var(--md-sys-elevation-3);padding:.5rem;position:absolute;bottom:calc(100% + .5rem);right:0}.add-to-circle-loading{color:var(--md-sys-color-on-surface-variant);justify-content:center;padding:1rem;display:flex}.add-to-circle-empty{text-align:center;color:var(--md-sys-color-on-surface-variant);padding:1rem;font-size:.8125rem}.add-to-circle-empty p{margin:0 0 .75rem}.add-to-circle-menu,.add-to-circle-list{flex-direction:column;gap:.25rem;display:flex}.add-to-circle-option{text-align:left;border-radius:var(--md-sys-shape-corner-small);cursor:pointer;width:100%;color:var(--md-sys-color-on-surface);background:0 0;border:none;align-items:flex-start;gap:.625rem;padding:.625rem;display:flex}.add-to-circle-option:hover:not(:disabled){background:var(--md-sys-color-surface-container-highest)}.add-to-circle-option:disabled{opacity:.4;cursor:not-allowed}.add-to-circle-option .material-symbols-outlined{color:var(--md-sys-color-primary);font-size:20px}.add-to-circle-option strong{font-size:.875rem;font-weight:500;display:block}.add-to-circle-option small{color:var(--md-sys-color-on-surface-variant);font-size:.75rem;display:block}.add-to-circle-back{border:none;border-bottom:1px solid var(--md-sys-color-outline-variant);cursor:pointer;width:100%;color:var(--md-sys-color-on-surface-variant);background:0 0;align-items:center;gap:.375rem;margin-bottom:.25rem;padding:.5rem;font-size:.8125rem;font-weight:500;display:flex}.add-to-circle-circle{border-radius:var(--md-sys-shape-corner-small);cursor:pointer;width:100%;color:var(--md-sys-color-on-surface);background:0 0;border:none;align-items:center;gap:.5rem;padding:.5rem .625rem;font-size:.8125rem;display:flex}.add-to-circle-circle:hover:not(:disabled){background:var(--md-sys-color-surface-container-highest)}.add-to-circle-circle:disabled{opacity:.6}.add-to-circle-circle .material-symbols-outlined{color:var(--md-sys-color-on-surface-variant)}.add-to-circle-msg{border-radius:var(--md-sys-shape-corner-small);text-align:center;margin-top:.5rem;padding:.5rem .625rem;font-size:.75rem}.add-to-circle-msg.ok{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.add-to-circle-msg.err{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.changelog-list{flex-direction:column;gap:1.5rem;display:flex}.changelog-entry{background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large);padding:1.5rem}.changelog-entry-header{align-items:center;gap:.75rem;margin-bottom:.5rem;display:flex}.changelog-version{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-radius:var(--md-sys-shape-corner-full);align-items:center;padding:.125rem .625rem;font-size:.75rem;font-weight:600;display:inline-flex}.changelog-date{color:var(--md-sys-color-on-surface-variant);font-size:.8125rem}.changelog-title{color:var(--md-sys-color-on-surface);margin:0 0 1rem;font-size:1.25rem;font-weight:500}.changelog-changes{flex-direction:column;gap:.75rem;margin:0;padding:0;list-style:none;display:flex}.changelog-change{align-items:flex-start;gap:.75rem;display:flex}.changelog-badge{border-radius:var(--md-sys-shape-corner-full);text-transform:uppercase;letter-spacing:.03em;flex-shrink:0;align-items:center;gap:.25rem;padding:.125rem .5rem;font-size:.6875rem;font-weight:600;display:inline-flex}.changelog-change-text{color:var(--md-sys-color-on-surface);font-size:.875rem;line-height:1.5}.feedback-categories{grid-template-columns:repeat(2,1fr);gap:.5rem;display:grid}.feedback-category{background:var(--md-sys-color-surface-container-high);border:1.5px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-small);cursor:pointer;color:var(--md-sys-color-on-surface);align-items:center;gap:.5rem;padding:.75rem;font-size:.875rem;transition:all .15s;display:flex}.feedback-category:hover{background:var(--md-sys-color-surface-container-highest)}.feedback-category.selected{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.feedback-category .material-symbols-outlined{color:var(--md-sys-color-primary)}.feedback-category.selected .material-symbols-outlined{color:var(--md-sys-color-on-primary-container)}.admin-feedback-list{flex-direction:column;gap:1rem;display:flex}.admin-feedback-card{background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-left:4px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium);padding:1rem 1.25rem}.admin-feedback-card.admin-feedback-new{border-left-color:var(--md-sys-color-primary)}.admin-feedback-card.admin-feedback-resolved{opacity:.7}.admin-feedback-head{align-items:center;gap:.625rem;margin-bottom:.625rem;display:flex}.admin-feedback-badge{border-radius:var(--md-sys-shape-corner-full);text-transform:capitalize;background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container);padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.admin-feedback-badge.cat-bug{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.admin-feedback-badge.cat-feature{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.admin-feedback-status{border-radius:var(--md-sys-shape-corner-full);text-transform:capitalize;border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);padding:.125rem .5rem;font-size:.6875rem;font-weight:600}.admin-feedback-status.status-new{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container);border-color:#0000}.admin-feedback-status.status-resolved{background:var(--md-sys-color-surface-container-highest)}.admin-feedback-date{color:var(--md-sys-color-on-surface-variant);margin-left:auto;font-size:.75rem}.admin-feedback-message{color:var(--md-sys-color-on-surface);white-space:pre-wrap;margin:0 0 .75rem;font-size:.9375rem;line-height:1.55}.admin-feedback-meta{color:var(--md-sys-color-on-surface-variant);flex-wrap:wrap;align-items:center;gap:.375rem;margin-bottom:.75rem;font-size:.8125rem;display:flex}.admin-feedback-meta a{color:var(--md-sys-color-primary)}.admin-feedback-actions{flex-wrap:wrap;gap:.5rem;display:flex}@media (max-width:600px){.feedback-categories{grid-template-columns:1fr}.add-to-circle-popup{width:240px}}.landing-hero{text-align:center;border-bottom:1px solid var(--md-sys-color-outline-variant);margin-bottom:1.5rem;padding:3rem 1rem 2.5rem}.landing-title{margin-bottom:1rem;font-size:clamp(1.75rem,4.5vw,2.75rem);font-weight:700;line-height:1.2}.landing-title-accent{color:var(--md-sys-color-primary)}.landing-sub{color:var(--md-sys-color-on-surface-variant);max-width:560px;margin:0 auto 1.5rem;font-size:1.05rem;line-height:1.6}.landing-cta{flex-wrap:wrap;justify-content:center;gap:.75rem;margin-bottom:2.5rem;display:flex}.btn-lg{padding:.75rem 1.5rem;font-size:1rem}.landing-features{text-align:left;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;max-width:820px;margin:0 auto;display:grid}.landing-feature{background:var(--md-sys-color-surface-container);border-radius:16px;padding:1.25rem}.landing-feature .material-symbols-outlined{color:var(--md-sys-color-primary);margin-bottom:.5rem;font-size:28px;display:block}.landing-feature strong{margin-bottom:.375rem;font-size:.95rem;display:block}.landing-feature p{color:var(--md-sys-color-on-surface-variant);margin:0;font-size:.85rem;line-height:1.5}.home-circles{background:var(--md-sys-color-surface-container);border-radius:16px;margin-bottom:1.5rem;padding:1rem 1.25rem}.home-circles-head{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;margin-bottom:.75rem;display:flex}.home-circles-head h2{align-items:center;gap:.5rem;margin:0;font-size:1.05rem;display:flex}.home-circles-row{flex-wrap:wrap;gap:.625rem;display:flex}.home-circle-chip{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface);border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;align-items:center;gap:.5rem;padding:.5rem .875rem;font-size:.875rem;text-decoration:none;transition:background .15s,border-color .15s;display:inline-flex}.home-circle-chip:hover{background:var(--md-sys-color-surface-container-highest);border-color:var(--md-sys-color-primary)}.home-circle-chip .material-symbols-outlined{color:var(--md-sys-color-primary)}.home-circle-name{text-overflow:ellipsis;white-space:nowrap;max-width:160px;font-weight:500;overflow:hidden}.home-circle-count{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:.125rem;font-size:.8rem;display:inline-flex}.home-circles-empty{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;display:flex}.home-circles-empty p{color:var(--md-sys-color-on-surface-variant);margin:0;font-size:.9rem}.notif-bell{display:inline-flex;position:relative}.notif-bell-btn{color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;padding:.375rem;transition:background .15s,color .15s;display:inline-flex;position:relative}.notif-bell-btn:hover{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface)}.notif-badge{background:var(--md-sys-color-error);color:var(--md-sys-color-on-error);border-radius:999px;justify-content:center;align-items:center;min-width:16px;height:16px;padding:0 3px;font-size:.65rem;font-weight:700;display:flex;position:absolute;top:0;right:0}.notif-popup{background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);z-index:200;border-radius:16px;width:340px;max-width:calc(100vw - 2rem);position:absolute;top:calc(100% + 8px);right:0;overflow:hidden;box-shadow:0 8px 24px #0006}.notif-popup-head{border-bottom:1px solid var(--md-sys-color-outline-variant);justify-content:space-between;align-items:center;padding:.75rem 1rem;display:flex}.notif-mark-all{color:var(--md-sys-color-primary);cursor:pointer;background:0 0;border:none;font-size:.8rem}.notif-loading,.notif-empty{text-align:center;color:var(--md-sys-color-on-surface-variant);padding:2rem 1rem}.notif-empty .material-symbols-outlined{opacity:.5;margin-bottom:.5rem;font-size:32px}.notif-empty p{margin:0;font-size:.875rem}.notif-list{max-height:380px;overflow-y:auto}.notif-item{border:none;border-bottom:1px solid var(--md-sys-color-outline-variant);width:100%;color:var(--md-sys-color-on-surface);cursor:pointer;text-align:left;background:0 0;align-items:flex-start;gap:.625rem;padding:.75rem 1rem;transition:background .15s;display:flex}.notif-item:last-child{border-bottom:none}.notif-item:hover{background:var(--md-sys-color-surface-container-highest)}.notif-unread{background:#d0bcff0f}.notif-unread .notif-item-title{font-weight:600}.notif-item-icon{color:var(--md-sys-color-primary);margin-top:1px}.notif-item-content{flex:1;min-width:0}.notif-item-title{font-size:.85rem;line-height:1.4}.notif-item-body{color:var(--md-sys-color-on-surface-variant);margin-top:2px;font-size:.78rem;line-height:1.4}.notif-item-time{color:var(--md-sys-color-on-surface-variant);white-space:nowrap;font-size:.72rem}.invite-panel{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;max-width:560px;margin:1rem 0;padding:1.25rem}.invite-panel-compact{margin:.75rem 0}.invite-panel-head{justify-content:space-between;align-items:center;margin-bottom:.375rem;display:flex}.invite-panel-head h3{align-items:center;gap:.5rem;margin:0;font-size:1rem;display:flex}.invite-panel-head .material-symbols-outlined{color:var(--md-sys-color-primary)}.invite-panel-sub{color:var(--md-sys-color-on-surface-variant);margin:0 0 1rem;font-size:.85rem;line-height:1.5}.invite-panel-form{gap:.5rem;margin-bottom:.625rem;display:flex}.invite-panel-form input{background:var(--md-sys-color-surface-container-highest);border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface);border-radius:10px;flex:1;padding:.625rem .875rem;font-size:.9rem}.invite-panel-form input:focus{border-color:var(--md-sys-color-primary);outline:none}.invite-panel-msg{background:var(--md-sys-color-surface-container-highest);border:1px solid var(--md-sys-color-outline-variant);width:100%;color:var(--md-sys-color-on-surface);resize:vertical;border-radius:10px;padding:.625rem .875rem;font-family:inherit;font-size:.875rem}.invite-panel-msg:focus{border-color:var(--md-sys-color-primary);outline:none}.invite-panel-or{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:.75rem;margin:.875rem 0;font-size:.8rem;display:flex}.invite-panel-or:before,.invite-panel-or:after{content:"";background:var(--md-sys-color-outline-variant);flex:1;height:1px}.invite-panel-url{background:var(--md-sys-color-surface-container-highest);border-radius:10px;align-items:center;gap:.5rem;margin-top:.75rem;padding:.5rem .75rem;display:flex}.invite-panel-url code{color:var(--md-sys-color-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:.78rem;overflow:hidden}.invite-panel-result{border-radius:10px;margin-top:.75rem;padding:.625rem .875rem;font-size:.85rem;line-height:1.5}.invite-panel-result.ok{color:#a6e3bf;background:#7dd3a01f}.invite-panel-result.err{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.invite-accept-card{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);text-align:center;border-radius:24px;max-width:520px;margin:2.5rem auto;padding:2.5rem 2rem}.invite-accept-icon{background:var(--md-sys-color-primary-container);width:72px;height:72px;color:var(--md-sys-color-on-primary-container);border-radius:50%;justify-content:center;align-items:center;margin:0 auto 1.25rem;display:flex}.invite-accept-icon .material-symbols-outlined{font-size:36px}.invite-accept-card h1{margin-bottom:1rem;font-size:1.375rem;line-height:1.35}.invite-accept-message{background:var(--md-sys-color-surface-container-high);color:var(--md-sys-color-on-surface-variant);border-radius:12px;margin:0 0 1rem;padding:.875rem 1.125rem;font-size:.92rem;font-style:italic;line-height:1.5}.invite-accept-message cite{margin-top:.375rem;font-size:.8rem;font-style:normal;display:block}.invite-accept-desc{color:var(--md-sys-color-on-surface-variant);margin-bottom:1rem;font-size:.92rem;line-height:1.6}.invite-accept-stats{color:var(--md-sys-color-on-surface-variant);justify-content:center;gap:1.5rem;margin-bottom:1.5rem;font-size:.875rem;display:flex}.invite-accept-stats>div{align-items:center;gap:.375rem;display:flex}.invite-accept-actions{margin-top:.75rem}.invite-accept-note{color:var(--md-sys-color-on-surface-variant);justify-content:center;align-items:center;gap:.375rem;margin-bottom:1rem;font-size:.85rem;display:flex}.invite-accept-btns{flex-direction:column;align-items:center;gap:.625rem;display:flex}.wizard-kinds{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:.75rem;margin-top:.75rem;display:grid}.wizard-kind-card{background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);text-align:left;cursor:pointer;color:var(--md-sys-color-on-surface);border-radius:16px;padding:1.25rem 1rem;transition:border-color .15s,background .15s,transform .1s}.wizard-kind-card:hover{border-color:var(--md-sys-color-primary);background:var(--md-sys-color-surface-container-highest);transform:translateY(-2px)}.wizard-kind-card .material-symbols-outlined{color:var(--md-sys-color-primary);margin-bottom:.5rem;font-size:28px;display:block}.wizard-kind-card strong{margin-bottom:.25rem;font-size:.95rem;display:block}.wizard-kind-card p{color:var(--md-sys-color-on-surface-variant);margin:0;font-size:.8rem;line-height:1.45}.wizard-step-head{align-items:center;gap:.5rem;margin-bottom:1rem;display:flex}.wizard-step-head h3{align-items:center;gap:.5rem;margin:0;display:flex}.wizard-step-head .material-symbols-outlined{color:var(--md-sys-color-primary)}.circle-card-kind{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:.3rem;margin-bottom:.375rem;font-size:.75rem;display:inline-flex}.circle-badge-kind{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface-variant)}.circle-settings-panel{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;max-width:560px;margin:1rem 0;padding:1.125rem 1.25rem}.circle-settings-panel h3{align-items:center;gap:.5rem;margin:0 0 .875rem;font-size:1rem;display:flex}.circle-setting-row{border-top:1px solid var(--md-sys-color-outline-variant);cursor:pointer;justify-content:space-between;align-items:center;gap:1rem;padding:.75rem 0;display:flex}.circle-setting-row strong{margin-bottom:.125rem;font-size:.875rem;display:block}.circle-setting-row small{color:var(--md-sys-color-on-surface-variant);font-size:.78rem;line-height:1.45}.circle-setting-row input[type=checkbox]{width:20px;height:20px;accent-color:var(--md-sys-color-primary);cursor:pointer;flex-shrink:0}.profile-invite-section{margin-bottom:1.25rem}.profile-invite-head{flex-wrap:wrap;gap:.625rem;display:flex}.profile-sent-invites{background:var(--md-sys-color-surface-container);border-radius:16px;max-width:560px;margin-top:.75rem;padding:1rem 1.25rem}.profile-sent-invites h3{align-items:center;gap:.5rem;margin:0 0 .625rem;font-size:.9rem;display:flex}.profile-sent-invite-row{border-top:1px solid var(--md-sys-color-outline-variant);flex-wrap:wrap;align-items:center;gap:.625rem;padding:.5rem 0;font-size:.85rem;display:flex}.invite-status{text-transform:capitalize;border-radius:999px;align-items:center;gap:.25rem;padding:.125rem .625rem;font-size:.72rem;display:inline-flex}.invite-status-pending{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface-variant)}.invite-status-accepted{color:#a6e3bf;background:#7dd3a026}.profile-sent-invite-target{text-overflow:ellipsis;flex:1;min-width:0;overflow:hidden}.profile-sent-invite-target small,.profile-sent-invite-by{color:var(--md-sys-color-on-surface-variant)}.profile-prefs-panel{background:var(--md-sys-color-surface-container);border-radius:16px;max-width:560px;margin-top:.75rem;padding:1.125rem 1.25rem}.profile-prefs-panel h3{align-items:center;gap:.5rem;margin:0 0 .875rem;font-size:.95rem;display:flex}.profile-prefs-grid{grid-template-columns:1fr 1fr;gap:1.25rem;display:grid}.profile-prefs-col strong{text-transform:uppercase;letter-spacing:.04em;color:var(--md-sys-color-on-surface-variant);margin-bottom:.5rem;font-size:.8rem;display:block}.profile-pref-row{cursor:pointer;align-items:center;gap:.5rem;padding:.375rem 0;font-size:.85rem;display:flex}.profile-pref-row input[type=checkbox]{accent-color:var(--md-sys-color-primary);cursor:pointer;width:16px;height:16px}@media (max-width:600px){.profile-prefs-grid{grid-template-columns:1fr}}.events-stream{background:var(--md-sys-color-surface-container);border-radius:16px;padding:.5rem 0;overflow:hidden}.events-stream-item{border-bottom:1px solid var(--md-sys-color-outline-variant);align-items:center;gap:.75rem;padding:.625rem 1.25rem;font-size:.85rem;display:flex}.events-stream-item:last-child{border-bottom:none}.events-stream-icon{color:var(--md-sys-color-primary);flex-shrink:0}.events-stream-text{text-overflow:ellipsis;white-space:nowrap;flex:1;min-width:0;overflow:hidden}.events-stream-source{color:var(--md-sys-color-on-surface-variant);font-size:.78rem}.events-stream-time{color:var(--md-sys-color-on-surface-variant);white-space:nowrap;font-size:.75rem}.graph-tab{margin-top:.5rem}.graph-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.75rem;margin-bottom:.875rem;display:flex}.graph-legend{flex-wrap:wrap;gap:1.25rem;display:flex}.graph-legend-item{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:.5rem;font-size:.85rem;display:inline-flex}.graph-dot{border-radius:50%;width:12px;height:12px;display:inline-block}.graph-toggle{color:var(--md-sys-color-on-surface-variant);cursor:pointer;align-items:center;gap:.5rem;font-size:.85rem;display:inline-flex}.graph-toggle input[type=checkbox]{accent-color:var(--md-sys-color-primary)}.graph-canvas-wrap{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;position:relative;overflow:hidden}.graph-canvas{cursor:crosshair;width:100%;display:block}.graph-tooltip{background:var(--md-sys-color-surface-container-highest);border:1px solid var(--md-sys-color-outline-variant);pointer-events:none;border-radius:10px;max-width:260px;padding:.5rem .75rem;font-size:.82rem;position:absolute;top:12px;left:12px}.graph-tooltip-kind{color:var(--md-sys-color-primary);text-transform:uppercase;letter-spacing:.05em;margin-top:2px;font-size:.72rem}.graph-hint{color:var(--md-sys-color-on-surface-variant);margin-top:.625rem;font-size:.8rem}.nl-smtp-banner{background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);color:var(--md-sys-color-on-surface-variant);border-radius:12px;align-items:center;gap:.625rem;margin-bottom:.875rem;padding:.75rem 1rem;font-size:.875rem;line-height:1.5;display:flex}.nl-smtp-banner.ok{color:#a6e3bf;border-color:#7dd3a066}.nl-desc{color:var(--md-sys-color-on-surface-variant);max-width:640px;margin-bottom:1rem;font-size:.9rem;line-height:1.6}.nl-actions{flex-wrap:wrap;gap:.625rem;display:flex}.nl-result{background:var(--md-sys-color-surface-container-high);border-radius:10px;margin-top:.875rem;padding:.625rem .875rem;font-size:.875rem}.nl-status{text-transform:capitalize;border-radius:999px;padding:.125rem .625rem;font-size:.75rem}.nl-status-queued{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface-variant)}.nl-status-sent{color:#a6e3bf;background:#7dd3a026}.nl-status-failed{background:var(--md-sys-color-error-container);color:var(--md-sys-color-on-error-container)}.home-join{border-top:1px solid var(--md-sys-color-outline-variant);margin-top:1rem;padding-top:1rem}.home-join-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.home-join-head h3{color:var(--md-sys-color-on-surface);align-items:center;gap:.4rem;font-size:.95rem;font-weight:600;display:flex}.home-join-head h3 .material-symbols-outlined{color:var(--md-sys-color-primary)}.home-join-row{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:.75rem;display:grid}.home-join-card{background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-medium,12px);justify-content:space-between;align-items:center;gap:.75rem;padding:.75rem .85rem;display:flex}.home-join-info{min-width:0;color:inherit;flex-direction:column;gap:.15rem;text-decoration:none;display:flex}.home-join-info strong{color:var(--md-sys-color-on-surface);white-space:nowrap;text-overflow:ellipsis;font-size:.9rem;font-weight:600;overflow:hidden}.home-join-meta{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:.25rem;font-size:.75rem;display:inline-flex}.home-join-meta .material-symbols-outlined{font-size:14px}.home-join-card .btn{flex-shrink:0}.invite-panel-circle-select{margin-bottom:.75rem}.invite-panel-circle-select .form-label{margin-bottom:.35rem;display:block}.wizard-overlay{z-index:1000;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0009;justify-content:center;align-items:center;padding:1rem;display:flex;position:fixed;inset:0}.wizard-card{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:var(--md-sys-shape-corner-large,20px);width:100%;max-width:520px;max-height:90vh;padding:1.75rem;position:relative;overflow-y:auto;box-shadow:0 12px 48px #0006}.wizard-close{width:36px;height:36px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .15s;display:inline-flex;position:absolute;top:.85rem;right:.85rem}.wizard-close:hover{background:var(--md-sys-color-surface-container-highest)}.wizard-progress{justify-content:center;gap:.4rem;margin-bottom:1.25rem;display:flex}.wizard-progress-dot{background:var(--md-sys-color-surface-container-highest);border-radius:2px;width:28px;height:4px;transition:background .2s}.wizard-progress-dot.active{background:var(--md-sys-color-primary)}.wizard-step{flex-direction:column;display:flex}.wizard-step h2{color:var(--md-sys-color-on-surface);margin-bottom:.35rem;font-size:1.25rem;font-weight:600}.wizard-sub{color:var(--md-sys-color-on-surface-variant);margin-bottom:1.25rem;font-size:.875rem}.wizard-welcome{text-align:center;align-items:center}.wizard-welcome-icon{background:var(--md-sys-color-primary-container);width:72px;height:72px;color:var(--md-sys-color-on-primary-container);border-radius:50%;justify-content:center;align-items:center;margin-bottom:1rem;display:inline-flex}.wizard-welcome-icon .material-symbols-outlined{font-size:36px}.wizard-welcome p{color:var(--md-sys-color-on-surface-variant);max-width:38ch;margin-bottom:1.5rem;font-size:.9rem;line-height:1.55}.wizard-actions{justify-content:flex-end;align-items:center;gap:.6rem;margin-top:.75rem;display:flex}.wizard-welcome .wizard-actions{justify-content:center}.vote-buttons{align-items:center;gap:.15rem;display:inline-flex}.vote-vertical{flex-direction:column}.vote-horizontal{background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;flex-direction:row;padding:.1rem .25rem}.vote-btn{width:28px;height:28px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;transition:background .12s,color .12s;display:inline-flex}.vote-btn .material-symbols-outlined{font-size:18px}.vote-btn:hover{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}.vote-up-active,.vote-up-active:hover{color:#ff6b35}.vote-down-active,.vote-down-active:hover{color:#6c8cff}.vote-score{text-align:center;min-width:1.5rem;color:var(--md-sys-color-on-surface);font-variant-numeric:tabular-nums;font-size:.85rem;font-weight:600}.vote-score.up{color:#ff6b35}.vote-score.down{color:#6c8cff}.card-comment-link{color:var(--md-sys-color-on-surface-variant);border:1px solid var(--md-sys-color-outline-variant);border-radius:999px;align-items:center;gap:.3rem;padding:.35rem .6rem;font-size:.8rem;font-weight:500;text-decoration:none;transition:background .12s,color .12s;display:inline-flex}.card-comment-link:hover{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}.detail-vote-bar{border-bottom:1px solid var(--md-sys-color-outline-variant);align-items:center;gap:1rem;margin-bottom:.5rem;padding:.75rem 0;display:flex}.detail-vote-comments{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:.35rem;font-size:.875rem;font-weight:500;text-decoration:none;display:inline-flex}.detail-vote-comments:hover{color:var(--md-sys-color-primary)}.comments-section{margin-top:2rem}.comments-title{color:var(--md-sys-color-on-surface);align-items:center;gap:.5rem;margin-bottom:1rem;font-size:1.25rem;font-weight:600;display:flex}.comments-title .material-symbols-outlined{color:var(--md-sys-color-primary)}.comments-title span span,.comments-title>span:last-child{color:var(--md-sys-color-on-surface-variant);font-weight:500}.comment-form{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;margin-bottom:1.5rem;padding:1rem}.comment-form textarea,.comment-reply-form textarea{background:var(--md-sys-color-surface-container-highest);border:1px solid var(--md-sys-color-outline-variant);width:100%;color:var(--md-sys-color-on-surface);resize:vertical;border-radius:12px;padding:.75rem;font-family:inherit;font-size:.9rem}.comment-form textarea:focus,.comment-reply-form textarea:focus{border-color:var(--md-sys-color-primary);outline:none}.comment-form-actions{justify-content:flex-end;align-items:center;gap:.75rem;margin-top:.625rem;display:flex}.comment-error{color:var(--md-sys-color-error);margin-right:auto;font-size:.8rem}.comment-login-prompt{margin-bottom:1.5rem}.comments-loading{justify-content:center;padding:2rem;display:flex}.comments-empty{color:var(--md-sys-color-on-surface-variant);text-align:center;padding:1.5rem 0;font-size:.9rem}.comments-list{flex-direction:column;gap:1rem;display:flex}.comment{background:var(--md-sys-color-surface-container);border-radius:14px;padding:.875rem 1rem}.comment-reply{background:var(--md-sys-color-surface-container-high);border-left:2px solid var(--md-sys-color-outline-variant);margin-top:.75rem;margin-left:1.5rem}.comment-head{align-items:center;gap:.5rem;margin-bottom:.35rem;display:flex}.comment-author{color:var(--md-sys-color-on-surface);font-size:.875rem;font-weight:600;text-decoration:none}.comment-author:hover{color:var(--md-sys-color-primary)}.comment-time{color:var(--md-sys-color-on-surface-variant);font-size:.75rem}.comment-body{color:var(--md-sys-color-on-surface);white-space:pre-wrap;margin:0 0 .5rem;font-size:.9rem;line-height:1.55}.comment-actions{gap:.75rem;display:flex}.comment-action-btn{color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:none;align-items:center;gap:.25rem;padding:.2rem 0;font-size:.78rem;font-weight:500;transition:color .12s;display:inline-flex}.comment-action-btn:hover{color:var(--md-sys-color-primary)}.comment-action-btn .material-symbols-outlined{font-size:16px}.comment-delete:hover{color:var(--md-sys-color-error)}.comment-reply-form{margin-top:.75rem}.comment-reply-actions{justify-content:flex-end;gap:.5rem;margin-top:.5rem;display:flex}.admin-toolbar{background:var(--md-sys-color-surface-container);border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:.75rem;padding:1rem 1.25rem;display:flex}.admin-toolbar-info{flex-direction:column;gap:.15rem;min-width:0;display:flex}.admin-toolbar-info strong{color:var(--md-sys-color-on-surface);font-size:.95rem}.admin-toolbar-info span{color:var(--md-sys-color-on-surface-variant);font-size:.8rem}.admin-toolbar-actions{flex-wrap:wrap;gap:.5rem;display:flex}.admin-toolbar-result{color:#a6e3bf;background:#7dd3a01f;border-radius:10px;margin-bottom:.75rem;padding:.625rem .875rem;font-size:.85rem}.home-activity{background:var(--md-sys-color-surface-container);border-radius:16px;margin-bottom:1.5rem;padding:1rem 1.25rem}.home-activity-head{justify-content:space-between;align-items:center;margin-bottom:.75rem;display:flex}.home-activity-head h2{align-items:center;gap:.5rem;margin:0;font-size:1.05rem;display:flex}.home-activity-head h2 .material-symbols-outlined{color:var(--md-sys-color-primary)}.activity-loading{justify-content:center;padding:1.5rem;display:flex}.activity-empty{color:var(--md-sys-color-on-surface-variant);align-items:center;gap:.75rem;padding:.5rem 0;font-size:.875rem;line-height:1.5;display:flex}.activity-empty .material-symbols-outlined{opacity:.6;flex-shrink:0;font-size:28px}.activity-empty p{margin:0}.activity-list{flex-direction:column;display:flex}.activity-item{border-top:1px solid var(--md-sys-color-outline-variant);align-items:flex-start;gap:.75rem;padding:.625rem 0;display:flex}.activity-item:first-child{border-top:none}.activity-icon{background:var(--md-sys-color-surface-container-highest);width:32px;height:32px;color:var(--md-sys-color-on-surface-variant);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.activity-icon-referral_posted{background:var(--md-sys-color-primary-container);color:var(--md-sys-color-on-primary-container)}.activity-icon-member_joined{background:var(--md-sys-color-secondary-container);color:var(--md-sys-color-on-secondary-container)}.activity-icon-comment_added{background:var(--md-sys-color-tertiary-container);color:var(--md-sys-color-on-tertiary-container)}.activity-content{flex:1;min-width:0}.activity-text{color:var(--md-sys-color-on-surface);font-size:.875rem;line-height:1.45}.activity-actor{color:var(--md-sys-color-on-surface);font-weight:600;text-decoration:none}.activity-actor:hover{color:var(--md-sys-color-primary)}.activity-link{color:var(--md-sys-color-primary);font-weight:500;text-decoration:none}.activity-link:hover{text-decoration:underline}.activity-quote{color:var(--md-sys-color-on-surface-variant);margin-top:.2rem;font-size:.82rem;font-style:italic;display:block}.activity-time{color:var(--md-sys-color-on-surface-variant);margin-top:.15rem;font-size:.72rem}.activity-toolbar{justify-content:flex-end;margin-bottom:.25rem;display:flex}.activity-clear-all{color:var(--md-sys-color-primary);cursor:pointer;background:0 0;border:none;border-radius:8px;align-items:center;gap:.3rem;padding:.25rem .4rem;font-family:inherit;font-size:.8rem;font-weight:500;display:inline-flex}.activity-clear-all:hover{background:var(--md-sys-color-surface-container-highest)}.activity-clear-all:disabled{opacity:.6;cursor:default}.activity-dismiss{width:26px;height:26px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;opacity:.6;background:0 0;border:none;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;transition:opacity .12s,background .12s;display:inline-flex}.activity-item:hover .activity-dismiss{opacity:1}.activity-dismiss:hover{background:var(--md-sys-color-surface-container-highest);color:var(--md-sys-color-on-surface)}.followup-toast{z-index:900;background:var(--md-sys-color-surface-container-high);border:1px solid var(--md-sys-color-outline-variant);border-radius:16px;width:340px;max-width:calc(100vw - 2rem);padding:1rem 1.1rem;position:fixed;bottom:1rem;right:1rem;box-shadow:0 12px 32px #00000073}.followup-close{width:28px;height:28px;color:var(--md-sys-color-on-surface-variant);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;display:inline-flex;position:absolute;top:.5rem;right:.5rem}.followup-close:hover{background:var(--md-sys-color-surface-container-highest)}.followup-head{align-items:center;gap:.625rem;margin-bottom:.875rem;padding-right:1.5rem;display:flex}.followup-logo{object-fit:contain;background:var(--md-sys-color-surface-container);border-radius:8px;flex-shrink:0;width:36px;height:36px;padding:4px}.followup-text{flex-direction:column;gap:.15rem;min-width:0;display:flex}.followup-text strong{color:var(--md-sys-color-on-surface);font-size:.9rem}.followup-text span{color:var(--md-sys-color-on-surface-variant);white-space:nowrap;text-overflow:ellipsis;font-size:.78rem;overflow:hidden}.followup-actions{gap:.5rem;display:flex}.followup-done{color:var(--md-sys-color-on-surface);align-items:center;gap:.5rem;padding-right:1.5rem;font-size:.9rem;display:flex}.followup-done .material-symbols-outlined{color:var(--md-sys-color-primary)}