.sl-lab{background:var(--page);min-height:100vh;color:var(--ink)}.sl-header{z-index:3;border-bottom:1px solid var(--line);background:var(--surface);position:sticky;top:0}.sl-header>div{align-items:center;gap:15px;max-width:1280px;margin:auto;padding:9px 26px;display:flex}.sl-back,.sl-return{align-items:center;gap:8px;display:inline-flex}.sl-back{margin-right:auto;font-weight:550}.sl-return{color:var(--muted);font-size:13px}.sl-layout{grid-template-columns:155px minmax(0,1fr);gap:clamp(24px,4vw,60px);max-width:1280px;margin:auto;padding:34px 26px 76px;display:grid}.sl-nav{align-self:start;position:sticky;top:88px}.sl-nav nav{gap:3px;display:grid}.sl-nav a{border-radius:var(--radius-sm);color:var(--muted);white-space:nowrap;align-items:center;gap:9px;padding:9px;display:flex}.sl-nav a:hover,.sl-nav a:focus-visible{background:var(--accent-soft);color:var(--accent)}.sl-main{min-width:0}.sl-intro{border-bottom:1px solid var(--line);padding-bottom:20px}.sl-intro h1{letter-spacing:-.045em;font-size:clamp(28px,4.3vw,52px);font-weight:450;line-height:1.2}.sl-intro p{color:var(--muted);margin-top:8px}.sl-section{margin-top:28px}.sl-section>h2{margin-bottom:11px;font-size:20px;font-weight:550}.sl-panel{border:1px solid var(--line);border-radius:var(--radius);background:var(--surface)}.sl-panel-controls,.sl-panel-part{padding:15px 19px}.sl-panel-part+.sl-panel-part{border-top:1px solid var(--line)}.sl-panel h3{margin-bottom:10px;font-size:15px;font-weight:550}.sl-eyebrow{color:var(--accent);align-items:center;gap:6px;font-size:12px;display:inline-flex}.sl-growth-card{background:var(--hero);color:var(--hero-ink);grid-template-columns:minmax(0,1fr) minmax(0,.9fr);align-items:center;display:grid;overflow:hidden}.sl-growth-copy{z-index:1;padding:clamp(20px,4vw,42px);position:relative}.sl-stage-title{letter-spacing:-.055em;font-size:clamp(42px,7vw,85px);font-weight:350;line-height:1.2;animation:.6s cubic-bezier(.19,.8,.25,1) both sl-rise}.sl-growth-value{color:var(--hero-muted);margin-top:4px}.sl-growth-value strong{color:var(--hero-accent);font:600 25px var(--font-latin);margin-right:3px}.sl-growth-meters{gap:8px;max-width:370px;margin-top:12px;display:grid}.sl-meter>div{color:var(--muted);flex-wrap:wrap;justify-content:space-between;gap:3px 8px;font-size:12px;display:flex}.sl-meter progress{background:var(--line);width:100%;height:5px;color:var(--accent);appearance:none;border:0;border-radius:5px;margin-top:5px;display:block;overflow:hidden}.sl-meter progress::-webkit-progress-bar{background:var(--line)}.sl-meter progress::-webkit-progress-value{background:var(--accent);border-radius:5px}.sl-meter progress::-moz-progress-bar{background:var(--accent);border-radius:5px}.sl-growth-meters .sl-meter{animation:.55s ease-out 80ms both sl-rise}.sl-next{color:var(--hero-accent);flex-wrap:wrap;align-items:center;gap:6px;margin-top:5px;font-size:12px;display:flex}.sl-next span{color:var(--hero-muted)}.sl-stage-visual{place-items:center;min-width:0;display:grid;overflow:hidden}.sl-stage-art{aspect-ratio:1;background-image:url(/component-lab/growth-stages.webp);background-size:300% 200%;background-position:calc(var(--column) * 50%) calc(var(--row) * 100%);width:100%;max-width:360px;animation:.85s cubic-bezier(.16,.78,.24,1) both sl-art;-webkit-mask-image:radial-gradient(#000 60%,#0000 75%);mask-image:radial-gradient(#000 60%,#0000 75%)}[data-theme=dark] .sl-stage-art{filter:brightness(.78)saturate(.8)}.sl-growth-mini{background:var(--hero);color:var(--hero-ink);flex-wrap:wrap;align-items:center;gap:12px;padding:12px 19px;display:flex}.sl-growth-mini .sl-stage-visual{width:66px}.sl-growth-mini>div:nth-child(2){display:grid}.sl-growth-mini strong{font-size:23px;font-weight:500}.sl-growth-mini>div:nth-child(2) span{color:var(--hero-muted);font-size:12px}.sl-mini-badges{gap:4px;margin-left:auto;display:flex}.sl-mini-badges .sl-badge-mark{width:32px;height:32px}.sl-mini-badges svg{width:15px;height:15px}.sl-stages{border-bottom:1px solid var(--line);grid-template-columns:repeat(6,minmax(0,1fr));padding:12px 15px;display:grid}.sl-stages button{isolation:isolate;color:var(--muted);background:0 0;border:0;justify-items:center;gap:6px;padding:5px 0;display:grid;position:relative}.sl-stages button:not(:last-child):after{z-index:-1;content:"";background:var(--line);width:100%;height:1px;position:absolute;top:11px;left:50%}.sl-stages i{border:1px solid var(--field-line);background:var(--surface);border-radius:50%;width:13px;height:13px;transition:transform .35s,background .35s}.sl-stages button[aria-pressed=true]{color:var(--accent)}.sl-stages button[aria-pressed=true] i{background:var(--accent);border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-soft);transform:scale(1.2)}.sl-badge-grid{grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.sl-badge-item{min-width:0;position:relative}.sl-badge-item .sl-badge-tile{width:100%;height:100%}.sl-badge-tip{display:none}@media (min-width:850px) and (hover:hover){.sl-badge-item:hover .sl-badge-tip{z-index:2;border:1px solid var(--line);border-radius:var(--radius);background:var(--surface);width:185px;box-shadow:var(--shadow);pointer-events:none;padding:10px;display:block;position:absolute;bottom:100%;left:50%;transform:translate(-50%)}.sl-badge-tip .sl-badge-mark{display:none}}.sl-badge-tile{border-radius:var(--radius-sm);text-align:center;background:0 0;border:0;align-content:start;justify-items:center;gap:5px;padding:8px 4px;display:grid}.sl-badge-tile:hover{background:var(--surface-alt)}.sl-badge-mark{background:var(--surface-alt);width:55px;height:55px;color:var(--muted);clip-path:polygon(25% 7%,75% 7%,98% 50%,75% 93%,25% 93%,2% 50%);place-items:center;transition:transform .44s cubic-bezier(.2,.85,.3,1.3);display:inline-grid}.sl-badge-mark[data-earned=true]{color:var(--accent);background:linear-gradient(145deg,var(--accent-soft),var(--surface-alt))}.sl-badge-tile:is(:hover,:focus-visible) .sl-badge-mark{transform:translateY(-6px)rotate(-10deg)scale(1.14)}.sl-badge-tile strong{font-weight:500}.sl-badge-tile>span:last-child{color:var(--muted);font-size:11px}.sl-badge-detail{justify-items:start;gap:12px;display:grid}.sl-badge-detail .sl-badge-mark{width:82px;height:82px;animation:.6s ease-out both sl-art}.sl-badge-detail .sl-meter{width:100%}.sl-identity-grid,.sl-activity-grid,.sl-theme-pair,.sl-collection-grid,.sl-content-grid{grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.sl-identity-grid{gap:20px}.sl-identity-grid>div+div{border-left:1px solid var(--line);padding-left:19px}.sl-profile-demo{margin-top:11px}.sl-profile{border-top:2px solid var(--palette,var(--accent));background:color-mix(in srgb,var(--palette,var(--accent)) 8%,var(--surface));min-width:0;padding:15px}.sl-profile--horizontal{padding-block:10px}.sl-profile-top{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.sl-profile-name{overflow-wrap:anywhere;flex:90px;min-width:0;display:grid}.sl-profile-name :is(strong,h1){font-size:clamp(19px,2.3vw,28px);font-weight:500}.sl-profile--horizontal .sl-profile-name strong{font-size:18px}.sl-profile-name>span{color:var(--muted);font-size:12px}.sl-profile-description{color:var(--muted);flex-wrap:wrap;align-items:baseline;gap:6px 9px;margin:8px 0;display:flex}.sl-profile-description p{white-space:pre-wrap}.sl-status-chip{border-left:2px solid var(--palette,var(--accent));background:var(--surface-alt);overflow-wrap:anywhere;flex-wrap:wrap;align-items:center;gap:5px 8px;padding:7px 9px;font-size:13px;display:flex}.sl-status-chip[data-expired=true]{border-color:var(--field-line);color:var(--muted)}.sl-status-chip small{color:var(--muted);align-items:center;gap:4px;font-size:11px;display:inline-flex}.sl-status-chip-icon{display:inline-flex}.sl-status-chip-icon .sl-status-mark{border-radius:6px;width:27px;height:27px}.sl-status-chip-icon svg{width:18px;height:18px}.sl-status-chip[data-expired=true] .sl-status-mark{background:var(--page);color:var(--muted)}.sl-status-empty{color:var(--muted)}.sl-interests{color:var(--muted);overflow-wrap:anywhere;flex-wrap:wrap;gap:8px;margin:8px 0 0;padding:0;font-size:12px;list-style:none;display:flex}.sl-status-editor{gap:12px;display:grid}.sl-status-fields{gap:8px;display:grid}.sl-status-marks{border:0;min-inline-size:0;margin:0;padding:0}.sl-status-marks legend{font-weight:var(--weight-label);margin-bottom:7px;padding:0}.sl-status-mark-options{grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;display:grid}.sl-status-option{border-radius:var(--radius-sm);cursor:pointer;text-align:center;min-height:66px;color:var(--muted);transition:background var(--speed),border-color var(--speed);border:1px solid #0000;align-content:center;justify-items:center;gap:4px;padding:5px 2px;font-size:11px;line-height:1.4;display:grid;position:relative}.sl-status-option input{opacity:0;width:1px;height:1px;margin:0;position:absolute}.sl-status-option:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}.sl-status-option:hover{background:var(--surface-alt)}.sl-status-option:has(input:checked){color:var(--accent);background:var(--surface-alt);border-color:color-mix(in srgb,var(--accent) 43%,var(--line))}.sl-status-option-check{position:absolute;top:5px;right:5px}.sl-status-mark{--mark-hue:var(--accent);background:color-mix(in srgb,var(--mark-hue) 13%,var(--surface));width:33px;height:33px;color:color-mix(in srgb,var(--mark-hue) 68%,var(--ink));border-radius:8px;flex:none;place-items:center;display:inline-grid}.sl-status-mark[data-mark=focus],.sl-status-mark[data-mark=quiet]{--mark-hue:#8170bb}.sl-status-mark[data-mark=outdoors],.sl-status-mark[data-mark=available]{--mark-hue:#4b8f7e}.sl-status-mark[data-mark=making],.sl-status-mark[data-mark=break]{--mark-hue:#7e8ea6}.sl-status-option:has(input:checked) .sl-status-mark{animation:.38s cubic-bezier(.18,.84,.32,1.25) both sl-status-in}@keyframes sl-status-in{0%{transform:translateY(3px)scale(.86)rotate(-9deg)}to{transform:none}}.sl-status-actions,.sl-button-row,.sl-theme-options,.sl-cover-editor{flex-wrap:wrap;gap:7px;display:flex}.sl-status-actions{margin-top:7px}.sl-theme-pair{border:1px solid var(--line);background:var(--line);gap:1px;margin-top:11px}.sl-theme-sample{background:var(--page);min-width:0;color:var(--ink);padding:12px}.sl-theme-sample>.sl-eyebrow{margin-bottom:7px}.sl-theme-options button{border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;align-items:center;gap:5px;min-height:33px;padding:4px 7px;display:inline-flex}.sl-theme-options button[aria-pressed=true]{border-color:var(--field-line);background:var(--surface-alt)}.sl-theme-options i{background:var(--palette,var(--cover-ink));border-radius:50%;width:12px;height:12px}[data-palette=ocean]{--palette:#578ed0}[data-palette=forest]{--palette:#659b87}[data-palette=rose]{--palette:#b47899}[data-palette=slate]{--palette:#7c88ab}[data-cover=blue]{--cover-ink:#385a92;--cover-paper:#e9f2fc}[data-cover=mint]{--cover-ink:#336557;--cover-paper:#e5f3ec}[data-cover=lilac]{--cover-ink:#604b8a;--cover-paper:#f0ebfa}[data-theme=dark] [data-cover=blue]{--cover-ink:#c0d9ff;--cover-paper:#253b59}[data-theme=dark] [data-cover=mint]{--cover-ink:#b6ead7;--cover-paper:#263f3c}[data-theme=dark] [data-cover=lilac]{--cover-ink:#dfccff;--cover-paper:#3d3455}.sl-growth-card,.sl-growth-mini{border-radius:var(--radius-lg)}.sl-timeline p{overflow-wrap:anywhere;white-space:pre-wrap}.sl-contribution .sl-contribution-source{margin-left:22px}.sl-collection-body>h1{overflow-wrap:anywhere;font-size:clamp(23px,4vw,34px)}.sl-collection-body h3,.sl-collection-body p,.sl-profile-description p{overflow-wrap:anywhere}.sl-cover-editor{margin-bottom:13px}.sl-cover-editor .notice{flex-basis:100%}.sl-upload{cursor:pointer;position:relative}.sl-upload:focus-within{outline:2px solid var(--accent);outline-offset:3px}.sl-upload input{opacity:0;cursor:pointer;width:100%;position:absolute;inset:0}.sl-collection-grid{gap:15px}.sl-collection{border-bottom:1px solid var(--line);min-width:0;padding-bottom:10px}.sl-cover{isolation:isolate;aspect-ratio:2.8;border-radius:var(--radius-sm);background:var(--cover-paper);width:100%;min-height:135px;color:var(--cover-ink);align-content:center;gap:7px;padding:16px;display:grid;position:relative;overflow:hidden}.sl-cover:before,.sl-cover:after{content:"";z-index:-1;border:1px solid color-mix(in srgb,var(--cover-ink) 36%,transparent);border-radius:50%;width:200px;height:200px;transition:transform .62s cubic-bezier(.2,.8,.2,1);position:absolute;bottom:-90px;right:0}.sl-cover:after{bottom:-72px;right:30px}.sl-collection:hover .sl-cover:before{transform:translate(-28px,-25px)scale(1.12)}.sl-collection:hover .sl-cover:after{transform:translate(19px,-13px)scale(1.22)}.sl-cover span{overflow-wrap:anywhere;font-size:clamp(15px,2vw,24px);font-weight:530}.sl-cover img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.sl-cover-preview{object-fit:cover;border-radius:var(--radius);width:100%;max-height:160px;display:block}.sl-collection-body{padding-top:8px}.sl-title-button{text-align:left;overflow-wrap:anywhere;background:0 0;border:0;align-items:baseline;gap:5px;padding:0;font-weight:500;display:inline-flex}.sl-title-button svg{color:var(--accent);align-self:center}.sl-title-button:hover,.sl-timeline a:hover,.sl-return:hover{color:var(--accent);text-decoration:underline}.sl-collection-body p,.sl-content-card p{color:var(--muted);margin-top:4px}.sl-collection-meta{color:var(--muted);flex-wrap:wrap;gap:5px 10px;margin-top:7px;font-size:11px;display:flex}.sl-collection-meta span{align-items:center;gap:4px;display:inline-flex}.sl-collection--header .sl-cover{aspect-ratio:3.5}.sl-collection-links{gap:8px;margin-top:12px;display:grid}.sl-content-grid{background:var(--line);gap:1px;overflow:clip}.sl-content-grid>div{background:var(--surface);min-width:0}.sl-content-card{align-content:start;gap:6px;height:100%;padding:17px 19px;display:grid}.sl-content-card[data-kind=short]{background:color-mix(in srgb,var(--info-soft) 52%,var(--surface))}.sl-content-card[data-kind=short] p{color:var(--ink);font-size:17px}.sl-content-card[data-kind=article] .sl-title-button{font-size:21px;font-weight:450}.sl-content-card[data-kind=document] .sl-content-top{border-bottom:1px dashed var(--line);padding-bottom:7px}.sl-content-top{color:var(--muted);justify-content:space-between;align-items:center;gap:6px;font-size:12px;display:flex}.sl-content-top>span:first-child,.sl-count{align-items:center;gap:5px;display:inline-flex}.sl-content-top>span:first-child{color:var(--accent);flex-shrink:0}.sl-content-top .topic-context{justify-content:flex-end}.topic-item .sl-content-card{background-clip:padding-box;min-width:0}.topic-item .sl-content-footer{gap:6px 12px}.sl-content-footer{color:var(--muted);flex-wrap:wrap;align-items:center;gap:7px;margin-top:6px;font-size:12px;display:flex}.sl-content-footer .sl-count{margin-left:auto}.sl-content-footer button{background:0 0;border:0;align-items:center;gap:5px;padding:4px;display:inline-flex}.sl-content-footer button[aria-pressed=true]{color:var(--accent)}.sl-activity-grid>.sl-panel-part+.sl-panel-part{border-top:0;border-left:1px solid var(--line)}.sl-timeline,.sl-picker-list{margin:0;padding:0;list-style:none}.sl-timeline li{grid-template-columns:32px minmax(0,1fr);gap:9px;padding-bottom:14px;display:grid;position:relative}.sl-timeline li:not(:last-child):before{content:"";background:var(--line);width:1px;position:absolute;top:32px;bottom:0;left:15px}.sl-time-icon{background:var(--accent-soft);width:32px;height:32px;color:var(--accent);border-radius:50%;place-items:center;display:grid}.sl-time-meta{color:var(--muted);font-size:11px;display:block}.sl-timeline a{align-items:center;gap:5px;display:inline-flex}.sl-timeline p{color:var(--muted);font-size:12px}.sl-daily{background:var(--info-soft);color:var(--info);align-items:center;gap:7px;margin-bottom:3px;padding:8px 10px;display:flex}.sl-daily strong{margin-left:auto}.sl-contribution+.sl-contribution{border-top:1px solid var(--line)}.sl-contribution summary{cursor:pointer;align-items:center;gap:8px;padding:8px 0;display:flex}.sl-contribution summary:before{content:"+";color:var(--accent)}.sl-contribution[open] summary:before{content:"−"}.sl-contribution summary>span{flex:1}.sl-contribution summary small{color:var(--muted);display:block}.sl-contribution summary strong{color:var(--muted);font-size:17px}.sl-contribution summary strong[data-credited=true]{color:var(--positive)}.sl-contribution p{color:var(--muted);padding:0 0 10px 16px;font-size:12px}.sl-picker{gap:12px;display:grid}.sl-picker-filter{grid-template-columns:minmax(0,1fr) minmax(108px,.42fr);gap:9px;display:grid}.sl-picker-filter:has(>button){grid-template-columns:minmax(0,1fr) minmax(108px,.42fr) auto;align-items:end}.sl-picker-selection{flex-wrap:wrap;gap:6px;margin:0;padding:0;list-style:none;display:flex}.sl-picker-selection li{min-width:0;max-width:100%}.sl-picker-selection button{border-radius:var(--radius-sm);background:var(--accent-soft);max-width:100%;min-height:30px;color:var(--accent);text-align:left;border:1px solid #0000;align-items:center;gap:6px;padding:4px 7px;font-size:12px;display:flex}.sl-picker-selection button>span{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.sl-picker-selection button:hover{border-color:var(--accent)}.sl-picker-list{border-block:1px solid var(--line)}.sl-picker-list li+li{border-top:1px solid var(--line)}.sl-picker-list label{cursor:pointer;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:8px;padding:9px 8px;display:grid}.sl-picker-list label:hover,.sl-picker-list label[data-checked=true]{background:var(--surface-alt)}.sl-picker-list label>svg{color:var(--accent)}.sl-picker-list strong{overflow-wrap:anywhere;font-weight:500;display:block}.sl-picker-list small{color:var(--muted)}.sl-picker-list input{width:18px;height:18px;accent-color:var(--accent)}.sl-pagination,.sl-picker-footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:7px;display:flex}.sl-pagination{justify-content:center}.sl-picker-footer{color:var(--muted)}.sl-lab .dialog[open]{animation:.36s cubic-bezier(.17,.8,.22,1) both sl-rise}@keyframes sl-art{0%{opacity:0;transform:translate(36px,29px)rotate(-10deg)scale(.68)}to{opacity:1;transform:none}}@keyframes sl-rise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@media (max-width:850px){.sl-layout{padding:20px 18px 50px;display:block}.sl-nav{margin-bottom:18px;position:static}.sl-nav nav{flex-wrap:wrap;gap:2px;display:flex}.sl-nav a{padding:6px 7px;font-size:12px}}@media (max-width:610px){.sl-picker-filter:has(>button){grid-template-columns:minmax(0,1fr) auto}.sl-picker-filter:has(>button)>:first-child{grid-column:1/-1}.sl-header>div{gap:7px;padding-inline:12px}.sl-layout{padding-inline:12px}.sl-section{margin-top:22px}.sl-panel-controls,.sl-panel-part,.sl-content-card{padding:12px}.sl-growth-card{grid-template-columns:minmax(0,1fr);min-height:280px;position:relative}.sl-growth-copy{padding:22px 14px}.sl-growth-card .sl-stage-visual{width:min(47%,155px);position:absolute;top:0;right:0}.sl-growth-meters{margin-top:24px}.sl-stages{padding-inline:8px;font-size:12px}.sl-badge-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.sl-identity-grid,.sl-theme-pair,.sl-content-grid,.sl-activity-grid,.sl-collection-grid{grid-template-columns:minmax(0,1fr)}.sl-identity-grid{gap:14px}.sl-identity-grid>div+div,.sl-activity-grid>.sl-panel-part+.sl-panel-part{border-left:0;border-top:1px solid var(--line)}.sl-identity-grid>div+div{padding:12px 0 0}.sl-lab .dialog--wide{width:calc(100% - 14px);max-height:93dvh}}@media (prefers-reduced-motion:reduce){.sl-status-option:has(input:checked) .sl-status-mark{animation:none}.sl-stage-art,.sl-stage-title,.sl-growth-meters .sl-meter,.sl-badge-detail .sl-badge-mark,.sl-lab .dialog[open]{animation:none}.sl-badge-tile:is(:hover,:focus-visible) .sl-badge-mark,.sl-collection:hover .sl-cover:before,.sl-collection:hover .sl-cover:after{transform:none}}