/* Compact profile hierarchy and shared graphite navigation surfaces. */
body[data-view=profile] #view .sp-profile h1{font-size:16px!important;line-height:1.4!important;font-weight:600;margin:0 4px 18px}
body.sg-home-active #view .lh-tabs{background:linear-gradient(120deg,#947c89d9,#796371e8)!important;border:1px solid #ffffff70!important;box-shadow:inset 0 1px 1px #ffffff6b,0 7px 22px #28252c14!important;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
body.sg-home-active #view .lh-tabs button{color:#e1dce1!important;background:transparent!important}
body.sg-home-active #view .lh-tabs button[aria-selected=true]{color:#fff!important;background:linear-gradient(130deg,#ffffff29,#ffffff12)!important;border:1px solid #ffffff65!important;box-shadow:inset 0 1px 1px #ffffff30!important}
[data-color-mode=night] body.sg-home-active #view .lh-tabs{background:linear-gradient(120deg,#59434fd9,#3f333de8)!important}
#modal:has(.pd-panel){width:calc(100% - 40px);max-width:390px;border-radius:28px;background:#f8f6f6;color:#2d2c30;border:1px solid #ffffff99}
#modal:has(.pd-panel) .sheet{padding:25px 23px}
#modal:has(.pd-panel) #modal-title{font-size:19px;line-height:1.4;font-weight:600}
#modal:has(.pd-panel) .close{width:36px;height:36px;min-width:36px;padding:9px;border:0;box-shadow:none;background:#8880800b;outline:none}
.pd-panel p{font-size:12px!important;line-height:1.8!important;color:#827b81;margin:16px 0 20px}
.pd-personal>button{display:flex;align-items:center;gap:14px;width:100%;margin-top:12px;padding:16px;border:1px solid #b4a9b43b;border-radius:19px;background:linear-gradient(120deg,#fff,#f2eef1);color:inherit;text-align:left}
.pd-personal>button svg{width:21px;height:21px;flex:none;color:#947e8a}
.pd-personal>button svg:last-child{width:16px;margin-left:auto}
.pd-personal>button span{display:grid;gap:6px}.pd-personal strong{font:500 13px Montserrat,sans-serif}.pd-personal small{font:400 11px/1.6 Montserrat,sans-serif;color:#827b81}
.pd-counts{display:flex;gap:12px;margin:18px 0}.pd-counts span{flex:1;border:1px solid #b4a9b43b;padding:15px;border-radius:18px;font-size:11px}.pd-counts strong{display:block;font-size:22px;font-weight:500;margin-bottom:6px}
.pd-panel .sc-primary{font-size:12px;min-height:46px;padding:12px}
.pd-invitations{margin-top:20px;max-height:35dvh;overflow:auto}.pd-invitations>div{display:grid;gap:7px;padding:14px 0;border-bottom:1px solid #88888825}.pd-invitations strong{font-size:13px;font-weight:500}.pd-invitations small{font-size:11px;color:#827b81}
.pd-panel input{width:100%;font-size:16px;padding:12px;border:1px solid #a99ba9;border-radius:12px;background:transparent;color:inherit}
[data-color-mode=night] #modal:has(.pd-panel){background:#2c2b30;color:#f4f0f3;border-color:#ffffff30}
[data-color-mode=night] .pd-personal>button{background:linear-gradient(120deg,#ffffff0d,#ffffff04);border-color:#ffffff30}
[data-color-mode=night] .pd-panel :is(p,small){color:#bfb7c0}
[data-color-mode=night] .pd-counts span{border-color:#ffffff30}
body[data-view=profile] #view .sp-profile h2{font-size:16px!important;line-height:1.4!important;font-weight:600}

@layer appTypography {
/* Scoped editor sizes override generic dialog typography; 16px input avoids iOS zoom. */
body dialog#profile-name-dialog{width:calc(100% - 40px);max-width:390px;max-height:calc(100dvh - 40px);padding:0;border-radius:26px;animation:none!important;transform:none!important;overflow:auto;overscroll-behavior:contain}
body #profile-name-dialog .pn-form{padding:24px}
body #profile-name-dialog .pn-head h2{font-size:17px!important;line-height:1.4!important;font-weight:600}
body #profile-name-dialog .pn-form p{font-size:12px!important;line-height:1.65!important;margin:16px 0}
body #profile-name-dialog .pn-form label{font-size:12px!important;line-height:1.5!important;margin:18px 0 8px}
body #profile-name-dialog .pn-form input{font-size:16px!important;line-height:1.4!important;padding:12px;border-color:#b19ba9;min-height:48px}
body #profile-name-dialog .pn-form .pn-note{font-size:11px!important}
body #profile-name-dialog .pn-form .pn-error:empty{display:none}
body #profile-name-dialog .pn-form button[type=submit]{font-size:13px!important;min-height:46px;padding:12px;margin-top:6px}
body #profile-name-dialog .close{width:34px;height:34px;min-width:34px;padding:8px;box-shadow:none;outline:none}

}

@layer appTypography {body[data-view=profile] #view .sp-profile :is(h1,h2){font-size:16px!important;line-height:1.4!important}}

/* Light glass rail; only the selected option carries the muted accent. */
body.sg-home-active #view .lh-tabs{background:linear-gradient(120deg,#ffffffb8,#eee8edb3)!important;border-color:#fff!important;box-shadow:inset 0 1px 1px #fff,0 5px 18px #43333d08!important}
body.sg-home-active #view .lh-tabs button{color:#817680!important}
body.sg-home-active #view .lh-tabs button[aria-selected=true]{color:#fff!important;background:linear-gradient(120deg,#a28a97,#826b79)!important;border-color:#bda7b3!important;box-shadow:inset 0 1px 1px #ffffff60,0 2px 7px #5a3c4c16!important}
[data-color-mode=night] body.sg-home-active #view .lh-tabs{background:linear-gradient(120deg,#ffffff10,#ffffff05)!important;border-color:#ffffff24!important}
[data-color-mode=night] body.sg-home-active #view .lh-tabs button{color:#c8bdc5!important}
[data-color-mode=night] body.sg-home-active #view .lh-tabs button[aria-selected=true]{color:#fff!important;background:linear-gradient(120deg,#8e7181,#705565)!important}
#modal:has(.sg-menu-list){max-width:390px;width:calc(100% - 32px);max-height:84dvh;padding:0;border-radius:26px;overflow:hidden}
#modal:has(.sg-menu-list) .sheet{padding:0;max-height:84dvh;display:flex;flex-direction:column;overflow:hidden}
#modal:has(.sg-menu-list) .sheet-head{padding:22px 22px 16px;margin:0;flex:none;border-bottom:1px solid #a797a320}
#modal:has(.sg-menu-list) #modal-body{overflow:auto;overscroll-behavior:contain;padding:10px 18px 20px}
#modal .sg-menu-list{display:grid;gap:6px}
#modal .sg-menu-list button{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:13px 15px;border-radius:14px;border:1px solid #aa95a31f;background:linear-gradient(120deg,#ffffffa0,#f1ebef77);text-align:left;color:#39323a;box-shadow:none;margin:0;width:100%;flex-shrink:0}
#modal .sg-menu-list button span{min-width:0;overflow-wrap:anywhere}
#modal .sg-menu-list button svg{width:16px;height:16px;flex:none;color:#967a8b}
#modal .sg-menu-list [data-account-logout]{margin-top:8px;background:transparent;border-color:transparent;color:#8a6b7d}
[data-color-mode=night] #modal .sg-menu-list button{background:linear-gradient(120deg,#ffffff0b,#ffffff03);border-color:#ffffff19;color:#eae3e8}
@layer appTypography{
 #modal .sg-menu-list button{font-size:13px!important;line-height:1.5!important;font-weight:500}
 #modal:has(.sg-menu-list) #modal-title{font-size:18px!important;line-height:1.4!important}
 #modal .pd-invitations .pd-empty{text-align:center;font-size:12px!important;line-height:1.7!important;margin:20px 0 4px}
}