@scope([data-view=user-profile])to ([data-view]){.user-profile-page{min-height:100vh;background:var(--bg);display:flex;flex-direction:column}.page-content{flex:1;padding:var(--leading) var(--edge) calc(2 * var(--leading))}.eyebrow{font-size:.8125rem;line-height:var(--half);letter-spacing:.09em;text-transform:uppercase;color:var(--color-brand-hover);margin:0 0 var(--space-2) 0}.breadcrumbs{display:inline-flex;align-items:center;gap:.45rem;font-size:.9rem;color:var(--text-muted);margin:0}.breadcrumbs a{color:var(--color-brand-hover);text-decoration:none;transition:color var(--t-normal)}.breadcrumbs a:hover{text-decoration:underline}.breadcrumbs .separator{color:var(--text-faint)}.breadcrumbs .current{color:var(--text)}.settings-container{display:flex;flex-direction:column;gap:var(--leading);max-width:640px;margin:0 auto}.settings-header{padding-bottom:var(--half);border-bottom:1px solid var(--border)}.settings-header h1{font-size:2.25rem;font-weight:400;line-height:1.08;margin:0 0 var(--space-2) 0;color:var(--text)}.subtitle{color:var(--text-muted);margin:0}.settings-section{padding:0}.section-header{margin-bottom:var(--leading)}.section-header h2{margin:0 0 var(--space-1) 0;font-size:1.35rem;color:var(--text)}.section-description{margin:0;font-size:.9rem;color:var(--text-muted);max-width:var(--measure)}.settings-form{display:flex;flex-direction:column;gap:var(--leading)}.form-group{display:flex;flex-direction:column;gap:var(--space-2)}.form-group label{margin-bottom:0;letter-spacing:.08em;text-transform:uppercase;color:var(--text-muted)}.form-group small{font-size:.8rem;color:var(--text-muted)}.form-actions{display:flex;justify-content:flex-end}.preference-item{display:flex;justify-content:space-between;align-items:center;gap:var(--half);padding:var(--space-3) 0 var(--leading)}.preference-info{flex:1}.preference-info h3{margin:0 0 var(--space-1) 0;font-size:1.05rem;color:var(--text)}.preference-info p{margin:0;font-size:.85rem;color:var(--text-muted)}.preference-control{flex-shrink:0}.theme-toggle-button{display:flex;align-items:center;gap:0;padding:0}.theme-option{display:flex;align-items:center;gap:.35rem;padding:.5rem .75rem;font-family:var(--font-sans);font-size:.85rem;color:var(--text-muted);transition:color var(--t-normal),background-color var(--t-normal)}.theme-option.active{background:color-mix(in srgb,var(--color-brand) 12%,transparent);color:var(--color-brand-hover)}.theme-icon{font-size:1rem;line-height:1}.notif-toggle-row{display:flex;justify-content:space-between;align-items:center;gap:var(--half);padding:var(--space-3) 0;border-bottom:1px solid var(--border)}.notif-toggle-row:last-of-type{border-bottom:none}.toggle-switch{position:relative;display:inline-block;width:44px;height:24px;flex-shrink:0;cursor:pointer}.toggle-switch input{width:0;height:0;position:absolute}.toggle-slider{position:absolute;inset:0;background:transparent;border:1px solid var(--border);border-radius:0;transition:border-color var(--t-normal)}.toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:var(--text-faint);border-radius:0;transition:transform var(--t-normal),background-color var(--t-normal)}.toggle-switch input:checked+.toggle-slider{border-color:var(--color-brand)}.toggle-switch input:checked+.toggle-slider:before{background:var(--color-brand);transform:translate(20px)}.toggle-switch input:focus-visible+.toggle-slider{outline:2px solid var(--color-brand);outline-offset:2px}.loading-text{color:var(--text-muted);font-size:.9rem}@media(max-width:640px){.page-content{padding:var(--half) var(--edge) var(--leading)}.preference-item{flex-direction:column;align-items:flex-start;gap:var(--half)}}}