:root{color-scheme:light;--ink:#492b17;--ivory:#f8f1e5;--gold:#b17b34;--line:#d2b385}
*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:#e9e1d4;color:var(--ink)}
body{font-family:"Malgun Gothic","Apple SD Gothic Neo",sans-serif;-webkit-font-smoothing:antialiased}
button,a,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer;color:inherit}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible{outline:3px solid #6b3425;outline-offset:3px}
p,h1,h2,figure{margin:0}[hidden]{display:none!important}

/* G08 is the authority: 853 x 1844, uniformly scaled by card width / 853. */
.card{position:relative;width:min(100%,470px);aspect-ratio:853/1844;margin:0 auto;container-type:inline-size;overflow:hidden;background:#f8efdd}
.paper{position:absolute;inset:0;width:100%;height:auto;pointer-events:none}
.artwork{position:absolute;left:0;top:0;width:100%;height:95.89683470cqw;overflow:hidden}
.artwork img{display:block;width:100%;height:auto}
.identity,.channels,.detail-menu{position:static}
.identity{text-align:center;color:#291b0c}
.identity p,.identity h1{position:absolute;white-space:nowrap;margin:0;padding:0}
.identity h1{font-family:Batang,serif;font-weight:400;line-height:1;letter-spacing:.3cqw}
.roman-name{font-family:'Times New Roman',serif;line-height:1;letter-spacing:1.4cqw}
.roles{font-family:Arial,sans-serif;line-height:1;letter-spacing:.72cqw}
.credentials{font-family:Batang,serif;line-height:1;letter-spacing:.04cqw}
.gold-button{display:block;margin:0;padding:0;border:0;background:none;color:#462708;text-align:left;overflow:hidden}
.surface{position:absolute;width:100cqw;height:auto;max-width:none;pointer-events:none}
.gold-button span{position:absolute;white-space:nowrap;line-height:1;margin:0;padding:0}
.gold-button.secondary{font-family:Arial,sans-serif;color:#111}
.detail-menu .gold-button{font-family:'Times New Roman',serif}
.utility{position:absolute;overflow:hidden}
.utility button{position:absolute;top:0;height:100%;background:none;border:0;margin:0;padding:0;font-family:Batang,serif;color:#3c2710;white-space:nowrap}
.utility span{position:absolute;line-height:1;white-space:nowrap}
#offline{position:fixed;z-index:3;bottom:0;left:50%;transform:translateX(-50%);background:#fff4de;padding:4px 12px;font-size:12px}
h1{position:absolute;left:35.05275498cqw;top:95.77960141cqw;width:28.48769050cqw;height:8.44079719cqw;}
.roman-name{position:absolute;left:30.48065651cqw;top:104.80656506cqw;width:39.50762016cqw;height:5.04103165cqw;}
.roles{position:absolute;left:14.65416178cqw;top:110.19929660cqw;width:71.51230950cqw;height:3.39976553cqw;}
.credentials{position:absolute;left:17.46776084cqw;top:117.23329426cqw;width:63.77491208cqw;height:4.45486518cqw;}
h1{font-size:7.73739742cqw}.identity h1{font-weight:700}.roman-name{font-size:3.98593200cqw;transform:scaleX(.974);transform-origin:left top}.roles{font-size:2.11019930cqw;transform:scaleX(.978);transform-origin:left top}.credentials{font-size:2.93083236cqw;transform:scaleX(1.024);transform-origin:left top}
#youtube{position:absolute;left:3.16529894cqw;top:122.50879250cqw;width:50.64478312cqw;height:16.76436108cqw;}
#youtube .surface{left:-3.16529894cqw;top:-122.50879250cqw}
#youtube span{position:absolute;left:21.68815944cqw;top:6.21336460cqw;width:20.28135991cqw;height:4.57209848cqw;}
#youtube span{font-size:3.75146542cqw}
#tiktok{position:absolute;left:54.16178195cqw;top:122.50879250cqw;width:42.67291911cqw;height:16.76436108cqw;}
#tiktok .surface{left:-54.16178195cqw;top:-122.50879250cqw}
#tiktok span{position:absolute;left:19.92966002cqw;top:6.09613130cqw;width:13.36459555cqw;height:4.92379836cqw;}
#tiktok span{font-size:4.22039859cqw}
#instagram{position:absolute;left:3.63423212cqw;top:139.62485346cqw;width:46.54161782cqw;height:12.30949590cqw;}
#instagram .surface{left:-3.63423212cqw;top:-139.62485346cqw}
#instagram span{position:absolute;left:18.87456038cqw;top:4.57209848cqw;width:16.99882767cqw;height:4.45486518cqw;}
#instagram span{font-size:3.22391559cqw}
#facebook{position:absolute;left:50.52754982cqw;top:139.62485346cqw;width:45.83821805cqw;height:12.30949590cqw;}
#facebook .surface{left:-50.52754982cqw;top:-139.62485346cqw}
#facebook span{position:absolute;left:20.63305979cqw;top:4.10316530cqw;width:16.52989449cqw;height:4.45486518cqw;}
#facebook span{font-size:3.39976553cqw}
[data-page="CONTENTS"]{position:absolute;left:3.63423212cqw;top:152.98944900cqw;width:46.54161782cqw;height:20.28135991cqw;}
[data-page="CONTENTS"] .surface{left:-3.63423212cqw;top:-152.98944900cqw}
[data-page="CONTENTS"] span{position:absolute;left:23.68112544cqw;top:7.03399766cqw;width:16.99882767cqw;height:4.22039859cqw;}
[data-page="CONTENTS"] span{font-size:3.28253224cqw}
[data-page="BEAUTY"]{position:absolute;left:50.41031653cqw;top:152.98944900cqw;width:46.18991794cqw;height:20.28135991cqw;}
[data-page="BEAUTY"] .surface{left:-50.41031653cqw;top:-152.98944900cqw}
[data-page="BEAUTY"] span{position:absolute;left:23.21219226cqw;top:7.26846424cqw;width:13.83352872cqw;height:4.22039859cqw;}
[data-page="BEAUTY"] span{font-size:3.04806565cqw}
[data-page="CAREER"]{position:absolute;left:3.63423212cqw;top:173.15357562cqw;width:46.54161782cqw;height:19.69519343cqw;}
[data-page="CAREER"] .surface{left:-3.63423212cqw;top:-173.15357562cqw}
[data-page="CAREER"] span{position:absolute;left:24.50175850cqw;top:6.91676436cqw;width:14.53692849cqw;height:4.33763189cqw;}
[data-page="CAREER"] span{font-size:3.28253224cqw}
[data-page="COLLAB"]{position:absolute;left:50.41031653cqw;top:173.15357562cqw;width:46.18991794cqw;height:19.69519343cqw;}
[data-page="COLLAB"] .surface{left:-50.41031653cqw;top:-173.15357562cqw}
[data-page="COLLAB"] span{position:absolute;left:23.79835873cqw;top:6.68229777cqw;width:14.65416178cqw;height:4.33763189cqw;}
[data-page="COLLAB"] span{font-size:3.28253224cqw}
#youtube span{font-family:"Malgun Gothic",sans-serif;font-weight:700;letter-spacing:-.1cqw}
#tiktok span{font-family:"Times New Roman",serif}
#instagram span{transform:scaleX(1.08);transform-origin:left top}[data-page="CONTENTS"] span{transform:scaleX(.955);transform-origin:left top}[data-page="BEAUTY"] span{transform:scaleX(.94);transform-origin:left top}
.utility{position:absolute;left:3.98593200cqw;top:194.37280188cqw;width:92.26260258cqw;height:15.24032825cqw;}
.utility .surface{left:-3.98593200cqw;top:-194.37280188cqw}
#save-contact{position:absolute;left:0.00000000cqw;top:0.00000000cqw;width:33.05978898cqw;height:15.24032825cqw;}
#share{position:absolute;left:33.05978898cqw;top:0.00000000cqw;width:30.24618992cqw;height:15.24032825cqw;}
#qr{position:absolute;left:63.30597890cqw;top:0.00000000cqw;width:28.95662368cqw;height:15.24032825cqw;}
#save-contact span{position:absolute;left:15.59202814cqw;top:6.09613130cqw;width:14.18522860cqw;height:4.33763189cqw;}
#save-contact span{font-size:2.69636577cqw}
#share span{position:absolute;left:14.06799531cqw;top:6.09613130cqw;width:11.84056272cqw;height:4.33763189cqw;}
#share span{font-size:2.69636577cqw}
#qr span{position:absolute;left:15.12309496cqw;top:6.33059789cqw;width:5.62719812cqw;height:4.33763189cqw;}
#qr span{font-size:2.69636577cqw}
#save-contact span{transform:scaleX(.906);transform-origin:left top}#share span{transform:scaleX(.885);transform-origin:left top}#qr span{font-family:"Times New Roman",serif;font-size:2.57913247cqw}
dialog{width:calc(100% - 24px);max-width:430px;max-height:calc(100svh - 32px);overflow:auto;border:1px solid var(--gold);border-radius:18px;background:var(--ivory);color:var(--ink);padding:44px 24px 24px;box-shadow:0 15px 70px #2a1a1350}dialog::backdrop{background:#22180db3}dialog h2{font-size:23px;line-height:1.5;text-align:center;margin-bottom:14px}dialog p{line-height:1.8;text-align:center;font-size:15px}.close{position:absolute;top:4px;right:6px;width:44px;height:44px;border:0;background:none;font-size:30px}.plain-button{display:block;min-height:48px;padding:12px 16px;width:100%;text-align:center;border:1px solid var(--gold);border-radius:10px;background:#fff9ef;margin-top:14px}.install-icon{display:block;margin:0 auto 12px;border-radius:16px}ol{padding-left:26px}li{font-size:17px;line-height:1.7;padding:7px 0}input{display:block;width:100%;padding:12px;margin-top:6px}#qr-code{padding:16px;background:#fff;width:288px;max-width:100%;margin:16px auto;aspect-ratio:1;display:flex;align-items:center;justify-content:center}#qr-code:empty{display:none}#qr-code img,#qr-code canvas{max-width:100%;height:auto!important}#qr-dialog .url{overflow-wrap:anywhere;font-size:12px}#toast{position:fixed;z-index:10;bottom:104px;left:50%;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);background:#402c1e;color:#fffaf1;padding:12px 20px;border-radius:12px;text-align:center;line-height:1.6;font-size:14px}

@media(min-width:600px){body{padding:20px 0}.card{box-shadow:0 10px 40px #462c1920}}

/* RY mobile validation fixes 2026-10-21: emphasize core card utilities without moving layout. */
.utility{filter:drop-shadow(0 .75cqw 1.15cqw rgba(103,61,14,.30));isolation:isolate}
.utility::after{content:"";position:absolute;inset:.55cqw;border:.28cqw solid rgba(177,123,52,.82);border-radius:2.5cqw;box-shadow:0 0 0 .25cqw rgba(255,249,235,.85),inset 0 0 1.6cqw rgba(197,137,52,.20);pointer-events:none;z-index:3}
.utility button{font-weight:700;text-shadow:0 .12cqw .18cqw rgba(255,255,255,.95)}
.utility button::after{content:"";position:absolute;inset:1.05cqw .65cqw;border-radius:2.2cqw;box-shadow:inset 0 0 0 .18cqw rgba(177,123,52,.38);pointer-events:none}
.utility button:active::after{background:rgba(255,235,188,.22)}
#save-contact span,#share span{font-size:2.85cqw}#qr span{font-size:2.8cqw;font-weight:700}
