: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;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 .pig-emoji{font-size:2.5rem;line-height:1}.subtitle{color:var(--md-on-surface-variant);font-size:1rem}.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}.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-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-primary{background-color:var(--md-primary);color:var(--md-on-primary)}.btn-secondary{background-color:var(--md-secondary-container);color:var(--md-on-secondary-container);justify-content:center;width:100%}.btn-sm{height:auto;padding:6px 12px;font-size:.75rem}.btn-error{background-color:var(--md-error);color:var(--md-on-error)}.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:disabled{opacity:.6;cursor:not-allowed;box-shadow:none}.divider{text-align:center;color:var(--md-on-surface-variant);align-items:center;margin:24px 0;display:flex}.divider:before,.divider:after{content:"";border-bottom:1px solid var(--md-outline-variant);flex:1}.divider span{padding:0 16px}.stats-section{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:16px;margin-bottom:24px;display:grid}.stat-card{flex-direction:column;justify-content:flex-start;align-items:stretch;gap:16px;min-height:140px;padding:20px;display:flex}.stat-main{flex:1;align-items:center;gap:16px;display:flex}.stat-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;margin-top:auto;display:flex}.stat-icon{color:var(--md-primary);align-items:center;font-size:40px;display:flex}.stat-content{flex-direction:column;flex:1;justify-content:center;display:flex}.stat-label{color:var(--md-on-surface-variant);text-transform:uppercase;margin-bottom:4px;font-size:.75rem;font-weight:500}.stat-value{font-size:1.5rem;font-weight:400}.results-section{margin-bottom:24px}.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;padding:16px;font-size:.875rem;font-weight:500}tbody tr{border-bottom:1px solid var(--md-outline-variant)}tbody tr.large-avatar{background-color:var(--md-warning-container)}tbody tr.large-avatar td{color:var(--md-warning);font-weight:500}td{padding:16px;font-size:.875rem}.avatar-img{object-fit:cover;border-radius:50%;width:40px;height:40px}.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{background-color:var(--md-surface);border-radius:12px;flex-direction:column;width:90%;max-width:600px;max-height:90vh;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-body{padding:24px;overflow-y:auto}.modal-footer{border-top:1px solid var(--md-outline);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.optimization-preview{background-color:var(--md-surface-variant);border-radius:12px;grid-template-columns:1fr auto 1fr;align-items:start;gap:16px;margin-bottom:16px;padding:24px;display:grid}.preview-item{flex-direction:column;align-items:center;gap:8px;display:flex}.pfp-preview-img{object-fit:cover;border:2px solid var(--md-outline);border-radius:50%;width:120px;height:120px}.pfp-savings{color:var(--md-primary);font-size:.875rem;font-weight:700}.note-preview-box{color:#e0e0e0;border:1px solid var(--md-outline);white-space:pre-wrap;word-break:break-all;background-color:#121212;border-radius:8px;width:100%;min-height:200px;padding:16px;font-family:Roboto Mono,monospace;font-size:.9rem}.name-shame-container{grid-column:1/-1;justify-content:center;margin-top:16px;display:flex}.progress-section{margin-bottom:24px}.progress-bar{background-color:var(--md-surface-variant);border-radius:4px;width:100%;height:8px;overflow:hidden}.progress-fill{background-color:var(--md-primary);width:0%;height:100%;transition:width .3s}@media (width<=600px){.optimization-preview{grid-template-columns:1fr}}