:root{--lounge-ink:#18212a;--lounge-muted:#727e8a;--lounge-canvas:#f5f4f0;--lounge-blue:#34638c;--lounge-line:#dce0e2;--lounge-serif:Georgia,"Apple SD Gothic Neo","Malgun Gothic",serif}
html{scroll-behavior:smooth;background:var(--lounge-canvas)}
body.lounge-home-page{margin:0;background:var(--lounge-canvas);color:var(--lounge-ink);font-family:var(--sans);line-height:1.55}
.lounge-home-page .wrap{max-width:none;padding:0;overflow:hidden}
.lounge-home-page .top{position:relative;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:32px;max-width:1440px;height:84px;margin:auto;padding:0 clamp(22px,5vw,76px);border:0;background:var(--lounge-canvas);color:var(--lounge-ink)}
.lounge-home-page .brand{display:inline-flex;align-items:center;gap:12px;color:var(--lounge-ink);font-size:19px;font-weight:750;letter-spacing:-.04em;text-decoration:none}
.brand-mark{position:relative;display:inline-grid;width:32px;height:32px;place-items:center;overflow:hidden;border-radius:11px;background:linear-gradient(145deg,#223445,#325776);box-shadow:0 5px 14px #1d32431d}
.brand-mark i{position:absolute;background:transparent!important;box-shadow:none!important;display:block;width:12px;height:17px;border:1.5px solid #d3e4ee;border-radius:8px 8px 4px 4px;transform:rotate(-38deg)}.brand-mark i:nth-child(1){left:6px;top:8px}.brand-mark i:nth-child(2){left:12px;top:5px;opacity:.78}.brand-mark i:nth-child(3){left:16px;top:10px;opacity:.55}
.lounge-home-page .nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(12px,2vw,26px);font-size:13px;font-weight:600;color:#414d59}
.lounge-home-page .nav a{color:inherit;text-decoration:none;white-space:nowrap;transition:color .18s ease}.lounge-home-page .nav a:hover,.lounge-home-page .nav a:focus-visible{color:var(--lounge-blue)}
.lounge-home-page .nav .login-link{padding:9px 15px;border:1px solid #c8cdd1;border-radius:8px;color:#35414b}
.lounge-home-page .nav .site-online-count{border-color:#ccd2d6;color:#35414b!important}
.lounge-home-page .nav .site-online-dot{background:#457da3;box-shadow:0 0 10px #457da355}
.lounge-main{max-width:1440px;margin:auto;padding:0 clamp(22px,5vw,76px)}
.lounge-hero{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.94fr);align-items:center;gap:5vw;min-height:550px;margin:0 0 68px;padding:58px clamp(32px,5.4vw,78px);overflow:hidden;border-radius:28px;background:radial-gradient(ellipse at 82% 15%,#7a99b148,transparent 38%),radial-gradient(ellipse at 5% 110%,#eabf9166,transparent 42%),linear-gradient(122deg,#182634 0%,#223445 55%,#33495b 100%);color:#f8f7f1;box-shadow:0 24px 64px #24303a19}
.lounge-hero:before{position:absolute;z-index:-1;inset:0;content:"";background:linear-gradient(148deg,transparent 45%,#ffffff0a 45.1%,transparent 72%),radial-gradient(circle at 74% 80%,#c5dde70f 0 16%,transparent 16.2%)}
.lounge-hero-copy{position:relative;z-index:2;max-width:600px}
.lounge-kicker,.section-eyebrow{font-size:10px;font-weight:750;letter-spacing:.18em;text-transform:uppercase}
.lounge-kicker{display:flex;align-items:center;gap:10px;color:#c2cfd8}.live-dot{display:inline-block;width:7px;height:7px;flex:none;border-radius:50%;background:#93b9d1;box-shadow:0 0 12px #9ec4dda6}.kicker-divider{color:#9ba9b2}
.lounge-hero h1{margin:22px 0 18px;font-size:clamp(44px,6vw,78px);font-weight:720;line-height:1.14;letter-spacing:-.075em}.lounge-hero h1 span{color:#b5cbd9}
.lounge-hero-copy>p{margin:0;color:#d4dadd;font-size:15px;line-height:1.9}
.lounge-actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:28px}
.lounge-button{display:inline-flex;min-height:45px;align-items:center;justify-content:center;gap:19px;padding:0 17px;border-radius:9px;font-size:12px;font-weight:700;text-decoration:none;transition:transform .18s,background .18s,border-color .18s}
.lounge-button:hover{transform:translateY(-2px)}.lounge-button.primary{background:#d2dfe6;color:#212f3b;box-shadow:0 8px 24px #08141d40}.lounge-button.primary:hover{background:#e0ebf0}.lounge-button.secondary{border:1px solid #ffffff50;color:#edf1f3}.lounge-button.secondary:hover{border-color:#c2d2dc;background:#ffffff0c}
.lounge-note{display:flex;align-items:center;gap:10px;margin-top:38px;color:#aeb7be;font-size:11px;letter-spacing:.02em}.note-line{width:25px;height:1px;background:#a6c1d3}
.lounge-art{position:relative;min-height:390px;perspective:1000px}
.art-orbit{position:absolute;left:50%;top:49%;border:1px solid #d8e5ed23;border-radius:50%;transform:translate(-50%,-50%) rotate(-24deg)}.orbit-one{width:390px;height:245px}.orbit-two{width:460px;height:290px;transform:translate(-50%,-50%) rotate(28deg);opacity:.55}
.art-card{position:absolute;border:1px solid #ffffff34;box-shadow:0 25px 60px #09141e65;backdrop-filter:blur(14px)}
.art-back{top:12%;right:4%;width:50%;height:72%;padding:25px 22px;border-radius:19px;background:linear-gradient(145deg,#d8e1e724,#c8d1d71b);transform:rotate(8deg)}
.art-mini-label{color:#d8dfe4;font-size:8px;font-weight:700;letter-spacing:.19em}.art-shelf{display:flex;align-items:end;gap:7px;height:82px;margin:23px 0 20px;padding:0 0 7px;border-bottom:1px solid #ffffff53}.art-shelf i{display:block;width:15%;height:49px;border-radius:5px 5px 2px 2px;background:linear-gradient(180deg,#c2d0d8,#6b8394);box-shadow:inset -4px 0 #2b3d4b45}.art-shelf i:nth-child(2){height:68px;background:linear-gradient(180deg,#ecd9b2,#ac8f61)}.art-shelf i:nth-child(3){height:58px;background:linear-gradient(180deg,#aabac6,#657988)}.art-shelf i:nth-child(4){height:73px;background:linear-gradient(180deg,#e5c8aa,#b37f62)}.art-shelf i:nth-child(5){height:44px;background:linear-gradient(180deg,#bfd5dd,#72909c)}.art-back-copy{color:#f4f3ec;font-size:19px;font-weight:700;line-height:1.45;letter-spacing:-.05em}
.art-front{z-index:1;left:4%;top:21%;display:flex;width:78%;min-height:226px;align-items:center;gap:20px;padding:24px;border-radius:20px;background:linear-gradient(135deg,#e1e8ed1f,#f8f5ed13);transform:rotate(-5deg)}
.art-record{display:grid;width:118px;height:118px;flex:none;place-items:center;border:1px solid #ffffff35;border-radius:50%;background:repeating-radial-gradient(circle,#181f25 0 3px,#353b40 4px 6px);box-shadow:0 12px 30px #09141e75}.art-record span{display:grid;width:43px;height:43px;place-items:center;border-radius:50%;background:#ddc18b;color:#35404a;font-size:18px}
.art-front-copy{display:grid;gap:8px}.art-front-copy small{color:#bdcbd4;font-size:8px;font-weight:700;letter-spacing:.17em}.art-front-copy strong{font-size:21px;line-height:1.35;letter-spacing:-.045em}.art-front-copy>span{color:#c1c9cf;font-size:10px}
.art-equalizer{position:absolute;right:24px;bottom:20px;display:flex;align-items:center;gap:4px;height:18px}.art-equalizer i{width:2px;height:7px;border-radius:2px;background:#acc7d8;animation:eq-bounce 1.1s ease-in-out infinite alternate}.art-equalizer i:nth-child(2n){height:13px;animation-delay:-.3s}.art-equalizer i:nth-child(3n){height:17px;animation-delay:-.65s}.art-equalizer i:nth-child(4n){height:9px;animation-delay:-.8s}@keyframes eq-bounce{to{transform:scaleY(.45);opacity:.6}}
.art-pill{position:absolute;z-index:2;display:flex;align-items:center;gap:8px;padding:9px 12px;border:1px solid #ffffff2e;border-radius:30px;background:#192734bb;color:#e2e8eb;font-size:9px;font-weight:650;letter-spacing:.07em;backdrop-filter:blur(12px)}.art-pill span:first-child:not(.live-dot){color:#dfc28d}.pill-top{top:8%;left:7%}.pill-bottom{right:3%;bottom:9%}
.spaces-section{padding:4px 0 76px;scroll-margin-top:28px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin:0 0 22px}.section-eyebrow{color:#587286}.section-heading h2{margin:7px 0 0;color:#1f2830;font-size:clamp(26px,3vw,36px);letter-spacing:-.065em}.section-heading>p{margin:0 0 4px;color:#72817e;font-size:12px}
.space-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.space-card{position:relative;display:flex;min-height:224px;flex-direction:column;overflow:hidden;padding:22px;border:1px solid #dce0e3;border-radius:16px;background:#fafbfc;color:#1c262f;text-decoration:none;transition:transform .2s,border-color .2s,box-shadow .2s,background .2s}
.space-card:after{position:absolute;right:-54px;bottom:-89px;width:180px;height:180px;border:1px solid #4c6c841b;border-radius:50%;content:"";box-shadow:0 0 0 20px #4c6c8409,0 0 0 42px #4c6c8406;transition:transform .3s}
.space-card:hover{transform:translateY(-4px);border-color:#9cacb7;box-shadow:0 15px 32px #2d3a440e;background:#fff}.space-card:hover:after{transform:scale(1.08)}
.space-icon{display:grid;width:42px;height:42px;place-items:center;border-radius:12px;background:#e9edf0;color:#3a5468}.space-icon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.space-number{position:absolute;top:27px;right:21px;color:#9ba9a4;font-size:8px;font-weight:700;letter-spacing:.15em}.space-card h3{position:relative;z-index:1;margin:20px 0 5px;font-size:18px;letter-spacing:-.045em}.space-card p{position:relative;z-index:1;max-width:290px;margin:0;color:#75817d;font-size:11px;line-height:1.8}.space-open{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:auto;padding-top:18px;color:#466073;font-size:10px;font-weight:700}.space-open b{font-size:15px;font-weight:500}
.space-video .space-icon{background:#e8ebed;color:#435a6b}.space-music .space-icon{background:#f3ebdc;color:#927441}space-board .space-icon{background:#e9eef3;color:#5a7591}.space-games .space-icon{background:#f3ebdc;color:#927441}.space-chat .space-icon{background:#e8edf0;color:#546e7e}
.lounge-bottom{position:relative;display:flex;align-items:center;gap:24px;min-height:178px;margin:0 0 44px;padding:28px clamp(22px,4vw,48px);overflow:hidden;border-radius:20px;background:linear-gradient(105deg,#dfe6e8,#e7ecee 60%,#dee4e7)}.lounge-bottom:after{position:absolute;top:-125px;right:12%;width:310px;height:310px;border:1px solid #687d8b1d;border-radius:50%;content:"";box-shadow:0 0 0 25px #687d8b08,0 0 0 58px #687d8b05}.bottom-mark{position:relative;z-index:1;display:flex;width:64px;height:64px;flex:none;align-items:center;justify-content:center;border:1px solid #8596a2;border-radius:20px;transform:rotate(-7deg)}.bottom-mark span{width:10px;height:26px;margin:0 2px;border:1px solid #496173;border-radius:9px;transform:rotate(28deg)}.bottom-mark span:nth-child(2){height:36px;transform:translateY(-3px) rotate(28deg)}.lounge-bottom>div:nth-child(2){position:relative;z-index:1}.lounge-bottom .section-eyebrow{font-size:9px}.lounge-bottom h2{margin:8px 0 0;color:#212e39;font-size:clamp(19px,2.3vw,27px);line-height:1.4;letter-spacing:-.06em}.bottom-link{position:relative;z-index:1;display:inline-flex;align-items:center;gap:20px;margin-left:auto;padding:12px 15px;border:1px solid #97a3ac;border-radius:9px;color:#334a5b;font-size:11px;font-weight:700;text-decoration:none;white-space:nowrap;transition:background .2s}.bottom-link:hover{background:#f2f5f7}
.lounge-footer{display:flex;max-width:1440px;align-items:center;gap:24px;margin:auto;padding:22px clamp(22px,5vw,76px) 32px;border-top:1px solid #dce0e2;color:#85918c;font-size:10px}.lounge-footer .footer-brand{color:#323c43;font-size:12px;font-weight:750;text-decoration:none}.lounge-footer>a:last-child{margin-left:auto;color:#576d7c;font-weight:650}
.lounge-home-page .admin-only,.lounge-home-page .auth-only{display:none!important}
.lounge-home-page .signup-link{display:none!important}.lounge-home-page .signup-link.show-signup{display:inline-flex!important}
.nav-toggle{display:none}
html.js .lounge-home-page .reveal{opacity:0;transform:translateY(15px);transition:opacity .5s ease,transform .5s ease}html.js .lounge-home-page .reveal.is-visible{opacity:1;transform:none}
@media(max-width:1000px){.lounge-home-page .top{height:76px}.lounge-home-page .nav{gap:12px;font-size:11px}.lounge-home-page .brand{font-size:17px}.lounge-home-page .nav .login-link{padding:8px 10px}.lounge-hero{grid-template-columns:minmax(0,1fr) minmax(340px,.85fr);gap:2vw;min-height:490px;padding:45px 38px}.lounge-art{min-height:345px}.art-front{left:0;width:88%;gap:14px;padding:20px}.art-record{width:96px;height:96px;flex-basis:96px}.space-card{min-height:210px;padding:19px}}
@media(max-width:760px){.lounge-home-page .top{height:68px;padding:0 20px}.lounge-home-page .brand{font-size:17px}.lounge-home-page .nav-toggle{display:grid;width:42px;height:42px;place-items:center;border:1px solid #d7dcdf;border-radius:12px;background:#fafbfc;color:#2a3944;cursor:pointer}.nav-toggle svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round}.lounge-home-page .nav{position:absolute;top:calc(100% - 2px);right:14px;left:14px;z-index:20;display:none;max-height:calc(100dvh - 90px);overflow:auto;padding:13px;border:1px solid #dce0e3;border-radius:16px;background:#fafcfd;box-shadow:0 18px 42px #1b28321e;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px}.lounge-home-page .nav.is-open{display:grid}.lounge-home-page .nav a{display:flex;min-height:44px;align-items:center;padding:0 11px;border-radius:9px;font-size:13px}.lounge-home-page .nav a:hover{background:#edf0f2}.lounge-home-page .nav .login-link{justify-content:center;border-radius:9px}.lounge-home-page .nav .site-online-count{justify-content:center}.lounge-main{padding:0 18px}.lounge-hero{grid-template-columns:1fr;min-height:0;gap:0;margin-bottom:49px;padding:39px 27px 18px;border-radius:22px}.lounge-hero h1{margin:17px 0 14px;font-size:clamp(41px,11vw,62px)}.lounge-hero-copy>p{font-size:13px}.desktop-break{display:none}.lounge-actions{margin-top:22px}.lounge-note{margin-top:26px;font-size:10px}.lounge-art{min-height:300px;max-width:470px;width:100%;margin:1px auto 0}.art-front{left:3%;top:24%;width:81%;min-height:180px;padding:17px}.art-record{width:82px;height:82px;flex-basis:82px}.art-record span{width:34px;height:34px}.art-front-copy strong{font-size:17px}.art-shelf{height:63px;margin:16px 0 13px}.art-back{height:70%;padding:18px}.art-back-copy{font-size:16px}.art-pill{font-size:8px}.spaces-section{padding-bottom:48px}.section-heading{align-items:flex-start;flex-direction:column;gap:6px;margin-bottom:16px}.section-heading>p{font-size:11px}.space-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.space-card{min-height:192px;padding:15px;border-radius:13px}.space-icon{width:37px;height:37px;border-radius:11px}.space-number{top:20px;right:12px;font-size:7px}.space-card h3{margin-top:16px;font-size:15px}.space-card p{font-size:10px;line-height:1.65}.space-open{padding-top:13px;font-size:9px}.lounge-bottom{min-height:155px;gap:15px;margin-bottom:26px;padding:22px 19px;flex-wrap:wrap}.bottom-mark{width:48px;height:48px;border-radius:15px}.bottom-mark span{height:20px;width:8px}.bottom-mark span:nth-child(2){height:28px}.lounge-bottom h2{font-size:19px}.bottom-link{margin-left:63px;padding:9px 12px;font-size:10px}.lounge-footer{gap:10px;flex-wrap:wrap;padding:18px 20px 24px}.lounge-footer>span{width:100%;order:3}.lounge-footer>a:last-child{margin-left:auto}}
@media(max-width:380px){.lounge-main{padding:0 13px}.lounge-hero{padding:32px 20px 12px}.lounge-hero h1{font-size:40px}.lounge-button{gap:10px;padding:0 12px;font-size:11px}.lounge-art{min-height:270px}.art-front{min-height:164px}.art-record{width:67px;height:67px;flex-basis:67px}.art-front-copy strong{font-size:15px}.space-grid{gap:7px}.space-card{padding:12px;min-height:182px}.space-number{font-size:6px}.space-card h3{font-size:14px}}
@media(prefers-reduced-motion:reduce){.lounge-home-page *, .lounge-home-page *:before,.lounge-home-page *:after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html.js .lounge-home-page .reveal,html.js .lounge-home-page .reveal.is-visible{opacity:1;transform:none}}

/* Animated lounge artwork: depth, slow motion, and a responsive pointer glow. */
.lounge-art{--glow-x:50%;--glow-y:50%;transform-style:preserve-3d}
.lounge-art:after{position:absolute;inset:4% 0;z-index:0;pointer-events:none;border-radius:50%;content:"";background:radial-gradient(ellipse at var(--glow-x) var(--glow-y),#dae9f120,transparent 46%);transition:opacity .35s ease;opacity:.6}
.art-card{will-change:translate,transform;backface-visibility:hidden}
.art-front{translate:0 0;animation:lounge-front-float 7s ease-in-out infinite;animation-play-state:paused}
.art-back{translate:0 0;animation:lounge-back-float 8.5s ease-in-out -2s infinite;animation-play-state:paused}
.art-orbit{animation:lounge-orbit-breathe 6s ease-in-out infinite;animation-play-state:paused}
.orbit-two{animation-delay:-3s}
.art-record{animation:lounge-record-turn 28s linear infinite;animation-play-state:paused}
.art-pill{animation:lounge-pill-float 5.5s ease-in-out infinite;animation-play-state:paused}
.pill-bottom{animation-delay:-2.5s}
.art-equalizer i{animation-duration:.72s}
.lounge-art.is-active .art-front,.lounge-art.is-active .art-back,.lounge-art.is-active .art-orbit,.lounge-art.is-active .art-record,.lounge-art.is-active .art-pill{animation-play-state:running}
.lounge-art.is-interactive .art-front{transform:rotate(-5deg) rotateX(var(--pointer-y,0deg)) rotateY(var(--pointer-x,0deg))}
.lounge-art.is-interactive .art-back{transform:rotate(8deg) rotateX(var(--back-pointer-y,0deg)) rotateY(var(--back-pointer-x,0deg))}
@keyframes lounge-front-float{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes lounge-back-float{0%,100%{translate:0 0}50%{translate:0 8px}}
@keyframes lounge-orbit-breathe{0%,100%{opacity:.4}50%{opacity:.82}}
@keyframes lounge-record-turn{to{rotate:360deg}}
@keyframes lounge-pill-float{0%,100%{translate:0 0}50%{translate:0 -5px}}
@media(max-width:760px){.lounge-art:after{inset:5% 2%}.art-front{animation-duration:8s}.art-back{animation-duration:9s}}
@media(prefers-reduced-motion:reduce){.lounge-art:after{transition:none}.art-front,.art-back,.art-orbit,.art-record,.art-pill,.art-equalizer i{animation:none!important;translate:none!important;rotate:none!important}.lounge-art.is-interactive .art-front,.lounge-art.is-interactive .art-back{transform:none}}

/* Musical-note cursor over the record artwork. */
.lounge-art .art-record,.lounge-art .art-record span{cursor:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%23d6e7d1' stroke='%23203c3c' stroke-width='1.3' stroke-linejoin='round' d='M23 3v18.1a5.3 5.3 0 1 1-2-4.2V9.1l-10 2.2v13.1a5.3 5.3 0 1 1-2-4.2V7.8z'/%3E%3C/svg%3E") 9 9,pointer}

/* 스카이블루 밝은 테마: 메인 히어로 */
.lounge-hero{background:#bfddf2;color:#17324d;box-shadow:0 24px 64px rgba(31,78,125,.14)}
.lounge-hero:before{background:linear-gradient(148deg,transparent 45%,#ffffff40 45.1%,transparent 72%)}
.lounge-kicker{color:#1f4f7d}.live-dot{background:#2b6ca3;box-shadow:0 0 12px #2b6ca388}.kicker-divider{color:#1f4f7d99}
.lounge-hero h1{color:#17324d}.lounge-hero h1 span{color:#2b6ca3}
.lounge-hero-copy>p{color:#2f4f6e}
.lounge-button.primary{background:#2b6ca3;color:#fff;box-shadow:0 8px 24px rgba(31,78,125,.25)}.lounge-button.primary:hover{background:#205a8c}
.lounge-button.secondary{border:1px solid #2b6ca3;color:#17324d}.lounge-button.secondary:hover{border-color:#205a8c;background:#2b6ca312}
.lounge-note{color:#2f4f6e}.note-line{background:#2b6ca3}
.art-orbit{border-color:#2b6ca333}
.art-card{border-color:#ffffff90;box-shadow:0 25px 60px rgba(31,78,125,.19)}
.art-back{background:#ffffff80}.art-front{background:#ffffffb0}
.art-mini-label,.art-front-copy small,.art-front-copy>span{color:#2f4f6e}.art-back-copy,.art-front-copy strong{color:#17324d}
.art-equalizer i{background:#2b6ca3}
.art-pill{background:#ffffffd0;border-color:#2b6ca333;color:#17324d}


/* 스카이블루 팔레트 보정: 히어로는 한 톤 진하게, 주변 색은 대비에 맞춰 정리 */
:root{--lounge-ink:#172b40;--lounge-muted:#61758a;--lounge-canvas:#f1f5f9;--lounge-blue:#245f91;--lounge-line:#d2deea}
.lounge-home-page,.lounge-home-page .top{background:var(--lounge-canvas)}
.lounge-home-page .nav a:hover,.lounge-home-page .nav a:focus-visible{color:#245f91}
.lounge-home-page .nav .login-link{border-color:#c3d1df;color:#29435d}
.lounge-hero{background:#a9cde9;color:#142f4b;box-shadow:0 24px 64px rgba(31,78,125,.18)}
.lounge-hero:before{background:linear-gradient(148deg,transparent 45%,#ffffff48 45.1%,transparent 72%),radial-gradient(circle at 76% 82%,#397eae12 0 18%,transparent 18.2%)}
.lounge-kicker,.kicker-divider{color:#214f78}.live-dot{background:#286b9f;box-shadow:0 0 12px #286b9f88}
.lounge-hero h1{color:#142f4b}.lounge-hero h1 span{color:#245f91}.lounge-hero-copy>p{color:#294b6b}
.lounge-button.primary{background:#245f91;color:#fff;box-shadow:0 8px 24px rgba(24,67,105,.28)}.lounge-button.primary:hover{background:#194d79}
.lounge-button.secondary{border-color:#245f91;color:#173752}.lounge-button.secondary:hover{border-color:#194d79;background:#245f9112}
.lounge-note{color:#355775}.note-line{background:#245f91}.art-orbit{border-color:#245f913d}
.art-card{border-color:#ffffffa8;box-shadow:0 25px 60px rgba(24,67,105,.22)}
.art-back{background:#f5faffa8}.art-front{background:#f7fbffd1}
.art-mini-label,.art-front-copy small,.art-front-copy>span{color:#345775}.art-back-copy,.art-front-copy strong{color:#17344f}
.art-equalizer i{background:#245f91}.art-pill{background:#f7fbffe8;border-color:#245f9140;color:#17344f}
.spaces-section .section-eyebrow{color:#466985}.space-card{border-color:#d2deea;background:#f8fbfe;color:#1d3042}
.space-card:hover{border-color:#8eabc5;background:#fff;box-shadow:0 15px 32px #24496a14}
.space-card:after{border-color:#376a941f;box-shadow:0 0 0 20px #376a940a,0 0 0 42px #376a9407}
.space-icon{background:#e3edf6;color:#315f85}.space-board .space-icon,.space-games .space-icon{background:#e7eff7;color:#345f84}
.lounge-bottom{background:linear-gradient(105deg,#d9e7f2,#e5eef6 60%,#d6e4f0)}
.lounge-footer{border-top-color:#d2deea;color:#718396}
@media(max-width:760px){.lounge-home-page .nav-toggle{border-color:#c3d1df;background:#f8fbfe;color:#21415e}}

/* Compact color swatches: keep the row directly under the note at the left edge. */
.lounge-hero-copy .theme-links{display:flex;align-items:center;justify-content:flex-start!important;gap:14px;width:max-content;max-width:none!important;margin:22px 0 0!important;padding:0!important;position:static!important;transform:none!important;color:inherit;font-size:13px;font-weight:750}
.lounge-hero-copy .theme-links>div{display:flex;align-items:center;gap:12px}
.lounge-hero-copy .theme-links button{display:block!important;box-sizing:border-box;width:30px;height:30px;min-height:30px;padding:0!important;border:3px solid #fff!important;border-radius:50%!important;background:var(--theme-swatch)!important;color:transparent!important;box-shadow:0 0 0 1px #ffffff75;cursor:pointer;transition:transform .16s,box-shadow .16s}
.lounge-hero-copy .theme-links button:hover,.lounge-hero-copy .theme-links button:focus-visible{transform:scale(1.1);outline:none}
.lounge-hero-copy .theme-links button[aria-pressed="true"]{box-shadow:0 0 0 2px var(--lounge-blue),0 2px 8px #0002;transform:scale(1.08)}
@media(max-width:760px){.lounge-hero-copy .theme-links{gap:12px;margin-top:18px!important}.lounge-hero-copy .theme-links>div{gap:10px}.lounge-hero-copy .theme-links button{width:29px;height:29px;min-height:29px}}
/* Theme swatches are controls, not links to separate theme folders. */
.lounge-hero-copy .theme-links button{appearance:none;-webkit-appearance:none}

/* Match the home header to section pages: same full-width bar, frame and height. */
.lounge-home-page .wrap > .top{width:100vw!important;max-width:none!important;height:76px!important;min-height:76px!important;margin:0 calc(50% - 50vw)!important;padding-left:max(calc((100vw - 1180px)/2),clamp(18px,4vw,54px))!important;padding-right:max(calc((100vw - 1180px)/2),clamp(18px,4vw,54px))!important;box-sizing:border-box!important;border-bottom:1px solid #e7e7e7!important;box-shadow:0 2px 10px #00000005!important}
@media(max-width:760px){.lounge-home-page .wrap > .top{height:68px!important;min-height:68px!important;margin-left:calc(50% - 50vw)!important;padding-left:20px!important;padding-right:20px!important}}


/* Gold QR invitation: an elegant, camera-friendly shortcut to the lounge. */
.homepage-qr-card{display:inline-flex;align-items:center;gap:13px;width:max-content;max-width:100%;margin-top:15px;padding:8px 16px 8px 8px;border:1px solid #c9a45f;border-radius:16px;background:#ffffffd9;color:#24384a;text-decoration:none;box-shadow:0 8px 22px #8d6a2520;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.homepage-qr-card:hover{transform:translateY(-2px);border-color:#9b701f;box-shadow:0 12px 28px #8d6a2530}
.homepage-qr-card:focus-visible{outline:3px solid #b58a3b;outline-offset:3px}
.homepage-qr-card img{display:block;width:76px;height:76px;flex:none;border:1px solid #eee5d4;border-radius:10px;background:#fff;image-rendering:pixelated}
.homepage-qr-copy{display:grid;gap:3px}
.homepage-qr-copy strong{color:#203449;font-size:13px;font-weight:750;letter-spacing:-.025em}
.homepage-qr-copy small{color:#647687;font-size:11px}
.homepage-qr-copy em{margin-top:2px;color:#92702f;font-size:9px;font-style:normal;font-weight:750;letter-spacing:.1em;text-transform:uppercase}
@media(max-width:760px){.homepage-qr-card{gap:10px;margin-top:13px;padding:7px 12px 7px 7px;border-radius:14px}.homepage-qr-card img{width:64px;height:64px}.homepage-qr-copy strong{font-size:12px}.homepage-qr-copy small{font-size:10px}}


/* Keep the QR clear of the artwork in the lower-right hero whitespace. */
.lounge-hero > .homepage-qr-card{position:absolute;right:20px;bottom:20px;z-index:5;box-sizing:border-box;margin:0;backdrop-filter:blur(12px)}
.lounge-art .pill-bottom{right:auto;left:5%;bottom:3%}
@media(max-width:760px){.lounge-hero > .homepage-qr-card{position:relative;right:auto;bottom:auto;justify-self:end;margin:0 0 12px}.lounge-art .pill-bottom{left:4%;bottom:2%}}