.nini-member-hub{--member-bg: #030304;--member-surface: #111114;--member-surface-hover: #18181d;--member-border: #3a3a42;--member-text: #ffffff;--member-muted: #b9b9c3;--member-pink: #ff5aaf;--member-pink-light: #ff9dcc;--member-pink-dark: #8c2d57;--member-radius-large: 28px;--member-radius-medium: 18px;--member-content-width: 760px;background:var(--member-bg);color:var(--member-text);min-height:100vh;padding:18px 16px calc(96px + env(safe-area-inset-bottom));overflow-x:clip;font-family:Helvetica Neue,Arial,Hiragino Kaku Gothic ProN,Hiragino Sans,BIZ UDPGothic,Yu Gothic Medium,Meiryo,sans-serif}.nini-member-hub h1,.nini-member-hub h2,.nini-member-hub p,.nini-member-hub a,.nini-member-hub span,.nini-member-hub strong,.nini-member-hub time{font-family:inherit}.nini-member-hub__inner{max-width:var(--member-content-width);margin:0 auto;display:flex;flex-direction:column;gap:26px}.nini-member-hub__head{position:relative;padding:6px 48px 0;min-height:56px}.nini-member-hub__head-side{display:none}.nini-member-hub__brand{margin:0;text-align:center;line-height:1.35}.nini-member-hub__brand span{display:block;white-space:nowrap;font-size:clamp(13px,3.7vw,19px);font-weight:800;letter-spacing:.08em}.nini-member-hub__brand span i{font-style:normal;color:var(--member-muted);font-weight:500;margin:0 2px}.nini-member-hub__brand strong{display:block;margin-top:4px;font-size:clamp(12px,3.2vw,14px);font-weight:700;letter-spacing:.42em;text-indent:.42em;color:var(--member-text)}.nini-member-hub__head-icons{position:absolute;top:50%;right:-6px;transform:translateY(-50%);display:flex;gap:2px}.nini-member-hub__icon-button{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:50%;color:var(--member-text);transition:background-color .18s ease}.nini-member-hub__icon-button:hover{background:var(--member-surface-hover)}.nini-member-hub__icon-button:focus-visible{outline:2px solid var(--member-pink);outline-offset:2px}.nini-member-hub__demo-note{margin:-10px 0 0;padding:8px 12px;border:1px dashed var(--member-pink-dark);border-radius:10px;color:var(--member-pink-light);font-size:11.5px;text-align:center}.nini-member-hub__card{--card-g1: #f2a9c8;--card-g2: #e07dab;--card-g3: #c95a90;--card-edge: rgba(255, 205, 228, .75);position:relative;aspect-ratio:1.62 / 1;border-radius:var(--member-radius-large);border:1px solid var(--card-edge);background:radial-gradient(120% 90% at 82% 0%,rgba(255,255,255,.5),transparent 42%),radial-gradient(90% 70% at 8% 100%,rgba(140,30,80,.5),transparent 55%),linear-gradient(128deg,var(--card-g1) 0%,var(--card-g2) 44%,var(--card-g3) 74%,var(--card-g1) 100%);box-shadow:0 22px 54px #000000a6,0 0 34px #ff5aaf38,inset 0 1px #ffffff8c;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between}.nini-member-hub__card--bronze{--card-g1: #d9a074;--card-g2: #b5754a;--card-g3: #8a5432;--card-edge: rgba(240, 200, 165, .7)}.nini-member-hub__card--silver{--card-g1: #e8eaf0;--card-g2: #b6bac4;--card-g3: #8f95a3;--card-edge: rgba(240, 243, 248, .8)}.nini-member-hub__card--gold{--card-g1: #ecd9a0;--card-g2: #cfae5f;--card-g3: #a3813c;--card-edge: rgba(248, 230, 180, .8)}.nini-member-hub__card--welcome{--card-g1: #ffd9e9;--card-g2: #f7b3d0;--card-g3: #e88fb5;--card-edge: rgba(255, 226, 240, .85)}.nini-member-hub__card--vip{--card-g1: #ff86bd;--card-g2: #c23577;--card-g3: #5f1038;--card-edge: rgba(255, 150, 200, .8)}.nini-member-hub__card--none{--card-g1: #2a2a31;--card-g2: #1c1c22;--card-g3: #131318;--card-edge: rgba(120, 120, 135, .5)}.nini-member-hub__card-shine{position:absolute;inset:0 0 auto;height:46%;background:linear-gradient(178deg,rgba(255,255,255,.38),rgba(255,255,255,.04) 78%,transparent);border-radius:var(--member-radius-large) var(--member-radius-large) 46% 46%;pointer-events:none}.nini-member-hub__card-sparkle{position:absolute;width:10px;height:10px;background:radial-gradient(circle,#fff 0 18%,rgba(255,255,255,.85) 30%,transparent 70%);clip-path:polygon(50% 0,60% 40%,100% 50%,60% 60%,50% 100%,40% 60%,0 50%,40% 40%);pointer-events:none}.nini-member-hub__card-sparkle--1{top:14%;right:8%;transform:scale(2);opacity:.95}.nini-member-hub__card-sparkle--2{bottom:34%;left:6%;transform:scale(1.3);opacity:.7}.nini-member-hub__card-top{position:relative;flex:1 1 auto;padding:clamp(16px,4.6vw,30px) clamp(18px,5vw,32px) 0}.nini-member-hub .nini-member-hub__card-letter{display:block;font-family:Didot,"Bodoni 72",Georgia,Times New Roman,serif;font-size:clamp(56px,15vw,92px);line-height:.95;color:#fff;text-shadow:0 3px 14px rgba(120,20,70,.45)}.nini-member-hub__card-label{display:block;margin-top:clamp(6px,1.8vw,14px);font-size:clamp(15px,4.2vw,22px);font-weight:600;letter-spacing:.22em;color:#fff;text-shadow:0 1px 8px rgba(120,20,70,.4)}.nini-member-hub__card-benefit{display:block;margin-top:clamp(4px,1.2vw,10px);font-size:clamp(14px,3.8vw,19px);font-weight:600;letter-spacing:.16em;color:#fff}.nini-member-hub__card-logo{position:absolute;top:clamp(14px,4vw,26px);right:clamp(16px,4.6vw,30px);display:inline-flex;align-items:center;gap:4px;color:#fff;font-size:clamp(20px,5vw,26px);font-weight:800;letter-spacing:.04em;text-shadow:0 1px 8px rgba(120,20,70,.4)}.nini-member-hub__card-heart{position:absolute;right:clamp(18px,5vw,34px);bottom:clamp(12px,3.4vw,22px);width:clamp(44px,11vw,64px);height:auto;filter:drop-shadow(0 4px 10px rgba(60,10,35,.45))}.nini-member-hub__card-strip{position:relative;padding:clamp(10px,2.8vw,16px) clamp(18px,5vw,32px) clamp(14px,3.6vw,20px);background:#2e081c61;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.nini-member-hub__card-strip-row{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:clamp(11px,3vw,13.5px);color:#ffffffeb}.nini-member-hub__card-next{display:inline-flex;align-items:center;gap:5px;font-weight:700;white-space:nowrap}.nini-member-hub__progress{display:flex;align-items:center;gap:12px;margin-top:8px}.nini-member-hub__progress-track{flex:1 1 auto;height:8px;border-radius:999px;background:#ffffff47;overflow:hidden}.nini-member-hub__progress-fill{display:block;width:var(--nini-hub-progress, 0%);height:100%;border-radius:999px;background:linear-gradient(90deg,var(--member-pink-light),var(--member-pink));box-shadow:0 0 10px #ff5aafbf}.nini-member-hub__progress-fill.is-animating{transition:width .9s cubic-bezier(.25,.9,.3,1)}.nini-member-hub__progress-num{font-size:clamp(14px,3.6vw,17px);font-weight:800;color:#fff}.nini-member-hub__user{text-align:center}.nini-member-hub h1,.nini-member-hub h2{color:var(--member-text)}.nini-member-hub__name{margin:0;color:var(--member-text);font-size:clamp(28px,8vw,40px);font-weight:800;letter-spacing:.02em;overflow-wrap:anywhere}.nini-member-hub__name span{font-size:.62em;font-weight:700}.nini-member-hub__user-sub{margin:8px 0 0;color:var(--member-text);font-size:clamp(14px,3.8vw,16px)}.nini-member-hub__user-id{margin:5px 0 0;color:var(--member-muted);font-size:clamp(12px,3.3vw,14px);letter-spacing:.04em}.nini-member-hub__status{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.nini-member-hub__status-card{display:flex;flex-direction:column;gap:10px;min-height:92px;padding:14px 12px;border:1px solid var(--member-border);border-radius:var(--member-radius-medium);background:var(--member-surface);color:var(--member-text);text-decoration:none;transition:background-color .18s ease,border-color .18s ease}.nini-member-hub__status-card:hover{background:var(--member-surface-hover);border-color:var(--member-pink-dark)}.nini-member-hub__status-card:focus-visible{outline:2px solid var(--member-pink);outline-offset:2px}.nini-member-hub__status-title{font-size:clamp(12px,3.3vw,14px);font-weight:700;color:var(--member-pink-light);white-space:nowrap}.nini-member-hub__status-value{display:flex;align-items:center;justify-content:space-between;gap:6px;font-size:clamp(13px,3.6vw,15px);color:var(--member-text)}.nini-member-hub__status-value strong{font-size:clamp(21px,6vw,27px);font-weight:800;margin-right:2px}.nini-member-hub__status-value svg{color:var(--member-pink);flex:none}.nini-member-hub__status-value--link{font-weight:700;font-size:clamp(12.5px,3.4vw,14px)}.nini-member-hub__status-benefit{display:flex;flex-direction:column;gap:2px;font-size:clamp(15px,4.2vw,19px);font-weight:800;color:var(--member-text);white-space:nowrap}.nini-member-hub__status-benefit small{font-size:clamp(10px,2.8vw,11.5px);font-weight:600;color:var(--member-muted)}.nini-member-hub__menu{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.nini-member-hub__menu-item{display:flex;align-items:center;gap:12px;min-height:58px;padding:14px 16px;border:1px solid var(--member-border);border-radius:var(--member-radius-medium);background:var(--member-surface);color:var(--member-text);font-size:clamp(13.5px,3.7vw,15.5px);font-weight:700;text-decoration:none;transition:background-color .18s ease,border-color .18s ease}.nini-member-hub__menu-item svg{color:var(--member-pink);flex:none}.nini-member-hub__menu-item:hover{background:var(--member-surface-hover);border-color:var(--member-pink-dark)}.nini-member-hub__menu-item:focus-visible{outline:2px solid var(--member-pink);outline-offset:2px}.nini-member-hub__recs-head{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.nini-member-hub__recs-head h2{margin:0;font-size:clamp(17px,4.6vw,21px);font-weight:800}.nini-member-hub__recs-head a{color:var(--member-pink-light);font-size:clamp(12.5px,3.4vw,14px);font-weight:700;text-decoration:none;white-space:nowrap}.nini-member-hub__recs-head a:focus-visible{outline:2px solid var(--member-pink);outline-offset:2px}.nini-member-hub__recs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.nini-member-hub__rec{position:relative;display:flex;flex-direction:column;border-radius:var(--member-radius-medium);border:1px solid var(--member-border);background:var(--member-surface);color:var(--member-text);text-decoration:none;overflow:hidden;transition:border-color .18s ease,background-color .18s ease}.nini-member-hub__rec:hover{background:var(--member-surface-hover);border-color:var(--member-pink-dark)}.nini-member-hub__rec:focus-visible{outline:2px solid var(--member-pink);outline-offset:2px}.nini-member-hub__rec-brand{position:absolute;top:10px;left:10px;z-index:1;padding:4px 10px;border-radius:999px;background:#ff5aafeb;color:#fff;font-size:11.5px;font-weight:800;letter-spacing:.06em}.nini-member-hub__rec-brand--xc{background:#141418eb;border:1px solid rgba(255,255,255,.4)}.nini-member-hub__rec-image{display:block;width:100%;height:auto;aspect-ratio:1 / .86;object-fit:cover;background:#1a1a1f}.nini-member-hub__rec-info{display:flex;flex-direction:column;gap:5px;padding:11px 12px 13px}.nini-member-hub__rec-title{font-size:clamp(12.5px,3.4vw,14px);font-weight:700;line-height:1.45;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.nini-member-hub__rec-price{color:var(--member-pink-light);font-size:clamp(13.5px,3.7vw,15.5px);font-weight:800}.nini-member-hub__gate{margin-top:8vh;padding:clamp(28px,7vw,44px) clamp(20px,5vw,36px);border:1px solid var(--member-border);border-radius:var(--member-radius-large);background:radial-gradient(90% 70% at 50% 0%,rgba(255,90,175,.14),transparent 60%),var(--member-surface);text-align:center}.nini-member-hub__gate h1{margin:0;font-size:clamp(20px,5.6vw,26px);font-weight:800;line-height:1.5}.nini-member-hub__gate p{margin:12px 0 0;color:var(--member-muted);font-size:clamp(13px,3.6vw,15px);line-height:1.8}.nini-member-hub__gate-login{display:flex;align-items:center;justify-content:center;min-height:54px;margin-top:24px;border-radius:999px;background:linear-gradient(92deg,var(--member-pink),var(--member-pink-light));color:#fff;font-size:16px;font-weight:800;letter-spacing:.18em;text-indent:.18em;text-decoration:none;box-shadow:0 10px 26px #ff5aaf59}.nini-member-hub__gate-login:focus-visible,.nini-member-hub__gate-register:focus-visible{outline:2px solid var(--member-pink);outline-offset:3px}.nini-member-hub__gate-register{display:inline-block;margin-top:16px;color:var(--member-pink-light);font-size:13.5px;font-weight:700;text-decoration:underline;text-underline-offset:3px}@media screen and (max-width:379px){.nini-member-hub__status{grid-template-columns:minmax(0,1fr)}.nini-member-hub__status-card{min-height:0;flex-direction:row;align-items:center;justify-content:space-between}}@media screen and (min-width:750px){.nini-member-hub{padding-top:34px;padding-bottom:90px}.nini-member-hub__inner{gap:30px}}@media(prefers-reduced-motion:reduce){.nini-member-hub__progress-fill.is-animating,.nini-member-hub__status-card,.nini-member-hub__menu-item,.nini-member-hub__rec,.nini-member-hub__icon-button{transition:none}}
/*# sourceMappingURL=/cdn/shop/t/58/assets/nini-member-hub.css.map */