/* zaso.cc / V2: seven editorial creator profiles, one shared responsive renderer. */
@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,400;0,500;0,600;1,400;1,500&display=swap');
:root{color-scheme:dark}
.profile-stage{--stage:#0d0b13;--decor:radial-gradient(circle at 50% 5%,#41304955,transparent 44%);--ink:#f6f2f9;--sub:#a59bac;--accent:#cbb0e9;--card:#17141d;--edge:#ffffff20;--link:#211d28;--linkborder:#ffffff18;--halo:#cbb0e92b;--shadow:0 24px 85px #0008;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif;min-height:100vh;position:relative;isolation:isolate;overflow:hidden;padding:68px 22px 72px;color:var(--ink);background:var(--stage);font:14px/1.65 var(--sans);display:flex;justify-content:center;align-items:flex-start}
.profile-stage::before{content:'';position:fixed;inset:0;z-index:-1;background:var(--decor);pointer-events:none}
.profile-stage::after{content:'';position:fixed;inset:0;z-index:-1;opacity:.23;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 240 240' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.8' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath filter='url(%23n)' opacity='.21' d='M0 0h240v240H0z'/%3E%3C/svg%3E")}
.profile-stage .creator{position:relative;z-index:4;width:min(100%,650px);margin:0 auto;text-align:center;border:0;background:transparent;box-shadow:none;padding:0;border-radius:0;backdrop-filter:none;min-width:0}
.z-profile-inner{width:100%;max-width:560px;margin:auto}
.z-profile-hero{position:relative;padding:26px 0 29px}
.z-profile-sigil{position:absolute;right:16%;top:3px;font-size:26px;color:var(--accent);opacity:.58;transform:rotate(12deg)}
.z-avatar-shell{width:110px;height:110px;margin:0 auto 28px;position:relative;display:grid;place-items:center;border-radius:50%;box-shadow:0 0 0 7px var(--halo),0 10px 55px #0007;background:var(--link);border:2px solid var(--accent)}
.profile-stage .creator-avatar,.profile-stage .creator-initial{width:100%;height:100%;border-radius:50%;display:block;margin:0;object-fit:cover;border:4px solid var(--stage);box-shadow:none}
.profile-stage .creator-initial{display:grid;place-items:center;background:radial-gradient(circle at 70% 20%,var(--halo),transparent 85%),#221b28;color:var(--accent);font:italic 65px/1 var(--serif)}
.z-avatar-star{position:absolute;right:-10px;bottom:-5px;display:grid;place-items:center;font-size:15px;width:29px;height:29px;border-radius:50%;background:var(--card);color:var(--accent);border:1px solid var(--accent);box-shadow:0 6px 22px #0006}
.z-eyebrow{font-size:10px;font-weight:800;letter-spacing:3.1px;color:var(--sub);text-transform:uppercase;margin-bottom:8px;line-height:1.8}
.profile-stage .creator h1.z-display-name{font:italic 500 clamp(58px,11vw,90px)/1.15 var(--serif);letter-spacing:-.07em;color:var(--ink);margin:0 0 0;overflow-wrap:anywhere;text-shadow:0 4px 38px var(--halo)}
.z-handle{font:600 12px var(--sans);letter-spacing:1.3px;color:var(--accent);margin:5px 0 18px}
.profile-stage .creator-bio{color:var(--sub);font-size:13px;line-height:1.7;letter-spacing:.15px;margin:0 auto;max-width:420px;white-space:pre-wrap}
.z-primary-links,.z-extra-links,.z-wallet{margin-top:30px;text-align:left}
.z-section-label{display:flex;align-items:center;justify-content:space-between;gap:16px;min-width:0;margin:0 1px 12px;font-size:9px;letter-spacing:1.8px;font-weight:800;color:var(--sub)}
.z-section-label span:last-child{letter-spacing:1.3px;opacity:.73;text-align:right}
.profile-stage .creator-links{display:grid;gap:10px;margin:0}
.profile-stage .z-link-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.profile-stage .creator-links a.z-social-card{display:flex;align-items:center;gap:13px;min-width:0;color:var(--ink);background:var(--link);border:1px solid var(--linkborder);border-radius:16px;padding:15px 16px;min-height:75px;text-decoration:none;text-align:left;transition:transform .24s ease,border-color .24s ease,background .24s ease,box-shadow .24s ease;box-shadow:0 6px 23px #00000020}
.profile-stage .z-featured-links a.z-social-card{min-height:86px;padding:16px 20px}
.profile-stage .creator-links a.z-social-card:hover{transform:translateY(-3px);background:var(--linkhover,var(--link));border-color:var(--accent);box-shadow:0 13px 36px #0004}
.z-social-icon{width:39px;height:39px;border:1px solid var(--edge);border-radius:12px;background:var(--halo);display:grid;place-items:center;flex:none}
.z-social-icon .social-icon{background:transparent;width:27px;height:27px;font-size:10px;color:var(--accent)}
.z-social-icon .social-icon img{width:19px;height:19px}
.z-social-icon .zaso-link-gif{height:26px;width:26px;object-fit:cover;border-radius:8px}
.z-social-copy{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}
.z-social-title{font-size:13px;font-weight:750;line-height:1.3;color:var(--ink);overflow-wrap:anywhere}
.z-social-subtitle{font-size:11px;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.z-arrow{font-size:19px;line-height:1;font-weight:400;opacity:.68;flex:none;margin-left:auto}
.z-adult-tag{font-size:9px;font-weight:800;border:1px solid var(--edge);border-radius:5px;padding:1px 5px;color:var(--sub)}
.z-wallet{margin-top:34px}
.z-wallet-box{border:1px solid var(--edge);border-radius:20px;background:var(--card);padding:21px 22px 18px;text-align:left;box-shadow:var(--shadow);backdrop-filter:blur(15px)}
.z-wallet-header{display:flex;align-items:center;gap:12px;margin-bottom:23px;min-width:0}
.z-wallet-logo{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;border:1px solid var(--edge);background:var(--halo);color:var(--accent);font-size:31px;font-weight:800;line-height:1}
.z-wallet-name{display:flex;flex-direction:column;gap:2px;min-width:0}
.z-wallet-name strong{font-size:13px;line-height:1.3;color:var(--ink)}
.z-wallet-name small{font-size:10px;color:var(--sub);line-height:1.4}
.z-refresh,.z-copy{font:600 11px var(--sans);border:1px solid var(--edge);color:var(--sub);background:transparent;border-radius:10px;padding:9px 11px;cursor:pointer;transition:color .2s,border-color .2s}
.z-refresh{margin-left:auto;white-space:nowrap}
.z-refresh:hover,.z-copy:hover{color:var(--ink);border-color:var(--accent)}
.z-refresh:disabled,.z-copy:disabled{opacity:.5;cursor:default}
.z-wallet-caption{display:block;font-size:10px;font-weight:800;letter-spacing:1.8px;color:var(--sub)}
.z-wallet-usd{font:600 clamp(32px,6vw,42px)/1.2 var(--serif);letter-spacing:-1.5px;margin:9px 0 0;color:var(--ink);overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.z-wallet-detail{font-size:11px;color:var(--accent);margin:5px 0 24px;word-break:break-word}
.z-address-row{display:flex;justify-content:space-between;align-items:center;gap:12px;border:1px solid var(--edge);border-radius:10px;background:#05050a32;padding:10px 11px;min-width:0}
.z-address{font:500 11px/1.5 ui-monospace,SFMono-Regular,Consolas,monospace;color:var(--sub);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.z-copy{padding:6px 9px;flex:none}
.z-wallet-foot{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:14px;font-size:10px;color:var(--sub)}
.z-wallet-foot small{font-size:10px;min-width:0}
.z-wallet-explorer{color:var(--accent);font-size:10px;text-decoration:none;white-space:nowrap;font-weight:700}
.z-wallet-explorer:hover{text-decoration:underline}
.creator-ad{font-size:11px;color:var(--sub);border-top:1px solid var(--edge);padding:20px 8px;margin-top:32px;text-align:center}
.creator-brand{font-size:10px;letter-spacing:1.5px;color:var(--sub);opacity:.7;text-align:center;margin:28px 0 4px;text-transform:lowercase}
.profile-stage[data-template="afterhours"]{--stage:#101017;--decor:radial-gradient(ellipse at 20% 10%,#39294770,transparent 45%),radial-gradient(ellipse at 80% 100%,#25192d95,transparent 52%),linear-gradient(145deg,#121119,#0d0d13);--ink:#f8f1fd;--sub:#a8a1b7;--accent:#d7bbee;--card:#1b1824de;--edge:#9e8aab33;--link:#1d1a26e6;--linkborder:#86768d40;--halo:#b689f92a;--shadow:0 25px 85px #09081180}
.profile-stage[data-template="velvet"]{--stage:#150c16;--decor:radial-gradient(ellipse at 50% 0%,#74314e80,transparent 48%),radial-gradient(ellipse at 90% 86%,#39182688,transparent 50%),linear-gradient(110deg,#140b14,#21131d 70%,#110911);--ink:#fff0f6;--sub:#d0aab9;--accent:#ffb2d2;--card:#341d2bcc;--edge:#ffc2dc30;--link:#321e2cd9;--linkborder:#e8a8c83c;--halo:#ef91bd33;--shadow:0 25px 85px #17020c90}
.profile-stage[data-template="noir"]{--stage:#08090b;--decor:radial-gradient(ellipse at 50% 0%,#484d5878,transparent 47%),linear-gradient(130deg,#0d0f12,#08090b 60%,#191b20);--ink:#f4f4f5;--sub:#a2a4ad;--accent:#ebedf4;--card:#16171bdc;--edge:#e2e5f032;--link:#18191dde;--linkborder:#d5d7df25;--halo:#c9d1ef1f;--shadow:0 25px 85px #000c}
.profile-stage[data-template="eclipse"]{--stage:#0b0920;--decor:radial-gradient(ellipse at 20% 13%,#702bdb85,transparent 46%),radial-gradient(ellipse at 91% 84%,#2822a992,transparent 50%),linear-gradient(120deg,#110a2c,#06071a);--ink:#fbf8ff;--sub:#afa6d0;--accent:#bca6ff;--card:#1c1744c9;--edge:#b2a5fe38;--link:#211b4ad9;--linkborder:#a49ee343;--halo:#ab8cf544;--shadow:0 25px 85px #06021b9c}
.profile-stage[data-template="jade"]{--stage:#061410;--decor:radial-gradient(ellipse at 50% 0%,#157b5b8e,transparent 44%),radial-gradient(ellipse at 12% 80%,#14453d66,transparent 50%),linear-gradient(145deg,#081a14,#08100e);--ink:#eefaf5;--sub:#9dbbb1;--accent:#8cddbb;--card:#11271ee3;--edge:#8ee7b32c;--link:#142a22e6;--linkborder:#8edfba32;--halo:#68dcb332;--shadow:0 25px 85px #031008aa}
.profile-stage[data-template="champagne"]{--stage:#eee8df;--decor:radial-gradient(ellipse at 50% 8%,#faeed880,transparent 48%),linear-gradient(120deg,#f5f1e9,#e7dccb);--ink:#2f2828;--sub:#806e65;--accent:#9c765c;--card:#fffaf4e0;--edge:#9d7b633a;--link:#fffbf5e5;--linkborder:#a48a7050;--halo:#c6a78d35;--shadow:0 25px 70px #6b523d21;--serif:'Playfair Display',Georgia,serif;--sans:'DM Sans',system-ui,sans-serif;color-scheme:light}
.profile-stage[data-template="champagne"] .creator-initial{background:#dfd0b9;color:#6d4f3b}
.profile-stage[data-template="champagne"] .z-address-row{background:#ece1d663}
.profile-stage[data-template="ember"]{--stage:#180f15;--decor:radial-gradient(ellipse at 10% 4%,#ae5b4485,transparent 47%),radial-gradient(ellipse at 90% 88%,#773a5a76,transparent 53%),linear-gradient(125deg,#23151b,#120c11);--ink:#ffede1;--sub:#c5a8a1;--accent:#ffc09c;--card:#30202acb;--edge:#fbb79e35;--link:#36242bdb;--linkborder:#f3b79938;--halo:#e79a7338;--shadow:0 25px 85px #170911aa}
/* Dashboard gallery: miniature versions of the live profile style. */
.template-section{margin-top:24px}
.template-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:14px;margin:18px 0 8px}
.template-choice{font-family:var(--sans);text-align:left;background:#111019;border:1px solid #ffffff28;color:#f5f0fa;padding:7px;border-radius:18px;cursor:pointer;position:relative;min-width:0;transition:transform .22s,border-color .22s,box-shadow .22s}
.template-choice:hover{transform:translateY(-4px);border-color:#c7adee77}
.template-choice[aria-pressed="true"]{border-color:#d6b7fa;box-shadow:0 0 0 3px #c7adee2b,0 10px 30px #0005}
.template-choice strong{display:block;margin:10px 8px 0;font-size:14px}
.template-choice small{display:block;margin:2px 8px 10px;color:#aaa4b6;font-size:11px;line-height:1.4}
.template-choice .selected-mark{display:none;position:absolute;right:13px;top:13px;background:#dbc5f3;color:#1a0e20;padding:3px 7px;border-radius:11px;font-size:10px;font-weight:800;z-index:2}
.template-choice[aria-pressed="true"] .selected-mark{display:block}
.template-mini{height:208px;border-radius:12px;background:var(--mini-bg);position:relative;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:19px 12px 13px;gap:8px;border:1px solid var(--mini-edge);isolation:isolate}
.template-mini:before{content:'';position:absolute;inset:0;background:var(--mini-glow);z-index:-1}
.mini-stars{position:absolute;top:12px;right:16px;color:var(--mini-accent);opacity:.7;font-size:15px}
.template-mini .mini-avatar{height:47px;width:47px;display:grid;place-items:center;border-radius:50%;color:var(--mini-accent);border:2px solid var(--mini-accent);box-shadow:0 0 0 4px var(--mini-halo);font:italic 28px Georgia,serif;background:#0b0a1090;flex:none}
.template-mini .mini-eyebrow{height:3px;width:60%;border-radius:2px;background:var(--mini-text);opacity:.5;margin-top:4px}
.template-mini .mini-name{font:italic 29px/1 Georgia,serif;letter-spacing:-2px;color:var(--mini-text);margin:0}
.template-mini .mini-bio{height:4px;width:67%;border-radius:6px;background:var(--mini-text);opacity:.4}
.template-mini .mini-link{height:22px;width:100%;border-radius:7px;background:var(--mini-link);border:1px solid var(--mini-edge);display:flex;align-items:center;gap:7px;padding:5px 7px}
.template-mini .mini-link:before{content:'';width:11px;height:11px;flex:none;background:var(--mini-accent);opacity:.8;border-radius:4px}
.template-mini .mini-link:after{content:'';width:53%;height:3px;border-radius:3px;background:var(--mini-text);opacity:.57}
.template-mini .mini-wallet{width:100%;height:36px;border-radius:7px;background:var(--mini-link);border:1px solid var(--mini-edge);display:flex;flex-direction:column;gap:5px;padding:6px 9px;margin-top:0}
.template-mini .mini-wallet:before{content:'MY WALLET · USD';font-size:6px;letter-spacing:1px;color:var(--mini-text);opacity:.7;line-height:1}
.template-mini .mini-wallet:after{content:'$ 12,480.00';font:italic 14px/1 Georgia,serif;color:var(--mini-text)}
.template-mini[data-template="afterhours"]{--mini-bg:#0d0e15;--mini-glow:radial-gradient(at 23% 9%,#4a385a,transparent 68%);--mini-accent:#d7bbee;--mini-text:#f9f0ff;--mini-link:#241f2b;--mini-halo:#dbbaff2c;--mini-edge:#c4acdd26}
.template-mini[data-template="velvet"]{--mini-bg:#1e1019;--mini-glow:radial-gradient(at 36% 5%,#9e45784d,transparent 71%);--mini-accent:#ffb2d2;--mini-text:#ffe5ed;--mini-link:#3b2633;--mini-halo:#ffb2d23a;--mini-edge:#ffc2dc2e}
.template-mini[data-template="noir"]{--mini-bg:#08090d;--mini-glow:radial-gradient(at 50% 4%,#686e7854,transparent 73%);--mini-accent:#f1f1f6;--mini-text:#f8f8fc;--mini-link:#1f2227;--mini-halo:#fff2;--mini-edge:#ffffff31}
.template-mini[data-template="eclipse"]{--mini-bg:#120b2a;--mini-glow:radial-gradient(at 15% 2%,#713de68a,transparent 64%);--mini-accent:#bca6ff;--mini-text:#f4efff;--mini-link:#35285b;--mini-halo:#8d68ea55;--mini-edge:#c5a6ff3a}
.template-mini[data-template="jade"]{--mini-bg:#071b13;--mini-glow:radial-gradient(at 50% 0%,#1b9e6d6f,transparent 65%);--mini-accent:#92f1c8;--mini-text:#e6fff1;--mini-link:#183c2e;--mini-halo:#7cf3b636;--mini-edge:#92f1c82f}
.template-mini[data-template="champagne"]{--mini-bg:#eee5d9;--mini-glow:radial-gradient(at 50% 0%,#ffffff,transparent 75%);--mini-accent:#987254;--mini-text:#45362b;--mini-link:#fffaf4;--mini-halo:#9872542b;--mini-edge:#a78c6d57}
.template-mini[data-template="champagne"] .mini-avatar{background:#e3cfbb}
.template-mini[data-template="ember"]{--mini-bg:#25131c;--mini-glow:radial-gradient(at 20% 5%,#c86d5370,transparent 63%);--mini-accent:#ffc49b;--mini-text:#ffeadb;--mini-link:#482c36;--mini-halo:#ef9c6c44;--mini-edge:#ffba943b}
@media(max-width:620px){.profile-stage{padding:42px 17px 55px}.z-profile-hero{padding-top:7px}.z-avatar-shell{width:94px;height:94px;margin-bottom:24px}.profile-stage .creator h1.z-display-name{font-size:clamp(48px,12vw,73px)}.profile-stage .creator-links a.z-social-card{padding:13px;min-height:70px;gap:10px}.z-social-icon{width:35px;height:35px}.z-social-title{font-size:12px}.z-wallet-box{padding:18px}.z-wallet-foot{align-items:flex-start;flex-wrap:wrap}.z-eyebrow{font-size:9px;letter-spacing:2.1px}.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-mini{height:192px;padding:14px 9px 10px}.template-mini .mini-avatar{width:40px;height:40px}.template-mini .mini-name{font-size:26px}}
@media(max-width:390px){.profile-stage .z-link-grid{grid-template-columns:1fr}.z-wallet-header{gap:9px}.z-refresh{font-size:10px;padding:7px}.template-choice strong{font-size:12px}.template-choice small{font-size:10px}}
@media(prefers-reduced-motion:reduce){.profile-stage .creator-links a.z-social-card,.template-choice{transition:none!important}}


/* zaso.cc mobile profile breathing room: all seven templates + their previews. */
@media (max-width: 620px) {
  .profile-stage { padding-left: 27px; padding-right: 27px; }
  .profile-stage .creator, .z-profile-inner { min-width: 0; max-width: 100%; }
  .z-primary-links, .z-extra-links, .z-wallet { margin-top: 36px; }
  .z-section-label { padding: 0 4px; margin: 0 0 15px; gap: 10px; }
  .profile-stage .creator-links { gap: 12px; }
  .profile-stage .z-link-grid { gap: 12px; }
  .profile-stage .creator-links a.z-social-card { padding: 16px 14px; min-height: 81px; gap: 10px; border-radius: 17px; }
  .profile-stage .z-featured-links a.z-social-card { padding: 16px 18px; min-height: 87px; }
  .z-social-icon { width: 35px; height: 35px; }
  .z-social-copy { min-width: 0; }
  .z-arrow { margin-left: 3px; }
  .z-wallet-box { padding: 20px; }
  .z-wallet-header { flex-wrap: wrap; gap: 12px; }
  .z-wallet-name { flex: 1 1 120px; }
  .z-refresh { margin-left: auto; }
  .z-address { min-width: 0; }
}
@media (max-width: 390px) {
  .profile-stage { padding-left: 24px; padding-right: 24px; }
  .profile-stage .z-link-grid { grid-template-columns: 1fr; }
  .z-wallet-box { padding: 18px; }
}


/* Mobile profile: completely remove the dark outer frame/glow around the
   creator container. Keep only the individual social cards and wallet panel. */
@media screen and (max-width: 620px) {
  .profile-stage {
    box-sizing: border-box;
    width: 100%;
    min-height: 100svh;
    margin: 0 !important;
    padding-inline: 22px;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
  }
  .profile-stage .creator,
  .zaso-creator-glow .creator,
  .profile-stage.zaso-creator-glow .creator {
    width: 100%;
    max-width: 100%;
    margin: 0 auto;
    padding: 0 !important;
    border: 0 !important;
    outline: 0 !important;
    border-radius: 0 !important;
    box-shadow: none !important;
    background: transparent !important;
    backdrop-filter: none !important;
    -webkit-backdrop-filter: none !important;
  }
  .profile-stage .z-profile-inner { width: 100%; max-width: 100%; }
  .profile-stage .z-section-label { padding-inline: 0; }
}
@media screen and (max-width: 390px) {
  .profile-stage { padding-inline: 20px; }
}


/* zaso.cc avatar aspect-ratio hotfix: portrait/landscape uploads stay circular.
   The fixed-size shell must not let the image's intrinsic dimensions grow its grid track. */
.profile-stage .z-avatar-shell {
  display: block;
  position: relative;
  width: 110px;
  height: 110px;
  aspect-ratio: 1 / 1;
  min-width: 0;
  min-height: 0;
  flex: 0 0 auto;
  border-radius: 50%;
}
.profile-stage .z-avatar-shell > img.creator-avatar,
.profile-stage .z-avatar-shell > .creator-initial {
  display: block;
  position: absolute;
  inset: 0;
  box-sizing: border-box;
  width: 100% !important;
  height: 100% !important;
  max-width: 100%;
  max-height: 100%;
  aspect-ratio: 1 / 1;
  border-radius: 50% !important;
  object-fit: cover;
  object-position: center;
}
.profile-stage .z-avatar-shell > .creator-initial {
  display: grid;
  place-items: center;
}
@media (max-width: 620px) {
  .profile-stage .z-avatar-shell {
    width: 94px;
    height: 94px;
  }
}

/* Zaso v1.4 custom linked-image and featured-card styles */
.profile-stage .creator-links a.z-social-card.z-primary-card {border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),0 12px 36px #0004;}
.profile-stage .z-social-card .zaso-link-gif{width:36px;height:36px;object-fit:cover;border-radius:9px;}