.my-profile-page{
  --profile-bg:#071417;
  --profile-surface:#0d2226;
  --profile-raised:#102b30;
  --profile-border:#607e82;
  --profile-text:#f3f7f5;
  --profile-muted:#b4c2c0;
  --profile-lime:#c7ff3e;
  margin:0;
  background:var(--profile-bg);
  color:var(--profile-text);
  font:16px/1.5 Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
}
.my-profile-page *{box-sizing:border-box}
.my-profile-page [hidden]{display:none!important}
.my-profile-page a{color:inherit;text-decoration:none}
.my-profile-page :is(button,input,textarea,select){font:inherit}
.my-profile-page :is(button,a,input,textarea,select):focus-visible{
  outline:2px solid #5ae0cb;outline-offset:3px;
}
.my-profile-page button,
.my-profile-page .editor-gate>a{
  display:inline-flex;align-items:center;justify-content:center;
  min-height:48px;padding:12px 16px;border:1px solid var(--profile-lime);border-radius:12px;
  background:var(--profile-lime);color:var(--profile-bg);font-size:14px;font-weight:700;
  cursor:pointer;text-align:center;white-space:normal;overflow-wrap:anywhere;
}
.my-profile-page button:disabled,
.my-profile-page .editor-secondary{
  border-color:var(--profile-border);background:var(--profile-raised);color:var(--profile-text);
}
.my-profile-page button:disabled{color:var(--profile-muted);cursor:default}
.my-profile-page :is(h1,h2,h3){font-family:"Space Grotesk",Inter,system-ui,sans-serif;overflow-wrap:anywhere}
.my-profile-page h1{margin:0 0 12px;font-size:34px;line-height:1.25}
.my-profile-page h2{margin:0 0 20px;font-size:22px;line-height:1.3}
.my-profile-page h3{font-size:14px}
.my-profile-page p{margin:12px 0 20px;overflow-wrap:anywhere}
.my-profile-page .editor-muted{font-size:14px;color:var(--profile-muted)}
.my-profile-page .editor-warning{color:#ffd477;font-weight:700}
.my-profile-page .editor-error{color:#ffd1c7}
.my-profile-page .editor-error:empty{display:none}
.my-profile-page .editor-mint{color:#5ae0cb;font-size:14px;font-weight:700}
.my-profile-page .editor-topbar{
  display:flex;align-items:center;gap:36px;min-height:83px;
  padding:12px max(16px,calc((100% - 1280px)/2));border-bottom:1px solid #214249;
}
.my-profile-page .editor-brand{font-size:20px;font-weight:700;color:var(--profile-lime)}
.my-profile-page .editor-nav{display:flex;align-items:center;gap:36px;font-size:14px}
.my-profile-page .editor-nav a{padding:12px 0;min-height:48px}
.my-profile-page .editor-nav [aria-current]{color:var(--profile-lime);font-weight:700}
.my-profile-page #editor-language{
  margin-left:auto;min-height:48px;max-width:72px;
  background:var(--profile-bg);color:var(--profile-muted);border:1px solid transparent;
}
.my-profile-page #editor-menu{display:none}
.my-profile-page .editor-shell{max-width:1312px;margin:28px auto 80px;padding:0 16px}
.my-profile-page .editor-lead{color:var(--profile-muted)}
.my-profile-page .editor-return{display:inline-flex;align-items:center;min-height:48px;text-decoration:underline;margin-bottom:12px}
.my-profile-page .editor-heading-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-bottom:28px}
.my-profile-page .editor-heading-actions button{min-width:300px}
.my-profile-page .editor-badge{margin:0;padding:6px 12px;border:1px solid var(--profile-border);border-radius:20px;font-size:14px;color:#ffd477;max-width:100%}
.my-profile-page .editor-grid{display:grid;grid-template-columns:minmax(0,800fr) minmax(0,448fr);gap:32px;align-items:start}
.my-profile-page .editor-card{min-width:0;padding:16px;border:1px solid var(--profile-border);border-radius:16px;background:var(--profile-surface)}
.my-profile-page .editor-aside{display:grid;gap:24px}
.my-profile-page .editor-aside h2{font-size:20px}
.my-profile-page label{display:block;margin:22px 0 14px;font-size:14px;font-weight:700}
.my-profile-page :is(input,textarea){
  display:block;width:100%;min-width:0;border:1px solid var(--profile-border);border-radius:10px;
  padding:16px 14px;background:var(--profile-bg);color:var(--profile-text);font-size:16px;
}
.my-profile-page input{min-height:57px}
.my-profile-page textarea{min-height:148px;resize:vertical;line-height:1.5}
.my-profile-page [aria-invalid=true]{border-color:#ffd1c7}
.my-profile-page #about-counter{margin:4px 0 14px}
.my-profile-page #profile-editor-form>button{display:flex;width:min(100%,300px);margin-top:12px}
.my-profile-page #visibility-action{width:100%}
.my-profile-page dl{margin:24px 0}
.my-profile-page dt{font-size:14px;font-weight:700;color:var(--profile-muted);margin-top:20px}
.my-profile-page dd{margin:6px 0 0;overflow-wrap:anywhere}
.my-profile-page :is(#save-status,#visibility-status):not(:empty){padding:12px 16px;border:1px solid var(--profile-border);border-radius:10px;background:#2a281d;color:#ffd477;margin:18px 0}
.my-profile-page .editor-comparison{border-top:1px solid #214249;margin-top:24px;padding-top:12px}
.my-profile-page .editor-comparison p{white-space:pre-wrap}
.my-profile-page .editor-preview-card{background:var(--profile-raised);padding:20px}
.my-profile-page #preview-about-section{border-top:1px solid #214249;margin-top:24px;padding-top:6px}
.my-profile-page #preview-about{white-space:pre-wrap}
.my-profile-page .editor-preview-actions{display:grid;gap:12px}
.my-profile-page .editor-gate{max-width:760px;margin:32px auto;padding:20px;border:1px solid var(--profile-border);border-radius:16px;background:var(--profile-surface)}
.my-profile-page .editor-gate h1{font-size:28px}
.my-profile-page .editor-gate>button,.my-profile-page .editor-gate>a{display:flex;width:100%;margin-top:12px}
.my-profile-page #editor-login button{margin-top:16px}
.my-profile-page .editor-leave{max-width:min(500px,calc(100% - 32px));background:var(--profile-surface);color:var(--profile-text);border:1px solid var(--profile-border);border-radius:16px;padding:20px}
.my-profile-page .editor-leave::backdrop{background:rgb(0 0 0/.65)}
.my-profile-page .editor-leave button{display:flex;width:100%;margin-top:12px}
@media(max-width:980px){
  .my-profile-page .editor-topbar{gap:16px;flex-wrap:wrap;padding:8px 16px;min-height:74px}
  .my-profile-page .editor-brand{font-size:18px}
  .my-profile-page #editor-menu{display:inline-flex}
  .my-profile-page .editor-nav{display:none;order:4;width:100%;flex-direction:column;align-items:stretch;gap:12px;padding:12px 0}
  .my-profile-page .editor-nav.open{display:flex}
  .my-profile-page .editor-nav a{display:flex;justify-content:center;border:1px solid var(--profile-border);border-radius:12px;background:var(--profile-raised);padding:12px}
  .my-profile-page .editor-grid{grid-template-columns:1fr;gap:24px}
  .my-profile-page .editor-shell{margin-top:22px}
  .my-profile-page h1{font-size:28px}
  .my-profile-page .editor-heading-actions{align-items:start;flex-direction:column;gap:12px;margin-bottom:24px}
  .my-profile-page .editor-heading-actions button{min-width:0;width:100%}
  .my-profile-page #profile-editor-form>button{width:100%}
}