:root{
  --ink:#11172a;
  --text:#25324d;
  --muted:#687593;
  --line:#dbe8f8;
  --blue:#2f70ff;
  --cyan:#32c6dd;
  --pink:#fb3c95;
  --violet:#7457f4;
  --green:#20b77a;
  --surface:#fff;
  --soft:#f7fbff;
  --lavender:#8b8df8;
  --shadow:0 22px 60px rgba(72,117,176,.14);
  --deep-shadow:0 28px 84px rgba(31,39,90,.22);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html{overflow-x:hidden}
body{
  margin:0;
  background:linear-gradient(180deg,#f7fbff 0%,#fff 48%,#f8fbff 100%);
  color:var(--text);
  font-family:"Noto Sans JP",-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;
  line-height:1.75;
  letter-spacing:0;
}
a{color:inherit}
img{max-width:100%}
button,input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;line-height:inherit;letter-spacing:0}

.nav-login,
.nav-register,
[data-shell-register],
[data-open-auth],
.auth-modal,
.site-footer a[href="/account-deletion/"]{display:none!important}
button{cursor:pointer}
input,textarea,select{color:var(--ink)}
[hidden]{display:none!important}
body.app-booting .site-header,
body.app-booting .site-footer,
body.app-booting #marketingPage,
body.app-booting #creatorApp,
body.app-booting #publicProfilePage{
  visibility:hidden;
}
.site-header{
  position:sticky;
  top:0;
  z-index:30;
  background:rgba(247,252,255,.9);
  border-bottom:1px solid rgba(125,207,234,.28);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.header-inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  width:min(1160px,calc(100% - 36px));
  height:72px;
  margin:0 auto;
}
.brand{
  display:block;
  width:184px;
  height:44px;
  overflow:hidden;
  background:url("./assets/casta-logo.png?v=20260707") left center/contain no-repeat;
  text-indent:-9999px;
}
.nav{display:flex;align-items:center;gap:22px}
.nav a,.nav-login,.nav-primary{
  border:0;
  background:transparent;
  color:#607096;
  font-size:14px;
  font-weight:850;
  text-decoration:none;
  white-space:nowrap;
}
.nav a:hover,.nav-login:hover,.nav-primary:hover{color:#26305f}
.nav-login{
  min-height:38px;
  padding:0 16px;
  border:1px solid rgba(125,207,234,.45);
  border-radius:999px;
  background:#fff;
}
.page{overflow:hidden}
.section{
  width:min(1160px,calc(100% - 36px));
  margin:0 auto;
  padding:72px 0;
}
.landing-hero{
  min-height:calc(100vh - 72px);
  display:grid;
  grid-template-rows:minmax(430px,1fr) auto;
  background:
    radial-gradient(circle at 18% 12%,rgba(50,198,221,.24),transparent 28%),
    radial-gradient(circle at 84% 10%,rgba(251,60,149,.18),transparent 30%),
    linear-gradient(135deg,#eef8ff 0%,#fff 42%,#f5edff 100%);
}
.hero-visual{
  position:relative;
  overflow:hidden;
  display:grid;
  place-items:center;
  min-height:430px;
  padding:44px 20px 28px;
}
.hero-visual:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(255,255,255,.8) 0%,rgba(255,255,255,.25) 42%,rgba(18,23,42,.05) 100%),
    repeating-linear-gradient(115deg,rgba(116,87,244,.08) 0 1px,transparent 1px 34px);
}
.hero-photo-card{
  position:absolute;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.82);
  border-radius:30px;
  background:#fff;
  box-shadow:var(--deep-shadow);
}
.hero-photo-card img{display:block;width:100%;height:100%;object-fit:cover}
.photo-main{
  width:min(310px,34vw);
  aspect-ratio:9/16;
  left:max(34px,9vw);
  bottom:-78px;
  transform:rotate(-5deg);
}
.photo-sub{
  width:min(300px,32vw);
  aspect-ratio:9/16;
  right:max(46px,12vw);
  top:42px;
  transform:rotate(5deg);
}
.floating-profile{
  position:relative;
  z-index:2;
  display:flex;
  align-items:center;
  gap:14px;
  width:min(520px,calc(100% - 36px));
  min-height:96px;
  padding:16px 18px;
  border:1px solid rgba(255,255,255,.78);
  border-radius:28px;
  background:rgba(15,21,40,.64);
  color:#fff;
  box-shadow:var(--deep-shadow);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
.floating-profile img{
  width:62px;
  height:62px;
  border-radius:18px;
  background:#fff;
}
.floating-profile strong{display:block;font-size:24px;font-weight:950;line-height:1.2}
.floating-profile span{display:block;color:#d9e3ff;font-size:13px;font-weight:800}
.floating-profile b{
  margin-left:auto;
  padding:7px 10px;
  border-radius:999px;
  background:linear-gradient(135deg,#4d69ff,#ff4798);
  color:#fff;
  font-size:12px;
}
.social-orbit{
  position:absolute;
  z-index:3;
  left:50%;
  bottom:58px;
  display:flex;
  gap:20px;
  transform:translateX(-50%);
}
.social-orbit span{
  display:grid;
  place-items:center;
  width:66px;
  height:66px;
  border:3px solid rgba(255,255,255,.9);
  border-radius:20px;
  background:rgba(11,17,32,.50);
  color:#fff;
  font-size:22px;
  font-weight:950;
  box-shadow:0 18px 48px rgba(11,17,32,.22);
}
.hero-signup{
  position:relative;
  z-index:5;
  display:grid;
  justify-items:center;
  padding:38px 20px 48px;
  background:#8d8df6;
  color:#fff;
}
.hero-signup:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    radial-gradient(circle at 16% 10%,rgba(255,255,255,.18),transparent 22%),
    radial-gradient(circle at 86% 14%,rgba(251,60,149,.20),transparent 22%);
  pointer-events:none;
}
.hero-logo{position:relative;z-index:1;width:min(210px,48vw);height:auto;margin-bottom:16px}
.hero-signup h1{
  position:relative;
  z-index:1;
  margin:0;
  color:#fff;
  font-size:clamp(28px,4vw,46px);
  font-weight:950;
  line-height:1.2;
  text-align:center;
}
.hero-signup p{
  position:relative;
  z-index:1;
  max-width:680px;
  margin:10px auto 0;
  color:#f6f6ff;
  font-size:15px;
  font-weight:800;
  text-align:center;
}
.hero-url-form{
  position:relative;
  z-index:1;
  display:grid;
  justify-items:center;
  gap:14px;
  width:min(760px,100%);
  margin-top:26px;
}
.hero-url-form label{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
}
.hero-slug-box{
  display:flex;
  align-items:center;
  width:min(510px,100%);
  min-height:78px;
  overflow:hidden;
  border:0;
  border-radius:999px;
  background:#fff;
  box-shadow:0 18px 42px rgba(35,35,88,.20);
}
.hero-slug-box span{
  flex:0 0 auto;
  padding-left:34px;
  color:#a49fd5;
  font-size:24px;
  font-weight:900;
}
.hero-slug-box input{
  min-width:0;
  width:100%;
  border:0;
  outline:none;
  padding:20px 28px 20px 4px;
  background:transparent;
  font-size:24px;
  font-weight:900;
}
.hero-edit-btn,.wide-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:74px;
  width:min(650px,100%);
  border:0;
  border-radius:18px;
  background:#2d2f36;
  color:#fff;
  font-size:28px;
  font-weight:950;
  box-shadow:0 18px 38px rgba(15,17,34,.22);
}
.hero-mini-links{
  position:relative;
  z-index:1;
  display:flex;
  gap:18px;
  margin-top:16px;
}
.hero-mini-links a,.hero-mini-links button{
  border:0;
  background:transparent;
  color:#fff;
  font-size:13px;
  font-weight:900;
  text-decoration:underline;
}
.eyebrow{
  margin:0 0 10px;
  color:#5148df;
  font-size:13px;
  font-weight:950;
  letter-spacing:.08em;
}
.section-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:20px;
  margin-bottom:22px;
}
.section-head h2{
  margin:0;
  color:var(--ink);
  font-size:clamp(28px,3.4vw,46px);
  font-weight:950;
  line-height:1.22;
}
.section-head p{max-width:560px;margin:0;color:var(--muted);font-size:14px;font-weight:760;line-height:1.8}
.preview-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.preview{
  overflow:hidden;
  border:1px solid rgba(125,207,234,.34);
  border-radius:20px;
  background:#fff;
  box-shadow:0 16px 42px rgba(88,138,188,.13);
}
.preview img{display:block;width:100%;height:auto}
.auth-modal{
  position:fixed;
  inset:0;
  z-index:100;
  display:grid;
  place-items:center;
  padding:16px;
}
.auth-backdrop{
  position:absolute;
  inset:0;
  background:rgba(31,39,61,.46);
  backdrop-filter:blur(8px);
  -webkit-backdrop-filter:blur(8px);
}
.auth-dialog{
  position:relative;
  z-index:1;
  width:min(520px,100%);
  max-height:min(92dvh,760px);
  overflow:auto;
  padding:56px 32px 24px;
  border:1px solid rgba(205,218,236,.88);
  border-radius:18px;
  background:rgba(255,255,255,.98);
  box-shadow:0 24px 70px rgba(45,61,91,.22);
}
.auth-close{
  position:absolute;
  top:14px;
  right:14px;
  width:34px;
  height:34px;
  border:0;
  border-radius:9px;
  background:#f4f7fb;
  color:#68748a;
  font-size:24px;
  line-height:1;
  cursor:pointer;
  transition:background .18s ease,color .18s ease,transform .18s ease;
}
.auth-close:hover{
  background:#e9eef7;
  color:#26334d;
  transform:translateY(-1px);
}
.auth-provider{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  width:100%;
  min-height:48px;
  margin-top:0;
  padding:0 16px;
  border:1px solid #d5deeb;
  border-radius:9px;
  background:#fff;
  color:#26334d;
  font-size:14px;
  font-weight:500;
  cursor:pointer;
  transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease,background .18s ease;
}
.auth-provider:hover{
  border-color:#bfcce0;
  box-shadow:0 8px 18px rgba(75,94,127,.09);
  transform:translateY(-1px);
}
.auth-provider-google{
  border-color:#cdd8e8;
  background:#fff;
}
.auth-provider.secondary{
  border-color:#d9e0ea;
  background:#f8faff;
  color:#4d5770;
}
.provider-icon{
  display:block;
  width:20px;
  height:20px;
  object-fit:contain;
}
.auth-divider{
  display:flex;
  align-items:center;
  gap:12px;
  margin:17px 0 14px;
  color:#98a3b6;
  font-size:10px;
  font-weight:400;
}
.auth-divider::before,.auth-divider::after{
  content:"";
  flex:1;
  height:1px;
  background:#e3e9f2;
}
.email-auth-form{display:grid;gap:11px;margin-top:0}
.email-auth-form label{display:grid;gap:6px;color:#44516a;font-size:11px;font-weight:500}
.email-auth-form input{
  width:100%;
  min-height:46px;
  border:1px solid #dce5f2;
  border-radius:9px;
  padding:0 13px;
  background:#fbfcff;
  color:#1d2940;
  font-size:14px;
  font-weight:400;
  outline:none;
  transition:border-color .18s ease,box-shadow .18s ease,background .18s ease;
}
.email-auth-form input:focus{
  border-color:#8977ee;
  background:#fff;
  box-shadow:0 0 0 3px rgba(124,102,234,.1);
}
.email-auth-form input::placeholder{
  color:#adb6c6;
  font-weight:400;
}
.email-auth-actions{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.email-auth-actions .auth-provider{min-height:46px;margin:0;font-size:13px}
.auth-provider-primary{
  border-color:transparent;
  background:linear-gradient(110deg,#f33f9d 0%,#9d4ee8 52%,#4e8ff7 100%);
  color:#fff;
  box-shadow:0 9px 22px rgba(139,76,213,.2);
}
.auth-provider-primary:hover{
  border-color:transparent;
  box-shadow:0 12px 26px rgba(139,76,213,.25);
}
.auth-dialog .form-status{
  min-height:18px;
  margin:12px 0 0;
  font-size:11px;
  font-weight:400;
  line-height:1.5;
}
.creator-app{
  min-height:calc(100vh - 72px);
  background:#eef2ff;
}
.onboarding-view{
  min-height:100vh;
  padding:64px 24px 88px;
  background:#f0f8ff;
  display:flex;
  justify-content:center;
  align-items:flex-start;
}
.onboarding-card{
  width:min(720px,calc(100% - 96px));
  margin:0 auto;
  padding:34px;
  border:1px solid rgba(186,221,239,.75);
  border-radius:30px;
  background:rgba(255,255,255,.78);
  box-shadow:0 22px 60px rgba(98,126,158,.13);
}
.onboarding-head{
  display:flex;
  justify-content:space-between;
  align-items:center;
}
.onboarding-head img{width:62px;height:62px;border-radius:18px;background:#fff}
.onboarding-head button,.dash-link{
  border:0;
  border-radius:999px;
  background:#fff;
  color:#687593;
  font-size:13px;
  font-weight:900;
  text-decoration:none;
  padding:10px 14px;
}
.onboarding-view h1{
  margin:30px 0 14px;
  color:#262b35;
  font-size:clamp(34px,4vw,46px);
  line-height:1.15;
  font-weight:950;
}
.onboarding-note{
  margin:0 0 30px;
  color:#8a8f9d;
  font-size:17px;
  line-height:1.8;
  font-weight:850;
}
.basic-form{
  display:grid;
  gap:20px;
}
.basic-form label,.editor-form label{
  display:grid;
  gap:8px;
  color:#202736;
  font-size:17px;
  font-weight:950;
}
.basic-form em{color:#e8377b;font-style:normal}
.basic-form input,.basic-form select,.editor-form input,.editor-form textarea,.follower-card input{
  width:100%;
  min-height:58px;
  border:1px solid #d6ddeb;
  border-radius:8px;
  background:#fff;
  outline:none;
  padding:0 14px;
  font-size:18px;
  font-weight:760;
}
.basic-form input:focus,.basic-form select:focus,.editor-form input:focus,.editor-form textarea:focus,.follower-card input:focus{
  border-color:#785bf5;
  box-shadow:0 0 0 4px rgba(120,91,245,.12);
}
.basic-slug-field,.slug-field{
  display:flex;
  align-items:center;
  overflow:hidden;
  border:1px solid #d6ddeb;
  border-radius:8px;
  background:#fff;
}
.basic-slug-field b,.slug-field b{
  flex:0 0 auto;
  padding-left:14px;
  color:#a2a8b8;
  font-size:18px;
  font-weight:800;
}
.basic-slug-field input,.slug-field input{border:0;border-radius:0;box-shadow:none!important;padding-left:4px}
.private-note{margin:4px 0 -14px;color:#5d6474;font-size:14px;font-weight:800}
.basic-row{display:flex;gap:46px;align-items:end}
.basic-row label{width:calc(50% - 23px)}
.terms-check{
  display:flex!important;
  grid-template-columns:none!important;
  align-items:center;
  gap:10px!important;
  margin-top:10px;
  font-size:18px!important;
}
.terms-check input{width:22px!important;min-height:22px!important}
.terms-check a{font-weight:950}
.wide-primary{
  justify-self:center;
  width:min(520px,100%);
  margin-top:68px;
  background:#2d2f36;
}
.form-status{
  min-height:22px;
  margin:8px 0 0;
  color:#149464;
  font-size:13px;
  font-weight:850;
}
.form-status.is-error{color:#d73b67}
.dashboard-view{padding:28px;overflow-x:hidden}
.dashboard-shell{
  display:grid;
  grid-template-columns:250px minmax(0,1fr);
  gap:22px;
  width:min(1360px,100%);
  margin:0 auto;
}
.dashboard-side{
  position:sticky;
  top:96px;
  display:flex;
  flex-direction:column;
  gap:10px;
  height:calc(100vh - 124px);
  padding:18px;
  border:1px solid rgba(125,207,234,.28);
  border-radius:24px;
  background:rgba(255,255,255,.86);
  box-shadow:var(--shadow);
}
.dashboard-brand{
  display:flex;
  align-items:center;
  gap:10px;
  margin-bottom:8px;
  color:#141d34;
  font-size:22px;
  font-weight:950;
  text-decoration:none;
}
.dashboard-brand img{width:42px;height:42px;border-radius:12px}
.dash-tab{
  min-height:46px;
  border:0;
  border-radius:14px;
  background:transparent;
  color:#647399;
  font-size:15px;
  font-weight:950;
  text-align:left;
  padding:0 14px;
}
.dash-tab.is-active{
  background:linear-gradient(135deg,rgba(47,112,255,.12),rgba(251,60,149,.12));
  color:#26215f;
}
.dash-link{display:block;text-align:center;margin-top:4px}
.dash-link:last-child{margin-top:auto}
.dashboard-main{
  min-width:0;
  padding:28px;
  border:1px solid rgba(125,207,234,.28);
  border-radius:28px;
  background:rgba(255,255,255,.92);
  box-shadow:var(--shadow);
}
.dashboard-top{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:22px;
}
.dashboard-top h1{
  margin:0;
  color:var(--ink);
  font-size:clamp(30px,4vw,52px);
  line-height:1.1;
  font-weight:950;
}
.dashboard-actions{display:flex;gap:10px}
.ghost-btn,.primary-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 18px;
  border:0;
  border-radius:999px;
  font-size:14px;
  font-weight:950;
  text-decoration:none;
}
.primary-btn{
  background:linear-gradient(135deg,var(--blue),var(--violet),var(--pink));
  color:#fff;
  box-shadow:0 16px 34px rgba(98,88,243,.24);
}
.ghost-btn{border:1px solid rgba(125,207,234,.44);background:rgba(255,255,255,.86);color:#26305f}
.profile-home-card{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  gap:18px;
  align-items:center;
  margin-bottom:22px;
  padding:20px;
  border:1px solid rgba(125,207,234,.34);
  border-radius:24px;
  background:
    radial-gradient(circle at 10% 0%,rgba(47,112,255,.12),transparent 34%),
    radial-gradient(circle at 98% 8%,rgba(251,60,149,.12),transparent 32%),
    #fff;
  box-shadow:0 18px 54px rgba(88,138,188,.13);
}
.profile-home-main{
  display:flex;
  align-items:center;
  gap:18px;
  min-width:0;
}
.profile-home-main img{
  flex:0 0 auto;
  width:86px;
  height:86px;
  border-radius:24px;
  object-fit:cover;
  background:#f2f6fb;
  box-shadow:0 14px 30px rgba(88,138,188,.16);
}
.profile-home-main p{
  margin:0 0 5px;
  color:#5148df;
  font-size:12px;
  font-weight:950;
  letter-spacing:.10em;
}
.profile-home-main h2{
  margin:0;
  color:var(--ink);
  font-size:clamp(26px,3vw,38px);
  line-height:1.12;
  font-weight:950;
}
.profile-home-main span{
  display:block;
  margin-top:4px;
  color:#66718b;
  font-size:14px;
  font-weight:850;
}
.profile-home-url{
  display:inline-flex;
  align-items:center;
  max-width:100%;
  gap:8px;
  margin-top:12px;
  padding:8px 12px;
  border:1px solid rgba(125,207,234,.28);
  border-radius:999px;
  background:rgba(255,255,255,.82);
}
.profile-home-url b{
  color:#8b94a8;
  font-size:11px;
  font-weight:950;
}
.profile-home-url span{
  min-width:0;
  margin:0;
  overflow:hidden;
  color:#1f2d4e;
  font-size:13px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.profile-home-side{
  display:flex;
  align-items:center;
  justify-content:flex-end;
  flex-wrap:wrap;
  gap:10px;
}
.profile-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border-radius:999px;
  background:rgba(20,148,100,.10);
  color:#149464;
  font-size:12px;
  font-weight:950;
}
.editor-grid{
  display:grid;
  grid-template-columns:minmax(0,1.05fr) minmax(330px,.78fr);
  gap:20px;
  align-items:start;
}
.studio-section-header{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:18px;
  margin-bottom:18px;
}
.studio-section-header h2{
  margin:0;
  color:var(--ink);
  font-size:30px;
  line-height:1.25;
  font-weight:950;
}
.studio-section-header p{
  max-width:620px;
  margin:6px 0 0;
  color:#6a7894;
  font-size:14px;
  font-weight:760;
}
.design-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.theme-option{
  display:grid;
  gap:12px;
  min-height:188px;
  padding:14px;
  border:1px solid rgba(125,207,234,.30);
  border-radius:18px;
  background:#fff;
  color:#172033;
  text-align:left;
  box-shadow:0 12px 32px rgba(88,138,188,.10);
}
.theme-option.is-active{
  border-color:rgba(81,72,223,.52);
  box-shadow:0 16px 38px rgba(81,72,223,.18);
}
.theme-preview{
  display:block;
  height:78px;
  border-radius:14px;
  border:1px solid rgba(17,23,42,.08);
}
.theme-light{background:linear-gradient(135deg,#fff 0%,#f5fbff 60%,#fbefff 100%)}
.theme-neon{background:linear-gradient(135deg,#11182e 0%,#25124a 52%,#fb3c95 100%)}
.theme-mono{background:linear-gradient(135deg,#f5f6f8 0%,#fff 48%,#171b25 49%,#171b25 100%)}
.theme-pop{background:linear-gradient(135deg,#fff5fb 0%,#f7f2ff 48%,#e9f8ff 100%)}
.theme-option strong{
  color:#11172a;
  font-size:15px;
  font-weight:950;
  line-height:1.35;
}
.theme-option small{
  color:#687593;
  font-size:12px;
  font-weight:760;
  line-height:1.65;
}
.share-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
  margin-top:16px;
}
.share-grid article{
  padding:18px;
  border:1px solid rgba(125,207,234,.30);
  border-radius:18px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
}
.share-grid h3{
  margin:0 0 8px;
  color:#172033;
  font-size:15px;
  font-weight:950;
}
.share-grid p{
  margin:0;
  color:#647399;
  font-size:13px;
  font-weight:760;
  line-height:1.8;
  overflow-wrap:anywhere;
}
.editor-form,.studio-preview{
  padding:clamp(20px,3vw,28px);
  border:1px solid rgba(125,207,234,.30);
  border-radius:18px;
  background:rgba(255,255,255,.96);
  box-shadow:0 12px 36px rgba(88,138,188,.10);
}
.editor-form{display:grid;gap:14px}
.profile-home-card{display:none}
.profile-editor-stage{
  --editor-bg:#f0f8ff;
  display:grid;
  grid-template-columns:1fr;
  min-height:calc(100vh - 210px);
  margin:0 -8px;
  padding:30px 16px 44px;
  border-radius:24px;
  background:var(--editor-bg);
}
.profile-editor-stage .studio-preview{display:none}
.profile-live-editor{
  width:min(620px,100%);
  margin:0 auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  text-align:center;
}
.profile-editor-toolbar{
  display:flex;
  justify-content:center;
  align-items:center;
  flex-wrap:wrap;
  gap:10px;
  margin-bottom:18px;
}
.color-picker-chip,.profile-live-editor .editor-switch{
  display:inline-flex!important;
  grid-template-columns:none!important;
  align-items:center;
  width:auto;
  min-height:38px;
  gap:8px!important;
  padding:6px 10px;
  border:1px solid rgba(17,23,42,.15);
  border-radius:999px;
  background:rgba(255,255,255,.72);
  color:#172033;
  font-size:12px!important;
  font-weight:950!important;
  backdrop-filter:blur(12px);
}
.color-picker-chip input[type="color"]{
  width:30px!important;
  min-height:30px!important;
  height:30px;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
}
.profile-url-editor{
  width:min(260px,100%);
  margin:0 auto 18px;
  color:#152035!important;
  font-size:13px!important;
  text-align:center;
}
.profile-url-editor>span{
  color:rgba(17,23,42,.72);
  font-size:12px;
}
.profile-url-editor .slug-field{
  min-height:42px;
  border:1px solid rgba(17,23,42,.18);
  border-radius:999px;
  background:rgba(255,255,255,.70);
}
.profile-url-editor .slug-field b{
  padding-left:14px;
  color:#172033;
  font-size:13px;
}
.profile-url-editor .slug-field input{
  min-height:40px;
  border:0!important;
  background:transparent;
  font-size:14px;
}
.profile-avatar-dropzone{
  display:grid;
  justify-items:center;
  gap:10px;
  width:min(220px,100%);
  margin:0 auto 18px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.profile-avatar-dropzone img{
  width:118px;
  height:118px;
  border-radius:50%;
  border:3px solid rgba(255,255,255,.62);
  box-shadow:0 16px 32px rgba(17,23,42,.16);
}
.profile-avatar-dropzone>div{
  display:grid;
  justify-items:center;
}
.profile-avatar-dropzone .avatar-upload-button{
  min-height:34px;
  padding:0 12px;
  border-color:rgba(17,23,42,.14);
  background:rgba(255,255,255,.78);
  font-size:12px!important;
}
.profile-avatar-dropzone p{
  width:min(260px,84vw);
  margin:6px 0 0;
  color:rgba(17,23,42,.62);
  font-size:11px;
  text-align:center;
}
.profile-avatar-dropzone.is-dragging{
  outline:2px dashed rgba(81,72,223,.72);
  outline-offset:14px;
}
.profile-inline-fields{
  display:grid;
  gap:8px;
  width:min(360px,100%);
  margin:0 auto;
}
.profile-live-editor .compact-field,
.profile-live-editor .avatar-url-field{
  gap:5px;
  color:rgba(17,23,42,.72);
  font-size:12px!important;
  text-align:center;
}
.profile-live-editor .avatar-url-field{display:none}
.profile-live-editor .compact-field input,
.profile-live-editor .compact-field textarea{
  min-height:38px;
  border:1px solid rgba(17,23,42,.18);
  border-radius:9px;
  background:rgba(255,255,255,.55);
  color:#11172a;
  font-size:14px;
  font-weight:850;
  text-align:center;
}
.profile-live-editor .profile-name-field input{
  min-height:42px;
  border-color:transparent;
  background:rgba(255,255,255,.46);
  font-size:19px;
  font-weight:950;
}
.profile-live-editor .profile-bio-field{
  width:min(460px,100%);
  margin:4px auto 0;
}
.profile-live-editor .profile-bio-field textarea{
  min-height:74px;
  padding:10px 12px;
  resize:vertical;
  line-height:1.55;
}
.profile-live-editor .form-section-title.compact{
  justify-content:center;
  width:min(460px,100%);
  margin:16px auto 0;
  border:0;
  padding:0;
  text-align:center;
}
.profile-live-editor .form-section-title.compact h2{
  font-size:15px;
}
.profile-live-editor .form-section-title.compact span{
  display:none;
}
.profile-live-editor .custom-link-editor{
  width:min(460px,100%);
  margin:0 auto;
  padding:0;
  border:0;
  background:transparent;
}
.profile-live-editor .custom-link-row{
  grid-template-columns:28px minmax(0,1fr) minmax(0,1.2fr) auto;
  padding:8px;
  border-color:rgba(17,23,42,.08);
  border-radius:12px;
  box-shadow:0 8px 20px rgba(31,39,90,.10);
}
.profile-live-editor .custom-link-row input{
  min-height:36px;
  font-size:12px;
}
.profile-live-editor .link-row-grip{
  border-radius:9px;
  background:rgba(17,23,42,.06);
  color:#5b667f;
}
.profile-live-editor .add-link-button{
  justify-self:center;
  min-height:42px;
  margin-top:4px;
  background:#fff;
  color:#11172a;
  box-shadow:0 8px 20px rgba(31,39,90,.10);
}
.social-url-editor{
  width:min(460px,100%);
  margin:8px auto 0;
  grid-template-columns:1fr;
}
.social-url-card{
  display:grid!important;
  grid-template-columns:50px minmax(92px,.42fr) minmax(0,1fr);
  align-items:center;
  gap:10px!important;
  min-height:66px;
  padding:9px 12px;
  border:1px solid rgba(17,23,42,.08);
  border-radius:12px;
  background:#fff;
  box-shadow:0 8px 20px rgba(31,39,90,.10);
}
.social-url-card img{
  width:50px;
  height:50px;
  border-radius:12px;
  object-fit:contain;
  box-shadow:0 5px 14px rgba(31,39,90,.10);
}
.social-url-card span{
  color:#11172a;
  font-size:15px;
  font-weight:950;
  text-align:left;
}
.social-url-card input{
  min-height:38px!important;
  border:1px solid rgba(17,23,42,.10)!important;
  border-radius:999px!important;
  background:#f8fbff!important;
  font-size:12px!important;
  text-align:left!important;
}
.profile-live-editor .form-status{
  width:min(460px,100%);
  margin:2px auto 0;
  color:#0e7554;
  text-align:center;
}
.form-section-title{display:flex;justify-content:space-between;gap:12px;align-items:flex-end;margin-bottom:8px}
.form-section-title h2{margin:0;color:var(--ink);font-size:24px;font-weight:950}
.form-section-title span{color:#7a859b;font-size:12px;font-weight:850}
.form-section-title.compact{
  margin:12px 0 0;
  padding-top:4px;
  border-top:1px solid rgba(125,207,234,.22);
}
.form-section-title.compact h2{font-size:20px}
.editor-switch{
  justify-self:start;
  margin-top:2px;
  background:linear-gradient(135deg,rgba(47,112,255,.08),rgba(251,60,149,.08));
}
.editor-form textarea{padding:12px 14px;resize:vertical;min-height:120px}
.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.avatar-upload-row{
  display:flex;
  align-items:center;
  gap:14px;
  padding:14px;
  border:1px solid rgba(125,207,234,.25);
  border-radius:16px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
}
.avatar-upload-row img{
  flex:0 0 auto;
  width:72px;
  height:72px;
  border-radius:22px;
  object-fit:cover;
  background:#f2f6fb;
  box-shadow:0 12px 28px rgba(88,138,188,.14);
}
.avatar-upload-row input[type="file"]{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
}
.avatar-upload-button{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border:1px solid rgba(81,72,223,.22);
  border-radius:999px;
  background:#fff;
  color:#26215f!important;
  font-size:13px!important;
  font-weight:950!important;
  cursor:pointer;
}
.avatar-upload-row p{
  margin:8px 0 0;
  color:#6a7894;
  font-size:12px;
  font-weight:800;
  line-height:1.6;
}
.avatar-upload-row p.is-error{color:#d73b67}
.profile-live-editor .profile-avatar-dropzone{
  display:grid;
  justify-items:center;
  gap:10px;
  width:min(230px,100%);
  margin:0 auto 18px;
  padding:0;
  border:0;
  background:transparent;
  box-shadow:none;
}
.profile-live-editor .profile-avatar-dropzone img{
  width:118px;
  height:118px;
  border-radius:50%;
  border:3px solid rgba(255,255,255,.62);
  box-shadow:0 16px 32px rgba(17,23,42,.16);
}
.profile-live-editor .profile-avatar-dropzone>div{
  display:grid;
  justify-items:center;
}
.profile-live-editor .profile-avatar-dropzone .avatar-upload-button{
  min-height:34px;
  padding:0 12px;
  border-color:rgba(17,23,42,.14);
  background:rgba(255,255,255,.78);
  color:#11172a!important;
  font-size:12px!important;
}
.profile-live-editor .profile-avatar-dropzone p{
  width:min(260px,84vw);
  margin:6px 0 0;
  color:rgba(17,23,42,.62);
  font-size:11px;
  text-align:center;
}
.profile-live-editor .profile-avatar-dropzone.is-dragging{
  outline:2px dashed rgba(81,72,223,.72);
  outline-offset:14px;
}
.profile-live-editor .social-url-editor{
  grid-template-columns:1fr!important;
}
.custom-link-editor{
  display:grid;
  grid-template-columns:1fr;
  gap:12px;
  padding:14px;
  border:1px solid rgba(125,207,234,.25);
  border-radius:16px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
}
.custom-link-list-editor{
  display:grid;
  gap:10px;
}
.custom-link-row{
  display:grid;
  grid-template-columns:34px minmax(130px,.75fr) minmax(180px,1.25fr) auto;
  gap:10px;
  align-items:end;
  padding:12px;
  border:1px solid rgba(125,207,234,.24);
  border-radius:14px;
  background:#fff;
}
.custom-link-row label{
  min-width:0;
  gap:6px;
  font-size:12px;
}
.custom-link-row input{
  min-height:44px;
  font-size:14px;
}
.link-row-grip{
  display:grid;
  place-items:center;
  width:34px;
  height:44px;
  border-radius:12px;
  background:linear-gradient(135deg,rgba(47,112,255,.10),rgba(251,60,149,.10));
  color:#5148df;
  font-size:13px;
  font-weight:950;
}
.link-row-actions{
  display:flex;
  gap:6px;
  align-items:center;
  height:44px;
}
.link-row-actions button,.add-link-button{
  min-height:36px;
  border:1px solid rgba(125,207,234,.34);
  border-radius:999px;
  background:#fff;
  color:#26305f;
  font-size:12px;
  font-weight:950;
  padding:0 10px;
}
.link-row-actions button:disabled,.add-link-button:disabled{
  opacity:.45;
  cursor:not-allowed;
}
.add-link-button{
  justify-self:start;
  min-height:42px;
  padding:0 16px;
  color:#fff;
  border:0;
  background:linear-gradient(135deg,#2f70ff,#7457f4,#fb3c95);
}
.studio-preview{position:sticky;top:96px}
.studio-preview .public-card{margin-top:14px}
.mini-browser{
  display:flex;
  align-items:center;
  height:42px;
  padding:0 14px;
  border:1px solid rgba(125,207,234,.36);
  border-radius:999px;
  background:#fff;
  color:#687593;
  font-size:13px;
  font-weight:850;
}
.public-card{
  position:relative;
  overflow:visible;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  padding:0;
  text-align:center;
}
.public-card:before{display:none}
.public-card>*{position:relative;z-index:1}
.public-card[data-theme="neon"]{
  color:#11172a;
}
.public-card[data-theme="neon"]:before{display:none}
.public-card[data-theme="neon"] h2,
.public-card[data-theme="neon"] .social-list b,
.public-card[data-theme="neon"] .custom-link-button span{color:#11172a}
.public-card[data-theme="neon"] p{color:#53617f}
.public-card[data-theme="neon"] .public-label{color:#5148df}
.public-card[data-theme="neon"] .tag-row span,
.public-card[data-theme="neon"] .social-list a,
.public-card[data-theme="neon"] .social-list > span{
  border-color:rgba(17,23,42,.08);
  background:#fff;
  color:#11172a;
}
.public-card[data-theme="mono"]{
  border-color:transparent;
  background:transparent;
  box-shadow:none;
}
.public-card[data-theme="mono"]:before{background:none}
.public-card[data-theme="mono"] .custom-link-button{
  border-color:rgba(17,23,42,.16);
  background:#fff;
}
.public-card[data-theme="mono"] .custom-link-button b{background:#11172a}
.public-card[data-theme="pop"]{
  border-color:transparent;
  background:transparent;
}
.public-card[data-theme="pop"]:before{display:none}
.public-avatar{
  display:block;
  width:110px;
  height:110px;
  margin:0 auto 20px;
  border-radius:50%;
  object-fit:cover;
  background:#f3f7fb;
  box-shadow:0 14px 30px rgba(38,49,84,.16);
}
.public-label{
  margin:0 0 4px;
  color:#5148df;
  font-size:12px;
  font-weight:950;
  letter-spacing:.08em;
}
.public-card :is(h1,h2){margin:0;color:var(--profile-text-color,var(--ink));font-size:clamp(24px,3vw,32px);font-weight:950;line-height:1.25}
.public-name-row{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
}
.profile-verification{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:3px 8px;
  border:1px solid rgba(100,115,153,.18);
  border-radius:6px;
  background:rgba(255,255,255,.72);
  color:#77839b;
  font-size:10px;
  font-weight:900;
}
.profile-verification.is-verified{
  border-color:#2f70ff;
  background:#2f70ff;
  color:#fff;
}
.public-card p{max-width:460px;margin-left:auto;margin-right:auto;color:var(--profile-text-color,#647399);font-size:14px;font-weight:760;line-height:1.8}
.public-bio{
  margin-top:12px;
  white-space:pre-line;
}
.public-bio-link{
  color:#5148df;
  overflow-wrap:anywhere;
  text-decoration:underline;
  text-underline-offset:2px;
}
.public-bio.is-muted{color:#9aa7bc}
.public-bio-wrap{
  width:min(100%,460px);
  margin:0 auto;
}
.public-bio-wrap .public-bio{
  width:100%;
}
.public-bio-wrap .public-bio.is-collapsed{
  overflow:hidden;
  max-height:9em;
}
.public-bio-wrap.is-expanded .public-bio.is-collapsed{
  max-height:none;
}
.public-bio-toggle{
  display:block;
  min-height:27px;
  margin:10px auto 0;
  padding:4px 12px;
  border:1px solid rgba(85,94,116,.28);
  border-radius:999px;
  background:rgba(255,255,255,.58);
  color:#777f92;
  font-size:10px;
  font-weight:600;
  letter-spacing:.07em;
  line-height:1.5;
  cursor:pointer;
  transition:border-color .2s ease,background-color .2s ease,color .2s ease;
}
.public-bio-toggle:hover{
  border-color:rgba(85,94,116,.48);
  background:rgba(255,255,255,.88);
  color:#4f5668;
}
.public-bio-toggle[hidden]{
  display:none;
}
.tag-row{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin-top:16px}
.tag-row span{
  display:inline-flex;
  align-items:center;
  min-height:30px;
  padding:0 10px;
  border-radius:999px;
  background:linear-gradient(135deg,rgba(47,112,255,.10),rgba(251,60,149,.10));
  color:#5148df;
  font-size:12px;
  font-weight:950;
}
.profile-total{
  margin:22px auto 4px;
  padding:0;
  border-radius:0;
  background:transparent;
  color:#11172a;
  text-align:center;
}
.profile-total small{display:block;color:#7a869d;font-size:12px;font-weight:850;line-height:1.4}
.profile-total strong{display:block;margin-top:2px;color:#11172a;font-size:20px;line-height:1.1;font-weight:950}
.custom-link-list{
  display:grid;
  gap:10px;
  margin-top:18px;
  width:100%;
}
.custom-link-button{
  display:grid;
  grid-template-columns:minmax(0,1fr) 28px;
  align-items:center;
  gap:12px;
  min-height:64px;
  padding:10px 14px;
  border:1px solid rgba(17,23,42,.08);
  border-radius:12px;
  background:#fff;
  color:#172033;
  font-size:15px;
  font-weight:950;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(31,39,90,.10);
  text-align:left;
}
.custom-link-button b{
  display:grid;
  place-items:center;
  flex:0 0 auto;
  width:28px;
  height:28px;
  border-radius:999px;
  background:linear-gradient(135deg,var(--blue),var(--violet),var(--pink));
  color:#fff;
  font-size:20px;
  line-height:1;
}
.public-social-icons{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:14px;
  width:100%;
  margin:14px 0 4px;
}
.public-social-icon{
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border-radius:10px;
  color:#11172a;
  text-decoration:none;
  transition:transform .18s ease, opacity .18s ease;
}
.public-social-icon:hover{
  transform:translateY(-1px);
}
.public-social-icon img,
.public-social-icon svg{
  display:block;
  width:30px;
  height:30px;
  object-fit:contain;
}
.youtube-channel-section{
  width:100%;
  margin-top:24px;
}
.youtube-platform-tabs,
.youtube-video-tabs{
  display:flex;
  align-items:flex-end;
  border-bottom:1px solid rgba(17,23,42,.12);
}
.youtube-platform-tabs button,
.youtube-video-tabs button{
  position:relative;
  min-width:0;
  padding:0 14px 9px;
  border:0;
  background:transparent;
  color:#8b95a7;
  font:inherit;
  font-size:12px;
  font-weight:850;
  letter-spacing:0;
  cursor:pointer;
}
.youtube-platform-tabs button:after,
.youtube-video-tabs button:after{
  position:absolute;
  right:10px;
  bottom:-1px;
  left:10px;
  height:2px;
  border-radius:2px;
  background:transparent;
  content:"";
}
.youtube-platform-tabs button.is-active,
.youtube-video-tabs button.is-active{
  color:#11172a;
}
.youtube-platform-tabs button.is-active:after,
.youtube-video-tabs button.is-active:after{
  background:#5148df;
}
.youtube-platform-tabs{
  justify-content:center;
}
.youtube-channel-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  border-bottom:1px solid rgba(17,23,42,.10);
}
.youtube-channel-stats>div{
  min-width:0;
  padding:14px 8px;
  text-align:center;
}
.youtube-channel-stats>div+div{border-left:1px solid rgba(17,23,42,.10)}
.youtube-channel-stats small{
  display:block;
  color:#7a869d;
  font-size:9px;
  font-weight:800;
  line-height:1.4;
}
.youtube-channel-stats strong{
  display:block;
  margin-top:4px;
  color:#11172a;
  font-size:clamp(14px,2.8vw,19px);
  font-weight:950;
  line-height:1.25;
}
.youtube-channel-actions{
  display:flex;
  justify-content:flex-end;
  min-height:26px;
  padding-top:7px;
}
.youtube-channel-actions a{
  color:#5148df;
  font-size:10px;
  font-weight:900;
  text-decoration:none;
}
.youtube-videos-section{
  width:100%;
  margin-top:14px;
  text-align:left;
}
.youtube-video-tabs{
  justify-content:center;
  gap:2px;
  margin-bottom:14px;
}
.youtube-video-tabs button{
  padding-inline:12px;
}
.youtube-video-grid[hidden]{display:none!important}
.youtube-video-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}
.youtube-video-card{display:grid;align-content:start;gap:6px;min-width:0;color:#11172a;text-decoration:none}
.youtube-video-thumbnail{position:relative;overflow:hidden;display:block;width:100%;aspect-ratio:16/9;border-radius:6px;background:#e5ebf5}
.youtube-video-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}
.youtube-video-thumbnail i{position:absolute;right:5px;bottom:5px;padding:2px 4px;border-radius:3px;background:rgba(0,0,0,.78);color:#fff;font-size:9px;font-style:normal;font-weight:800}
.youtube-video-card>strong{display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#172033;font-size:11px;font-weight:850;line-height:1.45}
.youtube-video-card>small{overflow:hidden;color:#8792a8;font-size:8px;font-weight:700;line-height:1.4;text-overflow:ellipsis;white-space:nowrap}
.youtube-source-note{width:100%;margin:18px 0 0!important;color:#929caf!important;font-size:8px!important;text-align:left}
.tiktok-channel-section{
  width:100%;
  margin-top:24px;
}
.tiktok-platform-tabs button.is-active:after{
  background:#fe2c55;
}
.tiktok-videos-section{
  width:100%;
  margin-top:14px;
  text-align:left;
}
.tiktok-videos-section>h3{
  margin:0 0 12px;
  color:#11172a;
  font-size:12px;
  font-weight:850;
  text-align:center;
}
.tiktok-video-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:16px 12px;
}
.tiktok-video-card{
  overflow:hidden;
  display:grid;
  align-content:start;
  min-width:0;
  border:1px solid rgba(17,23,42,.10);
  border-radius:8px;
  background:#fff;
}
.tiktok-video-card iframe{
  display:block;
  width:100%;
  aspect-ratio:9/16;
  border:0;
  background:#111;
}
.tiktok-video-card>a{
  display:grid;
  gap:4px;
  min-width:0;
  padding:8px;
  color:#11172a;
  text-decoration:none;
}
.tiktok-video-card strong{
  display:-webkit-box;
  overflow:hidden;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
  font-size:10px;
  font-weight:850;
  line-height:1.45;
}
.tiktok-video-card small{
  overflow:hidden;
  color:#8792a8;
  font-size:8px;
  font-weight:700;
  line-height:1.4;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.social-list{
  display:grid;
  gap:10px;
  width:100%;
  margin-top:18px;
}
.social-list a,.social-list > span{
  position:relative;
  overflow:hidden;
  display:grid;
  grid-template-columns:48px minmax(0,1fr) auto;
  align-items:center;
  gap:12px;
  min-height:68px;
  padding:10px 16px;
  border:1px solid rgba(17,23,42,.08);
  border-radius:12px;
  background:#fff;
  color:#11172a;
  font-size:16px;
  font-weight:950;
  text-decoration:none;
  text-align:left;
  box-shadow:0 8px 20px rgba(31,39,90,.10);
}
.social-list a:before,.social-list > span:before{display:none}
.social-list i{
  position:relative;
  z-index:1;
  display:grid;
  place-items:center;
  width:48px;
  height:48px;
  border-radius:12px;
  background:#fff;
  color:#172033;
  font-size:14px;
  font-style:normal;
  font-weight:950;
  box-shadow:0 5px 14px rgba(31,39,90,.12);
}
.social-list .social-item-icon{
  position:relative;
  z-index:1;
  display:block;
  width:48px;
  height:48px;
  border-radius:12px;
  object-fit:contain;
  background:#fff;
  box-shadow:0 5px 14px rgba(31,39,90,.12);
}
.official-icon svg{
  display:block;
  width:34px;
  height:34px;
}
.official-youtube svg{
  width:36px;
  height:36px;
}
.official-youtube svg rect{fill:#ff0033}
.official-youtube svg path{fill:#fff}
.official-instagram{
  background:radial-gradient(circle at 30% 105%,#ffd66b 0 20%,#f56040 36%,#c13584 62%,#833ab4 82%,#405de6 100%)!important;
}
.official-instagram svg rect,
.official-instagram svg circle{
  fill:none;
  stroke:#fff;
  stroke-width:1.9;
}
.official-tiktok{
  background:#050505!important;
}
.official-tiktok svg path{fill:#fff}
.official-x{
  background:#050505!important;
}
.official-x svg path{fill:#fff}
.social-list a span,.social-list > span span,.social-list b{position:relative;z-index:1;min-width:0}
.social-list b{color:#14203a;font-size:14px}
.public-brand-footer{
  display:grid;
  justify-items:center;
  gap:4px;
  margin-top:86px;
  color:#11172a;
  text-align:center;
}
.public-brand-footer img{
  width:92px;
  height:auto;
}
.public-brand-footer .public-brand-logo-link{
  display:block;
  line-height:0;
  text-decoration:none;
}
.public-brand-footer a{
  color:#11172a;
  font-size:10px;
  font-weight:760;
  text-decoration:underline;
  text-underline-offset:2px;
}
.public-brand-footer p{
  margin:0;
  color:#11172a;
  font-size:8px;
  font-weight:700;
  line-height:1.45;
}
.public-card .hero-actions{
  width:100%;
  margin-top:34px;
}
.public-card .hero-actions .ghost-btn{
  display:grid;
  place-items:center;
  width:100%;
  min-height:64px;
  padding:10px 16px;
  border:1px solid rgba(17,23,42,.08);
  border-radius:12px;
  background:#fff;
  color:#11172a;
  font-size:15px;
  font-weight:950;
  text-decoration:none;
  box-shadow:0 8px 20px rgba(31,39,90,.10);
}
.analytics-summary-grid{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:12px;
}
.analytics-summary-grid article{
  padding:22px;
  border:1px solid rgba(125,207,234,.30);
  border-radius:20px;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%);
  box-shadow:0 12px 32px rgba(88,138,188,.10);
}
.analytics-summary-grid small{
  display:block;
  color:#6a7894;
  font-size:12px;
  font-weight:950;
}
.analytics-summary-grid strong{
  display:block;
  margin-top:6px;
  color:#11172a;
  font-size:clamp(34px,4vw,52px);
  line-height:1;
  font-weight:950;
}
.analytics-link-panel{
  display:grid;
  grid-template-columns:260px minmax(0,1fr);
  gap:20px;
  margin-top:14px;
  padding:22px;
  border:1px solid rgba(125,207,234,.30);
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 32px rgba(88,138,188,.08);
}
.analytics-link-panel h3{
  margin:0;
  color:#11172a;
  font-size:20px;
  font-weight:950;
}
.analytics-link-panel p{
  margin:8px 0 0;
  color:#687593;
  font-size:13px;
  font-weight:780;
}
.analytics-top-links{
  display:grid;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.analytics-top-links li{
  display:flex;
  justify-content:space-between;
  gap:16px;
  min-height:42px;
  padding:10px 12px;
  border-radius:12px;
  background:#f7fbff;
  color:#263454;
  font-size:14px;
  font-weight:900;
}
.analytics-top-links b{color:#5148df}
.followers-head{
  display:flex;
  justify-content:space-between;
  gap:20px;
  align-items:start;
  margin-bottom:18px;
}
.followers-head h2{margin:0;color:var(--ink);font-size:30px;font-weight:950}
.followers-head p{max-width:640px;margin:6px 0 0;color:#6a7894;font-size:14px;font-weight:760}
.switch-row{
  display:flex;
  align-items:center;
  gap:8px;
  min-height:44px;
  padding:0 14px;
  border-radius:999px;
  background:#f3f7ff;
  color:#26305f;
  font-size:13px;
  font-weight:950;
  white-space:nowrap;
}
.switch-row input{width:18px;height:18px;accent-color:#5148df}
.follower-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.follower-card{
  display:grid;
  gap:12px;
  padding:18px;
  border:1px solid rgba(125,207,234,.30);
  border-radius:18px;
  background:#fff;
  box-shadow:0 12px 32px rgba(88,138,188,.10);
}
.follower-card span{font-size:14px;font-weight:950}
.follower-card input{text-align:right;font-size:24px;font-weight:950}
.follower-card.youtube{border-top:4px solid #ff3046}
.follower-card.instagram{border-top:4px solid #d7299f}
.follower-card.tiktok{border-top:4px solid #11bbd0}
.follower-card.x{border-top:4px solid #1b2434}
.follower-total-card{
  margin-top:14px;
  padding:24px;
  border-radius:22px;
  background:linear-gradient(135deg,#10182e,#17112f);
  color:#fff;
}
.follower-total-card small{display:block;color:#aeb9d4;font-size:13px;font-weight:850}
.follower-total-card strong{display:block;margin-top:4px;font-size:56px;line-height:1;font-weight:950}
.follower-total-card p{margin:10px 0 0;color:#c5d0ea;font-size:13px;font-weight:760}
.public-profile-page{
  min-height:calc(100vh - 72px);
  background:var(--profile-bg,#f0f8ff);
}
.public-profile-shell{
  display:grid;
  place-items:start center;
  width:min(620px,calc(100% - 32px));
  margin:0 auto;
  padding:46px 0 92px;
}
.public-profile-request-cta{
  width:100%;
  margin-top:58px;
  text-align:center;
}
.public-profile-request-cta a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 14px;
  border:1px solid rgba(81,72,223,.24);
  border-radius:6px;
  background:rgba(255,255,255,.7);
  color:#5148df;
  font-size:10.5px;
  font-weight:600;
  text-decoration:none;
  transition:border-color .18s ease,background-color .18s ease,color .18s ease;
}
.public-profile-request-cta + .public-brand-footer{
  margin-top:44px;
}
@media(hover:hover) and (pointer:fine){
  .public-profile-request-cta a:hover{
    border-color:rgba(81,72,223,.42);
    background:#fff;
    color:#4038c8;
  }
}
.public-profile-page .custom-link-button{
  border-radius:var(--profile-button-radius,12px);
  background:var(--profile-button-bg,#fff);
  color:var(--profile-button-text,#172033);
}
.public-profile-page .custom-link-button strong,
.public-profile-page .custom-link-button small{
  color:var(--profile-button-text,#172033);
}
.public-card-large{
  width:100%;
  padding:0;
}
.public-card-large .public-avatar{
  width:112px;
  height:112px;
  border-radius:50%;
}
.public-missing{
  width:100%;
  padding:34px;
  border:1px solid rgba(125,207,234,.30);
  border-radius:20px;
  background:#fff;
  box-shadow:var(--shadow);
  text-align:center;
}
.public-missing h1{margin:0;color:var(--ink);font-size:32px}
.public-missing p{color:#647399;font-weight:760}
.site-footer{
  border-top:1px solid rgba(125,207,234,.25);
  background:#f8fbff;
}
.footer-inner{
  width:min(1160px,calc(100% - 36px));
  margin:0 auto;
  padding:28px 0;
  color:#647399;
  font-size:13px;
}
.footer-inner nav{display:flex;flex-wrap:wrap;gap:12px;margin-top:10px}
.footer-inner a{color:#5148df;font-weight:850;text-decoration:none}
.legal-page{width:min(920px,calc(100% - 36px));margin:0 auto;padding:54px 0 80px}
.legal-page h1{font-size:clamp(32px,5vw,54px);color:var(--ink);line-height:1.12}
.legal-card{margin-top:22px;padding:clamp(22px,4vw,34px);border:1px solid rgba(125,207,234,.28);border-radius:12px;background:#fff;box-shadow:var(--shadow)}
.legal-card h2{margin:24px 0 8px;color:#172033;font-size:22px;line-height:1.4}
.legal-card h2:first-child{margin-top:0}
.legal-card p,.legal-card li{color:#4d5b78;font-size:15px;font-weight:700;line-height:1.9}
.legal-card ul{padding-left:1.2em}
.legal-shell-page .legal-page h1{font-weight:600}
.legal-shell-page .legal-page>.lead{font-weight:400}
.legal-shell-page .legal-card h2{font-weight:600}
.legal-shell-page .legal-card p,.legal-shell-page .legal-card li{font-weight:400}
.operator-info-page{width:min(920px,calc(100% - 36px));padding-bottom:92px}
.operator-info-page>h1{margin-bottom:0}
.operator-info-page>.lead{max-width:760px;margin-top:18px;color:#59647a;font-size:15px;line-height:1.9}
.operator-info-page .operator-information,
.operator-info-page .operator-contact{margin-top:38px;padding-top:34px;border-top:1px solid #e3e7ef}
.operator-info-page h2{margin:28px 0 10px;color:#172033;font-size:22px;font-weight:600;line-height:1.45}
.operator-info-page h2:first-child{margin-top:0}
.operator-info-page p,
.operator-info-page li,
.operator-info-page dt,
.operator-info-page dd{color:#4d5b78;font-size:15px;font-weight:400;line-height:1.9}
.operator-info-page ul,
.operator-info-page ol{padding-left:1.35em}
.operator-details{margin:0}
.operator-details div{display:grid;grid-template-columns:150px minmax(0,1fr);gap:20px;padding:15px 0;border-bottom:1px solid #edf0f5}
.operator-details div:first-child{padding-top:0}
.operator-details div:last-child{padding-bottom:0;border-bottom:0}
.operator-details dt,.operator-details dd{margin:0;font-size:13px}
.operator-details dt{color:#343c4d;font-weight:500}
.operator-details a,.operator-contact a{color:#336bd1;text-underline-offset:3px}
.google-form-embed{width:100%;margin-top:24px;overflow:hidden;background:transparent}
.google-form-embed iframe{display:block;width:100%;height:1013px;border:0;background:transparent}
.operator-info-page .contact-form-fallback{margin:12px 0 0;text-align:right}
.operator-info-page .contact-form-fallback a{font-size:12px}
@media(max-width:640px){
  .operator-info-page{width:min(100% - 30px,620px);padding:36px 0 64px}
  .operator-info-page>.lead{font-size:13px}
  .operator-info-page .operator-information,
  .operator-info-page .operator-contact{margin-top:30px;padding-top:28px}
  .operator-info-page h2{font-size:20px}
  .operator-info-page p,.operator-info-page li{font-size:13px}
  .operator-details div{grid-template-columns:1fr;gap:2px;padding:13px 0}
  .operator-details dt,.operator-details dd{font-size:12px}
  .google-form-embed iframe{height:1013px}
  .operator-info-page .contact-form-fallback{text-align:center}
}
.brand.brand-image{background:none!important;text-indent:0!important;overflow:visible!important}
.brand.brand-image img{display:block;width:100%;height:auto}
.contact-form-link{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:0 18px;border-radius:7px;background:#11172a;color:#fff!important;font-size:13px;font-weight:600;text-decoration:none}
@media(max-width:1040px){
  .photo-main{left:26px;width:min(270px,38vw)}
  .photo-sub{right:28px;width:min(260px,36vw)}
  .dashboard-shell{grid-template-columns:1fr}
  .dashboard-side{position:static;height:auto;flex-direction:row;flex-wrap:wrap}
  .dash-link:last-child{margin-top:4px}
  .editor-grid{grid-template-columns:1fr}
  .studio-preview{position:static}
  .follower-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media(max-width:920px){
  .header-inner{justify-content:center;height:64px}
  .brand{width:178px;background-position:center}
  .nav{display:none}
  .section{width:min(100% - 28px,650px);padding:52px 0}
  .landing-hero{min-height:0;grid-template-rows:auto auto}
  .hero-visual{min-height:390px}
  .photo-main{width:210px;left:16px;bottom:-58px}
  .photo-sub{width:200px;right:18px;top:40px}
  .floating-profile{width:min(420px,calc(100% - 28px))}
  .social-orbit{bottom:38px;gap:10px}
  .social-orbit span{width:54px;height:54px;border-radius:16px;font-size:18px}
  .section-head{align-items:flex-start;flex-direction:column;gap:8px}
  .preview-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .basic-row{gap:16px}
  .dashboard-view{padding:14px}
  .dashboard-main{padding:18px;border-radius:22px}
  .dashboard-main{overflow:hidden}
  .dashboard-top{align-items:flex-start;flex-direction:column}
  .profile-home-card{
    grid-template-columns:1fr;
    align-items:start;
    padding:16px;
    border-radius:20px;
  }
  .profile-home-main{
    align-items:flex-start;
    gap:13px;
  }
  .profile-home-main img{
    width:66px;
    height:66px;
    border-radius:19px;
  }
  .profile-home-main h2{
    font-size:24px;
  }
  .profile-home-url{
    max-width:100%;
  }
  .profile-home-side{
    justify-content:stretch;
  }
  .profile-home-side .ghost-btn,.profile-home-side .primary-btn{
    flex:1 1 150px;
  }
}

/* 2026-07-26: keep the public profile search action visible in every header. */
.nav .nav-profile-search {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  min-height: 34px;
  padding: 0 13px;
  border: 0;
  border-radius: 7px;
  background: linear-gradient(105deg, #fb147d 0%, #984de8 52%, #258bf3 100%);
  box-shadow: 0 6px 15px rgba(72, 93, 232, 0.18);
  color: #fff;
  font-size: 10.5px;
  font-weight: 500;
  text-decoration: none;
  white-space: nowrap;
}

@media(min-width:981px) and (hover:hover) and (pointer:fine){
  .nav .nav-profile-search::after{display:none}
  .nav .nav-profile-search:hover,
  .nav .nav-profile-search:focus-visible{color:#fff;filter:brightness(1.05)}
}

@media(max-width:980px){
  body:not(.is-dashboard-view) .nav > .nav-profile-search,
  .nav > .nav-profile-search{
    display:inline-flex!important;
    min-height:32px;
    padding:0 11px;
    border-radius:6px;
    color:#fff!important;
    font-size:9px;
  }
}

/* 2026-07-18: secure TikTok profile connection and OAuth callback. */
.social-account-connections{
  display:grid;
  gap:8px;
  width:100%;
}
.social-account-connections>h3{
  margin:0;
  color:#27334c;
  font-size:12px;
  font-weight:600;
}
.tiktok-account-connection{
  display:grid;
  grid-template-columns:36px minmax(0,1fr) auto;
  align-items:center;
  gap:8px 10px;
  width:100%;
  padding:12px 14px;
  border:1px solid rgba(17,23,42,.15);
  border-radius:8px;
  background:#fff;
  box-shadow:0 8px 20px rgba(31,39,90,.08);
}
.tiktok-account-connection>img{
  width:32px;
  height:32px;
  border-radius:8px;
  object-fit:cover;
}
.tiktok-connection-copy{
  display:grid;
  gap:2px;
  min-width:0;
}
.tiktok-connection-copy strong{
  color:#172033;
  font-size:11px;
  font-weight:700;
}
.tiktok-connection-copy span{
  overflow:hidden;
  color:#65728a;
  font-size:9px;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.tiktok-connection-actions{
  display:flex;
  justify-content:flex-end;
  gap:6px;
}
.tiktok-connection-actions button{
  min-height:30px;
  padding:0 10px;
  border:1px solid rgba(15,16,20,.18);
  border-radius:6px;
  background:#101114;
  color:#fff;
  font-size:9px;
  font-weight:600;
  white-space:nowrap;
  cursor:pointer;
}
.tiktok-connection-actions button.is-secondary{
  background:#fff;
  color:#65728a;
}
.tiktok-connection-actions button:disabled{
  opacity:.5;
  cursor:not-allowed;
}
.tiktok-account-connection>p{
  grid-column:2 / -1;
  min-height:13px;
  margin:0;
  color:#8792a7;
  font-size:8px;
  line-height:1.5;
}
.tiktok-account-connection>p.is-error{
  color:#c4485f;
}

.oauth-callback-page{
  min-height:100vh;
  background:
    radial-gradient(circle at 15% 8%,rgba(255,46,143,.12),transparent 32%),
    radial-gradient(circle at 84% 14%,rgba(44,173,255,.13),transparent 30%),
    #f7f9fd;
}
.oauth-callback-main{
  display:grid;
  place-items:center;
  min-height:calc(100vh - 72px);
  padding:40px 20px;
}
.oauth-callback-card{
  display:grid;
  justify-items:center;
  width:min(440px,100%);
  padding:42px 34px;
  border:1px solid rgba(17,23,42,.10);
  border-radius:12px;
  background:rgba(255,255,255,.94);
  box-shadow:0 24px 70px rgba(31,39,90,.12);
  text-align:center;
}
.oauth-callback-card>img{
  width:52px;
  height:52px;
  margin-bottom:16px;
  border-radius:13px;
}
.oauth-callback-eyebrow{
  margin:0 0 6px;
  color:#e83f73;
  font-size:10px;
  font-weight:800;
  letter-spacing:.12em;
}
.oauth-callback-card h1{
  margin:0;
  color:#11172a;
  font-size:22px;
  line-height:1.45;
}
.oauth-callback-card #tiktokCallbackStatus{
  max-width:330px;
  margin:12px 0 18px;
  color:#65728a;
  font-size:12px;
  line-height:1.7;
}
.oauth-callback-card #tiktokCallbackStatus.is-error{
  color:#c4485f;
}
.oauth-callback-loader{
  width:24px;
  height:24px;
  border:2px solid #e5e9f2;
  border-top-color:#ef3f72;
  border-radius:50%;
  animation:oauthCallbackSpin .8s linear infinite;
}
.oauth-callback-card>a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:38px;
  padding:0 18px;
  border-radius:7px;
  background:#11172a;
  color:#fff;
  font-size:11px;
  font-weight:700;
  text-decoration:none;
}
@keyframes oauthCallbackSpin{to{transform:rotate(360deg)}}

@media(max-width:620px){
  .tiktok-account-connection{
    grid-template-columns:30px minmax(0,1fr);
    padding:10px 11px;
  }
  .tiktok-account-connection>img{
    width:28px;
    height:28px;
  }
  .tiktok-connection-actions{
    grid-column:2;
    justify-content:flex-start;
    flex-wrap:wrap;
  }
  .tiktok-connection-actions button{
    min-height:28px;
    padding:0 8px;
    font-size:8px;
  }
  .tiktok-account-connection>p{
    grid-column:2;
  }
  .oauth-callback-main{
    min-height:calc(100vh - 62px);
    padding:24px 14px;
  }
  .oauth-callback-card{
    padding:34px 20px;
  }
  .oauth-callback-card h1{
    font-size:18px;
  }
}

@media(prefers-reduced-motion:reduce){
  .oauth-callback-loader{animation:none}
}

@media(min-width:981px){
  body:not(.is-dashboard-view) .nav a,
  body:not(.is-dashboard-view) .nav-login,
  body:not(.is-dashboard-view) .nav-primary,
  body:not(.is-dashboard-view) .nav-logout{font-weight:500!important}
}

/* 2026-07-16: lighter editor typography and compact request/favorites controls. */
body.is-profile-tab .dashboard-side .dash-tab,
body.is-profile-tab .dashboard-side .dash-link,
body.is-profile-tab .dashboard-actions button,
body.is-profile-tab .dashboard-actions label,
body.is-profile-tab .profile-live-editor label,
body.is-profile-tab .profile-live-editor input,
body.is-profile-tab .profile-live-editor textarea,
body.is-profile-tab .profile-live-editor button,
body.is-profile-tab .profile-live-editor p,
body.is-profile-tab .profile-live-editor span,
body.is-profile-tab .profile-live-editor small{
  font-weight:400!important;
}
body.is-profile-tab .profile-live-editor h2,
body.is-profile-tab .profile-live-editor h3,
body.is-profile-tab .profile-live-editor strong,
body.is-profile-tab .dashboard-actions strong{
  font-weight:600!important;
}
body.is-profile-tab .dashboard-side .dash-tab.is-active,
body.is-profile-tab .dashboard-side .dash-link{
  font-weight:500!important;
}

body.is-favorites-tab .dashboard-side .dash-tab,
body.is-favorites-tab .dashboard-side .dash-link,
body.is-favorites-tab .favorites-toolbar input,
body.is-favorites-tab .favorites-toolbar select,
body.is-favorites-tab .favorite-title span,
body.is-favorites-tab .favorite-main p,
body.is-favorites-tab .favorite-social-empty,
body.is-favorites-tab .favorite-directory-label,
body.is-favorites-tab .favorite-notification-panel,
body.is-favorites-tab .favorite-modal-card label,
body.is-favorites-tab .favorite-modal-card input,
body.is-favorites-tab .favorite-modal-card textarea,
body.is-favorites-tab .favorite-modal-card button,
body.is-favorites-tab .favorite-empty p{
  font-weight:400!important;
}
body.is-favorites-tab .favorite-title strong,
body.is-favorites-tab .favorite-empty strong,
body.is-favorites-tab .favorite-notification-head strong,
body.is-favorites-tab .favorites-panel-head h2{
  font-weight:600!important;
}
body.is-favorites-tab .dashboard-side .dash-tab.is-active,
body.is-favorites-tab .favorite-casta-button,
body.is-favorites-tab .profile-request-open{
  font-weight:500!important;
}

body.is-favorites-tab .favorite-notification{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  width:42px!important;
  min-width:42px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  border-radius:50%!important;
}
body.is-favorites-tab .favorite-notification:before{
  content:""!important;
  display:block!important;
  width:20px!important;
  height:22px!important;
  border:0!important;
  border-radius:0!important;
  background:#536486!important;
  -webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 26'%3E%3Cpath d='M12 0a2.4 2.4 0 0 0-2.35 1.93C6.15 2.96 3.6 6.18 3.6 10v3.28c0 2.36-.82 4.64-2.32 6.46L.3 20.93A1.25 1.25 0 0 0 1.27 23h21.46a1.25 1.25 0 0 0 .97-2.07l-.98-1.19a10.2 10.2 0 0 1-2.32-6.46V10c0-3.82-2.55-7.04-6.05-8.07A2.4 2.4 0 0 0 12 0Zm-3.2 24a3.3 3.3 0 0 0 6.4 0H8.8Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 26'%3E%3Cpath d='M12 0a2.4 2.4 0 0 0-2.35 1.93C6.15 2.96 3.6 6.18 3.6 10v3.28c0 2.36-.82 4.64-2.32 6.46L.3 20.93A1.25 1.25 0 0 0 1.27 23h21.46a1.25 1.25 0 0 0 .97-2.07l-.98-1.19a10.2 10.2 0 0 1-2.32-6.46V10c0-3.82-2.55-7.04-6.05-8.07A2.4 2.4 0 0 0 12 0Zm-3.2 24a3.3 3.3 0 0 0 6.4 0H8.8Z'/%3E%3C/svg%3E") center/contain no-repeat!important;
}
body.is-favorites-tab .favorite-notification:after{
  display:none!important;
  content:none!important;
}

body.is-favorites-tab .profile-request-open{
  min-height:38px!important;
  height:38px!important;
  padding:0 17px!important;
  background:linear-gradient(135deg,#43b6ff 0%,#735bff 48%,#ff4ab9 100%)!important;
  font-size:11px!important;
  line-height:1!important;
}
.profile-request-card h2{
  font-weight:500!important;
}
.profile-request-card>p{
  font-weight:400!important;
}
.profile-request-form label,
.profile-request-form input,
.profile-request-form button,
.profile-request-form .form-status{
  font-weight:400!important;
}
.profile-request-form .modal-save-button{
  font-weight:500!important;
}

body.is-favorites-tab .favorite-meta{
  grid-template-columns:auto 28px!important;
  gap:8px!important;
  min-width:0!important;
  justify-content:end!important;
}
body.is-favorites-tab .favorite-casta-button{
  width:auto!important;
  min-width:0!important;
  max-width:100%!important;
  min-height:32px!important;
  height:32px!important;
  padding:0 9px!important;
  border-radius:7px!important;
  font-size:11px!important;
  line-height:1!important;
  white-space:nowrap!important;
}

@media(max-width:920px){
  body.is-favorites-tab .favorite-notification{
    width:38px!important;
    min-width:38px!important;
    height:38px!important;
    min-height:38px!important;
  }
  body.is-favorites-tab .favorite-notification:before{
    width:18px!important;
    height:20px!important;
  }
  .profile-request-card h2{
    font-size:16px!important;
    line-height:1.35!important;
  }
  .profile-request-card>p{
    font-size:9.5px!important;
    line-height:1.45!important;
    white-space:nowrap!important;
  }
  body.is-favorites-tab .favorite-meta{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
  }
  body.is-favorites-tab .favorite-casta-button{
    min-height:28px!important;
    height:28px!important;
    padding:0 7px!important;
    font-size:9px!important;
  }
}

/* 2026-07-16: verification status, public-profile search, and request notifications. */
.profile-verification{
  position:relative;
  display:inline-grid;
  place-items:center;
  flex:0 0 18px;
  width:18px;
  min-width:18px;
  height:18px;
  min-height:18px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#a5adba;
  color:#fff;
  cursor:help;
  outline:0;
}
.profile-verification:after{
  content:"";
  width:8px;
  height:4px;
  margin-top:-2px;
  border-left:2px solid currentColor;
  border-bottom:2px solid currentColor;
  transform:rotate(-45deg);
}
.profile-verification.is-verified{
  border:0;
  background:#2478ff;
  color:#fff;
}
.profile-verification-tooltip{
  position:absolute;
  z-index:30;
  top:calc(100% + 9px);
  left:50%;
  display:block;
  width:220px;
  padding:9px 11px;
  border:1px solid rgba(92,108,136,.14);
  border-radius:9px;
  background:rgba(255,255,255,.98);
  color:#65728a;
  font-size:10px;
  font-weight:500;
  line-height:1.55;
  text-align:left;
  box-shadow:0 12px 34px rgba(39,55,88,.15);
  opacity:0;
  pointer-events:none;
  transform:translate(-50%,-5px);
  transition:opacity .18s ease,transform .18s ease;
}
.profile-verification-tooltip:before{
  content:"";
  position:absolute;
  bottom:100%;
  left:50%;
  width:8px;
  height:8px;
  border-top:1px solid rgba(92,108,136,.14);
  border-left:1px solid rgba(92,108,136,.14);
  background:#fff;
  transform:translate(-50%,5px) rotate(45deg);
}
.profile-verification-tooltip strong{
  display:block;
  margin-bottom:2px;
  color:#344057;
  font-size:10px;
  font-weight:700;
}
.profile-verification:hover .profile-verification-tooltip,
.profile-verification:focus .profile-verification-tooltip,
.profile-verification.is-open .profile-verification-tooltip{
  opacity:1;
  transform:translate(-50%,0);
}

body.is-favorites-tab .favorites-shell{
  position:relative;
}
body.is-favorites-tab .favorites-toolbar{
  grid-template-columns:minmax(250px,1fr) 140px 42px!important;
}
body.is-favorites-tab .favorite-notification{
  display:inline-flex!important;
  border-radius:50%;
}
body.is-favorites-tab .favorite-notification span[hidden]{
  display:none!important;
}
.favorite-notification-panel{
  position:absolute;
  z-index:40;
  top:56px;
  right:0;
  width:min(360px,calc(100vw - 32px));
  overflow:hidden;
  border:1px solid rgba(126,145,178,.18);
  border-radius:14px;
  background:rgba(255,255,255,.98);
  box-shadow:0 22px 54px rgba(55,73,110,.18);
}
.favorite-notification-panel[hidden]{
  display:none!important;
}
.favorite-notification-head{
  display:flex;
  align-items:center;
  justify-content:space-between;
  min-height:46px;
  padding:0 14px;
  border-bottom:1px solid rgba(126,145,178,.12);
  color:#26334c;
  font-size:13px;
}
.favorite-notification-head button{
  width:30px;
  height:30px;
  border:0;
  background:transparent;
  color:#73809a;
  font-size:22px;
  cursor:pointer;
}
.favorite-notification-list{
  display:grid;
  max-height:330px;
  overflow:auto;
}
.favorite-notification-item{
  display:grid;
  grid-template-columns:8px minmax(0,1fr);
  gap:9px;
  align-items:start;
  padding:13px 15px;
  border-bottom:1px solid rgba(126,145,178,.09);
}
.favorite-notification-item>span{
  width:7px;
  height:7px;
  margin-top:6px;
  border-radius:50%;
  background:#c4cad5;
}
.favorite-notification-item.is-unread{
  background:#f5f9ff;
}
.favorite-notification-item.is-unread>span{
  background:#2478ff;
}
.favorite-notification-item p,
.favorite-notification-empty{
  margin:0;
  color:#46536c;
  font-size:12px;
  font-weight:500;
  line-height:1.6;
}
.favorite-notification-empty{
  padding:24px 16px;
  text-align:center;
}
.favorite-directory-card .favorite-title{
  color:inherit;
  text-decoration:none;
}
.favorite-directory-label{
  display:inline-flex;
  align-items:center;
  min-height:24px;
  padding:0 9px;
  border-radius:999px;
  background:#eff7ff;
  color:#2478ff;
  font-size:10px;
  font-weight:700;
}
.profile-request-open{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  margin-top:2px;
  padding:0 18px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,#248cff,#5969f4);
  color:#fff;
  font-size:12px;
  font-weight:650;
  box-shadow:0 12px 26px rgba(50,112,230,.22);
  cursor:pointer;
}
.profile-request-open[hidden]{
  display:none!important;
}
.profile-request-card{
  display:grid;
  gap:12px;
  width:min(520px,calc(100vw - 32px));
  padding:26px;
}
.profile-request-card>p{
  color:#6c7890;
  font-size:12px;
  font-weight:500;
}
.profile-request-form{
  display:grid;
  gap:14px;
  margin-top:4px;
}
.profile-request-form label{
  display:grid;
  gap:7px;
  color:#344057;
  font-size:12px;
  font-weight:650;
}
.profile-request-form input{
  min-height:46px;
  border-radius:9px;
  font-size:14px;
}
.profile-request-form .modal-save-button{
  justify-self:end;
  min-height:44px;
}

@media(max-width:920px){
  .profile-verification-tooltip{
    width:190px;
  }
  body.is-favorites-tab .favorites-toolbar{
    grid-template-columns:minmax(0,1fr) 38px!important;
  }
  body.is-favorites-tab .favorite-search{
    grid-column:1 / -1!important;
  }
  body.is-favorites-tab .favorite-sort-select{
    grid-column:1!important;
  }
  body.is-favorites-tab .favorite-notification{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    z-index:1!important;
    grid-column:2!important;
    grid-row:2!important;
    width:38px!important;
    min-height:38px!important;
    height:38px!important;
  }
  .favorite-notification-panel{
    top:92px;
  }
  body.is-favorites-tab .favorite-directory-card .favorite-socials{
    display:none;
  }
  body.is-favorites-tab .favorite-directory-card .favorite-meta{
    grid-template-columns:auto;
  }
  .profile-request-card{
    padding:22px 18px;
  }
  .profile-request-form .modal-save-button{
    width:100%;
  }
}

@media(max-width:560px){
  .hero-visual{min-height:340px}
  .photo-main{width:170px;left:-20px;bottom:-36px}
  .photo-sub{width:160px;right:-16px;top:36px}
  .floating-profile{min-height:82px;border-radius:22px}
  .floating-profile img{width:50px;height:50px}
  .floating-profile strong{font-size:19px}
  .floating-profile b{display:none}
  .hero-signup{padding:30px 18px 38px}
  .hero-signup h1{font-size:28px}
  .hero-slug-box{min-height:62px}
  .hero-slug-box span,.hero-slug-box input{font-size:18px}
  .hero-slug-box span{padding-left:20px}
  .hero-edit-btn,.wide-primary{min-height:62px;border-radius:16px;font-size:22px}
  .auth-modal{padding:10px}
  .auth-dialog{
    width:min(430px,100%);
    padding:52px 18px 18px;
    border-radius:14px;
  }
  .auth-close{top:10px;right:10px;width:32px;height:32px;font-size:22px}
  .auth-provider{min-height:46px}
  .email-auth-actions{grid-template-columns:1fr 1fr;gap:8px}
  .email-auth-actions .auth-provider{padding:0 8px;font-size:12px}
  .onboarding-view{padding:24px 14px 64px}
  .onboarding-card{
    width:100%;
    padding:24px 18px;
    border-radius:24px;
  }
  .onboarding-view h1{font-size:36px}
  .onboarding-note{font-size:18px}
  .basic-row{flex-direction:column;align-items:stretch}
  .basic-row label{width:100%}
  .dashboard-side{padding:12px;border-radius:18px}
  .dash-tab,.dash-link{flex:1 1 auto;text-align:center}
  .dashboard-top h1{font-size:32px}
  .dashboard-actions{width:100%;flex-wrap:wrap}
  .dashboard-actions>*{flex:1}
  .custom-link-row{
    grid-template-columns:34px minmax(0,1fr);
    align-items:start;
  }
  .custom-link-row label{
    grid-column:2;
  }
  .link-row-actions{
    grid-column:1/-1;
    justify-content:flex-end;
  }
  .analytics-summary-grid{
    grid-template-columns:1fr;
  }
  .analytics-link-panel{
    grid-template-columns:1fr;
  }
  .profile-home-main{
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
  }
  .profile-home-main img{
    width:58px;
    height:58px;
    border-radius:16px;
  }
  .profile-home-main h2{font-size:21px}
  .profile-home-url{
    width:100%;
  }
  .profile-status{
    width:100%;
  }
  .field-pair,.custom-link-editor{grid-template-columns:1fr}
  .profile-editor-stage{
    margin:0;
    padding:24px 10px 34px;
    border-radius:20px;
  }
  .profile-live-editor .profile-avatar-dropzone .avatar-upload-button{
    white-space:normal;
  }
  .profile-live-editor .custom-link-row{
    grid-template-columns:28px minmax(0,1fr);
  }
  .profile-live-editor .social-url-card{
    grid-template-columns:46px minmax(72px,.34fr) minmax(0,1fr);
    gap:8px!important;
    padding:8px 10px;
  }
  .profile-live-editor .social-url-card img{
    width:46px;
    height:46px;
  }
  .profile-live-editor .social-url-card span{
    font-size:13px;
  }
  .avatar-upload-row{
    align-items:flex-start;
  }
  .avatar-upload-row img{
    width:58px;
    height:58px;
    border-radius:17px;
  }
  .followers-head{flex-direction:column}
  .follower-grid{grid-template-columns:1fr}
  .follower-total-card strong{font-size:42px}
  .preview-grid{gap:10px}
  .public-profile-shell{
    width:min(100% - 36px,520px);
    padding:34px 0 78px;
  }
  .public-card{padding:0;border-radius:0}
  .public-avatar{
    width:104px;
    height:104px;
  }
  .public-card h2{font-size:24px}
  .public-card p{font-size:13px}
  .social-list a,.social-list > span{
    grid-template-columns:44px minmax(0,1fr) auto;
    min-height:64px;
    padding:9px 14px;
  }
  .social-list i{
    width:44px;
    height:44px;
    border-radius:11px;
  }
  .social-list .social-item-icon{
    width:44px;
    height:44px;
    border-radius:11px;
  }
  .official-icon svg{
    width:33px;
    height:33px;
  }
  .official-youtube svg{
    width:35px;
    height:35px;
  }
  .public-card .public-brand-footer p{
    font-size:8px;
  }
}

/* APcast Ink landing page redesign */
.sr-only{
  position:absolute!important;
  width:1px!important;
  height:1px!important;
  overflow:hidden!important;
  clip:rect(0 0 0 0)!important;
  white-space:nowrap!important;
}
body{
  background:#fff;
  color:#11172a;
  overflow-x:hidden;
}
.site-header{
  position:sticky;
  top:0;
  z-index:40;
  background:rgba(255,255,255,.88);
  border-bottom:1px solid rgba(28,39,71,.08);
  box-shadow:0 10px 34px rgba(30,42,80,.05);
}
.header-inner{
  width:min(1320px,calc(100% - 44px));
  height:62px;
}
.brand{
  width:158px;
  height:44px;
  background:url("./assets/casta-logo.png?v=20260707") left center/contain no-repeat;
}
.mobile-menu-button{display:none}
.nav{
  flex:1;
  justify-content:flex-end;
  gap:30px;
}
.nav a,.nav-login,.nav-primary,.nav-logout{
  color:#11172a;
  font-size:13px;
  font-weight:850;
}
@media(min-width:901px){
  .nav a,.nav-login,.nav-primary,.nav-logout{font-weight:500}
}
.nav-login,.nav-logout{
  min-height:auto;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
}
.mobile-label{display:none}
.nav-login.is-edit-link{
  display:inline-flex;
  align-items:center;
  gap:8px;
}
.header-user-avatar{
  width:28px;
  height:28px;
  border-radius:50%;
  object-fit:cover;
  background:#fff;
  box-shadow:0 0 0 1px rgba(17,23,42,.08),0 8px 18px rgba(26,38,76,.12);
}
.nav-logout{
  display:inline-grid;
  place-items:center;
  width:38px;
  height:38px;
  border:1px solid rgba(17,23,42,.10);
  border-radius:12px;
  background:rgba(255,255,255,.74);
  box-shadow:0 10px 22px rgba(26,38,76,.08);
  cursor:pointer;
}
.nav-logout[hidden]{display:none!important}
.nav-primary[hidden]{display:none!important}
.nav-logout svg{
  width:19px;
  height:19px;
  fill:none;
  stroke:#17223b;
  stroke-width:2.2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
body.is-authenticated .nav .nav-primary{display:none!important}
.nav .nav-primary{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:38px;
  min-width:126px;
  padding:0 22px;
  border-radius:8px;
  color:#fff!important;
  background:linear-gradient(135deg,#f63493 0%,#513bff 100%);
  box-shadow:0 14px 26px rgba(98,67,240,.22);
}
.page{
  position:relative;
  overflow:hidden;
  background:
    linear-gradient(128deg,rgba(255,255,255,0) 0 16%,rgba(228,219,255,.46) 16% 19%,rgba(255,255,255,0) 19% 100%),
    linear-gradient(140deg,rgba(255,255,255,0) 0 78%,rgba(236,220,255,.68) 78% 82%,rgba(255,255,255,0) 82% 100%),
    linear-gradient(180deg,#fff 0%,#fbfdff 58%,#fff 100%);
}
.page:before,.page:after{
  content:"";
  position:absolute;
  z-index:0;
  pointer-events:none;
  transform:rotate(-37deg);
  border-radius:24px;
}
.page:before{
  width:270px;
  height:56px;
  left:-98px;
  top:126px;
  background:linear-gradient(90deg,rgba(245,55,151,.24),rgba(123,71,250,.08));
}
.page:after{
  width:280px;
  height:52px;
  right:-74px;
  top:560px;
  background:linear-gradient(90deg,rgba(97,67,255,.19),rgba(245,55,151,.24));
}
.lp-hero,.lp-feature-strip,.lp-split-section,.lp-use-cases,.lp-final-cta,.lp-app-note{
  position:relative;
  z-index:1;
}
.lp-hero-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) 520px;
  align-items:center;
  gap:64px;
  width:min(1240px,calc(100% - 56px));
  min-height:560px;
  margin:0 auto;
  padding:58px 0 86px;
}
.lp-hero-copy,.lp-hero-actions,.lp-proof{grid-column:1}
.lp-hero-media{
  grid-column:2;
  grid-row:1/4;
}
.sp-break{display:none}
.lp-hero-copy h1{
  margin:0;
  color:#10172c;
  font-size:clamp(42px,4.35vw,60px);
  font-weight:950;
  line-height:1.22;
  letter-spacing:.02em;
}
.lp-hero-copy h1 span{
  color:transparent;
  background:linear-gradient(100deg,#f53696 0%,#4b42ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
}
.lp-hero-copy p{
  max-width:610px;
  margin:24px 0 0;
  color:#17223b;
  font-size:16px;
  font-weight:780;
  line-height:2;
}
.lp-hero-actions{
  display:grid;
  grid-template-columns:1fr;
  align-items:center;
  gap:14px;
  width:min(640px,100%);
  margin-top:30px;
}
.hero-url-control{
  display:flex;
  align-items:center;
  width:100%;
  min-height:54px;
  overflow:hidden;
  border:1.5px solid rgba(17,23,42,.22);
  border-radius:9px;
  background:rgba(255,255,255,.86);
  box-shadow:0 14px 30px rgba(26,38,76,.08);
}
.hero-url-control span{
  flex:0 0 auto;
  padding-left:18px;
  color:#8a94aa;
  font-size:14px;
  font-weight:900;
}
.hero-url-control input{
  min-width:0;
  width:100%;
  height:52px;
  border:0;
  outline:0;
  padding:0 16px 0 4px;
  background:transparent;
  color:#10172c;
  font-size:15px;
  font-weight:900;
}
.hero-url-control input::placeholder{color:#a2acc0}
.hero-check-button{
  align-self:stretch;
  flex:0 0 auto;
  min-width:196px;
  border:0;
  padding:0 18px;
  color:#fff;
  background:linear-gradient(135deg,#f63393 0%,#513cff 100%);
  font-size:13px;
  font-weight:950;
  white-space:nowrap;
  cursor:pointer;
}
.hero-secondary-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
}
.hero-primary-row{
  display:flex;
  flex-wrap:wrap;
  align-items:center;
  gap:14px;
}
.hero-slug-status{
  min-height:18px;
  margin:0;
  color:#51617e;
  font-size:12px;
  font-weight:850;
  line-height:1.5;
}
.hero-slug-status.is-error{
  color:#d72f64;
}
.hero-register-link{
  border:0;
  background:transparent;
  color:#5645f5;
  font-size:inherit;
  font-weight:950;
  line-height:inherit;
  text-decoration:none;
  padding:0;
}
.hero-register-link:hover{
  text-decoration:underline;
  text-underline-offset:3px;
}
.lp-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:18px;
  min-width:184px;
  min-height:54px;
  padding:0 24px;
  border-radius:9px;
  font-size:15px;
  font-weight:950;
  text-decoration:none;
}
.lp-btn span{font-size:22px;line-height:1}
.lp-btn-primary{
  border:0;
  color:#fff;
  background:linear-gradient(135deg,#f63393 0%,#513cff 100%);
  box-shadow:0 18px 34px rgba(89,68,243,.20);
}
.lp-btn-secondary{
  border:1.5px solid rgba(17,23,42,.70);
  color:#11172a;
  background:rgba(255,255,255,.74);
}
.hero-start-button{
  justify-self:start;
}
.hero-primary-row .lp-btn-secondary{
  min-height:64px;
  border:1px solid rgba(17,23,42,.08);
  border-radius:14px;
  background:rgba(255,255,255,.86);
  box-shadow:0 14px 34px rgba(26,38,76,.10);
}
.app-install-compact{
  display:flex;
  align-items:center;
  gap:10px;
  min-height:64px;
  height:64px;
  padding:6px 12px;
  border:1px solid rgba(17,23,42,.08);
  border-radius:14px;
  background:rgba(255,255,255,.86);
  box-shadow:0 14px 34px rgba(26,38,76,.10);
}
.app-install-compact p{
  margin:0;
  color:#17223b;
  font-size:12px;
  font-weight:950;
  line-height:1.25;
  white-space:nowrap;
}
.app-store-badge{
  display:block;
  width:145px;
  height:auto;
  max-height:48px;
  object-fit:contain;
}
.app-qr{
  display:block;
  width:48px;
  height:48px;
  border-radius:8px;
  object-fit:cover;
  background:#fff;
}
.lp-proof{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:14px;
  width:min(640px,100%);
  margin-top:32px;
}
.lp-proof span{
  position:relative;
  display:grid;
  align-content:center;
  justify-items:center;
  min-height:84px;
  padding:16px 12px;
  border:1px solid rgba(17,23,42,.08);
  border-radius:16px;
  background:rgba(255,255,255,.88);
  box-shadow:0 16px 38px rgba(26,38,76,.09);
  color:#24304f;
  font-size:13px;
  font-weight:900;
  text-align:center;
  white-space:nowrap;
}
.lp-proof span:before{
  content:"";
  display:block;
  width:26px;
  height:26px;
  margin:0 0 9px;
  border-radius:50%;
  background:linear-gradient(135deg,#ff3e99,#4f45ff);
  box-shadow:inset 0 0 0 5px #fff,0 0 0 1px rgba(91,69,255,.18);
}
.lp-hero-media{
  position:relative;
  min-height:545px;
  display:grid;
  place-items:center;
}
.phone-profile{
  position:relative;
  width:292px;
  height:542px;
  overflow:hidden;
  border:9px solid #0f1423;
  border-radius:38px 38px 0 0;
  background:linear-gradient(180deg,#eaf4f2 0%,#f9fbff 100%);
  box-shadow:0 28px 60px rgba(20,27,48,.28);
}
.phone-screen{
  position:absolute;
  inset:0;
  display:flex;
  flex-direction:column;
  padding:46px 18px 18px;
}
.phone-camera{
  position:absolute;
  top:10px;
  left:50%;
  width:96px;
  height:24px;
  transform:translateX(-50%);
  border-radius:999px;
  background:#0b1020;
  z-index:3;
}
.phone-hero{
  display:grid;
  justify-items:center;
  padding:0 6px 14px;
  color:#11172a;
  text-align:center;
}
.phone-hero img{
  width:76px;
  height:76px;
  border-radius:50%;
  border:3px solid rgba(255,255,255,.72);
  background:#fff;
  object-fit:cover;
}
.phone-hero strong{
  margin-top:10px;
  font-size:18px;
  font-weight:950;
}
.phone-hero span{
  color:#6a748a;
  font-size:10px;
  font-weight:850;
}
.phone-hero p{
  width:100%;
  margin:8px 0 0;
  color:#58647d;
  font-size:10px;
  font-weight:750;
  line-height:1.6;
}
.phone-icons{
  display:flex;
  justify-content:center;
  gap:8px;
  margin-top:12px;
}
.phone-icons img{
  width:18px;
  height:18px;
  border-radius:5px;
  object-fit:cover;
}
.phone-links{
  display:grid;
  gap:10px;
  padding:0;
}
.phone-links a{
  display:grid;
  grid-template-columns:28px 1fr auto;
  align-items:center;
  min-height:39px;
  gap:10px;
  padding:0 12px;
  border:1px solid rgba(17,23,42,.08);
  border-radius:11px;
  background:rgba(255,255,255,.92);
  color:#11172a;
  font-size:11px;
  font-weight:950;
  text-decoration:none;
  box-shadow:0 10px 20px rgba(26,38,76,.08);
}
.phone-links img{
  width:24px;
  height:24px;
  border-radius:7px;
  object-fit:cover;
}
.social-bubble{
  position:absolute;
  z-index:4;
  display:grid;
  place-items:center;
  width:66px;
  height:66px;
  border:1px solid rgba(180,199,232,.72);
  border-radius:50%;
  background:rgba(255,255,255,.86);
  color:#10172c;
  font-size:11px;
  font-weight:950;
  box-shadow:0 16px 34px rgba(35,44,76,.13);
  backdrop-filter:blur(12px);
  -webkit-backdrop-filter:blur(12px);
  animation:floatBubble 8s ease-in-out infinite;
}
.social-bubble img{
  width:42px;
  height:42px;
  border-radius:12px;
  object-fit:cover;
}
.bubble-youtube{left:42px;top:112px;color:#fa2545}
.bubble-instagram{left:48px;top:218px;color:#e339a5;animation-delay:-1.4s}
.bubble-link{left:76px;bottom:108px;color:#2372ff;animation-delay:-2.8s}
.bubble-twitch{right:30px;top:72px;color:#6a4bff;animation-delay:-4.2s}
.bubble-tiktok{right:0;top:198px;color:#11172a;animation-delay:-5.4s}
.bubble-x{right:34px;bottom:132px;color:#11172a;font-size:26px;animation-delay:-6.6s}
@keyframes floatBubble{
  0%,100%{transform:translate3d(0,0,0) scale(1)}
  30%{transform:translate3d(10px,-14px,0) scale(1.04)}
  62%{transform:translate3d(-8px,8px,0) scale(.98)}
}
.lp-feature-strip{
  display:grid;
  grid-template-columns:repeat(6,minmax(0,1fr));
  gap:0;
  width:min(1320px,calc(100% - 64px));
  margin:-34px auto 0;
  padding:18px 18px;
  border:1px solid rgba(17,23,42,.08);
  border-radius:16px;
  background:rgba(255,255,255,.88);
  box-shadow:0 18px 48px rgba(26,38,76,.10);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
}
.mobile-section-title{display:none}
.lp-feature-strip article{
  min-width:0;
  padding:10px 18px;
}
.lp-feature-strip article>*{min-width:0}
.lp-feature-strip span{
  display:block;
  color:#6c45ff;
  font-size:24px;
  line-height:1;
}
.lp-feature-strip h2{
  margin:10px 0 5px;
  color:#11172a;
  font-size:13px;
  font-weight:950;
  line-height:1.4;
}
.lp-feature-strip p{
  margin:0;
  color:#59647d;
  font-size:11px;
  font-weight:760;
  line-height:1.85;
}
.lp-split-section{
  display:grid;
  grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
  gap:18px;
  width:min(1320px,calc(100% - 64px));
  margin:28px auto 0;
}
.template-panel,.analytics-panel{
  display:grid;
  gap:24px;
  min-width:0;
  padding:26px;
  border:1px solid rgba(17,23,42,.08);
  border-radius:16px;
  background:rgba(255,255,255,.92);
  box-shadow:0 16px 42px rgba(26,38,76,.08);
}
.template-panel{
  grid-template-columns:210px minmax(0,1fr);
}
.template-copy h2,.analytics-panel h2,.lp-use-cases h2,.lp-final-cta h2{
  margin:0;
  color:#11172a;
  font-size:24px;
  font-weight:950;
  line-height:1.45;
}
.template-copy p,.analytics-panel p,.lp-final-cta p{
  margin:12px 0 20px;
  color:#556078;
  font-size:13px;
  font-weight:760;
  line-height:1.9;
}
.lp-small-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 18px;
  border:1px solid rgba(17,23,42,.35);
  border-radius:8px;
  color:#11172a;
  font-size:12px;
  font-weight:950;
  text-decoration:none;
}
.template-cards{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:12px;
}
.template-cards figure{
  margin:0;
  overflow:hidden;
  border:1px solid rgba(17,23,42,.08);
  border-radius:12px;
  background:#fff;
  box-shadow:0 14px 30px rgba(26,38,76,.08);
}
.template-cards img{
  display:block;
  width:100%;
  aspect-ratio:9/14;
  object-fit:cover;
  object-position:top;
}
.template-cards figcaption{
  padding:8px;
  color:#11172a;
  font-size:11px;
  font-weight:900;
  text-align:center;
}
.analytics-panel{
  grid-template-columns:190px minmax(0,1fr);
}
.metrics-card{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:10px;
  padding:16px;
  border-radius:14px;
  background:#fbfdff;
  border:1px solid rgba(17,23,42,.08);
}
.metrics-card div{
  padding:12px;
  border-radius:10px;
  background:#fff;
  box-shadow:0 8px 20px rgba(26,38,76,.06);
}
.metrics-card span,.metrics-card em{
  display:block;
  color:#60708f;
  font-size:10px;
  font-weight:850;
  font-style:normal;
}
.metrics-card strong{
  display:block;
  margin-top:4px;
  color:#11172a;
  font-size:20px;
  line-height:1.1;
  font-weight:950;
}
.metrics-card em{color:#19a875;margin-top:5px}
.metrics-card ul{
  grid-column:1/-1;
  display:grid;
  gap:8px;
  margin:4px 0 0;
  padding:0;
  list-style:none;
}
.metrics-card li{
  display:grid;
  grid-template-columns:1fr 64px;
  align-items:center;
  gap:12px;
  color:#17223b;
  font-size:11px;
  font-weight:850;
}
.metrics-card li:after{
  content:"";
  height:5px;
  border-radius:999px;
  background:linear-gradient(90deg,#6546ff,#a76fff);
}
.metrics-card li span{grid-column:2;grid-row:1;text-align:right;color:#17223b}
.lp-use-cases{
  width:min(1320px,calc(100% - 64px));
  margin:24px auto 0;
}
.lp-use-cases h2{
  margin-bottom:14px;
  text-align:center;
}
.use-case-grid{
  display:grid;
  grid-template-columns:repeat(5,minmax(0,1fr));
  gap:14px;
}
.use-case-grid article{
  display:grid;
  grid-template-columns:58px minmax(0,1fr);
  column-gap:14px;
  align-items:center;
  min-height:96px;
  padding:16px;
  border:1px solid rgba(17,23,42,.08);
  border-radius:14px;
  background:rgba(255,255,255,.92);
  box-shadow:0 14px 32px rgba(26,38,76,.07);
}
.use-case-grid img{
  grid-row:1/3;
  width:58px;
  height:58px;
  border-radius:50%;
  background:#fff;
}
.use-case-grid strong{
  color:#11172a;
  font-size:13px;
  font-weight:950;
}
.use-case-grid p{
  margin:3px 0 0;
  color:#556078;
  font-size:11px;
  font-weight:760;
  line-height:1.75;
}
.lp-final-cta{
  display:grid;
  justify-items:center;
  width:min(760px,calc(100% - 48px));
  margin:44px auto 0;
  padding:28px 0 24px;
  text-align:center;
}
.lp-final-cta .lp-btn{
  margin-top:12px;
}
.lp-final-cta .lp-btn + .lp-btn{
  margin-top:10px;
}
.lp-app-note{
  display:grid;
  justify-items:center;
  gap:10px;
  width:min(760px,calc(100% - 48px));
  margin:14px auto 42px;
  text-align:center;
}
.lp-app-note img{
  width:160px;
}
.lp-app-note p{
  max-width:560px;
  margin:0;
  color:#5b6680;
  font-size:12px;
  font-weight:760;
  line-height:1.8;
}
.site-footer{
  border-top:1px solid rgba(17,23,42,.08);
  background:#fff;
}
.footer-inner{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  gap:18px;
  width:min(1240px,calc(100% - 56px));
  padding:28px 0;
}
.footer-inner strong{
  display:block;
  width:150px;
  height:42px;
  overflow:hidden;
  background:url("./assets/casta-logo.png?v=20260707") left center/contain no-repeat;
  text-indent:-9999px;
}
.footer-brand-row{
  display:flex;
  align-items:center;
  gap:16px;
}
.footer-brand-home{
  display:block;
  color:inherit;
  text-decoration:none;
}
.footer-brand-home:focus-visible{
  border-radius:8px;
  outline:2px solid #267ef4;
  outline-offset:4px;
}
.footer-social-links{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px;
}
.footer-social-links a{
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  overflow:hidden;
  border-radius:50%;
  background:#08090c;
}
.footer-social-links img{
  display:block;
  width:100%;
  height:100%;
  border-radius:50%;
  object-fit:cover;
}
.footer-inner nav{
  justify-content:flex-end;
  margin-top:0;
}
.footer-inner a{
  color:#1f2d4e;
}
.footer-inner p{
  grid-column:1/-1;
  margin:0;
  color:#687593;
  font-size:12px;
}
@media (min-width: 981px) and (hover: hover) and (pointer: fine) {
  .nav > a {
    position: relative;
    background-image: none;
  }

  .nav > a::after {
    position: absolute;
    right: 0;
    bottom: -5px;
    left: 0;
    height: 1px;
    background: currentColor;
    content: "";
    transform: scaleX(0);
    transform-origin: left center;
    transition: transform .26s ease;
  }

  .nav > a:hover::after,
  .nav > a:focus-visible::after {
    transform: scaleX(1);
  }

  .footer-inner > nav a {
    background-image: linear-gradient(currentColor, currentColor);
    background-position: 0 100%;
    background-repeat: no-repeat;
    background-size: 0 1px;
    transition: background-size .26s ease, color .2s ease;
  }

  .footer-inner > nav a:hover,
  .footer-inner > nav a:focus-visible {
    background-size: 100% 1px;
  }
}
@media(max-width:1120px){
  .nav{gap:18px}
  .lp-hero-inner{
    grid-template-columns:minmax(0,1fr) 430px;
    gap:34px;
  }
  .lp-split-section,.template-panel,.analytics-panel{
    grid-template-columns:1fr;
  }
  .use-case-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .lp-feature-strip{grid-template-columns:repeat(3,minmax(0,1fr))}
  .design-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .share-grid{grid-template-columns:1fr}
}
@media(max-width:820px){
  .site-header{
    position:relative;
    box-shadow:none;
    border-bottom:0;
    background:transparent;
  }
  .header-inner{
    width:min(390px,calc(100% - 40px));
    height:78px;
    justify-content:space-between;
    border-bottom:1px solid rgba(17,23,42,.08);
  }
  .brand{
    width:134px;
    height:42px;
    background-position:left center;
  }
  .mobile-menu-button{
    display:grid;
    gap:5px;
    width:38px;
    height:38px;
    border:0;
    background:transparent;
    padding:6px;
  }
  .mobile-menu-button span{
    display:block;
    height:3px;
    border-radius:999px;
    background:#11172a;
  }
  .nav{display:none}
  body.is-mobile-menu-open .site-header{
    position:fixed;
    inset:0 0 auto 0;
    z-index:90;
    background:rgba(255,255,255,.96);
    box-shadow:0 18px 50px rgba(26,38,76,.12);
  }
  body.is-mobile-menu-open .header-inner{
    align-items:flex-start;
    height:auto;
    min-height:100vh;
    padding-top:18px;
    border-bottom:0;
  }
  body.is-mobile-menu-open .mobile-menu-button{
    position:absolute;
    top:22px;
    right:20px;
  }
  body.is-mobile-menu-open .mobile-menu-button span:nth-child(1){transform:translateY(8px) rotate(45deg)}
  body.is-mobile-menu-open .mobile-menu-button span:nth-child(2){opacity:0}
  body.is-mobile-menu-open .mobile-menu-button span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
  body.is-mobile-menu-open .nav{
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    position:absolute;
    left:20px;
    right:20px;
    top:86px;
  }
  body.is-mobile-menu-open .nav a,
  body.is-mobile-menu-open .nav-login,
  body.is-mobile-menu-open .nav .nav-primary{
    display:flex!important;
    align-items:center;
    justify-content:space-between;
    min-height:56px;
    width:100%;
    border:1px solid rgba(125,207,234,.38);
    border-radius:14px;
    padding:0 18px;
    background:#fff;
    color:#172033!important;
    box-shadow:0 10px 28px rgba(88,138,188,.08);
  }
  body.is-mobile-menu-open .nav .nav-primary{
    justify-content:center;
    color:#fff!important;
    background:linear-gradient(135deg,#f63393 0%,#513cff 100%);
  }
  .page{
    background:
      linear-gradient(132deg,rgba(255,255,255,0) 0 12%,rgba(250,210,238,.60) 12% 18%,rgba(255,255,255,0) 18% 100%),
      linear-gradient(144deg,rgba(255,255,255,0) 0 84%,rgba(213,204,255,.68) 84% 89%,rgba(255,255,255,0) 89% 100%),
      #fff;
  }
  .page:before{
    width:180px;
    height:38px;
    left:-70px;
    top:118px;
  }
  .page:after{
    width:190px;
    height:36px;
    right:-86px;
    top:auto;
    bottom:120px;
  }
  .lp-hero-inner{
    grid-template-columns:1fr;
    width:min(390px,calc(100% - 40px));
    max-width:calc(100vw - 40px);
    min-height:0;
    gap:22px;
    padding:28px 0 26px;
    text-align:center;
  }
  .lp-hero-copy h1{
    font-size:34px;
    line-height:1.46;
    max-width:100%;
    overflow-wrap:anywhere;
  }
  .sp-break{display:block}
  .lp-hero-copy p{
    max-width:320px;
    width:100%;
    margin:16px auto 0;
    font-size:13px;
    line-height:1.9;
    overflow-wrap:anywhere;
  }
  .lp-hero-media{
    grid-column:1;
    grid-row:auto;
    order:2;
    min-height:372px;
  }
  .phone-profile{
    width:202px;
    height:368px;
    border-width:7px;
    border-radius:30px 30px 0 0;
  }
  .phone-camera{
    width:72px;
    height:18px;
    top:8px;
  }
  .phone-hero{
    padding:34px 16px 10px;
  }
  .phone-hero img{
    width:56px;
    height:56px;
  }
  .phone-hero strong{font-size:13px}
  .phone-hero span,.phone-hero p{font-size:8px}
  .phone-icons{gap:7px;margin-top:8px}
  .phone-icons i{width:8px;height:8px}
  .phone-links{
    gap:7px;
    padding:0 12px 14px;
  }
  .phone-links a{
    min-height:28px;
    padding:0 11px;
    font-size:8px;
    border-radius:6px;
  }
  .social-bubble{
    width:54px;
    height:54px;
    font-size:8px;
  }
  .bubble-youtube{left:18px;top:58px}
  .bubble-instagram{left:0;top:158px}
  .bubble-link{left:40px;bottom:46px}
  .bubble-twitch{right:12px;top:72px}
  .bubble-tiktok{right:0;top:192px}
  .bubble-x{right:28px;bottom:70px;font-size:19px}
  .lp-hero-actions{
    grid-column:1;
    justify-self:center;
    order:3;
    display:grid;
    grid-template-columns:1fr;
    gap:12px;
    width:100%;
    max-width:300px;
    margin:22px auto 0;
  }
  .hero-url-control{
    width:100%;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    min-height:56px;
    overflow:visible;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
  }
  .hero-url-control span{
    display:flex;
    align-items:center;
    height:54px;
    padding-left:14px;
    border:1.5px solid rgba(17,23,42,.18);
    border-right:0;
    border-radius:10px 0 0 10px;
    background:rgba(255,255,255,.88);
    box-shadow:0 12px 26px rgba(26,38,76,.08);
    font-size:12px;
  }
  .hero-url-control input{
    height:54px;
    padding:0 12px 0 3px;
    border:1.5px solid rgba(17,23,42,.18);
    border-left:0;
    border-radius:0 10px 10px 0;
    background:rgba(255,255,255,.88);
    box-shadow:0 12px 26px rgba(26,38,76,.08);
    text-align:left;
  }
  .hero-url-control input::placeholder{
    text-align:left;
  }
  .hero-check-button{
    grid-column:1/-1;
    min-width:0;
    min-height:58px;
    margin-top:10px;
    border-radius:9px;
    font-size:13px;
  }
  .hero-secondary-row{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    width:100%;
  }
  .lp-btn{
    min-height:58px;
    width:100%;
    max-width:100%;
    min-width:0;
    border-radius:9px;
    font-size:14px;
  }
  .hero-start-button{
    justify-self:stretch;
  }
  .hero-secondary-row .lp-btn-secondary{
    min-height:58px;
    border-radius:12px;
  }
  .app-install-compact{
    display:grid;
    grid-template-columns:auto auto;
    justify-content:center;
    justify-items:center;
    gap:8px 10px;
    width:100%;
    min-height:0;
    height:auto;
    padding:10px 12px;
    border-radius:12px;
  }
  .app-install-compact p{
    grid-column:1/-1;
    text-align:center;
  }
  .app-install-compact a{
    justify-self:center;
  }
  .app-store-badge{
    width:150px;
    max-height:55px;
  }
  .app-qr{
    width:58px;
    height:58px;
  }
  .lp-proof{
    grid-column:1;
    order:4;
    justify-content:space-between;
    gap:8px;
    width:100%;
    max-width:332px;
    margin:24px auto 0;
  }
  .lp-proof span{
    display:grid;
    justify-items:center;
    gap:6px;
    width:31%;
    font-size:10px;
    white-space:normal;
  }
  .lp-proof span:before{
    width:18px;
    height:18px;
    margin:0;
    vertical-align:0;
  }
  .lp-feature-strip{
    grid-template-columns:1fr;
    width:min(390px,calc(100% - 40px));
    max-width:calc(100vw - 40px);
    margin:22px auto 0;
    padding:0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    backdrop-filter:none;
    -webkit-backdrop-filter:none;
  }
  .mobile-section-title{
    display:block;
    margin:0 0 18px;
    color:#11172a;
    font-size:25px;
    font-weight:950;
    line-height:1.25;
    text-align:center;
  }
  .mobile-section-title:after,.lp-use-cases h2:after{
    content:"";
    display:block;
    width:44px;
    height:3px;
    margin:10px auto 0;
    border-radius:999px;
    background:linear-gradient(90deg,#f63596,#4e43ff);
  }
  .lp-feature-strip article{
    width:100%;
    max-width:100%;
    display:grid;
    grid-template-columns:58px minmax(0,1fr);
    column-gap:18px;
    align-items:center;
    min-height:96px;
    margin-bottom:14px;
    padding:18px;
    border:1px solid rgba(17,23,42,.08);
    border-radius:12px;
    background:rgba(255,255,255,.88);
    box-shadow:0 16px 36px rgba(26,38,76,.09);
  }
  .lp-feature-strip article span{
    grid-row:1/3;
    display:grid;
    place-items:center;
    width:54px;
    height:54px;
    font-size:31px;
  }
  .lp-feature-strip h2{
    margin:0;
    font-size:16px;
    overflow-wrap:anywhere;
  }
  .lp-feature-strip p{
    margin-top:3px;
    font-size:11px;
    overflow-wrap:anywhere;
  }
  .lp-split-section{
    display:none;
  }
  .lp-use-cases{
    width:min(390px,calc(100% - 40px));
    max-width:calc(100vw - 40px);
    margin:30px auto 0;
  }
  .lp-use-cases h2{
    margin-bottom:20px;
    font-size:24px;
  }
  .use-case-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
  .use-case-grid article{
    min-height:92px;
    border-radius:12px;
    background:rgba(255,255,255,.90);
  }
  .lp-final-cta{
    width:min(390px,calc(100% - 40px));
    margin:40px auto 0;
  }
  .lp-final-cta h2{
    font-size:22px;
  }
  .lp-final-cta .lp-btn{
    max-width:300px;
  }
  .lp-app-note{
    width:min(390px,calc(100% - 40px));
    margin-bottom:34px;
  }
  .footer-inner{
    grid-template-columns:1fr;
    justify-items:center;
    width:min(390px,calc(100% - 40px));
    text-align:center;
  }
  .footer-brand-row{
    flex-direction:column;
    gap:10px;
  }
  .footer-inner nav{
    justify-content:center;
  }
}
@media(max-width:430px){
  .lp-hero-copy h1{font-size:34px}
  .lp-hero-media{min-height:350px}
  .phone-profile{
    width:190px;
    height:350px;
  }
  .design-grid{grid-template-columns:1fr}
  .studio-section-header{align-items:flex-start;flex-direction:column}
}

@media(max-width:820px){
  .site-header{
    position:sticky;
    top:0;
    z-index:40;
    background:rgba(255,255,255,.92);
    border-bottom:1px solid rgba(17,23,42,.08);
    box-shadow:0 12px 28px rgba(26,38,76,.06);
  }
  .header-inner{
    width:min(430px,calc(100% - 24px));
    height:64px;
    align-items:center;
    border-bottom:0;
  }
  .brand{
    width:116px;
    height:36px;
  }
  .mobile-menu-button{
    display:none!important;
  }
  .nav{
    display:flex!important;
    flex:0 0 auto;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
  }
  .nav-login,.nav .nav-primary{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-height:34px;
    min-width:0;
    padding:0 12px;
    border-radius:999px;
    font-size:12px;
    line-height:1;
    white-space:nowrap;
  }
  .nav-login{
    border:1px solid rgba(17,23,42,.12);
    background:rgba(255,255,255,.78);
    box-shadow:0 8px 18px rgba(26,38,76,.07);
  }
  .nav .nav-primary{
    min-width:74px;
    padding:0 13px;
    color:#fff!important;
  }
  .desktop-label{display:none}
  .mobile-label{display:inline}
  .nav-login.is-edit-link{
    gap:6px;
    max-width:132px;
    padding-right:7px;
  }
  .nav-login.is-edit-link .header-edit-text{
    overflow:hidden;
    text-overflow:ellipsis;
  }
  .header-user-avatar{
    width:26px;
    height:26px;
  }
  .nav-logout{
    width:34px;
    height:34px;
    border-radius:50%;
  }
  .nav-logout svg{
    width:17px;
    height:17px;
  }
  .hero-primary-row{
    display:grid;
    grid-template-columns:1fr;
    gap:10px;
    width:100%;
  }
  .hero-primary-row .lp-btn-secondary{
    min-height:58px;
    border-radius:12px;
  }
  .hero-secondary-row{
    justify-items:center;
  }
  .phone-profile{
    background:linear-gradient(180deg,#e8f4f1 0%,#fbfdff 100%);
  }
  .phone-screen{
    padding:34px 12px 14px;
  }
  .phone-hero{
    padding:0 6px 10px;
  }
  .phone-hero span,.phone-hero p{
    color:#66718a;
  }
  .phone-icons img{
    width:14px;
    height:14px;
    border-radius:4px;
  }
  .phone-links{
    gap:7px;
    padding:0;
  }
  .phone-links a{
    grid-template-columns:20px 1fr auto;
    gap:7px;
    min-height:29px;
    padding:0 9px;
    font-size:8px;
  }
  .phone-links img{
    width:18px;
    height:18px;
    border-radius:5px;
  }
  .social-bubble{
    width:48px;
    height:48px;
  }
  .social-bubble img{
    width:31px;
    height:31px;
    border-radius:9px;
  }
  .lp-proof{
    display:grid;
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    max-width:340px;
  }
  .lp-proof span{
    width:auto;
    min-height:76px;
    padding:12px 6px;
    border-radius:14px;
    font-size:9.5px;
    line-height:1.35;
  }
  .lp-proof span:before{
    width:23px;
    height:23px;
    margin-bottom:7px;
  }
}

/* Profile editor reliability and desktop workspace polish */
.dashboard-actions{
  align-items:center;
}
.publish-toggle{
  display:inline-flex;
  align-items:center;
  justify-content:space-between;
  gap:9px;
  width:174px;
  flex:0 0 174px;
  min-height:48px;
  padding:0 14px;
  border:1px solid rgba(125,207,234,.44);
  border-radius:999px;
  background:rgba(255,255,255,.86);
  color:#26305f;
  font-size:13px;
  font-weight:950;
  white-space:nowrap;
}
.publish-toggle span{
  flex:1 1 auto;
  text-align:center;
}
.publish-toggle input{
  position:relative;
  appearance:none;
  width:42px;
  height:24px;
  margin:0;
  border:0;
  border-radius:999px;
  background:#cbd4e5;
  outline:none;
  transition:background .2s ease;
}
.publish-toggle input:after{
  content:"";
  position:absolute;
  top:3px;
  left:3px;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#fff;
  box-shadow:0 2px 8px rgba(17,23,42,.20);
  transition:transform .2s ease;
}
.publish-toggle input:checked{
  background:linear-gradient(135deg,var(--blue),var(--violet),var(--pink));
}
.publish-toggle input:checked:after{
  transform:translateX(18px);
}
.profile-live-editor .profile-avatar-dropzone,
.profile-avatar-dropzone{
  position:relative;
  width:136px;
  margin:0 auto 18px;
}
.profile-live-editor .profile-avatar-dropzone img,
.profile-avatar-dropzone img{
  width:126px;
  height:126px;
}
.profile-avatar-dropzone>div,
.profile-live-editor .profile-avatar-dropzone>div{
  position:static;
}
.profile-avatar-dropzone .avatar-upload-button,
.profile-live-editor .profile-avatar-dropzone .avatar-upload-button{
  display:none!important;
}
.avatar-upload-plus{
  position:absolute;
  top:6px;
  right:2px;
  display:grid!important;
  place-items:center;
  width:30px;
  height:30px;
  border:2px solid rgba(255,255,255,.92);
  border-radius:50%;
  background:linear-gradient(135deg,var(--blue),var(--violet),var(--pink));
  color:#fff!important;
  font-size:20px!important;
  font-weight:950!important;
  line-height:1;
  box-shadow:0 8px 18px rgba(31,39,90,.20);
  cursor:pointer;
}
.profile-avatar-dropzone p,
.profile-live-editor .profile-avatar-dropzone p{
  min-height:18px;
  width:180px;
  margin:8px 50% 0;
  transform:translateX(-50%);
}
.profile-avatar-dropzone p:empty,
.profile-live-editor .profile-avatar-dropzone p:empty{
  display:none;
}
.profile-avatar-dropzone.is-dragging,
.profile-live-editor .profile-avatar-dropzone.is-dragging{
  outline:0;
}

@media(min-width:1041px){
  .creator-app{
    background:#f0f8ff;
  }
  .dashboard-view{
    min-height:100vh;
    padding:0;
    background:var(--editor-bg,#f0f8ff);
  }
  .dashboard-shell{
    display:block;
    width:100%;
    max-width:none;
    margin:0;
  }
  .dashboard-side{
    position:fixed;
    inset:0 auto 0 0;
    z-index:35;
    width:250px;
    height:100vh;
    padding:48px 30px;
    border:0;
    border-radius:0;
    background:#f3f3f3;
    box-shadow:none;
  }
  .dashboard-brand{
    justify-content:center;
    margin:0 0 34px;
  }
  .dashboard-brand img{
    width:54px;
    height:54px;
    border-radius:16px;
  }
  .dashboard-brand span{
    font-size:28px;
  }
  .dash-tab,
  .dash-link{
    min-height:42px;
    padding:0 6px;
    border-radius:0;
    background:transparent;
    color:#252b34;
    font-size:16px;
    text-align:left;
  }
  .dash-tab.is-active{
    background:transparent;
    color:#11172a;
  }
  .dash-link{
    display:flex;
    align-items:center;
    justify-content:flex-start;
  }
  .dashboard-main{
    min-height:100vh;
    margin-left:250px;
    padding:0;
    border:0;
    border-radius:0;
    background:var(--editor-bg,#f0f8ff);
    box-shadow:none;
  }
  .dashboard-top{
    position:sticky;
    top:0;
    z-index:25;
    align-items:center;
    margin:0;
    padding:18px 32px 8px;
    background:linear-gradient(180deg,var(--editor-bg,#f0f8ff) 0%,rgba(240,248,255,.88) 100%);
  }
  .dashboard-top h1{
    font-size:28px;
  }
  .profile-editor-stage{
    min-height:calc(100vh - 78px);
    margin:0;
    padding:34px 16px 70px;
    border-radius:0;
    background:var(--editor-bg,#f0f8ff);
  }
}

/* Profile editor header controls */
.dashboard-heading[hidden]{
  display:none!important;
}
.dashboard-top{
  justify-content:flex-end;
}
.dashboard-actions{
  width:100%;
  justify-content:flex-end;
  align-items:flex-start;
  flex-wrap:wrap;
  gap:10px 12px;
}
.dashboard-url-copy{
  display:grid;
  grid-template-columns:auto minmax(220px,360px) auto;
  align-items:center;
  gap:8px;
  min-height:48px;
  padding:5px 6px 5px 14px;
  border:1px solid rgba(125,207,234,.44);
  border-radius:999px;
  background:rgba(255,255,255,.86);
  color:#26305f;
  font-size:13px;
  font-weight:950;
}
.dashboard-url-copy input{
  width:100%;
  min-height:36px;
  padding:0 2px;
  border:0;
  background:transparent;
  color:#172033;
  font-size:13px;
  font-weight:850;
  outline:0;
  user-select:text;
}
.dashboard-url-copy small{
  display:block;
  grid-column:2 / 4;
  min-height:14px;
  margin:-2px 9px 0 0;
  color:#22a878;
  font-size:11px;
  line-height:14px;
  font-weight:900;
  text-align:right;
}
.copy-url-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 12px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,var(--blue),var(--violet),var(--pink));
  color:#fff;
  font-size:12px;
  font-weight:950;
  cursor:pointer;
}
.publish-toggle{
  flex-direction:row;
}
.publish-toggle span{
  order:1;
}
.publish-toggle input{
  order:2;
  flex:0 0 auto;
}
.color-picker-chip{
  gap:7px!important;
}
.color-picker-pen{
  position:relative;
  display:inline-block;
  width:21px;
  height:21px;
  border-radius:50%;
  background:rgba(255,255,255,.74);
  box-shadow:inset 0 0 0 1px rgba(17,23,42,.12);
}
.color-picker-pen:before{
  content:"";
  position:absolute;
  width:9px;
  height:2px;
  top:10px;
  left:6px;
  border-radius:999px;
  background:#26305f;
  transform:rotate(-42deg);
}
.color-picker-pen:after{
  content:"";
  position:absolute;
  width:3px;
  height:3px;
  top:6px;
  left:13px;
  border-radius:1px;
  background:#26305f;
  transform:rotate(-42deg);
}
.profile-live-editor .profile-avatar-dropzone,
.profile-avatar-dropzone{
  height:166px;
  align-content:start;
}
.profile-avatar-dropzone p,
.profile-live-editor .profile-avatar-dropzone p{
  position:absolute;
  top:134px;
  left:50%;
  width:230px;
  min-height:18px;
  margin:0;
  transform:translateX(-50%);
}
.profile-avatar-dropzone p:empty,
.profile-live-editor .profile-avatar-dropzone p:empty{
  display:block;
  visibility:hidden;
}

@media(max-width:920px){
  .dashboard-actions{
    align-items:stretch;
  }
  .dashboard-actions>*{
    flex:0 0 auto;
  }
  .dashboard-url-copy{
    width:100%;
    grid-template-columns:1fr auto;
    border-radius:18px;
  }
  .dashboard-url-copy span{
    grid-column:1 / -1;
  }
  .dashboard-url-copy input{
    min-width:0;
  }
  .dashboard-url-copy small{
    grid-column:1 / -1;
    text-align:left;
  }
}

/* Profile editor refinement pass */
html.is-public-view,
body.is-public-view{
  min-height:100vh;
  background:var(--profile-bg,#f0f8ff);
}
.profile-ssr{
  display:grid;
  justify-items:center;
  width:100%;
  color:var(--profile-text-color,#172033);
}
.profile-ssr-handle{
  margin:2px 0 0;
  color:inherit;
  opacity:.72;
}
.profile-ssr-bio{
  width:min(100%,520px);
  margin:18px auto 0;
  text-align:center;
  white-space:normal;
}
.profile-ssr-links{
  display:grid;
  gap:10px;
  width:100%;
  margin-top:24px;
}
.profile-ssr-link{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:50px;
  padding:10px 18px;
  border:1px solid rgba(81,72,223,.16);
  border-radius:12px;
  background:#fff;
  color:inherit;
  font-size:14px;
  font-weight:600;
  text-align:center;
  text-decoration:none;
}
.profile-ssr-platform{
  display:grid;
  gap:14px;
  width:100%;
  margin-top:30px;
  padding-top:24px;
  border-top:1px solid rgba(91,106,140,.16);
}
.profile-ssr-platform h2,
.profile-ssr-platform h3{
  margin:0;
  color:inherit;
  font-weight:600;
}
.profile-ssr-platform h2{font-size:19px}
.profile-ssr-platform h3{font-size:15px}
.profile-ssr-platform-heading{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
}
.profile-ssr-platform-heading>a{
  color:#5148df;
  font-size:12px;
  font-weight:600;
  text-decoration:none;
}
.profile-ssr-stats{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  width:100%;
  margin:0;
}
.profile-ssr-stats>div{
  min-width:0;
  padding:14px 8px;
  border-right:1px solid rgba(91,106,140,.16);
  text-align:center;
}
.profile-ssr-stats>div:last-child{border-right:0}
.profile-ssr-stats dt{
  color:inherit;
  font-size:11px;
  opacity:.62;
}
.profile-ssr-stats dd{
  margin:6px 0 0;
  color:inherit;
  font-size:20px;
  font-weight:700;
}
.profile-ssr-videos{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
  width:100%;
  margin:0;
  padding:0;
  list-style:none;
}
.profile-ssr-videos a{
  display:grid;
  gap:7px;
  color:inherit;
  text-decoration:none;
}
.profile-ssr-videos img{
  width:100%;
  aspect-ratio:16/9;
  border-radius:9px;
  object-fit:cover;
}
.profile-ssr-videos span{display:grid;gap:3px}
.profile-ssr-videos strong{
  display:-webkit-box;
  overflow:hidden;
  font-size:12px;
  font-weight:600;
  line-height:1.5;
  -webkit-box-orient:vertical;
  -webkit-line-clamp:2;
}
.profile-ssr-videos small{
  color:inherit;
  font-size:10px;
  opacity:.62;
}
.profile-ssr-source{
  margin:0;
  color:inherit;
  font-size:10px;
  opacity:.58;
}
.profile-ssr-social-list{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
  width:100%;
}
.profile-ssr-social-list a{
  display:flex;
  align-items:center;
  gap:9px;
  min-width:0;
  padding:12px 14px;
  border:1px solid rgba(91,106,140,.14);
  border-radius:10px;
  background:rgba(255,255,255,.72);
  color:inherit;
  font-size:12px;
  font-weight:600;
  text-decoration:none;
}
.profile-ssr-social-list img{
  width:22px;
  height:22px;
  flex:0 0 auto;
  object-fit:contain;
}
.profile-ssr .public-brand-footer{width:100%}
@media(max-width:640px){
  .profile-ssr-videos{grid-template-columns:1fr}
  .profile-ssr-social-list{grid-template-columns:1fr}
  .profile-ssr-stats dt{font-size:9px}
  .profile-ssr-stats dd{font-size:16px}
}
.public-profile-page{
  min-height:100vh;
  background:var(--profile-bg,#f0f8ff);
}
.public-profile-shell{
  min-height:100vh;
  align-content:start;
}
.public-card-large{
  background:transparent;
}
.dashboard-url-copy{
  position:relative;
  min-height:48px;
}
.dashboard-url-copy small{
  position:absolute;
  right:16px;
  top:calc(100% + 4px);
  grid-column:auto;
  min-height:0;
  margin:0;
  white-space:nowrap;
}
.dashboard-url-copy small:empty{
  display:none;
}
.preview-profile-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  padding:0 18px;
  border:1px solid rgba(125,207,234,.44);
  border-radius:999px;
  background:rgba(255,255,255,.86);
  color:#26305f;
  font-size:13px;
  font-weight:950;
  text-decoration:none;
  white-space:nowrap;
}
.profile-tags-field{
  display:none!important;
}
.profile-live-editor .custom-link-row{
  position:relative;
  grid-template-columns:minmax(0,1fr) minmax(0,1.2fr) auto;
  padding-top:28px;
}
.profile-live-editor .custom-link-row.is-dragging{
  opacity:.58;
}
body.is-link-dragging{
  cursor:grabbing;
  user-select:none;
}
.profile-live-editor .custom-link-row.is-drop-target{
  outline:2px solid rgba(81,72,223,.32);
  outline-offset:2px;
}
.profile-live-editor .link-row-grip{
  position:absolute;
  top:8px;
  left:50%;
  display:grid;
  grid-template-columns:repeat(3,4px);
  gap:4px;
  width:auto;
  min-width:0;
  height:auto;
  padding:2px;
  border:0;
  border-radius:8px;
  background:transparent;
  color:transparent;
  transform:translateX(-50%);
  cursor:grab;
  touch-action:none;
}
.profile-live-editor .link-row-grip:active{
  cursor:grabbing;
}
.profile-live-editor .link-row-grip span{
  width:4px;
  height:4px;
  border-radius:50%;
  background:rgba(17,23,42,.42);
}
.profile-live-editor .link-row-actions{
  align-self:center;
}
.profile-live-editor .link-row-actions button{
  min-height:34px;
  padding:0 12px;
  border:1px solid rgba(17,23,42,.08);
  border-radius:999px;
  background:#fff;
  color:#657086;
  font-size:12px;
  font-weight:900;
}
.followers-head,
.studio-section-header{
  justify-content:center;
  text-align:center;
}
#followersTab,
#analyticsTab{
  width:min(620px,100%);
  margin:0 auto;
}
.followers-head p,
.studio-section-header p{
  margin-inline:auto;
}
.switch-row{
  background:rgba(255,255,255,.72);
  border:1px solid rgba(17,23,42,.08);
}
.follower-grid{
  grid-template-columns:1fr;
  width:min(460px,100%);
  margin:0 auto;
}
.follower-card{
  grid-template-columns:minmax(0,1fr) 160px;
  align-items:center;
  min-height:62px;
  padding:10px 14px;
  border-top:1px solid rgba(17,23,42,.08)!important;
  border-color:rgba(17,23,42,.08);
  border-radius:12px;
  box-shadow:0 8px 20px rgba(31,39,90,.10);
}
.follower-card input{
  min-height:38px;
  border:0;
  background:transparent;
  font-size:20px;
}
.follower-total-card{
  width:min(460px,100%);
  margin:18px auto 0;
  padding:0;
  border-radius:0;
  background:transparent;
  color:#11172a;
  text-align:center;
}
.follower-total-card small{
  color:#7a869d;
}
.follower-total-card strong{
  color:#11172a;
  font-size:clamp(34px,5vw,44px);
}
.follower-total-card p{
  color:#6a7894;
}
.analytics-summary-grid{
  width:min(520px,100%);
  margin:0 auto;
}
.analytics-summary-grid article,
.analytics-link-panel{
  border-color:rgba(17,23,42,.08);
  border-radius:14px;
  background:rgba(255,255,255,.76);
  box-shadow:0 8px 20px rgba(31,39,90,.10);
}
.analytics-link-panel{
  grid-template-columns:1fr;
  width:min(520px,100%);
  margin:14px auto 0;
  text-align:center;
}
.analytics-top-links li{
  background:rgba(255,255,255,.72);
}

@media(min-width:1041px){
  .dashboard-actions{
    align-items:center;
  }
  .dashboard-url-copy{
    align-self:center;
  }
}

@media(max-width:920px){
  .creator-app,
  .dashboard-view,
  .dashboard-main,
  .profile-editor-stage{
    background:var(--editor-bg,#f0f8ff)!important;
  }
  .dashboard-main{
    padding:0 14px 34px!important;
    border:0!important;
    border-radius:0!important;
    box-shadow:none!important;
  }
  .dashboard-side{
    margin-bottom:10px;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  .dashboard-top{
    padding:12px 0 18px!important;
    background:var(--editor-bg,#f0f8ff)!important;
  }
  .dashboard-actions{
    gap:10px;
  }
  .dashboard-url-copy{
    align-items:center;
    min-height:48px;
    grid-template-columns:1fr auto;
    padding:7px 8px 7px 14px;
  }
  .dashboard-url-copy input{
    align-self:center;
    min-height:34px;
  }
  .dashboard-url-copy small{
    right:auto;
    left:14px;
    top:calc(100% + 3px);
    text-align:left;
  }
  .preview-profile-button,
  .publish-toggle,
  #saveProfileButton{
    min-height:44px;
  }
  .profile-editor-stage{
    margin:0 -14px;
    padding:18px 14px 38px;
    border-radius:0;
  }
  .profile-live-editor .custom-link-row{
    grid-template-columns:1fr auto;
    gap:8px;
  }
  .profile-live-editor .custom-link-row label{
    grid-column:1 / -1;
  }
  .profile-live-editor .link-row-actions{
    grid-column:1 / -1;
    justify-content:center;
  }
  .follower-card{
    grid-template-columns:minmax(0,1fr) minmax(120px,.55fr);
  }
  .analytics-summary-grid{
    grid-template-columns:1fr;
  }
}

/* Profile editor SNS/link settings polish */
.profile-live-editor{
  --editor-control-width:min(460px,100%);
}
.profile-live-editor .profile-inline-fields,
.profile-live-editor .profile-bio-field,
.profile-live-editor .sns-setting-block,
.profile-live-editor .sns-button-editor,
.profile-live-editor .custom-link-editor{
  width:var(--editor-control-width);
  max-width:100%;
  margin-left:auto;
  margin-right:auto;
}
.profile-live-editor .profile-inline-fields{
  grid-template-columns:1fr;
  gap:10px;
}
.profile-live-editor .profile-name-field input,
.profile-live-editor .profile-handle-field input,
.profile-live-editor .profile-bio-field textarea{
  width:100%;
}
.profile-live-editor .profile-name-field input{
  border:1px solid rgba(17,23,42,.18);
}
.profile-live-editor .profile-bio-field textarea::placeholder{
  color:rgba(17,23,42,.35);
  font-weight:750;
}
.sns-setting-block{
  width:var(--editor-control-width);
  max-width:100%;
  margin:0 auto;
}
.sns-setting-block h3{
  margin:0 0 8px;
  color:#11172a;
  font-size:13px;
  font-weight:950;
  letter-spacing:0;
  text-align:center;
}
.save-action-wrap{
  display:grid;
  justify-items:center;
  gap:4px;
}
.save-complete-status{
  min-height:14px;
  color:#22a878;
  font-size:11px;
  font-weight:900;
  opacity:0;
  transform:translateY(-2px);
  transition:opacity .24s ease, transform .24s ease;
}
.save-complete-status.is-visible{
  opacity:1;
  transform:translateY(0);
}
.profile-live-editor .social-url-editor[hidden]{
  display:none!important;
}
.sns-button-editor{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:15px;
  min-height:72px;
  padding:13px 18px;
  border:1.5px solid rgba(17,23,42,.62);
  border-radius:10px;
  background:rgba(255,255,255,.12);
}
.sns-icon-button{
  display:inline-grid;
  place-items:center;
  width:34px;
  height:34px;
  padding:0;
  border:0;
  border-radius:9px;
  background:transparent;
  color:#11172a;
  font-size:31px;
  font-weight:780;
  line-height:1;
  cursor:pointer;
  transition:transform .18s ease, opacity .18s ease, background .18s ease;
}
.sns-icon-button:hover{
  transform:translateY(-1px);
  background:rgba(255,255,255,.28);
}
.sns-icon-button img{
  width:31px;
  height:31px;
  object-fit:contain;
  filter:grayscale(1);
  opacity:.42;
  transition:filter .18s ease, opacity .18s ease;
}
.sns-icon-button.is-configured img{
  filter:none;
  opacity:1;
}
.sns-icon-button span{
  display:grid;
  place-items:center;
  width:31px;
  height:31px;
  color:#11172a;
  font-size:18px;
}
.sns-plus-button{
  font-size:39px;
  font-weight:420;
}
.sns-more-button{
  width:auto;
  min-width:42px;
  font-size:31px;
  letter-spacing:2px;
}
.sns-picker-card{
  padding:24px;
}
.sns-picker-list{
  display:grid;
  grid-template-columns:repeat(auto-fill,minmax(74px,1fr));
  gap:12px;
  margin-top:22px;
}
.sns-picker-list button{
  display:grid;
  place-items:center;
  min-height:74px;
  border:0;
  border-radius:9px;
  background:#303030;
  cursor:pointer;
  transition:transform .18s ease, box-shadow .18s ease;
}
.sns-picker-list button:hover{
  transform:translateY(-1px);
  box-shadow:0 12px 26px rgba(17,23,42,.20);
}
.sns-picker-list button.is-configured{
  outline:2px solid rgba(99,91,255,.72);
  outline-offset:2px;
}
.sns-picker-list img{
  width:44px;
  height:44px;
  object-fit:contain;
  filter:brightness(0) invert(1);
}
.sns-picker-list [data-sns-pick="instagram"] img,
.sns-picker-list [data-sns-pick="youtube"] img,
.sns-picker-list [data-sns-pick="facebook"] img,
.sns-picker-list [data-sns-pick="line"] img,
.sns-picker-list [data-sns-pick="tiktok"] img,
.sns-picker-list [data-sns-pick="note"] img,
.sns-picker-list [data-sns-pick="pinterest"] img{
  filter:none;
}
.settings-panel{
  display:grid;
  gap:18px;
  width:min(720px,100%);
  margin:0 auto;
  padding:clamp(24px,4vw,42px);
  color:#11172a;
}
.settings-panel h2{
  margin:0 0 18px;
  font-size:clamp(34px,5vw,56px);
  font-weight:950;
  letter-spacing:0;
}
.settings-row{
  display:grid!important;
  grid-template-columns:minmax(140px,.42fr) minmax(0,1fr) auto;
  align-items:center;
  gap:18px;
  width:100%;
  color:#11172a!important;
  font-size:20px!important;
  font-weight:950!important;
}
.settings-row>span{
  color:#252b34;
}
.settings-row strong{
  color:#252b34;
  font-size:22px;
  overflow-wrap:anywhere;
}
.settings-row .slug-field{
  min-height:52px;
  border:1px solid rgba(17,23,42,.16);
  border-radius:14px;
  background:rgba(255,255,255,.74);
}
.settings-row .slug-field b{
  padding-left:14px;
  color:#172033;
  font-size:15px;
}
.settings-row .slug-field input{
  min-height:50px;
  border:0;
  background:transparent;
  color:#11172a;
  font-size:18px;
  font-weight:900;
  outline:0;
}
.settings-color-control{
  display:inline-flex;
  align-items:center;
  gap:10px;
  justify-self:start;
  min-height:48px;
  padding:6px 10px;
  border:1px solid rgba(17,23,42,.14);
  border-radius:999px;
  background:rgba(255,255,255,.74);
}
.settings-color-control input[type="color"]{
  width:34px;
  height:34px;
  padding:0;
  border:0;
  border-radius:50%;
  background:transparent;
}
.editor-modal[hidden]{
  display:none!important;
}
.editor-modal{
  position:fixed;
  inset:0;
  z-index:160;
  display:grid;
  place-items:center;
  padding:22px;
}
.editor-modal-backdrop{
  position:absolute;
  inset:0;
  background:rgba(17,23,42,.46);
  backdrop-filter:blur(3px);
}
.editor-modal-card{
  position:relative;
  z-index:1;
  width:min(720px,calc(100vw - 32px));
  border-radius:22px;
  background:#fff;
  box-shadow:0 28px 80px rgba(17,23,42,.26);
}
.sns-link-card{
  display:grid;
  gap:18px;
  padding:24px;
}
.editor-modal-card h2{
  margin:0;
  color:#05070d;
  font-size:22px;
  font-weight:950;
}
.editor-modal-card p{
  margin:0;
  color:#05070d;
  font-size:15px;
  font-weight:900;
}
.editor-modal-card input{
  min-height:52px;
  padding:0 16px;
  border:1px solid rgba(17,23,42,.14);
  border-radius:5px;
  color:#11172a;
  font-size:17px;
  outline:0;
}
.editor-modal-close{
  position:absolute;
  top:18px;
  right:20px;
  width:38px;
  height:38px;
  border:0;
  background:transparent;
  color:#6b7280;
  font-size:34px;
  line-height:1;
  cursor:pointer;
}
.editor-modal-actions{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:16px;
  padding-top:8px;
}
.modal-delete-button{
  display:grid;
  place-items:center;
  min-width:44px;
  min-height:44px;
  border:0;
  background:transparent;
  color:#333;
  font-size:0;
  cursor:pointer;
}
.modal-delete-button:before{
  content:"";
  width:22px;
  height:22px;
  background:currentColor;
  mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M8 3h8l1 2h4v2H3V5h4l1-2Zm1 6h2v9H9V9Zm4 0h2v9h-2V9ZM6 9h12l-1 12H7L6 9Z'/%3E%3C/svg%3E") center/contain no-repeat;
}
.modal-save-button{
  min-width:160px;
  min-height:48px;
  border:0;
  border-radius:6px;
  background:#635bff;
  color:#fff;
  font-size:15px;
  font-weight:950;
  cursor:pointer;
}
.link-type-card{
  width:min(680px,calc(100vw - 32px));
  padding:24px;
}
.link-type-list{
  display:grid;
  gap:10px;
  margin-top:22px;
}
.link-type-list button{
  display:grid;
  grid-template-columns:54px 1fr;
  align-items:center;
  min-height:62px;
  border:0;
  border-radius:9px;
  background:#303030;
  color:#fff;
  font-size:20px;
  font-weight:950;
  cursor:pointer;
}
.link-type-list button span{
  display:grid;
  place-items:center;
  color:#fff;
  font-size:24px;
  font-weight:600;
}
.link-type-list button b{
  justify-self:center;
  transform:translateX(-27px);
}

@media(max-width:920px){
  .profile-live-editor .profile-inline-fields,
  .profile-live-editor .profile-bio-field,
  .profile-live-editor .sns-setting-block,
  .profile-live-editor .sns-button-editor,
  .profile-live-editor .custom-link-editor{
    width:100%;
  }
  .sns-button-editor{
    gap:12px;
    padding:12px 14px;
  }
  .settings-panel{
    padding:18px 0 36px;
  }
  .settings-row{
    grid-template-columns:1fr;
    gap:8px;
    font-size:15px!important;
  }
  .settings-row strong{
    font-size:16px;
  }
  .settings-row .slug-field{
    width:100%;
  }
  .editor-modal{
    padding:16px;
  }
  .sns-link-card,
  .link-type-card{
    padding:20px;
    border-radius:18px;
  }
  .link-type-list button{
    min-height:56px;
  }
}

/* Profile editor link-card and icon drawer refinements */
#saveProfileButton{
  height:48px;
  min-height:48px;
  padding:0 22px;
}
.save-action-wrap{
  align-self:flex-start;
  min-height:48px;
}
@media(min-width:921px){
  .save-action-wrap{
    position:relative;
  }
  .save-complete-status{
    position:absolute;
    top:calc(100% + 4px);
    left:50%;
    width:max-content;
    transform:translate(-50%,-2px);
    white-space:nowrap;
  }
  .save-complete-status.is-visible{
    transform:translate(-50%,0);
  }
}

.profile-live-editor .custom-link-row{
  display:grid;
  grid-template-columns:88px minmax(0,1fr) auto;
  grid-template-rows:repeat(3,42px);
  gap:8px 14px;
  align-items:center;
  width:100%;
  min-height:132px;
  padding:18px;
  border:0;
  border-radius:28px;
  background:#fff;
  box-shadow:0 18px 42px rgba(31,39,90,.14);
}
.profile-live-editor .custom-link-row .link-row-grip{
  grid-column:2;
  grid-row:1;
  justify-self:center;
  align-self:start;
  width:36px;
  height:18px;
  margin-top:-14px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  color:#8b8b8b;
  cursor:grab;
}
.link-row-grip span{
  display:block;
  width:4px;
  height:4px;
  border-radius:50%;
  background:currentColor;
}
.profile-live-editor .custom-link-row .link-row-grip{
  grid-template-columns:repeat(3,4px);
  grid-auto-rows:4px;
  gap:4px;
}
.link-icon-edit-button{
  grid-column:1;
  grid-row:1 / 4;
  display:grid;
  place-items:center;
  width:88px;
  height:88px;
  border:0;
  border-radius:20px;
  background:#fff;
  box-shadow:0 12px 24px rgba(31,39,90,.12);
  cursor:pointer;
}
.link-icon-edit-button img,
.link-icon-edit-button .link-icon-text,
.link-icon-edit-button .link-icon-empty{
  width:56px;
  height:56px;
}
.link-icon-empty{
  position:relative;
  display:block;
  border:4px solid currentColor;
  border-radius:10px;
  color:#11172a;
}
.link-icon-empty:before{
  content:"";
  position:absolute;
  left:8px;
  right:8px;
  bottom:9px;
  height:18px;
  border-radius:2px 18px 2px 2px;
  background:currentColor;
  clip-path:polygon(0 100%,34% 45%,53% 66%,70% 28%,100% 100%);
}
.link-icon-empty:after{
  content:"+";
  position:absolute;
  right:-16px;
  bottom:-16px;
  display:grid;
  place-items:center;
  width:30px;
  height:30px;
  border:4px solid #fff;
  border-radius:50%;
  background:#11172a;
  color:#fff;
  font-size:22px;
  line-height:1;
  font-weight:950;
}
.link-icon-text{
  display:grid;
  place-items:center;
  color:#11172a;
  font-size:24px;
  font-weight:950;
}
.profile-live-editor .custom-link-row label{
  grid-column:2;
  display:block;
  min-width:0;
}
.profile-live-editor .custom-link-row label span{
  display:none;
}
.profile-live-editor .custom-link-row input{
  width:100%;
  min-height:42px;
  height:42px;
  padding:0 14px;
  border:2px solid rgba(17,23,42,.68);
  border-radius:8px;
  background:#fff;
  color:#333;
  font-size:16px;
  font-weight:900;
  text-align:left;
}
.profile-live-editor .custom-link-row .link-row-actions{
  grid-column:3;
  grid-row:1 / 4;
  align-self:center;
  height:auto;
}
.profile-live-editor .custom-link-row .link-row-actions button{
  min-height:34px;
  padding:0 12px;
  border:1px solid rgba(17,23,42,.13);
  background:#fff;
  color:#657089;
}

.custom-link-button{
  grid-template-columns:46px minmax(0,1fr) 28px;
}
.custom-link-public-icon{
  display:grid;
  place-items:center;
  width:46px;
  height:46px;
  border-radius:12px;
  background:#fff;
  box-shadow:0 5px 14px rgba(31,39,90,.12);
}
.custom-link-public-icon img,
.custom-link-public-icon .link-icon-text,
.custom-link-public-icon .link-icon-empty{
  width:32px;
  height:32px;
}
.custom-link-public-icon img.link-icon-uploaded{
  width:100%;
  height:100%;
  border-radius:inherit;
  object-fit:cover;
}
.custom-link-public-icon .link-icon-text{
  font-size:17px;
}
.custom-link-public-icon .link-icon-empty{
  border-width:2px;
}
.custom-link-public-icon .link-icon-empty:before{
  left:5px;
  right:5px;
  bottom:5px;
  height:10px;
}
.custom-link-public-icon .link-icon-empty:after{
  width:16px;
  height:16px;
  right:-8px;
  bottom:-8px;
  border-width:2px;
  font-size:12px;
}
.custom-link-button span{
  display:grid;
  gap:2px;
  min-width:0;
}
.custom-link-button strong{
  overflow:hidden;
  color:#172033;
  font-size:15px;
  font-weight:950;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.custom-link-button small{
  overflow:hidden;
  color:#687593;
  font-size:11px;
  font-weight:800;
  line-height:1.35;
  text-overflow:ellipsis;
  white-space:nowrap;
}

.link-icon-modal{
  place-items:stretch end;
  padding:0;
}
.link-icon-modal .editor-modal-backdrop{
  background:rgba(17,23,42,.18);
  backdrop-filter:none;
  -webkit-backdrop-filter:none;
}
.link-icon-panel{
  width:min(390px,28vw);
  height:100vh;
  max-height:none;
  margin:0;
  padding:22px 18px 88px;
  overflow:auto;
  border-radius:0;
  background:#fff;
  box-shadow:-24px 0 48px rgba(17,23,42,.18);
}
.link-icon-panel-head{
  display:grid;
  grid-template-columns:1fr 1fr 1fr 38px;
  align-items:center;
  gap:6px;
  padding-bottom:16px;
  border-bottom:1px solid #eee;
}
.link-icon-panel-head .editor-modal-close{
  position:static;
  width:34px;
  height:34px;
  background:transparent;
  color:#777;
  font-size:30px;
}
.link-icon-tab{
  border:0;
  background:transparent;
  color:#b8b8b8;
  font-size:18px;
  font-weight:950;
}
.link-icon-tab.is-active{
  color:#111;
}
.link-icon-tone-tabs{
  display:flex;
  justify-content:center;
  gap:24px;
  margin:18px 0;
}
.link-icon-tone-tabs button{
  border:0;
  background:transparent;
  color:#b8b8b8;
  font-size:17px;
  font-weight:950;
}
.link-icon-tone-tabs button.is-active{
  color:#111;
}
.link-icon-grid{
  display:grid;
  grid-template-columns:repeat(4,1fr);
  gap:14px;
}
.link-icon-grid button{
  display:grid;
  place-items:center;
  aspect-ratio:1;
  border:0;
  border-radius:7px;
  background:#333;
  cursor:pointer;
}
.link-icon-grid button.is-selected{
  outline:3px solid #c218a2;
  outline-offset:2px;
}
.link-icon-grid img{
  width:58%;
  height:58%;
  object-fit:contain;
  filter:brightness(0) invert(1);
}
.link-icon-grid .link-icon-text{
  width:58%;
  height:58%;
  color:#fff;
}
.link-icon-grid .link-icon-empty{
  width:58%;
  height:58%;
  color:#fff;
}
.link-icon-grid .link-icon-empty:after{
  border-color:#333;
  background:#fff;
  color:#333;
}
.link-icon-upload{
  position:relative;
  display:grid;
  place-items:center;
  min-height:54px;
  margin-top:18px;
  border:1px dashed rgba(17,23,42,.22);
  border-radius:12px;
  color:#111;
  font-weight:900;
  cursor:pointer;
}
.link-icon-upload input{
  position:absolute;
  width:1px;
  height:1px;
  opacity:0;
  pointer-events:none;
}
.link-icon-save{
  position:sticky;
  bottom:0;
  display:grid;
  width:min(190px,70%);
  margin:18px auto 0;
}

@media(max-width:920px){
  .dashboard-actions{
    display:grid;
    grid-template-columns:1fr 1fr 1fr;
    width:100%;
    gap:8px;
  }
  .dashboard-url-copy{
    grid-column:1 / -1;
  }
  .preview-profile-button,
  .publish-toggle,
  .save-action-wrap{
    min-width:0;
    width:100%;
  }
  .preview-profile-button,
  .publish-toggle,
  #saveProfileButton{
    width:100%;
    height:40px;
    min-height:40px;
    padding:0 8px;
    border-radius:999px;
    font-size:11px;
  }
  .publish-toggle{
    gap:5px;
  }
  .publish-toggle input{
    width:36px;
    height:20px;
  }
  .publish-toggle input:after{
    width:14px;
    height:14px;
  }
  .publish-toggle input:checked:after{
    transform:translateX(16px);
  }
  .save-action-wrap{
    position:relative;
    min-height:40px;
  }
  .save-complete-status{
    position:absolute;
    top:calc(100% + 3px);
    left:0;
    right:0;
    white-space:nowrap;
  }
  .profile-live-editor .custom-link-row{
    grid-template-columns:70px minmax(0,1fr) auto;
    grid-template-rows:repeat(3,38px);
    gap:8px 10px;
    min-height:116px;
    padding:14px;
    border-radius:20px;
  }
  .link-icon-edit-button{
    width:70px;
    height:70px;
    border-radius:16px;
  }
  .link-icon-edit-button img,
  .link-icon-edit-button .link-icon-text,
  .link-icon-edit-button .link-icon-empty{
    width:44px;
    height:44px;
  }
  .profile-live-editor .custom-link-row input{
    height:38px;
    min-height:38px;
    font-size:13px;
  }
  .profile-live-editor .custom-link-row .link-row-actions button{
    padding:0 8px;
    font-size:11px;
  }
  .link-icon-modal{
    place-items:end center;
    padding:0;
  }
  .link-icon-panel{
    width:100%;
    height:52vh;
    padding:16px 18px 76px;
    border-radius:22px 22px 0 0;
  }
  .link-icon-panel-head{
    grid-template-columns:1fr 1fr 1fr 34px;
  }
  .link-icon-tab{
    font-size:18px;
  }
  .link-icon-grid{
    grid-template-columns:repeat(6,1fr);
    gap:10px;
  }
  .link-icon-save{
    position:fixed;
    left:50%;
    bottom:18px;
    transform:translateX(-50%);
  }
}

/* Profile editor stability fixes */
.dashboard-menu-button{
  display:none;
}
.dashboard-actions .publish-toggle,
#saveProfileButton{
  height:48px;
  min-height:48px;
}
.profile-live-editor .custom-link-row{
  grid-template-columns:66px minmax(0,1fr) 58px!important;
  grid-template-rows:repeat(3,32px)!important;
  gap:6px 12px!important;
  min-height:98px!important;
  padding:12px 16px!important;
  border-radius:22px!important;
  transition:transform .18s ease, box-shadow .18s ease, opacity .18s ease;
}
.profile-live-editor .custom-link-row.is-dragging{
  opacity:.38;
  transform:scale(.985);
}
.profile-live-editor .custom-link-row.is-drop-target{
  box-shadow:0 18px 42px rgba(81,60,255,.18),0 0 0 2px rgba(81,60,255,.12);
}
.profile-live-editor .custom-link-row .link-icon-edit-button{
  width:64px!important;
  height:64px!important;
  border-radius:16px!important;
}
.profile-live-editor .custom-link-row .link-icon-edit-button img,
.profile-live-editor .custom-link-row .link-icon-edit-button .link-icon-text,
.profile-live-editor .custom-link-row .link-icon-edit-button .link-icon-empty{
  width:40px!important;
  height:40px!important;
}
.profile-live-editor .custom-link-row input{
  min-height:32px!important;
  height:32px!important;
  padding:0 12px!important;
  border-width:2px!important;
  border-radius:7px!important;
  font-size:14px!important;
  line-height:1.2!important;
}
.profile-live-editor .custom-link-row .link-row-grip{
  grid-column:3!important;
  grid-row:1!important;
  align-self:end!important;
  justify-self:center!important;
  width:28px!important;
  height:14px!important;
  margin:0 0 -2px!important;
  color:#9a9a9a!important;
}
.profile-live-editor .custom-link-row .link-row-actions{
  grid-column:3!important;
  grid-row:2 / 4!important;
  align-self:center!important;
  justify-self:center!important;
  display:grid!important;
  place-items:center!important;
}
.profile-live-editor .custom-link-row .link-row-actions button{
  min-height:30px!important;
  padding:0 9px!important;
  font-size:12px!important;
  border-radius:999px!important;
}
.link-drag-ghost{
  position:fixed!important;
  z-index:9999!important;
  pointer-events:none!important;
  opacity:.94!important;
  transform:rotate(.4deg) scale(1.015)!important;
  box-shadow:0 24px 60px rgba(17,23,42,.24)!important;
}

@media(max-width:920px){
  .dashboard-side{
    position:sticky!important;
    top:0!important;
    z-index:42!important;
    display:grid!important;
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
    margin:0!important;
    padding:10px 0 8px!important;
    background:var(--editor-bg,#f0f8ff)!important;
  }
  .dashboard-brand{
    display:none!important;
  }
  .dashboard-menu-button{
    display:inline-flex!important;
    grid-column:1 / -1;
    justify-self:end;
    align-items:center;
    justify-content:center;
    gap:9px;
    min-height:38px;
    max-width:100%;
    padding:0 13px 0 15px;
    border:1px solid rgba(125,207,234,.38);
    border-radius:999px;
    background:rgba(255,255,255,.92);
    color:#11172a;
    font-size:12px;
    font-weight:950;
    box-shadow:0 10px 24px rgba(88,138,188,.10);
  }
  .dashboard-menu-button i{
    display:block;
    width:15px;
    height:2px;
    border-radius:999px;
    background:currentColor;
  }
  .dashboard-menu-button[aria-expanded="true"] i:nth-of-type(1){
    transform:translateY(5px) rotate(45deg);
  }
  .dashboard-menu-button[aria-expanded="true"] i:nth-of-type(2){
    opacity:0;
  }
  .dashboard-menu-button[aria-expanded="true"] i:nth-of-type(3){
    transform:translateY(-5px) rotate(-45deg);
  }
  .dashboard-side:not(.is-open) .dash-tab,
  .dashboard-side:not(.is-open) .dash-link{
    display:none!important;
  }
  .dashboard-side.is-open .dash-tab,
  .dashboard-side.is-open .dash-link{
    display:flex!important;
    grid-column:1 / -1;
    align-items:center;
    justify-content:space-between;
    min-height:44px;
    padding:0 14px!important;
    border:1px solid rgba(125,207,234,.36);
    border-radius:14px!important;
    background:rgba(255,255,255,.92)!important;
    box-shadow:0 10px 24px rgba(88,138,188,.08);
  }
  .dashboard-actions{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr) minmax(0,1fr)!important;
    gap:6px!important;
  }
  .preview-profile-button,
  .publish-toggle,
  #saveProfileButton{
    height:36px!important;
    min-height:36px!important;
    padding:0 6px!important;
    font-size:10px!important;
  }
  .publish-toggle{
    justify-content:center!important;
    gap:4px!important;
    overflow:hidden!important;
    white-space:nowrap!important;
  }
  .publish-toggle span{
    flex:0 1 auto!important;
    min-width:0!important;
    font-size:10px!important;
    line-height:1!important;
  }
  .publish-toggle input{
    flex:0 0 30px!important;
    width:30px!important;
    height:17px!important;
  }
  .publish-toggle input:after{
    width:11px!important;
    height:11px!important;
    top:3px!important;
    left:3px!important;
  }
  .publish-toggle input:checked:after{
    transform:translateX(13px)!important;
  }
  .save-action-wrap{
    min-height:36px!important;
  }
  .profile-live-editor .custom-link-row{
    grid-template-columns:56px minmax(0,1fr) 44px!important;
    grid-template-rows:repeat(3,30px)!important;
    gap:5px 8px!important;
    min-height:88px!important;
    padding:10px!important;
    border-radius:18px!important;
  }
  .profile-live-editor .custom-link-row .link-icon-edit-button{
    width:54px!important;
    height:54px!important;
    border-radius:14px!important;
  }
  .profile-live-editor .custom-link-row .link-icon-edit-button img,
  .profile-live-editor .custom-link-row .link-icon-edit-button .link-icon-text,
  .profile-live-editor .custom-link-row .link-icon-edit-button .link-icon-empty{
    width:34px!important;
    height:34px!important;
  }
  .profile-live-editor .custom-link-row input{
    min-height:30px!important;
    height:30px!important;
    padding:0 9px!important;
    font-size:12px!important;
  }
  .profile-live-editor .custom-link-row .link-row-grip{
    width:24px!important;
    height:13px!important;
  }
  .profile-live-editor .custom-link-row .link-row-actions button{
    min-height:28px!important;
    padding:0 7px!important;
    font-size:10px!important;
  }
}

/* 2026-07-07 mobile dashboard drawer + icon picker final polish */
.dashboard-menu-backdrop,
.dashboard-drawer-close{
  display:none;
}
.dashboard-brand img{
  width:136px;
  height:auto;
  border-radius:0;
  object-fit:contain;
}
.dashboard-brand span{
  display:none;
}
.link-icon-panel-head{
  display:flex!important;
  justify-content:flex-end!important;
  grid-template-columns:none!important;
}
.link-icon-tab,
.link-icon-upload{
  display:none!important;
}
.link-icon-save{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:48px!important;
  line-height:1!important;
  text-align:center!important;
}
.link-icon-grid img.link-icon-mono,
.link-icon-grid .link-icon-text.link-icon-mono{
  filter:brightness(0) invert(1)!important;
}
.link-icon-svg{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  width:1em!important;
  height:1em!important;
  color:currentColor!important;
}
.link-icon-svg svg{
  display:block!important;
  width:100%!important;
  height:100%!important;
  fill:currentColor!important;
}
.link-icon-grid .link-icon-svg.link-icon-mono{
  width:54px!important;
  height:54px!important;
  color:#fff!important;
}
.link-icon-grid img.link-icon-color{
  filter:none!important;
}
.link-icon-modal.is-color-tone .link-icon-grid button{
  border:1px solid rgba(17,23,42,.08)!important;
  background:#fff!important;
  box-shadow:0 8px 18px rgba(17,23,42,.08)!important;
}
.link-icon-modal.is-color-tone .link-icon-grid .link-icon-text{
  color:#172036!important;
}
.link-icon-modal.is-color-tone .link-icon-grid .link-icon-empty:after{
  border-color:#172036!important;
  background:#fff!important;
  color:#172036!important;
}
.link-icon-edit-button img.link-icon-mono,
.custom-link-public-icon img.link-icon-mono{
  filter:brightness(0)!important;
}
.link-icon-edit-button img.link-icon-color,
.custom-link-public-icon img.link-icon-color{
  filter:none!important;
}
.link-icon-edit-button .link-icon-text.link-icon-mono,
.custom-link-public-icon .link-icon-text.link-icon-mono{
  color:#11172a!important;
}
.link-icon-edit-button .link-icon-svg.link-icon-mono,
.custom-link-public-icon .link-icon-svg.link-icon-mono{
  width:52px!important;
  height:52px!important;
  color:#11172a!important;
}

@media(max-width:920px){
  body.is-dashboard-menu-open{
    overflow:hidden!important;
  }
  .dashboard-menu-backdrop:not([hidden]){
    display:block!important;
    position:fixed!important;
    inset:0!important;
    z-index:68!important;
    background:rgba(17,23,42,.38)!important;
    animation:drawerBackdropIn .24s ease both;
  }
  .dashboard-side{
    position:sticky!important;
    top:0!important;
    z-index:70!important;
    display:grid!important;
    grid-template-columns:minmax(116px,1fr) auto 56px!important;
    align-items:center!important;
    gap:10px!important;
    width:100%!important;
    margin:0 0 12px!important;
    padding:14px 10px 12px!important;
    border:0!important;
    border-radius:0!important;
    background:var(--editor-bg,#f0f8ff)!important;
    box-shadow:none!important;
  }
  .dashboard-side:after{
    content:"";
    position:fixed;
    top:0;
    right:0;
    z-index:69;
    width:min(78vw,340px);
    height:100dvh;
    background:var(--editor-bg,#f0f8ff);
    box-shadow:-24px 0 50px rgba(17,23,42,.18);
    transform:translateX(104%);
    transition:transform .28s cubic-bezier(.22,.78,.24,1);
    pointer-events:none;
  }
  .dashboard-side.is-open:after{
    transform:translateX(0);
  }
  .dashboard-brand{
    display:flex!important;
    grid-column:1!important;
    align-items:center!important;
    margin:0!important;
    min-width:0!important;
  }
  .dashboard-brand img{
    width:min(34vw,156px)!important;
    height:auto!important;
    border-radius:0!important;
  }
  .dashboard-brand span{
    display:none!important;
  }
  .dashboard-menu-button{
    display:grid!important;
    grid-column:3!important;
    justify-self:end!important;
    place-items:center!important;
    width:54px!important;
    height:54px!important;
    min-height:54px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#555!important;
  }
  .dashboard-menu-button span{
    display:none!important;
  }
  .dashboard-menu-button i{
    display:block!important;
    width:42px!important;
    height:4px!important;
    margin:3px 0!important;
    border-radius:999px!important;
    background:currentColor!important;
    transform:none!important;
    opacity:1!important;
  }
  .dashboard-menu-button[aria-expanded="true"] i:nth-of-type(1),
  .dashboard-menu-button[aria-expanded="true"] i:nth-of-type(2),
  .dashboard-menu-button[aria-expanded="true"] i:nth-of-type(3){
    transform:none!important;
    opacity:1!important;
  }
  .dashboard-side:not(.is-open) .dash-tab:not(.is-active),
  .dashboard-side:not(.is-open) .dash-link{
    display:none!important;
  }
  .dashboard-side:not(.is-open) .dash-tab.is-active{
    display:flex!important;
    grid-column:2!important;
    align-items:center!important;
    justify-content:center!important;
    min-width:128px!important;
    height:58px!important;
    min-height:58px!important;
    padding:0 20px!important;
    border:0!important;
    border-radius:16px!important;
    background:rgba(255,255,255,.96)!important;
    color:#333!important;
    font-size:20px!important;
    font-weight:950!important;
    box-shadow:0 12px 30px rgba(126,163,210,.18)!important;
  }
  .dashboard-side.is-open .dashboard-drawer-close{
    display:grid!important;
    place-items:center!important;
    position:fixed!important;
    top:34px!important;
    right:calc(min(78vw,340px) - 66px)!important;
    z-index:72!important;
    width:44px!important;
    height:44px!important;
    border:0!important;
    background:transparent!important;
    color:#4d5567!important;
    font-size:34px!important;
    line-height:1!important;
  }
  .dashboard-side.is-open .dash-tab,
  .dashboard-side.is-open .dash-link{
    position:fixed!important;
    right:20px!important;
    z-index:72!important;
    width:calc(min(78vw,340px) - 40px)!important;
    min-height:68px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.96)!important;
    color:#444!important;
    font-size:19px!important;
    font-weight:950!important;
    box-shadow:0 12px 28px rgba(104,145,191,.12)!important;
    transform:translateX(0)!important;
  }
  .dashboard-side.is-open .dash-tab[data-tab="profile"]{
    display:none!important;
  }
  .dashboard-side.is-open .dash-tab[data-tab="analytics"]{
    top:110px!important;
  }
  .dashboard-side.is-open .dash-tab[data-tab="followers"]{
    top:190px!important;
  }
  .dashboard-side.is-open .dash-tab[data-tab="settings"]{
    top:270px!important;
  }
  .dashboard-side.is-open .dash-link{
    top:36px!important;
    right:20px!important;
    width:118px!important;
    min-height:56px!important;
    color:#cf4357!important;
  }
}

@keyframes drawerBackdropIn{
  from{opacity:0}
  to{opacity:1}
}

/* 2026-07-07 mobile editor drawer alignment patch */
@media(max-width:920px){
  .dashboard-side{
    grid-template-columns:auto 1fr 56px!important;
    grid-auto-rows:auto!important;
    gap:8px!important;
    min-height:96px!important;
  }
  .dashboard-side:after{
    display:none!important;
  }
  .dashboard-brand,
  .dashboard-menu-button,
  .dashboard-side:not(.is-open):not(.is-closing) .dash-tab.is-active{
    grid-row:1!important;
  }
  .dashboard-brand{
    grid-column:1!important;
    justify-self:start!important;
  }
  .dashboard-brand img{
    width:142px!important;
    max-width:34vw!important;
  }
  .dashboard-menu-button{
    grid-column:3!important;
  }
  .dashboard-side:not(.is-open):not(.is-closing) .dash-tab.is-active{
    grid-column:2!important;
    justify-self:center!important;
    min-width:146px!important;
    height:58px!important;
    font-size:18px!important;
    white-space:nowrap!important;
  }
  .dashboard-side.is-open,
  .dashboard-side.is-closing{
    position:fixed!important;
    top:0!important;
    right:0!important;
    bottom:0!important;
    left:auto!important;
    z-index:71!important;
    display:block!important;
    width:min(74vw,330px)!important;
    height:100dvh!important;
    min-height:100dvh!important;
    margin:0!important;
    padding:34px 20px!important;
    border:0!important;
    border-radius:0!important;
    background:var(--editor-bg,#f0f8ff)!important;
    box-shadow:-24px 0 56px rgba(17,23,42,.18)!important;
    transform:translateX(0)!important;
    overflow:hidden!important;
  }
  .dashboard-side.is-open{
    animation:dashboardDrawerIn .28s cubic-bezier(.22,.78,.24,1) both!important;
  }
  .dashboard-side.is-closing{
    animation:dashboardDrawerOut .24s cubic-bezier(.78,.04,.38,1) both!important;
  }
  .dashboard-side.is-open .dashboard-brand,
  .dashboard-side.is-open .dashboard-menu-button,
  .dashboard-side.is-closing .dashboard-brand,
  .dashboard-side.is-closing .dashboard-menu-button{
    display:none!important;
  }
  .dashboard-side.is-open .dashboard-drawer-close,
  .dashboard-side.is-closing .dashboard-drawer-close{
    display:grid!important;
    place-items:center!important;
    position:absolute!important;
    top:28px!important;
    left:24px!important;
    right:auto!important;
    z-index:2!important;
    width:44px!important;
    height:44px!important;
    border:0!important;
    background:transparent!important;
    color:#4d5567!important;
    font-size:34px!important;
    line-height:1!important;
  }
  .dashboard-side.is-open .dash-tab,
  .dashboard-side.is-open .dash-link,
  .dashboard-side.is-closing .dash-tab,
  .dashboard-side.is-closing .dash-link{
    position:absolute!important;
    left:20px!important;
    right:20px!important;
    z-index:2!important;
    width:auto!important;
    min-height:68px!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    border:0!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.96)!important;
    color:#444!important;
    font-size:19px!important;
    font-weight:950!important;
    white-space:nowrap!important;
    box-shadow:0 12px 28px rgba(104,145,191,.12)!important;
  }
  .dashboard-side.is-open .dash-tab[data-tab="profile"],
  .dashboard-side.is-closing .dash-tab[data-tab="profile"]{
    display:none!important;
  }
  .dashboard-side.is-open .dash-link,
  .dashboard-side.is-closing .dash-link{
    top:36px!important;
    left:auto!important;
    right:20px!important;
    width:132px!important;
    min-height:56px!important;
    color:#cf4357!important;
    font-size:17px!important;
  }
  .dashboard-side.is-open .dash-tab[data-tab="analytics"],
  .dashboard-side.is-closing .dash-tab[data-tab="analytics"]{
    top:112px!important;
  }
  .dashboard-side.is-open .dash-tab[data-tab="followers"],
  .dashboard-side.is-closing .dash-tab[data-tab="followers"]{
    top:192px!important;
  }
  .dashboard-side.is-open .dash-tab[data-tab="settings"],
  .dashboard-side.is-closing .dash-tab[data-tab="settings"]{
    top:272px!important;
  }
}

@keyframes dashboardDrawerIn{
  from{transform:translateX(104%)}
  to{transform:translateX(0)}
}

@keyframes dashboardDrawerOut{
  from{transform:translateX(0)}
  to{transform:translateX(104%)}
}

/* 2026-07-07 editor polish: compact mobile header, simpler tabs, stable drag ghost */
.profile-background-picker{
  position:absolute;
  top:8px;
  left:calc(50% - 72px);
  z-index:3;
  display:grid;
  place-items:center;
  width:34px;
  height:34px;
  border:1px solid rgba(125,207,234,.48);
  border-radius:999px;
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 24px rgba(88,138,188,.14);
  cursor:pointer;
}
.profile-background-picker input{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer;
}
.profile-background-picker span{
  position:relative;
  display:block;
  width:16px;
  height:16px;
  border:2px solid #26305f;
  border-radius:50%;
}
.profile-background-picker span:after{
  content:"";
  position:absolute;
  width:8px;
  height:2px;
  right:-7px;
  bottom:-3px;
  border-radius:999px;
  background:#26305f;
  transform:rotate(-45deg);
}
.dashboard-side .dash-tab[data-tab="followers"],
.dashboard-side .dash-tab[data-tab="analytics"],
#followersTab,
#analyticsTab{
  display:none!important;
}
.link-drag-ghost.custom-link-row{
  display:grid!important;
  grid-template-columns:66px minmax(0,1fr) 58px!important;
  grid-template-rows:repeat(3,32px)!important;
  gap:6px 12px!important;
  align-items:center!important;
  overflow:hidden!important;
  padding:12px 16px!important;
  border:0!important;
  border-radius:22px!important;
  background:#fff!important;
  opacity:.98!important;
  transform:none!important;
  box-sizing:border-box!important;
}
.link-drag-ghost.custom-link-row *{
  box-sizing:border-box!important;
}
.link-drag-ghost.custom-link-row .link-row-grip{
  position:absolute!important;
  top:8px!important;
  left:50%!important;
  transform:translateX(-50%)!important;
}
.link-drag-ghost.custom-link-row .link-icon-edit-button{
  width:64px!important;
  height:64px!important;
  border-radius:16px!important;
}
.link-drag-ghost.custom-link-row label{
  display:block!important;
  min-width:0!important;
}
.link-drag-ghost.custom-link-row label span{
  display:none!important;
}
.link-drag-ghost.custom-link-row input{
  width:100%!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 12px!important;
  border:2px solid #606676!important;
  border-radius:7px!important;
  background:#fff!important;
  color:#333!important;
  font-size:14px!important;
  font-weight:800!important;
  line-height:32px!important;
}
.link-drag-ghost.custom-link-row .link-row-actions{
  grid-column:3!important;
  grid-row:2 / 4!important;
  display:grid!important;
  place-items:center!important;
}

@media(max-width:920px){
  .dashboard-main{
    padding-top:0!important;
  }
  .dashboard-top{
    padding-top:2px!important;
  }
  .dashboard-side{
    min-height:70px!important;
    margin-bottom:0!important;
    grid-template-columns:auto 1fr 42px!important;
    gap:6px!important;
    padding:8px 4px 6px!important;
  }
  .dashboard-brand img{
    width:112px!important;
    max-width:32vw!important;
  }
  .dashboard-menu-button{
    width:38px!important;
    height:38px!important;
    min-height:38px!important;
  }
  .dashboard-menu-button i{
    width:30px!important;
    height:3px!important;
    margin:2px 0!important;
  }
  .dashboard-side:not(.is-open):not(.is-closing) .dash-tab.is-active{
    min-width:102px!important;
    height:42px!important;
    min-height:42px!important;
    padding:0 13px!important;
    border-radius:12px!important;
    font-size:14px!important;
    box-shadow:0 9px 20px rgba(126,163,210,.16)!important;
  }
  .dashboard-side.is-open{
    animation:dashboardDrawerSoftIn .28s cubic-bezier(.18,.72,.2,1) both!important;
  }
  .dashboard-side.is-closing{
    animation:dashboardDrawerSoftOut .22s cubic-bezier(.62,.05,.36,1) both!important;
  }
  .dashboard-side.is-open .dash-tab[data-tab="settings"],
  .dashboard-side.is-closing .dash-tab[data-tab="settings"]{
    top:112px!important;
  }
  .dashboard-side.is-open .dash-link,
  .dashboard-side.is-closing .dash-link{
    top:36px!important;
  }
  .dashboard-actions{
    margin-top:0!important;
  }
  .profile-background-picker{
    top:6px;
    left:calc(50% - 66px);
    width:30px;
    height:30px;
  }
  .profile-background-picker span{
    width:14px;
    height:14px;
  }
  .profile-live-editor .custom-link-row.is-dragging{
    opacity:.22!important;
    transform:none!important;
  }
  .link-drag-ghost.custom-link-row{
    grid-template-columns:56px minmax(0,1fr) 44px!important;
    grid-template-rows:repeat(3,30px)!important;
    gap:5px 8px!important;
    min-height:88px!important;
    padding:10px!important;
    border-radius:18px!important;
  }
  .link-drag-ghost.custom-link-row .link-icon-edit-button{
    width:54px!important;
    height:54px!important;
    border-radius:14px!important;
  }
  .link-drag-ghost.custom-link-row input{
    height:30px!important;
    min-height:30px!important;
    padding:0 9px!important;
    font-size:12px!important;
    line-height:30px!important;
  }
}

/* 2026-07-16: public share and PR availability controls. */
.profile-live-editor .profile-pr-status-field select{
  width:100%;
  min-height:38px;
  padding:0 34px 0 12px;
  border:1px solid rgba(17,23,42,.18);
  border-radius:6px;
  background:#fff;
  color:#27334c;
  font-size:13px;
  font-weight:400;
  text-align:center;
}
.public-profile-hero{
  position:relative;
  width:max-content;
  margin:0 auto 20px;
}
.public-profile-hero .public-avatar{
  margin:0;
}
.public-profile-actions{
  position:absolute!important;
  z-index:70!important;
  top:0;
  right:15%;
  left:auto;
  display:flex;
  align-items:center;
  justify-content:flex-end;
  gap:7px;
}
.public-profile-action{
  position:relative;
  display:grid;
  place-items:center;
  flex:0 0 36px;
  width:36px;
  min-width:36px;
  height:36px;
  min-height:36px;
  padding:0;
  border:1px solid rgba(17,23,42,.13);
  border-radius:50%;
  background:rgba(255,255,255,.88);
  color:#27334c;
  cursor:pointer;
  box-shadow:0 9px 22px rgba(31,39,90,.13);
  backdrop-filter:blur(8px);
}
.public-profile-action svg{
  width:17px;
  height:17px;
  fill:none;
  stroke:currentColor;
  stroke-width:2;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.public-pr-status{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:36px;
  padding:0 12px;
  border:1px solid rgba(17,23,42,.13);
  border-radius:8px;
  background:rgba(255,255,255,.88);
  color:#27334c;
  font-size:10px;
  font-weight:500;
  line-height:1;
  white-space:nowrap;
  box-shadow:0 9px 22px rgba(31,39,90,.13);
  backdrop-filter:blur(8px);
}
.public-pr-status.status-open{
  border-color:rgba(24,139,96,.24);
  background:#e9f8f1;
  color:#16835d;
}
.public-pr-status.status-limited{
  border-color:rgba(202,133,29,.25);
  background:#fff7e8;
  color:#b97817;
}
.public-pr-status.status-closed{
  border-color:rgba(192,79,100,.22);
  background:#fff0f3;
  color:#b74c61;
}
.public-profile-action-tooltip{
  position:absolute;
  z-index:1200;
  top:calc(100% + 8px);
  right:0;
  display:block;
  width:max-content;
  max-width:180px;
  padding:7px 9px;
  border:1px solid rgba(92,108,136,.14);
  border-radius:7px;
  background:rgba(255,255,255,.98);
  color:#53617a;
  font-size:9px;
  font-weight:400;
  line-height:1.35;
  white-space:nowrap;
  box-shadow:0 10px 26px rgba(39,55,88,.14);
  opacity:0;
  pointer-events:none;
  transform:translateY(-4px);
  transition:opacity .18s ease,transform .18s ease;
}
.public-profile-action:hover .public-profile-action-tooltip,
.public-profile-action:focus-visible .public-profile-action-tooltip,
.public-profile-action.is-tooltip-open .public-profile-action-tooltip{
  opacity:1;
  transform:translateY(0);
}
.public-card .profile-verification{
  transform:translateY(5px);
}

@media(max-width:920px){
  .public-profile-actions{
    right:0;
    left:auto;
    gap:6px;
  }
  .public-profile-action{
    flex-basis:34px;
    width:34px;
    min-width:34px;
    height:34px;
    min-height:34px;
  }
  .public-profile-action svg{
    width:16px;
    height:16px;
  }
  .public-pr-status{
    min-height:34px;
    padding:0 10px;
    font-size:9px;
  }
}

@keyframes dashboardDrawerSoftIn{
  from{opacity:0;transform:translateX(28px) scale(.985)}
  to{opacity:1;transform:translateX(0) scale(1)}
}

@keyframes dashboardDrawerSoftOut{
  from{opacity:1;transform:translateX(0) scale(1)}
  to{opacity:0;transform:translateX(28px) scale(.985)}
}

/* 2026-07-07 profile persistence polish: explicit color selector button */
.profile-color-select{
  position:relative;
  display:inline-grid!important;
  grid-template-columns:42px auto;
  align-items:stretch;
  min-width:124px;
  height:42px;
  min-height:42px;
  overflow:hidden;
  border:2px solid rgba(38,48,95,.32);
  border-radius:7px;
  background:#fff;
  color:#1b2438;
  font-size:13px;
  font-weight:950;
  line-height:1;
  box-shadow:0 8px 18px rgba(88,138,188,.08);
  cursor:pointer;
  user-select:none;
}
.profile-color-select input{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  opacity:0;
  cursor:pointer;
}
.profile-color-select__swatch{
  display:block;
  width:42px;
  min-height:100%;
  border-right:2px solid rgba(38,48,95,.24);
  background:#f0f8ff;
}
.profile-color-select__label{
  display:grid;
  place-items:center;
  padding:0 12px;
  white-space:nowrap;
}

@media(max-width:920px){
  .dashboard-actions .profile-color-select{
    flex:0 0 auto!important;
    min-width:112px;
    height:38px;
    min-height:38px;
    grid-template-columns:36px auto;
    font-size:12px;
  }
  .profile-color-select__swatch{
    width:36px;
  }
  .profile-color-select__label{
    padding:0 10px;
  }
}

/* 2026-07-07 推しリスト */
.favorites-panel{
  min-height:calc(100vh - 140px);
}
.favorites-shell{
  position:relative;
  display:grid;
  gap:16px;
  max-width:980px;
  margin:0 auto;
  padding:4px 0 78px;
}
.favorites-panel-head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
}
.favorites-panel-head .eyebrow{
  margin:0 0 6px;
  color:#7a6cf4;
  font-size:12px;
  font-weight:950;
  letter-spacing:.12em;
}
.favorites-panel-head h2{
  margin:0;
  color:#11172a;
  font-size:clamp(28px,4vw,44px);
  line-height:1.1;
  font-weight:950;
}
.favorites-toolbar{
  display:grid;
  grid-template-columns:minmax(260px,1fr) minmax(150px,.38fr) minmax(150px,.38fr);
  gap:12px;
  align-items:end;
  padding:14px;
  border:1px solid rgba(125,207,234,.26);
  border-radius:20px;
  background:rgba(255,255,255,.72);
  box-shadow:0 14px 34px rgba(88,138,188,.10);
}
.favorites-toolbar label,
.favorite-form label{
  display:grid;
  gap:7px;
  min-width:0;
  color:#647399;
  font-size:12px;
  font-weight:950;
}
.favorites-toolbar input,
.favorites-toolbar select,
.favorite-form input,
.favorite-form textarea{
  width:100%;
  min-height:46px;
  padding:0 14px;
  border:1px solid rgba(125,207,234,.40);
  border-radius:13px;
  background:#fff;
  color:#11172a;
  font-size:14px;
  font-weight:850;
  outline:0;
  box-shadow:0 8px 18px rgba(88,138,188,.07);
}
.favorite-form textarea{
  min-height:86px;
  padding:13px 14px;
  resize:vertical;
}
.favorite-search input{
  padding-left:38px;
  background:
    linear-gradient(#fff,#fff) padding-box,
    radial-gradient(circle at 18px 50%,transparent 0 5px,#66718b 5.5px 7px,transparent 7.5px) border-box;
}
.favorite-list{
  display:grid;
  gap:10px;
}
.favorite-card{
  display:grid;
  grid-template-columns:72px minmax(0,1.1fr) minmax(140px,.62fr) auto;
  gap:16px;
  align-items:center;
  min-height:108px;
  padding:16px 18px;
  border:1px solid rgba(125,207,234,.26);
  border-radius:18px;
  background:rgba(255,255,255,.92);
  box-shadow:0 14px 32px rgba(88,138,188,.10);
}
.favorite-avatar-button{
  display:grid;
  place-items:center;
  width:68px;
  height:68px;
  padding:0;
  border:0;
  border-radius:22px;
  background:#f6f9fe;
  box-shadow:0 10px 22px rgba(88,138,188,.12);
  overflow:hidden;
  cursor:pointer;
}
.favorite-avatar-button img{
  width:100%;
  height:100%;
  object-fit:cover;
}
.favorite-main{
  min-width:0;
}
.favorite-title{
  display:grid;
  gap:4px;
  width:100%;
  padding:0;
  border:0;
  background:transparent;
  color:inherit;
  text-align:left;
  cursor:pointer;
}
.favorite-title strong{
  overflow:hidden;
  color:#11172a;
  font-size:17px;
  line-height:1.25;
  font-weight:950;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.favorite-title span{
  overflow:hidden;
  color:#687593;
  font-size:13px;
  font-weight:850;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.favorite-main p{
  margin:7px 0 0;
  overflow:hidden;
  color:#647399;
  font-size:13px;
  font-weight:850;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.favorite-socials{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  min-width:0;
}
.favorite-socials a,
.favorite-social-empty{
  display:grid;
  place-items:center;
  width:28px;
  height:28px;
  border-radius:9px;
  background:rgba(255,255,255,.94);
  box-shadow:0 7px 14px rgba(31,39,90,.08);
}
.favorite-socials img{
  width:22px;
  height:22px;
  object-fit:contain;
}
.favorite-social-empty{
  width:auto;
  min-width:88px;
  padding:0 10px;
  color:#8b94a8;
  font-size:12px;
  font-weight:900;
}
.favorite-meta{
  display:grid;
  grid-template-columns:auto auto auto;
  align-items:center;
  justify-content:end;
  gap:10px;
}
.favorite-meta span{
  color:#60708f;
  font-size:12px;
  font-weight:950;
  white-space:nowrap;
}
.favorite-casta-button{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:98px;
  min-height:38px;
  padding:0 14px;
  border:1px solid rgba(125,207,234,.44);
  border-radius:10px;
  background:#fff;
  color:#635bff;
  font-size:13px;
  font-weight:950;
  text-decoration:none;
  box-shadow:0 8px 18px rgba(88,138,188,.08);
}
.favorite-casta-button.is-muted{
  color:#9aa7bc;
}
.favorite-menu-button{
  display:grid;
  place-items:center;
  width:36px;
  height:38px;
  padding:0;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#647399;
  font-size:24px;
  line-height:1;
  cursor:pointer;
}
.favorite-add-inline{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:42px;
  padding:0 16px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,#2f70ff,#8b54f8,#fb3c95);
  color:#fff;
  font-size:13px;
  font-weight:950;
  box-shadow:0 14px 28px rgba(98,88,243,.22);
  cursor:pointer;
}
.favorite-add-floating{
  position:fixed;
  right:calc(32px + env(safe-area-inset-right));
  bottom:calc(28px + env(safe-area-inset-bottom));
  z-index:30;
  display:grid;
  place-items:center;
  width:62px;
  height:62px;
  border:0;
  border-radius:50%;
  background:linear-gradient(135deg,#2f70ff,#8b54f8,#fb3c95);
  color:#fff;
  font-size:40px;
  line-height:1;
  box-shadow:0 18px 36px rgba(98,88,243,.30);
  cursor:pointer;
}
.favorite-empty{
  display:grid;
  justify-items:center;
  gap:10px;
  padding:46px 18px;
  border:1px dashed rgba(125,207,234,.54);
  border-radius:22px;
  background:rgba(255,255,255,.62);
  text-align:center;
}
.favorite-empty strong{
  color:#11172a;
  font-size:20px;
  font-weight:950;
}
.favorite-empty p{
  margin:0;
  color:#647399;
  font-size:14px;
  font-weight:850;
}
.favorite-modal-card{
  width:min(820px,calc(100vw - 32px));
  padding:24px;
}
.favorite-form{
  display:grid;
  gap:18px;
}
.favorite-modal-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:14px;
  margin-top:18px;
}
.favorite-wide{
  grid-column:1 / -1;
}
.favorite-modal-actions{
  padding-top:0;
}

@media(max-width:1040px){
  .favorite-card{
    grid-template-columns:64px minmax(0,1fr) auto;
  }
  .favorite-socials{
    justify-content:flex-start;
    grid-column:2;
  }
  .favorite-meta{
    grid-column:3;
    grid-row:1 / span 2;
    grid-template-columns:1fr;
    justify-items:end;
  }
}

@media(max-width:920px){
  .dashboard-side.is-open .dash-tab[data-tab="favorites"],
  .dashboard-side.is-closing .dash-tab[data-tab="favorites"]{
    top:112px!important;
  }
  .dashboard-side.is-open .dash-tab[data-tab="settings"],
  .dashboard-side.is-closing .dash-tab[data-tab="settings"]{
    top:192px!important;
  }
  .favorites-panel{
    min-height:auto;
  }
  .favorites-shell{
    padding:0 0 86px;
  }
  .favorites-panel-head{
    align-items:center;
  }
  .favorites-panel-head h2{
    font-size:30px;
  }
  .favorites-toolbar{
    grid-template-columns:1fr 1fr;
    gap:10px;
    padding:12px;
    border-radius:18px;
  }
  .favorite-search{
    grid-column:1 / -1;
  }
  .favorite-card{
    grid-template-columns:54px minmax(0,1fr) auto;
    gap:10px;
    min-height:84px;
    padding:12px;
    border-radius:15px;
  }
  .favorite-avatar-button{
    width:52px;
    height:52px;
    border-radius:16px;
  }
  .favorite-title strong{
    font-size:14px;
  }
  .favorite-title span,
  .favorite-main p{
    font-size:11px;
  }
  .favorite-socials{
    grid-column:2 / 4;
    justify-content:flex-start;
    gap:6px;
  }
  .favorite-socials a{
    width:24px;
    height:24px;
    border-radius:7px;
  }
  .favorite-socials img{
    width:19px;
    height:19px;
  }
  .favorite-meta{
    grid-column:3;
    grid-row:1;
    display:flex;
    gap:6px;
  }
  .favorite-meta span{
    display:none;
  }
  .favorite-casta-button{
    min-width:68px;
    min-height:32px;
    padding:0 10px;
    border-radius:8px;
    font-size:11px;
  }
  .favorite-menu-button{
    width:26px;
    height:32px;
    font-size:20px;
  }
  .favorite-add-floating{
    right:calc(18px + env(safe-area-inset-right));
    bottom:calc(20px + env(safe-area-inset-bottom));
    width:56px;
    height:56px;
    font-size:36px;
  }
  .favorite-modal-card{
    width:min(520px,calc(100vw - 22px));
    max-height:calc(100dvh - 28px);
    padding:20px;
    overflow:auto;
  }
  .favorite-modal-grid{
    grid-template-columns:1fr;
    gap:12px;
  }
}

@media(max-width:560px){
  .favorites-panel-head .favorite-add-inline{
    display:none;
  }
  .favorites-toolbar{
    grid-template-columns:1fr;
  }
  .favorite-card{
    grid-template-columns:48px minmax(0,1fr) auto;
  }
  .favorite-avatar-button{
    width:48px;
    height:48px;
  }
}

/* 2026-07-07 推しリスト UI refresh based on reference dashboard */
body.is-favorites-tab{
  min-height:100vh;
  background:
    radial-gradient(circle at 6% 95%,rgba(255,118,190,.26),transparent 34%),
    radial-gradient(circle at 96% 14%,rgba(137,174,255,.30),transparent 36%),
    linear-gradient(125deg,#fff8fc 0%,#f7f9ff 48%,#eef7ff 100%);
}
body.is-favorites-tab .site-header{
  display:none!important;
}
body.is-favorites-tab .creator-app,
body.is-favorites-tab .dashboard-view{
  min-height:100vh;
  background:
    radial-gradient(circle at 0% 100%,rgba(255,115,190,.22),transparent 34%),
    radial-gradient(circle at 100% 0%,rgba(137,174,255,.26),transparent 38%),
    linear-gradient(132deg,#fff8fc 0%,#f7f9ff 48%,#eef7ff 100%);
}
body.is-favorites-tab .dashboard-view{
  display:grid;
  place-items:center;
  padding:8vh 34px;
  overflow:hidden;
}
body.is-favorites-tab .dashboard-shell{
  display:grid;
  grid-template-columns:236px minmax(0,1fr);
  gap:0;
  width:min(1160px,calc(100vw - 72px));
  min-height:min(720px,calc(100vh - 110px));
  margin:0 auto;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.80);
  border-radius:24px;
  background:rgba(255,255,255,.66);
  box-shadow:0 30px 90px rgba(86,104,150,.18);
  backdrop-filter:blur(18px);
  -webkit-backdrop-filter:blur(18px);
}
body.is-favorites-tab .dashboard-top{
  display:none!important;
}
body.is-favorites-tab .dashboard-side{
  position:relative;
  top:auto;
  height:auto;
  min-height:100%;
  gap:14px;
  padding:34px 18px 28px;
  border:0;
  border-right:1px solid rgba(120,145,185,.10);
  border-radius:0;
  background:rgba(255,255,255,.72);
  box-shadow:none;
}
body.is-favorites-tab .dashboard-brand{
  margin:0 0 34px;
}
body.is-favorites-tab .dashboard-brand img{
  width:142px;
  height:auto;
  object-fit:contain;
  border-radius:0;
}
body.is-favorites-tab .dashboard-menu-button,
body.is-favorites-tab .dashboard-drawer-close,
body.is-favorites-tab .dashboard-menu-backdrop{
  display:none!important;
}
body.is-favorites-tab .dash-tab,
body.is-favorites-tab .dash-link{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:48px;
  padding:0 14px;
  border:0;
  border-radius:10px;
  background:transparent;
  color:#7080a0;
  font-size:14px;
  font-weight:900;
  letter-spacing:.01em;
  box-shadow:none;
}
body.is-favorites-tab .dash-tab:before,
body.is-favorites-tab .dash-link:before{
  display:grid;
  place-items:center;
  width:22px;
  height:22px;
  flex:0 0 22px;
  color:#6d7d9c;
  font-size:17px;
  line-height:1;
}
body.is-favorites-tab .dash-tab[data-tab="profile"]:before{content:"⌂"}
body.is-favorites-tab .dash-tab[data-tab="favorites"]:before{content:"★"}
body.is-favorites-tab .dash-tab[data-tab="settings"]:before{content:"⚙"}
body.is-favorites-tab .dash-link:before{content:"↪"}
body.is-favorites-tab .dash-tab.is-active{
  background:linear-gradient(90deg,rgba(250,83,202,.14),rgba(122,97,255,.09));
  color:#6a46ff;
}
body.is-favorites-tab .dash-tab.is-active:before{
  color:#ec4bd3;
}
body.is-favorites-tab .dash-link{
  margin-top:auto;
  color:#71809e;
}
body.is-favorites-tab .dashboard-main{
  min-height:100%;
  margin-left:0!important;
  padding:94px 54px 72px;
  border:0;
  border-radius:0;
  background:linear-gradient(180deg,rgba(250,252,255,.76),rgba(255,255,255,.48));
  box-shadow:none;
}
body.is-favorites-tab .favorites-panel{
  min-height:0;
}
body.is-favorites-tab .favorites-shell{
  max-width:820px;
  width:100%;
  min-height:100%;
  margin:0 auto;
  padding:0 0 80px;
  gap:18px;
}
body.is-favorites-tab .favorites-panel-head{
  display:none;
}
body.is-favorites-tab .favorites-toolbar{
  display:grid;
  grid-template-columns:minmax(250px,1fr) 140px 150px 88px 42px;
  gap:14px;
  align-items:center;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
body.is-favorites-tab .favorites-toolbar label{
  position:relative;
  display:block;
}
body.is-favorites-tab .favorites-toolbar label>span{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}
body.is-favorites-tab .favorites-toolbar input,
body.is-favorites-tab .favorites-toolbar select{
  min-height:46px;
  border:1px solid rgba(148,166,200,.22);
  border-radius:9px;
  background:rgba(255,255,255,.84);
  color:#5b6b8c;
  font-size:13px;
  font-weight:850;
  box-shadow:0 12px 28px rgba(92,111,154,.07);
}
body.is-favorites-tab .favorite-search input{
  padding-left:40px;
  background:
    radial-gradient(circle at 20px 50%,transparent 0 5px,#7d8aa5 5.6px 7px,transparent 7.4px),
    linear-gradient(#fff,#fff);
}
body.is-favorites-tab .favorite-sort-button,
body.is-favorites-tab .favorite-notification{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:46px;
  border:1px solid rgba(148,166,200,.22);
  border-radius:9px;
  background:rgba(255,255,255,.84);
  color:#536486;
  font-size:13px;
  font-weight:900;
  box-shadow:0 12px 28px rgba(92,111,154,.07);
  cursor:pointer;
}
body.is-favorites-tab .favorite-notification{
  position:relative;
  width:42px;
  padding:0;
  font-size:0;
}
body.is-favorites-tab .favorite-notification:before{
  content:"";
  width:17px;
  height:18px;
  border:2px solid #536486;
  border-top-left-radius:9px;
  border-top-right-radius:9px;
  border-bottom:0;
}
body.is-favorites-tab .favorite-notification:after{
  content:"";
  position:absolute;
  bottom:12px;
  width:9px;
  height:2px;
  border-radius:999px;
  background:#536486;
}
body.is-favorites-tab .favorite-notification span{
  position:absolute;
  top:-7px;
  right:-6px;
  display:grid;
  place-items:center;
  width:18px;
  height:18px;
  border-radius:50%;
  background:#f12424;
  color:#fff;
  font-size:10px;
  font-weight:950;
  box-shadow:0 4px 10px rgba(241,36,36,.28);
}
body.is-favorites-tab .favorite-list{
  gap:10px;
  margin-top:8px;
}
body.is-favorites-tab .favorite-card{
  grid-template-columns:78px minmax(0,1fr) minmax(132px,.42fr) 150px;
  min-height:96px;
  gap:16px;
  padding:14px 18px;
  border:1px solid rgba(148,166,200,.16);
  border-radius:11px;
  background:rgba(255,255,255,.88);
  box-shadow:0 14px 34px rgba(92,111,154,.09);
}
body.is-favorites-tab .favorite-avatar-button{
  width:64px;
  height:64px;
  border-radius:50%;
  background:#eef4ff;
  box-shadow:none;
}
body.is-favorites-tab .favorite-title strong{
  display:flex;
  align-items:center;
  gap:7px;
  color:#1a2234;
  font-size:16px;
  font-weight:950;
}
body.is-favorites-tab .favorite-verified{
  display:inline-grid;
  place-items:center;
  width:15px;
  height:15px;
  flex:0 0 15px;
  border-radius:50%;
  background:#755cff;
  color:#fff;
  font-size:10px;
  font-style:normal;
  line-height:1;
}
body.is-favorites-tab .favorite-title span{
  color:#8190ad;
  font-size:12px;
  font-weight:820;
}
body.is-favorites-tab .favorite-main p{
  margin-top:6px;
  color:#617296;
  font-size:12px;
  font-weight:820;
}
body.is-favorites-tab .favorite-socials{
  justify-content:center;
  gap:8px;
}
body.is-favorites-tab .favorite-socials a{
  width:24px;
  height:24px;
  border-radius:7px;
  background:transparent;
  box-shadow:none;
}
body.is-favorites-tab .favorite-socials img{
  width:22px;
  height:22px;
  border-radius:6px;
}
body.is-favorites-tab .favorite-social-empty{
  min-width:78px;
  height:24px;
  color:#9aa6bb;
  background:rgba(247,249,253,.8);
  box-shadow:none;
}
body.is-favorites-tab .favorite-meta{
  display:grid;
  grid-template-columns:minmax(90px,1fr) 28px;
  gap:12px;
  align-items:center;
}
body.is-favorites-tab .favorite-meta>span{
  display:none;
}
body.is-favorites-tab .favorite-casta-button{
  min-width:96px;
  min-height:36px;
  border:1px solid rgba(118,141,181,.20);
  border-radius:8px;
  background:#fff;
  color:#6952ff;
  font-size:13px;
  font-weight:950;
  box-shadow:none;
}
body.is-favorites-tab .favorite-menu-button{
  width:28px;
  height:36px;
  color:#536486;
  font-size:22px;
}
body.is-favorites-tab .favorite-add-inline{
  display:none;
}
body.is-favorites-tab .favorite-add-floating{
  position:absolute;
  right:0;
  bottom:0;
  width:64px;
  height:64px;
  border-radius:50%;
  background:linear-gradient(135deg,#43b6ff 0%,#735bff 45%,#ff4ab9 100%);
  font-size:43px;
  font-weight:300;
  box-shadow:0 18px 34px rgba(93,78,236,.28);
}
body.is-favorites-tab .favorite-empty{
  min-height:320px;
  border:1px dashed rgba(148,166,200,.24);
  border-radius:12px;
  background:rgba(255,255,255,.66);
}

@media(max-width:920px){
  body.is-favorites-tab .dashboard-view{
    display:block;
    padding:0;
    overflow-x:hidden;
  }
  body.is-favorites-tab .dashboard-shell{
    display:block;
    width:100%;
    min-height:100vh;
    border:0;
    border-radius:0;
    background:linear-gradient(180deg,#fbfdff 0%,#f6fbff 100%);
    box-shadow:none;
    overflow:visible;
  }
  body.is-favorites-tab .dashboard-side{
    position:sticky!important;
    top:0!important;
    z-index:60!important;
    display:grid!important;
    grid-template-columns:44px minmax(0,1fr) 44px!important;
    align-items:center!important;
    min-height:74px!important;
    padding:14px 18px 10px!important;
    border:0!important;
    border-radius:0!important;
    background:rgba(248,252,255,.94)!important;
    box-shadow:none!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.is-favorites-tab .dashboard-brand{
    display:flex!important;
    grid-column:2!important;
    grid-row:1!important;
    justify-content:center!important;
    margin:0!important;
  }
  body.is-favorites-tab .dashboard-brand img{
    width:112px!important;
    max-width:none!important;
  }
  body.is-favorites-tab .dashboard-menu-button{
    display:grid!important;
    grid-column:1!important;
    grid-row:1!important;
    justify-self:start!important;
    width:34px!important;
    height:34px!important;
    min-height:34px!important;
    padding:0!important;
    color:#51627f!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.is-favorites-tab .dashboard-menu-button span{
    display:none!important;
  }
  body.is-favorites-tab .dashboard-menu-button i{
    width:18px!important;
    height:2px!important;
    margin:2px 0!important;
    background:currentColor!important;
  }
  body.is-favorites-tab .dashboard-side:not(.is-open):not(.is-closing) .dash-tab{
    position:fixed!important;
    bottom:calc(0px + env(safe-area-inset-bottom))!important;
    z-index:80!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:4px!important;
    width:33.333vw!important;
    min-height:62px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:rgba(255,255,255,.96)!important;
    color:#6f7e9b!important;
    font-size:10px!important;
    font-weight:900!important;
    box-shadow:0 -12px 30px rgba(89,112,150,.10)!important;
  }
  body.is-favorites-tab .dashboard-side:not(.is-open):not(.is-closing) .dash-tab[data-tab="profile"]{left:0!important}
  body.is-favorites-tab .dashboard-side:not(.is-open):not(.is-closing) .dash-tab[data-tab="favorites"]{left:33.333vw!important}
  body.is-favorites-tab .dashboard-side:not(.is-open):not(.is-closing) .dash-tab[data-tab="settings"]{left:66.666vw!important}
  body.is-favorites-tab .dashboard-side:not(.is-open):not(.is-closing) .dash-tab:before{
    width:20px!important;
    height:20px!important;
    font-size:18px!important;
  }
  body.is-favorites-tab .dashboard-side:not(.is-open):not(.is-closing) .dash-tab.is-active{
    color:#e54ad4!important;
  }
  body.is-favorites-tab .dashboard-side:not(.is-open):not(.is-closing) .dash-link{
    display:none!important;
  }
  body.is-favorites-tab .dashboard-side.is-open,
  body.is-favorites-tab .dashboard-side.is-closing{
    display:block!important;
  }
  body.is-favorites-tab .dashboard-side.is-open .dashboard-brand,
  body.is-favorites-tab .dashboard-side.is-closing .dashboard-brand,
  body.is-favorites-tab .dashboard-side.is-open .dashboard-menu-button,
  body.is-favorites-tab .dashboard-side.is-closing .dashboard-menu-button{
    display:none!important;
  }
  body.is-favorites-tab .dashboard-main{
    padding:0 16px 98px!important;
    background:transparent!important;
  }
  body.is-favorites-tab .favorites-shell{
    max-width:430px;
    padding:0 0 92px;
  }
  body.is-favorites-tab .favorites-toolbar{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:8px;
    padding:0;
    margin:0 0 14px;
  }
  body.is-favorites-tab .favorite-search{
    grid-column:1 / -1;
  }
  body.is-favorites-tab .favorite-search input{
    min-height:40px;
    padding-left:34px;
    border-radius:8px;
    font-size:11px;
    background:
      radial-gradient(circle at 17px 50%,transparent 0 4px,#7d8aa5 4.6px 6px,transparent 6.6px),
      linear-gradient(#fff,#fff);
  }
  body.is-favorites-tab .favorites-toolbar select,
  body.is-favorites-tab .favorite-sort-button{
    min-height:38px;
    padding:0 10px;
    border-radius:8px;
    font-size:11px;
  }
  body.is-favorites-tab .favorite-notification{
    position:fixed;
    top:18px;
    right:20px;
    z-index:62;
    width:34px;
    min-height:34px;
    height:34px;
    border-radius:50%;
  }
  body.is-favorites-tab .favorite-notification:before{
    width:14px;
    height:15px;
  }
  body.is-favorites-tab .favorite-notification:after{
    bottom:8px;
  }
  body.is-favorites-tab .favorite-notification span{
    top:-5px;
    right:-4px;
    width:16px;
    height:16px;
    font-size:9px;
  }
  body.is-favorites-tab .favorite-list{
    gap:9px;
  }
  body.is-favorites-tab .favorite-card{
    grid-template-columns:48px minmax(0,1fr) auto;
    grid-template-rows:auto auto;
    gap:4px 10px;
    min-height:78px;
    padding:10px 11px;
    border-radius:10px;
  }
  body.is-favorites-tab .favorite-avatar-button{
    grid-row:1 / 3;
    width:46px;
    height:46px;
  }
  body.is-favorites-tab .favorite-main{
    grid-column:2;
    grid-row:1 / 3;
    align-self:center;
  }
  body.is-favorites-tab .favorite-title strong{
    gap:5px;
    font-size:12px;
  }
  body.is-favorites-tab .favorite-verified{
    width:12px;
    height:12px;
    flex-basis:12px;
    font-size:8px;
  }
  body.is-favorites-tab .favorite-title span,
  body.is-favorites-tab .favorite-main p{
    font-size:10px;
  }
  body.is-favorites-tab .favorite-socials{
    grid-column:3;
    grid-row:1;
    justify-content:flex-end;
    gap:3px;
    min-width:82px;
  }
  body.is-favorites-tab .favorite-socials a{
    width:18px;
    height:18px;
    border-radius:5px;
  }
  body.is-favorites-tab .favorite-socials img{
    width:17px;
    height:17px;
    border-radius:5px;
  }
  body.is-favorites-tab .favorite-meta{
    grid-column:3;
    grid-row:2;
    grid-template-columns:58px 20px;
    justify-content:end;
    gap:5px;
  }
  body.is-favorites-tab .favorite-casta-button{
    min-width:58px;
    min-height:28px;
    padding:0 8px;
    border-radius:7px;
    font-size:10px;
  }
  body.is-favorites-tab .favorite-menu-button{
    width:20px;
    height:28px;
    font-size:18px;
  }
  body.is-favorites-tab .favorite-add-floating{
    position:fixed;
    right:calc(20px + env(safe-area-inset-right));
    bottom:calc(78px + env(safe-area-inset-bottom));
    width:58px;
    height:58px;
    z-index:81;
    font-size:40px;
  }
  body.is-favorites-tab .favorite-empty{
    min-height:260px;
    padding:36px 14px;
    border-radius:12px;
  }
}

@media(max-width:430px){
  body.is-favorites-tab .dashboard-main{
    padding-left:14px!important;
    padding-right:14px!important;
  }
  body.is-favorites-tab .favorites-toolbar{
    gap:7px;
  }
  body.is-favorites-tab .favorites-toolbar select,
  body.is-favorites-tab .favorite-sort-button{
    padding:0 7px;
    font-size:10px;
  }
}

/* 2026-07-07 dashboard-wide shell refresh */
body.is-dashboard-view{
  min-height:100vh;
  background:#f8fbff;
}
body.is-dashboard-view .site-header{
  display:none!important;
}
body.is-dashboard-view .site-footer{
  display:none!important;
}

@media(min-width:921px){
  body.is-dashboard-view .creator-app,
  body.is-dashboard-view .dashboard-view{
    display:block!important;
    width:100%!important;
    min-height:100vh!important;
    padding:0!important;
    background:
      radial-gradient(circle at 94% 12%,rgba(231,104,218,.11),transparent 28%),
      radial-gradient(circle at 8% 2%,rgba(103,195,255,.11),transparent 26%),
      linear-gradient(180deg,#fbfdff 0%,#f6fbff 100%)!important;
    overflow:visible!important;
  }
  body.is-dashboard-view .dashboard-shell{
    display:block!important;
    width:100%!important;
    max-width:none!important;
    min-height:100vh!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
    backdrop-filter:none!important;
    -webkit-backdrop-filter:none!important;
  }
  body.is-dashboard-view .dashboard-side{
    position:fixed!important;
    inset:0 auto 0 0!important;
    z-index:60!important;
    display:flex!important;
    flex-direction:column!important;
    width:220px!important;
    min-height:100vh!important;
    height:100vh!important;
    padding:18px 18px 24px!important;
    border:0!important;
    border-right:1px solid rgba(209,220,238,.72)!important;
    border-radius:0!important;
    background:rgba(255,255,255,.94)!important;
    box-shadow:18px 0 44px rgba(79,99,132,.07)!important;
    backdrop-filter:blur(18px)!important;
    -webkit-backdrop-filter:blur(18px)!important;
  }
  body.is-dashboard-view .dashboard-side:after,
  body.is-dashboard-view .dashboard-menu-backdrop,
  body.is-dashboard-view .dashboard-menu-button,
  body.is-dashboard-view .dashboard-drawer-close{
    display:none!important;
  }
  body.is-dashboard-view .dashboard-brand{
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    min-height:auto!important;
    margin:0 0 54px!important;
    padding:0 8px!important;
    color:#0f1b35!important;
    text-decoration:none!important;
  }
  body.is-dashboard-view .dashboard-brand img{
    display:block!important;
    width:134px!important;
    max-width:134px!important;
    height:auto!important;
    filter:none!important;
  }
  body.is-dashboard-view .dashboard-brand span{
    display:none!important;
  }
  body.is-dashboard-view .dash-tab,
  body.is-dashboard-view .dash-link{
    position:relative!important;
    display:flex!important;
    align-items:center!important;
    justify-content:flex-start!important;
    gap:10px!important;
    width:100%!important;
    min-height:44px!important;
    margin:0 0 12px!important;
    padding:0 14px!important;
    border:0!important;
    border-radius:9px!important;
    background:transparent!important;
    box-shadow:none!important;
    color:#65738f!important;
    font-size:14px!important;
    font-weight:800!important;
    letter-spacing:0!important;
    text-align:left!important;
    transform:none!important;
  }
  body.is-dashboard-view .dash-tab:before,
  body.is-dashboard-view .dash-link:before{
    display:grid!important;
    flex:0 0 20px!important;
    place-items:center!important;
    width:20px!important;
    height:20px!important;
    border-radius:0!important;
    background:transparent!important;
    color:#6e7f9d!important;
    font-size:17px!important;
    line-height:1!important;
    box-shadow:none!important;
  }
  body.is-dashboard-view .dash-tab[data-tab="profile"]:before{content:"⌂"!important}
  body.is-dashboard-view .dash-tab[data-tab="favorites"]:before{content:"★"!important}
  body.is-dashboard-view .dash-tab[data-tab="settings"]:before{content:"⚙"!important}
  body.is-dashboard-view .dash-link:before{content:"↪"!important}
  body.is-dashboard-view .dash-tab.is-active{
    background:linear-gradient(90deg,rgba(255,93,210,.16),rgba(112,97,255,.09))!important;
    color:#7b5cff!important;
  }
  body.is-dashboard-view .dash-tab.is-active:before{
    color:#eb4fd2!important;
  }
  body.is-dashboard-view .dash-link{
    margin-top:auto!important;
    margin-bottom:0!important;
    color:#71809b!important;
  }
  body.is-dashboard-view .dashboard-main{
    width:auto!important;
    min-height:100vh!important;
    margin:0 0 0 220px!important;
    padding:78px clamp(28px,5vw,72px) 88px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.is-dashboard-view .dashboard-top{
    max-width:980px!important;
    margin:0 0 24px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.is-dashboard-view .dashboard-actions{
    justify-content:flex-start!important;
  }
  body.is-dashboard-view #profileTab,
  body.is-dashboard-view #settingsTab{
    width:100%!important;
    max-width:980px!important;
    margin:0!important;
  }
  body.is-dashboard-view .profile-editor-stage{
    max-width:980px!important;
    margin:0!important;
  }
  body.is-dashboard-view .settings-panel{
    max-width:780px!important;
    margin:0!important;
    border:1px solid rgba(215,225,240,.86)!important;
    border-radius:18px!important;
    background:rgba(255,255,255,.86)!important;
    box-shadow:0 18px 48px rgba(75,95,125,.09)!important;
  }
  body.is-favorites-tab .dashboard-top{
    display:none!important;
  }
  body.is-favorites-tab .dashboard-main{
    margin-left:220px!important;
    padding:86px clamp(28px,5vw,72px) 88px!important;
  }
  body.is-favorites-tab .favorites-panel{
    width:100%!important;
    max-width:none!important;
  }
  body.is-favorites-tab .favorites-shell{
    width:min(100%,900px)!important;
    max-width:900px!important;
    margin:0!important;
    padding:0 0 92px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.is-favorites-tab .favorites-panel-head{
    display:none!important;
  }
body.is-favorites-tab .favorites-toolbar{
    display:grid!important;
    grid-template-columns:minmax(260px,1fr) auto!important;
    align-items:center!important;
    gap:14px!important;
    max-width:900px!important;
    margin:0 0 22px!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.is-favorites-tab .favorites-toolbar label>span{
    display:none!important;
  }
  body.is-favorites-tab .favorite-search input,
  body.is-favorites-tab .favorite-sort-toggle button{
    min-height:42px!important;
    border:1px solid rgba(210,222,239,.88)!important;
    border-radius:8px!important;
    background-color:rgba(255,255,255,.92)!important;
    box-shadow:0 10px 22px rgba(68,84,114,.05)!important;
    color:#40506d!important;
    font-size:12px!important;
    font-weight:800!important;
  }
  body.is-favorites-tab .favorite-list{
    gap:12px!important;
    max-width:900px!important;
  }
  body.is-favorites-tab .favorite-card{
    grid-template-columns:74px minmax(220px,1fr) minmax(110px,170px) 28px!important;
    gap:14px!important;
    min-height:112px!important;
    padding:18px 26px 18px 20px!important;
    border:1px solid rgba(219,228,240,.86)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.92)!important;
    box-shadow:0 14px 34px rgba(74,94,124,.07)!important;
  }
  body.is-favorites-tab .favorite-avatar-button{
    width:58px!important;
    height:58px!important;
  }
  body.is-favorites-tab .favorite-title strong{
    font-size:16px!important;
  }
  body.is-favorites-tab .favorite-title span,
  body.is-favorites-tab .favorite-main p{
    font-size:12px!important;
  }
  body.is-favorites-tab .favorite-socials{
    justify-content:center!important;
    gap:7px!important;
    min-width:120px!important;
  }
  body.is-favorites-tab .favorite-socials a{
    width:22px!important;
    height:22px!important;
    border-radius:6px!important;
  }
  body.is-favorites-tab .favorite-socials img{
    width:21px!important;
    height:21px!important;
    border-radius:6px!important;
  }
  body.is-favorites-tab .favorite-meta{
    grid-template-columns:28px!important;
    align-items:center!important;
    justify-content:end!important;
    gap:14px!important;
  }
  body.is-favorites-tab .favorite-menu-button{
    width:28px!important;
    height:38px!important;
  }
  body.is-favorites-tab .favorite-add-floating{
    position:fixed!important;
    right:clamp(34px,5vw,72px)!important;
    bottom:38px!important;
    width:64px!important;
    height:64px!important;
    z-index:70!important;
    font-size:42px!important;
  }
}

/* 2026-07-07 dashboard shell refinements: centered desktop + mobile tab bar */
@media(min-width:921px){
  body.is-dashboard-view .dashboard-main{
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:flex-start!important;
    background:var(--editor-bg,#f0f8ff)!important;
  }
  body.is-dashboard-view .dashboard-top,
  body.is-dashboard-view #profileTab,
  body.is-dashboard-view #settingsTab,
  body.is-dashboard-view .favorites-panel{
    width:min(100%,980px)!important;
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.is-dashboard-view .profile-editor-stage{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.is-favorites-tab .favorites-shell{
    margin-left:auto!important;
    margin-right:auto!important;
  }
  body.is-settings-tab .dashboard-top{
    display:none!important;
  }
  body.is-settings-tab .dashboard-main{
    padding-top:86px!important;
  }
  body.is-settings-tab .settings-panel{
    display:grid!important;
    width:min(100%,900px)!important;
    max-width:900px!important;
    margin:0 auto!important;
    padding:0!important;
    gap:14px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.is-settings-tab .settings-panel h2{
    margin:0 0 10px!important;
    color:#111a33!important;
    font-size:24px!important;
    font-weight:950!important;
    letter-spacing:0!important;
  }
  body.is-settings-tab .settings-row{
    display:grid!important;
    grid-template-columns:180px minmax(0,1fr)!important;
    gap:16px!important;
    align-items:center!important;
    min-height:78px!important;
    padding:18px 24px!important;
    border:1px solid rgba(219,228,240,.86)!important;
    border-radius:8px!important;
    background:rgba(255,255,255,.92)!important;
    box-shadow:0 14px 34px rgba(74,94,124,.07)!important;
    font-size:15px!important;
  }
  body.is-settings-tab .settings-row>span{
    color:#5f6f8c!important;
    font-size:14px!important;
    font-weight:900!important;
  }
  body.is-settings-tab .settings-row strong{
    color:#162038!important;
    font-size:16px!important;
    font-weight:900!important;
  }
  body.is-settings-tab .settings-row .slug-field{
    min-height:44px!important;
    border-color:rgba(211,224,240,.88)!important;
    border-radius:8px!important;
    background:#fff!important;
  }
}

@media(max-width:920px){
  body.is-dashboard-view .creator-app,
  body.is-dashboard-view .dashboard-view{
    display:block!important;
    width:100%!important;
    min-height:100vh!important;
    padding:0!important;
    background:var(--editor-bg,#f0f8ff)!important;
    overflow:visible!important;
  }
  body.is-dashboard-view .dashboard-shell{
    display:block!important;
    width:100%!important;
    min-height:100vh!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.is-dashboard-view .dashboard-side,
  body.is-favorites-tab .dashboard-side{
    position:sticky!important;
    top:0!important;
    z-index:80!important;
    display:grid!important;
    grid-template-columns:1fr!important;
    align-items:center!important;
    justify-items:center!important;
    width:100%!important;
    min-height:64px!important;
    height:64px!important;
    margin:0!important;
    padding:10px 14px 8px!important;
    border:0!important;
    border-radius:0!important;
    background:var(--editor-bg,#f0f8ff)!important;
    box-shadow:none!important;
  }
  body.is-dashboard-view .dashboard-side:after,
  body.is-dashboard-view .dashboard-menu-button,
  body.is-dashboard-view .dashboard-drawer-close,
  body.is-dashboard-view .dashboard-menu-backdrop,
  body.is-dashboard-view .dash-link{
    display:none!important;
  }
  body.is-dashboard-menu-open .dashboard-menu-backdrop{
    display:none!important;
  }
  body.is-dashboard-view .dashboard-brand,
  body.is-favorites-tab .dashboard-brand{
    display:flex!important;
    grid-column:1!important;
    grid-row:1!important;
    justify-content:center!important;
    align-items:center!important;
    width:100%!important;
    margin:0!important;
    padding:0!important;
  }
  body.is-dashboard-view .dashboard-brand img,
  body.is-favorites-tab .dashboard-brand img{
    width:124px!important;
    max-width:38vw!important;
    height:auto!important;
  }
  body.is-dashboard-view .dashboard-brand span{
    display:none!important;
  }
  body.is-dashboard-view .dashboard-side .dash-tab,
  body.is-favorites-tab .dashboard-side .dash-tab{
    position:fixed!important;
    top:auto!important;
    bottom:calc(0px + env(safe-area-inset-bottom))!important;
    z-index:90!important;
    display:flex!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    width:33.333vw!important;
    height:70px!important;
    min-height:70px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 -12px 32px rgba(78,100,135,.10)!important;
    color:#6d7a94!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:0!important;
    text-align:center!important;
    transform:none!important;
  }
  body.is-dashboard-view .dashboard-side .dash-tab[data-tab="profile"]{left:0!important}
  body.is-dashboard-view .dashboard-side .dash-tab[data-tab="favorites"]{left:33.333vw!important}
  body.is-dashboard-view .dashboard-side .dash-tab[data-tab="settings"]{left:66.666vw!important}
  body.is-dashboard-view .dashboard-side .dash-tab:before,
  body.is-favorites-tab .dashboard-side .dash-tab:before{
    display:grid!important;
    place-items:center!important;
    width:22px!important;
    height:22px!important;
    margin:0!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
    color:currentColor!important;
    font-size:21px!important;
    line-height:1!important;
  }
  body.is-dashboard-view .dashboard-side .dash-tab[data-tab="profile"]:before{content:"⌂"!important}
  body.is-dashboard-view .dashboard-side .dash-tab[data-tab="favorites"]:before{content:"★"!important}
  body.is-dashboard-view .dashboard-side .dash-tab[data-tab="settings"]:before{content:"⚙"!important}
  body.is-dashboard-view .dashboard-side .dash-tab.is-active,
  body.is-favorites-tab .dashboard-side .dash-tab.is-active{
    color:#e84bd4!important;
    background:rgba(255,255,255,.98)!important;
  }
  body.is-dashboard-view .dashboard-main,
  body.is-favorites-tab .dashboard-main{
    width:100%!important;
    min-height:calc(100vh - 64px)!important;
    margin:0!important;
    padding:8px 14px calc(94px + env(safe-area-inset-bottom))!important;
    border:0!important;
    border-radius:0!important;
    background:var(--editor-bg,#f0f8ff)!important;
    box-shadow:none!important;
    overflow:visible!important;
  }
  body.is-dashboard-view .dashboard-top{
    width:100%!important;
    margin:0 0 14px!important;
    padding:0!important;
    border:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.is-favorites-tab .dashboard-top,
  body.is-settings-tab .dashboard-top{
    display:none!important;
  }
  body.is-settings-tab .settings-panel{
    width:100%!important;
    margin:0!important;
    padding:0 0 18px!important;
    gap:10px!important;
    border:0!important;
    border-radius:0!important;
    background:transparent!important;
    box-shadow:none!important;
  }
  body.is-settings-tab .settings-panel h2{
    margin:4px 0 10px!important;
    font-size:22px!important;
  }
  body.is-settings-tab .settings-row{
    grid-template-columns:1fr!important;
    gap:7px!important;
    min-height:auto!important;
    padding:16px!important;
    border:1px solid rgba(219,228,240,.86)!important;
    border-radius:12px!important;
    background:rgba(255,255,255,.92)!important;
    box-shadow:0 12px 28px rgba(74,94,124,.07)!important;
    font-size:14px!important;
  }
  body.is-settings-tab .settings-row strong{
    font-size:15px!important;
  }
}

/* Landing page visual refresh: profile links + favorite management. */
body:not(.is-dashboard-view) .site-header{
  background:rgba(255,255,255,.82);
  border-bottom:0;
  box-shadow:none;
  backdrop-filter:blur(16px);
}
body:not(.is-dashboard-view) .header-inner{
  width:min(1360px,calc(100% - 84px));
  height:78px;
}
body:not(.is-dashboard-view) .brand{
  width:154px;
  height:44px;
  background-image:url("./assets/casta-logo.png?v=20260707");
}
body:not(.is-dashboard-view) .nav{
  gap:28px;
}
body:not(.is-dashboard-view) .nav-login{
  color:#101a36;
  font-size:13px;
  font-weight:900;
}
body:not(.is-dashboard-view) .nav-primary{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-width:144px;
  min-height:44px;
  padding:0 24px;
  border:0;
  border-radius:999px;
  color:#fff;
  background:linear-gradient(120deg,#f43aa4 0%,#8c58ff 50%,#47a4ff 100%);
  box-shadow:0 12px 28px rgba(105,92,255,.26);
}
.casta-lp{
  min-height:100vh;
  padding:14px 0 56px;
  background:
    radial-gradient(circle at 76% 43%,rgba(226,204,255,.52),transparent 19%),
    radial-gradient(circle at 67% 52%,rgba(193,226,255,.34),transparent 23%),
    radial-gradient(circle at 18% 20%,rgba(255,220,244,.34),transparent 27%),
    linear-gradient(135deg,#fff 0%,#fbfdff 54%,#f7fbff 100%);
}
.casta-lp:before,
.casta-lp:after{
  content:"";
  position:fixed;
  z-index:0;
  pointer-events:none;
  border-radius:999px;
  opacity:.55;
}
.casta-lp:before{
  width:300px;
  height:36px;
  left:-72px;
  top:190px;
  background:linear-gradient(90deg,rgba(251,84,175,.28),rgba(119,118,255,.16));
  transform:rotate(-48deg);
}
.casta-lp:after{
  width:410px;
  height:42px;
  right:-112px;
  bottom:180px;
  background:linear-gradient(90deg,rgba(153,111,255,.20),rgba(246,67,164,.22));
  transform:rotate(-46deg);
}
.casta-lp .lp-stage{
  position:relative;
  z-index:1;
  width:min(1180px,calc(100% - 80px));
  margin:0 auto;
}
.casta-lp .lp-hero-panel{
  overflow:visible;
  border:0;
  border-radius:0;
  padding:54px 26px 20px;
  background:transparent;
  box-shadow:none;
}
.casta-lp .lp-hero-grid{
  display:grid;
  grid-template-columns:minmax(480px,1fr) minmax(420px,.9fr);
  align-items:center;
  gap:44px;
  min-height:520px;
}
.casta-lp .lp-hero-copy h1{
  margin:0;
  color:#0c1530;
  font-size:clamp(41px,3.35vw,54px);
  font-weight:950;
  line-height:1.24;
  letter-spacing:0;
}
.casta-lp .lp-headline-nowrap{
  white-space:nowrap;
}
.casta-lp .lp-brand-word{
  color:transparent;
  background:linear-gradient(100deg,#f243a4 0%,#9755ff 47%,#48a5ff 100%);
  -webkit-background-clip:text;
  background-clip:text;
}
.casta-lp .lp-hero-copy p{
  max-width:560px;
  margin:28px 0 0;
  color:#12203f;
  font-size:17px;
  font-weight:400;
  line-height:1.9;
  letter-spacing:0;
}
.casta-lp .lp-hero-buttons{
  display:grid;
  grid-template-columns:minmax(210px,270px) minmax(180px,240px);
  gap:18px;
  margin-top:34px;
}
.casta-lp .lp-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:14px;
  min-height:54px;
  border-radius:999px;
  font-size:15px;
  font-weight:950;
  text-decoration:none;
  white-space:nowrap;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease;
}
.casta-lp .lp-btn:hover{
  transform:translateY(-1px);
}
.casta-lp .lp-btn-primary{
  border:0;
  color:#fff;
  background:linear-gradient(120deg,#f43aa4 0%,#8e56ff 52%,#48a5ff 100%);
  box-shadow:0 18px 34px rgba(104,92,255,.24);
}
.casta-lp .lp-btn-secondary{
  border:1.5px solid rgba(73,91,190,.34);
  color:#132040;
  background:rgba(255,255,255,.86);
}
.casta-lp .lp-btn-light{
  min-width:310px;
  border:0;
  color:#132040;
  background:#fff;
  box-shadow:0 14px 30px rgba(37,52,94,.12);
}
.casta-lp .lp-hero-showcase{
  position:relative;
  min-height:510px;
}
.casta-lp .lp-preview-card{
  position:absolute;
  width:280px;
  border:1px solid rgba(212,220,238,.86);
  border-radius:18px;
  background:rgba(255,255,255,.91);
  box-shadow:0 26px 54px rgba(35,48,84,.11);
  backdrop-filter:blur(14px);
}
.casta-lp .lp-preview-profile{
  left:-20px;
  top:26px;
  z-index:2;
  padding:22px 22px 18px;
  transform:rotate(-7deg);
}
.casta-lp .lp-preview-list{
  right:-28px;
  top:38px;
  z-index:1;
  width:318px;
  min-height:488px;
  padding:20px;
  transform:rotate(6deg);
}
.casta-lp .lp-mini-logo{
  display:block;
  width:74px;
  height:auto;
  margin:0 auto 12px;
}
.casta-lp .lp-avatar,
.casta-lp .lp-face{
  border-radius:50%;
  background:
    radial-gradient(circle at 42% 32%,rgba(255,255,255,.94),transparent 0 18%,rgba(255,255,255,0) 19%),
    linear-gradient(140deg,#f8c4dd,#b8bbff 45%,#b7ecff);
}
.casta-lp .lp-avatar{
  width:74px;
  height:74px;
  margin:0 auto 8px;
  box-shadow:0 14px 28px rgba(88,100,150,.16);
}
.casta-lp .lp-preview-profile strong,
.casta-lp .lp-preview-profile span,
.casta-lp .lp-preview-profile p{
  display:block;
  text-align:center;
}
.casta-lp .lp-preview-profile strong{
  color:#101a36;
  font-size:16px;
  font-weight:950;
}
.casta-lp .lp-preview-profile>span{
  margin-top:2px;
  color:#63708b;
  font-size:11px;
  font-weight:800;
}
.casta-lp .lp-preview-profile p{
  margin:10px auto 12px;
  color:#4e5b74;
  font-size:10px;
  font-weight:750;
  line-height:1.55;
}
.casta-lp .lp-social-row{
  display:flex;
  justify-content:center;
  gap:13px;
  margin-bottom:14px;
}
.casta-lp .lp-social-row img,
.casta-lp .lp-social-row span{
  width:16px;
  height:16px;
  object-fit:contain;
  font-size:12px;
}
.casta-lp .lp-preview-profile ul{
  display:grid;
  gap:8px;
  margin:0;
  padding:0;
  list-style:none;
}
.casta-lp .lp-preview-profile li{
  display:grid;
  grid-template-columns:18px 1fr auto;
  align-items:center;
  gap:10px;
  min-height:34px;
  padding:0 10px;
  border:1px solid rgba(221,226,239,.90);
  border-radius:10px;
  color:#20304f;
  background:#fff;
  font-size:11px;
  font-weight:900;
}
.casta-lp .lp-preview-profile li img{
  width:15px;
  height:15px;
}
.casta-lp .lp-preview-list-head{
  display:grid;
  grid-template-columns:1fr 20px 20px;
  align-items:center;
  margin-bottom:14px;
  color:#243250;
  font-size:13px;
  font-weight:950;
}
.casta-lp .lp-preview-list-head span{
  color:#77839b;
  text-align:center;
}
.casta-lp .lp-fav-row{
  display:grid;
  grid-template-columns:42px 1fr auto;
  align-items:center;
  gap:11px;
  min-height:64px;
  border-top:1px solid rgba(222,228,240,.84);
}
.casta-lp .lp-fav-row:first-of-type{
  border-top:0;
}
.casta-lp .lp-face{
  width:42px;
  height:42px;
  background-size:cover;
}
.casta-lp .lp-face-1{background:linear-gradient(140deg,#ffd3de,#b6c8ff)}
.casta-lp .lp-face-2{background:linear-gradient(140deg,#d5dbe7,#202944)}
.casta-lp .lp-face-3{background:linear-gradient(140deg,#ffcfcd,#f8f3e8)}
.casta-lp .lp-face-4{background:linear-gradient(140deg,#fde6ef,#b9efff)}
.casta-lp .lp-fav-row strong,
.casta-lp .lp-fav-row span{
  display:block;
}
.casta-lp .lp-fav-row strong{
  color:#111a33;
  font-size:12px;
  font-weight:950;
}
.casta-lp .lp-fav-row span{
  margin-top:3px;
  color:#68758f;
  font-size:10px;
  font-weight:800;
}
.casta-lp .lp-fav-row em{
  display:flex;
  align-items:center;
  gap:5px;
  font-style:normal;
}
.casta-lp .lp-fav-row em img{
  width:15px;
  height:15px;
  object-fit:contain;
}
.casta-lp .lp-preview-list footer{
  display:grid;
  grid-template-columns:1fr 1fr;
  margin:13px -8px -8px;
  padding-top:12px;
  border-top:1px solid rgba(222,228,240,.84);
  color:#77839b;
  text-align:center;
  font-size:15px;
}

.casta-lp .lp-preview-list footer small{
  display:block;
  margin-top:3px;
  font-size:8px;
  font-weight:900;
}
.casta-lp .lp-preview-list footer .is-active{
  color:#e83fb2;
}
.casta-lp .lp-app-download{
  display:grid;
  grid-template-columns:116px 1fr 214px 120px;
  align-items:center;
  gap:26px;
  min-height:122px;
  margin:18px auto 0;
  padding:18px 28px;
  border:1px solid rgba(214,222,239,.88);
  border-radius:16px;
  background:rgba(255,255,255,.78);
  box-shadow:0 16px 40px rgba(41,57,98,.07);
}
.casta-lp .lp-app-icon{
  width:90px;
  height:90px;
  border-radius:24px;
  box-shadow:0 16px 34px rgba(86,91,150,.14);
}
.casta-lp .lp-app-download h2{
  margin:0;
  color:#14213f;
  font-size:24px;
  font-weight:950;
  line-height:1.28;
}
.casta-lp .lp-app-download p{
  margin:6px 0 0;
  color:#596882;
  font-size:12px;
  font-weight:800;
  line-height:1.65;
}
.casta-lp .lp-store-link img{
  display:block;
  width:184px;
  height:auto;
}
.casta-lp .lp-app-qr{
  width:94px;
  height:94px;
  object-fit:contain;
}
.casta-lp .lp-two-features{
  margin-top:22px;
}
.casta-lp .lp-two-features>h2{
  margin:0 0 16px;
  color:#14213f;
  font-size:26px;
  font-weight:950;
  text-align:center;
}
.casta-lp .lp-two-features>h2 span{
  color:transparent;
  background:linear-gradient(110deg,#f243a4,#8d55ff,#48a5ff);
  -webkit-background-clip:text;
  background-clip:text;
}
.casta-lp .lp-two-feature-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:26px;
}
.casta-lp .lp-two-feature-grid article{
  display:grid;
  grid-template-columns:82px minmax(0,1fr) 120px;
  align-items:center;
  gap:18px;
  min-height:160px;
  padding:24px;
  border:1px solid rgba(214,222,239,.88);
  border-radius:17px;
  background:rgba(255,255,255,.78);
  box-shadow:0 16px 40px rgba(41,57,98,.06);
}
.casta-lp .lp-feature-icon{
  display:grid;
  place-items:center;
  width:62px;
  height:62px;
  border-radius:22px;
  color:#fff;
  background:linear-gradient(135deg,#f343a5,#7b5cff 58%,#55b4ff);
  font-size:30px;
  font-weight:950;
}
.casta-lp .lp-two-feature-grid h3{
  margin:0 0 12px;
  color:#14213f;
  font-size:17px;
  font-weight:950;
}
.casta-lp .lp-two-feature-grid p{
  margin:0;
  color:#50617e;
  font-size:13px;
  font-weight:800;
  line-height:1.8;
}
.casta-lp .lp-two-feature-grid article>img{
  justify-self:end;
  width:102px;
  height:132px;
  border-radius:14px;
  object-fit:cover;
  object-position:top center;
  box-shadow:0 14px 32px rgba(50,65,98,.12);
}
.casta-lp .lp-final-cta{
  display:grid;
  grid-template-columns:1fr auto;
  align-items:center;
  justify-items:stretch;
  gap:24px;
  width:auto;
  max-width:none;
  margin:22px 0 0;
  padding:28px 42px;
  border-radius:14px;
  background:linear-gradient(110deg,#f447a6 0%,#8e55ff 47%,#48a5ff 100%);
  color:#fff;
  box-shadow:0 18px 42px rgba(90,88,230,.19);
  text-align:left;
}
.casta-lp .lp-final-cta h2{
  margin:0;
  color:#fff;
  font-size:25px;
  font-weight:950;
}
.casta-lp .lp-final-cta p{
  margin:6px 0 0;
  color:rgba(255,255,255,.88);
  font-size:13px;
  font-weight:850;
}
.casta-lp .lp-final-cta .lp-btn{
  margin-top:0;
}
.casta-lp .lp-hero-actions{
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-items:start;
  gap:3px;
  width:min(640px,100%);
  margin-top:34px;
}
.casta-lp .lp-slug-check-form{
  display:grid;
  grid-template-columns:minmax(0,1fr) 118px;
  overflow:hidden;
  min-height:54px;
  border:1.5px solid rgba(73,91,190,.28);
  border-radius:12px;
  background:rgba(255,255,255,.9);
  box-shadow:0 16px 34px rgba(50,65,110,.10);
}
.casta-lp .lp-slug-field{
  display:flex;
  align-items:center;
  min-width:0;
}
.casta-lp .lp-slug-field span{
  flex:0 0 auto;
  padding-left:16px;
  color:#62708c;
  font-size:13px;
  font-weight:800;
}
.casta-lp .lp-slug-field input{
  min-width:0;
  width:100%;
  height:52px;
  border:0;
  outline:0;
  padding:0 14px 0 3px;
  color:#101a36;
  background:transparent;
  font:inherit;
  font-size:14px;
  font-weight:850;
}
.casta-lp .lp-slug-field input::placeholder{
  color:#a0a9bc;
}
.casta-lp .lp-slug-field:focus-within{
  box-shadow:inset 0 0 0 2px rgba(90,77,245,.18);
}
.casta-lp .lp-slug-check-button{
  border:0;
  color:#fff;
  background:linear-gradient(120deg,#f43aa4 0%,#8e56ff 54%,#48a5ff 100%);
  font-size:13px;
  font-weight:900;
  cursor:pointer;
}
.casta-lp .lp-hero-copy .hero-slug-status{
  min-height:18px;
  margin:0 2px;
  font-size:13px;
  font-weight:400;
  line-height:1.4;
}
.casta-lp .lp-hero-copy .hero-register-link{
  margin-left:6px;
  color:#5645f5;
  font-weight:400;
  cursor:pointer;
}
.casta-lp .lp-hero-link-row{
  display:flex;
  align-items:center;
  justify-content:flex-start;
  gap:16px;
  margin-top:5px;
}
.casta-lp .lp-hero-link-row .lp-btn{
  width:190px;
  min-width:190px;
  margin:0;
}
body:not(.is-dashboard-view) .site-footer .footer-inner a{
  font-weight:400;
}
.casta-lp{
  min-height:0;
  padding-bottom:0;
}
.casta-lp .lp-hero-panel{
  padding-bottom:0;
}
@media(min-width:981px){
  .casta-lp{
    min-height:calc(100vh - 216px);
  }
  .casta-lp .lp-stage{
    width:min(980px,calc(100% - 160px));
  }
  .casta-lp .lp-hero-panel{
    zoom:.8;
  }
}
@media(max-width:980px){
  body:not(.is-dashboard-view) .site-header{
    background:transparent;
    border:0;
  }
  body:not(.is-dashboard-view) .header-inner{
    width:min(370px,calc(100% - 32px));
    height:70px;
    display:grid;
    grid-template-columns:auto minmax(0,1fr);
    gap:10px;
    border-bottom:1px solid rgba(208,218,236,.76);
  }
  body:not(.is-dashboard-view) .brand{
    width:112px;
    height:38px;
  }
  body:not(.is-dashboard-view) .mobile-menu-button{
    display:none!important;
  }
  body:not(.is-dashboard-view) .nav{
    display:flex!important;
    flex:0 1 auto;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
    min-width:0;
  }
  body:not(.is-dashboard-view) .nav a{
    display:none!important;
  }
  body:not(.is-dashboard-view) .nav-login,
  body:not(.is-dashboard-view) .nav-primary{
    display:inline-flex!important;
    align-items:center;
    justify-content:center;
    min-height:34px;
    border-radius:999px;
    font-size:11px;
    font-weight:900;
    line-height:1;
    white-space:nowrap;
  }
  body:not(.is-dashboard-view) .nav-login{
    min-width:54px;
    padding:0 5px;
    border:0;
    background:transparent;
    box-shadow:none;
  }
  body:not(.is-dashboard-view) .nav-primary{
    min-width:105px;
    padding:0 14px;
    color:#fff!important;
  }
  body:not(.is-dashboard-view) .desktop-label{display:inline}
  body:not(.is-dashboard-view) .mobile-label{display:none}
  body:not(.is-dashboard-view) .nav-login.is-edit-link{
    max-width:126px;
    padding:0 4px;
  }
  body:not(.is-dashboard-view) .nav-login.is-edit-link .header-edit-text{
    overflow:hidden;
    text-overflow:ellipsis;
  }
  body:not(.is-dashboard-view) .header-user-avatar{
    width:25px;
    height:25px;
  }
  body:not(.is-dashboard-view) .nav-logout{
    width:34px;
    height:34px;
    border-radius:50%;
  }
  .casta-lp{
    width:100%!important;
    max-width:none!important;
    margin:0!important;
    min-height:0;
    padding:0;
    overflow-x:hidden;
    background:
      radial-gradient(circle at 16% 19%,rgba(255,205,238,.52),transparent 24%),
      radial-gradient(circle at 87% 30%,rgba(209,224,255,.56),transparent 28%),
      linear-gradient(135deg,#fff 0%,#f8fbff 100%);
  }
  .casta-lp .lp-stage{
    width:calc(100% - 28px);
    max-width:390px;
    margin:0 auto;
  }
  .casta-lp .lp-hero-panel{
    width:100%;
    max-width:100%;
    padding:22px 0 4px;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
    overflow:visible;
  }
  .casta-lp .lp-hero-grid{
    display:flex;
    flex-direction:column;
    gap:20px;
    min-height:0;
  }
  .casta-lp .lp-hero-copy{
    padding:0 18px;
    text-align:center;
  }
  .casta-lp .lp-hero-copy h1{
    font-size:27px;
    line-height:1.38;
  }
  .casta-lp .lp-hero-copy p{
    max-width:100%;
    margin-top:14px;
    font-size:12px;
    line-height:1.85;
    white-space:normal;
    overflow-wrap:anywhere;
    text-align:center;
  }
  .casta-lp .lp-hero-buttons{
    grid-template-columns:1fr;
    gap:10px;
    margin-top:22px;
  }
  .casta-lp .lp-hero-actions{
    grid-template-columns:1fr;
    gap:3px;
    margin-top:22px;
    text-align:left;
  }
  .casta-lp .lp-slug-check-form{
    grid-template-columns:minmax(0,1fr) 84px;
    min-height:48px;
    border-radius:10px;
  }
  .casta-lp .lp-slug-field span{
    padding-left:10px;
    font-size:10px;
  }
  .casta-lp .lp-slug-field input{
    height:46px;
    padding-right:8px;
    font-size:11px;
  }
  .casta-lp .lp-slug-check-button{
    font-size:11px;
  }
  .casta-lp .lp-hero-copy .hero-slug-status{
    font-size:11px;
  }
  .casta-lp .lp-hero-link-row{
    display:grid;
    grid-template-columns:1fr;
    gap:8px;
    margin-top:5px;
  }
  .casta-lp .lp-hero-link-row .lp-btn{
    width:100%;
    min-width:0;
  }
  .casta-lp .lp-btn{
    width:100%;
    min-height:48px;
    font-size:13px;
  }
  .casta-lp .lp-hero-showcase{
    width:calc(100% - 36px);
    min-height:236px;
    margin:0 18px;
    overflow:hidden;
  }
  .casta-lp .lp-preview-card{
    border-color:transparent;
    background:#fff;
    box-shadow:0 18px 38px rgba(35,48,84,.08);
    backdrop-filter:none;
    transform:none;
  }
  .casta-lp .lp-preview-profile{
    left:18px;
    top:8px;
    width:150px;
    min-height:218px;
    padding:10px;
    border-radius:14px;
    transform:rotate(-5deg);
  }
  .casta-lp .lp-preview-list{
    right:10px;
    top:8px;
    width:156px;
    min-height:218px;
    padding:10px;
    border-radius:14px;
    transform:rotate(5deg);
  }
  .casta-lp .lp-mini-logo{
    width:44px;
    margin-bottom:5px;
  }
  .casta-lp .lp-avatar{
    width:42px;
    height:42px;
  }
  .casta-lp .lp-preview-profile strong{
    font-size:10px;
  }
  .casta-lp .lp-preview-profile>span,
  .casta-lp .lp-preview-profile p{
    font-size:7px;
  }
  .casta-lp .lp-preview-profile p{
    margin:5px 0 6px;
  }
  .casta-lp .lp-social-row{
    gap:7px;
    margin-bottom:7px;
  }
  .casta-lp .lp-social-row img,
  .casta-lp .lp-social-row span{
    width:10px;
    height:10px;
  }
  .casta-lp .lp-preview-profile ul{
    gap:4px;
  }
  .casta-lp .lp-preview-profile li{
    grid-template-columns:10px 1fr auto;
    min-height:20px;
    gap:5px;
    padding:0 6px;
    border-radius:6px;
    font-size:7px;
  }
  .casta-lp .lp-preview-profile li img{
    width:9px;
    height:9px;
  }
  .casta-lp .lp-preview-list-head{
    grid-template-columns:1fr 12px 12px;
    margin-bottom:6px;
    font-size:8px;
  }
  .casta-lp .lp-fav-row{
    grid-template-columns:24px 1fr auto;
    gap:5px;
    min-height:40px;
  }
  .casta-lp .lp-face{
    width:24px;
    height:24px;
  }
  .casta-lp .lp-fav-row strong{
    font-size:7px;
  }
  .casta-lp .lp-fav-row span{
    margin-top:1px;
    font-size:6px;
  }
  .casta-lp .lp-fav-row em{
    gap:2px;
  }
  .casta-lp .lp-fav-row em img{
    width:8px;
    height:8px;
  }
  .casta-lp .lp-preview-list footer{
    margin:5px -4px -4px;
    padding-top:5px;
    font-size:8px;
  }
  .casta-lp .lp-preview-list footer small{
    font-size:5px;
  }
  .casta-lp .lp-app-download{
    grid-template-columns:50px minmax(0,118px) 66px;
    grid-template-rows:auto auto;
    justify-content:center;
    gap:4px 9px;
    min-height:82px;
    margin:8px 18px 0;
    padding:10px 12px;
    border-radius:13px;
    overflow:hidden;
  }
  .casta-lp .lp-app-icon{
    grid-column:1;
    grid-row:1 / span 2;
    align-self:center;
    width:48px;
    height:48px;
    border-radius:14px;
  }
  .casta-lp .lp-app-download>div{
    grid-column:2;
    grid-row:1;
    align-self:end;
    min-width:0;
  }
  .casta-lp .lp-app-download h2{
    font-size:12px;
    line-height:1.28;
  }
  .casta-lp .lp-app-download p{
    display:none;
  }
  .casta-lp .lp-store-link{
    grid-column:2;
    grid-row:2;
    align-self:start;
  }
  .casta-lp .lp-store-link img{
    width:96px;
  }
  .casta-lp .lp-app-qr{
    grid-column:3;
    grid-row:1 / span 2;
    align-self:center;
    justify-self:center;
    box-sizing:content-box;
    width:52px;
    height:52px;
    padding-left:9px;
    border-left:1px solid rgba(207,216,235,.84);
  }
  .casta-lp .lp-two-features{
    margin:20px 18px 0;
  }
  .casta-lp .lp-two-features>h2{
    margin-bottom:14px;
    font-size:17px;
  }
  .casta-lp .lp-two-feature-grid{
    grid-template-columns:1fr;
    gap:10px;
  }
  .casta-lp .lp-two-feature-grid article{
    grid-template-columns:1fr 46px;
    gap:12px;
    min-height:92px;
    padding:15px;
    border-radius:13px;
  }
  .casta-lp .lp-feature-icon{
    grid-column:2;
    grid-row:1;
    width:40px;
    height:40px;
    border-radius:14px;
    font-size:19px;
  }
  .casta-lp .lp-two-feature-grid article>div:nth-child(2){
    grid-column:1;
    grid-row:1;
  }
  .casta-lp .lp-two-feature-grid h3{
    margin-bottom:7px;
    font-size:12px;
  }
  .casta-lp .lp-two-feature-grid p{
    font-size:9px;
    line-height:1.7;
  }
  .casta-lp .lp-two-feature-grid article>img{
    display:none;
  }
  .casta-lp .lp-final-cta{
    grid-template-columns:1fr;
    gap:12px;
    margin:12px 18px 0;
    padding:18px;
    border-radius:13px;
    text-align:center;
  }
  .casta-lp .lp-final-cta h2{
    font-size:15px;
  }
  .casta-lp .lp-final-cta p{
    font-size:9px;
  }
  .casta-lp .lp-btn-light{
    min-width:0;
  }
}

/* Final mobile dashboard override: keep the 3-tab footer visible on every tab. */
body.is-dashboard-view .site-header,
body.is-dashboard-view #marketingPage,
body.is-dashboard-view #publicProfilePage{
  display:none!important;
}

@media(max-width:920px){
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-tab,
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-tab:not(.is-active),
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-tab.is-active{
    position:fixed!important;
    top:auto!important;
    bottom:calc(0px + env(safe-area-inset-bottom))!important;
    z-index:90!important;
    display:flex!important;
    grid-column:auto!important;
    grid-row:auto!important;
    flex-direction:column!important;
    align-items:center!important;
    justify-content:center!important;
    gap:5px!important;
    width:33.333vw!important;
    height:70px!important;
    min-width:0!important;
    min-height:70px!important;
    margin:0!important;
    padding:0!important;
    border:0!important;
    border-radius:0!important;
    background:rgba(255,255,255,.96)!important;
    box-shadow:0 -12px 32px rgba(78,100,135,.10)!important;
    color:#6d7a94!important;
    font-size:11px!important;
    font-weight:900!important;
    letter-spacing:0!important;
    text-align:center!important;
    white-space:normal!important;
    transform:none!important;
  }
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-tab[data-tab="profile"]{
    left:0!important;
  }
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-tab[data-tab="favorites"]{
    left:33.333vw!important;
  }
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-tab[data-tab="settings"]{
    left:66.666vw!important;
  }
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-tab.is-active{
    color:#e84bd4!important;
    background:rgba(255,255,255,.98)!important;
  }
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-link,
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dashboard-menu-button,
  body.is-dashboard-view .dashboard-menu-button{
    display:none!important;
  }
}

body.is-dashboard-view .dashboard-side .dash-tab,
body.is-dashboard-view .dashboard-side .dash-link{
  box-sizing:border-box!important;
  transform:none!important;
  transition:background-color .18s ease,color .18s ease,box-shadow .18s ease!important;
}
body.is-dashboard-view .dashboard-side .dash-tab:active,
body.is-dashboard-view .dashboard-side .dash-link:active{
  transform:none!important;
}

@media(min-width:921px){
  body.is-dashboard-view .dashboard-side .dash-tab,
  body.is-dashboard-view .dashboard-side .dash-link{
    flex:0 0 44px!important;
    width:100%!important;
    height:44px!important;
    min-height:44px!important;
    max-height:44px!important;
    padding:0 14px!important;
    border:1px solid transparent!important;
    line-height:1!important;
  }
  body.is-dashboard-view .dashboard-side .dash-tab:before,
  body.is-dashboard-view .dashboard-side .dash-link:before{
    flex:0 0 20px!important;
    width:20px!important;
    height:20px!important;
    margin:0!important;
  }
  body.is-dashboard-view .dashboard-side .dash-tab.is-active{
    border-color:transparent!important;
  }
  body.is-dashboard-view .dashboard-side{
    gap:0!important;
    row-gap:0!important;
    column-gap:0!important;
  }
}

@media(max-width:920px){
  body.is-dashboard-view .dashboard-side .dash-tab,
  body.is-dashboard-view .dashboard-side .dash-tab:not(.is-active),
  body.is-dashboard-view .dashboard-side .dash-tab.is-active{
    box-sizing:border-box!important;
    flex:0 0 33.333vw!important;
    width:33.333vw!important;
    height:70px!important;
    min-height:70px!important;
    max-height:70px!important;
    padding:0!important;
    border:0!important;
    line-height:1.1!important;
    transform:none!important;
  }
  body.is-dashboard-view .dashboard-side .dash-tab:before{
    flex:0 0 22px!important;
    width:22px!important;
    height:22px!important;
    margin:0!important;
    line-height:1!important;
  }
}

/* 2026-07-08: public profile link width and link icon cropper polish. */
@media(min-width:921px){
  .public-card-large .custom-link-list{
    width:70%!important;
    max-width:620px!important;
    margin-right:auto!important;
    margin-left:auto!important;
  }
}

.custom-link-button{
  grid-template-columns:46px minmax(0,1fr)!important;
}
.custom-link-button b{
  display:none!important;
}

.link-icon-panel{
  padding-top:18px!important;
}
.link-icon-panel-head{
  display:none!important;
}
.link-icon-tone-tabs{
  display:grid!important;
  grid-template-columns:1fr 1fr 42px!important;
  align-items:center!important;
  gap:10px!important;
  margin:0 0 14px!important;
  padding:0!important;
  border:0!important;
}
.link-icon-tone-tabs button{
  min-height:38px!important;
}
.link-icon-tone-tabs .link-icon-close{
  position:static!important;
  display:grid!important;
  place-items:center!important;
  width:38px!important;
  height:38px!important;
  min-height:38px!important;
  padding:0!important;
  border:0!important;
  border-radius:999px!important;
  background:transparent!important;
  color:#727783!important;
  font-size:30px!important;
  line-height:1!important;
  box-shadow:none!important;
}
.link-icon-upload{
  display:grid!important;
  place-items:center!important;
  min-height:54px!important;
  margin:18px 0 0!important;
  border:1px dashed rgba(76,88,116,.28)!important;
  border-radius:14px!important;
  background:#fff!important;
  color:#172036!important;
  font-size:14px!important;
  font-weight:950!important;
}
.link-icon-cropper{
  display:grid;
  justify-items:center;
  gap:12px;
  margin-top:14px;
  padding:14px;
  border:1px solid rgba(17,23,42,.08);
  border-radius:16px;
  background:#f8fbff;
}
.link-icon-cropper[hidden]{
  display:none!important;
}
.link-icon-crop-canvas{
  width:160px;
  height:160px;
  border-radius:22px;
  background:#fff;
  box-shadow:0 12px 26px rgba(17,23,42,.12);
}
.link-icon-crop-controls{
  display:grid;
  gap:9px;
  width:100%;
}
.link-icon-crop-controls label{
  display:grid;
  grid-template-columns:48px minmax(0,1fr);
  align-items:center;
  gap:10px;
  color:#59657d;
  font-size:12px;
  font-weight:900;
}
.link-icon-crop-controls input[type="range"]{
  width:100%;
  accent-color:#d83bd8;
}
.link-icon-crop-apply{
  display:grid;
  place-items:center;
  min-height:42px;
  padding:0 18px;
  border:0;
  border-radius:999px;
  background:linear-gradient(135deg,#f542a0,#4d8dff);
  color:#fff;
  font-size:13px;
  font-weight:950;
  cursor:pointer;
  box-shadow:0 12px 22px rgba(104,93,255,.22);
}

@media(max-width:920px){
  .link-icon-panel{
    padding-top:16px!important;
  }
  .link-icon-tone-tabs{
    grid-template-columns:1fr 1fr 38px!important;
    margin-bottom:12px!important;
  }
  .link-icon-grid{
    gap:10px!important;
  }
  .link-icon-upload{
    display:grid!important;
    min-height:50px!important;
  }
  .link-icon-crop-canvas{
    width:140px;
    height:140px;
  }
}

/* 2026-07-09: profile share controls and QR modal polish. */
body.is-profile-tab .dashboard-top{
  display:flex!important;
  justify-content:center!important;
  align-items:flex-start!important;
  width:100%!important;
  max-width:980px!important;
  margin:0 auto 24px!important;
  padding:0!important;
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.is-profile-tab .dashboard-actions{
  display:grid!important;
  grid-template-columns:auto auto auto auto!important;
  grid-template-areas:
    "share preview publish save"
    "color color . ."!important;
  justify-content:center!important;
  align-items:center!important;
  gap:12px 14px!important;
  width:auto!important;
  max-width:100%!important;
  margin:0 auto!important;
}
body.is-profile-tab .dashboard-url-copy{
  display:none!important;
}
.share-profile-button,
.preview-profile-button,
.publish-toggle,
#saveProfileButton{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:0!important;
  min-height:48px!important;
  height:48px!important;
  padding:0 26px!important;
  border:1px solid rgba(195,216,238,.95)!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.94)!important;
  color:#17223a!important;
  box-shadow:0 12px 28px rgba(91,112,148,.08)!important;
  font-size:14px!important;
  font-weight:950!important;
  line-height:1!important;
  text-decoration:none!important;
  white-space:nowrap!important;
}
.share-profile-button{
  grid-area:share!important;
  gap:9px!important;
}
.share-profile-button span{
  display:grid!important;
  place-items:center!important;
  width:18px!important;
  height:18px!important;
  color:#25324d!important;
  font-size:18px!important;
  line-height:1!important;
}
.preview-profile-button{
  grid-area:preview!important;
  min-width:150px!important;
}
.publish-toggle{
  grid-area:publish!important;
  min-width:220px!important;
  gap:14px!important;
  padding-right:18px!important;
}
.publish-toggle span{
  flex:0 0 auto!important;
  order:1!important;
  width:auto!important;
  min-width:88px!important;
  color:#17223a!important;
  text-align:center!important;
}
.publish-toggle input{
  order:2!important;
  flex:0 0 auto!important;
}
.save-action-wrap{
  grid-area:save!important;
  position:relative!important;
  display:block!important;
  width:auto!important;
  min-width:128px!important;
  min-height:48px!important;
}
#saveProfileButton{
  width:128px!important;
  min-width:128px!important;
  border:0!important;
  background:linear-gradient(135deg,#3468ff 0%,#8c45f5 54%,#ef3ca4 100%)!important;
  color:#fff!important;
  box-shadow:0 14px 32px rgba(112,76,230,.22)!important;
}
body.is-profile-tab .profile-color-select{
  grid-area:color!important;
  justify-self:start!important;
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  min-width:148px!important;
  height:36px!important;
  min-height:36px!important;
  margin:0 0 0 6px!important;
  padding:0!important;
  overflow:hidden!important;
  border:1px solid rgba(126,155,190,.42)!important;
  border-radius:3px!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(91,112,148,.06)!important;
}
body.is-profile-tab .profile-color-select input{
  position:absolute!important;
  inset:0!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  cursor:pointer!important;
}
body.is-profile-tab .profile-color-select__swatch{
  display:block!important;
  width:46px!important;
  height:100%!important;
  min-width:46px!important;
  border:0!important;
  border-radius:0!important;
  box-shadow:none!important;
  background:var(--profile-swatch-color,var(--editor-bg,#f0f8ff))!important;
}
body.is-profile-tab .profile-color-select__label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  height:100%!important;
  padding:0 14px!important;
  color:#364052!important;
  font-size:13px!important;
  font-weight:900!important;
  white-space:nowrap!important;
}

.profile-share-card{
  position:relative!important;
  width:min(420px,calc(100vw - 44px))!important;
  padding:34px 34px 32px!important;
  border:0!important;
  border-radius:30px!important;
  background:#fff!important;
  box-shadow:0 30px 80px rgba(17,24,39,.22)!important;
  text-align:center!important;
}
.profile-share-close{
  position:absolute!important;
  top:18px!important;
  right:22px!important;
  width:42px!important;
  height:42px!important;
  border:0!important;
  background:transparent!important;
  color:#3f3f46!important;
  font-size:46px!important;
  font-weight:500!important;
  line-height:34px!important;
  box-shadow:none!important;
}
.profile-share-logo{
  display:block!important;
  width:196px!important;
  height:auto!important;
  margin:0 auto 26px!important;
}
.profile-share-qr{
  display:block!important;
  width:min(286px,72vw)!important;
  height:min(286px,72vw)!important;
  margin:0 auto 24px!important;
  object-fit:contain!important;
}
.profile-share-url-row{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:14px!important;
  min-height:34px!important;
}
.profile-share-url-row a{
  max-width:calc(100% - 48px)!important;
  overflow:hidden!important;
  color:#4383d7!important;
  font-size:20px!important;
  font-weight:700!important;
  line-height:1.3!important;
  text-decoration:none!important;
  text-overflow:ellipsis!important;
  white-space:nowrap!important;
}
.profile-share-url-row button{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:32px!important;
  height:32px!important;
  border:0!important;
  background:transparent!important;
  color:#4383d7!important;
  font-size:0!important;
  line-height:1!important;
}
.profile-share-url-row button:before,
.profile-share-url-row button:after{
  content:"";
  position:absolute;
  width:17px;
  height:19px;
  border:3px solid currentColor;
  border-radius:5px;
}
.profile-share-url-row button:before{
  transform:translate(4px,-4px);
}
.profile-share-url-row button:after{
  transform:translate(-4px,4px);
  opacity:.72;
}
.profile-share-copy-status{
  display:block!important;
  min-height:18px!important;
  margin-top:8px!important;
  color:#22a878!important;
  font-size:12px!important;
  font-weight:850!important;
  opacity:0!important;
  transition:opacity .22s ease!important;
}
.profile-share-copy-status.is-visible{
  opacity:1!important;
}

@media(max-width:920px){
  body.is-profile-tab .dashboard-top{
    margin:0 0 14px!important;
  }
  body.is-profile-tab .dashboard-actions{
    grid-template-columns:1fr 1fr!important;
    grid-template-areas:
      "share preview"
      "publish save"
      "color color"!important;
    gap:9px!important;
    width:100%!important;
  }
  .share-profile-button,
  .preview-profile-button,
  .publish-toggle,
  #saveProfileButton{
    width:100%!important;
    min-width:0!important;
    height:40px!important;
    min-height:40px!important;
    padding:0 10px!important;
    font-size:11px!important;
  }
  .share-profile-button{
    gap:5px!important;
  }
  .share-profile-button span{
    width:14px!important;
    height:14px!important;
    font-size:15px!important;
  }
  .publish-toggle{
    gap:6px!important;
    padding-right:9px!important;
  }
  .publish-toggle span{
    min-width:42px!important;
    font-size:11px!important;
  }
  .publish-toggle input{
    width:34px!important;
    height:19px!important;
  }
  .publish-toggle input:after{
    width:13px!important;
    height:13px!important;
    top:3px!important;
  }
  .publish-toggle input:checked:after{
    transform:translateX(15px)!important;
  }
  .save-action-wrap{
    width:100%!important;
    min-width:0!important;
    min-height:40px!important;
  }
  #saveProfileButton{
    width:100%!important;
  }
  body.is-profile-tab .profile-color-select{
    justify-self:start!important;
    height:34px!important;
    min-height:34px!important;
    margin:2px 0 0!important;
  }
  body.is-profile-tab .profile-color-select__swatch{
    width:42px!important;
    min-width:42px!important;
  }
  body.is-profile-tab .profile-color-select__label{
    font-size:12px!important;
  }
  .profile-share-card{
    width:min(360px,calc(100vw - 40px))!important;
    padding:30px 24px 26px!important;
    border-radius:26px!important;
  }
  .profile-share-close{
    top:14px!important;
    right:16px!important;
    width:36px!important;
    height:36px!important;
    font-size:40px!important;
  }
  .profile-share-logo{
    width:168px!important;
    margin-bottom:22px!important;
  }
  .profile-share-qr{
    width:min(246px,70vw)!important;
    height:min(246px,70vw)!important;
  }
  .profile-share-url-row a{
    font-size:16px!important;
  }
}

/* 2026-07-09: compact action bar, settings polish, and admin icon console. */
body.is-profile-tab .dashboard-actions{
  grid-template-columns:.82fr .72fr 1fr .72fr!important;
  width:min(100%,620px)!important;
  gap:10px!important;
}
body.is-profile-tab .profile-color-select{
  margin-left:0!important;
}
.share-profile-button,
.preview-profile-button,
.publish-toggle,
#saveProfileButton{
  height:44px!important;
  min-height:44px!important;
  padding:0 14px!important;
  font-size:13px!important;
}
.share-profile-button span{
  width:16px!important;
  height:16px!important;
  font-size:16px!important;
}
.preview-profile-button{
  min-width:0!important;
}
.publish-toggle{
  min-width:0!important;
  gap:8px!important;
}
.publish-toggle span{
  min-width:78px!important;
}
.save-action-wrap,
#saveProfileButton{
  min-width:0!important;
}
#saveProfileButton{
  width:100%!important;
}

body.is-settings-tab .settings-panel{
  width:min(100%,630px)!important;
  max-width:630px!important;
}
body.is-settings-tab .settings-row{
  grid-template-columns:150px minmax(0,1fr)!important;
  min-height:62px!important;
  padding:14px 0!important;
  border:0!important;
  border-bottom:1px solid rgba(114,136,166,.18)!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
body.is-settings-tab .settings-row:last-child{
  border-bottom:0!important;
}
body.is-settings-tab .settings-row .slug-field{
  background:rgba(255,255,255,.52)!important;
}
.settings-url-row{
  align-items:start!important;
}
.settings-url-control{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:10px!important;
}
.settings-inline-save,
.settings-outline-button{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:82px!important;
  height:42px!important;
  padding:0 16px!important;
  border:1px solid rgba(116,132,160,.25)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#17223a!important;
  font-size:13px!important;
  font-weight:900!important;
  box-shadow:0 10px 22px rgba(54,74,105,.06)!important;
}
.settings-inline-save:disabled,
.settings-outline-button:disabled{
  opacity:.58!important;
}
.settings-inline-status{
  display:block!important;
  grid-column:2 / -1!important;
  min-height:18px!important;
  margin-top:-8px!important;
  color:#21a273!important;
  font-size:12px!important;
  font-weight:850!important;
}
.settings-inline-status.is-error{
  color:#e23d69!important;
}
.settings-password-control{
  display:flex!important;
  align-items:center!important;
  gap:12px!important;
}

.admin-icon-page{
  min-height:100vh!important;
  padding:28px clamp(16px,4vw,54px)!important;
  background:linear-gradient(135deg,#f7fbff 0%,#fff6fd 48%,#eef7ff 100%)!important;
  color:#111a33!important;
  font-size:13px!important;
}
.admin-icon-shell{
  width:min(860px,100%)!important;
  margin:0 auto!important;
}
.admin-icon-header{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:20px!important;
  margin-bottom:18px!important;
}
.admin-icon-header img{
  width:124px!important;
  height:auto!important;
}
.admin-icon-header span{
  display:inline-flex!important;
  align-items:center!important;
  min-height:32px!important;
  padding:0 12px!important;
  border-radius:999px!important;
  background:rgba(83,103,242,.1)!important;
  color:#5367f2!important;
  font-size:12px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
}
.admin-icon-card{
  padding:18px!important;
  border:1px solid rgba(199,216,237,.86)!important;
  border-radius:22px!important;
  background:rgba(255,255,255,.9)!important;
  box-shadow:0 24px 80px rgba(82,99,130,.12)!important;
}
.admin-icon-card h1,
.admin-icon-card h2{
  margin:0 0 10px!important;
  font-size:22px!important;
  font-weight:950!important;
  letter-spacing:0!important;
}
.admin-icon-card p{
  color:#66718a!important;
  font-weight:750!important;
}
.admin-icon-card form{
  display:grid!important;
  gap:12px!important;
  width:min(420px,100%)!important;
  margin-top:20px!important;
}
.admin-icon-card input[type="email"],
.admin-icon-card input[type="password"]{
  height:48px!important;
  padding:0 14px!important;
  border:1px solid rgba(178,196,221,.9)!important;
  border-radius:12px!important;
  background:#fff!important;
  font-size:15px!important;
}
.admin-icon-card button{
  min-height:44px!important;
  border:0!important;
  border-radius:999px!important;
  background:linear-gradient(135deg,#ef3ca4 0%,#8c45f5 52%,#398cff 100%)!important;
  color:#fff!important;
  font-size:14px!important;
  font-weight:950!important;
}
.admin-icon-editor-head{
  display:flex!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:18px!important;
  margin-bottom:20px!important;
}
#adminIconSignOut{
  flex:0 0 auto!important;
  min-width:112px!important;
}
.admin-icon-list{
  display:grid!important;
  gap:16px!important;
}
.admin-icon-section{
  display:grid!important;
  gap:12px!important;
}
.admin-icon-section-head{
  display:flex!important;
  align-items:flex-end!important;
  justify-content:space-between!important;
  gap:14px!important;
  padding:0 2px!important;
}
.admin-icon-section-head h3{
  margin:0!important;
  color:#17213a!important;
  font-size:16px!important;
  font-weight:950!important;
  letter-spacing:0!important;
}
.admin-icon-section-head p{
  margin:0!important;
  color:#7a8499!important;
  font-size:11px!important;
  font-weight:800!important;
}
.admin-icon-row{
  display:grid!important;
  grid-template-columns:26px 138px minmax(0,1fr) auto!important;
  align-items:center!important;
  gap:12px!important;
  padding:10px!important;
  border:1px solid rgba(211,224,240,.86)!important;
  border-radius:16px!important;
  background:rgba(248,251,255,.72)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
.admin-icon-row.is-dragging,
.admin-link-icon-card.is-dragging{
  opacity:.58!important;
  transform:scale(.985)!important;
}
.admin-icon-row.is-drop-target,
.admin-link-icon-card.is-drop-target{
  border-color:rgba(142,78,245,.72)!important;
  box-shadow:0 0 0 3px rgba(219,64,166,.12)!important;
}
.admin-icon-drag-handle{
  display:grid!important;
  place-items:center!important;
  width:26px!important;
  min-width:26px!important;
  height:32px!important;
  min-height:32px!important;
  padding:0!important;
  border:0!important;
  border-radius:10px!important;
  background:transparent!important;
  color:#9aa5b7!important;
  cursor:grab!important;
  font-size:18px!important;
  line-height:1!important;
  letter-spacing:-.16em!important;
}
.admin-icon-meta{
  display:grid!important;
  gap:4px!important;
}
.admin-icon-meta input,
.admin-icon-label-input{
  width:100%!important;
  height:32px!important;
  padding:0 9px!important;
  border:1px solid rgba(178,196,221,.72)!important;
  border-radius:10px!important;
  background:#fff!important;
  color:#17213a!important;
  font-size:13px!important;
  font-weight:950!important;
}
.admin-icon-meta small{
  color:#7a8499!important;
  font-size:12px!important;
  font-weight:800!important;
}
.admin-icon-upload-group{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:10px!important;
}
.admin-icon-upload{
  position:relative!important;
  display:grid!important;
  grid-template-columns:42px minmax(0,1fr)!important;
  align-items:center!important;
  gap:12px!important;
  min-height:52px!important;
  padding:7px 9px!important;
  border:1px dashed rgba(114,136,166,.38)!important;
  border-radius:14px!important;
  background:#fff!important;
  cursor:pointer!important;
}
.admin-icon-upload span{
  order:2!important;
  color:#33415c!important;
  font-size:12px!important;
  font-weight:900!important;
}
.admin-icon-upload i{
  order:1!important;
  display:grid!important;
  place-items:center!important;
  width:36px!important;
  height:36px!important;
  overflow:hidden!important;
  border-radius:10px!important;
  background:#f2f6fb!important;
  color:#111827!important;
  font-style:normal!important;
}
.admin-icon-upload i img{
  width:25px!important;
  height:25px!important;
  object-fit:contain!important;
}
.admin-icon-upload input{
  position:absolute!important;
  inset:0!important;
  opacity:0!important;
  cursor:pointer!important;
}
.admin-icon-fallback svg{
  width:24px!important;
  height:24px!important;
}
.admin-icon-add-button,
.admin-icon-delete{
  min-height:34px!important;
  height:34px!important;
  padding:0 14px!important;
  border:1px solid rgba(178,196,221,.72)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#5367f2!important;
  font-size:12px!important;
  font-weight:950!important;
  box-shadow:none!important;
}
.admin-icon-delete{
  color:#e23d69!important;
  border-color:rgba(226,61,105,.24)!important;
  background:rgba(226,61,105,.07)!important;
}
.admin-link-icon-board{
  display:grid!important;
  grid-template-columns:repeat(auto-fill,minmax(92px,1fr))!important;
  gap:10px!important;
}
.admin-link-icon-card{
  display:grid!important;
  justify-items:center!important;
  gap:8px!important;
  min-height:144px!important;
  padding:8px!important;
  border:1px solid rgba(211,224,240,.86)!important;
  border-radius:16px!important;
  background:rgba(248,251,255,.78)!important;
  transition:transform .18s ease, box-shadow .18s ease, border-color .18s ease!important;
}
.admin-link-icon-card .admin-icon-drag-handle{
  height:20px!important;
}
.admin-link-icon-preview{
  display:grid!important;
  place-items:center!important;
  width:50px!important;
  min-width:50px!important;
  height:50px!important;
  min-height:50px!important;
  padding:0!important;
  border:1px solid rgba(216,226,241,.9)!important;
  border-radius:14px!important;
  background:#303030!important;
  color:#fff!important;
  box-shadow:0 10px 24px rgba(31,41,55,.08)!important;
}
.admin-link-icon-preview img{
  width:34px!important;
  height:34px!important;
  object-fit:contain!important;
}
.admin-link-icon-preview svg{
  width:30px!important;
  height:30px!important;
}
.admin-link-icon-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  gap:6px!important;
}
.admin-icon-mini-upload{
  position:relative!important;
  display:grid!important;
  place-items:center!important;
  width:28px!important;
  height:28px!important;
  border:1px dashed rgba(114,136,166,.42)!important;
  border-radius:10px!important;
  background:#fff!important;
  cursor:pointer!important;
  overflow:hidden!important;
}
.admin-icon-mini-upload i{
  display:grid!important;
  place-items:center!important;
  width:100%!important;
  height:100%!important;
  color:#17213a!important;
  font-style:normal!important;
}
.admin-icon-mini-upload img{
  width:20px!important;
  height:20px!important;
  object-fit:contain!important;
}
.admin-icon-mini-upload input{
  position:absolute!important;
  inset:0!important;
  opacity:0!important;
  cursor:pointer!important;
}
.admin-icon-crop-card{
  width:min(400px,calc(100vw - 28px))!important;
  padding:20px 20px 22px!important;
  border:1px solid rgba(211,224,240,.86)!important;
  border-radius:28px!important;
  background:linear-gradient(180deg,#fff 0%,#f8fbff 100%)!important;
  box-shadow:0 24px 80px rgba(37,50,77,.18)!important;
}
.admin-icon-crop-head{
  display:grid!important;
  grid-template-columns:86px 1fr 86px!important;
  align-items:center!important;
  gap:8px!important;
  margin-bottom:20px!important;
}
.admin-icon-crop-card h2{
  grid-column:2!important;
  margin:0!important;
  text-align:center!important;
  color:#111a33!important;
  font-size:20px!important;
  font-weight:950!important;
  letter-spacing:0!important;
}
.admin-icon-crop-close{
  grid-column:1!important;
  width:82px!important;
  min-width:82px!important;
  height:42px!important;
  min-height:42px!important;
  padding:0!important;
  border:1px solid rgba(178,196,221,.72)!important;
  border-radius:999px!important;
  background:#fff!important;
  color:#39445c!important;
  box-shadow:none!important;
  font-size:14px!important;
  font-weight:950!important;
}
.admin-icon-crop-canvas{
  display:block!important;
  width:min(286px,100%)!important;
  height:auto!important;
  margin:0 auto 18px!important;
  border-radius:30px!important;
  background:#fff!important;
  box-shadow:0 16px 36px rgba(75,91,124,.1), inset 0 0 0 1px rgba(202,214,234,.88)!important;
  cursor:grab!important;
  touch-action:none!important;
}
.admin-icon-crop-canvas:active{
  cursor:grabbing!important;
}
.admin-icon-crop-controls{
  display:grid!important;
  gap:12px!important;
  margin-bottom:22px!important;
}
.admin-icon-crop-controls label{
  display:grid!important;
  grid-template-columns:24px 1fr 24px!important;
  align-items:center!important;
  gap:8px!important;
  color:#6f7a91!important;
  font-size:20px!important;
  font-weight:950!important;
}
.admin-icon-crop-controls input{
  width:100%!important;
  accent-color:#8c45f5!important;
}
.admin-icon-crop-controls p{
  margin:0!important;
  color:#7d8799!important;
  text-align:center!important;
  font-size:12px!important;
  font-weight:850!important;
}
.admin-icon-crop-card .modal-save-button{
  width:100%!important;
  min-height:52px!important;
  border-radius:18px!important;
  background:#fff!important;
  color:#111a33!important;
  border:1px solid rgba(178,196,221,.72)!important;
  box-shadow:0 16px 36px rgba(75,91,124,.12)!important;
  font-size:15px!important;
}
#adminIconStatus,
#adminIconLoginStatus{
  min-height:18px!important;
  margin-top:12px!important;
  color:#21a273!important;
  font-size:13px!important;
  font-weight:850!important;
}
#adminIconStatus.is-error,
#adminIconLoginStatus.is-error{
  color:#e23d69!important;
}

@media(max-width:920px){
  body.is-profile-tab .dashboard-actions{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
    grid-template-areas:
      "share preview publish save"
      "color color color color"!important;
    gap:7px!important;
  }
  .share-profile-button,
  .preview-profile-button,
  .publish-toggle,
  #saveProfileButton{
    height:35px!important;
    min-height:35px!important;
    padding:0 6px!important;
    font-size:10px!important;
  }
  .share-profile-button span{
    display:none!important;
  }
  .publish-toggle{
    gap:4px!important;
    padding:0 5px!important;
  }
  .publish-toggle span{
    min-width:0!important;
    font-size:10px!important;
  }
  .publish-toggle input{
    width:29px!important;
    height:17px!important;
  }
  .publish-toggle input:after{
    width:11px!important;
    height:11px!important;
  }
  .publish-toggle input:checked:after{
    transform:translateX(12px)!important;
  }
  body.is-profile-tab .profile-color-select{
    height:32px!important;
    min-height:32px!important;
  }
  body.is-settings-tab .settings-panel{
    width:100%!important;
    max-width:100%!important;
    padding:4px 2px 90px!important;
  }
  body.is-settings-tab .settings-row{
    grid-template-columns:1fr!important;
    gap:8px!important;
    min-height:0!important;
    padding:15px 0!important;
    background:transparent!important;
    border-bottom:1px solid rgba(114,136,166,.16)!important;
    box-shadow:none!important;
  }
  .settings-url-control{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:8px!important;
  }
  .settings-inline-save,
  .settings-outline-button{
    min-width:72px!important;
    height:38px!important;
    padding:0 12px!important;
    font-size:12px!important;
  }
  .settings-inline-status{
    grid-column:1 / -1!important;
    margin-top:0!important;
  }
  .settings-password-control{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .admin-icon-page{
    padding:28px 14px!important;
  }
  .admin-icon-header{
    align-items:flex-start!important;
    flex-direction:column!important;
  }
  .admin-icon-header img{
    width:132px!important;
  }
  .admin-icon-card{
    padding:20px!important;
    border-radius:20px!important;
  }
  .admin-icon-editor-head{
    flex-direction:column!important;
  }
  .admin-icon-row{
    grid-template-columns:28px 1fr!important;
  }
  .admin-icon-row .admin-icon-upload-group,
  .admin-icon-row .admin-icon-delete{
    grid-column:1 / -1!important;
  }
  .admin-icon-upload-group{
    grid-template-columns:1fr!important;
  }
  .admin-link-icon-board{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .admin-icon-crop-head{
    grid-template-columns:82px 1fr 82px!important;
  }
}

/* 2026-07-10: keep the landing mocks and dashboard navigation consistent. */

/* 2026-07-10: reliable, task-focused icon library manager. */
.admin-icon-page{
  padding:24px clamp(16px,3vw,40px)!important;
  background:#f4f7fb!important;
  font-size:14px!important;
}
.admin-icon-shell{
  width:min(1080px,100%)!important;
}
.admin-icon-header{
  margin-bottom:24px!important;
  padding:0 4px!important;
}
.admin-icon-header img{
  width:116px!important;
}
.admin-icon-header > div:last-child{
  margin-left:auto!important;
  text-align:right!important;
}
.admin-icon-header h1{
  margin:2px 0 0!important;
  color:#10182c!important;
  font-size:24px!important;
  letter-spacing:0!important;
}
.admin-icon-editor{
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.admin-icon-editor-head{
  align-items:center!important;
  margin-bottom:18px!important;
  padding:0 2px!important;
}
.admin-icon-editor-head h2{
  margin:2px 0 5px!important;
  color:#10182c!important;
  font-size:24px!important;
}
.admin-icon-editor-head p:not(.eyebrow){
  max-width:660px!important;
  margin:0!important;
  color:#66718a!important;
  font-size:13px!important;
  line-height:1.7!important;
}
.admin-icon-editor-head .eyebrow{
  margin:0!important;
  color:#6d58df!important;
  font-size:10px!important;
  font-weight:950!important;
  letter-spacing:.12em!important;
}
#adminIconSignOut{
  min-width:96px!important;
  min-height:38px!important;
  border:1px solid #d8dfeb!important;
  background:#fff!important;
  color:#4f5b70!important;
}
.admin-icon-toolbar{
  display:flex!important;
  align-items:center!important;
  justify-content:space-between!important;
  gap:18px!important;
  padding:14px!important;
  border:1px solid #dfe6f1!important;
  border-radius:14px!important;
  background:#fff!important;
  box-shadow:0 8px 26px rgba(35,48,75,.06)!important;
}
.admin-icon-tabs{
  display:grid!important;
  grid-template-columns:repeat(2,minmax(170px,1fr))!important;
  gap:4px!important;
  padding:4px!important;
  border-radius:10px!important;
  background:#eef2f7!important;
}
.admin-icon-tabs button{
  display:grid!important;
  gap:1px!important;
  min-height:52px!important;
  padding:7px 14px!important;
  border:0!important;
  border-radius:8px!important;
  background:transparent!important;
  color:#59667d!important;
  box-shadow:none!important;
  text-align:left!important;
}
.admin-icon-tabs button span{
  font-size:13px!important;
  font-weight:950!important;
}
.admin-icon-tabs button small{
  font-size:10px!important;
  font-weight:750!important;
}
.admin-icon-tabs button.is-active{
  background:#fff!important;
  color:#17213a!important;
  box-shadow:0 2px 8px rgba(44,57,86,.1)!important;
}
.admin-icon-toolbar-actions{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  gap:8px!important;
  flex-wrap:wrap!important;
}
.admin-icon-count{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-width:48px!important;
  height:34px!important;
  border-radius:999px!important;
  background:#eef2f7!important;
  color:#526078!important;
  font-size:11px!important;
  font-weight:950!important;
}
.admin-icon-reset-button,
.admin-icon-add-button{
  min-height:36px!important;
  height:36px!important;
  padding:0 14px!important;
  border-radius:9px!important;
  font-size:12px!important;
  font-weight:950!important;
}
.admin-icon-reset-button{
  border:1px solid #d9e1ed!important;
  background:#fff!important;
  color:#59667d!important;
}
.admin-icon-add-button{
  border:0!important;
  background:#202b45!important;
  color:#fff!important;
}
.admin-icon-guide{
  display:flex!important;
  align-items:center!important;
  gap:18px!important;
  margin:12px 2px 10px!important;
  color:#7a8498!important;
  font-size:10px!important;
  font-weight:750!important;
}
.admin-icon-guide b{
  margin-right:4px!important;
  color:#4b5870!important;
}
.admin-icon-list{
  gap:8px!important;
}
.admin-icon-section{
  gap:8px!important;
}
.admin-icon-row{
  grid-template-columns:34px minmax(150px,190px) minmax(320px,1fr) auto!important;
  gap:12px!important;
  min-height:74px!important;
  padding:10px 12px!important;
  border:1px solid #e0e7f1!important;
  border-radius:12px!important;
  background:#fff!important;
  box-shadow:0 3px 12px rgba(39,54,83,.035)!important;
}
.admin-icon-row:hover{
  border-color:#cbd6e5!important;
  box-shadow:0 7px 20px rgba(39,54,83,.07)!important;
}
.admin-icon-row.is-dragging{
  opacity:.78!important;
  transform:none!important;
  box-shadow:0 14px 32px rgba(39,54,83,.16)!important;
}
.admin-icon-drag-handle{
  width:30px!important;
  min-width:30px!important;
  height:40px!important;
  padding:0!important;
  border:0!important;
  border-radius:8px!important;
  background:#f1f4f8!important;
  color:#8994a7!important;
  box-shadow:none!important;
  cursor:grab!important;
  letter-spacing:0!important;
}
.admin-icon-drag-handle:active{
  cursor:grabbing!important;
}
.admin-icon-meta{
  gap:3px!important;
}
.admin-icon-meta input{
  height:36px!important;
  border-color:transparent!important;
  background:transparent!important;
  font-size:14px!important;
}
.admin-icon-meta input:hover,
.admin-icon-meta input:focus{
  border-color:#ccd6e4!important;
  background:#fff!important;
}
.admin-icon-meta small{
  padding-left:9px!important;
  color:#98a2b3!important;
  font-size:10px!important;
}
.admin-icon-upload-group{
  grid-template-columns:repeat(2,minmax(132px,1fr))!important;
  gap:8px!important;
}
.admin-icon-upload{
  grid-template-columns:44px minmax(0,1fr)!important;
  min-height:52px!important;
  padding:5px 9px!important;
  border:1px solid #dce4ef!important;
  border-radius:10px!important;
  background:#f9fbfd!important;
}
.admin-icon-upload:hover{
  border-color:#8b78e7!important;
  background:#fff!important;
}
.admin-icon-upload i{
  width:38px!important;
  height:38px!important;
  border:1px solid #e0e6ef!important;
  border-radius:9px!important;
  background:#fff!important;
}
.admin-icon-upload i img{
  width:27px!important;
  height:27px!important;
}
.admin-icon-upload span{
  display:grid!important;
  gap:1px!important;
  color:#39465e!important;
}
.admin-icon-upload span b{
  font-size:11px!important;
}
.admin-icon-upload span small{
  color:#8b95a7!important;
  font-size:9px!important;
}
.admin-icon-actions{
  display:grid!important;
  grid-template-columns:32px 32px auto!important;
  align-items:center!important;
  gap:4px!important;
}
.admin-icon-actions button{
  min-width:32px!important;
  min-height:32px!important;
  height:32px!important;
  padding:0 9px!important;
  border:1px solid #dce3ed!important;
  border-radius:8px!important;
  background:#fff!important;
  color:#657188!important;
  box-shadow:none!important;
  font-size:11px!important;
  font-weight:900!important;
}
.admin-icon-actions .admin-icon-delete{
  color:#d94168!important;
  border-color:#f0ccd6!important;
  background:#fff7f9!important;
}
.admin-icon-empty{
  display:grid!important;
  place-items:center!important;
  gap:4px!important;
  min-height:180px!important;
  border:1px dashed #ced8e6!important;
  border-radius:12px!important;
  color:#7b879b!important;
  background:#fff!important;
}
.admin-icon-empty strong{
  color:#344159!important;
}
.admin-icon-status:not(:empty){
  position:sticky!important;
  z-index:5!important;
  bottom:16px!important;
  width:max-content!important;
  max-width:calc(100% - 24px)!important;
  min-height:38px!important;
  margin:14px auto 0!important;
  padding:9px 16px!important;
  border:1px solid #dce4ef!important;
  border-radius:999px!important;
  background:rgba(255,255,255,.96)!important;
  color:#33415a!important;
  box-shadow:0 12px 32px rgba(34,47,73,.13)!important;
  font-size:11px!important;
  font-weight:900!important;
}
@media(max-width:760px){
  .admin-icon-page{
    padding:18px 12px 40px!important;
  }
  .admin-icon-header{
    align-items:center!important;
    flex-direction:row!important;
  }
  .admin-icon-header img{
    width:106px!important;
  }
  .admin-icon-header > div:last-child{
    display:none!important;
  }
  .admin-icon-editor-head{
    align-items:flex-start!important;
    flex-direction:row!important;
  }
  .admin-icon-editor-head h2{
    font-size:20px!important;
  }
  .admin-icon-editor-head p:not(.eyebrow){
    font-size:11px!important;
  }
  #adminIconSignOut{
    min-width:76px!important;
  }
  .admin-icon-toolbar{
    align-items:stretch!important;
    flex-direction:column!important;
    gap:10px!important;
    padding:10px!important;
  }
  .admin-icon-tabs{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }
  .admin-icon-tabs button{
    min-height:48px!important;
    padding:7px 9px!important;
  }
  .admin-icon-tabs button small{
    display:none!important;
  }
  .admin-icon-toolbar-actions{
    justify-content:space-between!important;
  }
  .admin-icon-count{
    margin-right:auto!important;
  }
  .admin-icon-guide{
    display:none!important;
  }
  .admin-icon-list{
    margin-top:10px!important;
  }
  .admin-icon-row{
    grid-template-columns:30px minmax(0,1fr)!important;
    grid-template-areas:
      "drag meta"
      "uploads uploads"
      "actions actions"!important;
    gap:8px 10px!important;
    padding:10px!important;
  }
  .admin-icon-drag-handle{grid-area:drag!important;}
  .admin-icon-meta{grid-area:meta!important;}
  .admin-icon-upload-group{grid-area:uploads!important;}
  .admin-icon-actions{
    grid-area:actions!important;
    justify-content:end!important;
  }
  .admin-icon-upload{
    grid-template-columns:38px minmax(0,1fr)!important;
  }
  .admin-icon-upload i{
    width:34px!important;
    height:34px!important;
  }
}

/* 2026-07-10: clean icon pickers and reusable uploaded link artwork. */
.sns-picker-list{
  grid-template-columns:repeat(auto-fill,minmax(62px,1fr))!important;
  gap:14px!important;
}
.sns-picker-list button,
.sns-picker-list button:hover{
  min-height:64px!important;
  aspect-ratio:1;
  border:0!important;
  border-radius:14px!important;
  background:transparent!important;
  box-shadow:none!important;
}
.sns-picker-list button.is-configured{
  outline:0!important;
}
.sns-picker-list img{
  width:58px!important;
  height:58px!important;
  border-radius:var(--casta-app-icon-radius)!important;
  clip-path:inset(0 round var(--casta-app-icon-radius));
  object-fit:cover!important;
  filter:none!important;
}
.sns-picker-list button.is-configured img{
  box-shadow:0 0 0 2px #fff,0 0 0 4px rgba(111,91,255,.72)!important;
}

.link-icon-grid button{
  border-radius:12px!important;
}
.link-icon-grid img.link-icon-brand{
  width:70%!important;
  height:70%!important;
  border-radius:var(--casta-app-icon-radius)!important;
  clip-path:inset(0 round var(--casta-app-icon-radius));
  object-fit:cover!important;
}
.link-icon-grid img.link-icon-utility{
  width:70%!important;
  height:70%!important;
  padding:4px!important;
  object-fit:contain!important;
}
.link-icon-modal.is-color-tone .link-icon-grid button:not(.link-icon-uploaded-choice),
.link-icon-modal.is-color-tone .link-icon-grid button:not(.link-icon-uploaded-choice):hover{
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}
.link-icon-uploaded-title{
  grid-column:1/-1;
  margin:10px 0 0;
  padding-top:16px;
  border-top:1px solid rgba(17,23,42,.10);
  color:#556078;
  font-size:13px;
  font-weight:900;
  text-align:left;
}
.link-icon-grid button.link-icon-uploaded-choice{
  border:1px solid rgba(17,23,42,.10)!important;
  background:#fff!important;
  box-shadow:0 7px 16px rgba(31,39,90,.08)!important;
}
.link-icon-grid button.link-icon-uploaded-choice img{
  width:72%!important;
  height:72%!important;
  border-radius:var(--casta-app-icon-radius)!important;
  clip-path:inset(0 round var(--casta-app-icon-radius));
  object-fit:cover!important;
  filter:none!important;
}

/* 2026-07-10: keep official SNS artwork consistently app-icon shaped. */
:root{
  --casta-app-icon-radius:22%;
}
.sns-icon-button img,
.sns-picker-list img,
.social-url-card img,
.public-social-icon img,
.favorite-socials img,
.phone-links img,
.social-bubble img,
.casta-lp .lp-social-row img{
  box-sizing:border-box;
  border-radius:var(--casta-app-icon-radius)!important;
  clip-path:inset(0 round var(--casta-app-icon-radius));
  object-fit:cover!important;
  overflow:hidden;
}
.casta-lp .lp-preview-profile,
.casta-lp .lp-preview-list{
  box-sizing:border-box;
  width:280px;
  min-height:0;
  aspect-ratio:9 / 16;
  overflow:hidden;
}
.casta-lp .lp-preview-list{
  right:-4px;
  display:flex;
  flex-direction:column;
  padding:18px;
}
.casta-lp .lp-preview-list-logo{
  display:block;
  flex:0 0 auto;
  width:76px;
  height:auto;
  margin:0 auto 12px;
  object-fit:contain;
}
.casta-lp .lp-preview-list-head{
  flex:0 0 auto;
}
.casta-lp .lp-fav-row{
  flex:0 0 auto;
  min-height:62px;
}
.casta-lp .lp-face-5{
  background:linear-gradient(140deg,#c6d8ef,#6da2ad 52%,#324b65);
}
.casta-lp .lp-preview-list footer{
  flex:0 0 auto;
  margin-top:auto;
}

@media(min-width:921px){
  body.is-favorites-tab .favorite-notification{
    display:none!important;
  }
}

@media(max-width:920px){
  .casta-lp .lp-hero-showcase{
    min-height:286px;
  }
  .casta-lp .lp-preview-profile,
  .casta-lp .lp-preview-list{
    width:150px;
    min-height:0;
    aspect-ratio:9 / 16;
  }
  .casta-lp .lp-preview-list{
    right:12px;
    padding:9px;
  }
  .casta-lp .lp-preview-list-logo{
    width:42px;
    margin-bottom:5px;
  }
  .casta-lp .lp-fav-row{
    min-height:36px;
  }
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-tab,
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-tab:not(.is-active),
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-tab.is-active{
    gap:5px!important;
    font-size:11px!important;
    line-height:1!important;
  }
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-tab:before,
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-tab.is-active:before{
    display:none!important;
    content:none!important;
  }
}

/* 2026-07-10: official app artwork and simplified icon-library controls. */
.admin-icon-row{
  grid-template-columns:minmax(150px,190px) minmax(240px,1fr) auto!important;
}
.admin-icon-upload-group{
  grid-template-columns:repeat(2,minmax(132px,1fr))!important;
}
.admin-icon-row[data-admin-icon-group="sns"] .admin-icon-upload-group{
  grid-template-columns:minmax(160px,320px)!important;
  justify-content:start!important;
}
.admin-icon-preview.is-brand,
.link-icon-brand{
  border-radius:22%!important;
}
.admin-icon-preview.is-mono.is-brand,
.link-icon-grid img.link-icon-mono.link-icon-brand,
.link-icon-edit-button img.link-icon-mono.link-icon-brand,
.custom-link-public-icon img.link-icon-mono.link-icon-brand{
  filter:grayscale(1) saturate(0) contrast(1.06)!important;
}
.link-icon-grid img.link-icon-mono.link-icon-utility{
  filter:brightness(0) invert(1)!important;
}
.link-icon-edit-button img.link-icon-mono.link-icon-utility,
.custom-link-public-icon img.link-icon-mono.link-icon-utility{
  filter:brightness(0)!important;
}
.admin-icon-preview.is-utility,
.link-icon-utility{
  box-sizing:border-box!important;
  padding:3px!important;
  border-radius:0!important;
  object-fit:contain!important;
}
.link-icon-grid img.link-icon-utility{
  width:52px!important;
  height:52px!important;
  padding:5px!important;
}
.link-icon-edit-button img.link-icon-utility,
.custom-link-public-icon img.link-icon-utility{
  width:48px!important;
  height:48px!important;
  padding:4px!important;
}

@media(max-width:760px){
  .admin-icon-row{
    grid-template-columns:minmax(0,1fr)!important;
    grid-template-areas:
      "meta"
      "uploads"
      "actions"!important;
  }
  .admin-icon-meta{grid-area:meta!important;}
  .admin-icon-upload-group{grid-area:uploads!important;}
  .admin-icon-actions{
    grid-area:actions!important;
    justify-content:end!important;
  }
  .admin-icon-row[data-admin-icon-group="sns"] .admin-icon-upload-group{
    grid-template-columns:minmax(0,1fr)!important;
  }
}

/* Keep picker sizing last so legacy editor overrides cannot reintroduce tiles. */
.sns-picker-list button,
.sns-picker-list button:hover{
  background:transparent!important;
  box-shadow:none!important;
}
.sns-picker-list img{
  width:58px!important;
  height:58px!important;
  border-radius:var(--casta-app-icon-radius)!important;
  clip-path:inset(0 round var(--casta-app-icon-radius));
  object-fit:cover!important;
  filter:none!important;
}
.link-icon-grid img.link-icon-brand{
  width:70%!important;
  height:70%!important;
  border-radius:var(--casta-app-icon-radius)!important;
  clip-path:inset(0 round var(--casta-app-icon-radius));
  object-fit:cover!important;
}
.link-icon-grid img.link-icon-utility{
  width:70%!important;
  height:70%!important;
  padding:4px!important;
}
.link-icon-modal.is-color-tone .link-icon-grid button:not(.link-icon-uploaded-choice){
  border:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

/* 2026-07-10: square link artwork and aligned profile actions. */
.link-icon-grid button.is-brand-icon{
  padding:0!important;
  overflow:hidden!important;
  border-radius:var(--casta-app-icon-radius)!important;
}
.link-icon-grid button.is-brand-icon img.link-icon-brand{
  display:block!important;
  width:100%!important;
  height:100%!important;
  max-width:none!important;
  aspect-ratio:1!important;
  border-radius:inherit!important;
  clip-path:inset(0 round var(--casta-app-icon-radius));
  object-fit:cover!important;
}
.link-icon-grid button.is-utility-icon{
  overflow:hidden!important;
}
.link-icon-grid button.is-utility-icon img.link-icon-utility{
  display:block!important;
  width:68%!important;
  height:68%!important;
  aspect-ratio:1!important;
  padding:0!important;
  object-fit:contain!important;
}
.link-icon-modal.is-color-tone .link-icon-grid button.is-utility-icon{
  border:1px solid rgba(17,23,42,.12)!important;
  background:var(--link-icon-frame-bg,#f0f8ff)!important;
  box-shadow:none!important;
}
body.is-profile-tab .dashboard-actions{
  width:min(100%,460px)!important;
  grid-template-columns:.82fr .72fr 1fr .72fr!important;
  gap:8px!important;
}
body.is-profile-tab .save-action-wrap,
body.is-profile-tab #saveProfileButton{
  height:44px!important;
  min-height:44px!important;
}
body.is-profile-tab .save-action-wrap{
  display:flex!important;
  align-items:stretch!important;
}

@media(max-width:920px){
  body.is-profile-tab .dashboard-actions{
    width:100%!important;
    gap:6px!important;
  }
  body.is-profile-tab .save-action-wrap,
  body.is-profile-tab #saveProfileButton{
    height:35px!important;
    min-height:35px!important;
  }
}

/* 2026-07-10: owner-only public/editor page switch. */
.profile-view-switch{
  z-index:80;
  display:inline-flex;
  align-items:center;
  justify-content:flex-end;
  gap:10px;
  min-width:132px;
  height:42px;
  padding:2px 2px 2px 16px;
  border:1px solid rgba(195,216,238,.95);
  border-radius:14px;
  background:rgba(255,255,255,.96);
  color:#17223a;
  box-shadow:0 12px 30px rgba(60,82,118,.14);
  font:950 13px/1 inherit;
  letter-spacing:0;
  cursor:pointer;
}
.profile-view-switch[hidden]{
  display:none!important;
}
.profile-view-switch i{
  display:grid;
  place-items:center;
  width:36px;
  height:36px;
  border-radius:11px;
  background:#65bf32;
  color:#fff;
  font:900 25px/1 system-ui,sans-serif;
  font-style:normal;
}
.profile-view-switch:hover{
  border-color:rgba(87,111,255,.42);
  transform:translateY(-1px);
}
body.is-profile-tab .dashboard-top{
  position:relative!important;
  padding-top:50px!important;
}
.profile-view-switch--editor{
  position:absolute;
  top:0;
  right:calc(50% - 230px);
}
.profile-view-switch--public{
  position:fixed;
  top:18px;
  right:18px;
}

@media(max-width:920px){
  body.is-profile-tab .dashboard-top{
    padding-top:46px!important;
  }
  .profile-view-switch{
    min-width:116px;
    height:38px;
    padding-left:13px;
    border-radius:12px;
    font-size:12px;
  }
  .profile-view-switch i{
    width:32px;
    height:32px;
    border-radius:9px;
    font-size:22px;
  }
  .profile-view-switch--editor{
    right:0;
  }
  .profile-view-switch--public{
    top:12px;
    right:12px;
  }
}

/* 2026-07-11: autosave, in-editor preview, and centered missing profile state. */
body.is-profile-tab .dashboard-top{
  padding-top:0!important;
}
body.is-profile-tab .dashboard-actions{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  grid-template-areas:
    "share preview publish"
    "color autosave autosave"!important;
  width:min(100%,640px)!important;
}
body.is-profile-tab .share-profile-button,
body.is-profile-tab .preview-profile-button,
body.is-profile-tab .publish-toggle{
  width:100%!important;
  min-width:0!important;
}
.autosave-status{
  grid-area:autosave;
  align-self:center;
  justify-self:end;
  min-height:18px;
  color:#63708b;
  font-size:11px;
  font-weight:850;
  opacity:0;
  transition:opacity .18s ease;
}
.autosave-status.is-visible{
  opacity:1;
}
.autosave-status.is-error{
  color:#c73554;
}
body.is-profile-inline-preview .profile-editor-stage{
  display:block!important;
}
body.is-profile-inline-preview .profile-live-editor{
  display:none!important;
}
body.is-profile-inline-preview .profile-editor-stage .studio-preview{
  position:static!important;
  display:block!important;
  width:min(100%,620px)!important;
  margin:0 auto!important;
}
body.is-profile-inline-preview .studio-preview .mini-browser{
  display:none!important;
}
body.is-profile-inline-preview #profilePreview{
  width:100%!important;
  margin:0!important;
  padding:0!important;
  border:0!important;
  border-radius:0!important;
  background:transparent!important;
  box-shadow:none!important;
}

.public-missing[hidden]{
  display:none!important;
}
.public-missing{
  position:fixed;
  inset:0;
  z-index:20;
  display:block;
  width:100vw;
  min-height:100vh;
  min-height:100svh;
  padding:0;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
}
.public-missing-card{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  width:min(100%,560px);
  padding:34px;
  border:1px solid rgba(125,207,234,.30);
  border-radius:20px;
  background:#fff;
  box-shadow:var(--shadow);
  text-align:center;
}
.public-missing-card h1{
  margin:0;
  color:var(--ink);
  font-size:30px;
  font-weight:500;
  line-height:1.3;
}
.public-missing-card p{
  margin:14px 0 20px;
  color:#647399;
  font-size:13px;
  font-weight:400;
  line-height:1.6;
}
.public-missing-card .primary-btn{
  width:100%;
  font-weight:600;
}
@media(max-width:920px){
  body.is-profile-tab .dashboard-actions{
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    grid-template-areas:
      "share preview publish"
      "color autosave autosave"!important;
    gap:6px!important;
  }
  body.is-profile-tab .share-profile-button,
  body.is-profile-tab .preview-profile-button,
  body.is-profile-tab .publish-toggle{
    min-height:36px!important;
    height:36px!important;
    padding:0 8px!important;
    font-size:11px!important;
  }
  body.is-profile-tab .publish-toggle{
    gap:5px!important;
  }
  body.is-profile-tab .publish-toggle span{
    min-width:0!important;
  }
  .autosave-status{
    font-size:10px;
  }
  body.is-profile-inline-preview .profile-editor-stage .studio-preview{
    width:100%!important;
  }
  .public-profile-shell{
    width:min(100% - 24px,520px);
    padding:16px 0 22px;
  }
  .public-missing{
    min-height:100vh;
    min-height:100svh;
  }
  .public-missing-card{
    width:calc(100% - 24px);
    padding:22px 12px;
    border-radius:16px;
  }
  .public-missing-card h1{
    font-size:clamp(18px,5.4vw,22px);
    white-space:nowrap;
  }
  .public-missing-card p{
    margin:10px 0 16px;
    font-size:clamp(9px,2.8vw,11px);
    white-space:nowrap;
  }
  .public-missing-card .primary-btn{
    min-height:46px;
    padding:0 10px;
    font-size:12px;
    white-space:nowrap;
  }
}

body.is-public-missing-view{
  min-height:100vh;
  background:#fbfcfe;
}
body.is-public-missing-view .public-profile-page{
  min-height:calc(100vh - 90px);
  background:
    radial-gradient(circle at 14% 14%,rgba(244,40,135,.06),transparent 28%),
    radial-gradient(circle at 86% 78%,rgba(37,132,246,.06),transparent 30%),
    #fbfcfe;
}
body.is-public-missing-view .public-profile-shell{
  display:grid;
  place-items:center;
  align-content:center;
  width:min(720px,calc(100% - 36px));
  min-height:calc(100vh - 90px);
  padding:64px 0;
}
body.is-public-missing-view .public-missing{
  position:static;
  inset:auto;
  z-index:auto;
  display:block;
  width:100%;
  min-height:0;
}
body.is-public-missing-view .public-missing-card{
  position:static;
  display:grid;
  grid-template-columns:minmax(0,1fr);
  align-content:center;
  justify-items:center;
  gap:24px;
  width:min(100%,560px);
  min-height:320px;
  margin:0 auto;
  padding:52px 40px;
  border:0;
  border-radius:0;
  background:transparent;
  box-shadow:none;
  text-align:center;
  transform:none;
}
body.is-public-missing-view .public-missing-card h1{
  font-size:clamp(11px,4vw,26px);
  letter-spacing:-.03em;
  white-space:nowrap;
}
body.is-public-missing-view .public-missing-card p{
  margin:0;
}
body.is-public-missing-view .public-missing-card .primary-btn{
  width:min(100%,420px);
  margin-top:8px;
}

@media(max-width:620px){
  body.is-public-missing-view .public-profile-page,
  body.is-public-missing-view .public-profile-shell{
    min-height:calc(100svh - 70px);
  }
  body.is-public-missing-view .public-profile-shell{
    width:min(calc(100% - 24px),520px);
    padding:36px 0;
  }
  body.is-public-missing-view .public-missing-card{
    width:100%;
    min-height:300px;
    padding:40px 18px;
    gap:20px;
  }
  body.is-public-missing-view .public-missing,
  body.is-public-missing-view .public-missing-card{
    min-width:0;
  }
  body.is-public-missing-view .public-missing-card p{
    white-space:normal;
  }
}

/* 2026-07-11 favorite list: compact search and image-first editing */
.favorite-sort-toggle{
  display:inline-grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  min-height:42px;
  overflow:hidden;
  border:1px solid rgba(210,222,239,.9);
  border-radius:8px;
  background:rgba(255,255,255,.92);
  box-shadow:0 10px 22px rgba(68,84,114,.05);
}
.favorite-sort-toggle button{
  min-width:68px;
  padding:0 12px;
  border:0;
  border-left:1px solid rgba(210,222,239,.82);
  background:transparent;
  color:#71809b;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}
.favorite-sort-toggle button:first-child{border-left:0}
.favorite-sort-toggle button.is-active{
  background:linear-gradient(135deg,rgba(232,75,204,.15),rgba(86,140,255,.15));
  color:#6d56dd;
}
.favorite-avatar-field{
  display:grid;
  gap:7px;
  min-width:0;
  color:#647399;
  font-size:12px;
  font-weight:950;
}
.favorite-avatar-upload-row{
  display:flex;
  align-items:center;
  gap:12px;
  min-height:74px;
  padding:10px 12px;
  border:1px solid rgba(125,207,234,.4);
  border-radius:13px;
  background:#fff;
  box-shadow:0 8px 18px rgba(88,138,188,.07);
}
.favorite-avatar-upload-row img{
  width:52px;
  height:52px;
  flex:0 0 52px;
  border-radius:50%;
  object-fit:cover;
  background:#eef4ff;
}
.favorite-avatar-upload-button{
  display:inline-flex;
  align-items:center;
  min-height:34px;
  padding:0 13px;
  border:1px solid rgba(118,141,181,.26);
  border-radius:9px;
  background:#fff;
  color:#536486;
  font-size:12px;
  font-weight:850;
  cursor:pointer;
}
.favorite-avatar-status{
  min-height:16px;
  margin:5px 0 0;
  color:#71809b;
  font-size:11px;
  font-weight:760;
}
.favorite-avatar-status.is-error{color:#d54b5c}
body.is-favorites-tab .favorites-toolbar{
  grid-template-columns:minmax(0,1fr) auto!important;
  width:100%;
}
body.is-favorites-tab .favorite-search{min-width:0}
body.is-favorites-tab .favorite-sort-toggle{height:42px}
body.is-favorites-tab .favorite-sort-toggle button{
  min-height:40px;
  font-size:12px;
}
body.is-favorites-tab .favorite-card{
  grid-template-columns:74px minmax(220px,1fr) minmax(110px,170px) 28px!important;
}
body.is-favorites-tab .favorite-meta{
  grid-template-columns:28px!important;
  justify-content:end!important;
}
@media(max-width:920px){
  body.is-favorites-tab .favorites-toolbar{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:7px!important;
    margin-bottom:14px!important;
  }
  body.is-favorites-tab .favorite-search{grid-column:auto!important}
  body.is-favorites-tab .favorite-search input{
    min-height:38px!important;
    height:38px!important;
    padding-left:32px!important;
    font-size:10px!important;
  }
  body.is-favorites-tab .favorite-sort-toggle{height:38px}
  body.is-favorites-tab .favorite-sort-toggle button{
    min-width:52px;
    min-height:36px;
    padding:0 7px;
    font-size:10px;
  }
  body.is-favorites-tab .favorite-card{
    grid-template-columns:48px minmax(0,1fr) auto!important;
  }
  body.is-favorites-tab .favorite-meta{
    grid-template-columns:20px!important;
    grid-column:3!important;
    grid-row:2!important;
  }
  .favorite-avatar-upload-row{min-height:68px}
}

/* 2026-07-11 favorite editor: edit the creator in the same visual language as the list */
.favorite-sort-select{
  position:relative;
  display:block!important;
  min-width:116px!important;
}
.favorite-sort-select > span{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}
body.is-favorites-tab .favorite-sort-select select{
  width:100%;
  min-height:42px;
  height:42px;
  padding:0 32px 0 13px;
  border:1px solid rgba(210,222,239,.9);
  border-radius:8px;
  background-color:rgba(255,255,255,.94);
  color:#536486;
  font-size:12px;
  font-weight:850;
  box-shadow:0 10px 22px rgba(68,84,114,.05);
  cursor:pointer;
}
.favorite-modal-card{
  width:min(680px,calc(100vw - 32px));
  max-height:calc(100dvh - 32px);
  padding:24px;
  overflow:auto;
  border-radius:20px;
  justify-self:center;
  margin:0 auto;
}
.favorite-modal-card .editor-modal-close{
  top:16px;
  right:16px;
  z-index:2;
}
.favorite-form{
  display:grid;
  gap:18px;
  padding-top:36px;
}
.favorite-editor-card{
  display:grid;
  grid-template-columns:82px minmax(0,1fr);
  gap:14px 18px;
  align-items:start;
  padding:18px;
  border:1px solid rgba(210,222,239,.82);
  border-radius:14px;
  background:#fff;
  box-shadow:0 12px 28px rgba(68,84,114,.08);
}
.favorite-editor-card .favorite-avatar-field{
  grid-column:1;
  grid-row:1;
  display:block;
}
.favorite-editor-card .favorite-avatar-upload-row{
  position:relative;
  display:block;
  width:82px;
  min-height:82px;
  padding:0;
  border:0;
  border-radius:50%;
  background:#eef4ff;
  box-shadow:none;
}
.favorite-editor-card .favorite-avatar-upload-row img{
  display:block;
  width:82px;
  height:82px;
  border-radius:50%;
  object-fit:cover;
}
.favorite-editor-card .favorite-avatar-upload-button{
  position:absolute;
  right:-2px;
  bottom:-2px;
  display:grid;
  place-items:center;
  width:28px;
  min-height:28px;
  height:28px;
  padding:0;
  border:2px solid #fff;
  border-radius:50%;
  background:linear-gradient(135deg,#eb4dcc,#735dff);
  color:#fff;
  font-size:19px;
  font-weight:700;
  line-height:1;
  box-shadow:0 5px 12px rgba(115,93,255,.28);
}
.favorite-editor-identity{
  grid-column:2;
  display:grid;
  gap:5px;
  min-width:0;
}
.favorite-editor-identity label{
  display:block;
  min-width:0;
}
.favorite-editor-identity label > span:first-child,
.favorite-editor-memo > span{
  position:absolute;
  width:1px;
  height:1px;
  overflow:hidden;
  clip:rect(0 0 0 0);
  white-space:nowrap;
}
.favorite-form .favorite-editor-identity input{
  min-height:40px;
  height:40px;
  padding:0 12px;
  border:1px solid rgba(210,222,239,.86);
  border-radius:9px;
  background:#fff;
  box-shadow:none;
  color:#11172a;
}
.favorite-form .favorite-editor-name input{
  width:100%;
  min-width:0;
  font-size:14px;
  font-weight:950;
}
.favorite-form #favoriteHandle{
  color:#7c88a1;
  font-size:12px;
  font-weight:800;
}
.favorite-form #favoriteCategory{
  color:#647399;
  font-size:12px;
  font-weight:850;
}
.favorite-editor-memo{
  grid-column:1 / -1;
  display:block!important;
  padding-top:12px;
  border-top:1px solid rgba(210,222,239,.72);
}
.favorite-form .favorite-editor-memo textarea{
  min-height:54px;
  padding:10px 12px;
  border:1px solid rgba(210,222,239,.78);
  border-radius:9px;
  background:#f8faff;
  color:#42516e;
  font-size:13px;
  font-weight:760;
  box-shadow:none;
  resize:vertical;
}
.favorite-editor-card .favorite-avatar-status{
  grid-column:1 / -1;
  min-height:0;
  margin:-4px 0 0;
  text-align:center;
}
.favorite-editor-card .favorite-avatar-status:empty{
  display:none;
}
.favorite-editor-socials{
  min-width:0;
  margin:0;
  padding:0;
  border:0;
}
.favorite-editor-socials legend{
  margin:0 0 10px;
  color:#536486;
  font-size:13px;
  font-weight:950;
}
.favorite-social-url-grid{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:10px;
}
.favorite-social-url-grid label{
  display:grid;
  gap:5px;
  color:#71809b;
  font-size:10px;
  font-weight:900;
}
.favorite-social-url-grid label > span{
  position:static;
  width:auto;
  height:auto;
  overflow:visible;
  clip:auto;
  white-space:normal;
}
.favorite-form .favorite-social-url-grid input{
  min-height:42px;
  padding:0 12px;
  border:1px solid rgba(210,222,239,.86);
  border-radius:9px;
  background:#fff;
  color:#42516e;
  font-size:12px;
  font-weight:760;
  box-shadow:none;
}
.favorite-modal-actions{
  display:flex;
  justify-content:flex-end;
  align-items:center;
  gap:10px;
  padding-top:2px;
}
.favorite-modal-actions .favorite-delete-button,
.favorite-modal-actions .modal-save-button{
  min-width:116px;
  min-height:42px;
  height:42px;
  padding:0 18px;
  border-radius:10px;
  font-size:13px;
  font-weight:900;
  line-height:1;
}
.favorite-delete-button{
  border:1px solid rgba(210,93,111,.18);
  background:#fff0f2;
  color:#c34a5d;
  cursor:pointer;
}
.favorite-delete-button:hover{
  background:#ffe5e9;
}
.favorite-delete-button[hidden]{
  display:none!important;
}
.favorite-avatar-crop-modal{
  z-index:190;
}
.favorite-avatar-crop-card{
  justify-self:center;
  margin:0 auto;
}
.favorite-avatar-crop-controls{
  gap:8px!important;
}
.favorite-avatar-crop-controls label{
  margin:0!important;
}

@media(max-width:920px){
  body.is-favorites-tab .favorite-sort-select{
    min-width:92px!important;
  }
  body.is-favorites-tab .favorite-sort-select select{
    min-height:38px;
    height:38px;
    padding:0 25px 0 10px;
    font-size:10px;
  }
  .favorite-modal-card{
    width:min(520px,calc(100vw - 18px));
    max-height:calc(100dvh - 18px);
    padding:16px;
    border-radius:16px;
  }
  .favorite-modal{
    place-items:center!important;
    padding:9px!important;
  }
  .favorite-modal-card .editor-modal-close{
    top:10px;
    right:10px;
  }
  .favorite-form{
    gap:14px;
    padding-top:32px;
  }
  .favorite-editor-card{
    grid-template-columns:66px minmax(0,1fr);
    gap:12px 14px;
    padding:14px;
    border-radius:12px;
  }
  .favorite-editor-card .favorite-avatar-upload-row,
  .favorite-editor-card .favorite-avatar-upload-row img{
    width:66px;
    height:66px;
    min-height:66px;
  }
  .favorite-editor-card .favorite-avatar-upload-button{
    width:24px;
    min-height:24px;
    height:24px;
    font-size:16px;
  }
  .favorite-form .favorite-editor-name input{
    font-size:13px;
  }
  .favorite-form #favoriteHandle,
  .favorite-form #favoriteCategory{
    font-size:11px;
  }
  .favorite-social-url-grid{
    grid-template-columns:1fr;
    gap:8px;
  }
  .favorite-form .favorite-social-url-grid input{
    min-height:40px;
  }
  .favorite-modal-actions{
    display:grid;
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
  .favorite-modal-actions .favorite-delete-button,
  .favorite-modal-actions .modal-save-button{
    width:100%;
    min-width:0;
  }
}
/* 2026-07-11: compact first-publish activation guide. */
.activation-guide{
  width:min(760px, calc(100% - 40px));
  margin:0 auto 22px;
  padding:14px 0 16px;
  border-bottom:1px solid rgba(72, 89, 122, .16);
}
.activation-guide[hidden]{display:none!important}
.activation-guide__head{
  display:flex;
  align-items:flex-end;
  justify-content:space-between;
  gap:16px;
  margin-bottom:11px;
}
.activation-guide__head div{display:grid;gap:2px}
.activation-guide__head span{
  color:#77839b;
  font-size:11px;
  font-weight:700;
}
.activation-guide__head strong{
  color:#111a31;
  font-size:15px;
}
.activation-guide__head b{
  color:#6c56e8;
  font-size:12px;
  white-space:nowrap;
}
.activation-guide__steps{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:8px;
}
.activation-guide__steps button{
  min-width:0;
  min-height:38px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  padding:7px 9px;
  border:1px solid rgba(113, 91, 222, .18);
  border-radius:7px;
  background:rgba(255,255,255,.62);
  color:#536078;
  font:700 11px/1.2 inherit;
  cursor:pointer;
}
.activation-guide__steps button:hover{border-color:#8d73ef;color:#281a72}
.activation-guide__steps i{
  width:15px;
  height:15px;
  flex:0 0 15px;
  border:1.5px solid #a4aec1;
  border-radius:50%;
  position:relative;
}
.activation-guide__steps button.is-complete{
  background:rgba(225,249,239,.7);
  border-color:rgba(38,169,111,.2);
  color:#16764b;
}
.activation-guide__steps button.is-complete i{background:#24a870;border-color:#24a870}
.activation-guide__steps button.is-complete i:after{
  content:"";
  position:absolute;
  left:4px;
  top:2px;
  width:4px;
  height:7px;
  border:solid #fff;
  border-width:0 1.5px 1.5px 0;
  transform:rotate(45deg);
}
@media(max-width:680px){
  .activation-guide{width:calc(100% - 24px);margin-bottom:14px;padding-top:8px}
  .activation-guide__steps{grid-template-columns:repeat(2,minmax(0,1fr))}
  .activation-guide__steps button{justify-content:flex-start;padding-inline:12px}
}

/* 2026-07-12: one stable profile canvas for editing and preview. */
body.is-profile-tab .dashboard-main{
  background:#f6f9fe!important;
}
body.is-profile-tab .profile-editor-stage{
  --profile-canvas-bg:#f0f8ff;
  display:block!important;
  min-height:0!important;
  padding:12px 16px 48px!important;
  background:transparent!important;
}
body.is-profile-tab .profile-live-editor,
body.is-profile-inline-preview .profile-editor-stage .studio-preview{
  box-sizing:border-box!important;
  width:min(520px,100%)!important;
  min-height:720px!important;
  margin:0 auto!important;
  border:1px solid rgba(184,204,229,.55)!important;
  border-radius:20px!important;
  background:var(--profile-canvas-bg,#f0f8ff)!important;
  box-shadow:0 18px 46px rgba(62,82,116,.10)!important;
}
body.is-profile-tab .profile-live-editor{
  padding:36px 30px 48px!important;
}
body.is-profile-inline-preview .profile-editor-stage .studio-preview{
  overflow:hidden!important;
  padding:0!important;
}
body.is-profile-inline-preview #profilePreview{
  box-sizing:border-box!important;
  width:100%!important;
  min-height:718px!important;
  padding:40px 30px 48px!important;
  border:0!important;
  border-radius:19px!important;
  background:var(--profile-canvas-bg,#f0f8ff)!important;
}

@media(max-width:920px){
  body.is-profile-tab .dashboard-main{
    background:#f6f9fe!important;
  }
  body.is-profile-tab .profile-editor-stage{
    padding:6px 0 28px!important;
  }
  body.is-profile-tab .profile-live-editor,
  body.is-profile-inline-preview .profile-editor-stage .studio-preview{
    width:calc(100% - 12px)!important;
    margin-right:auto!important;
    margin-left:auto!important;
    min-height:650px!important;
    border-radius:16px!important;
  }
  body.is-profile-tab .profile-live-editor{
    padding:28px 16px 38px!important;
  }
  body.is-profile-inline-preview #profilePreview{
    min-height:648px!important;
    padding:32px 16px 38px!important;
    border-radius:15px!important;
  }
}

/* Keep the supplied navigation artwork stable after all legacy overrides. */
body.is-dashboard-view .dashboard-side .dash-tab{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:12px!important;
}
body.is-dashboard-view .dashboard-side .dash-tab::before{
  display:none!important;
  content:none!important;
}
body.is-dashboard-view .dashboard-side .dash-tab-icon,
body.is-dashboard-view .dashboard-side .dash-tab-symbol{
  display:block!important;
  flex:0 0 22px!important;
  width:22px!important;
  height:22px!important;
  margin:0!important;
  object-fit:contain!important;
}
body.is-dashboard-view .dashboard-side .dash-tab-symbol{
  color:currentColor!important;
  font-size:21px!important;
  line-height:22px!important;
  text-align:center!important;
}
body.is-dashboard-view .dashboard-side .dash-tab-icon{opacity:.68}
body.is-dashboard-view .dashboard-side .dash-tab.is-active .dash-tab-icon{
  opacity:1;
  filter:invert(43%) sepia(91%) saturate(1678%) hue-rotate(284deg) brightness(99%) contrast(86%);
}
body.is-settings-tab .settings-panel{padding-top:0!important}

@media(max-width:920px){
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-tab{
    flex-direction:column!important;
    justify-content:center!important;
    gap:4px!important;
  }
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-tab-icon,
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-tab-symbol{
    flex-basis:21px!important;
    width:21px!important;
    height:21px!important;
  }
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-tab-symbol{
    font-size:20px!important;
    line-height:21px!important;
  }
}

/* 2026-07-13: keep one mobile footer icon and place the color picker in the profile canvas. */
body.is-profile-tab .dashboard-actions{
  grid-template-areas:
    "share preview publish"
    "autosave autosave autosave"!important;
}
body.is-profile-tab .profile-live-editor{
  position:relative!important;
}
body.is-profile-tab .profile-live-editor .profile-card-color-select{
  position:absolute!important;
  top:24px!important;
  left:24px!important;
  right:auto!important;
  bottom:auto!important;
  grid-area:auto!important;
  justify-self:auto!important;
  align-self:auto!important;
  transform:none!important;
  z-index:8!important;
  display:inline-flex!important;
  align-items:center!important;
  width:auto!important;
  min-width:126px!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 12px 0 8px!important;
  overflow:hidden!important;
  border:1px solid rgba(126,155,190,.30)!important;
  border-radius:8px!important;
  background:rgba(255,255,255,.94)!important;
  box-shadow:0 8px 20px rgba(61,82,116,.13)!important;
  cursor:pointer!important;
}
body.is-profile-tab .profile-live-editor .profile-card-color-select input{
  position:absolute!important;
  inset:0!important;
  z-index:2!important;
  width:100%!important;
  height:100%!important;
  opacity:0!important;
  cursor:pointer!important;
}
body.is-profile-tab .profile-live-editor .profile-card-color-select .profile-color-select__swatch{
  display:block!important;
  flex:0 0 27px!important;
  width:27px!important;
  min-width:27px!important;
  height:27px!important;
  min-height:27px!important;
  margin:0 8px 0 0!important;
  border:1px solid rgba(17,23,42,.06)!important;
  border-radius:50%!important;
  background:var(--profile-swatch-color,var(--profile-canvas-bg,#f0f8ff))!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.45)!important;
}
body.is-profile-tab .profile-live-editor .profile-card-color-select .profile-color-select__label{
  display:block!important;
  height:auto!important;
  padding:0!important;
  color:#364052!important;
  font-size:12px!important;
  font-weight:900!important;
  line-height:1!important;
  white-space:nowrap!important;
}

@media(max-width:920px){
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-tab::before,
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-tab.is-active::before,
  body.is-favorites-tab .dashboard-side:not(.is-open):not(.is-closing) .dash-tab::before{
    display:none!important;
    content:none!important;
    width:0!important;
    height:0!important;
    margin:0!important;
  }
  body.is-profile-tab .profile-live-editor .profile-card-color-select{
    top:18px!important;
    left:14px!important;
    min-width:116px!important;
    height:36px!important;
    min-height:36px!important;
    padding:0 10px 0 7px!important;
  }
  body.is-profile-tab .profile-live-editor .profile-card-color-select .profile-color-select__swatch{
    flex-basis:24px!important;
    width:24px!important;
    min-width:24px!important;
    height:24px!important;
    min-height:24px!important;
    margin-right:7px!important;
  }
  body.is-profile-tab .profile-live-editor .profile-card-color-select .profile-color-select__label{
    font-size:11px!important;
  }
}

/* 2026-07-13: compact editor/favorites spacing and use the shared icon asset. */
body.is-profile-tab .dashboard-top{
  margin-bottom:8px!important;
}
body.is-profile-tab .profile-editor-stage{
  padding-top:4px!important;
}
.share-profile-button .share-button-icon{
  display:block!important;
  flex:0 0 16px!important;
  width:16px!important;
  height:16px!important;
  margin:0!important;
  object-fit:contain!important;
  opacity:.92!important;
}
body.is-favorites-tab .favorites-toolbar{
  margin-bottom:8px!important;
}

@media(max-width:920px){
  body.is-profile-tab .dashboard-top{
    margin-bottom:6px!important;
  }
  body.is-profile-tab .profile-editor-stage{
    padding-top:2px!important;
  }
  .share-profile-button .share-button-icon{
    display:block!important;
    flex-basis:13px!important;
    width:13px!important;
    height:13px!important;
  }
  body.is-favorites-tab .favorites-toolbar{
    margin-bottom:6px!important;
  }
}

/* 2026-07-14: align and soften settings typography across desktop and mobile. */
body.is-settings-tab .settings-panel{
  width:min(100%,640px)!important;
  max-width:640px!important;
  gap:0!important;
  font-weight:400!important;
}
body.is-settings-tab .settings-row{
  grid-template-columns:136px minmax(0,1fr)!important;
  align-items:center!important;
  column-gap:24px!important;
  row-gap:6px!important;
  min-height:66px!important;
  padding:14px 2px!important;
  color:#26324a!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:1.55!important;
}
body.is-settings-tab .settings-row>span{
  color:#596984!important;
  font-size:13px!important;
  font-weight:500!important;
  line-height:1.5!important;
}
body.is-settings-tab .settings-row strong,
body.is-settings-tab .settings-row input,
body.is-settings-tab .settings-row button,
body.is-settings-tab .settings-row b,
body.is-settings-tab .settings-inline-status{
  letter-spacing:0!important;
}
body.is-settings-tab .settings-row strong{
  color:#202b41!important;
  font-size:14px!important;
  font-weight:500!important;
  line-height:1.55!important;
}
body.is-settings-tab .settings-row .slug-field{
  min-height:42px!important;
  border-color:rgba(126,148,178,.24)!important;
  border-radius:8px!important;
}
body.is-settings-tab .settings-row .slug-field b{
  padding-left:12px!important;
  color:#596984!important;
  font-size:13px!important;
  font-weight:500!important;
}
body.is-settings-tab .settings-row .slug-field input{
  min-height:40px!important;
  color:#202b41!important;
  font-size:14px!important;
  font-weight:500!important;
}
body.is-settings-tab .settings-url-row{
  align-items:center!important;
}
body.is-settings-tab .settings-url-control,
body.is-settings-tab .settings-password-control{
  width:100%!important;
}
body.is-settings-tab .settings-inline-save,
body.is-settings-tab .settings-outline-button{
  min-width:76px!important;
  height:40px!important;
  padding:0 14px!important;
  font-size:12px!important;
  font-weight:600!important;
  line-height:1!important;
}
body.is-settings-tab .settings-inline-status{
  min-height:16px!important;
  margin-top:0!important;
  font-size:11px!important;
  font-weight:500!important;
  line-height:1.45!important;
}
body.is-settings-tab .settings-inline-status:empty{
  display:none!important;
  min-height:0!important;
  margin:0!important;
}
body.is-settings-tab .dash-tab[data-tab="settings"] span{
  font-weight:600!important;
}

@media(max-width:920px){
  body.is-settings-tab .settings-panel{
    width:100%!important;
    max-width:620px!important;
    margin:0 auto!important;
    padding:0 14px 92px!important;
  }
  body.is-settings-tab .settings-row{
    grid-template-columns:1fr!important;
    align-items:start!important;
    gap:6px!important;
    min-height:0!important;
    padding:14px 0!important;
  }
  body.is-settings-tab .settings-row>span{
    font-size:12px!important;
  }
  body.is-settings-tab .settings-row strong{
    font-size:14px!important;
  }
  body.is-settings-tab .settings-url-control{
    grid-template-columns:minmax(0,1fr) 68px!important;
    gap:8px!important;
  }
  body.is-settings-tab .settings-password-control{
    align-items:flex-start!important;
    gap:6px!important;
  }
  body.is-settings-tab .settings-inline-save,
  body.is-settings-tab .settings-outline-button{
    min-width:68px!important;
    height:38px!important;
    padding:0 11px!important;
    font-size:11px!important;
  }
  body.is-settings-tab .settings-inline-status{
    grid-column:1 / -1!important;
  }
}

/* Final overrides for the 2026-07-16 profile status and favorites toolbar. */
.profile-verification,
.profile-verification.is-verified{
  position:relative!important;
  display:inline-grid!important;
  place-items:center!important;
  flex:0 0 18px!important;
  width:18px!important;
  min-width:18px!important;
  height:18px!important;
  min-height:18px!important;
  padding:0!important;
  border:0!important;
  border-radius:50%!important;
  color:#fff!important;
  cursor:help!important;
  outline:0!important;
}
.profile-verification{
  background:#a5adba!important;
}
.profile-verification.is-verified{
  background:#2478ff!important;
}
.profile-verification:after{
  content:""!important;
  display:block!important;
  width:8px!important;
  height:4px!important;
  margin-top:-2px!important;
  border:0!important;
  border-left:2px solid currentColor!important;
  border-bottom:2px solid currentColor!important;
  background:transparent!important;
  transform:rotate(-45deg)!important;
}
.profile-verification:hover .profile-verification-tooltip,
.profile-verification:focus .profile-verification-tooltip,
.profile-verification.is-open .profile-verification-tooltip{
  opacity:1!important;
  transform:translate(-50%,0)!important;
}
body.is-favorites-tab .favorites-toolbar{
  grid-template-columns:minmax(250px,1fr) 140px 42px!important;
}
body.is-favorites-tab .favorite-notification{
  display:inline-flex!important;
}
body.is-favorites-tab .favorite-notification span[hidden]{
  display:none!important;
}

@media(max-width:920px){
  body.is-favorites-tab .favorites-toolbar{
    grid-template-columns:minmax(0,1fr) 38px!important;
  }
  body.is-favorites-tab .favorite-search{
    grid-column:1 / -1!important;
  }
  body.is-favorites-tab .favorite-sort-select{
    grid-column:1!important;
  }
  body.is-favorites-tab .favorite-notification{
    position:relative!important;
    top:auto!important;
    right:auto!important;
    z-index:1!important;
    grid-column:2!important;
    grid-row:2!important;
    width:38px!important;
    min-height:38px!important;
    height:38px!important;
  }
}

/* Final typography overrides for the 2026-07-16 editor and favorites refinement. */
body.is-profile-tab .profile-editor-stage,
body.is-profile-tab .profile-live-editor,
body.is-profile-tab .profile-live-editor label,
body.is-profile-tab .profile-live-editor input,
body.is-profile-tab .profile-live-editor textarea,
body.is-profile-tab .profile-live-editor button,
body.is-profile-tab .profile-live-editor p,
body.is-profile-tab .profile-live-editor span,
body.is-profile-tab .profile-live-editor small,
body.is-profile-tab .dashboard-actions button,
body.is-profile-tab .dashboard-actions label{
  font-weight:400!important;
}
body.is-profile-tab .profile-live-editor h2,
body.is-profile-tab .profile-live-editor h3,
body.is-profile-tab .profile-live-editor strong,
body.is-profile-tab .dashboard-actions strong{
  font-weight:600!important;
}
body.is-profile-tab .dashboard-side .dash-tab,
body.is-profile-tab .dashboard-side .dash-link,
body.is-profile-tab .dashboard-side .dash-tab.is-active{
  font-weight:500!important;
}
body.is-favorites-tab .favorites-shell,
body.is-favorites-tab .favorite-modal-card,
body.is-favorites-tab .favorites-toolbar input,
body.is-favorites-tab .favorites-toolbar select,
body.is-favorites-tab .favorite-title span,
body.is-favorites-tab .favorite-main p,
body.is-favorites-tab .favorite-social-empty,
body.is-favorites-tab .favorite-directory-label,
body.is-favorites-tab .favorite-notification-panel,
body.is-favorites-tab .favorite-modal-card label,
body.is-favorites-tab .favorite-modal-card input,
body.is-favorites-tab .favorite-modal-card textarea,
body.is-favorites-tab .favorite-modal-card button,
body.is-favorites-tab .favorite-empty p{
  font-weight:400!important;
}
body.is-favorites-tab .favorite-title strong,
body.is-favorites-tab .favorite-empty strong,
body.is-favorites-tab .favorite-notification-head strong,
body.is-favorites-tab .favorites-panel-head h2{
  font-weight:600!important;
}
body.is-favorites-tab .dashboard-side .dash-tab,
body.is-favorites-tab .dashboard-side .dash-link,
body.is-favorites-tab .dashboard-side .dash-tab.is-active,
body.is-favorites-tab .favorite-casta-button,
body.is-favorites-tab .profile-request-open{
  font-weight:500!important;
}
.profile-request-card h2{
  font-weight:500!important;
}
.profile-request-card>p,
.profile-request-form label,
.profile-request-form input,
.profile-request-form .form-status{
  font-weight:400!important;
}
.profile-request-form button{
  font-weight:500!important;
}

@media(max-width:920px){
  .profile-request-card>p{
    font-size:9px!important;
    letter-spacing:-.03em!important;
  }
}

body.is-favorites-tab .favorite-notification{
  display:inline-grid!important;
  place-items:center!important;
}

body.is-favorites-tab .favorite-card{
  grid-template-columns:74px minmax(180px,1fr) minmax(90px,150px) minmax(102px,max-content)!important;
}
body.is-favorites-tab .favorite-meta{
  display:grid!important;
  grid-template-columns:max-content 28px!important;
  align-items:center!important;
  justify-content:end!important;
  gap:8px!important;
  min-width:0!important;
}

@media(max-width:920px){
  body.is-favorites-tab .favorite-card{
    grid-template-columns:48px minmax(0,1fr) auto!important;
  }
  body.is-favorites-tab .favorite-meta{
    display:flex!important;
    align-items:center!important;
    gap:5px!important;
  }
}

/* 2026-07-16: verification tooltip, editor geometry, and public typography. */
.public-card .public-name-row{
  position:relative;
  z-index:80;
}
.public-card .profile-verification{
  z-index:90!important;
}
.public-card .profile-verification.is-open,
.public-card .profile-verification:hover,
.public-card .profile-verification:focus{
  z-index:1000!important;
}
.public-card .profile-verification-tooltip{
  z-index:1100!important;
  top:auto!important;
  bottom:calc(100% + 10px)!important;
  transform:translate(-50%,5px)!important;
}
.public-card .profile-verification-tooltip:before{
  top:100%!important;
  bottom:auto!important;
  border:0!important;
  border-right:1px solid rgba(92,108,136,.14)!important;
  border-bottom:1px solid rgba(92,108,136,.14)!important;
  transform:translate(-50%,-5px) rotate(45deg)!important;
}
.public-card .profile-verification:hover .profile-verification-tooltip,
.public-card .profile-verification:focus .profile-verification-tooltip,
.public-card .profile-verification.is-open .profile-verification-tooltip{
  transform:translate(-50%,0)!important;
}

body.is-profile-tab .profile-editor-stage{
  border-radius:12px;
}
body.is-profile-tab .profile-live-editor .compact-field input,
body.is-profile-tab .profile-live-editor .compact-field textarea,
body.is-profile-tab .profile-live-editor .custom-link-row input{
  border:1px solid rgba(17,23,42,.18)!important;
  border-radius:6px!important;
}
body.is-profile-tab .profile-live-editor .sns-button-editor{
  border:1px solid rgba(17,23,42,.18)!important;
  border-radius:7px!important;
}
body.is-profile-tab .profile-live-editor .custom-link-row{
  border:1px solid rgba(17,23,42,.18)!important;
  border-radius:8px!important;
}
body.is-profile-tab .profile-live-editor .link-row-grip,
body.is-profile-tab .profile-live-editor .link-icon-edit-button,
body.is-profile-tab .profile-live-editor .link-row-actions button,
body.is-profile-tab .profile-live-editor .add-link-button{
  border-radius:6px!important;
}

.public-profile-page .public-card h2{
  font-weight:700;
}
.public-profile-page .public-card p,
.public-profile-page .public-card .public-bio{
  font-weight:500;
}
.public-profile-page .public-card .custom-link-button,
.public-profile-page .public-card .custom-link-button strong,
.public-profile-page .public-card .social-list b{
  font-weight:700;
}
.public-profile-page .public-card[data-profile-font="noto-sans"] .custom-link-button strong{
  font-weight:600;
}
.public-profile-page .public-card .custom-link-button small,
.public-profile-page .public-card .youtube-channel-stats small,
.public-profile-page .public-card .youtube-video-card>small,
.public-profile-page .public-card .youtube-source-note,
.public-profile-page .public-card .public-brand-footer a,
.public-profile-page .public-card .public-brand-footer p{
  font-weight:500!important;
}
.public-profile-page .public-card .youtube-platform-tabs button,
.public-profile-page .public-card .youtube-video-tabs button,
.public-profile-page .public-card .youtube-channel-actions a,
.public-profile-page .public-card .youtube-video-card>strong{
  font-weight:600;
}
.public-profile-page .public-card .youtube-channel-stats strong,
.public-profile-page .public-card .profile-total strong{
  font-weight:700;
}
.public-profile-page .public-card .profile-total small,
.public-profile-page .public-card .tag-row span{
  font-weight:600;
}

@media(max-width:920px){
  body.is-profile-tab .profile-editor-stage{
    border-radius:0;
  }
}

/* 2026-07-16: YouTube claim, social post settings, and drag/menu refinements. */
.profile-claim-action{
  display:grid;
  justify-items:center;
  gap:6px;
  margin:10px auto 2px;
}
.profile-claim-action button{
  min-height:34px;
  padding:0 14px;
  border:0;
  border-radius:7px;
  background:linear-gradient(135deg,#43b6ff 0%,#735bff 50%,#ff4ab9 100%);
  color:#fff;
  font-size:11px;
  font-weight:600;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(92,87,222,.18);
}
.profile-claim-action button:disabled{opacity:.65;cursor:wait}
.profile-claim-status{
  min-height:14px;
  color:#65728a;
  font-size:9px;
  font-weight:400;
}
.youtube-channel-stats{
  grid-template-columns:repeat(var(--youtube-stat-columns,3),minmax(0,1fr));
}

body.is-profile-tab .profile-content-actions{
  display:flex;
  align-items:center;
  justify-content:center;
  flex-wrap:wrap;
  gap:8px;
  margin-top:4px;
}
body.is-profile-tab .profile-content-actions .add-link-button{
  margin-top:0;
}
.social-post-integration-list{
  display:grid;
  gap:10px;
  width:100%;
  margin-top:10px;
}
.social-post-integration-card{
  display:grid;
  gap:12px;
  width:100%;
  padding:14px 16px;
  border:1px solid rgba(17,23,42,.18);
  border-radius:8px;
  background:#fff;
  color:#27334c;
  box-shadow:0 8px 20px rgba(31,39,90,.10);
  text-align:left;
}
.social-post-integration-head,
.social-post-integration-primary,
.social-post-feeds{
  display:grid;
  align-items:center;
  gap:8px;
}
.social-post-integration-head{
  grid-template-columns:minmax(0,1fr) auto;
}
.social-post-integration-head strong{
  font-size:13px;
  font-weight:600!important;
}
.social-post-integration-head button{
  min-height:28px;
  padding:0 9px;
  border:1px solid rgba(205,82,104,.18);
  border-radius:6px;
  background:#fff3f5;
  color:#bb5264;
  font-size:10px;
}
.social-post-integration-primary{
  grid-template-columns:minmax(0,1fr) minmax(0,1fr);
}
.social-post-integration-primary>label{
  display:grid;
  grid-template-columns:auto minmax(0,1fr);
  align-items:center;
  gap:8px;
  color:#65728a;
  font-size:10px;
}
.social-post-integration-card select{
  min-height:34px;
  padding:0 28px 0 10px;
  border:1px solid rgba(17,23,42,.18);
  border-radius:6px;
  background:#fff;
  color:#27334c;
  font-size:11px;
}
.social-post-toggle{
  justify-content:end;
}
.social-post-toggle input{
  width:16px;
  height:16px;
  accent-color:#6758f5;
}
.social-post-toggle i{display:none}
.social-post-metrics{
  display:flex;
  align-items:center;
  flex-wrap:wrap;
  gap:8px 14px;
  margin:0;
  padding:10px 0;
  border:0;
  border-top:1px solid rgba(17,23,42,.08);
  border-bottom:1px solid rgba(17,23,42,.08);
}
.social-post-metrics legend{
  width:100%;
  padding:0;
  color:#53617a;
  font-size:10px;
  font-weight:500;
}
.social-post-metrics label,
.social-post-feeds label{
  display:inline-flex;
  align-items:center;
  gap:5px;
  color:#53617a;
  font-size:10px;
  white-space:nowrap;
}
.social-post-metrics input,
.social-post-feeds input{
  width:15px;
  height:15px;
  accent-color:#6758f5;
}
.social-post-feeds{
  grid-template-columns:minmax(0,1fr) 76px minmax(0,1fr) 76px;
}
.social-post-integration-card>p{
  margin:0;
  color:#8792a7;
  font-size:9px;
  font-weight:400!important;
  line-height:1.5;
}

.link-drag-ghost.custom-link-row{
  display:grid!important;
  grid-template-columns:66px minmax(0,1fr) 58px!important;
  grid-template-rows:repeat(3,32px)!important;
  gap:6px 12px!important;
  align-items:center!important;
  min-height:98px!important;
  overflow:hidden!important;
  padding:12px 16px!important;
  border:1px solid rgba(17,23,42,.18)!important;
  border-radius:8px!important;
  background:#fff!important;
  opacity:.58!important;
  transform:scale(.985)!important;
  box-shadow:0 16px 38px rgba(31,39,90,.16)!important;
  box-sizing:border-box!important;
}
.link-drag-ghost.custom-link-row .link-row-grip{
  display:none!important;
}
.link-drag-ghost.custom-link-row .link-icon-edit-button{
  grid-column:1!important;
  grid-row:1 / 4!important;
  width:64px!important;
  height:64px!important;
  border-radius:6px!important;
}
.link-drag-ghost.custom-link-row label{
  grid-column:2!important;
  display:block!important;
  min-width:0!important;
}
.link-drag-ghost.custom-link-row input{
  width:100%!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 12px!important;
  border:1px solid rgba(17,23,42,.18)!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#333!important;
  font-size:14px!important;
  font-weight:400!important;
  line-height:32px!important;
}
.link-drag-ghost.custom-link-row .link-row-actions{
  grid-column:3!important;
  grid-row:1 / 4!important;
  display:grid!important;
  place-items:center!important;
}

@media(min-width:921px){
  .link-icon-panel{
    width:min(273px,19.6vw)!important;
    padding:13px 13px 62px!important;
  }
  .link-icon-tone-tabs{
    grid-template-columns:1fr 1fr 30px!important;
    gap:7px!important;
    margin-bottom:10px!important;
  }
  .link-icon-tone-tabs button{
    min-height:27px!important;
    font-size:12px!important;
  }
  .link-icon-tone-tabs .link-icon-close{
    width:27px!important;
    height:27px!important;
    min-height:27px!important;
    font-size:21px!important;
  }
  .link-icon-grid{gap:7px!important}
  .link-icon-upload{
    min-height:38px!important;
    margin-top:13px!important;
    border-radius:9px!important;
    font-size:10px!important;
  }
  .link-icon-cropper{
    gap:8px!important;
    margin-top:10px!important;
    padding:10px!important;
    border-radius:11px!important;
  }
  .link-icon-crop-canvas{
    width:112px!important;
    height:112px!important;
    border-radius:15px!important;
  }
  .link-icon-crop-controls{gap:6px!important}
  .link-icon-crop-controls label{
    grid-template-columns:34px minmax(0,1fr)!important;
    gap:7px!important;
    font-size:9px!important;
  }
  .link-icon-crop-apply{
    min-height:30px!important;
    padding:0 13px!important;
    font-size:9px!important;
  }
  .link-icon-save{
    width:min(133px,70%)!important;
    min-height:30px!important;
    margin-top:13px!important;
    font-size:10px!important;
  }
}

@media(max-width:920px){
  .social-post-integration-card{
    padding:12px;
  }
  .social-post-integration-primary{
    grid-template-columns:1fr;
  }
  .social-post-toggle{
    justify-content:start;
  }
  .social-post-feeds{
    grid-template-columns:minmax(0,1fr) 72px;
  }
  .link-drag-ghost.custom-link-row{
    grid-template-columns:56px minmax(0,1fr) 44px!important;
    grid-template-rows:repeat(3,30px)!important;
    gap:5px 8px!important;
    min-height:88px!important;
    padding:10px!important;
    border-radius:8px!important;
  }
  .link-drag-ghost.custom-link-row .link-icon-edit-button{
    width:54px!important;
    height:54px!important;
    border-radius:6px!important;
  }
  .link-drag-ghost.custom-link-row input{
    height:30px!important;
    min-height:30px!important;
    padding:0 9px!important;
    font-size:12px!important;
    line-height:30px!important;
  }
}

/* 2026-07-16: align the compact PR selector with the profile color control. */
body.is-profile-tab .profile-live-editor .profile-pr-status-field{
  position:absolute!important;
  top:8px!important;
  right:24px!important;
  z-index:8!important;
  display:grid!important;
  gap:4px!important;
  width:158px!important;
  margin:0!important;
}
body.is-profile-tab .profile-live-editor .profile-pr-status-field>span{
  position:static!important;
  width:auto!important;
  height:12px!important;
  padding:0!important;
  overflow:visible!important;
  clip:auto!important;
  color:#647086!important;
  font-size:9px!important;
  font-weight:500!important;
  line-height:12px!important;
  text-align:center!important;
  white-space:nowrap!important;
}
body.is-profile-tab .profile-live-editor .profile-pr-status-field select{
  width:100%!important;
  height:40px!important;
  min-height:40px!important;
  margin:0!important;
  padding:0 30px 0 11px!important;
  border:1px solid rgba(126,155,190,.30)!important;
  border-radius:8px!important;
  background-color:rgba(255,255,255,.94)!important;
  color:#364052!important;
  font-size:11px!important;
  font-weight:500!important;
  text-align:left!important;
  box-shadow:0 8px 20px rgba(61,82,116,.13)!important;
  cursor:pointer!important;
}

@media(max-width:920px){
  body.is-profile-tab .profile-live-editor .profile-pr-status-field{
    top:2px!important;
    right:14px!important;
    width:142px!important;
  }
  body.is-profile-tab .profile-live-editor .profile-pr-status-field select{
    height:36px!important;
    min-height:36px!important;
    padding-left:9px!important;
    font-size:10px!important;
  }
}

/* 2026-07-17: stable editor/public profile geometry and share presentation. */
body.is-profile-tab .profile-live-editor,
body.is-profile-inline-preview #profilePreview{
  padding-top:92px!important;
}
body.is-profile-tab .profile-live-editor .profile-avatar-dropzone img,
body.is-profile-inline-preview #profilePreview .public-avatar{
  width:126px!important;
  height:126px!important;
}

@keyframes profileShareBackdropIn{
  from{opacity:0}
  to{opacity:1}
}
@keyframes profileShareCardIn{
  from{opacity:0;transform:translateY(9px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
.profile-share-modal:not([hidden]) .editor-modal-backdrop{
  animation:profileShareBackdropIn .2s ease-out both;
}
.profile-share-modal:not([hidden]) .profile-share-card{
  animation:profileShareCardIn .24s cubic-bezier(.2,.75,.25,1) both;
}

@media(max-width:920px){
  body.is-profile-tab .profile-live-editor,
  body.is-profile-inline-preview #profilePreview{
    padding-top:78px!important;
  }
}

@media(prefers-reduced-motion:reduce){
  .profile-share-modal:not([hidden]) .editor-modal-backdrop,
  .profile-share-modal:not([hidden]) .profile-share-card{
    animation:none!important;
  }
}

/* 2026-07-26: keep inline PR status aligned with the public-profile avatar. */
body.is-profile-inline-preview #profilePreview .public-profile-actions{
  top:92px!important;
  right:auto!important;
  left:calc(50% + 75px)!important;
}

@media(max-width:920px){
  body.is-profile-inline-preview #profilePreview .public-profile-actions{
    top:78px!important;
    right:0!important;
    left:auto!important;
  }
}

/* 2026-07-17: unified profile content ordering and YouTube connection controls. */
body.is-profile-tab .share-profile-button,
body.is-profile-tab .preview-profile-button,
body.is-profile-tab .publish-toggle{
  border-radius:20px!important;
}

body.is-profile-tab .custom-link-list-editor{
  display:grid!important;
  gap:10px!important;
}
body.is-profile-tab .social-post-integration-card{
  position:relative!important;
  gap:8px!important;
  margin:0!important;
  padding:13px 54px 13px 14px!important;
  border:1px solid rgba(17,23,42,.18)!important;
  border-radius:8px!important;
  background:#fff!important;
  box-shadow:0 8px 20px rgba(31,39,90,.10)!important;
}
body.is-profile-tab .social-post-integration-card.is-dragging{
  opacity:.42!important;
}
body.is-profile-tab .social-post-integration-card.is-drop-target{
  outline:2px solid rgba(81,72,223,.32)!important;
  outline-offset:2px!important;
}
body.is-profile-tab .social-post-integration-head{
  display:block!important;
  min-height:18px!important;
  padding-right:4px!important;
}
body.is-profile-tab .social-post-integration-head strong{
  font-size:12px!important;
  line-height:18px!important;
}
body.is-profile-tab .social-post-drag-grip{
  top:10px!important;
  right:15px!important;
  left:auto!important;
  width:28px!important;
  height:14px!important;
  margin:0!important;
  transform:none!important;
}
body.is-profile-tab .social-post-integration-primary{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) auto!important;
  align-items:end!important;
  gap:8px!important;
}
body.is-profile-tab .social-post-service{
  display:grid!important;
  grid-template-columns:auto minmax(0,1fr)!important;
  align-items:center!important;
  gap:7px!important;
  min-width:0!important;
  color:#65728a!important;
  font-size:9px!important;
}
body.is-profile-tab .social-post-integration-card select{
  width:100%!important;
  min-width:0!important;
  height:32px!important;
  min-height:32px!important;
  padding:0 26px 0 9px!important;
  border:1px solid rgba(17,23,42,.18)!important;
  border-radius:6px!important;
  font-size:10px!important;
}
body.is-profile-tab .youtube-connection-control{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-end!important;
  min-height:32px!important;
}
body.is-profile-tab .youtube-connection-control button,
body.is-profile-tab .youtube-connected-label{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  min-height:30px!important;
  padding:0 10px!important;
  border:1px solid rgba(17,23,42,.13)!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#53617a!important;
  font-size:9px!important;
  line-height:1!important;
  white-space:nowrap!important;
}
body.is-profile-tab .youtube-connection-control button{
  cursor:pointer!important;
}
body.is-profile-tab .youtube-connection-control button:disabled{
  opacity:.7!important;
  cursor:wait!important;
}
body.is-profile-tab .youtube-connected-label{
  border-color:rgba(24,139,96,.24)!important;
  background:#e9f8f1!important;
  color:#16835d!important;
}
body.is-profile-tab .social-post-metrics{
  display:grid!important;
  grid-template-columns:repeat(3,max-content)!important;
  justify-content:start!important;
  gap:3px!important;
  margin:0!important;
  padding:7px 0!important;
  border:0!important;
  border-top:1px solid rgba(17,23,42,.08)!important;
  border-bottom:1px solid rgba(17,23,42,.08)!important;
}
body.is-profile-tab .social-post-metrics label,
body.is-profile-tab .social-post-feed-choices label{
  display:inline-flex!important;
  align-items:center!important;
  gap:3px!important;
  color:#53617a!important;
  font-size:13px!important;
  line-height:1.1!important;
  white-space:nowrap!important;
}
body.is-profile-tab .social-post-metrics input,
body.is-profile-tab .social-post-feed-choices input{
  flex:0 0 17px!important;
  min-width:17px!important;
  min-height:17px!important;
  width:17px!important;
  height:17px!important;
  padding:0!important;
  margin:0!important;
  accent-color:#6758f5!important;
}
body.is-profile-tab .social-post-feed-settings{
  display:grid!important;
  grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
  align-items:center!important;
  gap:8px!important;
}
body.is-profile-tab .social-post-feed-choices{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:2px!important;
}
body.is-profile-tab .social-post-shared-limit{
  display:grid!important;
  grid-template-columns:1fr!important;
  gap:3px!important;
  color:#65728a!important;
  font-size:8px!important;
  text-align:center!important;
  justify-self:start!important;
  width:82px!important;
}
body.is-profile-tab .youtube-integration-status{
  min-height:12px!important;
  margin:0!important;
  color:#8792a7!important;
  font-size:8px!important;
  line-height:1.4!important;
}
body.is-profile-tab .social-post-row-actions{
  position:absolute!important;
  top:auto!important;
  right:14px!important;
  bottom:13px!important;
  display:grid!important;
  place-items:center!important;
  transform:none!important;
}
body.is-profile-tab .social-post-row-actions button{
  min-height:30px!important;
  padding:0 9px!important;
  border:1px solid rgba(17,23,42,.13)!important;
  border-radius:6px!important;
  background:#fff!important;
  color:#657089!important;
  font-size:12px!important;
}
body.is-profile-tab .social-post-add-button,
body.is-profile-tab .social-post-add-button:disabled{
  opacity:1!important;
  cursor:pointer!important;
}
.link-drag-ghost.social-post-integration-card{
  position:fixed!important;
  z-index:9999!important;
  box-sizing:border-box!important;
  pointer-events:none!important;
  opacity:.94!important;
  transform:rotate(.4deg) scale(1.015)!important;
  box-shadow:0 24px 60px rgba(17,23,42,.24)!important;
}

.profile-verification-tooltip{
  box-sizing:border-box!important;
  width:min(270px,calc(100vw - 24px))!important;
  max-width:calc(100vw - 24px)!important;
  transform:translate(calc(-50% + var(--verification-tooltip-shift-x,0px)),-5px)!important;
}
.profile-verification-tooltip:before{
  left:calc(50% - var(--verification-tooltip-shift-x,0px))!important;
}
.public-card .profile-verification-tooltip:before{
  left:calc(50% - var(--verification-tooltip-shift-x,0px))!important;
}
.profile-verification-tooltip-head{
  display:flex!important;
  align-items:center!important;
  justify-content:flex-start!important;
  gap:7px!important;
}
.profile-verification-tooltip-head strong{
  display:inline-block!important;
  margin:0!important;
}
.profile-verification-tooltip-head button{
  min-height:22px!important;
  padding:0 7px!important;
  border:0!important;
  border-radius:5px!important;
  background:linear-gradient(135deg,#43b6ff 0%,#735bff 50%,#ff4ab9 100%)!important;
  color:#fff!important;
  font-size:8px!important;
  font-weight:500!important;
  line-height:1!important;
  cursor:pointer!important;
}
.profile-verification-tooltip-copy{
  display:block!important;
  margin-top:4px!important;
}
.profile-verification-tooltip .profile-claim-status{
  display:block!important;
  min-height:0!important;
  margin-top:3px!important;
  font-size:8px!important;
}
.profile-verification:hover .profile-verification-tooltip,
.profile-verification:focus .profile-verification-tooltip,
.profile-verification.is-open .profile-verification-tooltip,
.public-card .profile-verification:hover .profile-verification-tooltip,
.public-card .profile-verification:focus .profile-verification-tooltip,
.public-card .profile-verification.is-open .profile-verification-tooltip{
  pointer-events:auto!important;
  transform:translate(calc(-50% + var(--verification-tooltip-shift-x,0px)),0)!important;
}

.public-profile-content{
  display:grid;
  gap:10px;
  width:100%;
  min-width:0;
  max-width:100%;
  margin-top:18px;
}
.public-profile-content>.custom-link-list{
  margin-top:0;
}
.public-youtube-content{
  display:grid;
  gap:10px;
  min-width:0;
  max-width:100%;
}
.public-tiktok-content{
  display:grid;
  gap:10px;
}
.public-platform-content{
  display:grid;
  gap:10px;
  width:100%;
  min-width:0;
  max-width:100%;
}
.public-platform-panel-stage{
  position:relative;
  width:100%;
  min-width:0;
}
.public-platform-panel{
  width:100%;
  min-width:0;
  max-width:100%;
}
.public-platform-panel[hidden]{
  position:absolute;
  inset:0;
  display:block!important;
  width:100%;
  visibility:hidden;
  pointer-events:none;
}
.public-platform-tabs button.is-active:after{
  background:#5148df;
}
.public-platform-meta-row{
  display:grid;
  grid-template-columns:minmax(0,1fr) auto;
  align-items:start;
  gap:12px;
  width:100%;
  min-width:0;
  min-height:26px;
  padding-top:7px;
}
.public-platform-meta-row.is-actions-only{
  display:flex;
  justify-content:flex-end;
}
.public-platform-meta-row .youtube-source-note{
  min-width:0;
  margin:0!important;
  line-height:1.5!important;
}
.public-platform-meta-row .youtube-channel-actions{
  align-items:flex-start;
  min-height:0;
  padding-top:0;
}
.public-platform-meta-row .youtube-channel-actions a{
  line-height:1.5;
}
.public-youtube-content>.youtube-channel-section,
.public-youtube-content>.youtube-videos-section,
.public-youtube-content>.youtube-source-note{
  min-width:0;
  max-width:100%;
  margin-top:0!important;
}

.public-profile-shell>.public-card,
.public-profile-page .public-card-large{
  width:100%;
  min-width:0;
  max-width:100%;
}
.public-profile-page .public-bio,
.public-profile-page .custom-link-button,
.public-profile-page .youtube-channel-stats strong{
  overflow-wrap:anywhere;
  word-break:break-word;
}
.public-profile-loading{
  display:grid;
  justify-items:center;
  gap:14px;
  width:100%;
  min-height:340px;
  padding-top:48px;
}
.public-profile-loading-avatar,
.public-profile-loading-line{
  display:block;
  background:linear-gradient(110deg,#f7f9fd 8%,#e9eef7 18%,#f7f9fd 33%);
  background-size:200% 100%;
  animation:public-profile-loading 1.4s linear infinite;
}
.public-profile-loading-avatar{
  width:112px;
  height:112px;
  border-radius:50%;
}
.public-profile-loading-line{
  width:min(300px,72%);
  height:14px;
  border-radius:5px;
}
.public-profile-loading-line.is-name{
  width:min(190px,52%);
  height:24px;
}
@keyframes public-profile-loading{
  to{background-position-x:-200%}
}
@media(prefers-reduced-motion:reduce){
  .public-profile-loading-avatar,
  .public-profile-loading-line{animation:none}
}
.public-tiktok-content>.tiktok-channel-section,
.public-tiktok-content>.tiktok-videos-section,
.public-tiktok-content>.tiktok-creator-embed-section,
.public-tiktok-content>.public-platform-meta-row{
  margin-top:0!important;
}
.public-instagram-content{
  display:grid;
  gap:10px;
  width:96%;
  margin-inline:auto;
}
.public-x-content{
  display:grid;
  gap:10px;
  width:96%;
  margin-inline:auto;
}
.public-instagram-content>.instagram-channel-section,
.public-instagram-content>.youtube-source-note{
  margin-top:0!important;
}
.instagram-average-likes-break{
  display:none;
}
.instagram-profile-embed-section{
  display:grid;
  gap:8px;
  width:100%;
}
.instagram-profile-embed-shell{
  overflow:hidden;
  width:min(100%,540px);
  height:583px;
  margin-inline:auto;
  border:1px solid rgba(17,23,42,.08);
  border-radius:8px;
  background:#fff;
  box-shadow:0 14px 34px rgba(31,39,90,.08);
}
.instagram-profile-embed-shell iframe{
  display:block;
  width:540px;
  height:583px;
  border:0;
  transform-origin:top left;
}
.x-profile-card-section{
  width:100%;
  padding:22px 0;
}
.x-profile-card{
  display:grid;
  gap:24px;
  width:min(100%,550px);
  margin-inline:auto;
  padding:28px;
  border:1px solid rgba(17,23,42,.08);
  border-radius:16px;
  background:#fff;
  box-shadow:0 14px 34px rgba(31,39,90,.08);
}
.x-profile-card-brand{
  display:flex;
  align-items:center;
  gap:9px;
  color:#272b38;
  font-size:14px;
  font-weight:700;
}
.x-profile-card-brand img{
  width:21px;
  height:21px;
  object-fit:contain;
}
.x-profile-card-identity{
  display:flex;
  align-items:center;
  gap:16px;
  min-width:0;
}
.x-profile-card-identity>img{
  flex:0 0 auto;
  width:82px;
  height:82px;
  border:1px solid rgba(17,23,42,.08);
  border-radius:50%;
  object-fit:cover;
}
.x-profile-card-identity>div{
  display:grid;
  gap:4px;
  min-width:0;
}
.x-profile-card-identity strong,
.x-profile-card-identity span{
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
}
.x-profile-card-identity strong{
  color:#171b2a;
  font-size:21px;
  line-height:1.45;
}
.x-profile-card-identity span{
  color:#737b91;
  font-size:14px;
}
.x-profile-card-link{
  display:flex;
  align-items:center;
  justify-content:center;
  min-height:48px;
  border-radius:999px;
  background:#111;
  color:#fff;
  font-size:15px;
  font-weight:700;
  text-decoration:none;
  transition:opacity .2s ease,transform .2s ease;
}
@media(hover:hover){
  .x-profile-card-link:hover{
    opacity:.82;
    transform:translateY(-1px);
  }
}
@media(max-width:600px){
  .x-profile-card-section{
    padding:14px 0;
  }
  .x-profile-card{
    gap:20px;
    padding:22px;
    border-radius:14px;
  }
  .x-profile-card-identity{
    gap:13px;
  }
  .x-profile-card-identity>img{
    width:70px;
    height:70px;
  }
  .x-profile-card-identity strong{
    font-size:18px;
  }
  .x-profile-card-link{
    min-height:46px;
  }
}
.tiktok-creator-embed-section{
  display:grid;
  gap:7px;
  width:100%;
}
.tiktok-creator-embed-section>.public-platform-meta-row{
  width:96%;
  margin-inline:auto;
}
.tiktok-creator-embed-shell{
  overflow:hidden;
  display:grid;
  justify-items:center;
  width:96%;
  min-height:472px;
  margin:0 auto;
}
.tiktok-creator-embed-shell:not(.is-ready){
  border:1px solid rgba(17,23,42,.08);
  border-radius:7px;
  background:linear-gradient(110deg,#f8faff 8%,#eef2f8 18%,#f8faff 33%);
  background-size:200% 100%;
  animation:tiktok-embed-loading 1.5s linear infinite;
}
.tiktok-creator-embed-shell:not(.is-ready) .tiktok-embed{
  visibility:hidden;
}
.tiktok-creator-embed-shell .tiktok-embed{
  width:100%!important;
  max-width:100%!important;
  margin:0 auto!important;
}
.tiktok-creator-embed-shell.is-unavailable{
  animation:none;
}
@keyframes tiktok-embed-loading{
  to{background-position-x:-200%}
}
@media(prefers-reduced-motion:reduce){
  .tiktok-creator-embed-shell:not(.is-ready){animation:none}
}

@media(min-width:921px){
  .public-profile-page .public-tiktok-content{
    width:96%;
    margin-inline:auto;
  }
  .public-profile-page .tiktok-video-grid{
    grid-template-columns:repeat(3,minmax(0,1fr));
    gap:14px 10px;
    width:96%;
    margin-inline:auto;
  }
}

@media(max-width:620px){
  .public-instagram-content{
    width:100%;
  }
  .public-x-content{
    width:100%;
  }
  .instagram-average-likes-break{
    display:block;
  }
  .instagram-channel-section .youtube-channel-stats>div:nth-child(2)>small,
  .instagram-channel-section .youtube-channel-stats>div:nth-child(2)>strong{
    transform:translateY(-12.6px);
  }
}

@media(max-width:920px){
  body.is-profile-tab .share-profile-button,
  body.is-profile-tab .preview-profile-button,
  body.is-profile-tab .publish-toggle{
    border-radius:16px!important;
  }
  body.is-profile-tab .social-post-integration-card{
    padding:11px 48px 11px 11px!important;
  }
  body.is-profile-tab .social-post-drag-grip{
    top:9px!important;
    right:12px!important;
  }
  body.is-profile-tab .social-post-integration-primary{
    grid-template-columns:minmax(0,1fr) auto!important;
    gap:6px!important;
  }
  body.is-profile-tab .social-post-service{
    grid-template-columns:auto minmax(72px,1fr)!important;
    gap:5px!important;
  }
  body.is-profile-tab .youtube-connection-control button,
  body.is-profile-tab .youtube-connected-label{
    min-height:28px!important;
    padding:0 7px!important;
    font-size:8px!important;
  }
  body.is-profile-tab .social-post-metrics{
    grid-template-columns:1fr!important;
    gap:1px!important;
    padding:4px 0!important;
  }
  body.is-profile-tab .social-post-feed-choices{
    gap:1px!important;
  }
  body.is-profile-tab .social-post-feed-settings{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;
    gap:6px!important;
  }
  body.is-profile-tab .social-post-shared-limit{
    width:74px!important;
  }
  body.is-profile-tab .social-post-row-actions{
    right:-37px!important;
    top:28px!important;
    bottom:auto!important;
  }
  body.is-profile-tab .social-post-row-actions button{
    min-height:28px!important;
    padding:0 7px!important;
    font-size:10px!important;
  }
  .profile-verification-tooltip{
    width:min(260px,calc(100vw - 20px))!important;
    max-width:calc(100vw - 20px)!important;
  }
}

/* 2026-07-25: temporarily hide Favorites and keep My Page on a two-tab layout. */
.dashboard-side .dash-tab[data-tab="favorites"][hidden],
#favoritesTab[hidden]{
  display:none!important;
}
.settings-logout-row{
  margin-top:4px;
}
.settings-logout-button{
  justify-self:start;
  min-width:148px;
  min-height:44px;
  padding:0 22px;
  border:1px solid rgba(207,67,87,.28);
  border-radius:12px;
  background:#fff;
  color:#c73f52;
  font:inherit;
  font-size:15px;
  font-weight:700;
  cursor:pointer;
}
.logout-confirm-card{
  display:grid;
  gap:24px;
  width:min(420px,calc(100vw - 32px));
  padding:30px;
  text-align:center;
}
.logout-confirm-card p{
  margin:0;
  color:#171d2d;
  font-size:18px;
  font-weight:700;
  line-height:1.7;
}
.logout-confirm-actions{
  display:grid;
  grid-template-columns:repeat(2,minmax(0,1fr));
  gap:12px;
}
.logout-confirm-actions button{
  min-height:46px;
  border-radius:12px;
  font-size:14px;
  font-weight:700;
  cursor:pointer;
}
.logout-confirm-button{
  border:1px solid #cc4054;
  background:#cc4054;
  color:#fff;
}
.logout-cancel-button{
  border:1px solid rgba(17,23,42,.18);
  background:#fff;
  color:#252b3b;
}
@media(max-width:920px){
  body.is-dashboard-view .dashboard-side .dash-tab,
  body.is-dashboard-view .dashboard-side .dash-tab:not(.is-active),
  body.is-dashboard-view .dashboard-side .dash-tab.is-active,
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-tab,
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-tab:not(.is-active),
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-tab.is-active{
    flex-basis:50vw!important;
    width:50vw!important;
  }
  body.is-dashboard-view .dashboard-side .dash-tab[data-tab="profile"],
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-tab[data-tab="profile"]{
    left:0!important;
  }
  body.is-dashboard-view .dashboard-side .dash-tab[data-tab="settings"],
  body.is-dashboard-view .dashboard-side:not(.is-open):not(.is-closing) .dash-tab[data-tab="settings"]{
    left:50vw!important;
  }
  .settings-logout-button{
    width:100%;
  }
  .logout-confirm-card{
    gap:20px;
    padding:24px 20px;
  }
}

/* 2026-07-26: final header override keeps the directory CTA visible on PC and SP. */
.site-header .nav .nav-profile-search {
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  min-height:34px;
  padding:0 13px;
  border:0;
  border-radius:7px;
  background:linear-gradient(105deg,#fb147d 0%,#984de8 52%,#258bf3 100%);
  box-shadow:0 6px 15px rgba(72,93,232,.18);
  color:#fff!important;
  font-size:10.5px;
  font-weight:500!important;
  text-decoration:none;
  white-space:nowrap;
}
@media(min-width:981px) and (hover:hover) and (pointer:fine){
  .site-header .nav .nav-profile-search::after{display:none!important}
  .site-header .nav .nav-profile-search:hover,
  .site-header .nav .nav-profile-search:focus-visible{
    color:#fff!important;
    filter:brightness(1.05);
  }
}
@media(max-width:980px){
  .site-header .header-inner{
    grid-template-columns:auto minmax(0,1fr);
    height:50px!important;
  }
  .site-header .nav{
    display:flex!important;
    justify-content:flex-end;
  }
  .site-header .nav>.nav-profile-search{
    display:inline-flex!important;
    min-height:32px;
    padding:0 11px;
    border-radius:6px;
    font-size:9px;
  }
}