:root{color-scheme:dark;--hub-bg:#0e0e10;--hub-ink:#f1eef5;--hub-muted:#9993a6;--hub-line:#d6cce221;--hub-panel:#19181de8;--hub-link:#ffffff04;--hub-accent:#d1bfdf;--hub-glow:#b59ac81a}
html[data-theme=light]{color-scheme:light;--hub-bg:#f1eff4;--hub-ink:#302638;--hub-muted:#75697e;--hub-line:#5d426724;--hub-panel:#fcfbfee8;--hub-link:#fff9;--hub-accent:#735381;--hub-glow:#b59ac829}
*{box-sizing:border-box}body{margin:0;background:var(--hub-bg);color:var(--hub-ink);font:14px/1.5 Bliss,Inter,Arial,sans-serif;min-height:100svh}a{color:inherit;text-decoration:none}button{font:inherit;color:inherit;cursor:pointer}button:focus-visible,a:focus-visible{outline:2px solid var(--hub-accent);outline-offset:5px}[hidden]{display:none!important}
.hub-atmosphere{position:fixed;inset:0;overflow:hidden;pointer-events:none;background:radial-gradient(ellipse at 50% 25%,var(--hub-glow),transparent 65%)}.hub-atmosphere span{position:absolute;width:650px;height:650px;border:1px solid var(--hub-line);border-radius:50%;top:16%;left:calc(50% - 325px);transform:rotateX(56deg) rotateZ(-28deg);opacity:.5}.hub-atmosphere span:nth-child(2){width:850px;height:850px;left:calc(50% - 425px);top:0;transform:rotateX(58deg) rotateZ(30deg);opacity:.25}.hub-atmosphere span:nth-child(3){width:7px;height:7px;left:18%;top:28%;background:var(--hub-accent);box-shadow:0 0 24px var(--hub-accent);animation:hub-drift 8s ease-in-out infinite}
.hub-top{max-width:1160px;position:relative;margin:auto;padding:28px 32px;display:flex;align-items:center;justify-content:space-between}.hub-wordmark{font-size:21px;letter-spacing:-1px;font-weight:700}.hub-wordmark>span{display:block;font-size:7px;letter-spacing:5px;font-weight:400;text-align:center;margin-top:-2px}.hub-utility{display:grid;place-items:center;width:39px;height:39px;border:1px solid var(--hub-line);background:var(--hub-link);border-radius:13px}.hub-utility svg{width:17px;height:17px}
.hub-shell{width:min(100% - 32px,490px);margin:24px auto 35px;position:relative}.hub-card{position:relative;padding:35px 30px 20px;text-align:center;background:linear-gradient(140deg,var(--hub-link),transparent 65%),var(--hub-panel);border:1px solid var(--hub-line);border-radius:30px;box-shadow:0 30px 90px #0002;backdrop-filter:blur(24px);overflow:hidden;animation:hub-enter .8s ease both}.hub-card-sheen{position:absolute;top:0;left:10%;right:10%;height:1px;background:linear-gradient(90deg,transparent,var(--hub-accent),transparent);pointer-events:none}.hub-kicker{font:8px/1.5 monospace;letter-spacing:2px;color:var(--hub-muted)}.hub-kicker i{display:inline-block;width:4px;height:4px;background:var(--hub-accent);border-radius:50%;margin-right:5px;box-shadow:0 0 10px var(--hub-accent)}.hub-avatar{position:relative;width:90px;height:90px;margin:26px auto 19px;border:1px solid var(--hub-line);border-radius:28px;background:linear-gradient(145deg,var(--hub-glow),var(--hub-link));box-shadow:inset 0 1px #ffffff10,0 10px 30px #0002;display:grid;place-items:center}.hub-monogram{width:65px;height:65px;background:linear-gradient(120deg,var(--hub-ink),var(--hub-muted));mask:url('/assets/blisshki-crown.png') center/contain no-repeat luminance;-webkit-mask:url('/assets/blisshki-crown.png') center/contain no-repeat luminance}.hub-verified{display:grid;place-items:center;position:absolute;right:-7px;bottom:0;width:23px;height:23px;border-radius:50%;background:var(--hub-panel);color:var(--hub-accent);border:1px solid var(--hub-line)}.hub-verified svg{width:15px;height:15px}.hub-card h1{font-size:27px;line-height:1.2;letter-spacing:-1px;margin:0 0 6px;overflow-wrap:anywhere}.hub-handle{font-size:11px;letter-spacing:.2px;color:var(--hub-muted)}.hub-description{font-size:12px;line-height:1.8;color:var(--hub-muted);max-width:310px;margin:18px auto 25px;overflow-wrap:anywhere}
.hub-links{display:grid;gap:10px}.hub-link{display:flex;gap:14px;align-items:center;text-align:left;padding:15px;border:1px solid var(--hub-line);border-radius:16px;background:var(--hub-link);min-width:0;transition:transform .25s,border-color .25s,background .25s;position:relative;overflow:hidden}.hub-link:hover{transform:translateY(-3px);background:var(--hub-glow);border-color:var(--hub-accent)}.hub-link-icon{display:grid;place-items:center;flex-shrink:0;width:39px;height:39px;border:1px solid var(--hub-line);border-radius:12px;background:linear-gradient(130deg,var(--hub-glow),transparent);color:var(--hub-accent)}.hub-link-icon svg{width:19px;height:19px}.hub-link>span:nth-child(2){flex:1;min-width:0}.hub-link strong{font-size:13px;display:block;font-weight:600;overflow-wrap:anywhere}.hub-link small{display:block;font-size:10px;color:var(--hub-muted);line-height:1.6;margin-top:3px;overflow-wrap:anywhere}.hub-link-arrow{width:14px;height:14px;color:var(--hub-muted);transition:transform .25s}.hub-link:hover .hub-link-arrow{transform:translate(2px,-2px)}.hub-status{font-size:11px;color:var(--hub-muted);margin:12px 0;min-height:0}.hub-status:empty{display:none}.hub-card-foot{margin-top:24px;border-top:1px solid var(--hub-line);padding-top:17px;display:flex;gap:12px;align-items:center;justify-content:space-between}.hub-card-foot>span{display:flex;align-items:center;gap:5px;font:7px/1.5 monospace;letter-spacing:1px;color:var(--hub-muted)}.hub-share{border:0;background:none;font-size:10px;display:flex;gap:6px;align-items:center;padding:4px 0;color:var(--hub-muted)}.hub-card-foot svg{width:12px;height:12px}.hub-footer{display:flex;gap:15px;justify-content:space-between;padding:20px 8px;color:var(--hub-muted);font-size:10px}.hub-footer a{display:flex;align-items:center;gap:6px}.hub-footer svg{width:12px;height:12px}
@keyframes hub-enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}@keyframes hub-drift{50%{transform:translate(20px,-30px)}}@media(max-width:480px){.hub-top{padding:20px 24px}.hub-shell{margin-top:14px}.hub-card{padding:28px 20px 20px;border-radius:25px}.hub-card-foot{gap:6px}.hub-link{padding:13px;gap:10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;transition:none!important}}
/* Liquid glass treatment: optical edges, soft refraction and monochrome landscape. */
@property --hub-angle{syntax:'<angle>';initial-value:30deg;inherits:false}
:root{--hub-panel:#15141a99;--hub-line:#e7ddf52b;--hub-muted:#b2aabf;--hub-glow:#cbb2df1c;--hub-edge:#f5eaff;--hub-rim:#bdb0cf}
html[data-theme=light]{--hub-panel:#faf8ff99;--hub-line:#6957743b;--hub-muted:#65566f;--hub-glow:#cbb2df2c;--hub-edge:#fff;--hub-rim:#9988aa}
.hub-page{isolation:isolate;background:var(--hub-bg)}
.hub-landscape{position:fixed;inset:0;z-index:-3;pointer-events:none;background:linear-gradient(180deg,#0b0b10b0,#0b0b1030 38%,#0b0b10b8),url('/assets/hub-forest.png') center/cover no-repeat;opacity:.64}
.hub-atmosphere{z-index:-2;background:radial-gradient(ellipse at 50% 20%,#b8a0d519,transparent 65%)}
.hub-atmosphere span:not(:last-child){display:none}
.hub-page .particle-background{position:fixed;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none;opacity:.62;mask-image:linear-gradient(transparent 12%,#000 72%);-webkit-mask-image:linear-gradient(transparent 12%,#000 72%)}
.hub-top{padding-top:24px;padding-bottom:16px;z-index:2}
.hub-shell{width:min(100% - 36px,510px);margin:10px auto 30px;z-index:1}
.hub-card{--mx:26%;--my:10%;padding:30px 30px 22px;background:radial-gradient(ellipse at var(--mx) var(--my),#ffffff12,transparent 50%),linear-gradient(135deg,#ffffff09,transparent 40%,#d6c2ed09),var(--hub-panel);border:1px solid #eee6ff26;border-radius:35px;backdrop-filter:blur(25px) saturate(135%);-webkit-backdrop-filter:blur(25px) saturate(135%);box-shadow:inset 1px 1px 2px #ffffff49,inset -1px -1px 3px #ffffff24,inset 0 0 24px #ffffff04,0 30px 85px #0008,0 0 60px #baa2d50c}
.hub-card:before{content:'';position:absolute;inset:0;padding:2px;border-radius:inherit;background:conic-gradient(from var(--hub-angle),transparent 3%,#fff8 9%,#f6e2c799 12%,transparent 19%,transparent 41%,#a5b7e599 48%,#fff 50%,transparent 57%,transparent 81%,#fff8 89%,transparent 96%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;pointer-events:none;animation:hub-rim-turn 20s linear infinite}
.hub-card-sheen{top:5px;left:8%;right:8%;height:40%;background:linear-gradient(125deg,#ffffff0a,transparent 55%);border-radius:30px 30px 70% 0;opacity:.5;pointer-events:none}
.hub-card>*:not(.hub-card-sheen){position:relative}
.hub-kicker{font-size:8px;letter-spacing:2.7px}
.hub-avatar{width:260px;height:186px;margin:10px auto 2px;border:0;border-radius:0;background:transparent;box-shadow:none;overflow:visible}
.hub-logo-photo{position:absolute;width:340px;height:340px;max-width:none;left:50%;top:50%;transform:translate(-50%,-52%);object-fit:contain;mix-blend-mode:screen;pointer-events:none}
.hub-verified{right:43px;bottom:15px;background:#2b2833b8;backdrop-filter:blur(10px);color:#ded0ec;box-shadow:0 2px 10px #0005}
.hub-card h1{font-size:25px;letter-spacing:-.8px;margin-top:3px}.hub-handle{font-size:10px;letter-spacing:1px}.hub-description{margin:14px auto 24px;max-width:330px;font-size:12px;line-height:1.8}
.hub-links{gap:12px}
.hub-link{padding:13px 16px 13px 12px;gap:14px;border-radius:23px;background:linear-gradient(135deg,#ffffff12,transparent 65%),#17151d38;border-color:#e9dff72e;box-shadow:inset 0 1px 1px #fff3,inset 0 -1px 2px #fff1,0 5px 14px #0002;backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);min-height:80px}
.hub-link:before{content:'';position:absolute;left:-75%;top:0;width:60%;height:100%;background:linear-gradient(100deg,transparent,#ffffff0c,transparent);transform:skewX(-20deg);transition:left .65s ease;pointer-events:none}
.hub-link:hover:before{left:125%}.hub-link:hover{background:#c7b2e015;border-color:#f1e9ff70;box-shadow:inset 0 1px 2px #fff4,0 12px 26px #0003;transform:translateY(-2px)}
.hub-link-icon{position:relative;isolation:isolate;width:49px;height:49px;border:1px solid #eee6ff48;border-radius:50%;background:linear-gradient(140deg,#78717e55,#1c1a2299 60%);box-shadow:inset 0 2px 5px #fff2,0 3px 9px #0005;color:#ede5f6}
.hub-link-icon:before{content:'';position:absolute;inset:-3px;border-radius:inherit;padding:2px;background:conic-gradient(from var(--hub-angle),#ffffff08,#fff9 18%,#b2a0ef80 23%,#84d6e060 27%,transparent 34%,transparent 56%,#e9cba075 63%,#e1a1cd66 68%,#fff9 74%,transparent 84%);mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);mask-composite:exclude;-webkit-mask:linear-gradient(#fff 0 0) content-box,linear-gradient(#fff 0 0);-webkit-mask-composite:xor;animation:hub-rim-turn 12s linear infinite;pointer-events:none;filter:drop-shadow(0 0 3px #d1b9ed33)}
.hub-link-icon svg{width:21px;height:21px;filter:drop-shadow(0 2px 1px #0005)}.hub-link strong{font-size:13px}.hub-link small{font-size:10px}.hub-link-arrow{opacity:.7;width:16px;height:16px}
.hub-utility{border-radius:50%;background:#ffffff08;backdrop-filter:blur(15px);box-shadow:inset 0 1px 1px #fff2}
.hub-card-foot{margin-top:23px;padding-top:17px}.hub-footer{padding-top:22px;font-size:10px;text-shadow:0 1px 5px #0009}
html[data-theme=light] .hub-landscape{background:linear-gradient(180deg,#eee8f2aa,#eee8f245 40%,#eee8f2aa),url('/assets/hub-forest.png') center/cover no-repeat;opacity:.56}
html[data-theme=light] .hub-atmosphere{background:radial-gradient(ellipse at 50% 20%,#faf4ff77,transparent 70%)}
html[data-theme=light] .particle-background{filter:invert(1);opacity:.36}
html[data-theme=light] .hub-card{border-color:#fff9;background:radial-gradient(ellipse at var(--mx) var(--my),#ffffffaa,transparent 60%),linear-gradient(135deg,#fff9,#f1eaf555),var(--hub-panel);box-shadow:inset 1px 1px 3px #fff,inset -1px -1px 3px #fff9,0 25px 75px #30223e26}
html[data-theme=light] .hub-logo-photo{mix-blend-mode:multiply;filter:invert(1)}
html[data-theme=light] .hub-verified{background:#f7f2fccc;color:#6d577c;box-shadow:0 2px 10px #56416319}
html[data-theme=light] .hub-link{background:linear-gradient(135deg,#fffc,#fff3);border-color:#89749440;box-shadow:inset 0 1px 2px #fff,0 5px 14px #5d486a12}
html[data-theme=light] .hub-link:hover{background:#ffffffb8;border-color:#9c87ae90}
html[data-theme=light] .hub-link-icon{background:linear-gradient(140deg,#fffc,#dcd2e699);color:#675175;border-color:#fff;box-shadow:inset 0 2px 5px #fff,0 3px 9px #5a426527}
html[data-theme=light] .hub-link-icon svg{filter:drop-shadow(0 1px 1px #fff8)}html[data-theme=light] .hub-utility{background:#fff7}html[data-theme=light] .hub-footer{text-shadow:0 1px 5px #fff9}
@keyframes hub-rim-turn{to{--hub-angle:390deg}}
@media(min-width:1100px){.hub-landscape{background-position:center 56%}}
@media(max-width:480px){.hub-shell{width:calc(100% - 30px);margin-top:10px}.hub-card{padding:26px 20px 20px;border-radius:30px}.hub-top{padding:18px 24px 10px}.hub-avatar{height:170px;width:230px}.hub-logo-photo{width:310px;height:310px}.hub-verified{right:30px;bottom:12px}.hub-link{gap:12px;padding:13px 13px 13px 10px;min-height:77px}.hub-link-icon{width:44px;height:44px}.hub-card h1{font-size:24px}.hub-link small{font-size:10px}.hub-landscape{background-position:60% center}}
@media(prefers-reduced-motion:reduce){.hub-card:before,.hub-link-icon:before{animation:none}.hub-link:hover{transform:none}}

/* Keep the original brand silhouette while making its black canvas transparent. */
.hub-avatar{width:190px;height:142px;margin:15px auto 14px;display:block;isolation:isolate;overflow:hidden;border:0;background:none;box-shadow:none}
.hub-avatar:before{content:'';position:absolute;inset:0;background:linear-gradient(125deg,#dedbe4 10%,#fff 32%,#9a94a5 56%,#e4deed 75%,#aaa2b5);mask-image:url('/assets/hub-logo.png');mask-size:230px 230px;mask-position:center;mask-repeat:no-repeat;mask-mode:luminance;-webkit-mask-image:url('/assets/hub-logo.png');-webkit-mask-size:230px 230px;-webkit-mask-position:center;-webkit-mask-repeat:no-repeat;filter:drop-shadow(0 3px 7px #0003)}
.hub-logo-photo,html[data-theme=light] .hub-logo-photo{width:100%;height:100%;left:0;top:0;transform:none;opacity:0;mix-blend-mode:normal;filter:none}
.hub-title-row{display:flex;align-items:center;justify-content:center;gap:8px;min-width:0;margin:0 0 8px}
.hub-title-row h1{margin:0;font-size:24px;line-height:1.25}
.hub-verified,html[data-theme=light] .hub-verified{position:static;flex:0 0 auto;width:19px;height:19px;background:transparent;border:0;box-shadow:none;backdrop-filter:none;color:var(--hub-accent)}
.hub-verified svg{width:18px;height:18px}
.hub-description{margin:16px auto 25px;line-height:1.8}
.hub-card:before{padding:1px;opacity:.6}
.hub-card{box-shadow:inset 0 1px 1px #ffffff30,inset 0 -1px 1px #ffffff16,0 25px 65px #0006}
html[data-theme=light] .hub-avatar:before{background:linear-gradient(125deg,#44364e,#8b7a98 38%,#4c3c59 65%,#796386);filter:drop-shadow(0 2px 4px #6a51791a)}
@media(max-width:480px){.hub-avatar{width:190px;height:132px;margin:14px auto 16px}.hub-avatar:before{mask-size:215px 215px;-webkit-mask-size:215px 215px}.hub-logo-photo{width:100%;height:100%}.hub-title-row h1{font-size:23px}.hub-kicker{font-size:7px;letter-spacing:2.3px}.hub-card{padding-top:27px}.hub-description{margin-top:15px}}

/* Reserve the entire logo lockup, including STORE, at every viewport. */
.hub-avatar{width:210px;height:180px;overflow:visible;margin:12px auto 10px}
.hub-avatar:before{mask-size:230px 230px;-webkit-mask-size:230px 230px;mask-position:center 42%;-webkit-mask-position:center 42%}
@media(max-width:480px){.hub-avatar{width:200px;height:170px;margin:10px auto 12px}.hub-avatar:before{mask-size:220px 220px;-webkit-mask-size:220px 220px;mask-position:center 42%;-webkit-mask-position:center 42%}}

/* Original image, fully contained: no cropped wordmark or luminance mask. */
.hub-avatar,html[data-theme=light] .hub-avatar{width:208px;height:208px;margin:14px auto 18px;display:flex;align-items:center;justify-content:center;isolation:auto;overflow:visible;background:transparent;border:0;border-radius:0;box-shadow:none}
.hub-avatar:before,html[data-theme=light] .hub-avatar:before{content:none;display:none;mask:none;-webkit-mask:none}
.hub-avatar .hub-logo-photo,html[data-theme=light] .hub-avatar .hub-logo-photo{display:block;position:static;inset:auto;width:100%;height:100%;max-width:100%;object-fit:contain;object-position:center;opacity:1;transform:none;clip-path:none;mask:none;-webkit-mask:none;mix-blend-mode:screen;filter:none;border-radius:16px}
html[data-theme=light] .hub-avatar .hub-logo-photo{mix-blend-mode:multiply;filter:invert(1)}
@media(max-width:480px){.hub-avatar,html[data-theme=light] .hub-avatar{width:190px;height:190px;margin:10px auto 18px}}
