:root{--bg:#0d0817;--panel:#181126;--panel2:#211531;--line:rgba(232,198,255,.26);--text:#fff7ff;--muted:#c0afc8;--purple:#caa8ff;--purple2:#8d67b8;--pink:#f2b6d9;--lav:#d9c4ff;--wood:#49334f;--cream:#fff4fb}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh;
background:
radial-gradient(circle at 18% 12%,rgba(236,174,236,.12),transparent 24%),
radial-gradient(circle at 78% 4%,rgba(174,128,255,.18),transparent 30%),
linear-gradient(180deg,#10091b 0%,#160d24 45%,#0c0713 100%);
color:var(--text);font-family:"Noto Sans KR",sans-serif;overflow-x:hidden;
background-attachment:fixed}a{color:inherit;text-decoration:none}button,input,textarea{font:inherit}#stars{position:fixed;inset:0;z-index:-2;width:100%;height:100%;pointer-events:none}.site-header{position:sticky;top:0;z-index:50;height:76px;padding:0 5vw;
display:flex;justify-content:space-between;align-items:center;
background:rgba(17,10,27,.9);border-bottom:1px solid rgba(229,198,255,.28);
backdrop-filter:blur(16px);box-shadow:0 7px 26px rgba(0,0,0,.24)}.brand{display:flex;gap:10px;align-items:center}.brand .moonmark{font-size:27px;color:var(--purple)}.brand strong{display:block;letter-spacing:.24em;font-size:16px}.brand small{display:block;color:#7e7388;font-size:7px;letter-spacing:.2em;margin-top:3px}.main-nav{display:flex;align-items:center;height:100%}.main-nav>a,.dropdown>button{height:100%;padding:0 17px;border:0;background:transparent;color:#d4ccdc;font-size:11px;letter-spacing:.08em;cursor:pointer;display:flex;align-items:center}.dropdown{height:100%;position:relative}.dropdown-menu{position:absolute;left:0;top:100%;min-width:185px;background:#140e1e;border:1px solid var(--line);opacity:0;visibility:hidden;transform:translateY(8px);transition:.18s}.dropdown:hover .dropdown-menu,.dropdown.open .dropdown-menu{opacity:1;visibility:visible;transform:none}.dropdown-menu a{display:block;padding:13px 16px;font-size:11px;color:#bdb3c7;border-left:2px solid transparent}.dropdown-menu a:hover,.dropdown-menu a.active{color:#fff;background:#1f162f;border-left-color:var(--purple)}.mobile-menu{display:none}.live-float{position:fixed;right:18px;bottom:18px;z-index:40;border:1px solid var(--line);background:#110c18;color:#91869b;padding:8px 11px;font-size:9px;letter-spacing:.16em}.live-float.on{background:#79557e;color:white;border-color:#af80b2}.page-hero{min-height:42vh;padding:8vh 5vw 6vh;display:grid;grid-template-columns:1.05fr .95fr;gap:7vw;align-items:center;border-bottom:1px solid var(--line)}.page-hero.home{min-height:calc(100vh - 74px)}.eyebrow{font-size:9px;letter-spacing:.28em;color:#aa97bf;margin:0 0 18px}.page-hero h1,.content h2,.card h2{font-family:"Song Myung";font-weight:400;margin:0}.page-hero h1{font-size:clamp(46px,6vw,88px);line-height:1.04;letter-spacing:-.04em}.page-hero h1 em{font-style:normal;color:#c3a2e5}.lead{color:var(--muted);line-height:1.95;margin:26px 0;white-space:pre-line}.hero-actions{display:flex;gap:10px;flex-wrap:wrap}.btn{border:1px solid var(--line);padding:12px 17px;font-size:10px;letter-spacing:.12em}.btn.primary{background:var(--purple);color:#150e20;border-color:var(--purple)}.library-scene{height:min(590px,68vh);min-height:390px;position:relative;background:linear-gradient(#1b122b,#110b1a);border:1px solid var(--line);box-shadow:0 30px 80px rgba(0,0,0,.45);overflow:hidden}.window{position:absolute;right:8%;top:7%;width:29%;height:29%;border:7px solid #32213e;background:linear-gradient(#0a0613,#211440)}.window:before,.window:after{content:"";position:absolute;background:#32213e}.window:before{width:4px;height:100%;left:50%}.window:after{height:4px;width:100%;top:50%}.moon{position:absolute;width:43px;height:43px;border-radius:50%;background:#efe3cb;right:15%;top:13%;box-shadow:0 0 26px rgba(255,233,200,.34)}.shelf{position:absolute;left:7%;width:55%;height:17%;border-bottom:12px solid var(--wood);display:flex;align-items:flex-end;gap:5px;padding:0 3% 8px}.s1{top:15%}.s2{top:40%}.s3{top:65%}.shelf i{display:block;width:8%;height:69%;background:#684b7d;border:1px solid rgba(255,255,255,.06)}.shelf i:nth-child(2n){height:87%;background:#49365c}.shelf i:nth-child(3n){height:58%;background:#7a5b76}.frame{margin-left:auto;width:26%;height:65%;display:grid;place-items:center;border:5px solid #4c3654;background:#0b0712;color:#a886c4;font-family:"Song Myung"}.desk{position:absolute;left:0;right:0;bottom:0;height:16%;background:#2d1f37;border-top:8px solid #4b3554}.lamp{position:absolute;right:20%;bottom:0;width:2px;height:72%;background:#746382}.lamp:before{content:"";position:absolute;left:-28px;top:-18px;width:58px;height:29px;background:#523a5b;clip-path:polygon(16% 0,84% 0,100% 100%,0 100%);box-shadow:0 8px 30px rgba(255,220,164,.18)}.mug{position:absolute;left:48%;bottom:18%;width:40px;height:34px;border:2px solid #806d8b;display:grid;place-items:center;color:#baa0cc}.hero-image{height:500px;border:1px solid var(--line);background:linear-gradient(145deg,#1d142d,#110b19);position:relative;overflow:hidden}.hero-image img{width:100%;height:100%;object-fit:cover}.hero-image .placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#725e83;font:400 32px "Song Myung"}.content{padding:95px 5vw;border-bottom:1px solid var(--line)}.content h2{font-size:clamp(36px,4.5vw,62px);line-height:1.16}.two-col{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw}.profile-card{display:grid;grid-template-columns:.8fr 1.2fr;border:1px solid var(--line);background:rgba(21,14,33,.7)}.image-box{min-height:390px;border-right:1px solid var(--line);position:relative;background:linear-gradient(145deg,#1c132b,#28183c);overflow:hidden}.image-box img{width:100%;height:100%;object-fit:cover}.image-box .placeholder{position:absolute;inset:0;display:grid;place-items:center;color:#8d6ca8;font:400 55px "Song Myung"}.profile-lines{padding:25px 30px;display:flex;flex-direction:column;justify-content:center}.profile-lines>div{display:grid;grid-template-columns:120px 1fr;gap:15px;padding:19px 0;border-bottom:1px solid rgba(203,181,231,.1)}.profile-lines span{font-size:9px;letter-spacing:.18em;color:#82778b}.profile-lines b{font-size:13px;font-weight:500}.text-card{border:1px solid var(--line);background:rgba(21,14,33,.65);padding:35px}.text-card p{white-space:pre-line;color:#aaa1b1;line-height:1.95;margin:0}.media-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:38px}.media-card{border:1px solid var(--line);background:#151020;cursor:pointer}.media-card img{width:100%;aspect-ratio:1/1;object-fit:cover;display:block}.media-card .noimg{aspect-ratio:1/1;display:grid;place-items:center;background:linear-gradient(145deg,#1d142a,#100a18);color:#6d5b7b;font-family:"Song Myung";font-size:22px}.media-card div:last-child{padding:13px}.media-card b{display:block;font-size:12px}.media-card small{font-size:9px;color:#7c7185}.schedule-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:36px}.schedule-item{min-height:170px;border:1px solid var(--line);padding:20px;background:rgba(20,14,32,.6)}.schedule-item span{font-size:9px;color:#82778b}.schedule-item b{display:block;margin:42px 0 8px;font:400 23px "Song Myung"}.schedule-item small{font-size:10px;color:#82778b}.list-stack{margin-top:35px}.notice-item,.upbo-item,.guest-item{border-top:1px solid var(--line);padding:20px 0}.notice-item:last-child,.upbo-item:last-child,.guest-item:last-child{border-bottom:1px solid var(--line)}.notice-item{display:grid;grid-template-columns:100px 1fr 150px;gap:18px;align-items:start}.notice-item span,.guest-item small{font-size:9px;color:#81768a}.notice-item h3,.upbo-item h3{font:400 21px "Song Myung";margin:0 0 8px}.notice-item p,.upbo-item p,.guest-item p{white-space:pre-line;color:#a79eae;line-height:1.8;font-size:12px;margin:0}.notice-thumb{width:140px;height:90px;object-fit:cover;border:1px solid var(--line)}.upbo-item.done{opacity:.55}.upbo-meta{font-size:9px;color:#7d7187;margin-bottom:8px}.link-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-top:35px}.link-card{border:1px solid var(--line);min-height:170px;padding:24px;display:grid;grid-template-columns:1fr 100px;gap:15px;background:rgba(20,14,32,.6)}.link-card img{width:100px;height:100px;object-fit:cover;border:1px solid var(--line)}.link-card h3{font:400 24px "Song Myung";margin:0 0 10px}.link-card p{font-size:11px;color:#8f8498}.guest-layout{display:grid;grid-template-columns:.7fr 1.3fr;gap:7vw}.guest-form{display:grid;gap:10px;border:1px solid var(--line);padding:22px;background:#130d1d}.guest-form input,.guest-form textarea{border:1px solid var(--line);border-radius:0;background:#0e0915;color:#eee;padding:12px;outline:0}.guest-form textarea{min-height:125px;resize:vertical}.guest-form button{justify-self:end;border:1px solid #8665a4;background:#1b122a;color:#ceb5e1;padding:11px 16px;font-size:9px;letter-spacing:.15em}.guest-reply{margin:10px 0 0 18px;padding:10px 12px;border-left:2px solid #765797;color:#ab9ab9;font-size:11px;white-space:pre-line}.empty{border:1px dashed var(--line);padding:45px;text-align:center;color:#716779;margin-top:30px}.page-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:32px}.page-links a{border:1px solid var(--line);padding:10px 13px;font-size:9px;letter-spacing:.12em}.page-links a:hover{background:#1a1228}.bgm-player{position:fixed;left:18px;bottom:18px;z-index:42;display:flex;align-items:center;gap:10px;border:1px solid var(--line);background:rgba(14,9,21,.94);padding:8px 12px}.bgm-player button{width:29px;height:29px;border:1px solid #604b71;background:#1b1228;color:#c7a9dd}.bgm-player b{display:block;font-size:9px;max-width:140px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bgm-player small{font-size:7px;letter-spacing:.16em;color:#756a7e}footer{padding:40px 5vw 48px;display:grid;grid-template-columns:1fr 1fr auto;gap:20px;color:#796e83;font-size:9px}footer b{font:400 25px "Song Myung";color:#ad8bc8}.modal{position:fixed;inset:0;z-index:100;background:rgba(4,3,7,.92);display:none;align-items:center;justify-content:center;padding:5vw}.modal.open{display:flex}.modal img{max-width:90vw;max-height:85vh;object-fit:contain}.modal button{position:absolute;right:25px;top:20px;background:none;border:0;color:#fff;font-size:35px;cursor:pointer}
@media(max-width:950px){.page-hero,.two-col,.guest-layout{grid-template-columns:1fr}.library-scene{height:520px}.media-grid{grid-template-columns:repeat(2,1fr)}.schedule-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.site-header{height:66px}.mobile-menu{display:block;border:1px solid var(--line);background:none;color:#c9b7d8;padding:8px 11px;font-size:9px}.main-nav{display:none;position:absolute;left:0;right:0;top:66px;height:auto;background:#100a18;flex-direction:column;align-items:stretch}.main-nav.open{display:flex}.main-nav>a,.dropdown>button{width:100%;height:auto;min-height:50px;text-align:left;border-bottom:1px solid rgba(203,181,231,.1)}.dropdown{height:auto}.dropdown-menu{position:static;display:none;opacity:1;visibility:visible;transform:none;border:0}.dropdown.open .dropdown-menu{display:block}.page-hero{padding:70px 5vw}.page-hero h1{font-size:44px}.library-scene{height:420px;min-height:410px}.content{padding:70px 5vw}.content h2{font-size:38px}.profile-card{grid-template-columns:1fr}.image-box{border-right:0;border-bottom:1px solid var(--line);min-height:330px}.notice-item{grid-template-columns:80px 1fr}.notice-thumb{grid-column:2;width:100%;height:auto}.link-grid{grid-template-columns:1fr}footer{grid-template-columns:1fr}.bgm-player{left:10px;bottom:10px}.live-float{right:10px;bottom:10px}}
@media(max-width:480px){.media-grid,.schedule-grid{grid-template-columns:1fr}.profile-lines>div{grid-template-columns:90px 1fr}.link-card{grid-template-columns:1fr}.link-card img{width:100%;height:180px}}


.message-section{padding:0 5vw 95px;border-bottom:1px solid var(--line)}
.message-box{border:1px solid var(--line);background:linear-gradient(145deg,rgba(29,19,44,.82),rgba(15,9,24,.78));padding:34px;display:grid;grid-template-columns:.75fr 1.25fr;gap:5vw;align-items:center;position:relative;overflow:hidden}
.message-box:before{content:"";position:absolute;right:-70px;top:-90px;width:220px;height:220px;border:1px solid rgba(183,150,223,.12);transform:rotate(45deg)}
.message-box h2{font:400 clamp(30px,4vw,52px) "Song Myung";margin:0 0 12px}
.message-box .message-desc{color:var(--muted);font-size:12px;line-height:1.8;white-space:pre-line}
.message-action{border-left:1px solid var(--line);padding-left:5vw}
.message-result{min-height:92px;border:1px solid rgba(203,181,231,.16);background:#0f0a17;padding:20px;display:flex;align-items:center;justify-content:center;text-align:center;font:400 20px/1.8 "Song Myung";color:#d9c6e8;white-space:pre-line}
.message-button{margin-top:12px;width:100%;border:1px solid #8968a8;background:#1d132b;color:#d1b9e3;padding:12px 16px;cursor:pointer;font-size:10px;letter-spacing:.14em}
.message-button:hover{background:#28183b}
@media(max-width:760px){.message-section{padding:0 5vw 70px}.message-box{grid-template-columns:1fr}.message-action{border-left:0;border-top:1px solid var(--line);padding-left:0;padding-top:24px}}


/* ARO starlight particles */
.cursor-particle{
  position:fixed;z-index:99998;pointer-events:none;
  color:#c99df4;
  text-shadow:0 0 8px rgba(192,134,248,.95),0 0 14px rgba(113,68,171,.6);
  transform:translate(-50%,-50%);
  animation:aroTrail .75s ease-out forwards;
}
.cursor-particle.burst{
  color:#ead8ff;
  animation-duration:.9s;
}
@keyframes aroTrail{
  0%{opacity:.95;transform:translate(-50%,-50%) translate(0,0) scale(1) rotate(0deg)}
  100%{opacity:0;transform:translate(-50%,-50%) translate(var(--dx),var(--dy)) scale(.2) rotate(var(--rot))}
}

.simple-footer{grid-template-columns:1fr auto!important;align-items:end}.simple-footer>a{align-self:center}

.brand{position:relative;padding:7px 12px 7px 8px}
.brand:before{content:"✦";position:absolute;right:-8px;top:1px;color:var(--pink);font-size:9px;text-shadow:0 0 8px rgba(242,182,217,.8)}
.brand:after{content:"⋆";position:absolute;right:-16px;bottom:4px;color:var(--lav);font-size:10px}
.brand strong{color:#f7eefe;text-shadow:0 0 10px rgba(202,168,255,.32)}
.brand .moonmark{filter:drop-shadow(0 0 7px rgba(202,168,255,.6))}

.main-nav>a,.dropdown>button{position:relative;border-left:1px solid transparent;border-right:1px solid transparent;transition:.2s ease}
.main-nav>a:hover,.dropdown>button:hover{background:linear-gradient(180deg,rgba(232,194,255,.08),rgba(242,182,217,.04));color:#fff}
.main-nav>a:hover:after,.dropdown>button:hover:after{content:"✦";position:absolute;bottom:9px;left:50%;transform:translateX(-50%);font-size:6px;color:var(--pink)}
.dropdown-menu{border:1px solid rgba(232,198,255,.28)!important;box-shadow:0 18px 50px rgba(0,0,0,.4),0 0 22px rgba(160,104,215,.08)}
.dropdown-menu:before{content:"";position:absolute;left:10px;right:10px;top:7px;height:1px;background:linear-gradient(90deg,transparent,var(--pink),transparent);opacity:.5}
.dropdown-menu a{position:relative;padding-left:28px!important}
.dropdown-menu a:before{content:"✧";position:absolute;left:12px;color:#d9b7f3}

.page-hero{position:relative}
.page-hero:before{content:"✦  ⋆  ✧";position:absolute;left:5vw;top:22px;color:rgba(227,194,255,.36);font-size:10px;letter-spacing:.8em}
.page-hero h1{position:relative;text-shadow:0 0 24px rgba(177,125,220,.12)}
.page-hero h1:after{content:"♡";font-family:"Noto Sans KR";font-size:.2em;color:var(--pink);margin-left:10px;vertical-align:top}
.eyebrow{display:inline-block;padding:5px 10px;border:1px solid rgba(231,200,255,.18);background:rgba(255,255,255,.025);letter-spacing:.22em}

.library-scene{border:1px solid rgba(235,204,255,.28)!important;box-shadow:0 25px 70px rgba(0,0,0,.38),0 0 35px rgba(167,113,217,.08)!important}
.library-scene:before{content:"";position:absolute;inset:10px;border:1px solid rgba(244,208,232,.08);pointer-events:none;z-index:3}
.library-scene:after{content:"✦";position:absolute;right:4%;bottom:4%;font-size:18px;color:rgba(242,182,217,.5);text-shadow:0 0 18px rgba(242,182,217,.7)}
.frame{box-shadow:inset 0 0 14px rgba(189,142,226,.08)}
.mug:before{content:"♡";font-size:8px;color:var(--pink)}

.content{position:relative}
.content:before{content:"";position:absolute;left:5vw;right:5vw;top:0;height:1px;background:linear-gradient(90deg,transparent,rgba(242,182,217,.28),rgba(202,168,255,.34),transparent)}
.text-card,.profile-card,.media-card,.schedule-item,.link-card,.guest-form{
  position:relative;
  border:1px solid rgba(231,201,255,.24)!important;
  background:linear-gradient(145deg,rgba(32,20,48,.82),rgba(18,12,28,.74))!important;
  box-shadow:0 10px 30px rgba(0,0,0,.18),inset 0 0 0 1px rgba(255,255,255,.018);
}
.text-card:before,.profile-card:before,.guest-form:before{
  content:"✦";position:absolute;left:-1px;top:-19px;color:#dcb7ff;font-size:10px;
}
.media-card,.schedule-item,.link-card{transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}
.media-card:hover,.schedule-item:hover,.link-card:hover{
  transform:translateY(-4px);
  border-color:rgba(242,182,217,.42)!important;
  box-shadow:0 15px 35px rgba(0,0,0,.25),0 0 22px rgba(213,160,238,.08);
}
.media-card b,.link-card h3{color:#f5e9ff}

.media-card:before,.schedule-item:before,.link-card:before{
  content:"";position:absolute;width:11px;height:11px;left:6px;top:6px;
  border-left:1px solid rgba(242,182,217,.45);border-top:1px solid rgba(242,182,217,.45)
}
.media-card:after,.schedule-item:after,.link-card:after{
  content:"";position:absolute;width:11px;height:11px;right:6px;bottom:6px;
  border-right:1px solid rgba(202,168,255,.38);border-bottom:1px solid rgba(202,168,255,.38)
}

.message-box{
  border:1px solid rgba(234,201,255,.3)!important;
  background:
    radial-gradient(circle at 10% 18%,rgba(242,182,217,.07),transparent 22%),
    linear-gradient(145deg,rgba(37,23,55,.88),rgba(17,10,27,.82))!important;
  box-shadow:0 18px 45px rgba(0,0,0,.2),0 0 30px rgba(178,120,226,.07)
}
.message-box:after{content:"☾  ✦";position:absolute;right:22px;top:18px;color:rgba(230,198,255,.45);font-size:12px;letter-spacing:.6em}
.message-result{border:1px dashed rgba(242,182,217,.28)!important;background:rgba(15,9,23,.76)!important}
.message-button{
  border:1px solid rgba(242,182,217,.38)!important;
  background:linear-gradient(90deg,#2a1739,#321b42)!important;
  color:#f4dff4!important;
  box-shadow:inset 0 0 14px rgba(242,182,217,.05)
}
.message-button:hover{background:linear-gradient(90deg,#351e48,#402151)!important}

.notice-item,.upbo-item,.guest-item{position:relative;padding-left:18px!important}
.notice-item:before,.upbo-item:before,.guest-item:before{
  content:"✦";position:absolute;left:0;top:21px;color:#d7b0f2;font-size:8px
}
.guest-reply{background:rgba(202,168,255,.035);padding:10px 12px!important;border-left-color:#b890d2!important}

.bgm-player{border:1px solid rgba(232,198,255,.28)!important;background:rgba(21,13,31,.94)!important;box-shadow:0 8px 26px rgba(0,0,0,.28)}
.bgm-player:before{content:"♫";color:var(--pink);font-size:10px;margin-right:-3px}
.live-float{border:1px solid rgba(231,198,255,.26)!important;background:#171020!important}
.live-float.on{background:linear-gradient(90deg,#7f567f,#8f5c9c)!important;box-shadow:0 0 18px rgba(242,182,217,.18)}

footer{position:relative}
footer:before{content:"☾  ✦  ⋆";position:absolute;left:5vw;top:13px;color:rgba(224,193,249,.28);letter-spacing:.6em}
footer b{color:#c9a6e5!important}

::-webkit-scrollbar{width:10px}
::-webkit-scrollbar-track{background:#0c0713}
::-webkit-scrollbar-thumb{background:linear-gradient(#7f5a9f,#a474a6);border:3px solid #0c0713}
::selection{background:#b785cb;color:#fff}