.profile-head{display:grid;gap:var(--space-4);grid-template-areas:"avatar text" "about about" "actions actions" "featured featured";grid-template-columns:auto minmax(0,1fr);align-items:start;padding-block-end:var(--space-5);border-block-end:1px solid var(--line)}@media(min-width:640px){.profile-head{grid-template-areas:"avatar text actions" "about about about" "featured featured featured";grid-template-columns:auto minmax(0,1fr) auto}}@media(min-width:1000px){.profile-head:has(>.profile-featured){grid-template-areas:"avatar text actions featured" "about about about featured";grid-template-columns:auto minmax(0,1fr) auto 360px}}.profile-head__about{grid-area:about;min-width:0}.profile-featured{grid-area:featured;display:flex;flex-direction:column;gap:var(--space-2);min-width:0;width:100%}.profile-featured .player{width:100%;border:1px solid var(--line);border-radius:var(--radius-card);overflow:hidden}.profile-featured__caption{display:flex;align-items:center;gap:var(--space-2);min-width:0}.profile-featured__title{min-width:0;overflow:hidden;color:var(--ink);font-weight:500;text-overflow:ellipsis;white-space:nowrap}.profile-featured__title:hover,.profile-featured__title:focus-visible{color:var(--accent-ink)}.profile-head>.avatar{grid-area:avatar}.profile-head__text{grid-area:text;display:flex;flex-direction:column;gap:var(--space-1);width:100%;min-width:0}.profile-head__actions{grid-area:actions;display:flex;gap:var(--space-2)}.profile-head__name{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-xl)}.profile-head__name>.plan-mark{margin-inline-start:0}.profile-head__handle{color:var(--ink-3);font-size:var(--text-sm)}.profile-head__stats{display:flex;flex-wrap:wrap;gap:var(--space-4);margin-block-start:var(--space-2);font-size:var(--text-sm);color:var(--ink-2)}.profile-head__stats .num{color:var(--ink);font-weight:500}.profile-head__bio{max-width:60ch;color:var(--ink-2);white-space:pre-wrap}.profile-links,.profile-tags{display:flex;flex-wrap:wrap;gap:var(--space-2);margin-block-start:var(--space-3);list-style:none}.profile-links__item{display:grid;place-items:center;inline-size:40px;block-size:40px;border:1px solid var(--line);border-radius:var(--radius-pill);color:var(--ink-2)}.profile-links__item:hover,.profile-links__item:focus-visible{border-color:var(--accent-ink);color:var(--accent-ink)}@media(pointer:coarse){.profile-links__item{inline-size:44px;block-size:44px}}.profile-links--text{flex-direction:column;align-items:flex-start;gap:var(--space-1);margin-block-start:var(--space-2)}.profile-links__text{display:inline-flex;align-items:center;gap:var(--space-1);min-block-size:24px;color:var(--ink-2);font-size:var(--text-sm);overflow-wrap:anywhere}.profile-links__text:hover,.profile-links__text:focus-visible{color:var(--accent-ink);text-decoration:underline}@media(pointer:coarse){.profile-links__text{min-block-size:44px}}.link-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:var(--space-2)}.link-row__mark{display:grid;place-items:center;inline-size:32px;color:var(--ink-3)}.link-row [aria-invalid=true]{border-color:var(--danger-ink)}.wgrid{--wgt-cols: 3;--wgt-row: 18rem;display:grid;grid-template-columns:repeat(var(--wgt-cols),minmax(0,1fr));grid-auto-rows:var(--wgt-row);grid-auto-flow:row dense;gap:var(--space-4)}.wgt{position:relative;display:flex;flex-direction:column;gap:var(--space-2);grid-column:span min(var(--w, 3),var(--wgt-cols));grid-row:span var(--h, 1);min-inline-size:0;padding:var(--space-3);border:1px solid var(--line);border-radius:var(--radius-card);background:var(--raised);overflow:hidden}.wgt__head{display:flex;align-items:center;gap:var(--space-2);flex:none;color:var(--ink-3)}.wgt__title{font-family:var(--font-display);font-size:1rem;line-height:var(--leading-snug);color:var(--ink);margin:0;min-inline-size:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.wgt__all{display:inline-flex;align-items:center;gap:var(--space-1);margin-inline-start:auto;flex:none;font-size:.8125rem;color:var(--ink-3);text-decoration:none}.wgt__all:after{content:"";position:absolute;inset-block-start:0;inset-inline:0;block-size:3.25rem}.wgt__all:hover,.wgt__all:focus-visible{color:var(--ink)}.wgt__body{flex:1;min-block-size:0;display:flex;container-type:size}.wgt__body>.rail{padding-block:0;margin-block:0;--wgt-rail-gap: var(--space-4);--wgt-card-text: 4.5rem;--wgt-card-chrome: calc(var(--space-3) * 3 + var(--wgt-card-text));--wgt-card-h: calc( (100% - (var(--rows, 1) - 1) * var(--wgt-rail-gap)) / var(--rows, 1) );--wgt-card-hq: calc( (100cqh - (var(--rows, 1) - 1) * var(--wgt-rail-gap)) / var(--rows, 1) );--wgt-card-max: 20rem;--wgt-card-fit: calc( (100cqw - var(--space-3) * 2) * 9 / 16 + var(--wgt-card-chrome) );--wgt-card-used: min( var(--wgt-card-h), var(--wgt-card-max), var(--wgt-card-fit) );--wgt-card-usedq: min( var(--wgt-card-hq), var(--wgt-card-max), var(--wgt-card-fit) );flex:1;min-inline-size:0;align-content:start;gap:var(--wgt-rail-gap);grid-template-rows:repeat(var(--rows, 1),var(--wgt-card-used));--wgt-card-w: min( calc( (var(--wgt-card-usedq) - var(--wgt-card-chrome)) * 16 / 9 + var(--space-3) * 2 ), 100% );--wgt-grow: 1.15;grid-auto-columns:minmax(var(--wgt-card-w),min(calc(var(--wgt-card-w) * var(--wgt-grow)),100%));justify-content:start;overflow-x:auto;overflow-y:hidden;scrollbar-width:none;padding-block-end:0}.wgt__body>.rail::-webkit-scrollbar{display:none}.wgt .rail>*{block-size:100%;min-block-size:0}.wgt .rail .video-card__thumb,.wgt .rail .playlist-card__stack{flex:1;min-block-size:0;aspect-ratio:auto}.wgt .rail .playlist-card__stack{display:flex}.wgt .rail .playlist-card__thumb{flex:1;min-block-size:0;aspect-ratio:auto}.wgt .rail .video-card__body,.wgt .rail .playlist-card__body{block-size:var(--wgt-card-text);overflow:hidden}.wgt .video-card__meta,.wgt .playlist-card__meta{flex-wrap:nowrap;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wgt .video-card__meta>*,.wgt .playlist-card__meta>*{overflow:hidden;text-overflow:ellipsis}.wgt[data-kind=playlists] .rail{--wgt-card-chrome: calc(var(--space-3) * 3 + 12px + var(--wgt-card-text))}.wgt__list{--wgt-list-gap: var(--space-2);--wgt-row-max: 7rem;--wgt-row-h: min( calc( (100cqh - (var(--rows, 1) - 1) * var(--wgt-list-gap)) / var(--rows, 1) ), var(--wgt-row-max) );flex:1;min-inline-size:0;display:grid;grid-auto-flow:row;grid-template-columns:minmax(0,1fr);grid-template-rows:repeat(var(--rows, 1),min(calc((100% - (var(--rows, 1) - 1) * var(--wgt-list-gap)) / var(--rows, 1)),var(--wgt-row-max)));grid-auto-rows:0;align-content:start;gap:var(--wgt-list-gap);overflow:hidden}.wgt[data-w="2"] .wgt__list{grid-template-columns:repeat(2,minmax(0,1fr))}.wgt[data-w="3"] .wgt__list{grid-template-columns:repeat(3,minmax(0,1fr))}@media(max-width:900px){.wgt[data-w="3"] .wgt__list{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:640px){.wgt[data-w="2"] .wgt__list,.wgt[data-w="3"] .wgt__list{grid-template-columns:minmax(0,1fr)}}.wgt__list>*{block-size:100%;min-block-size:0;overflow:hidden;padding:0;gap:var(--space-2)}.wgt__list .video-card__thumb,.wgt__list .playlist-card__stack{flex:none;aspect-ratio:auto;block-size:100%;inline-size:calc(var(--wgt-row-h) * 16 / 9)}.wgt__list .playlist-card__thumb{block-size:100%}.wgt__list .video-card__body,.wgt__list .playlist-card__body{flex:1;min-inline-size:0;block-size:100%;overflow:hidden}.wgt__list .video-card__title,.wgt__list .playlist-card__title{font-size:var(--text-sm)}.wgt__empty{margin:auto;color:var(--ink-3);font-size:.875rem;text-align:center}.wgt__html{flex:1;inline-size:100%;border:0;background:transparent;color-scheme:normal}@media(max-width:900px){.wgrid{--wgt-cols: 2;--wgt-row: 17rem}}@media(max-width:640px){.wgrid{--wgt-cols: 1;--wgt-row: 16rem}}.wgrid.is-editing .wgt{border-style:dashed;border-color:var(--line-strong);cursor:default;user-select:none}.wgrid.is-editing .wgt__all{display:none}.wgrid.is-editing .wgt__body{pointer-events:none}.wgt__tools{display:contents}.wgt__grip{order:-1}.wgt__tool{order:9}.wgrid.is-editing .wgt__title{margin-inline-end:auto}.wgt__grip,.wgt__tool{display:grid;place-items:center;inline-size:32px;block-size:32px;padding:0;border:1px solid var(--line);border-radius:var(--radius-control);background:var(--ground);color:var(--ink-2);cursor:pointer;transition:background var(--dur-micro) var(--ease),color var(--dur-micro) var(--ease)}.wgt__grip{cursor:grab;touch-action:none}.wgt__grip:hover,.wgt__tool:hover,.wgt__grip:focus-visible,.wgt__tool:focus-visible{background:var(--raised-hover);color:var(--ink)}.wgt__resize{position:absolute;inset-block-end:0;inset-inline-end:0;inline-size:22px;block-size:22px;padding:0;border:0;background:transparent;cursor:nwse-resize;touch-action:none;z-index:1}.wgt__resize:after{content:"";position:absolute;inset-block-end:5px;inset-inline-end:5px;inline-size:9px;block-size:9px;border-inline-end:2px solid var(--line-strong);border-block-end:2px solid var(--line-strong);border-end-end-radius:3px;transition:border-color var(--dur-micro) var(--ease)}.wgt:hover .wgt__resize:after,.wgt__resize:focus-visible:after{border-color:var(--ink-2)}.wgt.is-dragging{z-index:var(--z-pip, 150);box-shadow:var(--shadow-modal);cursor:grabbing;pointer-events:none;opacity:.96}.wgt--new .wgt__body{place-items:center}.wbar{position:sticky;inset-block-start:calc(var(--nav-h) + var(--space-2));z-index:2;margin-block-end:var(--space-4)}.wbar__inner{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap;padding:var(--space-2);border:1px solid var(--line);border-radius:var(--radius-panel);background:var(--raised);box-shadow:var(--shadow-popover)}.wbar__spacer{flex:1}.wgt-size{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-3)}@media(pointer:coarse){.wgt__grip,.wgt__tool,.wgt__resize{inline-size:44px;block-size:44px}}@media(prefers-reduced-motion:reduce){.wgt__grip,.wgt__tool,.wgt__resize:after{transition:none}}.avatar-picker{display:flex;align-items:center;gap:var(--space-3);flex-wrap:wrap}