.recycle-categories{display:grid;grid-template-columns:repeat(auto-fit,minmax(135px,1fr));gap:.75rem;margin:1rem 0}.recycle-categories button{display:grid;grid-template-columns:1fr auto;gap:.6rem;padding:1rem;text-align:left;border-radius:14px;background:var(--surface)!important;border:1px solid var(--border)!important;color:var(--text)!important;cursor:pointer;box-shadow:var(--shadow-xs);transition:all .2s cubic-bezier(.16,1,.3,1)}.recycle-categories button svg{grid-column:1 / -1;color:var(--primary)!important;transition:transform .2s ease,color .2s ease}.recycle-categories button strong{color:var(--text)!important;font-size:.95rem;font-weight:700}.recycle-categories button span{color:var(--text-muted)!important;font-size:.85rem;font-weight:700;padding:.15rem .55rem;border-radius:999px;background:var(--surface-2)!important}.recycle-categories button:hover{background:var(--surface-hover)!important;border-color:var(--primary)!important;color:var(--text)!important;transform:translateY(-2px);box-shadow:var(--shadow-sm)}.recycle-categories button:hover strong{color:var(--text)!important}.recycle-categories button:hover span{color:var(--text)!important;background:var(--surface-3)!important}.recycle-categories button:hover svg{transform:scale(1.08);color:var(--primary)!important}.recycle-categories button[aria-pressed=true],.recycle-categories button.active,.recycle-categories button[aria-selected=true]{background:var(--primary)!important;border-color:var(--primary)!important;color:#fff!important;outline:2px solid var(--primary);outline-offset:-1px;box-shadow:0 4px 16px color-mix(in srgb,var(--primary) 40%,transparent)}.recycle-categories button[aria-pressed=true] svg,.recycle-categories button.active svg,.recycle-categories button[aria-selected=true] svg{color:#fff!important}.recycle-categories button[aria-pressed=true] strong,.recycle-categories button.active strong,.recycle-categories button[aria-selected=true] strong{color:#fff!important}.recycle-categories button[aria-pressed=true] span,.recycle-categories button.active span,.recycle-categories button[aria-selected=true] span{background:#ffffff40!important;color:#fff!important}.account-avatar-editor{display:flex;gap:1.5rem;align-items:flex-start;margin:1rem 0;padding:1.5rem;border-radius:1.25rem;box-sizing:border-box}.account-avatar-preview{flex-shrink:0;width:100px;height:100px;border-radius:1.25rem;overflow:hidden;background:var(--surface-2);display:grid;place-items:center;font-size:2rem;font-weight:800;border:1px solid var(--border);box-shadow:0 4px 14px #0000000d}.account-avatar-preview img{width:100%;height:100%;object-fit:cover;display:block}.account-avatar-content{flex:1 1 auto;min-width:0}.account-avatar-editor h2{margin:0 0 .35rem;font-size:clamp(1.15rem,2.5vw,1.35rem);font-weight:700;color:var(--text);line-height:1.3}.account-avatar-desc{margin:0 0 .85rem;color:var(--text-muted);font-size:.9rem;line-height:1.45;word-break:break-word}.account-avatar-actions{display:flex;flex-wrap:wrap;gap:.65rem;align-items:center;margin:0 0 .75rem}.account-avatar-editor input[type=file]{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;pointer-events:none!important}.account-avatar-editor label.small-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.25rem;padding:.45rem 1rem;border-radius:var(--radius-sm, .5rem);cursor:pointer;-webkit-user-select:none;user-select:none;font-weight:600;font-size:.88rem;line-height:1.2;transition:background-color var(--dur-fast, .15s) ease,border-color var(--dur-fast, .15s) ease,box-shadow var(--dur-fast, .15s) ease,transform var(--dur-fast, .15s) ease}.account-avatar-editor label.small-button.is-busy,.account-avatar-editor label.small-button[aria-disabled=true]{opacity:.65;pointer-events:none;cursor:not-allowed}.account-avatar-editor label.small-button:focus-within{outline:2px solid var(--primary);outline-offset:2px}.account-avatar-actions .small-button{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;min-height:2.25rem;padding:.45rem 1rem;font-size:.88rem;font-weight:600;border-radius:var(--radius-sm, .5rem)}.account-avatar-spin{animation:account-avatar-spin .8s linear infinite}@keyframes account-avatar-spin{to{transform:rotate(360deg)}}.account-avatar-note{font-size:.8rem;line-height:1.45;color:var(--text-muted);margin:0;word-break:break-word}.account-avatar-alert{display:inline-flex;align-items:center;gap:.5rem;padding:.55rem .85rem;border-radius:.5rem;font-size:.84rem;line-height:1.35;margin-top:.75rem;word-break:break-word;max-width:100%}.account-avatar-alert.error{background:color-mix(in srgb,var(--danger, #ef4444) 10%,var(--surface));border:1px solid color-mix(in srgb,var(--danger, #ef4444) 35%,transparent);color:var(--danger, #ef4444)}.account-avatar-alert.success{background:color-mix(in srgb,#10b981 10%,var(--surface));border:1px solid color-mix(in srgb,#10b981 35%,transparent);color:#059669}[data-theme=dark] .account-avatar-alert.success{color:#34d399}.account-gradient-text{background-clip:text;-webkit-background-clip:text;color:transparent;-webkit-text-fill-color:transparent;font-weight:800}.appearance-editor{display:grid;gap:1rem;padding:1.5rem}.appearance-editor>label{display:grid;gap:.5rem}.appearance-preview{padding:2rem;border-radius:14px;background:var(--surface-2);display:grid;gap:.5rem}.appearance-preview strong{font-size:clamp(1.25rem,3vw,2.25rem);width:fit-content}.appearance-preview small{color:var(--text-muted)}.appearance-colors{display:flex;flex-wrap:wrap;gap:1rem;align-items:end}.appearance-colors label{display:grid;gap:.5rem}.appearance-colors input[type=color]{width:80px;height:48px;padding:.2rem}.personal-subscription-intro{display:flex;gap:1.25rem;padding:1.5rem;align-items:flex-start}.personal-subscription-intro>svg{flex-shrink:0;color:#d9aa45}.personal-subscription-intro h2{margin-top:0}.personal-plan-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1rem;margin:1rem 0}.personal-plan-grid article{padding:1.5rem;display:flex;flex-direction:column;gap:.65rem;border-radius:18px}.personal-plan-grid article>svg{color:var(--primary)}.personal-plan-grid h2,.personal-plan-grid p{margin:0}.personal-plan-price{font-size:1.4rem;margin:.7rem 0}.personal-plan-grid ul{padding:0;list-style:none;display:grid;gap:.6rem}.personal-plan-grid li{display:flex;align-items:center;gap:.5rem}.personal-plan-grid article>button{margin-top:auto}.personal-purchase-review{display:grid;gap:1rem;padding:1.5rem;border:2px solid var(--primary)}.personal-purchase-review button{justify-self:start}@media(max-width:640px){.account-avatar-editor{flex-direction:column;gap:1.25rem;padding:1.25rem}.account-avatar-preview{width:80px;height:80px;border-radius:1rem;font-size:1.6rem}.personal-subscription-intro{flex-direction:column}}@media(max-width:440px){.account-avatar-actions{flex-direction:column;align-items:stretch}.account-avatar-actions .small-button,.account-avatar-editor label.small-button{width:100%;justify-content:center}}@media(forced-colors:active){.account-gradient-text{background:none!important;color:CanvasText;-webkit-text-fill-color:CanvasText}}
