@import url('/wallet/extends/css/redesign-fonts.css');
/* Exact homepage presentation from new-design.html; backend remains in _main.php. */
:is(#homepage-reference,#shop-reference,#account-reference){font-size:16px;line-height:normal;font-family:KpopReference,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#0a1930;font-weight:400;letter-spacing:-.015em;box-sizing:border-box}
:is(#homepage-reference,#shop-reference,#account-reference) *{all:revert;box-sizing:border-box;font:inherit;color:inherit;letter-spacing:inherit}

:is(#homepage-reference,#shop-reference,#account-reference){--navy:#06152d;--navy-2:#0a2348;--ink:#0a1930;--blue:#1556ca;--pink:#f02f51;--yellow:#ffc700;--line:#e6eaf0;--font-sans:KpopReference,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif}
:is(#homepage-reference,#shop-reference,#account-reference) *{box-sizing:border-box}
html:has(:is(#homepage-reference,#shop-reference,#account-reference)){scroll-behavior:smooth}
body:has(:is(#homepage-reference,#shop-reference,#account-reference)){margin:0;background:#f4f7fb;color:var(--ink);font-family:var(--font-sans);font-weight:400;letter-spacing:-.015em;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
:is(#homepage-reference,#shop-reference,#account-reference) button,:is(#homepage-reference,#shop-reference,#account-reference) input,:is(#homepage-reference,#shop-reference,#account-reference) select,:is(#homepage-reference,#shop-reference,#account-reference) textarea{font:inherit}
:is(#homepage-reference,#shop-reference,#account-reference) button:focus-visible,:is(#homepage-reference,#shop-reference,#account-reference) a:focus-visible{outline:3px solid #75aaff;outline-offset:3px}
:is(#homepage-reference,#shop-reference,#account-reference){width:100%;min-height:100vh;margin:0;overflow:hidden;border-radius:0;background:#fff;box-shadow:none}
:is(#homepage-reference,#shop-reference,#account-reference) .site-header{height:86px;padding:0 74px;display:flex;align-items:center;justify-content:space-between;gap:32px;background:rgba(255,255,255,.98);position:relative;z-index:30}
:is(#homepage-reference,#shop-reference,#account-reference) .brand{min-width:max-content;border:0;background:none;color:#0b1830;font-size:21px;font-weight:900;letter-spacing:-.055em;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .brand>b{margin-left:4px;color:#ee2447;font-style:normal}
:is(#homepage-reference,#shop-reference,#account-reference) .brand>i{display:inline-block;color:#1f68d8;font-style:normal;transform:skew(-12deg)}
:is(#homepage-reference,#shop-reference,#account-reference) .brand>em{color:#172039;font-style:normal}
:is(#homepage-reference,#shop-reference,#account-reference) .site-header nav{display:flex;align-items:center;gap:45px;margin-left:auto;margin-right:50px}
:is(#homepage-reference,#shop-reference,#account-reference) .site-header nav button,:is(#homepage-reference,#shop-reference,#account-reference) .login-button{border:0;background:none;color:#182035;font-size:13px;font-weight:650;cursor:pointer;white-space:nowrap}
:is(#homepage-reference,#shop-reference,#account-reference) .site-header nav button:hover,:is(#homepage-reference,#shop-reference,#account-reference) .login-button:hover{color:#155acb}
:is(#homepage-reference,#shop-reference,#account-reference) .header-actions{display:flex;align-items:center;gap:18px}
:is(#homepage-reference,#shop-reference,#account-reference) .icon-button,:is(#homepage-reference,#shop-reference,#account-reference) .menu-button{width:38px;height:38px;border:0;background:none;display:grid;place-items:center;color:#101c31;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .header-line{width:1px;height:24px;background:#dfe4eb}
:is(#homepage-reference,#shop-reference,#account-reference) .join-button{height:48px;padding:0 24px;border:0;border-radius:8px;background:var(--yellow);color:#171300;font-size:13px;font-weight:850;cursor:pointer;box-shadow:0 8px 20px rgba(255,199,0,.22)}
:is(#homepage-reference,#shop-reference,#account-reference) .menu-button{display:none}
:is(#homepage-reference,#shop-reference,#account-reference) .hero{position:relative;min-height:540px;padding:70px 8.5% 50px;display:flex;align-items:center;overflow:hidden;background:radial-gradient(circle at 73% 55%,rgba(25,83,170,.45),transparent 34%),linear-gradient(120deg,#061329 0%,#071a38 65%,#0c2b58 100%);color:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,11,28,.15),transparent 48%,rgba(3,21,51,.12));pointer-events:none}
:is(#homepage-reference,#shop-reference,#account-reference) .star-field,:is(#homepage-reference,#shop-reference,#account-reference) .star-field:before,:is(#homepage-reference,#shop-reference,#account-reference) .star-field:after{position:absolute;inset:0;content:"";background-image:radial-gradient(circle,#559dff 0 1px,transparent 1.5px),radial-gradient(circle,#ff4c80 0 1px,transparent 1.6px);background-position:4% 14%,78% 23%;background-size:170px 130px,260px 210px;opacity:.6}
:is(#homepage-reference,#shop-reference,#account-reference) .star-field:before{transform:translate(52px,35px);opacity:.35}
:is(#homepage-reference,#shop-reference,#account-reference) .star-field:after{transform:translate(-70px,60px);opacity:.22}
:is(#homepage-reference,#shop-reference,#account-reference) .hero-copy{position:relative;z-index:5;width:48%;max-width:580px}
:is(#homepage-reference,#shop-reference,#account-reference) .hero-kicker{margin:0 0 12px;font-size:24px;font-weight:850;letter-spacing:-.04em}
:is(#homepage-reference,#shop-reference,#account-reference) .hero h1{margin:0;font-size:54px;line-height:1.1;letter-spacing:.01em}
:is(#homepage-reference,#shop-reference,#account-reference) .hero h1>span{color:#ef2b4e}
:is(#homepage-reference,#shop-reference,#account-reference) .hero h1 i{color:#2c75e8;font-style:normal}
#homepage-reference .hero h1 .hero-wordmark-tail{color:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .hero-description{margin:18px 0 26px;color:#cbd7ea;font-size:16px;line-height:1.75;letter-spacing:-.02em}
:is(#homepage-reference,#shop-reference,#account-reference) .hero-actions{display:flex;gap:14px}
:is(#homepage-reference,#shop-reference,#account-reference) .action-button{height:54px;min-width:178px;padding:0 24px;border:0;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:16px;background:var(--yellow);color:#161300;font-size:14px;font-weight:850;cursor:pointer;transition:.2s}
:is(#homepage-reference,#shop-reference,#account-reference) .action-button:hover{transform:translateY(-2px);filter:brightness(1.04)}
:is(#homepage-reference,#shop-reference,#account-reference) .action-button.secondary{border:1px solid #c9d3e5;background:rgba(8,28,61,.35);color:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .action-button.secondary svg{order:-1}
:is(#homepage-reference,#shop-reference,#account-reference) .stats{margin-top:43px;display:flex;align-items:center;gap:28px}
:is(#homepage-reference,#shop-reference,#account-reference) .stat{min-width:150px;display:flex;align-items:center;gap:13px}
:is(#homepage-reference,#shop-reference,#account-reference) .stat+.stat{padding-left:24px;border-left:1px solid rgba(255,255,255,.18)}
:is(#homepage-reference,#shop-reference,#account-reference) .stat>svg{color:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .stat>span{display:flex;flex-direction:column;gap:7px;color:#becde2;font-size:11px;white-space:nowrap}
:is(#homepage-reference,#shop-reference,#account-reference) .stat strong{color:#fff;font-size:22px}
:is(#homepage-reference,#shop-reference,#account-reference) .stat small{font-size:10px;font-weight:500;color:#c0ccdc}
:is(#homepage-reference,#shop-reference,#account-reference) .globe-stage{position:absolute;z-index:2;width:57%;height:100%;right:0;top:0}
:is(#homepage-reference,#shop-reference,#account-reference) .globe-stage>img{width:100%;height:100%;object-fit:cover;object-position:center;mix-blend-mode:screen;filter:saturate(1.16) contrast(1.04)}
:is(#homepage-reference,#shop-reference,#account-reference) .globe-stage:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#071630 0%,transparent 36%,transparent 85%,#092650 100%);pointer-events:none}
:is(#homepage-reference,#shop-reference,#account-reference) .avatar{position:absolute;z-index:6;width:50px;height:50px;border:3px solid #fff;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#ffb45d,#d63672);box-shadow:0 0 0 3px rgba(54,112,239,.75),0 8px 18px rgba(0,0,0,.4);font-weight:900}
:is(#homepage-reference,#shop-reference,#account-reference) .avatar-one{left:30%;top:22%}
:is(#homepage-reference,#shop-reference,#account-reference) .avatar-two{right:22%;top:21%;background:linear-gradient(145deg,#ffe7c8,#934a93)}
:is(#homepage-reference,#shop-reference,#account-reference) .avatar-three{left:39%;bottom:25%;background:linear-gradient(145deg,#ff392f,#941b9a)}
:is(#homepage-reference,#shop-reference,#account-reference) .avatar-four{right:19%;bottom:25%;background:linear-gradient(145deg,#f7c8a8,#833754)}
:is(#homepage-reference,#shop-reference,#account-reference) .float-icon{position:absolute;z-index:7;width:44px;height:44px;border:1px solid rgba(255,255,255,.14);border-radius:9px;display:grid;place-items:center;background:rgba(11,34,72,.82);box-shadow:0 9px 22px rgba(0,0,0,.28);font-size:24px}
:is(#homepage-reference,#shop-reference,#account-reference) .heart{right:7%;top:21%;color:#ff4f7a}
:is(#homepage-reference,#shop-reference,#account-reference) .note-one{right:2%;top:49%}
:is(#homepage-reference,#shop-reference,#account-reference) .note-two{right:11%;bottom:12%}
:is(#homepage-reference,#shop-reference,#account-reference) .services{position:relative;padding:43px 11% 28px;text-align:center;background:linear-gradient(180deg,#fff,#f8faff)}
:is(#homepage-reference,#shop-reference,#account-reference) .ghost-word{position:absolute;top:25px;left:50%;transform:translateX(-50%);color:#f3f6fb;font-size:75px;font-weight:900;letter-spacing:.08em}
:is(#homepage-reference,#shop-reference,#account-reference) .section-label{position:relative;margin:0;color:#6c7c93;font-size:9px;font-weight:800;letter-spacing:.25em}
:is(#homepage-reference,#shop-reference,#account-reference) .services h2{position:relative;margin:5px 0 27px;font-size:25px}
:is(#homepage-reference,#shop-reference,#account-reference) .service-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:26px}
:is(#homepage-reference,#shop-reference,#account-reference) .service-card{position:relative;min-height:205px;padding:38px 40px;display:flex;align-items:center;gap:28px;text-align:left;border-radius:12px;overflow:hidden;color:#fff;box-shadow:0 15px 30px rgba(21,66,145,.15)}
:is(#homepage-reference,#shop-reference,#account-reference) .service-card:before{content:"";position:absolute;right:-35px;bottom:-70px;width:210px;height:210px;border:1px solid rgba(255,255,255,.1);border-radius:50%}
:is(#homepage-reference,#shop-reference,#account-reference) .blue-card{background:linear-gradient(135deg,#347de6 0%,#2164ca 48%,#07367f 100%)}
:is(#homepage-reference,#shop-reference,#account-reference) .pink-card{background:linear-gradient(135deg,#f34c70 0%,#de2852 48%,#aa1240 100%)}
:is(#homepage-reference,#shop-reference,#account-reference) .service-icon{flex:0 0 82px;width:82px;height:82px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#1e5cc6}
#homepage-reference .service-icon img{display:block;width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;border-radius:50%}
:is(#homepage-reference,#shop-reference,#account-reference) .pink-card .service-icon{color:#ed3152}
:is(#homepage-reference,#shop-reference,#account-reference) .service-card>div:last-child{position:relative;z-index:2}
:is(#homepage-reference,#shop-reference,#account-reference) .service-card h3{margin:0 0 10px;font-size:21px}
:is(#homepage-reference,#shop-reference,#account-reference) .service-card p:not(.service-number){margin:0;color:rgba(255,255,255,.84);font-size:12px;line-height:1.7}
:is(#homepage-reference,#shop-reference,#account-reference) .service-number{position:absolute;right:-180px;bottom:-60px;margin:0;color:rgba(255,255,255,.12);font-size:84px;font-weight:300}
:is(#homepage-reference,#shop-reference,#account-reference) .service-card button{margin-top:16px;padding:10px 17px;border:0;border-radius:5px;display:flex;align-items:center;gap:12px;background:#fff;color:#205ac2;font-size:11px;font-weight:800;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .pink-card button{color:#eb3152}
:is(#homepage-reference,#shop-reference,#account-reference) .partner-section{margin:0 5% 12px;padding:17px 24px 24px;border:1px solid var(--line);border-radius:12px;background:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .partner-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:15px}
:is(#homepage-reference,#shop-reference,#account-reference) .partner-heading h2{margin:0;font-size:17px}
:is(#homepage-reference,#shop-reference,#account-reference) .partner-heading button{border:0;background:none;display:flex;align-items:center;gap:7px;color:#3e495b;font-size:10px;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .partner-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
:is(#homepage-reference,#shop-reference,#account-reference) .partner-logo{height:66px;border:1px solid #e5e9ef;border-radius:7px;display:grid;place-items:center;color:#111827;background:#fff;font-size:13px;font-weight:900;letter-spacing:-.04em}
:is(#homepage-reference,#shop-reference,#account-reference) .partner-logo.sm{font-size:11px}
:is(#homepage-reference,#shop-reference,#account-reference) .partner-logo.jyp{color:#168bd1;font-size:22px}
:is(#homepage-reference,#shop-reference,#account-reference) .partner-logo.yg{font-size:19px;font-style:italic}
:is(#homepage-reference,#shop-reference,#account-reference) .partner-logo.starship{font-size:10px}
:is(#homepage-reference,#shop-reference,#account-reference) .partner-logo.cj-enm{font-size:11px}
:is(#homepage-reference,#shop-reference,#account-reference) .partner-logo.kakao{font-size:15px;font-weight:700}
:is(#homepage-reference,#shop-reference,#account-reference) .partner-logo.naver{color:#16b52b;font-size:17px}
:is(#homepage-reference,#shop-reference,#account-reference) .site-footer{position:relative;min-height:235px;padding:40px 7% 54px;display:grid;grid-template-columns:1.45fr .8fr .9fr 1.35fr 1fr;gap:42px;background:linear-gradient(135deg,#07162e,#081d3d);color:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .site-footer .brand{padding:0;color:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .site-footer .brand span,:is(#homepage-reference,#shop-reference,#account-reference) .site-footer .brand em{color:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .footer-brand>p,:is(#homepage-reference,#shop-reference,#account-reference) .site-footer>div>p{margin:15px 0;color:#aebcd0;font-size:10px;line-height:1.7}
:is(#homepage-reference,#shop-reference,#account-reference) .site-footer h3{margin:3px 0 15px;font-size:13px}
:is(#homepage-reference,#shop-reference,#account-reference) .site-footer>div:not(.footer-brand){display:flex;align-items:flex-start;flex-direction:column}
:is(#homepage-reference,#shop-reference,#account-reference) .site-footer>div>button{padding:0;margin:0 0 9px;border:0;background:none;color:#aebcd0;font-size:10px;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .site-footer>div>button:hover{color:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .socials{display:flex;gap:8px}
:is(#homepage-reference,#shop-reference,#account-reference) .socials span{width:28px;height:28px;border:1px solid rgba(255,255,255,.5);border-radius:50%;display:grid;place-items:center;font-size:11px}
:is(#homepage-reference,#shop-reference,#account-reference) .footer-cta{align-self:center;height:48px;padding:0 22px;border:1px solid #91a0b7;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:20px;background:transparent;color:#fff;font-size:12px;font-weight:750;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .site-footer>small{position:absolute;bottom:16px;left:50%;transform:translateX(-50%);color:#aeb8c8;font-size:9px}
:is(#homepage-reference,#shop-reference,#account-reference) .modal-backdrop{position:fixed;z-index:100;inset:0;padding:20px;display:grid;place-items:center;background:rgba(0,11,27,.72);backdrop-filter:blur(10px);animation:fade-in .2s ease}
:is(#homepage-reference,#shop-reference,#account-reference) .modal-panel{position:relative;width:min(520px,100%);max-height:min(760px,calc(100vh - 40px));overflow:auto;padding:48px;border:1px solid rgba(255,255,255,.6);border-radius:22px;background:#fff;box-shadow:0 30px 90px rgba(0,10,31,.38);animation:panel-in .24s ease}
:is(#homepage-reference,#shop-reference,#account-reference) .modal-panel.reward-modal{width:min(1060px,100%)}
:is(#homepage-reference,#shop-reference,#account-reference) .modal-close{position:absolute;z-index:3;right:18px;top:15px;width:36px;height:36px;border:0;border-radius:50%;display:grid;place-items:center;background:#f1f4f8;color:#18253a;font-size:25px;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .modal-badge{width:52px;height:52px;margin-bottom:22px;border-radius:14px;display:grid;place-items:center;background:#fff1f3;color:#ed3152}
:is(#homepage-reference,#shop-reference,#account-reference) .modal-badge.blue{background:#eef5ff;color:#165bc8}
:is(#homepage-reference,#shop-reference,#account-reference) .modal-kicker{margin:0 0 7px;color:#55708f;font-size:9px;font-weight:850;letter-spacing:.18em}
:is(#homepage-reference,#shop-reference,#account-reference) .modal-panel h2{margin:0 0 12px;font-size:30px;letter-spacing:-.045em}
:is(#homepage-reference,#shop-reference,#account-reference) .modal-panel>div>p:not(.modal-kicker),:is(#homepage-reference,#shop-reference,#account-reference) .account-modal>p:not(.modal-kicker),:is(#homepage-reference,#shop-reference,#account-reference) .times-modal>p:not(.modal-kicker){margin:0;color:#66758a;font-size:13px;line-height:1.7}
:is(#homepage-reference,#shop-reference,#account-reference) .account-modal form{margin-top:28px}
:is(#homepage-reference,#shop-reference,#account-reference) .account-modal form label{display:block;margin-bottom:8px;color:#5c6c80;font-size:10px;font-weight:750}
:is(#homepage-reference,#shop-reference,#account-reference) .account-modal input{width:100%;height:52px;padding:0 15px;border:1px solid #dce2ea;border-radius:8px;background:#fbfcfe;font-size:14px}
:is(#homepage-reference,#shop-reference,#account-reference) .account-modal form button,:is(#homepage-reference,#shop-reference,#account-reference) .wide-dark{width:100%;height:52px;margin-top:10px;border:0;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:16px;background:#071a39;color:#fff;font-size:12px;font-weight:800;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .account-modal>small{display:block;margin-top:13px;color:#9aa4b2;font-size:9px}
:is(#homepage-reference,#shop-reference,#account-reference) .success-box{margin:26px 0 4px;padding:16px;display:grid;grid-template-columns:38px 1fr auto;gap:12px;align-items:center;border:1px solid #b8ead7;border-radius:10px;background:#f3fff9}
:is(#homepage-reference,#shop-reference,#account-reference) .success-box>b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#24ae7d;color:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .success-box>span{display:flex;flex-direction:column;gap:4px}
:is(#homepage-reference,#shop-reference,#account-reference) .success-box small{color:#66788a}
:is(#homepage-reference,#shop-reference,#account-reference) .success-box button{border:0;background:none;color:#188a64;font-size:10px;text-decoration:underline;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .link-preview{margin:26px 0 4px;padding:17px 18px;display:flex;justify-content:space-between;border:1px solid #dce4ed;border-radius:9px;background:#f7f9fc;color:#33455c;font-size:12px}
:is(#homepage-reference,#shop-reference,#account-reference) .link-preview b{color:#165bc8}
:is(#homepage-reference,#shop-reference,#account-reference) .search-field{height:58px;margin-top:25px;padding:0 16px;display:flex;align-items:center;gap:12px;border:1px solid #cfd8e4;border-radius:10px;background:#fafcff}
:is(#homepage-reference,#shop-reference,#account-reference) .search-field input{width:100%;border:0;outline:0;background:transparent}
:is(#homepage-reference,#shop-reference,#account-reference) .quick-links{margin-top:14px;display:flex;gap:7px;flex-wrap:wrap}
:is(#homepage-reference,#shop-reference,#account-reference) .quick-links button{padding:9px 13px;border:1px solid #e1e6ed;border-radius:20px;background:#fff;color:#4b5d73;font-size:10px;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-modal-head{padding-bottom:23px;display:flex;align-items:flex-end;justify-content:space-between;gap:30px;border-bottom:1px solid #e8edf3}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-modal-head aside{min-width:160px;padding:15px;border-radius:12px;background:#071a39;color:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-modal-head aside span{display:block;color:#aebdd1;font-size:9px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-modal-head aside strong{display:block;margin-top:4px;font-size:22px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-video-grid{margin-top:22px;display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-video{overflow:hidden;border:1px solid #e2e7ee;border-radius:13px;background:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .video-thumb{position:relative;height:138px;display:grid;place-items:center;overflow:hidden;background:radial-gradient(circle at 72% 30%,rgba(255,255,255,.34),transparent 18%),linear-gradient(135deg,#2359c5,#071f56);color:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .video-2{background:radial-gradient(circle at 30% 70%,rgba(255,255,255,.2),transparent 18%),linear-gradient(135deg,#fa3a62,#8b1c61)}
:is(#homepage-reference,#shop-reference,#account-reference) .video-3{background:radial-gradient(circle at 70% 20%,rgba(255,255,255,.25),transparent 20%),linear-gradient(135deg,#5f35d4,#10285d)}
:is(#homepage-reference,#shop-reference,#account-reference) .video-thumb:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(255,255,255,.25);border-radius:50%;transform:rotate(35deg)}
:is(#homepage-reference,#shop-reference,#account-reference) .video-thumb>span{position:absolute;left:13px;top:12px;font-size:10px;font-weight:800}
:is(#homepage-reference,#shop-reference,#account-reference) .video-thumb>b{position:relative;z-index:2;width:47px;height:47px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#ed274a;box-shadow:0 7px 20px rgba(0,0,0,.22)}
:is(#homepage-reference,#shop-reference,#account-reference) .video-thumb>small{position:absolute;right:10px;bottom:9px;padding:3px 6px;border-radius:4px;background:rgba(0,0,0,.68);font-size:9px}
:is(#homepage-reference,#shop-reference,#account-reference) .video-details{padding:16px}
:is(#homepage-reference,#shop-reference,#account-reference) .video-details>span{color:#69788b;font-size:8px;font-weight:850;letter-spacing:.13em}
:is(#homepage-reference,#shop-reference,#account-reference) .video-details h3{margin:7px 0 12px;font-size:14px}
:is(#homepage-reference,#shop-reference,#account-reference) .video-details>p{display:flex;justify-content:space-between;color:#778497;font-size:10px}
:is(#homepage-reference,#shop-reference,#account-reference) .video-details>p b{color:#ed3152}
:is(#homepage-reference,#shop-reference,#account-reference) .video-details>div{margin-top:13px;display:grid;grid-template-columns:1fr 1fr;gap:7px}
:is(#homepage-reference,#shop-reference,#account-reference) .video-details a,:is(#homepage-reference,#shop-reference,#account-reference) .video-details button{min-height:36px;padding:0 8px;border-radius:6px;display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;font-size:9px;font-weight:800}
:is(#homepage-reference,#shop-reference,#account-reference) .video-details a{border:1px solid #d8e0ea;color:#1c5fc9}
:is(#homepage-reference,#shop-reference,#account-reference) .video-details button{border:0;background:#ffc800;color:#221b00;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .video-details button:disabled{background:#e9edf2;color:#748093;cursor:default}
:is(#homepage-reference,#shop-reference,#account-reference) .prototype-note{margin:14px 0 0!important;text-align:center;color:#99a3b1!important;font-size:9px!important}
@keyframes fade-in{from{opacity:0}to{opacity:1}}
@keyframes panel-in{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
@media(max-width:1100px){:is(#homepage-reference,#shop-reference,#account-reference) .site-header{padding:0 34px}
:is(#homepage-reference,#shop-reference,#account-reference) .site-header nav{gap:24px;margin-right:15px}
:is(#homepage-reference,#shop-reference,#account-reference) .hero{padding-left:6%}
:is(#homepage-reference,#shop-reference,#account-reference) .hero-copy{width:52%}
:is(#homepage-reference,#shop-reference,#account-reference) .globe-stage{right:-4%}
:is(#homepage-reference,#shop-reference,#account-reference) .stats{gap:16px}
:is(#homepage-reference,#shop-reference,#account-reference) .stat{min-width:120px}
:is(#homepage-reference,#shop-reference,#account-reference) .stat+.stat{padding-left:14px}
:is(#homepage-reference,#shop-reference,#account-reference) .partner-grid{grid-template-columns:repeat(4,1fr)}}
@media(max-width:760px){body:has(:is(#homepage-reference,#shop-reference,#account-reference)){background:#edf2f8}
:is(#homepage-reference,#shop-reference,#account-reference){width:100%;margin:0;min-height:100vh;border-radius:0}
:is(#homepage-reference,#shop-reference,#account-reference) .site-header{height:72px;padding:0 18px}
:is(#homepage-reference,#shop-reference,#account-reference) .brand{font-size:16px}
:is(#homepage-reference,#shop-reference,#account-reference) .site-header nav{position:absolute;left:14px;right:14px;top:62px;margin:0;padding:12px;display:none;flex-direction:column;align-items:stretch;gap:0;border-radius:12px;background:#fff;box-shadow:0 14px 30px rgba(4,23,52,.22)}
:is(#homepage-reference,#shop-reference,#account-reference) .site-header nav.open{display:flex}
:is(#homepage-reference,#shop-reference,#account-reference) .site-header nav button{padding:13px 12px;text-align:left}
:is(#homepage-reference,#shop-reference,#account-reference) .header-actions{gap:4px}
:is(#homepage-reference,#shop-reference,#account-reference) .header-line,:is(#homepage-reference,#shop-reference,#account-reference) .login-button,:is(#homepage-reference,#shop-reference,#account-reference) .join-button{display:none}
:is(#homepage-reference,#shop-reference,#account-reference) .menu-button{display:grid}
:is(#homepage-reference,#shop-reference,#account-reference) .hero{min-height:auto;padding:32px 20px 26px;display:block;background:radial-gradient(circle at 80% 35%,rgba(34,90,180,.25),transparent 30%),linear-gradient(145deg,#06152e,#0a2854)}
:is(#homepage-reference,#shop-reference,#account-reference) .hero-copy{width:100%;max-width:none}
:is(#homepage-reference,#shop-reference,#account-reference) .hero-kicker{font-size:18px}
:is(#homepage-reference,#shop-reference,#account-reference) .hero h1{font-size:35px}
:is(#homepage-reference,#shop-reference,#account-reference) .hero-description{margin:14px 0 19px;font-size:13px;line-height:1.7}
:is(#homepage-reference,#shop-reference,#account-reference) .desktop-break{display:none}
:is(#homepage-reference,#shop-reference,#account-reference) .hero-actions{display:grid;gap:8px}
:is(#homepage-reference,#shop-reference,#account-reference) .action-button{width:100%;height:48px}
:is(#homepage-reference,#shop-reference,#account-reference) .globe-stage{display:none}
:is(#homepage-reference,#shop-reference,#account-reference) .stats{margin-top:24px;padding-top:22px;border-top:1px solid rgba(255,255,255,.12);justify-content:space-between;gap:8px}
:is(#homepage-reference,#shop-reference,#account-reference) .stat{min-width:0;display:grid;grid-template-columns:auto 1fr;gap:5px}
:is(#homepage-reference,#shop-reference,#account-reference) .stat+.stat{padding-left:8px}
:is(#homepage-reference,#shop-reference,#account-reference) .stat>svg{width:21px}
:is(#homepage-reference,#shop-reference,#account-reference) .stat>span{gap:4px;font-size:8px}
:is(#homepage-reference,#shop-reference,#account-reference) .stat strong{font-size:14px}
:is(#homepage-reference,#shop-reference,#account-reference) .stat small{font-size:8px}
:is(#homepage-reference,#shop-reference,#account-reference) .services{padding:28px 14px 16px}
:is(#homepage-reference,#shop-reference,#account-reference) .ghost-word{display:none}
:is(#homepage-reference,#shop-reference,#account-reference) .services h2{margin:4px 0 18px;font-size:18px}
:is(#homepage-reference,#shop-reference,#account-reference) .service-grid{grid-template-columns:1fr;gap:10px}
:is(#homepage-reference,#shop-reference,#account-reference) .service-card{min-height:150px;padding:24px 22px;gap:18px}
:is(#homepage-reference,#shop-reference,#account-reference) .service-icon{flex-basis:58px;width:58px;height:58px}
:is(#homepage-reference,#shop-reference,#account-reference) .service-icon svg{width:27px}
:is(#homepage-reference,#shop-reference,#account-reference) .service-card h3{font-size:17px}
:is(#homepage-reference,#shop-reference,#account-reference) .service-card p:not(.service-number){font-size:10px}
:is(#homepage-reference,#shop-reference,#account-reference) .service-card button{margin-top:10px;padding:8px 14px}
:is(#homepage-reference,#shop-reference,#account-reference) .service-number{right:-70px;bottom:-40px;font-size:64px}
:is(#homepage-reference,#shop-reference,#account-reference) .partner-section{margin:0;padding:22px 14px 28px;border:0;border-radius:0}
:is(#homepage-reference,#shop-reference,#account-reference) .partner-grid{grid-template-columns:repeat(3,1fr);gap:8px}
:is(#homepage-reference,#shop-reference,#account-reference) .partner-logo{height:59px;font-size:11px}
:is(#homepage-reference,#shop-reference,#account-reference) .site-footer{padding:32px 22px 45px;grid-template-columns:1fr 1fr;gap:28px}
:is(#homepage-reference,#shop-reference,#account-reference) .footer-brand{grid-column:1/-1}
:is(#homepage-reference,#shop-reference,#account-reference) .footer-cta{width:100%;grid-column:1/-1}
:is(#homepage-reference,#shop-reference,#account-reference) .site-footer>small{white-space:nowrap}
:is(#homepage-reference,#shop-reference,#account-reference) .modal-panel{padding:38px 22px 24px;border-radius:16px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-modal-head{align-items:flex-start;flex-direction:column}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-modal-head aside{width:100%}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-video-grid{grid-template-columns:1fr}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-video{display:grid;grid-template-columns:115px 1fr}
:is(#homepage-reference,#shop-reference,#account-reference) .video-thumb{height:100%;min-height:155px}
:is(#homepage-reference,#shop-reference,#account-reference) .video-thumb>span{font-size:8px}
:is(#homepage-reference,#shop-reference,#account-reference) .video-details>div{grid-template-columns:1fr}
:is(#homepage-reference,#shop-reference,#account-reference) .modal-backdrop{padding:10px}}
@media(max-width:390px){:is(#homepage-reference,#shop-reference,#account-reference) .stats{gap:3px}
:is(#homepage-reference,#shop-reference,#account-reference) .stat{grid-template-columns:1fr;text-align:center}
:is(#homepage-reference,#shop-reference,#account-reference) .stat>svg{margin:auto}
:is(#homepage-reference,#shop-reference,#account-reference) .stat+.stat{padding-left:3px}
:is(#homepage-reference,#shop-reference,#account-reference) .hero-kicker{font-size:16px}
:is(#homepage-reference,#shop-reference,#account-reference) .partner-logo{font-size:9px}}
/* Shared navigation and language selector */
:is(#homepage-reference,#shop-reference,#account-reference) .brand{text-decoration:none}
:is(#homepage-reference,#shop-reference,#account-reference) .site-header nav a{color:#182035;font-size:13px;font-weight:650;text-decoration:none;white-space:nowrap}
:is(#homepage-reference,#shop-reference,#account-reference) .site-header nav a:hover{color:#155acb}
:is(#homepage-reference,#shop-reference,#account-reference) .language-select{height:36px;padding:0 8px;display:flex;align-items:center;gap:5px;border:1px solid #e0e5ec;border-radius:7px;background:#fff;color:#1b2940}
:is(#homepage-reference,#shop-reference,#account-reference) .language-select select{padding-right:2px;border:0;outline:0;background:transparent;color:inherit;font-size:10px;font-weight:800;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .service-page-link{margin-top:16px;padding:10px 17px;border-radius:5px;display:flex;align-items:center;gap:12px;width:max-content;background:#fff;color:#eb3152;font-size:11px;font-weight:800;text-decoration:none}
:is(#homepage-reference,#shop-reference,#account-reference) .site-footer>div>a{padding:0;margin:0 0 9px;color:#aebcd0;font-size:10px;text-decoration:none}
:is(#homepage-reference,#shop-reference,#account-reference) .site-footer>div>a:hover{color:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .quick-links a{padding:9px 13px;border:1px solid #e1e6ed;border-radius:20px;background:#fff;color:#4b5d73;font-size:10px;text-decoration:none}
:is(#homepage-reference,#shop-reference,#account-reference) .account-flow-panel{width:min(650px,100%)}
/* Multi-step registration */
:is(#homepage-reference,#shop-reference,#account-reference) .signup-progress{margin:-10px 38px 30px 0;display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:9px}
:is(#homepage-reference,#shop-reference,#account-reference) .signup-progress>span{width:29px;height:29px;border:1px solid #d9e0e9;border-radius:50%;display:grid;place-items:center;position:relative;color:#9ba7b7;font-size:10px;font-weight:850}
:is(#homepage-reference,#shop-reference,#account-reference) .signup-progress>span.active{border-color:#1c5fc9;background:#1c5fc9;color:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .signup-progress>span i{position:absolute;top:35px;left:50%;transform:translateX(-50%);color:#8190a3;font-size:7px;font-style:normal;letter-spacing:.1em;white-space:nowrap}
:is(#homepage-reference,#shop-reference,#account-reference) .signup-progress>b{height:1px;background:#dfe5ec}
:is(#homepage-reference,#shop-reference,#account-reference) .profile-form{margin-top:22px!important}
:is(#homepage-reference,#shop-reference,#account-reference) .profile-form>label,:is(#homepage-reference,#shop-reference,#account-reference) .profile-form .form-row label{display:flex!important;flex-direction:column;gap:7px;margin:0!important;color:#4b5e75!important}
:is(#homepage-reference,#shop-reference,#account-reference) .profile-form .form-row{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:12px}
:is(#homepage-reference,#shop-reference,#account-reference) .profile-form>label{margin-bottom:12px!important}
:is(#homepage-reference,#shop-reference,#account-reference) .profile-form input{height:47px}
:is(#homepage-reference,#shop-reference,#account-reference) .terms-check{display:grid!important;grid-template-columns:17px 1fr!important;align-items:center;gap:9px!important;padding:5px 0}
:is(#homepage-reference,#shop-reference,#account-reference) .terms-check input{width:16px!important;height:16px!important;margin:0}
:is(#homepage-reference,#shop-reference,#account-reference) .terms-check span{font-size:9px;font-weight:500;line-height:1.5}
:is(#homepage-reference,#shop-reference,#account-reference) .profile-actions{display:grid;grid-template-columns:110px 1fr;gap:8px}
:is(#homepage-reference,#shop-reference,#account-reference) .profile-actions button{margin:0!important}
:is(#homepage-reference,#shop-reference,#account-reference) .profile-actions .back-button{border:1px solid #d8e0e9!important;background:#fff!important;color:#40536b!important}
:is(#homepage-reference,#shop-reference,#account-reference) .signup-complete{padding:35px 5px 5px;text-align:center}
:is(#homepage-reference,#shop-reference,#account-reference) .signup-complete>span{width:76px;height:76px;margin:0 auto 24px;border-radius:50%;display:grid;place-items:center;background:#eafbf4;color:#1ba876}
:is(#homepage-reference,#shop-reference,#account-reference) .signup-complete>p:not(.modal-kicker){max-width:430px;margin:0 auto 25px!important}
:is(#homepage-reference,#shop-reference,#account-reference) .signup-complete .wide-dark{max-width:330px;margin:24px auto 0}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-badge{margin-bottom:17px;background:#fff5db;color:#d89b00}
:is(#homepage-reference,#shop-reference,#account-reference) .signup-reward-heading{margin-bottom:18px;display:grid;grid-template-columns:1fr 118px;gap:20px;align-items:center}
:is(#homepage-reference,#shop-reference,#account-reference) .signup-reward-heading h2{margin:0 0 8px;line-height:1.18}
:is(#homepage-reference,#shop-reference,#account-reference) .signup-reward-heading h2 strong{color:#ed3152}
:is(#homepage-reference,#shop-reference,#account-reference) .signup-reward-heading p{margin:0;color:#66758a;font-size:12px}
:is(#homepage-reference,#shop-reference,#account-reference) .signup-reward-heading>span{height:104px;border-radius:17px;display:flex;align-items:center;justify-content:center;flex-direction:column;background:linear-gradient(145deg,#071a39,#12366d);color:#fff;box-shadow:0 13px 28px rgba(7,26,57,.2)}
:is(#homepage-reference,#shop-reference,#account-reference) .signup-reward-heading>span svg{color:#ffca08}
:is(#homepage-reference,#shop-reference,#account-reference) .signup-reward-heading>span b{margin-top:5px;font-size:22px}
:is(#homepage-reference,#shop-reference,#account-reference) .signup-reward-heading>span small{margin-top:2px;color:#91a8c7;font-size:7px;font-weight:800;letter-spacing:.12em}
:is(#homepage-reference,#shop-reference,#account-reference) .membership-options{display:grid;grid-template-columns:1fr 1fr;gap:9px}
:is(#homepage-reference,#shop-reference,#account-reference) .membership-options button{min-height:64px;padding:0 15px;border:1px solid #dce3ec;border-radius:10px;display:flex;align-items:center;justify-content:space-between;background:#fff;color:#25364e;text-align:left;cursor:pointer;transition:.18s}
:is(#homepage-reference,#shop-reference,#account-reference) .membership-options button:hover{border-color:#9db7df}
:is(#homepage-reference,#shop-reference,#account-reference) .membership-options button.active{border-color:#132c59;background:#f3f7fd;box-shadow:inset 0 0 0 1px #132c59}
:is(#homepage-reference,#shop-reference,#account-reference) .membership-options button span{display:flex;flex-direction:column;gap:4px}
:is(#homepage-reference,#shop-reference,#account-reference) .membership-options button b{font-size:12px}
:is(#homepage-reference,#shop-reference,#account-reference) .membership-options button small{color:#8997a9;font-size:7px;letter-spacing:.08em}
:is(#homepage-reference,#shop-reference,#account-reference) .membership-options button i{width:21px;height:21px;border:1px solid #d6dee9;border-radius:50%;display:grid;place-items:center;color:#fff;font-size:10px;font-style:normal}
:is(#homepage-reference,#shop-reference,#account-reference) .membership-options button.active i{border-color:#132c59;background:#132c59}
:is(#homepage-reference,#shop-reference,#account-reference) .times-reward-note{position:relative;margin-top:15px;min-height:84px;padding:16px 17px;display:grid;grid-template-columns:48px 1fr auto;gap:14px;align-items:center;overflow:hidden;border:1px solid #e7eaf2;border-radius:14px;background:linear-gradient(135deg,#f7f9fd 0%,#fff5f7 100%)}
:is(#homepage-reference,#shop-reference,#account-reference) .times-reward-note:after{content:"";position:absolute;right:-32px;bottom:-42px;width:105px;height:105px;border:1px solid rgba(237,49,82,.08);border-radius:50%}
:is(#homepage-reference,#shop-reference,#account-reference) .times-reward-note>span{width:48px;height:48px;border:1px solid #ffe1e7;border-radius:13px;display:grid;place-items:center;background:#fff;color:#ed3152;box-shadow:0 7px 18px rgba(31,48,76,.07)}
:is(#homepage-reference,#shop-reference,#account-reference) .times-reward-note>div{position:relative;z-index:1;min-width:0}
:is(#homepage-reference,#shop-reference,#account-reference) .times-reward-note>div>b{display:block;margin-bottom:5px;color:#162944;font-size:12px}
:is(#homepage-reference,#shop-reference,#account-reference) .times-reward-note>div>p{margin:0!important;color:#687a90!important;font-size:10px!important;line-height:1.55!important}
:is(#homepage-reference,#shop-reference,#account-reference) .times-reward-note>strong{position:relative;z-index:1;min-width:118px;padding:11px 13px;border-radius:10px;display:flex;align-items:flex-end;flex-direction:column;background:#071a39;color:#ffca08;font-size:19px;letter-spacing:-.02em;box-shadow:0 8px 18px rgba(7,26,57,.14)}
:is(#homepage-reference,#shop-reference,#account-reference) .times-reward-note>strong small{margin-bottom:2px;color:#aebdd2;font-size:8px;font-weight:700;letter-spacing:.06em}
:is(#homepage-reference,#shop-reference,#account-reference) .membership-email-form{margin-top:18px!important}
:is(#homepage-reference,#shop-reference,#account-reference) .welcome-points{max-width:340px;margin:22px auto;padding:18px;border:1px solid #f3d56a;border-radius:13px;background:#fff9e7}
:is(#homepage-reference,#shop-reference,#account-reference) .welcome-points small{display:block;color:#8c7a37;font-size:8px;font-weight:850;letter-spacing:.14em}
:is(#homepage-reference,#shop-reference,#account-reference) .welcome-points strong{display:block;margin:4px 0;color:#ed3152;font-size:30px}
:is(#homepage-reference,#shop-reference,#account-reference) .welcome-points p{margin:0;color:#776b48;font-size:9px}
/* Expanded Korean registration form */
:is(#homepage-reference,#shop-reference,#account-reference) .profile-expanded{width:min(790px,100%);padding:46px 50px}
:is(#homepage-reference,#shop-reference,#account-reference) .detailed-profile-form{display:flex;flex-direction:column;gap:13px}
:is(#homepage-reference,#shop-reference,#account-reference) .profile-section{padding:16px;border:1px solid #e2e8f0;border-radius:13px;background:#fbfcfe}
:is(#homepage-reference,#shop-reference,#account-reference) .profile-section-head{margin-bottom:15px;display:flex;align-items:center;gap:10px}
:is(#homepage-reference,#shop-reference,#account-reference) .profile-section-head>span{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#eaf2ff;color:#1b61c9;font-size:9px;font-weight:900}
:is(#homepage-reference,#shop-reference,#account-reference) .profile-section-head>div{display:flex;flex-direction:column;gap:3px}
:is(#homepage-reference,#shop-reference,#account-reference) .profile-section-head b{color:#1a2a42;font-size:12px}
:is(#homepage-reference,#shop-reference,#account-reference) .profile-section-head small{color:#8b98a9;font-size:8px}
:is(#homepage-reference,#shop-reference,#account-reference) .profile-section label{display:flex;flex-direction:column;gap:7px;margin:0;color:#4b5e75;font-size:10px;font-weight:750}
:is(#homepage-reference,#shop-reference,#account-reference) .profile-section .form-row:last-child{margin-bottom:0}
:is(#homepage-reference,#shop-reference,#account-reference) .profile-section input,:is(#homepage-reference,#shop-reference,#account-reference) .profile-section select{width:100%;height:47px;padding:0 14px;border:1px solid #dce2ea;border-radius:8px;outline:0;background:#fff;color:#1a2b43;font-size:12px}
:is(#homepage-reference,#shop-reference,#account-reference) .profile-section input:focus,:is(#homepage-reference,#shop-reference,#account-reference) .profile-section select:focus{border-color:#2b6acb;box-shadow:0 0 0 3px rgba(43,106,203,.09)}
:is(#homepage-reference,#shop-reference,#account-reference) .profile-section input[readonly]{background:#f1f4f8;color:#7c8b9e}
:is(#homepage-reference,#shop-reference,#account-reference) .input-with-action{display:grid;grid-template-columns:1fr 66px}
:is(#homepage-reference,#shop-reference,#account-reference) .input-with-action input{border-radius:8px 0 0 8px}
:is(#homepage-reference,#shop-reference,#account-reference) .input-with-action button{width:66px!important;height:47px!important;margin:0!important;border:1px solid #dce2ea!important;border-left:0!important;border-radius:0 8px 8px 0!important;background:#fff!important;color:#1c5fc9!important;font-size:10px!important}
:is(#homepage-reference,#shop-reference,#account-reference) .agreement-section{background:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .agreement-all{padding:13px 14px!important;display:grid!important;grid-template-columns:18px 1fr!important;align-items:center;gap:11px!important;border-radius:10px;background:#f3f6fa}
:is(#homepage-reference,#shop-reference,#account-reference) .agreement-section input{width:17px!important;height:17px!important;margin:0;accent-color:#1c5fc9}
:is(#homepage-reference,#shop-reference,#account-reference) .agreement-all>span{display:flex;flex-direction:column;gap:3px}
:is(#homepage-reference,#shop-reference,#account-reference) .agreement-all b{color:#1b2b43;font-size:11px}
:is(#homepage-reference,#shop-reference,#account-reference) .agreement-all small{color:#8a97a8;font-size:8px;font-weight:500}
:is(#homepage-reference,#shop-reference,#account-reference) .agreement-list{padding:4px 4px 0}
:is(#homepage-reference,#shop-reference,#account-reference) .agreement-row{padding:10px 3px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #edf0f4}
:is(#homepage-reference,#shop-reference,#account-reference) .agreement-row:last-child{border-bottom:0}
:is(#homepage-reference,#shop-reference,#account-reference) .agreement-row label{display:flex!important;align-items:center;flex-direction:row!important;gap:9px!important}
:is(#homepage-reference,#shop-reference,#account-reference) .agreement-row label span{color:#536478;font-size:9px;font-weight:550}
:is(#homepage-reference,#shop-reference,#account-reference) .agreement-row label b{color:#1c5fc9}
:is(#homepage-reference,#shop-reference,#account-reference) .agreement-row>button{width:auto!important;height:auto!important;margin:0!important;padding:5px 7px!important;border:0!important;background:none!important;color:#7a8ba0!important;font-size:8px!important;text-decoration:underline}
/* Dedicated video rewards page */
:is(#homepage-reference,#shop-reference,#account-reference) .rewards-page{background:#f7f9fc}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-page-hero{position:relative;min-height:440px;padding:66px 8%;display:grid;grid-template-columns:1fr 310px;gap:80px;align-items:center;overflow:hidden;background:radial-gradient(circle at 78% 25%,rgba(49,102,240,.38),transparent 29%),linear-gradient(125deg,#06142c,#092756);color:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-page-hero:before{content:"";position:absolute;inset:0;background-image:radial-gradient(circle,#5e9aff 0 1px,transparent 1.5px),radial-gradient(circle,#ff3c70 0 1px,transparent 1.5px);background-size:150px 115px,240px 180px;opacity:.35}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-page-copy,:is(#homepage-reference,#shop-reference,#account-reference) .reward-balance{position:relative;z-index:3}
:is(#homepage-reference,#shop-reference,#account-reference) .back-home{display:inline-block;margin-bottom:22px;color:#a8bbd5;font-size:10px;font-weight:750;text-decoration:none}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-page-copy .section-label{color:#64a0ff}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-page-copy h1{margin:10px 0 16px;font-size:clamp(40px,5vw,67px);line-height:.98;letter-spacing:-.055em}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-page-copy h1 span{color:#ffca08}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-page-copy>p:not(.section-label){max-width:600px;margin:0;color:#b9c8da;font-size:13px;line-height:1.8}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-how{margin-top:31px;display:flex;align-items:center;gap:15px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-how span{display:flex;align-items:center;gap:8px;color:#bdcce0;font-size:9px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-how b{width:25px;height:25px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-how i{width:25px;height:1px;background:rgba(255,255,255,.25)}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-balance{padding:31px;border:1px solid rgba(255,255,255,.18);border-radius:20px;background:rgba(4,19,48,.56);box-shadow:0 25px 60px rgba(0,0,0,.2);backdrop-filter:blur(12px)}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-balance>span{color:#8fa8c9;font-size:8px;font-weight:850;letter-spacing:.17em}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-balance>strong{display:block;margin:8px 0 23px;font-size:42px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-balance>strong small{font-size:17px;color:#ffcb0a}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-balance>div{padding:18px 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.12);border-bottom:1px solid rgba(255,255,255,.12)}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-balance p{margin:0;display:flex;flex-direction:column;gap:5px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-balance p+p{padding-left:18px;border-left:1px solid rgba(255,255,255,.12)}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-balance p b{font-size:22px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-balance p span{color:#9eb0c8;font-size:9px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-balance>small{display:block;margin-top:14px;color:#6f89aa;font-size:8px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-orbit{position:absolute;border:1px solid rgba(72,134,255,.45);border-radius:50%;transform:rotate(25deg)}
:is(#homepage-reference,#shop-reference,#account-reference) .orbit-one{width:530px;height:180px;right:-100px;top:95px}
:is(#homepage-reference,#shop-reference,#account-reference) .orbit-two{width:410px;height:135px;right:-20px;top:140px;transform:rotate(-34deg);border-color:rgba(255,53,105,.32)}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-library{padding:55px 7% 70px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-library-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:28px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-library-head h2{margin:6px 0 7px;font-size:30px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-library-head>div>p:last-child{margin:0;color:#718096;font-size:11px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-filters{display:flex;gap:7px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-filters button{height:38px;padding:0 17px;border:1px solid #dce3ec;border-radius:20px;background:#fff;color:#67768a;font-size:9px;font-weight:800;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-filters button.active{border-color:#102c5e;background:#102c5e;color:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-page-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-card{overflow:hidden;border:1px solid #e0e6ee;border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(26,55,96,.06)}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-thumb{position:relative;height:170px;display:grid;place-items:center;overflow:hidden;color:#fff;text-decoration:none;background:linear-gradient(135deg,#1f60d0,#071c52)}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-thumb:before,:is(#homepage-reference,#shop-reference,#account-reference) .mission-thumb:after{content:"";position:absolute;width:250px;height:250px;border:1px solid rgba(255,255,255,.18);border-radius:50%}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-thumb:after{width:150px;height:150px}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-thumb.video-2{background:linear-gradient(135deg,#f23b67,#821d64)}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-thumb.video-3{background:linear-gradient(135deg,#6942e3,#132657)}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-thumb.video-4{background:linear-gradient(135deg,#f08b31,#d8295e)}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-thumb.video-5{background:linear-gradient(135deg,#2aa6bf,#193a8b)}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-thumb.video-6{background:linear-gradient(135deg,#6851bf,#cc3a91)}
:is(#homepage-reference,#shop-reference,#account-reference) .youtube-word{position:absolute;z-index:2;left:14px;top:13px;font-size:9px;font-weight:850}
:is(#homepage-reference,#shop-reference,#account-reference) .youtube-word b{color:#ff3357}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-thumb>i{position:relative;z-index:2;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:#fff;color:#ed3152;font-style:normal;box-shadow:0 8px 20px rgba(0,0,0,.22)}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-thumb>small{position:absolute;z-index:2;right:10px;bottom:9px;padding:3px 6px;border-radius:4px;background:rgba(0,0,0,.68);font-size:8px}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-thumb>em{position:absolute;z-index:3;right:10px;top:10px;padding:6px 9px;border-radius:15px;display:flex;align-items:center;gap:4px;background:#1cb37d;color:#fff;font-size:8px;font-style:normal}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-copy{padding:18px}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-copy header{display:flex;justify-content:space-between}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-copy header span{color:#78879a;font-size:8px;font-weight:850;letter-spacing:.12em}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-copy header b{color:#ed3152;font-size:11px}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-copy h3{margin:9px 0 16px;font-size:15px}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-progress{height:4px;border-radius:3px;background:#edf1f5;overflow:hidden}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-progress i{display:block;height:100%;border-radius:3px;background:linear-gradient(90deg,#175ac9,#f03155)}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-status{margin-top:7px;display:flex;justify-content:space-between;color:#8995a5;font-size:8px}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-copy footer{margin-top:16px;display:grid;grid-template-columns:1fr 1fr;gap:7px}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-copy footer a,:is(#homepage-reference,#shop-reference,#account-reference) .mission-copy footer button{min-height:38px;border-radius:7px;display:flex;align-items:center;justify-content:center;text-decoration:none;font-size:9px;font-weight:800}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-copy footer a{border:1px solid #d8e0e9;color:#195dc8}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-copy footer button{border:0;background:#ffca08;color:#241d00;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-copy footer button:disabled{background:#eaf0ee;color:#3f8c71;cursor:default}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-done{border-color:#b8e7d5}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-notice{margin-top:24px;padding:20px 22px;display:flex;align-items:flex-start;gap:14px;border:1px solid #dce5f0;border-radius:12px;background:#f2f7fd;color:#31557e}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-notice b{font-size:11px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-notice p{margin:5px 0 0;color:#71849c;font-size:9px;line-height:1.6}
@media(max-width:1100px){:is(#homepage-reference,#shop-reference,#account-reference) .site-header nav{gap:19px;margin-right:10px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-page-grid{grid-template-columns:repeat(2,1fr)}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-page-hero{gap:40px}}
@media(max-width:760px){:is(#homepage-reference,#shop-reference,#account-reference) .site-header nav a,:is(#homepage-reference,#shop-reference,#account-reference) .site-header nav button{padding:13px 12px;text-align:left}
:is(#homepage-reference,#shop-reference,#account-reference) .language-select{height:34px;padding:0 6px}
:is(#homepage-reference,#shop-reference,#account-reference) .language-select svg{display:none}
:is(#homepage-reference,#shop-reference,#account-reference) .language-select select{font-size:9px}
:is(#homepage-reference,#shop-reference,#account-reference) .service-page-link{margin-top:10px;padding:8px 14px}
:is(#homepage-reference,#shop-reference,#account-reference) .signup-progress{margin-right:36px}
:is(#homepage-reference,#shop-reference,#account-reference) .signup-reward-heading{grid-template-columns:1fr 96px;gap:12px}
:is(#homepage-reference,#shop-reference,#account-reference) .signup-reward-heading h2{font-size:25px}
:is(#homepage-reference,#shop-reference,#account-reference) .signup-reward-heading>span{height:92px}
:is(#homepage-reference,#shop-reference,#account-reference) .membership-options{grid-template-columns:1fr}
:is(#homepage-reference,#shop-reference,#account-reference) .membership-options button{min-height:57px}
:is(#homepage-reference,#shop-reference,#account-reference) .times-reward-note{grid-template-columns:44px 1fr;padding:14px;gap:11px}
:is(#homepage-reference,#shop-reference,#account-reference) .times-reward-note>span{width:44px;height:44px}
:is(#homepage-reference,#shop-reference,#account-reference) .times-reward-note>strong{grid-column:2;min-width:0;width:max-content;padding:7px 10px;align-items:baseline;flex-direction:row;gap:7px;font-size:16px}
:is(#homepage-reference,#shop-reference,#account-reference) .times-reward-note>strong small{margin:0}
:is(#homepage-reference,#shop-reference,#account-reference) .profile-form .form-row{grid-template-columns:1fr}
:is(#homepage-reference,#shop-reference,#account-reference) .profile-actions{grid-template-columns:95px 1fr}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-page-hero{min-height:auto;padding:40px 20px;display:block}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-page-copy h1{font-size:42px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-how{gap:8px;flex-wrap:wrap}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-how i{width:12px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-balance{margin-top:30px;padding:23px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-balance>strong{font-size:35px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-orbit{display:none}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-library{padding:35px 14px 45px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-library-head{align-items:flex-start;flex-direction:column}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-library-head h2{font-size:24px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-page-grid{grid-template-columns:1fr}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-card{display:grid;grid-template-columns:118px 1fr}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-thumb{height:100%;min-height:190px}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-thumb:before{width:180px;height:180px}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-thumb:after{width:105px;height:105px}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-thumb>i{width:42px;height:42px}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-copy{padding:15px}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-copy footer{grid-template-columns:1fr}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-notice{padding:16px}
:is(#homepage-reference,#shop-reference,#account-reference) .rewards-page .site-footer{margin-top:0}}
@media(max-width:760px){:is(#homepage-reference,#shop-reference,#account-reference) .profile-expanded{padding:38px 18px 24px}
:is(#homepage-reference,#shop-reference,#account-reference) .profile-section{padding:13px}
:is(#homepage-reference,#shop-reference,#account-reference) .profile-section-head small{font-size:7px}
:is(#homepage-reference,#shop-reference,#account-reference) .agreement-row{align-items:flex-start;gap:8px}
:is(#homepage-reference,#shop-reference,#account-reference) .agreement-row>button{white-space:nowrap}}
/* My page */
:is(#homepage-reference,#shop-reference,#account-reference) .login-button{text-decoration:none}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-page{background:#f7f9fc}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-shell{min-height:720px;padding:48px 6% 68px;background:linear-gradient(180deg,#f8faff 0%,#f3f6fb 100%)}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-heading{margin-bottom:27px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-heading h1{margin:7px 0 7px;font-size:34px;letter-spacing:-.045em}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-heading>div>p:last-child{margin:0;color:#718096;font-size:12px}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-heading>a{padding:10px 14px;border:1px solid #dce3ec;border-radius:8px;background:#fff;color:#52647b;font-size:10px;font-weight:750;text-decoration:none}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-notice{margin:-8px 0 18px;padding:13px 16px;display:flex;align-items:center;gap:10px;border:1px solid #bde7d7;border-radius:10px;background:#f1fbf7;color:#23795d;font-size:11px}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-notice button{margin-left:auto;border:0;background:none;color:#4f7c6e;font-size:9px;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-layout{display:grid;grid-template-columns:365px minmax(0,1fr);gap:24px;align-items:start}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-sidebar,:is(#homepage-reference,#shop-reference,#account-reference) .mypage-content{border:1px solid #e2e7ee;border-radius:18px;background:#fff;box-shadow:0 16px 40px rgba(20,52,96,.07)}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-sidebar{padding:20px}
:is(#homepage-reference,#shop-reference,#account-reference) .member-summary{position:relative;padding:24px;border-radius:15px;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(52,112,232,.5),transparent 42%),linear-gradient(140deg,#07182f,#0d3266);color:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .member-summary:after{content:"";position:absolute;right:-35px;bottom:-60px;width:150px;height:150px;border:1px solid rgba(255,255,255,.12);border-radius:50%}
:is(#homepage-reference,#shop-reference,#account-reference) .member-summary>.member-avatar{float:left;width:48px;height:48px;margin-right:13px;border:1px solid rgba(255,255,255,.25);border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.12);color:#ffcb0a;font-size:13px;font-weight:900}
:is(#homepage-reference,#shop-reference,#account-reference) .member-summary>div{min-height:55px;padding-top:3px}
:is(#homepage-reference,#shop-reference,#account-reference) .member-summary>div small{color:#83a6d8;font-size:7px;font-weight:850;letter-spacing:.14em}
:is(#homepage-reference,#shop-reference,#account-reference) .member-summary h2{margin:5px 0 0;font-size:17px;letter-spacing:-.04em}
:is(#homepage-reference,#shop-reference,#account-reference) .member-summary h2 b{color:#ffca08}
:is(#homepage-reference,#shop-reference,#account-reference) .member-summary dl{position:relative;z-index:1;margin:20px 0 17px;padding:14px 0;display:grid;grid-template-columns:1fr 1fr;border-top:1px solid rgba(255,255,255,.13);border-bottom:1px solid rgba(255,255,255,.13)}
:is(#homepage-reference,#shop-reference,#account-reference) .member-summary dl div+div{padding-left:16px;border-left:1px solid rgba(255,255,255,.13)}
:is(#homepage-reference,#shop-reference,#account-reference) .member-summary dt{color:#98acc8;font-size:9px}
:is(#homepage-reference,#shop-reference,#account-reference) .member-summary dd{margin:5px 0 0;font-size:16px;font-weight:850}
:is(#homepage-reference,#shop-reference,#account-reference) .member-summary>a{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;color:#fff;font-size:10px;font-weight:750;text-decoration:none}
:is(#homepage-reference,#shop-reference,#account-reference) .quick-account-actions{padding:18px 1px;display:grid;grid-template-columns:repeat(3,1fr);gap:5px;border-bottom:1px solid #edf0f4}
:is(#homepage-reference,#shop-reference,#account-reference) .quick-account-actions button{min-height:77px;padding:8px 2px;border:0;border-radius:10px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#fff;color:#1c2b42;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .quick-account-actions button:hover,:is(#homepage-reference,#shop-reference,#account-reference) .quick-account-actions button.active{background:#f1f6ff;color:#155bc8}
:is(#homepage-reference,#shop-reference,#account-reference) .quick-account-actions button span{height:25px;display:grid;place-items:center}
:is(#homepage-reference,#shop-reference,#account-reference) .quick-account-actions button b{font-size:9px}
:is(#homepage-reference,#shop-reference,#account-reference) .account-menu{padding-top:10px}
:is(#homepage-reference,#shop-reference,#account-reference) .account-menu>p{margin:18px 10px 7px;color:#9aa6b5;font-size:9px;font-weight:800}
:is(#homepage-reference,#shop-reference,#account-reference) .account-menu button{width:100%;min-height:54px;padding:0 10px;border:0;border-radius:9px;display:flex;align-items:center;justify-content:space-between;background:#fff;color:#17263d;text-align:left;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .account-menu button:hover,:is(#homepage-reference,#shop-reference,#account-reference) .account-menu button.active{background:#f2f6fc;color:#155bc8}
:is(#homepage-reference,#shop-reference,#account-reference) .account-menu button>span:not(.menu-label){display:flex;flex-direction:column;gap:4px;font-size:12px;font-weight:800}
:is(#homepage-reference,#shop-reference,#account-reference) .account-menu button small{color:#9aa7b7;font-size:8px;font-weight:500}
:is(#homepage-reference,#shop-reference,#account-reference) .menu-label{display:flex;align-items:center;gap:11px;font-size:11px;font-weight:750}
:is(#homepage-reference,#shop-reference,#account-reference) .menu-label i{width:31px;height:31px;border-radius:9px;display:grid;place-items:center;background:#f2f5f9;color:#56677d;font-style:normal}
:is(#homepage-reference,#shop-reference,#account-reference) .account-menu button.active .menu-label i{background:#e5efff;color:#155bc8}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-content{min-height:608px;padding:38px 42px}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-content>header{padding-bottom:23px;border-bottom:1px solid #e8edf3}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-content>header>span{color:#1c62ca;font-size:8px;font-weight:900;letter-spacing:.18em}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-content>header h2{margin:7px 0 8px;font-size:28px;letter-spacing:-.045em}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-content>header p{margin:0;color:#738196;font-size:11px}
:is(#homepage-reference,#shop-reference,#account-reference) .point-summary{margin-top:25px;padding:25px 27px;border-radius:15px;display:grid;grid-template-columns:1fr auto;gap:6px 20px;background:linear-gradient(135deg,#eef5ff,#f8fbff);color:#16335e}
:is(#homepage-reference,#shop-reference,#account-reference) .point-summary>span{font-size:10px;font-weight:750}
:is(#homepage-reference,#shop-reference,#account-reference) .point-summary>strong{grid-row:1/3;grid-column:2;align-self:center;color:#0f58c5;font-size:32px}
:is(#homepage-reference,#shop-reference,#account-reference) .point-summary>strong small{margin-left:4px;font-size:14px}
:is(#homepage-reference,#shop-reference,#account-reference) .point-summary>a{color:#546e91;font-size:9px;font-weight:700;text-decoration:none}
:is(#homepage-reference,#shop-reference,#account-reference) .history-list{margin-top:18px}
:is(#homepage-reference,#shop-reference,#account-reference) .history-list article{min-height:70px;padding:12px 3px;display:grid;grid-template-columns:42px 1fr auto;gap:12px;align-items:center;border-bottom:1px solid #edf0f4}
:is(#homepage-reference,#shop-reference,#account-reference) .history-icon{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#fff3f6;color:#ed3152}
:is(#homepage-reference,#shop-reference,#account-reference) .history-list article>div{display:flex;flex-direction:column;gap:5px}
:is(#homepage-reference,#shop-reference,#account-reference) .history-list article b{font-size:11px}
:is(#homepage-reference,#shop-reference,#account-reference) .history-list article small{color:#95a0ae;font-size:8px}
:is(#homepage-reference,#shop-reference,#account-reference) .history-list article>strong{color:#1762ca;font-size:12px}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-empty{min-height:280px;margin-top:24px;padding:45px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #d7dee8;border-radius:15px;background:#fafbfd;color:#62738a;text-align:center}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-empty>svg{margin-bottom:15px;color:#93a4b9}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-empty b{color:#25374f;font-size:13px}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-empty p{margin:8px 0 0;font-size:10px;line-height:1.6}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-empty strong{color:#155bc8}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-form-preview{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:15px}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-form-preview label{display:flex;flex-direction:column;gap:7px;color:#576a80;font-size:9px;font-weight:750}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-form-preview input{height:49px;padding:0 14px;border:1px solid #dce3ec;border-radius:8px;background:#f7f9fc;color:#506176}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-primary{min-width:190px;height:47px;margin-top:22px;padding:0 19px;border:0;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:13px;background:#071a39;color:#fff;font-size:10px;font-weight:800;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .membership-plan-grid{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:13px}
:is(#homepage-reference,#shop-reference,#account-reference) .membership-plan-grid article{min-height:220px;padding:25px;border:1px solid #dfe5ed;border-radius:14px;background:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .membership-plan-grid article.recommended{border-color:#2a66c4;background:linear-gradient(150deg,#0a1e40,#0d3b76);color:#fff;box-shadow:0 15px 28px rgba(10,46,96,.17)}
:is(#homepage-reference,#shop-reference,#account-reference) .membership-plan-grid article>span{color:#7990ad;font-size:8px;font-weight:850;letter-spacing:.12em}
:is(#homepage-reference,#shop-reference,#account-reference) .membership-plan-grid h3{margin:9px 0 18px;font-size:17px}
:is(#homepage-reference,#shop-reference,#account-reference) .membership-plan-grid strong{font-size:21px}
:is(#homepage-reference,#shop-reference,#account-reference) .membership-plan-grid p{margin:22px 0 0;color:#8290a2;font-size:9px;line-height:1.7}
:is(#homepage-reference,#shop-reference,#account-reference) .membership-plan-grid .recommended p{color:#a9bdd9}
:is(#homepage-reference,#shop-reference,#account-reference) .coupon-grid{margin-top:24px;display:grid;grid-template-columns:1fr 1fr;gap:14px}
:is(#homepage-reference,#shop-reference,#account-reference) .coupon-grid article{position:relative;min-height:190px;padding:25px;border:1px solid #dfe5ed;border-radius:14px;display:flex;flex-direction:column;background:linear-gradient(145deg,#fff,#f7f9fd);overflow:hidden}
:is(#homepage-reference,#shop-reference,#account-reference) .coupon-grid article:after{content:"";position:absolute;right:-32px;bottom:-40px;width:115px;height:115px;border:18px solid rgba(27,95,201,.06);border-radius:50%}
:is(#homepage-reference,#shop-reference,#account-reference) .coupon-grid article>span{color:#1a60c9;font-size:8px;font-weight:900;letter-spacing:.13em}
:is(#homepage-reference,#shop-reference,#account-reference) .coupon-grid article>strong{margin:12px 0;color:#ed3152;font-size:29px}
:is(#homepage-reference,#shop-reference,#account-reference) .coupon-grid article>b{font-size:11px}
:is(#homepage-reference,#shop-reference,#account-reference) .coupon-grid article>small{margin-top:auto;color:#8794a5;font-size:8px}
:is(#homepage-reference,#shop-reference,#account-reference) .lottery-card{margin-top:24px;padding:29px;border:1px solid #ead990;border-radius:15px;background:linear-gradient(135deg,#fff9e6,#fff);box-shadow:0 12px 26px rgba(101,76,0,.06)}
:is(#homepage-reference,#shop-reference,#account-reference) .lottery-card>span{color:#a88400;font-size:8px;font-weight:900;letter-spacing:.13em}
:is(#homepage-reference,#shop-reference,#account-reference) .lottery-card h3{margin:9px 0 24px;font-size:18px}
:is(#homepage-reference,#shop-reference,#account-reference) .lottery-card>div{padding:17px;border-radius:10px;display:flex;justify-content:space-between;background:#fff;color:#65748a;font-size:10px}
:is(#homepage-reference,#shop-reference,#account-reference) .lottery-card>div strong{color:#142946;font-size:12px}
:is(#homepage-reference,#shop-reference,#account-reference) .lottery-card>em{width:max-content;margin-top:18px;padding:7px 11px;border-radius:20px;display:block;background:#fff0b7;color:#8b6c00;font-size:9px;font-weight:850;font-style:normal}
:is(#homepage-reference,#shop-reference,#account-reference) .lottery-card>small{display:block;margin-top:9px;color:#8a95a4;font-size:8px}
@media(max-width:900px){:is(#homepage-reference,#shop-reference,#account-reference) .mypage-layout{grid-template-columns:320px minmax(0,1fr)}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-content{padding:30px 26px}
:is(#homepage-reference,#shop-reference,#account-reference) .coupon-grid,:is(#homepage-reference,#shop-reference,#account-reference) .membership-plan-grid{grid-template-columns:1fr}}
@media(max-width:760px){:is(#homepage-reference,#shop-reference,#account-reference) .mypage-shell{padding:30px 14px 45px}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-heading{align-items:flex-start;flex-direction:column;margin-bottom:20px}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-heading h1{font-size:27px}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-heading>a{display:none}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-layout{grid-template-columns:1fr;gap:14px}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-sidebar{padding:12px;border-radius:15px}
:is(#homepage-reference,#shop-reference,#account-reference) .member-summary{padding:20px}
:is(#homepage-reference,#shop-reference,#account-reference) .quick-account-actions{padding:12px 0}
:is(#homepage-reference,#shop-reference,#account-reference) .account-menu{padding:5px 2px 3px}
:is(#homepage-reference,#shop-reference,#account-reference) .account-menu button{min-height:52px}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-content{min-height:470px;padding:27px 19px;border-radius:15px}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-content>header h2{font-size:23px}
:is(#homepage-reference,#shop-reference,#account-reference) .point-summary{padding:20px;grid-template-columns:1fr}
:is(#homepage-reference,#shop-reference,#account-reference) .point-summary>strong{grid-row:auto;grid-column:auto;font-size:29px}
:is(#homepage-reference,#shop-reference,#account-reference) .history-list article{grid-template-columns:38px 1fr auto;gap:9px}
:is(#homepage-reference,#shop-reference,#account-reference) .history-icon{width:36px;height:36px}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-form-preview{grid-template-columns:1fr}
:is(#homepage-reference,#shop-reference,#account-reference) .coupon-grid,:is(#homepage-reference,#shop-reference,#account-reference) .membership-plan-grid{grid-template-columns:1fr}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-empty{min-height:220px;padding:30px 18px}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-primary{width:100%}
:is(#homepage-reference,#shop-reference,#account-reference) .mypage-page .site-footer{margin-top:0}}
/* Lotto purchase history */
:is(#homepage-reference,#shop-reference,#account-reference) .lottery-result-card{width:min(470px,100%);margin:30px auto 0;padding:25px 26px;border-radius:16px;background:linear-gradient(145deg,#202534,#292e3d);color:#fff;text-align:center;box-shadow:0 16px 30px rgba(20,27,45,.16)}
:is(#homepage-reference,#shop-reference,#account-reference) .lottery-result-card>span{display:block;margin-bottom:13px;color:#cbd4e7;font-size:12px;font-weight:700}
:is(#homepage-reference,#shop-reference,#account-reference) .lottery-winning-numbers{display:flex;align-items:center;justify-content:center;gap:10px}
:is(#homepage-reference,#shop-reference,#account-reference) .lottery-winning-numbers b{font-size:24px;line-height:1;letter-spacing:-.03em}
:is(#homepage-reference,#shop-reference,#account-reference) .lottery-winning-numbers i{margin:0 2px;color:#fff;font-size:21px;font-weight:850;font-style:normal}
:is(#homepage-reference,#shop-reference,#account-reference) .lottery-winning-numbers .bonus{color:#ff5563}
:is(#homepage-reference,#shop-reference,#account-reference) .lottery-empty-state{min-height:245px;display:flex;align-items:center;justify-content:center;flex-direction:column;color:#bec9d4}
:is(#homepage-reference,#shop-reference,#account-reference) .lottery-empty-state>span{width:65px;height:65px;margin-bottom:24px;border-radius:50%;display:grid;place-items:center;background:#dfe5eb;color:#fff;font-size:35px;font-weight:900}
:is(#homepage-reference,#shop-reference,#account-reference) .lottery-empty-state>b{font-size:17px;font-weight:650}
@media(max-width:760px){:is(#homepage-reference,#shop-reference,#account-reference) .lottery-result-card{padding:22px 14px}
:is(#homepage-reference,#shop-reference,#account-reference) .lottery-winning-numbers{gap:7px}
:is(#homepage-reference,#shop-reference,#account-reference) .lottery-winning-numbers b{font-size:20px}
:is(#homepage-reference,#shop-reference,#account-reference) .lottery-empty-state{min-height:220px}
:is(#homepage-reference,#shop-reference,#account-reference) .lottery-empty-state>b{font-size:15px}}
/* Wallet page */
:is(#homepage-reference,#shop-reference,#account-reference) .account-menu>.wallet-menu-link{width:100%;min-height:56px;margin-bottom:7px;padding:0 10px;border-radius:9px;display:flex;align-items:center;justify-content:space-between;background:#eef5ff;color:#155bc8;text-decoration:none}
:is(#homepage-reference,#shop-reference,#account-reference) .account-menu>.wallet-menu-link:hover{background:#e4efff}
:is(#homepage-reference,#shop-reference,#account-reference) .account-menu>.wallet-menu-link .menu-label{font-size:12px;font-weight:850}
:is(#homepage-reference,#shop-reference,#account-reference) .account-menu>.wallet-menu-link .menu-label i{background:#fff;color:#155bc8}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-page{background:#f7f9fc}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-shell{min-height:690px;padding:48px 6% 68px;background:linear-gradient(180deg,#f8faff 0%,#f2f5fa 100%)}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-heading{margin-bottom:26px;display:flex;align-items:flex-end;justify-content:space-between;gap:25px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-heading h1{margin:7px 0;font-size:34px;letter-spacing:-.045em}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-heading>div>p:last-child{margin:0;color:#718096;font-size:12px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-heading>a{padding:10px 14px;border:1px solid #dce3ec;border-radius:8px;background:#fff;color:#52647b;font-size:10px;font-weight:750;text-decoration:none}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-notice{margin:-7px 0 18px;padding:13px 16px;display:flex;align-items:center;gap:10px;border:1px solid #bde7d7;border-radius:10px;background:#f1fbf7;color:#23795d;font-size:11px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-notice button{margin-left:auto;border:0;background:none;color:#4f7c6e;font-size:9px;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-overview{position:relative;min-height:185px;padding:30px 34px;border-radius:20px;display:grid;grid-template-columns:1fr auto;gap:12px 35px;overflow:hidden;background:radial-gradient(circle at 95% 5%,rgba(49,111,231,.6),transparent 36%),linear-gradient(135deg,#07182f,#0d3266);color:#fff;box-shadow:0 20px 45px rgba(9,40,84,.18)}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-overview:after{content:"";position:absolute;right:-55px;bottom:-100px;width:260px;height:260px;border:1px solid rgba(255,255,255,.12);border-radius:50%}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-overview-title{display:flex;align-items:center;gap:13px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-overview-title>span{width:48px;height:48px;border:1px solid rgba(255,255,255,.2);border-radius:14px;display:grid;place-items:center;background:rgba(255,255,255,.1);color:#ffca08}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-overview-title small{color:#81a4d5;font-size:8px;font-weight:850;letter-spacing:.14em}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-overview-title h2{margin:5px 0 0;font-size:17px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-overview>strong{position:relative;z-index:1;align-self:center;font-size:44px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-overview>strong small{margin-left:5px;color:#b9c9de;font-size:16px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-address{position:relative;z-index:1;grid-column:1/-1;margin-top:8px;padding-top:17px;display:flex;align-items:center;gap:13px;border-top:1px solid rgba(255,255,255,.13)}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-address>span{color:#94a9c6;font-size:9px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-address>b{font-size:10px;letter-spacing:.06em}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-address button{margin-left:auto;padding:7px 10px;border:1px solid rgba(255,255,255,.18);border-radius:7px;display:flex;align-items:center;gap:6px;background:rgba(255,255,255,.08);color:#fff;font-size:9px;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-toolbar{margin:25px 0 15px;display:flex;align-items:center;justify-content:space-between}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-toolbar>div{display:flex;gap:7px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-toolbar button{height:40px;padding:0 19px;border:1px solid #dce3ec;border-radius:21px;background:#fff;color:#596a7f;font-size:10px;font-weight:800;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-toolbar button.active{border-color:#1d273a;background:#1d273a;color:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-toolbar>span{color:#8c99a9;font-size:9px;font-weight:700}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-assets{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-assets.single{grid-template-columns:minmax(300px,520px)}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-asset-card{min-height:245px;padding:23px;border:1px solid #e0e6ee;border-radius:17px;background:#fff;box-shadow:0 12px 30px rgba(25,55,95,.06)}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-asset-card>header{display:grid;grid-template-columns:44px 1fr auto;gap:11px;align-items:center}
:is(#homepage-reference,#shop-reference,#account-reference) .asset-symbol{width:44px;height:44px;border-radius:13px;display:grid;place-items:center;background:#e8f1ff;color:#155bc8;font-size:15px;font-weight:900}
:is(#homepage-reference,#shop-reference,#account-reference) .asset-symbol.klay{background:#fff0e6;color:#e66b20}
:is(#homepage-reference,#shop-reference,#account-reference) .asset-symbol.kpop{background:#fff0f4;color:#ed3152}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-asset-card>header>div{display:flex;flex-direction:column;gap:4px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-asset-card>header b{color:#155bc8;font-size:14px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-asset-card>header small{color:#929ead;font-size:7px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-asset-card>header em{padding:6px 8px;border-radius:7px;background:#f4f6f9;color:#9aa6b5;font-size:8px;font-weight:700;font-style:normal}
:is(#homepage-reference,#shop-reference,#account-reference) .asset-balance{padding:27px 1px 24px;display:flex;flex-direction:column;gap:8px}
:is(#homepage-reference,#shop-reference,#account-reference) .asset-balance strong{color:#10233f;font-size:22px;letter-spacing:-.02em}
:is(#homepage-reference,#shop-reference,#account-reference) .asset-balance strong small{font-size:11px}
:is(#homepage-reference,#shop-reference,#account-reference) .asset-balance>span{color:#a1adbb;font-size:11px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-asset-card>footer{display:grid;grid-template-columns:1fr}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-asset-card>footer.two-actions{grid-template-columns:1fr 1fr}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-asset-card>footer button{min-height:46px;border:1px solid #e0e5ed;display:flex;align-items:center;justify-content:center;gap:8px;background:#fff;color:#24364f;font-size:10px;font-weight:800;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-asset-card>footer button:first-child{border-radius:8px 0 0 8px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-asset-card>footer button:last-child{border-radius:0 8px 8px 0}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-asset-card>footer:not(.two-actions) button{border-radius:8px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-asset-card>footer button:hover{border-color:#2c67c5;background:#f4f8ff;color:#155bc8}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-prototype-note{margin-top:20px;padding:17px 20px;display:flex;align-items:flex-start;gap:12px;border:1px solid #dbe4ef;border-radius:12px;background:#eef5fd;color:#31557e}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-prototype-note b{font-size:10px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-prototype-note p{margin:4px 0 0;color:#71849c;font-size:9px;line-height:1.6}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-modal>p:not(.modal-kicker){margin:0;color:#66758a;font-size:13px;line-height:1.7}
:is(#homepage-reference,#shop-reference,#account-reference) .available-balance{margin-top:20px;padding:14px 16px;border-radius:9px;display:flex;align-items:center;justify-content:space-between;background:#f2f6fb;color:#63758d;font-size:9px}
:is(#homepage-reference,#shop-reference,#account-reference) .available-balance strong{color:#17335d;font-size:11px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-send-form{margin-top:19px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-send-form label{display:flex;flex-direction:column;gap:7px;margin-bottom:13px;color:#53657c;font-size:9px;font-weight:750}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-send-form input{height:49px;padding:0 14px;border:1px solid #dce3eb;border-radius:8px;outline:0;background:#fbfcfe;color:#1c2d45}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-send-form input:focus{border-color:#2b6acb;box-shadow:0 0 0 3px rgba(43,106,203,.09)}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-send-form>button{width:100%;height:50px;border:0;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:12px;background:#071a39;color:#fff;font-size:10px;font-weight:800;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-history-empty{min-height:220px;margin-top:21px;padding:30px;display:flex;align-items:center;justify-content:center;flex-direction:column;border:1px dashed #d8e0e9;border-radius:13px;background:#fafbfd;color:#8d9bad;text-align:center}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-history-empty svg{margin-bottom:14px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-history-empty b{color:#34465e;font-size:12px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-history-empty span{margin-top:6px;font-size:8px}
@media(max-width:980px){:is(#homepage-reference,#shop-reference,#account-reference) .wallet-assets{grid-template-columns:repeat(2,1fr)}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-assets.single{grid-template-columns:minmax(280px,1fr)}}
@media(max-width:760px){:is(#homepage-reference,#shop-reference,#account-reference) .wallet-shell{padding:30px 14px 45px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-heading{align-items:flex-start;flex-direction:column;margin-bottom:20px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-heading h1{font-size:27px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-heading>a{display:none}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-overview{padding:23px 20px;grid-template-columns:1fr}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-overview>strong{font-size:37px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-address{grid-column:auto;flex-wrap:wrap}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-address button{margin-left:0}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-assets,:is(#homepage-reference,#shop-reference,#account-reference) .wallet-assets.single{grid-template-columns:1fr}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-asset-card{min-height:auto;padding:20px}
:is(#homepage-reference,#shop-reference,#account-reference) .wallet-page .site-footer{margin-top:0}}
:is(#homepage-reference,#shop-reference,#account-reference) .modal-backdrop{display:none}
:is(#homepage-reference,#shop-reference,#account-reference) .modal-backdrop.open{display:grid}
:is(#homepage-reference,#shop-reference,#account-reference) .signup-step[hidden],:is(#homepage-reference,#shop-reference,#account-reference) [hidden]{display:none!important}
:is(#homepage-reference,#shop-reference,#account-reference) .static-icon{width:27px;font-size:23px}
:is(#homepage-reference,#shop-reference,#account-reference) .site-header nav a{display:block}
:is(#homepage-reference,#shop-reference,#account-reference) .account-modal .profile-form button{width:auto}
:is(#homepage-reference,#shop-reference,#account-reference) .language-select select{appearance:auto}
/* Single-file shopping flow */
:is(#homepage-reference,#shop-reference,#account-reference) .service-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
:is(#homepage-reference,#shop-reference,#account-reference) .shopping-card{background:linear-gradient(135deg,#35567f 0%,#183553 48%,#06152d 100%)}
:is(#homepage-reference,#shop-reference,#account-reference) .shopping-card .service-icon{color:#173d77}
:is(#homepage-reference,#shop-reference,#account-reference) .shopping-card .service-page-link{color:#173d77}
:is(#homepage-reference,#shop-reference,#account-reference) .shopping-page{background:#f5f7fa}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-shell{min-height:660px;padding:46px 6% 72px;background:linear-gradient(180deg,#fbfcfe,#f3f6fa)}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:25px;margin-bottom:30px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-heading h1{margin:7px 0;font-size:36px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-heading p:last-child{margin:0;color:#718096;font-size:12px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-heading>a{padding:10px 14px;border:1px solid #dce3ec;border-radius:8px;background:#fff;color:#52647b;font-size:10px;font-weight:750;text-decoration:none}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-tabs{max-width:calc(100% - 120px);display:flex;gap:8px;overflow:auto}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-tabs button{height:43px;padding:0 20px;border:1px solid #dfe5ed;border-radius:23px;background:#fff;color:#405168;font-size:11px;font-weight:800;white-space:nowrap;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-tabs button.active{border-color:#192237;background:#192237;color:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-toolbar select{height:40px;padding:0 14px;border:1px solid #dfe5ed;border-radius:9px;background:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-result{margin:30px 0 14px;display:flex;justify-content:space-between;font-size:13px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-result span{color:#8d99a8;font-size:9px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-card{min-width:0;padding:0 0 20px;border:1px solid #e2e7ee;border-radius:17px;overflow:hidden;background:#fff;color:#12223a;text-align:left;cursor:pointer;box-shadow:0 12px 28px rgba(21,50,88,.06)}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-card:hover{transform:translateY(-3px)}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-card>.shop-delivery,:is(#homepage-reference,#shop-reference,#account-reference) .shop-card>h2,:is(#homepage-reference,#shop-reference,#account-reference) .shop-card>del,:is(#homepage-reference,#shop-reference,#account-reference) .shop-card>strong,:is(#homepage-reference,#shop-reference,#account-reference) .shop-card>small{margin-left:20px;margin-right:20px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-delivery{display:block;color:#155bc8;font-size:9px;font-weight:850}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-card>.shop-delivery{margin-top:17px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-card h2{min-height:42px;margin-top:8px;margin-bottom:10px;font-size:14px;line-height:1.48}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-card del{display:block;color:#7f8b9a;font-size:11px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-card>strong{display:block;font-size:20px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-card>small{display:block;margin-top:15px;color:#65768b;font-size:9px;font-weight:800}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-product-art{position:relative;width:100%;height:220px;overflow:hidden;background:#f1f4f7}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-product-art img{position:absolute;width:710px;max-width:none;top:-226px;left:-96px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-product-art.book img{top:-220px;left:-339px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-product-art.large{height:490px;border-radius:20px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-product-art.large img{width:1100px;top:-350px;left:-140px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-product-art.large.book img{left:-530px;top:-340px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-back{margin-bottom:24px;padding:9px 13px;border:1px solid #dce3ec;border-radius:8px;background:#fff;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:38px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-copy{padding:23px 3px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-copy h1{margin:10px 0 14px;font-size:31px;line-height:1.34}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-copy>p{color:#738196;font-size:12px;line-height:1.75}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-copy dl{margin:25px 0 0;padding:21px;border-radius:13px;background:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-copy dl div{display:grid;grid-template-columns:95px 1fr;padding:8px 0}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-copy dt{color:#8a96a5;font-size:10px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-copy dd{margin:0;font-size:11px;font-weight:750}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-price{margin-top:24px;padding:18px 2px;display:flex;justify-content:space-between;border-top:1px solid #e2e7ee}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-price strong{font-size:29px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-primary,:is(#homepage-reference,#shop-reference,#account-reference) .shop-sticky{width:100%;height:54px;border:0;border-radius:9px;background:#2864b6;color:#fff;font-size:12px;font-weight:850;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-guide{margin-top:26px;padding:20px 5px;border-top:8px solid #edf1f5;background:#fff;font-size:12px;font-weight:800}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-process{position:relative;min-height:760px;padding-top:24px;padding-bottom:100px;background:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-process-head{display:grid;grid-template-columns:40px 1fr 40px;align-items:center;margin-bottom:30px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-process-head button{border:0;background:none;font-size:24px;text-align:left;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-process-head h1{margin:0;text-align:center;font-size:20px}
:is(#homepage-reference,#shop-reference,#account-reference) .cart-toolbar{padding:0 3px 22px;display:flex;justify-content:space-between;border-bottom:10px solid #f2f5f8}
:is(#homepage-reference,#shop-reference,#account-reference) .cart-toolbar label{display:flex;align-items:center;gap:9px}
:is(#homepage-reference,#shop-reference,#account-reference) .cart-toolbar input,:is(#homepage-reference,#shop-reference,#account-reference) .cart-product>input,:is(#homepage-reference,#shop-reference,#account-reference) .payment-choices input,:is(#homepage-reference,#shop-reference,#account-reference) .shop-agree input{width:20px;height:20px;accent-color:#2864b6}
:is(#homepage-reference,#shop-reference,#account-reference) .cart-product{padding:28px 3px;display:grid;grid-template-columns:24px 105px 1fr;gap:18px;border-bottom:1px solid #edf0f4}
:is(#homepage-reference,#shop-reference,#account-reference) .cart-product .shop-product-art,:is(#homepage-reference,#shop-reference,#account-reference) .checkout-product .shop-product-art{height:96px;border-radius:9px}
:is(#homepage-reference,#shop-reference,#account-reference) .cart-product .shop-product-art img,:is(#homepage-reference,#shop-reference,#account-reference) .checkout-product .shop-product-art img{width:390px;top:-124px;left:-52px}
:is(#homepage-reference,#shop-reference,#account-reference) .cart-product .shop-product-art.book img,:is(#homepage-reference,#shop-reference,#account-reference) .checkout-product .shop-product-art.book img{top:-121px;left:-186px}
:is(#homepage-reference,#shop-reference,#account-reference) .cart-product h2{margin:0 0 8px;font-size:13px}
:is(#homepage-reference,#shop-reference,#account-reference) .cart-product strong{display:block;font-size:20px}
:is(#homepage-reference,#shop-reference,#account-reference) .cart-product span{color:#155bc8;font-size:9px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-qty-wide{margin:0 3px 24px;display:grid;grid-template-columns:66px 1fr 66px;border:1px solid #d7dfe8;border-radius:10px;overflow:hidden}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-qty-wide button,:is(#homepage-reference,#shop-reference,#account-reference) .shop-qty-wide b{height:52px;border:0;display:grid;place-items:center;background:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-qty-wide button:first-child{border-right:1px solid #d7dfe8}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-qty-wide button:last-child{border-left:1px solid #d7dfe8}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-totals,:is(#homepage-reference,#shop-reference,#account-reference) .checkout-block{padding:23px 3px;border-top:10px solid #f2f5f8}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-totals p,:is(#homepage-reference,#shop-reference,#account-reference) .checkout-totals p{display:flex;justify-content:space-between;margin:0;padding:7px 0}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-totals>strong,:is(#homepage-reference,#shop-reference,#account-reference) .checkout-totals>strong{margin-top:15px;padding-top:18px;border-top:1px solid #e2e7ed;display:flex;justify-content:space-between;font-size:24px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-totals>strong span,:is(#homepage-reference,#shop-reference,#account-reference) .checkout-totals>strong span{font-size:13px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sticky{position:absolute;left:6%;right:6%;bottom:18px;width:88%}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sticky:disabled{background:#b9c3d2}
:is(#homepage-reference,#shop-reference,#account-reference) .checkout-block h2{margin:0 0 18px;font-size:15px}
:is(#homepage-reference,#shop-reference,#account-reference) .checkout-product{display:grid;grid-template-columns:96px 1fr;gap:15px;align-items:center}
:is(#homepage-reference,#shop-reference,#account-reference) .checkout-product>div{display:flex;flex-direction:column;gap:7px}
:is(#homepage-reference,#shop-reference,#account-reference) .checkout-product small{color:#155bc8}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-address{width:100%;height:54px;border:0;border-radius:9px;background:#eef2f7;font-weight:850}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-address-card{padding:16px;border:1px solid #dce4ed;border-radius:10px;background:#f8fafc}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-address-card p{margin:7px 0}
:is(#homepage-reference,#shop-reference,#account-reference) .payment-choices{display:flex;gap:24px;margin-bottom:14px}
:is(#homepage-reference,#shop-reference,#account-reference) .payment-choices label{display:flex;align-items:center;gap:8px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-deposit{padding:18px;border-radius:12px;background:#f4f7fa}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-deposit>p{color:#66778c;font-size:9px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-deposit-grid{display:grid;grid-template-columns:1fr 1fr;gap:13px 18px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-deposit-grid label{display:flex;flex-direction:column;gap:7px;color:#728094;font-size:9px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-deposit-grid input,:is(#homepage-reference,#shop-reference,#account-reference) .shop-deposit-grid select{height:43px;padding:0 12px;border:1px solid #d8e0e9;border-radius:8px;background:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-agree label{padding:16px;display:flex;align-items:center;gap:10px;border-radius:10px;background:#f3f6f9}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-agree p{margin-left:15px;font-size:9px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-complete{min-height:670px;padding:90px 20px;display:flex;align-items:center;flex-direction:column;background:linear-gradient(180deg,#f8fbff,#fff);text-align:center}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-complete>span{width:72px;height:72px;border-radius:50%;display:grid;place-items:center;background:#e9f2ff;color:#2362bc;font-size:32px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-complete h1{font-size:31px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-complete>div{min-width:320px;margin:30px 0;padding:24px;border-radius:13px;display:flex;flex-direction:column;background:#f3f6fa}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-complete>div strong{font-size:28px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-backdrop{position:fixed;z-index:120;inset:0;display:none;align-items:flex-end;background:rgba(0,0,0,.5)}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-backdrop.open{display:flex}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet{width:100%;padding:34px 4% 20px;border-radius:22px 22px 0 0;background:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet header{display:flex;justify-content:space-between}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet h2{max-width:520px;font-size:13px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet header button{border:0;background:none}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-qty{margin:18px 0 65px;display:flex}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-qty button,:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-qty b{width:56px;height:54px;border:1px solid #d8dfe8;display:grid;place-items:center;background:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-total{display:flex;justify-content:space-between;margin-bottom:18px;padding:0 18px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-total strong{font-size:25px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet footer{display:grid;grid-template-columns:.7fr 1fr;gap:10px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet footer button{height:54px;border:0;border-radius:9px;background:#202433;color:#fff;font-weight:850}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet footer button:last-child{background:#2864b6}
@media(max-width:1050px){:is(#homepage-reference,#shop-reference,#account-reference) .service-grid{grid-template-columns:1fr 1fr}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-grid{grid-template-columns:repeat(2,1fr)}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-grid{grid-template-columns:1fr 1fr}}
@media(max-width:760px){:is(#homepage-reference,#shop-reference,#account-reference) .service-grid{grid-template-columns:1fr}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-shell{padding:28px 14px 80px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-heading{align-items:flex-start;flex-direction:column}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-heading h1{font-size:28px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-heading>a{display:none}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-toolbar{align-items:flex-start;flex-direction:column}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-tabs{max-width:100%;width:100%}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-toolbar select{align-self:flex-end}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-grid{grid-template-columns:repeat(2,1fr);gap:10px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-card>.shop-delivery,:is(#homepage-reference,#shop-reference,#account-reference) .shop-card>h2,:is(#homepage-reference,#shop-reference,#account-reference) .shop-card>del,:is(#homepage-reference,#shop-reference,#account-reference) .shop-card>strong,:is(#homepage-reference,#shop-reference,#account-reference) .shop-card>small{margin-left:13px;margin-right:13px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-product-art{height:160px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-product-art img{width:510px;top:-162px;left:-69px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-product-art.book img{top:-159px;left:-244px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-card h2{min-height:54px;font-size:12px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-card>strong{font-size:17px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-grid{grid-template-columns:1fr}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-product-art.large{height:330px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-product-art.large img{width:740px;top:-235px;left:-100px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-product-art.large.book img{left:-355px;top:-230px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-copy h1{font-size:24px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-process{padding:12px 0 92px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-process-head,:is(#homepage-reference,#shop-reference,#account-reference) .cart-toolbar,:is(#homepage-reference,#shop-reference,#account-reference) .cart-product,:is(#homepage-reference,#shop-reference,#account-reference) .shop-totals,:is(#homepage-reference,#shop-reference,#account-reference) .checkout-block{padding-left:12px;padding-right:12px}
:is(#homepage-reference,#shop-reference,#account-reference) .cart-product{grid-template-columns:22px 92px 1fr;gap:10px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-qty-wide{margin-left:12px;margin-right:12px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sticky{position:fixed;z-index:70;left:6px;right:6px;bottom:6px;width:calc(100% - 12px)}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-deposit-grid{grid-template-columns:1fr}
:is(#homepage-reference,#shop-reference,#account-reference) .payment-choices{flex-direction:column;gap:10px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet{padding:24px 14px 12px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-complete{min-height:100vh}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-complete>div{min-width:0;width:100%}}
/* Refined product media and option sheet */
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-media{margin-top:22px;padding:34px;border:1px solid #e1e7ef;border-radius:18px;background:#fff;box-shadow:0 15px 35px rgba(22,51,90,.06)}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-media>header{padding-bottom:24px;border-bottom:1px solid #e9edf3}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-media>header>span{color:#2864b6;font-size:8px;font-weight:900;letter-spacing:.18em}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-media h2{margin:7px 0 8px;font-size:24px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-media>header>p{margin:0;color:#7c899a;font-size:10px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-image-stack{margin-top:22px;display:grid;gap:14px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-image-slot{position:relative;min-height:230px;border:1px dashed #cbd6e4;border-radius:14px;display:grid;place-items:center;overflow:hidden;background:linear-gradient(135deg,#f8faff,#f0f4f9);color:#6e7e93}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-image-slot>span{position:absolute;left:22px;top:18px;color:#dce4ee;font-size:42px;font-weight:900}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-image-slot>div{display:flex;align-items:center;flex-direction:column;gap:8px;font-size:22px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-image-slot b{color:#41536b;font-size:11px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-image-slot small{color:#9ba7b5;font-size:8px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-backdrop{padding:24px;align-items:flex-end;justify-content:center;background:rgba(5,14,29,.68);backdrop-filter:blur(5px)}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet{width:min(760px,100%);padding:0;border:1px solid rgba(255,255,255,.65);border-radius:24px;overflow:hidden;background:#fff;box-shadow:0 30px 90px rgba(0,0,0,.34);animation:shopSheetIn .22s ease-out}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-header{min-height:78px;padding:18px 22px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e8edf3;background:linear-gradient(135deg,#f8fbff,#fff)}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-header>div{display:flex;align-items:center;gap:12px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-header>div>span{width:40px;height:40px;border-radius:12px;display:grid;place-items:center;background:#eaf2ff;color:#2864b6}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-header p{margin:0;color:#172841;font-size:14px;font-weight:900}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-header small{display:block;margin-top:3px;color:#8390a1;font-size:8px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-header>button{width:36px;height:36px;border:1px solid #dfe5ed;border-radius:50%;display:grid;place-items:center;background:#fff;color:#6b798a;font-size:21px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-product{padding:20px 22px;display:grid;grid-template-columns:112px 1fr;gap:17px;align-items:center}
:is(#homepage-reference,#shop-reference,#account-reference) .sheet-product-visual{height:100px;border-radius:13px;overflow:hidden}
:is(#homepage-reference,#shop-reference,#account-reference) .sheet-product-visual .shop-product-art{height:100px}
:is(#homepage-reference,#shop-reference,#account-reference) .sheet-product-visual .shop-product-art img{width:400px;top:-127px;left:-54px}
:is(#homepage-reference,#shop-reference,#account-reference) .sheet-product-visual .shop-product-art.book img{top:-124px;left:-192px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-product h2{margin:7px 0 10px;max-width:none;font-size:13px;line-height:1.5}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-product strong{font-size:17px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-product strong small{color:#8a97a7;font-size:8px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-order{margin:0 22px;padding:17px 18px;border:1px solid #e4e9f0;border-radius:13px;display:grid;grid-template-columns:1fr 1fr;gap:24px;background:#f8fafc}
:is(#homepage-reference,#shop-reference,#account-reference) .sheet-quantity-block{display:flex;align-items:center;justify-content:space-between;gap:14px}
:is(#homepage-reference,#shop-reference,#account-reference) .sheet-quantity-block>span{color:#526278;font-size:9px;font-weight:800}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-qty{margin:0;display:flex}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-qty button,:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-qty b{width:42px;height:40px;border:1px solid #d8dfe8;display:grid;place-items:center;background:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-qty b{border-left:0;border-right:0}
:is(#homepage-reference,#shop-reference,#account-reference) .sheet-price-breakdown{padding-left:24px;border-left:1px solid #dde4ec}
:is(#homepage-reference,#shop-reference,#account-reference) .sheet-price-breakdown p{margin:0;padding:3px 0;display:flex;justify-content:space-between;color:#718095;font-size:9px}
:is(#homepage-reference,#shop-reference,#account-reference) .sheet-price-breakdown b{color:#253850;font-size:10px}
:is(#homepage-reference,#shop-reference,#account-reference) .sheet-price-breakdown p:last-child b{color:#2864b6}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-total{margin:18px 22px 0;padding:18px 1px;display:flex;align-items:flex-end;justify-content:space-between;border-top:1px solid #e6ebf1}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-total>span{display:flex;flex-direction:column;gap:4px;color:#1f3047;font-size:11px;font-weight:850}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-total>span small{color:#99a4b2;font-size:7px;font-weight:500}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-total strong{color:#153c72;font-size:25px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet footer{padding:0 22px 22px;display:grid;grid-template-columns:.82fr 1.18fr;gap:10px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet footer button{height:52px;border-radius:10px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet footer button:first-child{border:1px solid #dbe2eb;background:#fff;color:#283b53}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet footer button:last-child{background:linear-gradient(135deg,#3774c7,#2359a5);box-shadow:0 9px 20px rgba(40,100,182,.22)}
@keyframes shopSheetIn{from{opacity:0;transform:translateY(28px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:760px){:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-media{padding:23px 16px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-image-slot{min-height:180px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-backdrop{padding:0}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet{width:100%;padding:0;border:0;border-radius:22px 22px 0 0}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-header{min-height:70px;padding:14px 16px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-product{padding:16px;grid-template-columns:88px 1fr;gap:13px}
:is(#homepage-reference,#shop-reference,#account-reference) .sheet-product-visual,:is(#homepage-reference,#shop-reference,#account-reference) .sheet-product-visual .shop-product-art{height:82px}
:is(#homepage-reference,#shop-reference,#account-reference) .sheet-product-visual .shop-product-art img{width:330px;top:-105px;left:-45px}
:is(#homepage-reference,#shop-reference,#account-reference) .sheet-product-visual .shop-product-art.book img{top:-103px;left:-158px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-product h2{font-size:11px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-order{margin:0 16px;padding:14px;grid-template-columns:1fr;gap:13px}
:is(#homepage-reference,#shop-reference,#account-reference) .sheet-price-breakdown{padding:12px 0 0;border-left:0;border-top:1px solid #e0e6ed}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-total{margin:15px 16px 0;padding:15px 0}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-total strong{font-size:22px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet footer{padding:0 16px 13px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet footer button{height:50px}}
/* In-site reward video player */
:is(#homepage-reference,#shop-reference,#account-reference) .mission-thumb{width:100%;border:0;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-copy footer .watch-in-site{border:1px solid #d8e0e9;background:#fff;color:#195dc8}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-copy footer .watch-in-site:hover{border-color:#8fb1e2;background:#f6f9ff}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-copy footer button:disabled{cursor:not-allowed}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-copy footer button:last-child:disabled{background:#edf0f4;color:#8a96a6}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-backdrop{z-index:140;padding:22px;background:rgba(3,12,28,.82);backdrop-filter:blur(12px)}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-modal{width:min(920px,100%);overflow:hidden;border:1px solid rgba(255,255,255,.18);border-radius:22px;background:#fff;box-shadow:0 32px 100px rgba(0,0,0,.48);animation:panel-in .24s ease}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-modal>header{min-height:78px;padding:16px 20px;display:flex;align-items:center;justify-content:space-between;gap:20px;background:#071a39;color:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-modal>header span{display:block;margin-bottom:4px;color:#7fa5dc;font-size:8px;font-weight:700;letter-spacing:.13em}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-modal>header h2{margin:0;font-size:18px;letter-spacing:-.03em}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-modal>header>button{width:38px;height:38px;border:1px solid rgba(255,255,255,.16);border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);color:#fff;font-size:24px;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-screen{position:relative;aspect-ratio:16/9;display:grid;place-items:center;background:#02050a}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-screen>div:first-child,:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-screen iframe{width:100%!important;height:100%!important}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-error{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:#07101f;color:#fff}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-error span{color:#94a3b8;font-size:10px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-info{padding:19px 22px 15px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-info>div:first-child{display:flex;align-items:center;justify-content:space-between;color:#5f7086;font-size:10px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-info>div:first-child strong{color:#155bc8;font-size:13px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-progress{height:7px;margin-top:9px;border-radius:6px;overflow:hidden;background:#e9eef4}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-progress i{display:block;height:100%;border-radius:6px;background:linear-gradient(90deg,#175ac9,#ed3152);transition:width .25s linear}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-info p{margin:9px 0 0;color:#8996a6;font-size:9px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-modal>footer{padding:15px 22px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px;border-top:1px solid #edf0f4}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-modal>footer>div{display:flex;flex-direction:column;gap:4px;color:#7a8798;font-size:8px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-modal>footer strong{color:#ed3152;font-size:20px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-modal>footer button{min-width:220px;height:48px;border:0;border-radius:9px;background:#ffca08;color:#241d00;font-size:11px;font-weight:700;cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-modal>footer button:disabled{background:#e8edf3;color:#8995a4;cursor:not-allowed}
@media(max-width:760px){:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-backdrop{padding:0;align-items:end}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-modal{width:100%;border:0;border-radius:20px 20px 0 0}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-modal>header{min-height:70px;padding:14px 16px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-modal>header h2{font-size:15px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-info{padding:16px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-modal>footer{padding:14px 16px 16px}
:is(#homepage-reference,#shop-reference,#account-reference) .reward-player-modal>footer button{min-width:165px}
:is(#homepage-reference,#shop-reference,#account-reference) .mission-copy footer .watch-in-site{min-height:40px}}
/* Refined KpopReference typography system */
:is(#homepage-reference,#shop-reference,#account-reference) h1,:is(#homepage-reference,#shop-reference,#account-reference) h2,:is(#homepage-reference,#shop-reference,#account-reference) h3{font-weight:700}
:is(#homepage-reference,#shop-reference,#account-reference) .brand{font-weight:800}
:is(#homepage-reference,#shop-reference,#account-reference) .site-header nav button,:is(#homepage-reference,#shop-reference,#account-reference) .site-header nav a,:is(#homepage-reference,#shop-reference,#account-reference) .login-button{font-weight:600;letter-spacing:-.01em}
:is(#homepage-reference,#shop-reference,#account-reference) .join-button,:is(#homepage-reference,#shop-reference,#account-reference) .action-button,:is(#homepage-reference,#shop-reference,#account-reference) .service-card button,:is(#homepage-reference,#shop-reference,#account-reference) .service-page-link,:is(#homepage-reference,#shop-reference,#account-reference) .account-modal form button,:is(#homepage-reference,#shop-reference,#account-reference) .wide-dark,:is(#homepage-reference,#shop-reference,#account-reference) .reward-filters button,:is(#homepage-reference,#shop-reference,#account-reference) .mission-copy footer a,:is(#homepage-reference,#shop-reference,#account-reference) .mission-copy footer button,:is(#homepage-reference,#shop-reference,#account-reference) .mypage-primary,:is(#homepage-reference,#shop-reference,#account-reference) .wallet-toolbar button,:is(#homepage-reference,#shop-reference,#account-reference) .wallet-asset-card>footer button,:is(#homepage-reference,#shop-reference,#account-reference) .shop-tabs button,:is(#homepage-reference,#shop-reference,#account-reference) .shop-primary,:is(#homepage-reference,#shop-reference,#account-reference) .shop-sticky,:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet footer button,:is(#homepage-reference,#shop-reference,#account-reference) .shop-address{font-weight:700}
:is(#homepage-reference,#shop-reference,#account-reference) .hero-kicker,:is(#homepage-reference,#shop-reference,#account-reference) .reward-page-copy h1,:is(#homepage-reference,#shop-reference,#account-reference) .mypage-heading h1,:is(#homepage-reference,#shop-reference,#account-reference) .mypage-content>header h2,:is(#homepage-reference,#shop-reference,#account-reference) .wallet-heading h1,:is(#homepage-reference,#shop-reference,#account-reference) .shop-heading h1,:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-copy h1,:is(#homepage-reference,#shop-reference,#account-reference) .modal-panel h2,:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-media h2{font-weight:700;letter-spacing:-.035em}
:is(#homepage-reference,#shop-reference,#account-reference) .hero-description,:is(#homepage-reference,#shop-reference,#account-reference) .service-card p:not(.service-number),:is(#homepage-reference,#shop-reference,#account-reference) .reward-page-copy>p:not(.section-label),:is(#homepage-reference,#shop-reference,#account-reference) .reward-library-head>div>p:last-child,:is(#homepage-reference,#shop-reference,#account-reference) .mypage-heading>div>p:last-child,:is(#homepage-reference,#shop-reference,#account-reference) .wallet-heading>div>p:last-child,:is(#homepage-reference,#shop-reference,#account-reference) .shop-heading p:last-child,:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-copy>p,:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-media>header>p{font-weight:400;letter-spacing:-.012em}
:is(#homepage-reference,#shop-reference,#account-reference) .section-label,:is(#homepage-reference,#shop-reference,#account-reference) .modal-kicker,:is(#homepage-reference,#shop-reference,#account-reference) .video-details>span,:is(#homepage-reference,#shop-reference,#account-reference) .reward-balance>span,:is(#homepage-reference,#shop-reference,#account-reference) .mission-copy header span,:is(#homepage-reference,#shop-reference,#account-reference) .membership-plan-grid article>span,:is(#homepage-reference,#shop-reference,#account-reference) .coupon-grid article>span,:is(#homepage-reference,#shop-reference,#account-reference) .wallet-overview-title small,:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-media>header>span{font-weight:600}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-card h2,:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-product h2,:is(#homepage-reference,#shop-reference,#account-reference) .mission-copy h3,:is(#homepage-reference,#shop-reference,#account-reference) .video-details h3,:is(#homepage-reference,#shop-reference,#account-reference) .history-list article b,:is(#homepage-reference,#shop-reference,#account-reference) .wallet-asset-card>header b{font-weight:600}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-delivery,:is(#homepage-reference,#shop-reference,#account-reference) .shop-card>small,:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-copy dd,:is(#homepage-reference,#shop-reference,#account-reference) .sheet-quantity-block>span,:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-total>span,:is(#homepage-reference,#shop-reference,#account-reference) .wallet-toolbar>span{font-weight:600}
:is(#homepage-reference,#shop-reference,#account-reference) .stat strong,:is(#homepage-reference,#shop-reference,#account-reference) .reward-balance>strong,:is(#homepage-reference,#shop-reference,#account-reference) .reward-balance p b,:is(#homepage-reference,#shop-reference,#account-reference) .mission-copy header b,:is(#homepage-reference,#shop-reference,#account-reference) .point-summary>strong,:is(#homepage-reference,#shop-reference,#account-reference) .history-list article>strong,:is(#homepage-reference,#shop-reference,#account-reference) .wallet-overview>strong,:is(#homepage-reference,#shop-reference,#account-reference) .asset-balance strong,:is(#homepage-reference,#shop-reference,#account-reference) .shop-card>strong,:is(#homepage-reference,#shop-reference,#account-reference) .shop-detail-price strong,:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-total strong,:is(#homepage-reference,#shop-reference,#account-reference) .shop-totals>strong,:is(#homepage-reference,#shop-reference,#account-reference) .checkout-totals>strong,:is(#homepage-reference,#shop-reference,#account-reference) .shop-complete>div strong,:is(#homepage-reference,#shop-reference,#account-reference) .welcome-points strong,:is(#homepage-reference,#shop-reference,#account-reference) .times-reward-note>strong{font-weight:700;font-variant-numeric:tabular-nums;letter-spacing:-.025em}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-header p{font-weight:700}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-product h2{font-size:14px}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet-product strong{font-weight:700;font-variant-numeric:tabular-nums}
:is(#homepage-reference,#shop-reference,#account-reference) .sheet-price-breakdown b{font-weight:600}
:is(#homepage-reference,#shop-reference,#account-reference) .shop-sheet footer button{letter-spacing:-.01em}
/* Sign-up method switch */
:is(#homepage-reference,#shop-reference,#account-reference) .signup-divider{margin:14px 0;display:flex;align-items:center;gap:12px;color:#9aa7b8;font-size:9px;font-weight:800;letter-spacing:.1em}
:is(#homepage-reference,#shop-reference,#account-reference) .signup-divider:before,:is(#homepage-reference,#shop-reference,#account-reference) .signup-divider:after{content:"";height:1px;flex:1;background:#e4e9f0}
:is(#homepage-reference,#shop-reference,#account-reference) .google-signup-button{width:100%;min-height:49px;padding:0 15px;border:1px solid #d8dfe9;border-radius:9px;display:grid;grid-template-columns:22px 1fr 18px;gap:10px;align-items:center;background:#fff;color:#223148;font-size:11px;font-weight:700;cursor:pointer;box-shadow:0 5px 15px rgba(24,42,68,.05);transition:.18s}
:is(#homepage-reference,#shop-reference,#account-reference) .google-signup-button:hover{border-color:#aebbd0;background:#f9fbff;box-shadow:0 8px 20px rgba(24,42,68,.09)}
:is(#homepage-reference,#shop-reference,#account-reference) .google-signup-button>svg{width:20px;height:20px}
:is(#homepage-reference,#shop-reference,#account-reference) .google-signup-button>span{text-align:center}
:is(#homepage-reference,#shop-reference,#account-reference) .google-signup-button>i{color:#8493a8;font-size:16px;font-style:normal}
:is(#homepage-reference,#shop-reference,#account-reference) .google-signup-note{margin:8px 0 12px!important;color:#77879a!important;font-size:9px!important;text-align:center}
:is(#homepage-reference,#shop-reference,#account-reference) .google-profile-summary{margin-bottom:15px;padding:14px 15px;border:1px solid #dfe6f0;border-radius:11px;display:grid;grid-template-columns:28px 1fr 24px;gap:12px;align-items:center;background:#f8faff}
:is(#homepage-reference,#shop-reference,#account-reference) .google-profile-summary>svg{width:25px;height:25px}
:is(#homepage-reference,#shop-reference,#account-reference) .google-profile-summary>div{display:flex;flex-direction:column;gap:4px}
:is(#homepage-reference,#shop-reference,#account-reference) .google-profile-summary>div>b{color:#1d2d45;font-size:11px}
:is(#homepage-reference,#shop-reference,#account-reference) .google-profile-summary>div>span{color:#77879a;font-size:9px;line-height:1.45}
:is(#homepage-reference,#shop-reference,#account-reference) .google-profile-summary>i{width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:#e4f4e9;color:#1b8a45;font-size:11px;font-style:normal}
:is(#homepage-reference,#shop-reference,#account-reference) .deferred-pin-note{margin:13px 0;padding:15px 16px;border:1px solid #d9e5f4;border-radius:12px;display:grid;grid-template-columns:40px 1fr;gap:12px;background:linear-gradient(135deg,#f4f8ff,#fbfdff)}
:is(#homepage-reference,#shop-reference,#account-reference) .deferred-pin-note>span{width:40px;height:40px;border-radius:11px;display:grid;place-items:center;background:#e8f1ff;color:#245fae}
:is(#homepage-reference,#shop-reference,#account-reference) .deferred-pin-note b{display:block;margin-bottom:5px;color:#17345c;font-size:11px}
:is(#homepage-reference,#shop-reference,#account-reference) .deferred-pin-note p{margin:2px 0!important;color:#687c96!important;font-size:9px!important;line-height:1.5!important}
/* Component architecture: repeated page chrome is rendered by the shared JS component layer.
     Existing Grid/Flex responsive rules remain the single source of layout behavior. */
/* Retain the legacy DOM for its original PHP branches and AJAX handlers. */
body:has(:is(#homepage-reference,#shop-reference,#account-reference)) .legacy-homepage,
body:has(:is(#homepage-reference,#shop-reference,#account-reference))>.footer,
body:has(:is(#homepage-reference,#shop-reference,#account-reference))>.quick_menu{display:none}
.homepage-redesign-popup .ot-popup{max-width:640px}
.homepage-redesign-popup .ot-popup:not(.hide){max-height:85vh;overflow:auto}
.homepage-redesign-popup .ot-popup .bg{padding:24px;border-radius:16px 16px 0 0}
.homepage-redesign-popup .hide-btn{cursor:pointer}
:is(#homepage-reference,#shop-reference,#account-reference) .site-header{box-sizing:border-box}

/* Browser defaults present in the reference, neutralized by the legacy reset. */
:is(#homepage-reference,#shop-reference,#account-reference) b,:is(#homepage-reference,#shop-reference,#account-reference) strong{font-weight:bolder}
:is(#homepage-reference,#shop-reference,#account-reference) button,:is(#homepage-reference,#shop-reference,#account-reference) input,:is(#homepage-reference,#shop-reference,#account-reference) select,:is(#homepage-reference,#shop-reference,#account-reference) textarea,:is(#homepage-reference,#shop-reference,#account-reference) option{letter-spacing:normal}
:is(#homepage-reference,#shop-reference,#account-reference) option{font-weight:400}
:is(#homepage-reference,#shop-reference,#account-reference),:is(#homepage-reference,#shop-reference,#account-reference) *{text-size-adjust:auto;-webkit-text-size-adjust:auto}
/* Match the reference footer's inline logo baseline in the legacy document. */
:is(#homepage-reference,#shop-reference,#account-reference) .footer-brand{padding-top:7px}
:is(#homepage-reference,#shop-reference,#account-reference) .footer-brand>.brand{position:relative;top:-1.5px}

/* Signed-in homepage actions use the existing button presentation. */
#homepage-reference .hero-actions a.action-button,#homepage-reference a.footer-cta{text-decoration:none}
#homepage-reference a.footer-cta{display:flex;align-items:center;justify-content:center}