.channel-banner{position:relative;overflow:hidden;background:var(--banner,#1b3a6b)}.channel-banner:after{content:"";position:absolute;inset:0;background-image:radial-gradient(rgb(255 255 255/.16) 1.2px,transparent 1.6px);background-size:22px 22px}.channel-banner-ocean{--banner:#1b3a6b}.channel-banner-forest{--banner:#1f5f4f}.channel-banner-sunset{--banner:#9a4a35}.channel-banner-violet{--banner:#4f4396}.channel-banner-gold{--banner:#7a6120}.channel-banner-slate{--banner:#353c4a}.profile-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;height:38px;padding:0 14px;border:0;border-radius:999px;background:var(--watch-chip);color:var(--ink);font:inherit;font-size:14px;font-weight:600;text-decoration:none;cursor:pointer;transition:background-color .15s ease}.profile-button:hover:not(:disabled){background:var(--watch-chip-hover)}.profile-button:focus-visible{outline:2px solid var(--watch-accent);outline-offset:2px}.profile-button:disabled{cursor:default;opacity:.55}.profile-button .watch-icon{width:18px;height:18px}.profile-button.is-primary{background:var(--watch-accent);color:var(--watch-on-accent)}.profile-button.is-primary:hover:not(:disabled){background:color-mix(in srgb,var(--watch-accent) 88%,var(--ink))}.profile-button.is-danger{color:var(--danger,#c2412d)}.profile-button.is-ghost{background:transparent;color:inherit}.channel-hero{margin-top:12px}.channel-hero>.channel-banner{height:clamp(110px,17vw,200px);border-radius:18px}.channel-hero-body{display:grid;grid-template-columns:auto minmax(0,1fr);gap:24px;align-items:center;margin-top:20px}.channel-hero-body>.profile-avatar-large{width:128px;height:128px;flex-basis:128px;font-size:44px;box-shadow:0 0 0 4px var(--bg)}.channel-hero-text{min-width:0;display:grid;gap:6px}.channel-hero h1{display:flex;align-items:center;gap:8px;margin:0;font-size:clamp(24px,3vw,32px);font-weight:800;letter-spacing:-.02em;line-height:1.15}.channel-hero h1 .verified-badge svg{width:22px;height:22px}.channel-hero-meta{display:flex;flex-wrap:wrap;gap:0 8px;margin:0;color:var(--muted);font-size:14px}.channel-hero-meta>*+:before{content:"·";margin-inline-end:8px}.channel-hero-bio{margin:2px 0 0;max-width:64ch;color:var(--ink);font-size:14.5px;line-height:1.5;overflow-wrap:anywhere}.channel-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px}.channel-hero .channel-follow{display:contents}.channel-hero .channel-follow>span:first-child{display:none}.channel-hero .channel-follow .button{height:38px;padding:0 18px;border-radius:999px;font-weight:650}.channel-hero .channel-follow [role=alert]{flex-basis:100%;color:var(--danger,#c2412d);font-size:13px}.channel-hero+.channel-tabs{display:flex;gap:6px;margin:24px 0 0;padding:0;border-bottom:1px solid var(--line);overflow-x:auto;scrollbar-width:none}.channel-hero+.channel-tabs a{position:relative;flex-shrink:0;padding:12px 14px;border:0;border-radius:0;background:none;color:var(--muted);font-weight:650;text-decoration:none;transition:color .15s ease}.channel-hero+.channel-tabs a:hover,.channel-hero+.channel-tabs a[aria-current=page]{color:var(--ink)}.channel-hero+.channel-tabs a[aria-current=page]:after{content:"";position:absolute;left:10px;right:10px;bottom:-1px;height:3px;border-radius:3px 3px 0 0;background:var(--ink)}.channel-hero+.channel-tabs a:focus-visible{outline:2px solid var(--watch-accent);outline-offset:-2px;border-radius:8px}.public-course-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:22px 18px;margin-top:22px}.public-course-card{position:relative;display:grid;gap:8px;align-content:start;padding:18px;margin-top:10px;border:1px solid var(--line);border-radius:16px;background:var(--surface);color:var(--ink);text-decoration:none;transition:border-color .15s ease,transform .15s ease}.public-course-card:after,.public-course-card:before{content:"";position:absolute;top:-6px;left:14px;right:14px;height:6px;border-radius:10px 10px 0 0;background:var(--watch-chip)}.public-course-card:after{top:-11px;left:26px;right:26px;opacity:.6}.public-course-card:hover{border-color:var(--watch-accent);transform:translateY(-2px)}.public-course-card h2{margin:0;font-size:16px;line-height:1.3}.public-course-card p{margin:0;color:var(--muted);font-size:13.5px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.public-course-card span{color:var(--watch-accent);font-weight:650;font-size:13.5px}.channel-about{width:min(480px,calc(100vw - 32px));max-height:calc(100vh - 32px);padding:0;border:0;border-radius:20px;background:var(--surface);color:var(--ink);box-shadow:var(--watch-shadow)}.channel-about[open]{animation:vcard-pop .2s cubic-bezier(.2,1,.4,1)}.channel-about::backdrop{background:rgb(10 12 20/.55)}.channel-about-head{display:flex;align-items:center;justify-content:space-between;padding:16px 18px;border-bottom:1px solid var(--line)}.channel-about-head h2{margin:0;font-size:18px}.channel-about-close{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:50%;background:none;color:inherit;cursor:pointer}.channel-about-close:hover{background:var(--watch-chip)}.channel-about-name{display:flex;align-items:center;gap:6px;margin:16px 18px 0;font-weight:700;font-size:16px}.channel-about-bio{margin:8px 18px 0;line-height:1.55;overflow-wrap:anywhere}.channel-about-bio.is-empty{color:var(--muted)}.channel-about-facts{display:grid;gap:12px;margin:18px 0 0;padding:16px 18px 20px;border-top:1px solid var(--line);list-style:none}.channel-about-facts li{display:flex;align-items:center;gap:12px;color:var(--muted)}.channel-about-facts .watch-icon{width:19px;height:19px;color:var(--ink)}.profile-editor{display:grid;grid-template-columns:minmax(0,1fr) 360px;gap:32px;align-items:start;margin-top:24px}.profile-editor-form{display:grid;gap:18px;min-width:0}.profile-editor-intro h1{margin:0;font-size:28px;font-weight:800;letter-spacing:-.02em}.profile-editor-intro p{margin:6px 0 0;color:var(--muted);max-width:62ch}.profile-fieldset{display:grid;gap:14px;min-width:0;margin:0;padding:18px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.profile-fieldset legend{float:left;width:100%;padding:0;margin-bottom:4px;font-size:15px;font-weight:700}.profile-fieldset legend+*{clear:both}.profile-picture-row{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.profile-picture-row .profile-avatar-large{width:88px;height:88px;flex-basis:88px;font-size:32px}.profile-picture-actions{display:flex;flex-wrap:wrap;align-items:center;gap:8px}.profile-picture-actions small{flex-basis:100%;color:var(--muted);font-size:12.5px}.profile-picture-actions label{position:relative;overflow:hidden}.profile-picture-actions input[type=file]{position:absolute;inset:0;opacity:0;cursor:pointer}.profile-picture-actions label:focus-within{outline:2px solid var(--watch-accent);outline-offset:2px}.profile-field{display:grid;gap:6px}.profile-field>span:first-child{font-weight:650;font-size:13.5px}.profile-input{width:100%;min-height:44px;padding:10px 12px;border:1px solid var(--line);border-radius:12px;background:var(--bg);color:var(--ink);font:inherit;font-size:15px;outline:none;resize:vertical;transition:border-color .15s ease,box-shadow .15s ease}.profile-input:focus{border-color:var(--watch-accent);box-shadow:0 0 0 4px var(--watch-accent-soft)}.profile-input[aria-invalid=true]{border-color:var(--danger,#c2412d)}.profile-hint{display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:12.5px}.profile-field:has([aria-invalid=true]) .profile-hint>span:first-child{color:var(--danger,#c2412d)}.profile-verified-note{display:flex;align-items:center;gap:6px;margin:0;color:var(--muted);font-size:13px}.profile-swatches{display:flex;flex-wrap:wrap;gap:10px}.profile-swatch{position:relative;display:grid;place-items:center;width:44px;height:44px;padding:0;border:2px solid transparent;border-radius:12px;background:var(--banner);color:#fff;cursor:pointer;transition:transform .15s ease}.profile-swatch:after{display:none}.profile-swatch:hover{transform:scale(1.06)}.profile-swatch.is-on{border-color:var(--ink);box-shadow:inset 0 0 0 2px var(--bg)}.profile-swatch:focus-visible{outline:2px solid var(--watch-accent);outline-offset:2px}.profile-swatch .watch-icon{position:relative;z-index:1;width:20px;height:20px}.profile-links{display:flex;flex-wrap:wrap;gap:8px}.profile-message{margin:0;color:var(--watch-ok);font-weight:600}.profile-message.is-error{color:var(--danger,#c2412d)}.profile-savebar{position:sticky;bottom:calc(14px + env(safe-area-inset-bottom, 0px));z-index:20;display:flex;align-items:center;gap:10px;padding:10px 10px 10px 18px;border-radius:16px;background:var(--ink);color:var(--bg);box-shadow:var(--watch-shadow);animation:profile-rise .25s cubic-bezier(.2,1,.4,1)}.profile-savebar>span{flex:1 1;font-weight:600}.profile-savebar .profile-button.is-ghost{color:var(--bg)}.profile-savebar .profile-button.is-ghost:hover:not(:disabled){background:rgb(127 127 127/.25)}@keyframes profile-rise{0%{opacity:0;transform:translateY(12px)}}.profile-preview{position:sticky;top:84px;display:grid;gap:10px}.profile-preview-label{font-size:11px;font-weight:750;letter-spacing:.08em;text-transform:uppercase;color:var(--muted)}.profile-preview-card{overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);box-shadow:var(--watch-shadow)}.profile-preview-card .channel-banner{height:96px}.profile-preview-body{padding:0 16px 18px}.profile-preview-body .profile-avatar-large{width:68px;height:68px;flex-basis:68px;margin-top:-34px;font-size:26px;box-shadow:0 0 0 4px var(--surface);position:relative}.profile-preview-body h2{display:flex;align-items:center;gap:6px;margin:10px 0 0;font-size:18px;overflow-wrap:anywhere}.profile-preview-body p{margin:4px 0 0;color:var(--muted);font-size:13px}.profile-preview-bio{color:var(--ink)!important;font-size:13.5px!important;line-height:1.5;overflow-wrap:anywhere}.profile-preview-note{margin:0;color:var(--muted);font-size:12.5px}.profile-summary{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.profile-summary>div{flex:1 1;min-width:0;display:grid;gap:2px}.profile-summary b{display:flex;align-items:center;gap:6px;font-size:16px}.profile-summary p{margin:0;color:var(--muted);font-size:13.5px;overflow-wrap:anywhere}.profile-summary-actions{display:flex;flex-wrap:wrap;gap:8px}@media (max-width:1000px){.profile-editor{grid-template-columns:minmax(0,1fr)}.profile-preview{position:static;order:-1}}@media (max-width:640px){.channel-hero-body{grid-template-columns:minmax(0,1fr);gap:14px;margin-top:14px}.channel-hero-body>.profile-avatar-large{width:84px;height:84px;flex-basis:84px;font-size:30px}.channel-hero>.channel-banner{border-radius:14px}.profile-savebar{flex-wrap:wrap;padding:12px}.profile-savebar>span{flex-basis:100%}.profile-editor-intro h1{font-size:24px}}@media (prefers-reduced-motion:reduce){.channel-hero+.channel-tabs a,.profile-button,.profile-input,.profile-swatch,.public-course-card{transition:none}.channel-about[open],.profile-savebar{animation:none}.profile-swatch:hover,.public-course-card:hover{transform:none}}