:root{--md-primary:#d0bcff;--md-primary-container:#4f378b;--md-on-primary:#371e73;--md-on-primary-container:#eaddff;--md-secondary:#ccc2dc;--md-secondary-container:#4a4458;--md-on-secondary:#332d41;--md-on-secondary-container:#e8def8;--md-surface:#1c1b1f;--md-surface-variant:#49454f;--md-on-surface:#e6e1e5;--md-on-surface-variant:#cac4d0;--md-background:#1c1b1f;--md-on-background:#e6e1e5;--md-error:#f2b8b5;--md-error-container:#8c1d18;--md-on-error:#601410;--md-on-error-container:#f9dedc;--md-outline:#938f99;--md-outline-variant:#49454f;--md-warning:#ffb4ab;--md-warning-container:#93000a;--md-elevation-1:0 1px 3px 1px #00000080, 0 1px 2px #0009;--md-elevation-2:0 2px 6px 2px #00000080, 0 1px 2px #0009;--md-elevation-3:0 4px 8px 3px #00000080, 0 1px 3px #0009;--md-elevation-4:0 6px 10px 4px #00000080, 0 2px 3px #0009}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--md-background);color:var(--md-on-background);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-family:Roboto,sans-serif;line-height:1.6}.container{max-width:1200px;margin:0 auto;padding:24px}.header{text-align:center;margin-bottom:32px}.header h1{color:var(--md-primary);justify-content:center;align-items:center;gap:12px;margin-bottom:8px;font-size:2.5rem;font-weight:400;display:flex}.header h1 .material-icons{font-size:2.5rem}.header h1 .pig-emoji{font-size:2.5rem;line-height:1}.subtitle{color:var(--md-on-surface-variant);font-size:1rem;font-weight:400}.card{background-color:var(--md-surface);box-shadow:var(--md-elevation-1);border-radius:12px;padding:24px;transition:box-shadow .3s cubic-bezier(.4,0,.2,1)}.card:hover{box-shadow:var(--md-elevation-2)}.input-section{margin-bottom:24px}.input-group{flex-wrap:wrap;gap:12px;margin-bottom:24px;display:flex}.text-input-wrapper{flex:1;min-width:250px}.text-input-wrapper label{color:var(--md-on-surface-variant);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.75rem;font-weight:500;display:block}.text-input{border:1px solid var(--md-outline);background-color:var(--md-surface);width:100%;color:var(--md-on-surface);border-radius:4px;padding:16px;font-family:Roboto,sans-serif;font-size:1rem;transition:all .2s cubic-bezier(.4,0,.2,1)}.text-input:focus{border-color:var(--md-primary);border-width:2px;outline:none;padding:15px}.text-input::placeholder{color:var(--md-on-surface-variant);opacity:.6}.btn{cursor:pointer;text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--md-elevation-1);border:none;border-radius:20px;align-items:center;gap:8px;padding:12px 24px;font-family:Roboto,sans-serif;font-size:.875rem;font-weight:500;transition:all .2s cubic-bezier(.4,0,.2,1);display:inline-flex}.btn:hover{box-shadow:var(--md-elevation-2)}.btn:active{box-shadow:var(--md-elevation-1)}.btn-primary{background-color:var(--md-primary);color:var(--md-on-primary)}.btn-primary:hover{background-color:#7965af}.btn-secondary{background-color:var(--md-secondary-container);color:var(--md-on-secondary-container);justify-content:center;width:100%}.btn-secondary:hover{background-color:#d5caed}.btn:disabled{background-color:var(--md-surface-variant);color:var(--md-on-surface-variant);cursor:not-allowed;opacity:.6;box-shadow:none}.btn .material-icons{font-size:18px}.divider{text-align:center;color:var(--md-on-surface-variant);align-items:center;margin:24px 0;font-size:.875rem;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--md-outline-variant);flex:1}.divider span{padding:0 16px}.progress-section{margin-bottom:24px}.progress-header{color:var(--md-on-surface-variant);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:.875rem;display:flex}.progress-bar{background-color:var(--md-surface-variant);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{background-color:var(--md-primary);border-radius:4px;width:0%;height:100%;transition:width .3s cubic-bezier(.4,0,.2,1)}.stats-section{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{align-items:center;gap:16px;padding:20px;display:flex}.stat-icon{color:var(--md-primary);font-size:40px}.stat-content{flex:1}.stat-label{color:var(--md-on-surface-variant);text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:.75rem;font-weight:500}.stat-value{color:var(--md-on-surface);font-size:1.5rem;font-weight:400}.chart-section{margin-bottom:24px}.chart-section h2{color:var(--md-on-surface);margin-bottom:20px;font-size:1.5rem;font-weight:400}.chart-container{height:300px;position:relative}.results-section{margin-bottom:24px}.results-section h2{color:var(--md-on-surface);margin-bottom:20px;font-size:1.5rem;font-weight:400}.table-container{overflow-x:auto}table{border-collapse:collapse;width:100%}thead{background-color:var(--md-surface-variant)}th{text-align:left;color:var(--md-on-surface-variant);text-transform:uppercase;letter-spacing:.5px;padding:16px;font-size:.875rem;font-weight:500}th.sortable{cursor:pointer;-webkit-user-select:none;user-select:none}th.sortable:hover{background-color:var(--md-outline-variant)}.sort-icon{vertical-align:middle;margin-left:4px;font-size:18px}tbody tr{border-bottom:1px solid var(--md-outline-variant);transition:background-color .2s cubic-bezier(.4,0,.2,1)}tbody tr:hover{background-color:var(--md-surface-variant)}tbody tr.large-avatar{background-color:var(--md-warning-container)}tbody tr.large-avatar td{color:var(--md-warning);font-weight:500}tbody tr.large-avatar:hover{background-color:var(--md-warning-container);opacity:.9}td{color:var(--md-on-surface);padding:16px;font-size:.875rem}.avatar-cell{align-items:center;display:flex}.avatar-img{object-fit:cover;background-color:var(--md-surface-variant);border-radius:50%;width:40px;height:40px}.avatar-placeholder{background-color:var(--md-surface-variant);border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;display:flex}.avatar-placeholder .material-icons{color:var(--md-on-surface-variant);font-size:24px}.error-section{margin-bottom:24px}.error-card{background-color:var(--md-error-container);align-items:flex-start;gap:16px;display:flex}.error-icon{color:var(--md-error);font-size:32px}.error-content h3{color:var(--md-on-error-container);margin-bottom:8px;font-size:1.25rem;font-weight:500}.error-content p{color:var(--md-on-error-container);font-size:.875rem;line-height:1.5}@media (width<=768px){.container{padding:16px}.header h1{flex-direction:column;gap:8px;font-size:1.75rem}.input-group{flex-direction:column}.stats-section{grid-template-columns:1fr}.chart-container{height:250px}th,td{padding:12px 8px;font-size:.8rem}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.loading{animation:1.5s cubic-bezier(.4,0,.6,1) infinite pulse}.btn-error{background-color:var(--md-error);color:var(--md-on-error)}.btn-error:hover{background-color:#ffb4ab;box-shadow:0 1px 3px #0006}.btn-icon{color:var(--md-on-surface);cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;padding:8px;display:flex}.btn-icon:hover{background-color:#ffffff1a}.modal{z-index:1000;background-color:#000c;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal-content{flex-direction:column;width:90%;max-width:600px;max-height:90vh;padding:0;display:flex;overflow:hidden}.modal-header{border-bottom:1px solid var(--md-outline);justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.modal-header h2{margin:0;font-size:1.25rem}.modal-body{padding:24px;overflow-y:auto}.modal-body p{color:var(--md-on-surface-variant);margin-top:0;margin-bottom:16px}.modal-footer{border-top:1px solid var(--md-outline);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}#shame-note-text{color:#e0e0e0;resize:none;box-sizing:border-box;border:1px solid var(--md-outline);background-color:#121212;border-radius:4px;width:100%;padding:12px;font-family:Roboto Mono,monospace;font-size:.9rem}.name-shame-container{grid-column:1/-1;justify-content:center;margin-top:16px;display:flex}