/* A graphite opening, one glass access card, and a quiet expandable settings list. */
body[data-view=profile] .topbar{margin-bottom:0;border-radius:0}
.profile-lead{margin:0 -22px;padding:13px 22px 35px;background:linear-gradient(90deg,#3b383d,#343237 54%,#2e2d31);color:#f5f2f6}
.profile-lead h1{font-size:29px;line-height:1.15;letter-spacing:-1.05px;font-weight:600;margin:0}
.profile-introduction{margin-top:13px;font-size:var(--cabinet-copy-size);line-height:var(--cabinet-copy-leading);font-weight:400;letter-spacing:0;color:#c6bec9}
.profile-access{display:grid;grid-template-columns:28px minmax(0,1fr) 24px;align-items:center;gap:15px;width:100%;margin-top:23px;padding:19px 18px;border:1px solid #ffffff1c;border-radius:20px;background:linear-gradient(115deg,#c69aa713,#ffffff0a 56%,#ffffff04);box-shadow:inset 0 1px 0 #ffffff0b;color:#f5f0f4;text-align:left}
.profile-access-icon{width:28px;height:28px;stroke-width:1.3;color:#cbaab7}
.profile-access-copy{display:block;min-width:0}
.profile-access-label{display:block;font-size:var(--cabinet-copy-size);line-height:var(--cabinet-copy-leading);font-weight:400;letter-spacing:0;color:#c6bec9}
.profile-access-value{display:block;margin-top:4px;font-size:17px;line-height:1.4;letter-spacing:-.3px;font-weight:600}
.profile-arrow{display:grid;place-items:center;width:24px;height:24px;border-radius:50%;background:var(--theme-arrow);border:1px solid var(--theme-arrow-line);color:var(--theme-arrow-text)}
.profile-arrow svg{width:13px;height:13px;stroke-width:1.5}
.profile-access .profile-arrow{background:#ffffff06;border-color:#d1bccc28;color:#d1bdcc}
.profile-content{position:relative;margin:-12px -22px 0;padding:25px 22px 0;background:var(--page);border-radius:25px 25px 0 0}
.profile-content h2{font-size:18px;line-height:1.35;font-weight:600;letter-spacing:-.45px;margin:0 0 18px;color:var(--theme-text)}
.profile-settings{padding:0 16px;border:1px solid #e2dbe280;border-radius:21px;background:#fff;box-shadow:inset 0 1px 0 #ffffffb3}
.profile-setting{position:relative;display:grid;grid-template-columns:23px minmax(0,1fr) 24px;align-items:center;gap:13px;width:100%;min-height:91px;padding:19px 0;background:none;border-radius:8px;color:var(--theme-text);text-align:left}
.profile-setting+.profile-setting:before{content:"";position:absolute;top:0;left:0;right:0;height:1px;background:var(--theme-soft-line);pointer-events:none}
.profile-setting-icon{width:23px;height:23px;stroke-width:1.4;color:var(--theme-accent)}
.profile-setting-copy{display:block;min-width:0}
.profile-setting-copy strong{display:block;font-size:15px;line-height:1.4;font-weight:600;letter-spacing:-.3px;color:var(--theme-text)}
.profile-setting-copy small{display:block;margin-top:5px;font-size:var(--cabinet-copy-size);line-height:var(--cabinet-copy-leading);font-weight:400;letter-spacing:0;color:var(--theme-muted)}
.profile-preview{margin-top:18px;color:var(--theme-muted);font-size:var(--cabinet-copy-size);line-height:var(--cabinet-copy-leading)}
.profile-preview summary{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:10px 3px;border-radius:10px;cursor:pointer;list-style:none;font-weight:500;color:var(--theme-muted)}
.profile-preview summary::-webkit-details-marker{display:none}
.profile-preview summary>svg{width:13px;height:13px;stroke-width:1.4;transform:rotate(90deg)}
.profile-preview[open] summary>svg{transform:rotate(-90deg)}
.profile-preview summary:focus-visible{outline:3px solid #a36b84;outline-offset:4px}
.profile-preview>p{padding:4px 3px 0}
.profile-preview-controls{margin-top:9px}
.profile-preview-controls button{display:block;width:100%;min-height:44px;padding:10px 3px;background:none;border-radius:10px;color:var(--theme-text);font-size:var(--cabinet-copy-size);font-weight:500;line-height:var(--cabinet-copy-leading);text-align:left}
[data-color-mode=night] .profile-lead,[data-color-mode=night] .profile-content{background:transparent}
[data-color-mode=night] .profile-access{background:linear-gradient(115deg,#c69aa70e,#ffffff07 56%,#ffffff02);border-color:#ffffff17}
[data-color-mode=night] .profile-settings{background:linear-gradient(130deg,#ffffff06,#ffffff02);border-color:#ffffff13;box-shadow:inset 0 1px 0 #ffffff05}
@media(min-width:600px){body[data-view=profile] .topbar{border-radius:28px 28px 0 0}.profile-settings{padding:0 20px}.profile-setting{min-height:95px}}
@media(max-width:359px){.profile-lead{margin-left:-17px;margin-right:-17px;padding:10px 17px 32px}.profile-lead h1{font-size:26px}.profile-access{padding:17px 14px;gap:12px}.profile-content{margin-left:-17px;margin-right:-17px;padding:23px 17px 0}.profile-content h2{font-size:17px}.profile-settings{padding:0 13px}.profile-setting{grid-template-columns:22px minmax(0,1fr) 24px;gap:10px;padding:18px 0}.profile-setting-icon{width:22px;height:22px}.profile-setting-copy strong{font-size:14px}}
@media(hover:hover){.profile-access:hover{border-color:#c69aa760}.profile-setting:hover .profile-arrow{border-color:#b3829466}.profile-preview summary:hover,.profile-preview-controls button:hover{color:var(--theme-text)}}
@media(prefers-reduced-motion:no-preference){.profile-access,.profile-arrow{transition:border-color .2s ease}.profile-preview summary>svg{transition:transform .2s ease}}