.profile-page,.notifications-page{max-width:720px}.profile-hero{border-radius:var(--r18);color:var(--on-brand);background:var(--grad-hero);align-items:center;gap:14px;margin-bottom:14px;padding:18px 20px;display:flex;position:relative;overflow:hidden}.profile-hero:after{content:"";pointer-events:none;background:#ffffff14;border-radius:50%;width:130px;height:130px;position:absolute;inset-block-start:-30px;inset-inline-end:-30px}.profile-avatar{width:64px;height:64px;font-size:calc(26px * var(--fs));background:#fff3;border-radius:50%;flex-shrink:0;place-items:center;font-weight:900;display:grid}.profile-hero-copy{z-index:1;min-width:0;position:relative}.profile-hero-copy h1{color:inherit;font-size:calc(20px * var(--fs));overflow-wrap:anywhere;margin:0 0 2px;font-weight:900}.profile-hero-copy p{font-size:calc(12.5px * var(--fs));opacity:.92;margin:0;font-weight:700}.profile-hero-copy .profile-phone{text-align:end;margin-block-start:2px}.profile-tags{flex-wrap:wrap;gap:6px;margin-block-start:8px;display:flex}.profile-tags span{border-radius:var(--radius-pill);font-size:calc(11.5px * var(--fs));background:#ffffff2e;padding:2px 10px;font-weight:800}.profile-stats{text-align:center;grid-template-columns:repeat(auto-fit,minmax(110px,1fr));gap:10px;margin-bottom:8px;display:grid}.profile-heading{font-size:calc(14px * var(--fs));color:var(--mute);margin-block:18px 8px;font-weight:900}.profile-list{flex-direction:column;padding:4px 14px;display:flex}.profile-row{border:0;border-bottom:1px solid var(--line);width:100%;min-height:56px;color:var(--ink);font:inherit;font-size:calc(13.5px * var(--fs));text-align:start;cursor:pointer;background:0 0;align-items:center;gap:12px;padding:11px 0;font-weight:700;text-decoration:none;display:flex}.profile-row:last-child{border-bottom:0}.profile-row:focus-visible,.profile-switch:focus-visible,.profile-village-option:focus-visible,.notifications-item:focus-visible{outline:2px solid var(--p500);outline-offset:2px}.profile-row-label{flex:1;align-items:center;gap:12px;font-weight:800;display:flex}.profile-row-label>svg{width:20px;height:20px;color:var(--p700);flex-shrink:0}.profile-row-meta{color:var(--mute);font-size:calc(12px * var(--fs));font-weight:700}.profile-row>svg{width:18px;height:18px;color:var(--subtle);flex-shrink:0}.profile-logout,.profile-logout .profile-row-label>svg{color:var(--da700)}.profile-switch{border-radius:var(--radius-pill);background:var(--gray-300);cursor:pointer;border:0;flex-shrink:0;width:46px;height:28px;padding:0;position:relative}.profile-switch[aria-checked=true]{background:var(--p500)}.profile-switch>span{background:#fff;border-radius:50%;width:22px;height:22px;transition:inset-inline-start .15s;position:absolute;inset-block-start:3px;inset-inline-start:3px;box-shadow:0 1px 3px #0003}.profile-switch[aria-checked=true]>span{inset-inline-start:21px}.profile-skeletons{gap:12px;display:grid}.profile-skeletons .skeleton{height:96px}.profile-village-options{gap:8px;margin-block-start:14px;display:grid}.profile-village-option{border:1px solid var(--line);border-radius:var(--r14);background:var(--surface);min-height:52px;color:var(--ink);font:inherit;text-align:start;cursor:pointer;align-items:center;gap:12px;padding:8px 12px;display:flex}.profile-village-option[aria-pressed=true]{border-color:var(--p500);box-shadow:var(--sh-p)}.profile-village-option>strong{font-size:calc(14px * var(--fs));flex:1}.profile-village-option>svg{width:18px;height:18px;color:var(--p700)}.profile-village-initial{border-radius:var(--r12);background:var(--p100);width:36px;height:36px;color:var(--p700);place-items:center;font-weight:800;display:grid}.notifications-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:12px;display:flex}.notifications-toolbar .button{min-height:44px}.skeleton-grid.notifications-skeletons{grid-template-columns:minmax(0,1fr);gap:10px}.notifications-skeletons .skeleton{height:84px}.notifications-list{gap:10px;margin:0 0 16px;padding:0;list-style:none;display:grid}.notifications-item{width:100%;min-height:64px;color:var(--ink);font:inherit;text-align:start;cursor:pointer;align-items:flex-start;gap:12px;display:flex;position:relative}.notifications-item.unread{border-color:color-mix(in srgb, var(--tone) 40%, transparent);background:color-mix(in srgb, var(--tone-bg) 60%, var(--surface))}.notifications-icon{border-radius:var(--r12);background:var(--tone-bg);width:44px;height:44px;color:var(--tone-ink);flex-shrink:0;place-items:center;display:grid}.notifications-icon>svg{width:22px;height:22px}.notifications-copy{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.notifications-copy>strong{font-size:calc(14px * var(--fs));font-weight:800}.notifications-copy>span{font-size:calc(13px * var(--fs));color:var(--body);overflow-wrap:anywhere}.notifications-copy>small{font-size:calc(11.5px * var(--fs));color:var(--mute)}.notifications-dot{background:var(--tone);border-radius:50%;flex-shrink:0;width:10px;height:10px;margin-block-start:6px}@media (prefers-reduced-motion:reduce){.profile-switch>span{transition:none}}
.appearance-page{gap:22px;display:grid}.appearance-group{gap:12px;display:grid}.appearance-group>h2{font-size:calc(16px * var(--fs));font-weight:900}.appearance-group>h3,.appearance-advanced h3{font-size:calc(13px * var(--fs));color:var(--mute);margin-bottom:8px;font-weight:800}.appearance-hint{font-size:calc(12px * var(--fs));color:var(--mute);align-items:center;gap:8px;display:flex}.appearance-hint svg{width:16px;height:16px}.appearance-grid{gap:10px;display:grid}.appearance-presets,.appearance-fonts{grid-template-columns:repeat(2,minmax(0,1fr))}.appearance-options{grid-template-columns:repeat(auto-fit,minmax(96px,1fr))}.appearance-card{border:1px solid var(--line);border-radius:var(--r14);background:var(--card);min-height:44px;color:var(--ink);text-align:start;box-shadow:var(--sh-card);transition:transform var(--dur-fast) var(--ease-out), border-color var(--dur) var(--ease-out);align-content:start;gap:8px;padding:8px;display:grid;position:relative}.appearance-card:active{transform:scale(.97)}.appearance-card[aria-pressed=true]{border:2px solid var(--p500);padding:7px}.appearance-check{background:var(--p500);width:18px;height:18px;color:var(--on-brand);border-radius:50%;padding:2px;position:absolute;inset-block-start:8px;inset-inline-end:8px}.appearance-card-name{font-size:calc(13px * var(--fs));align-items:baseline;gap:6px;padding-inline:2px;display:flex}.appearance-card-name small,.appearance-card small{font-size:calc(11px * var(--fs));color:var(--mute)}.appearance-mini{border-radius:var(--r10);background:var(--g50);border:1px solid var(--line);height:96px;color:var(--ink);align-content:start;gap:6px;padding:6px;display:grid}.appearance-mini-bar{background:var(--surface);border:1px solid var(--line);border-radius:3px;height:10px}.appearance-mini-card{border-radius:var(--demo-radius);background:var(--surface);border:1px solid var(--line);gap:4px;padding:6px;display:grid}.appearance-mini-card i{background:color-mix(in srgb, var(--ink) 35%, transparent);border-radius:3px;height:5px;display:block}.appearance-mini-card i+i{background:color-mix(in srgb, var(--ink) 18%, transparent);width:60%}.appearance-mini[data-demo-elevation=soft] .appearance-mini-card{border-color:#0000;box-shadow:0 2px 6px #00000024}.appearance-mini[data-demo-elevation=glow] .appearance-mini-card{box-shadow:0 2px 8px var(--glow);border-color:#0000}.appearance-mini-row{align-items:center;gap:6px;display:flex}.appearance-mini-button{border-radius:var(--demo-radius);background:var(--grad-p);border:1px solid #0000;width:38px;height:14px}.appearance-mini[data-demo-button=flat] .appearance-mini-button{background:var(--btn-flat)}.appearance-mini[data-demo-button=tonal] .appearance-mini-button{background:color-mix(in srgb, var(--p500) 18%, transparent)}.appearance-mini[data-demo-button=outlined] .appearance-mini-button{border-color:var(--p500);background:0 0}.appearance-mini-chip{background:color-mix(in srgb, var(--p500) 24%, transparent);border-radius:999px;width:22px;height:10px}.appearance-font{align-content:center;min-height:74px}.appearance-font-sample{font-size:calc(18px * var(--fs));font-weight:700;line-height:1.6}.appearance-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.appearance-step{border:1px solid var(--line);border-radius:var(--r12);background:var(--card);min-height:64px;color:var(--ink);justify-items:center;gap:2px;padding:8px 4px;display:grid}.appearance-step span{font-size:calc(18px * var(--sample));font-weight:800;line-height:1.3}.appearance-step small{font-size:calc(11px * var(--fs));color:var(--mute)}.appearance-step[aria-pressed=true]{border:2px solid var(--p500);background:var(--p50)}.appearance-sample{border-radius:var(--r12);background:var(--g100);padding:12px 14px;font-weight:700}.appearance-scale{gap:6px;display:grid}.appearance-scale-row{align-items:center;gap:10px;display:flex}.appearance-scale-row input[type=range]{min-width:0;accent-color:var(--p500);direction:rtl;flex:1}.appearance-scale-value{text-align:center;font-weight:900;font-size:calc(18px * var(--fs))}.appearance-marks{font-size:calc(11px * var(--fs));color:var(--mute);justify-content:space-between;display:flex}.appearance-switch-row{border:1px solid var(--line);border-radius:var(--r14);background:var(--card);justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.appearance-switch-row>span{gap:2px;display:grid}.appearance-switch-row small{color:var(--mute);font-size:calc(12px * var(--fs))}.appearance-fold{min-height:44px;color:var(--mute);font-weight:800;font-size:calc(13px * var(--fs));background:0 0;border:0;justify-content:space-between;align-items:center;gap:8px;padding:6px 2px;display:flex}.appearance-fold svg{transition:transform var(--dur) var(--ease-out)}.appearance-fold[aria-expanded=true] svg{transform:rotate(180deg)}.appearance-advanced{gap:18px;display:grid}.appearance-option{align-content:center;justify-items:center;min-height:76px}.appearance-demo-shape{background:var(--grad-p);width:44px;height:16px}.appearance-demo-button{border:1px solid #0000;border-radius:9px;width:56px;height:18px}.appearance-demo-button[data-kind=gradient]{background:var(--grad-p);box-shadow:var(--sh-p)}.appearance-demo-button[data-kind=flat]{background:var(--btn-flat)}.appearance-demo-button[data-kind=tonal]{background:color-mix(in srgb, var(--p500) 18%, transparent)}.appearance-demo-button[data-kind=outlined]{border-color:var(--p500)}.appearance-demo-surface{background:var(--surface);border:1px solid #0000;border-radius:8px;width:52px;height:24px}.appearance-demo-surface[data-kind=soft]{box-shadow:0 3px 8px #0000002e}.appearance-demo-surface[data-kind=flat]{border-color:var(--line)}.appearance-demo-surface[data-kind=glow]{box-shadow:0 3px 10px var(--glow)}.appearance-demo-icons{color:var(--ink);gap:6px;display:flex}.appearance-demo-icons svg{width:18px;height:18px}@media (max-width:380px){.appearance-presets,.appearance-fonts{grid-template-columns:1fr}}