.profile-avatar{width:40px;height:40px;font-size:calc((14px) * var(--font-scale,1));border-radius:50%;flex-shrink:0;place-items:center;font-weight:500;display:inline-grid;position:relative;overflow:hidden;box-shadow:0 0 0 1px #ffffff20}.profile-avatar img{object-fit:cover;width:100%;height:100%}.profile-avatar.large{width:112px;height:112px;font-size:calc((34px) * var(--font-scale,1));border:5px solid var(--surface-alt);box-shadow:0 0 0 1px #ffffff18}.account-menu summary .profile-avatar{width:32px;height:32px;font-size:calc((11px) * var(--font-scale,1))}.profile-hub,.people-panel{flex-direction:column;gap:24px;padding-bottom:40px;display:flex}.profile-page-heading{justify-content:space-between;align-items:flex-end;gap:20px;padding:28px 0 20px;display:flex}.profile-page-heading h1{font-size:calc((38px) * var(--font-scale,1));letter-spacing:-1.3px;margin:8px 0 12px;font-weight:500}.profile-page-heading p{font-size:calc((14px) * var(--font-scale,1));color:var(--text-soft);max-width:640px;line-height:1.7}.profile-layout{grid-template-columns:260px minmax(0,1fr);align-items:start;gap:26px;display:grid}.profile-identity{overflow-wrap:anywhere;flex-direction:column;align-items:flex-start;gap:15px;padding:28px 24px;display:flex;position:sticky;top:100px}.profile-identity h2{font-size:calc((25px) * var(--font-scale,1));letter-spacing:-.5px;font-weight:500;line-height:1.2}.profile-handle{font-size:calc((12px) * var(--font-scale,1));color:var(--text-soft)}.profile-visibility{font-size:calc((11px) * var(--font-scale,1));color:var(--blue);align-items:center;gap:6px;line-height:1.5;display:inline-flex}.profile-stat-pair{border-block:1px solid color-mix(in srgb,var(--ink) 7.06%,transparent);width:100%;font-size:calc((11px) * var(--font-scale,1));color:var(--text-soft);flex-wrap:wrap;gap:26px;padding:18px 0;display:flex}.profile-stat-pair>span{flex-direction:column;gap:6px;display:flex}.profile-stat-pair b{font-size:calc((25px) * var(--font-scale,1));letter-spacing:-.8px;color:var(--ink);font-weight:500}.profile-identity>small{font-size:calc((10px) * var(--font-scale,1));color:var(--text-soft);line-height:1.7}.profile-main{min-width:0}.profile-tabs{border-bottom:1px solid color-mix(in srgb,var(--ink) 8.63%,transparent);gap:10px;margin-bottom:24px;padding:0 0 12px;display:flex;overflow-x:auto}.profile-tabs button{white-space:nowrap;color:var(--text-soft);font-size:calc((12px) * var(--font-scale,1));border:1px solid #0000;border-radius:12px;align-items:center;gap:7px;padding:9px 11px;display:flex}.profile-tabs button[aria-selected=true]{color:var(--ink);background:color-mix(in srgb,var(--blue) 8.63%,transparent);border-color:color-mix(in srgb,var(--blue) 18.82%,transparent)}.profile-stack{flex-direction:column;gap:22px;display:flex}.profile-progress,.profile-about,.practice-card{padding:26px}.profile-about h2,.practice-card h2{font-size:calc((21px) * var(--font-scale,1));letter-spacing:-.5px;margin-bottom:12px;font-weight:500}.profile-about h3{font-size:calc((14px) * var(--font-scale,1));align-items:center;gap:7px;margin-bottom:12px;display:flex}.profile-about p{font-size:calc((13px) * var(--font-scale,1));color:var(--text-soft);white-space:pre-wrap;overflow-wrap:anywhere;line-height:1.8}.profile-about>div{border-top:1px solid color-mix(in srgb,var(--ink) 7.06%,transparent);margin-top:20px;padding-top:18px}.profile-muted{font-size:calc((11px) * var(--font-scale,1));color:var(--text-soft);align-items:center;gap:6px;line-height:1.6;display:inline-flex}.profile-section-heading{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:20px;display:flex}.profile-section-heading p{font-size:calc((12px) * var(--font-scale,1));color:var(--text-soft)}.practice-scroll{padding:4px 0 12px;overflow-x:auto}.practice-grid{grid-template-rows:repeat(7,11px);grid-auto-columns:11px;grid-auto-flow:column;gap:4px;min-width:790px;display:grid}.practice-grid i,.practice-legend i{border:1px solid color-mix(in srgb,var(--ink) 3.14%,transparent);border-radius:3px;width:11px;height:11px;display:inline-block}[data-level="0"]{background:color-mix(in srgb,var(--ink) 3.53%,transparent)}[data-level="1"]{background:color-mix(in srgb,var(--blue) 25%,var(--surface))}[data-level="2"]{background:color-mix(in srgb,var(--blue) 45%,var(--surface))}[data-level="3"]{background:color-mix(in srgb,var(--blue) 70%,var(--surface))}[data-level="4"]{background:color-mix(in srgb,var(--blue) 100%,var(--surface))}.practice-grid .practice-pad{visibility:hidden}.practice-legend{justify-content:space-between;align-items:center;gap:16px;margin-top:8px;display:flex}.practice-legend small{font-size:calc((10px) * var(--font-scale,1));color:var(--text-soft);max-width:380px;line-height:1.6}.practice-legend>span{font-size:calc((10px) * var(--font-scale,1));color:var(--text-soft);white-space:nowrap;align-items:center;gap:4px;display:flex}.practice-dates{font-size:calc((11px) * var(--font-scale,1));color:var(--text-soft);margin-top:18px}.practice-dates summary{cursor:pointer}.practice-dates ul{gap:8px;max-height:200px;padding:12px 0 0;list-style:none;display:grid;overflow:auto}.practice-dates li{border-bottom:1px solid color-mix(in srgb,var(--ink) 3.92%,transparent);justify-content:space-between;padding-bottom:6px;display:flex}.practice-dates p{padding-top:12px;line-height:1.7}.profile-settings{flex-direction:column;gap:22px;padding:26px;display:flex}.profile-settings[hidden]{display:none}.has-unsaved-profile{padding-bottom:140px}.profile-save-bar{z-index:45;left:calc(var(--navigation-left-space,0px) + (100vw - var(--navigation-left-space,0px) - var(--navigation-right-space,0px))/2);bottom:max(calc(20px + var(--navigation-bottom-space,0px)),env(safe-area-inset-bottom));width:min(600px,calc(100vw - var(--navigation-left-space,0px) - var(--navigation-right-space,0px) - 32px));border:1px solid color-mix(in srgb,var(--blue) 25.1%,transparent);background:var(--surface-hover);color:var(--ink);border-radius:20px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;padding:16px 18px;font-family:Google Sans,Arial,sans-serif;animation:.4s ease-out both profile-save-rise;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 16px 60px #0008}.profile-save-bar>div{min-width:0;font-size:calc((13px) * var(--font-scale,1));line-height:1.5}.profile-save-bar p{color:var(--danger-text);font-size:calc((12px) * var(--font-scale,1));overflow-wrap:anywhere;margin-top:6px}.profile-save-bar button{flex-shrink:0}@keyframes profile-save-rise{0%{opacity:0;transform:translate(-50%,calc(100% + 32px))}72%{opacity:1;transform:translate(-50%,-5px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:760px){.profile-save-bar{gap:12px;padding:14px}.profile-save-bar>div{font-size:calc((12px) * var(--font-scale,1))}.profile-save-bar button{padding-inline:14px}}@media (prefers-reduced-motion:reduce){.profile-save-bar{animation:none}}.profile-settings fieldset{border:0;flex-direction:column;gap:18px;min-width:0;padding:0;display:flex}.profile-settings legend,.profile-settings h3{float:left;width:100%;font-size:calc((17px) * var(--font-scale,1));letter-spacing:-.3px;padding-top:20px;font-weight:500}.profile-settings legend:first-child{padding-top:0}.profile-settings fieldset>p,.profile-settings small{font-size:calc((11px) * var(--font-scale,1));color:var(--text-soft);line-height:1.65}.profile-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.profile-input{flex-direction:column;gap:8px;min-width:0;display:flex}.profile-input>span{font-size:calc((12px) * var(--font-scale,1));color:var(--ink);line-height:1.5}.profile-input input,.profile-input select,.profile-input textarea,.people-search select{border:1px solid color-mix(in srgb,var(--ink) 12.55%,transparent);background:var(--surface);width:100%;min-height:42px;color:var(--ink);font:inherit;font-size:calc((12px) * var(--font-scale,1));border-radius:12px;padding:10px 12px}.profile-input textarea{resize:vertical;line-height:1.7}.avatar-colors{gap:10px;display:flex}.avatar-colors>button{color:#151218;border:2px solid #0000;border-radius:50%;place-items:center;width:25px;height:25px;display:grid}.avatar-colors>button[aria-pressed=true]{outline:1px solid color-mix(in srgb,var(--ink) 53.33%,transparent);outline-offset:3px}.profile-hub .completed-labs{margin-top:0}.profile-hub .completed-lab{flex-wrap:wrap}.profile-hub .certificate-actions{margin-left:auto}.public-people-page{background:var(--paper);min-height:100vh;color:var(--ink)}.public-people-page>header{border-bottom:1px solid color-mix(in srgb,var(--ink) 7.84%,transparent);justify-content:space-between;align-items:center;padding:24px 5vw;display:flex}.public-people-page>header>a:last-child{font-size:calc((12px) * var(--font-scale,1));color:var(--blue)}.public-people-page>main{max-width:1240px;margin:auto;padding:36px 5vw}.public-people-page .card{background:var(--surface);border:1px solid color-mix(in srgb,var(--ink) 7.84%,transparent);border-radius:24px}.public-profile-heading{flex-wrap:wrap;align-items:center;gap:26px;padding:28px;display:flex}.public-profile-heading h1{font-size:calc((32px) * var(--font-scale,1));letter-spacing:-.8px;margin:8px 0;font-weight:500}.public-profile-heading p{font-size:calc((13px) * var(--font-scale,1));color:var(--text-soft)}.public-profile-heading .profile-stat-pair{border:0;width:auto;margin-left:auto;padding:0}.shared-completion{border-bottom:1px solid color-mix(in srgb,var(--ink) 7.06%,transparent);font-size:calc((13px) * var(--font-scale,1));flex-direction:column;gap:6px;padding:16px 0;display:flex}.shared-completion>span{font-size:calc((11px) * var(--font-scale,1));color:var(--text-soft)}.people-search{align-items:center;gap:16px;padding:18px;display:flex}.people-search>label{min-width:0;color:var(--text-soft);flex:1;align-items:center;gap:10px;display:flex}.people-search input{width:100%;color:var(--ink);font-size:calc((13px) * var(--font-scale,1));background:0 0;border:0;outline:0}.people-search select{width:180px}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.person-card{align-items:flex-start;gap:14px;min-width:0;padding:24px;transition:background .2s,border-color .2s;display:flex}.person-card:hover{background:color-mix(in srgb,var(--blue) 4.31%,transparent);border-color:color-mix(in srgb,var(--blue) 31.37%,transparent)}.person-card>div{flex:1;min-width:0}.person-card h2{font-size:calc((17px) * var(--font-scale,1));overflow-wrap:anywhere;font-weight:500}.person-card>div>span{font-size:calc((11px) * var(--font-scale,1));color:var(--text-soft)}.person-card p{font-size:calc((12px) * var(--font-scale,1));color:var(--text-soft);-webkit-line-clamp:2;overflow-wrap:anywhere;-webkit-box-orient:vertical;margin-top:10px;line-height:1.7;display:-webkit-box;overflow:hidden}.person-card>svg{color:var(--blue);flex-shrink:0}@media (max-width:1080px){.profile-layout{grid-template-columns:220px minmax(0,1fr);gap:20px}.profile-fields{grid-template-columns:1fr}.profile-identity{padding:24px 20px}.people-grid{grid-template-columns:1fr}}@media (max-width:760px){.profile-layout{grid-template-columns:1fr}.profile-identity{position:static}.profile-tabs{gap:3px}.profile-tabs button{font-size:calc((11px) * var(--font-scale,1));padding:8px}.profile-page-heading{align-items:flex-start}.profile-page-heading h1{font-size:calc((32px) * var(--font-scale,1))}.profile-progress,.profile-about,.practice-card,.profile-settings{padding:22px}.practice-legend{flex-direction:column;align-items:flex-start}.people-search{flex-direction:column;align-items:stretch}.people-search select{width:100%}.public-profile-heading{gap:18px;padding:24px}.public-profile-heading .profile-stat-pair{width:100%;margin-left:0}.profile-hub .certificate-actions{flex-wrap:wrap;margin-left:0}.profile-page-heading p{font-size:calc((13px) * var(--font-scale,1))}.public-people-page>header{gap:20px}.public-people-page .brand{font-size:calc((16px) * var(--font-scale,1))}}.workshop-app .account-menu summary>.profile-avatar{display:inline-grid}@media (max-width:760px){.profile-identity{grid-template-columns:80px minmax(0,1fr);align-items:center;gap:12px 16px;display:grid}.profile-identity .profile-avatar.large{width:80px;height:80px;font-size:calc((26px) * var(--font-scale,1));grid-area:1/1/4}.profile-identity h2,.profile-identity .profile-handle,.profile-identity .profile-visibility{grid-column:2}.profile-identity h2{font-size:calc((22px) * var(--font-scale,1))}.profile-identity .profile-stat-pair,.profile-identity>button,.profile-identity>a,.profile-identity>small{grid-column:1/-1}}.profile-picture-editor{gap:18px;margin:16px 0;display:grid}.picture-choice{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.picture-choice>div{flex-wrap:wrap;align-items:center;gap:16px;display:flex}.picture-choice button{align-items:center;gap:8px;display:inline-flex}.picture-crop-controls{grid-template-columns:minmax(160px,240px) minmax(0,1fr);align-items:center;gap:24px;display:grid}.picture-crop{aspect-ratio:1;border:1px solid var(--line-strong);touch-action:none;cursor:move;background:var(--surface-hover);border-radius:16px;width:100%;position:relative;overflow:hidden}.picture-crop img{-webkit-user-select:none;user-select:none;pointer-events:none;max-width:none;max-height:none;position:absolute}.picture-crop>span{pointer-events:none;border:1px solid #fff8;border-radius:50%;position:absolute;inset:0;box-shadow:0 0 0 100px #0005}.picture-slider{font-size:calc(12px * var(--font-scale,1));gap:10px;margin-bottom:18px;display:grid}.picture-slider input{width:100%;accent-color:var(--blue);min-height:30px}.picture-crop-controls p{font-size:calc(12px * var(--font-scale,1));color:var(--text-soft);line-height:1.6}@media (max-width:600px){.picture-crop-controls{grid-template-columns:minmax(0,1fr)}.picture-crop{max-width:280px}}.people-search>label.people-search-field{border:1px solid var(--border);background:var(--surface);border-radius:12px;flex-direction:row;justify-content:flex-start;align-items:center;gap:10px;min-height:44px;padding:0 12px;display:flex}.people-search-field>svg{flex:0 0 17px;margin:0;position:static}.people-search-field>input{background:0 0;flex:1;width:0;min-width:0;min-height:44px;padding:0}.people-search-field:focus-within{outline:2px solid var(--primary);outline-offset:2px}.profile-save-notice{animation:3s forwards profile-notice-fade}@keyframes profile-notice-fade{0%,85%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.profile-save-notice{animation:none}}.people-empty{align-items:flex-start;gap:16px;display:flex}.people-empty>svg{color:var(--text-soft);flex-shrink:0;margin-top:2px}.people-empty>div{min-width:0}.people-empty h2{margin:0 0 10px}.people-empty p{margin:0}
