.public-page{background:var(--bg)}.public-shell{max-width:1000px;margin:auto;padding:0 28px}.public-shell header{height:100px}.public-main{margin:0;padding:40px 0 0;min-height:0;max-width:none;display:block}.public-card{border:1px solid var(--border);border-radius:22px;overflow:hidden;background:var(--surface);animation:enter .2s ease}.profile-cover{height:260px;position:relative;overflow:hidden;background:linear-gradient(120deg,#222032,#191625 55%,#282039)}.profile-cover:after{content:'';position:absolute;inset:0;background:repeating-linear-gradient(125deg,transparent 0,transparent 90px,#a58ac508 91px,#a58ac508 92px)}.profile-cover img{height:100%;width:100%;object-fit:cover;display:block}.cover-wordmark{position:absolute;right:35px;bottom:20px;color:#ffffff0a;letter-spacing:12px;font-size:64px;font-weight:700}.public-body{padding:0 38px 38px}.public-avatar{position:relative;width:116px;height:116px;border:7px solid var(--surface);border-radius:50%;margin-top:-58px;display:grid;place-items:center;background:var(--raised);color:#b69afa;font-size:40px;font-weight:600;overflow:hidden;z-index:1}.public-avatar img{width:100%;height:100%;object-fit:cover}.public-title{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px}.public-title h1{font-size:32px;letter-spacing:-1px;line-height:1.3}.founder-badge{font-size:10px;font-weight:500;color:#c2a8ef;border:1px solid #8b5cf635;padding:5px 10px;border-radius:20px;background:var(--tint)}.public-handle{margin-top:5px;color:var(--muted);font-size:13px;overflow-wrap:anywhere}.public-bio{white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;max-width:680px;margin:25px 0 15px;color:var(--text)}.public-joined{font-size:11px;margin:18px 0 25px}.public-links{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;border-top:1px solid var(--border);padding-top:24px;margin-top:25px}.public-link{display:grid;grid-template-columns:1fr auto;gap:2px 10px;padding:16px 18px;border:1px solid var(--border);border-radius:12px;background:var(--raised);min-width:0}.public-link strong{font-size:12px;overflow-wrap:anywhere}.public-link small{grid-column:1;overflow-wrap:anywhere}.link-arrow{grid-column:2;grid-row:1/3;align-self:center;color:#b69afa}.public-link:hover{border-color:#8b5cf665;transform:translateY(-2px)}.editor-columns{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);align-items:start}.preview-wrap{position:sticky;top:22px;min-width:0}.preview-wrap .profile-cover{height:150px}.preview-wrap .public-body{padding:0 23px 23px}.preview-wrap .public-title h1{font-size:24px}.preview-wrap .public-avatar{height:86px;width:86px;margin-top:-43px;font-size:28px;border-width:5px}.preview-wrap .public-links{grid-template-columns:1fr}.preview-wrap .cover-wordmark{font-size:36px}.profile-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:12px;margin:20px 0}.link-editor{display:grid;grid-template-columns:1fr 1.3fr auto;gap:8px;margin-bottom:12px}.link-editor label{font-size:10px;margin:0}.link-editor input{margin-top:5px}.link-editor button{align-self:end}.check-row{display:flex;align-items:center;gap:10px}.check-row input{width:18px;min-height:18px;accent-color:var(--accent)}textarea{font:inherit;color:var(--text);border:1px solid var(--border);background:var(--bg);border-radius:9px;padding:12px;width:100%;resize:vertical;min-height:90px}textarea:focus-visible{outline:2px solid var(--accent);outline-offset:3px}.beta-support{margin-top:30px}.beta-support summary,.danger-zone summary{font-size:13px;color:var(--text);padding:3px 0}.beta-support button{margin-top:14px}.danger-zone{margin-top:22px;border-color:#b54e5e44}.danger-zone p{font-size:12px;margin:14px 0}.danger-button{background:#b84558;color:#fff;border:0;border-radius:9px;padding:12px 18px;margin-top:18px;cursor:pointer}.danger-button:disabled{opacity:.5}.connected-empty{grid-column:1/-1}.service-card .profile-toolbar{margin:10px 0 0}.recovery-shell{max-width:480px;margin:8vh auto;padding:20px}.recovery-shell>.brand{margin-bottom:28px}.recovery-shell .panel>p{margin:16px 0}.recovery-shell .primary{margin-top:20px}.recovery-shell h1{font-size:28px}.recovery-shell .secondary{margin-top:20px}.service-message{font-size:11px;margin-top:10px!important}
@media(max-width:1100px){.editor-columns{grid-template-columns:1fr}.preview-wrap{position:static}}@media(max-width:560px){.public-shell{padding:0 14px}.public-shell header{height:85px}.public-shell header .secondary{font-size:10px;padding:9px}.public-shell .brand{gap:8px}.public-shell .brand b{font-size:16px}.public-main{padding-top:22px}.profile-cover{height:180px}.public-body{padding:0 22px 28px}.public-avatar{height:96px;width:96px;margin-top:-48px}.public-title h1{font-size:26px}.public-links{grid-template-columns:1fr}.cover-wordmark{font-size:38px}.link-editor{grid-template-columns:1fr auto}.link-editor label{grid-column:1}.link-editor button{grid-column:2;grid-row:1/3}.profile-toolbar .secondary{font-size:11px}.recovery-shell{margin:30px auto}}
/* Native file inputs stay keyboard-accessible; the browser button shares the UI style. */
.avatar-editor .avatar.large{border-radius:50%}.avatar-editor>div{min-width:0}.media-picker{border-color:#8b5cf640;background:var(--tint);color:var(--text);padding-inline:18px}.media-picker:before{content:'↥';display:inline-block;font-size:19px;line-height:1;flex-shrink:0}.media-picker:hover{background:var(--raised);border-color:var(--accent)}.cover-picker{border:1px dashed #8b5cf645;border-radius:12px;background:var(--tint);padding:12px;transition:border-color .18s}.cover-picker:focus-within{border-color:var(--accent)}input.styled-file{border:0;border-radius:8px;padding:0;min-height:44px;background:transparent;color:var(--muted);font-size:12px;max-width:100%;cursor:pointer}input.styled-file::file-selector-button{font:inherit;font-weight:500;min-height:44px;margin-right:12px;padding:10px 16px;border:1px solid var(--border);border-radius:9px;background:var(--raised);color:var(--text);cursor:pointer;transition:border-color .18s,background .18s}input.styled-file::file-selector-button:hover{border-color:var(--accent);background:var(--surface)}@media(max-width:560px){.cover-picker{padding:10px}input.styled-file{font-size:11px}input.styled-file::file-selector-button{padding:10px 12px;margin-right:9px}}
