:root{color-scheme:dark;--accent:#c5a46d;--bg:#0b1b17;--panel:#132923;--muted:#a6b3aa;--text:#f7f4ed}*{box-sizing:border-box}html{min-height:100%;background:var(--bg)}body{margin:0;min-height:100vh;color:var(--text);font-family:"DM Sans",sans-serif;background:radial-gradient(ellipse at 50% 0%,#1b382e 0%,#10251f 40%,#0b1b17 78%);overflow-x:hidden}.ambient{position:fixed;pointer-events:none;border-radius:50%;filter:blur(90px);opacity:.15}.ambient-one{width:320px;height:320px;background:#b18a4f;top:10%;left:-180px}.ambient-two{width:360px;height:360px;background:#47715e;right:-220px;bottom:5%}.page-shell{position:relative;width:min(100% - 40px,520px);margin:0 auto;padding:34px 0 28px}.topline{display:flex;align-items:center;gap:12px;color:#9da99f}.brand-mark{font-family:"Playfair Display",serif;font-size:25px;color:var(--text);letter-spacing:-3px}.brand-mark span{color:var(--accent)}.topline-label,.eyebrow,footer{font-size:9px;letter-spacing:2.1px;font-weight:700}.topline-rule{height:1px;flex:1;background:linear-gradient(90deg,#b99a6b55,transparent)}.profile{text-align:center;padding:48px 18px 30px}.avatar-wrap{position:relative;width:112px;height:112px;margin:0 auto 26px}.avatar{width:100%;height:100%;object-fit:cover;border-radius:50%;border:3px solid #c5a46d88;box-shadow:0 0 0 7px #c5a46d12,0 16px 42px #0005}.avatar-ring{position:absolute;inset:-8px;border:1px solid #c5a46d44;border-radius:50%}.eyebrow{color:var(--accent);margin:0 0 13px}.profile h1{font-family:"Playfair Display",serif;font-size:clamp(36px,8vw,48px);font-weight:600;letter-spacing:-1.1px;line-height:1.08;margin:0}.headline{font-size:15px;color:#e4dfd3;margin:14px 0 0}.bio{max-width:390px;margin:12px auto 0;color:var(--muted);font-size:13px;line-height:1.8}.location{font-size:11px;color:#b4bdb5;margin:15px 0 0}.location span{color:var(--accent);font-size:16px}.links{display:grid;gap:11px}.link-card{display:flex;align-items:center;gap:15px;min-height:76px;padding:13px 17px;text-decoration:none;color:var(--text);border:1px solid #ffffff16;border-radius:13px;background:linear-gradient(110deg,#ffffff0c,#ffffff04);box-shadow:0 8px 22px #00000012;backdrop-filter:blur(8px);transition:transform .22s,border-color .22s,background .22s;animation:rise .55s both;animation-delay:var(--delay)}.link-card:hover{transform:translateY(-3px);border-color:#c5a46d88;background:linear-gradient(110deg,#c5a46d19,#ffffff08)}.link-icon{width:43px;height:43px;flex:0 0 43px;display:grid;place-items:center;border-radius:11px;background:#c5a46d19;border:1px solid #c5a46d35;color:var(--accent);font-family:"Playfair Display",serif;font-size:18px}.link-copy{display:grid;gap:4px;min-width:0}.link-copy strong{font-size:14px;font-weight:600}.link-copy small{font-size:11px;color:var(--muted)}.link-arrow{margin-left:auto;color:var(--accent);font-size:20px;transition:transform .2s}.link-card:hover .link-arrow{transform:translate(3px,-3px)}.empty-links{text-align:center;color:var(--muted);font-size:13px;padding:20px}.socials{display:flex;justify-content:center;gap:12px;margin:27px 0 12px}.socials a{display:grid;place-items:center;width:36px;height:36px;border-radius:50%;border:1px solid #ffffff22;color:#d6d4ca;text-decoration:none;font-size:11px;transition:.2s}.socials a:hover{border-color:var(--accent);color:var(--accent)}footer{display:flex;justify-content:center;align-items:center;gap:9px;margin-top:38px;color:#78877d;font-size:8px;letter-spacing:1.3px;text-align:center}.footer-dot{width:3px;height:3px;border-radius:50%;background:var(--accent)}.footer-credit{color:inherit;text-decoration:none;border-bottom:1px solid #c5a46d66;padding-bottom:2px;transition:color .2s,border-color .2s}.footer-credit:hover{color:var(--accent);border-color:var(--accent)}@keyframes rise{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.theme-midnight{--bg:#090e1d;--panel:#171d30}.theme-light{color-scheme:light;--bg:#f2efe8;--text:#202c27;--muted:#66736b;background:radial-gradient(ellipse at 50% 0%,#fff 0%,#f2efe8 70%)}.theme-light .link-card{color:#202c27;background:#ffffffb8;border-color:#d8d2c5}.theme-light .headline{color:#45554b}.theme-light .socials a{color:#435349;border-color:#bfc8bf}.theme-light footer{color:#7b857d}@media(max-width:420px){.page-shell{width:min(100% - 30px,520px);padding-top:24px}.profile{padding-top:38px}.link-card{min-height:72px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;scroll-behavior:auto!important;transition:none!important}}


/* Profile Design Studio presets */
body{font-family:var(--body-font,"DM Sans"),sans-serif}
.profile h1{font-family:var(--heading-font,"Playfair Display"),serif}
.layout-compact .page-shell{width:min(100% - 40px,460px);padding-top:25px}
.layout-compact .profile{padding:30px 14px 22px}
.layout-compact .avatar-wrap{width:88px;height:88px;margin-bottom:19px}
.layout-compact .profile h1{font-size:clamp(32px,7vw,40px)}
.layout-compact .link-card{min-height:64px;padding:10px 14px}
.layout-editorial .page-shell{width:min(100% - 40px,600px)}
.layout-editorial .profile{padding:55px 24px 38px}
.layout-editorial .profile h1{font-size:clamp(42px,9vw,58px);letter-spacing:-1.8px}
.layout-editorial .bio{max-width:440px;font-size:14px}
.layout-editorial .links{gap:14px}
.layout-editorial .link-card{min-height:84px;padding:16px 19px;border-radius:17px}
.avatar-rounded .avatar,.avatar-rounded .avatar-ring{border-radius:26px}
.avatar-square .avatar,.avatar-square .avatar-ring{border-radius:8px}
.buttons-solid .link-card{background:var(--accent);border-color:var(--accent);color:#142019;box-shadow:0 9px 24px #0002}
.buttons-solid .link-icon{background:#00000012;border-color:#00000020;color:#17251f}
.buttons-solid .link-copy small{color:#25352c}
.buttons-solid .link-arrow{color:#17251f}
.buttons-outline .link-card{background:transparent;border:1px solid var(--accent);box-shadow:none}
.buttons-outline .link-icon{background:transparent;border-color:var(--accent)}
.background-plain{background:var(--bg)}
.background-plain .ambient{display:none}
.background-glow .ambient{opacity:.25;filter:blur(110px)}
.theme-light.buttons-solid .link-card{color:#17251f}
.theme-light.buttons-solid .link-copy small{color:#34463b}
.design-hint{margin:16px 0 0;padding:12px 14px;border-radius:8px;background:#f8f6ef;color:#7c786b;font-size:10px;line-height:1.6}
@media(max-width:420px){.layout-editorial .page-shell{width:min(100% - 30px,600px)}}


/* Expanded, genuinely distinct colour systems for Profile Design Studio */
body.theme-forest{--bg:#081b16;--panel:#102a22;--text:#f4f5ee;--muted:#a9b8ad;--surface:rgba(242,249,243,.075);--surface-border:rgba(214,235,220,.17);--theme-top:#214b39;background:radial-gradient(ellipse at 50% 0%,#214b39 0%,#102a22 43%,#081b16 82%)}
body.theme-midnight{--bg:#070b18;--panel:#111a31;--text:#f1f3ff;--muted:#aab4cc;--surface:rgba(174,190,255,.09);--surface-border:rgba(174,190,255,.22);--theme-top:#26365f;background:radial-gradient(ellipse at 50% 0%,#26365f 0%,#111a31 43%,#070b18 82%)}
body.theme-light{color-scheme:light;--bg:#f3efe5;--panel:#fffdf7;--text:#252c28;--muted:#69766e;--surface:rgba(255,255,255,.86);--surface-border:#ded8ca;--theme-top:#fffdf7;background:radial-gradient(ellipse at 50% 0%,#fffdf7 0%,#f3efe5 75%)}
body.theme-ocean{--bg:#061923;--panel:#0b2b3b;--text:#e9f8ff;--muted:#9fc2d0;--surface:rgba(111,205,232,.09);--surface-border:rgba(111,205,232,.24);--theme-top:#12617a;background:radial-gradient(ellipse at 50% 0%,#12617a 0%,#0b2b3b 44%,#061923 84%)}
body.theme-royal{--bg:#160d22;--panel:#281637;--text:#fbf1ff;--muted:#c2a9ce;--surface:rgba(225,176,255,.09);--surface-border:rgba(225,176,255,.23);--theme-top:#56316f;background:radial-gradient(ellipse at 50% 0%,#56316f 0%,#281637 44%,#160d22 84%)}
body.theme-rose{color-scheme:light;--bg:#f5e9eb;--panel:#fff8f8;--text:#39272e;--muted:#806b73;--surface:rgba(255,255,255,.82);--surface-border:#e7cbd2;--theme-top:#f9dce3;background:radial-gradient(ellipse at 50% 0%,#f9dce3 0%,#f5e9eb 75%)}
body.theme-sunset{--bg:#21110d;--panel:#3a1d16;--text:#fff3e9;--muted:#d0aa96;--surface:rgba(255,190,130,.09);--surface-border:rgba(255,190,130,.23);--theme-top:#8d4326;background:radial-gradient(ellipse at 50% 0%,#8d4326 0%,#3a1d16 43%,#21110d 84%)}
body.theme-slate{--bg:#111820;--panel:#202b36;--text:#f1f4f6;--muted:#aeb9c3;--surface:rgba(211,224,235,.08);--surface-border:rgba(211,224,235,.19);--theme-top:#405365;background:radial-gradient(ellipse at 50% 0%,#405365 0%,#202b36 44%,#111820 84%)}
body[class*="theme-"] .link-card{color:var(--text);background:var(--surface);border-color:var(--surface-border)}
body[class*="theme-"] .link-copy small,body[class*="theme-"] .bio{color:var(--muted)}
body[class*="theme-"] .headline{color:var(--text)}
body[class*="theme-"] .socials a{color:var(--text);border-color:var(--surface-border)}
body[class*="theme-"] .topline{color:var(--muted)}
body[class*="theme-"] .brand-mark{color:var(--text)}
body[class*="theme-"] .avatar{border-color:color-mix(in srgb,var(--accent) 55%,transparent)}
body[class*="theme-"] .avatar-ring{border-color:color-mix(in srgb,var(--accent) 32%,transparent)}
body.theme-light .link-card,body.theme-rose .link-card{box-shadow:0 8px 22px rgba(55,35,35,.07)}
body.theme-light .socials a,body.theme-rose .socials a{color:var(--text)}
body.theme-light footer,body.theme-rose footer{color:var(--muted)}
body.theme-light .headline,body.theme-rose .headline{color:var(--text)}
body.theme-light .link-icon,body.theme-rose .link-icon{background:color-mix(in srgb,var(--accent) 14%,white);border-color:color-mix(in srgb,var(--accent) 30%,white)}
