*{box-sizing:border-box}html,body{margin:0;background:#fffcf7;color:#382d45;font-family:system-ui,-apple-system,"Segoe UI",sans-serif}button,input,select,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit}
#star12x-proto{--sx-bg:light-dark(#faf9f6,#1d1b22);--sx-paper:light-dark(#fff,#292630);--sx-ink:light-dark(#282332,#eee9f3);--sx-muted:light-dark(#746d7b,#bcb3c5);--sx-line:light-dark(#e9e4e9,#403a47);--sx-soft:light-dark(#f2eef6,#352d41);--sx-accent:light-dark(#695087,#c8addf);--sx-hero:light-dark(#292037,#30253e);font-family:"Pretendard","Noto Sans KR","Malgun Gothic",sans-serif;color:var(--sx-ink);background:var(--sx-bg);font-size:14px;line-height:1.65;min-height:700px;border-radius:16px;overflow:clip;position:relative;color-scheme:light dark}
#star12x-proto *{box-sizing:border-box}#star12x-proto button,#star12x-proto input,#star12x-proto select,#star12x-proto textarea{font:inherit}#star12x-proto button{color:inherit}#star12x-proto button:disabled{opacity:.45;cursor:not-allowed}#star12x-proto button:focus-visible,#star12x-proto input:focus-visible,#star12x-proto select:focus-visible,#star12x-proto textarea:focus-visible{outline:3px solid var(--sx-accent);outline-offset:3px}#star12x-proto h1,#star12x-proto h2,#star12x-proto h3,#star12x-proto p{margin:0}#star12x-proto h1{font-size:30px;letter-spacing:-1.3px;line-height:1.4;font-weight:650}#star12x-proto h2{font-size:20px;letter-spacing:-.65px;font-weight:650}#star12x-proto h3{font-size:16px;font-weight:600}#star12x-proto .sx-small{font-size:12px;color:var(--sx-muted)}#star12x-proto .sx-eyebrow{font-size:11px;letter-spacing:2px;color:var(--sx-accent);font-weight:650}#star12x-proto .sx-muted{color:var(--sx-muted)}#star12x-proto .sx-top{display:flex;align-items:center;justify-content:space-between;padding:18px 30px;border-bottom:1px solid var(--sx-line);background:var(--sx-paper);gap:10px}#star12x-proto .sx-brand{border:0;background:none;font-family:Georgia,serif;font-size:23px;letter-spacing:1px;padding:0}#star12x-proto .sx-brand span{color:var(--sx-accent)}#star12x-proto .sx-tag{font-size:11px;border-radius:30px;padding:4px 9px;background:var(--sx-soft);color:var(--sx-accent)}#star12x-proto .sx-topright{display:flex;align-items:center;gap:12px}#star12x-proto .sx-nav{display:flex;gap:22px;padding:0 30px;background:var(--sx-paper);border-bottom:1px solid var(--sx-line);flex-wrap:wrap}#star12x-proto .sx-nav button{background:none;border:0;border-bottom:2px solid transparent;padding:14px 0 12px;white-space:nowrap;color:var(--sx-muted);font-size:13px}#star12x-proto .sx-nav button.active{border-color:var(--sx-accent);color:var(--sx-accent);font-weight:650}#star12x-proto .sx-main{padding:28px 30px 35px}#star12x-proto .sx-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:12px;margin-bottom:22px}#star12x-proto .sx-heading p{color:var(--sx-muted);margin-top:7px}#star12x-proto .sx-hero{background:var(--sx-hero);color:#f7f0fa;border-radius:22px;display:grid;grid-template-columns:1.1fr 1fr;position:relative;overflow:hidden;margin-bottom:22px}#star12x-proto .sx-hero-copy{padding:38px 34px;z-index:1}#star12x-proto .sx-hero .sx-eyebrow{color:#ccb4e8;margin-bottom:15px}#star12x-proto .sx-hero h1{font-size:34px;line-height:1.55;font-family:Georgia,"Batang",serif;font-weight:500;letter-spacing:-1.2px}#star12x-proto .sx-hero p{font-size:13px;color:#cfc2db;margin:14px 0 24px}#star12x-proto .sx-hero-art{display:grid;place-items:center;position:relative;background:radial-gradient(ellipse at center,#82689450,transparent 65%);padding:12px}#star12x-proto .sx-hero-art:after{content:'나를 읽는 세 가지 시선';position:absolute;bottom:20px;color:#cbb8dc;font-size:11px;letter-spacing:3px}#star12x-proto .sx-wheel{display:block;width:100%;max-width:300px;color:#cbb99b}#star12x-proto .sx-wheel text{font-family:serif;fill:currentColor}#star12x-proto .sx-action{border:0;background:var(--sx-accent);color:light-dark(#fff,#251d30);border-radius:10px;padding:12px 18px;font-weight:550;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:44px}#star12x-proto .sx-hero .sx-action{background:#eee5f5;color:#40304d}#star12x-proto .sx-secondary{border:1px solid var(--sx-line);background:var(--sx-paper);border-radius:10px;padding:10px 14px;min-height:42px}#star12x-proto .sx-link{border:0;background:none;color:var(--sx-accent);padding:4px 0;font-size:13px}#star12x-proto .sx-row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}#star12x-proto .sx-spread{justify-content:space-between}#star12x-proto .sx-section{margin-top:27px}#star12x-proto .sx-sectionhead{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px;gap:10px}#star12x-proto .sx-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}#star12x-proto .sx-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}#star12x-proto .sx-panel{background:var(--sx-paper);border:1px solid var(--sx-line);border-radius:16px;padding:22px}#star12x-proto .sx-service{background:var(--sx-paper);border:1px solid var(--sx-line);border-radius:16px;text-align:left;padding:20px;display:flex;flex-direction:column;align-items:flex-start;gap:7px;transition:transform .15s,border-color .15s}#star12x-proto .sx-service:hover{transform:translateY(-3px);border-color:var(--sx-accent)}#star12x-proto .sx-service .sx-symbol{font-size:30px;color:var(--sx-accent);height:48px}#star12x-proto .sx-service .sx-next{margin-top:8px;color:var(--sx-accent);font-size:12px}#star12x-proto .sx-split{display:grid;grid-template-columns:1.8fr 1fr;gap:20px}#star12x-proto .sx-journal-promo{background:var(--sx-soft);border-radius:16px;padding:22px;display:flex;align-items:center;justify-content:space-between;gap:20px}#star12x-proto .sx-chiprow{display:flex;gap:8px;flex-wrap:wrap}#star12x-proto .sx-chip{border:1px solid var(--sx-line);background:var(--sx-paper);border-radius:30px;padding:8px 13px;font-size:13px;min-height:40px}#star12x-proto .sx-chip.active{background:var(--sx-accent);color:light-dark(#fff,#251d30);border-color:var(--sx-accent)}#star12x-proto .sx-field{display:flex;flex-direction:column;gap:7px;margin-top:17px}#star12x-proto .sx-field input,#star12x-proto .sx-field select,#star12x-proto .sx-field textarea{min-width:0;width:100%;padding:12px;border:1px solid var(--sx-line);border-radius:10px;background:var(--sx-bg);color:var(--sx-ink);font-size:16px}#star12x-proto .sx-field textarea{resize:vertical;min-height:86px}#star12x-proto .sx-field input:disabled{opacity:.5}#star12x-proto .sx-check{display:flex;align-items:center;gap:8px;margin:16px 0;font-size:13px}#star12x-proto .sx-note{padding:14px 16px;background:var(--sx-soft);border-radius:10px;font-size:12px;color:var(--sx-muted);margin-top:18px}#star12x-proto .sx-error{color:light-dark(#af343f,#ff9aa4);font-size:13px;margin-top:12px}#star12x-proto .sx-cardart{width:100%;border-radius:9px;display:block;aspect-ratio:5/8;object-fit:cover}#star12x-proto .sx-fan{position:relative;height:278px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,var(--sx-soft),transparent 70%)}#star12x-proto .sx-fan img{width:125px;position:absolute;border:3px solid var(--sx-paper);border-radius:10px;box-shadow:0 12px 28px #1e102733}#star12x-proto .sx-fan img:first-child{transform:translateX(-75px) rotate(-14deg)}#star12x-proto .sx-fan img:last-child{transform:translateX(75px) rotate(14deg)}#star12x-proto .sx-fan img:nth-child(2){z-index:1;transform:translateY(-10px)}#star12x-proto .sx-deck{display:grid;grid-template-columns:repeat(11,minmax(0,1fr));gap:8px;margin:20px 0}#star12x-proto .sx-pick{padding:0;border:2px solid transparent;border-radius:8px;background:none;position:relative;transition:transform .15s}#star12x-proto .sx-pick.chosen{border-color:var(--sx-accent);transform:translateY(-4px)}#star12x-proto .sx-pick span{position:absolute;inset:0;display:grid;place-items:center;background:#2a1c4670;color:#fff;font-size:22px;border-radius:6px}#star12x-proto .sx-resultcards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:20px 0}#star12x-proto .sx-resultcards img{max-width:140px;margin:0 auto 14px}#star12x-proto .sx-resultcards .sx-panel{padding:18px}#star12x-proto .sx-resultcards p{margin-top:10px;font-size:13px}#star12x-proto .sx-pos{color:var(--sx-accent);font-size:12px;margin-bottom:12px;text-align:center}#star12x-proto .sx-resultcards h3{text-align:center}#star12x-proto .sx-reverse{transform:rotate(180deg)}#star12x-proto .sx-pillars{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:20px 0}#star12x-proto .sx-pillar{text-align:center;border-radius:12px;background:var(--sx-soft);padding:14px 5px}#star12x-proto .sx-pillar strong{display:block;font-size:26px;font-weight:500;color:var(--sx-accent)}#star12x-proto .sx-meterrow{display:grid;grid-template-columns:60px 1fr 28px;align-items:center;gap:10px;margin-top:12px;font-size:13px}#star12x-proto .sx-meter{height:9px;background:var(--sx-soft);border-radius:9px;overflow:hidden}#star12x-proto .sx-meter div{height:100%;background:var(--sx-accent);border-radius:9px}#star12x-proto .sx-birthlayout{display:grid;grid-template-columns:300px 1fr;gap:20px}#star12x-proto .sx-signs{display:grid;grid-template-columns:repeat(6,1fr);gap:8px;margin:16px 0}#star12x-proto .sx-signs button{background:var(--sx-bg);border:1px solid var(--sx-line);border-radius:10px;padding:10px 2px;font-size:11px}#star12x-proto .sx-signs button span{display:block;font-size:25px;color:var(--sx-accent)}#star12x-proto .sx-product-art{aspect-ratio:1;background-size:300% 100%;border-radius:12px;margin-bottom:16px}#star12x-proto .sx-product p{font-size:12px;margin:8px 0 15px;color:var(--sx-muted)}#star12x-proto .sx-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:19px 0;border-bottom:1px solid var(--sx-line)}#star12x-proto .sx-summary:last-child{border-bottom:0}#star12x-proto .sx-summary p{color:var(--sx-muted);font-size:13px;margin:5px 0}#star12x-proto .sx-calendar{display:grid;grid-template-columns:repeat(7,1fr);gap:7px;margin-top:18px}#star12x-proto .sx-calendar button{border:1px solid var(--sx-line);background:var(--sx-paper);border-radius:9px;min-height:54px;padding:4px;display:grid;place-items:center}#star12x-proto .sx-calendar button.active{border-color:var(--sx-accent);background:var(--sx-soft)}#star12x-proto .sx-calendar small{color:var(--sx-muted);font-size:10px}#star12x-proto .sx-footer{padding:18px 30px;border-top:1px solid var(--sx-line);display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap;color:var(--sx-muted);font-size:11px}#star12x-proto dialog{padding:26px;border:1px solid var(--sx-line);border-radius:20px;background:var(--sx-paper);color:var(--sx-ink);max-width:520px;width:calc(100% - 32px);max-height:85vh;overflow:auto}#star12x-proto dialog::backdrop{background:#18102170;backdrop-filter:blur(4px)}#star12x-proto .sx-modalhead{display:flex;justify-content:space-between;gap:20px;align-items:center;margin-bottom:15px}#star12x-proto .sx-close{border:0;background:var(--sx-soft);border-radius:50%;width:36px;height:36px;font-size:20px}#star12x-proto .sx-toast{background:var(--sx-soft);border-bottom:1px solid var(--sx-line);color:var(--sx-accent);padding:10px 30px;font-size:13px}#star12x-proto .sx-toast:empty{display:none}#star12x-proto .sx-empty{text-align:center;padding:45px 20px}#star12x-proto .sx-empty p{margin:12px 0 20px;color:var(--sx-muted)}#star12x-proto .sx-full{width:100%}#star12x-proto .sx-article p{margin:16px 0;line-height:1.9}#star12x-proto .sx-badge{color:var(--sx-accent);font-size:11px;background:var(--sx-soft);padding:3px 8px;border-radius:20px}#star12x-proto .sx-fine{font-size:11px;color:var(--sx-muted);margin-top:14px}#star12x-proto a{color:var(--sx-accent)}
@media(max-width:750px){#star12x-proto .sx-top{padding:16px 20px}#star12x-proto .sx-nav{gap:16px;padding:0 20px}#star12x-proto .sx-main{padding:22px 20px}#star12x-proto .sx-topright .sx-small{display:none}#star12x-proto .sx-birthlayout{grid-template-columns:1fr}#star12x-proto .sx-hero-copy{padding:28px 24px}#star12x-proto .sx-hero h1{font-size:29px}#star12x-proto .sx-split{grid-template-columns:1fr}#star12x-proto .sx-deck{grid-template-columns:repeat(8,1fr)}#star12x-proto .sx-grid3{gap:10px}#star12x-proto .sx-service{padding:16px}}
@media(max-width:520px){#star12x-proto .sx-main{padding:20px 15px}#star12x-proto .sx-nav{gap:0;justify-content:space-between;padding:0 12px}#star12x-proto .sx-nav button{width:25%;font-size:12px;padding:10px 0}#star12x-proto h1{font-size:25px}#star12x-proto .sx-heading{align-items:flex-start}#star12x-proto .sx-hero{grid-template-columns:1fr}#star12x-proto .sx-hero h1{font-size:28px}#star12x-proto .sx-hero-art{display:none}#star12x-proto .sx-grid3,#star12x-proto .sx-grid2{grid-template-columns:1fr}#star12x-proto .sx-service{display:grid;grid-template-columns:45px 1fr;column-gap:14px}#star12x-proto .sx-service .sx-symbol{grid-row:1/4}#star12x-proto .sx-service .sx-next{margin:0}#star12x-proto .sx-deck{grid-template-columns:repeat(6,1fr);gap:6px}#star12x-proto .sx-resultcards{grid-template-columns:1fr}#star12x-proto .sx-resultcards img{max-width:155px}#star12x-proto .sx-panel{padding:18px}#star12x-proto .sx-signs{grid-template-columns:repeat(4,1fr)}#star12x-proto .sx-product-art{max-height:250px}#star12x-proto .sx-journal-promo{flex-direction:column;align-items:flex-start}#star12x-proto .sx-footer{padding:18px}#star12x-proto .sx-calendar{gap:4px}#star12x-proto .sx-top{padding:15px}#star12x-proto .sx-topright{gap:5px}#star12x-proto .sx-brand{font-size:21px}}
@media(prefers-reduced-motion:reduce){#star12x-proto *{transition:none!important;animation:none!important}}
#star12x-proto{color-scheme:light;--sx-bg:#fffcf7;--sx-paper:#fff;--sx-ink:#3d3547;--sx-muted:#7a7180;--sx-line:#eee6ef;--sx-soft:#f6effc;--sx-accent:#7754a7;--sx-hero:#fff3d6;border-radius:24px;font-family:'Pretendard','Noto Sans KR','Malgun Gothic',sans-serif}
#star12x-proto .sx-top{padding:20px 30px;background:#fffdf9;border-bottom:0}#star12x-proto .sx-brand{display:flex;align-items:center;gap:9px;font:750 24px 'Malgun Gothic',sans-serif;letter-spacing:-1px;color:#584170}#star12x-proto .sx-brand small{font-size:10px;letter-spacing:1px;color:#9b819f;align-self:flex-end;line-height:2}#star12x-proto .sx-brand-symbol{display:grid;place-items:center;width:35px;height:35px;border-radius:13px;background:#ffeab5;color:#ac741f;font-size:25px;transform:rotate(-7deg)}#star12x-proto .sx-topright .sx-small{font-size:12px}#star12x-proto .sx-tag{background:#fff0e4;color:#946b42}#star12x-proto .sx-nav{background:#fffdf9;gap:7px;padding:8px 26px 15px;justify-content:space-between}#star12x-proto .sx-nav button{padding:9px 11px;border:0;border-radius:11px;font-size:12px}#star12x-proto .sx-nav button.active{background:#eee5fa;color:#73519d}#star12x-proto .sx-main{padding-top:24px}#star12x-proto .sx-eyebrow{letter-spacing:.4px;font-size:12px;color:#9572ae}#star12x-proto .sx-heading h1{font-size:27px;font-weight:750;line-height:1.5}#star12x-proto .sx-heading p{font-size:13px}#star12x-proto .sx-action{border-radius:14px;background:#7b59ac;color:#fff;box-shadow:0 4px 0 #65449416}#star12x-proto .sx-secondary{border-radius:13px}#star12x-proto .sx-chip.active{background:#7b59ac;color:#fff}#star12x-proto .sx-panel{border-radius:22px;box-shadow:0 4px 16px #73578305}#star12x-proto .sx-note{background:#faf4ff;color:#76627e;border-radius:14px}#star12x-proto .sx-footer{background:#faf5ef}#star12x-proto h1,#star12x-proto h2,#star12x-proto h3{word-break:keep-all}#star12x-proto .sx-fan{background:radial-gradient(ellipse,#fff0d2,transparent 68%)}#star12x-proto .sx-mascot{display:inline-block;flex-shrink:0;width:86px;height:86px;background-image:var(--sx-mascots);background-size:200% 200%;background-repeat:no-repeat;mix-blend-mode:multiply;vertical-align:middle}#star12x-proto .sx-mascot[data-kind="tarot"]{background-position:0 0}#star12x-proto .sx-mascot[data-kind="astro"]{background-position:100% 0}#star12x-proto .sx-mascot[data-kind="saju"]{background-position:0 100%}#star12x-proto .sx-mascot[data-kind="combined"]{background-position:100% 100%}
#star12x-proto .sx-hero{grid-template-columns:1.05fr 1fr;background:#fff1d5;border:1px solid #f6e6c8;border-radius:28px;min-height:320px;color:#4a3b50;overflow:hidden}#star12x-proto .sx-hero-copy{padding:34px 32px}#star12x-proto .sx-hero .sx-eyebrow{color:#a47846;font-size:12px;letter-spacing:.5px;margin-bottom:12px}#star12x-proto .sx-hero h1{font-family:inherit;font-size:31px;font-weight:750;line-height:1.65;letter-spacing:-1.4px}#star12x-proto .sx-hero h1 em{font-style:normal;color:#9760a4;background:linear-gradient(transparent 65%,#efcce47a 65%)}#star12x-proto .sx-hero p{color:#877369;line-height:1.85;margin:12px 0 20px}#star12x-proto .sx-hero .sx-action{background:#8058a7;color:#fff}#star12x-proto .sx-hero-art{padding:0;background:none;position:relative;min-height:320px;display:block}#star12x-proto .sx-hero-art:after{content:'';display:none}#star12x-proto .sx-character-button{background:none;border:0;padding:0;position:absolute;transition:transform .18s}#star12x-proto .sx-character-button:hover{transform:translateY(-5px) rotate(3deg)}#star12x-proto .sx-character-button.primary{bottom:28px;left:4%;z-index:2}#star12x-proto .sx-character-button.primary .sx-mascot{width:235px;height:235px}#star12x-proto .sx-character-button.small{bottom:28px;right:3%;z-index:3}#star12x-proto .sx-character-button.small .sx-mascot{width:133px;height:133px}#star12x-proto .sx-character-button.tiny{right:12%;top:45px;z-index:1}#star12x-proto .sx-character-button.tiny .sx-mascot{width:100px;height:100px}#star12x-proto .sx-halo{position:absolute;width:275px;height:210px;bottom:22px;left:8%;border-radius:50%;background:#fbe2cb;transform:rotate(-12deg)}#star12x-proto .sx-speech{position:absolute;top:25px;left:8%;padding:10px 16px;background:#fff;border-radius:18px 18px 18px 3px;color:#907298;font-size:12px;box-shadow:0 5px 16px #ba996410;z-index:4}#star12x-proto .sx-sticker{position:absolute;color:#d6a862;font-size:23px}#star12x-proto .sx-hero-caption{position:absolute;bottom:8px;left:15%;font-size:11px;color:#9b815f;z-index:4}#star12x-proto .sx-friends{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}#star12x-proto .sx-friend{background:#fff;border:1px solid #eae3ef;border-radius:22px;padding:16px 12px 18px;text-align:center;position:relative;overflow:hidden}#star12x-proto .sx-friend:nth-child(1){background:#f7f0ff}#star12x-proto .sx-friend:nth-child(2){background:#edf6ff}#star12x-proto .sx-friend:nth-child(3){background:#f0f7e7}#star12x-proto .sx-friend:nth-child(4){background:#fff0f2}#star12x-proto .sx-friend .sx-mascot{width:110px;height:110px;display:block;margin:0 auto 8px;transition:transform .2s}#star12x-proto .sx-friend:hover .sx-mascot{transform:rotate(-4deg) scale(1.05)}#star12x-proto .sx-friend h3{font-size:15px;color:#564663}#star12x-proto .sx-friend p{font-size:11px;margin-top:5px;color:#847889}#star12x-proto .sx-friend .sx-next{display:block;font-size:11px;color:#87609f;margin-top:10px}#star12x-proto .sx-moodpanel{margin-top:24px;background:#fff;border:1px solid #ece4e9;border-radius:22px;padding:22px}#star12x-proto .sx-moods{display:flex;gap:9px;flex-wrap:wrap;margin:16px 0}#star12x-proto .sx-mood{border:1px solid #eee3da;background:#fffcf6;border-radius:14px;padding:11px 16px;color:#7c6b68;font-size:13px}#star12x-proto .sx-mood.active{border-color:#cdb1e4;background:#f5ebff;color:#76549e}#star12x-proto .sx-moodresponse{display:flex;align-items:center;gap:12px;background:#fff7ec;border-radius:16px;padding:9px 14px;color:#8b715d;font-size:13px;min-height:76px}#star12x-proto .sx-moodresponse .sx-mascot{width:60px;height:60px}#star12x-proto .sx-buddy-note{display:flex;align-items:center;gap:10px;margin:0 0 18px;padding:9px 16px;background:#fff7eb;border:1px solid #f1e5d5;border-radius:18px}#star12x-proto .sx-buddy-note .sx-mascot{width:58px;height:58px}#star12x-proto .sx-buddy-note p{color:#847364;font-size:12px}#star12x-proto .sx-buddy-note strong{font-size:13px;color:#755486}#star12x-proto .sx-journal-promo{background:#f0f6e9;border:1px solid #e4eddc;border-radius:22px}#star12x-proto .sx-sectionhead h2{font-size:19px}#star12x-proto .sx-tinycaption{color:#a38b70;font-size:11px;margin-top:12px}#star12x-proto .sx-avatarintro{text-align:center;padding:10px 0 22px}#star12x-proto .sx-avatarintro .sx-mascot{width:165px;height:165px}#star12x-proto .sx-avatarintro p{max-width:340px;margin:12px auto;color:#827286}#star12x-proto .sx-article p{color:#73697b}#star12x-proto .sx-signs button{background:#f7f3fc}#star12x-proto .sx-pillar{background:#f2f7eb}#star12x-proto .sx-calendar button.active{background:#fff1d6;border-color:#debd8d}#star12x-proto .sx-resultcards .sx-note{background:#fff7e9}
@media(max-width:750px){#star12x-proto .sx-nav{padding:8px 15px 12px;gap:3px}#star12x-proto .sx-nav button{padding:8px;font-size:11px}#star12x-proto .sx-hero-copy{padding:26px 22px}#star12x-proto .sx-hero h1{font-size:27px}#star12x-proto .sx-character-button.primary .sx-mascot{width:200px;height:200px}#star12x-proto .sx-character-button.small .sx-mascot{width:105px;height:105px}#star12x-proto .sx-character-button.tiny .sx-mascot{width:85px;height:85px}#star12x-proto .sx-halo{width:210px;height:175px}#star12x-proto .sx-friends{gap:9px}#star12x-proto .sx-friend{padding:12px 8px}#star12x-proto .sx-friend .sx-mascot{width:94px;height:94px}}
@media(max-width:520px){#star12x-proto .sx-brand{font-size:22px}#star12x-proto .sx-brand small{display:none}#star12x-proto .sx-top{padding:16px 18px}#star12x-proto .sx-nav{gap:5px;padding:4px 12px 12px;justify-content:flex-start}#star12x-proto .sx-nav button{width:calc(25% - 4px);font-size:11px}#star12x-proto .sx-heading h1{font-size:22px}#star12x-proto .sx-hero{grid-template-columns:1fr;min-height:0}#star12x-proto .sx-hero-copy{padding:25px 24px 0}#star12x-proto .sx-hero h1{font-size:28px}#star12x-proto .sx-hero p{margin-bottom:16px}#star12x-proto .sx-hero-art{display:block;min-height:245px}#star12x-proto .sx-character-button.primary{left:10%;bottom:15px}#star12x-proto .sx-character-button.primary .sx-mascot{width:185px;height:185px}#star12x-proto .sx-character-button.small{right:5%;bottom:18px}#star12x-proto .sx-character-button.small .sx-mascot{width:105px;height:105px}#star12x-proto .sx-character-button.tiny{top:40px;right:11%}#star12x-proto .sx-character-button.tiny .sx-mascot{width:85px;height:85px}#star12x-proto .sx-halo{width:225px;left:13%;bottom:5px;height:158px}#star12x-proto .sx-speech{top:15px;left:8%;font-size:11px;padding:8px 13px}#star12x-proto .sx-hero-caption{font-size:10px;left:21%;bottom:3px}#star12x-proto .sx-sticker{font-size:17px}#star12x-proto .sx-friends{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}#star12x-proto .sx-friend{padding:13px 10px}#star12x-proto .sx-friend .sx-mascot{width:106px;height:106px}#star12x-proto .sx-friend h3{font-size:14px}#star12x-proto .sx-moodpanel{padding:17px}#star12x-proto .sx-moods{gap:7px}#star12x-proto .sx-mood{padding:9px 11px;font-size:12px}#star12x-proto .sx-moodresponse{font-size:12px;padding:8px 10px}#star12x-proto .sx-tinycaption{font-size:10px}#star12x-proto .sx-buddy-note{padding:8px 10px}#star12x-proto .sx-topright .sx-link{font-size:12px}#star12x-proto .sx-tag{font-size:10px}}
#star12x-proto .sx-character-button{mix-blend-mode:multiply}
#star12x-proto .sx-panel,#star12x-proto .sx-grid2>*,#star12x-proto .sx-birthlayout>*,#star12x-proto .sx-buddy-note>div{min-width:0}
#star12x-proto .sx-fan{overflow:hidden}
@media(max-width:520px){#star12x-proto .sx-grid2,#star12x-proto .sx-grid3,#star12x-proto .sx-birthlayout{grid-template-columns:minmax(0,1fr)}#star12x-proto .sx-buddy-note>.sx-link{flex-shrink:0}#star12x-proto .sx-summary{flex-wrap:wrap}}
#star12x-proto{max-width:1180px;min-height:100vh;margin:0 auto;border-radius:0;overflow:visible}
#star12x-proto .sx-toast:empty{display:none}
#star12x-proto .sx-toast{position:sticky;top:0;z-index:10;background:#f3ebff;color:#513d71;padding:10px 20px}
#star12x-proto .sx-main{min-height:65vh}
#star12x-proto .sx-nav{flex-wrap:nowrap}
#star12x-proto .sx-nav button{white-space:nowrap}
#star12x-proto button:focus-visible,#star12x-proto input:focus-visible,#star12x-proto select:focus-visible,#star12x-proto textarea:focus-visible{outline:3px solid #a285cf;outline-offset:3px}
#star12x-proto .sx-date-wheels{display:grid;grid-template-columns:1.3fr 1fr 1fr;gap:12px;margin:18px 0}
#star12x-proto .sx-date-wheels select{width:100%;height:180px;padding:8px;background:#faf6ff;border:1px solid #ded1ef;border-radius:12px}
#star12x-proto .sx-date-wheels option{padding:9px;text-align:center}
#star12x-proto dialog{max-height:85dvh;overflow:auto}
#star12x-proto .sx-pick img{aspect-ratio:2/3;object-fit:contain}
@media(max-width:750px){
#star12x-proto{padding-bottom:calc(80px + env(safe-area-inset-bottom))}
#star12x-proto .sx-nav{position:fixed;bottom:0;left:0;right:0;z-index:20;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));padding:10px 8px calc(10px + env(safe-area-inset-bottom));gap:3px;border-top:1px solid #e7ddef;background:#fffdf9;box-shadow:0 -4px 20px #382d4508}
#star12x-proto .sx-nav button{width:100%;min-height:42px;font-size:12px;padding:8px 0}
#star12x-proto .sx-deck{grid-template-columns:repeat(6,minmax(0,1fr));gap:6px}
#star12x-proto .sx-brand small{font-size:10px}
}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}
#star12x-proto .sx-concept-link{font-size:11px;padding:7px 12px;border:1px solid #dfd6e8;border-radius:50px;text-decoration:none;white-space:nowrap;color:#796486;background:#fffcfa}@media(max-width:520px){#star12x-proto .sx-concept-link{font-size:9px;padding:6px 8px}}
#star12x-proto .sx-member-save{margin-top:24px;display:flex;justify-content:space-between;align-items:center;gap:20px}#star12x-proto .sx-member-save p{max-width:500px;margin-top:8px}#star12x-proto .sx-member-save .sx-row{flex-shrink:0}@media(max-width:750px){#star12x-proto .sx-member-save{align-items:flex-start;flex-direction:column}#star12x-proto .sx-topright{flex-wrap:wrap;justify-content:flex-end;gap:10px}#star12x-proto .sx-topright .sx-concept-link{display:none}#star12x-proto .sx-account-link{font-size:10px}}
.sx-price{font-size:17px;font-weight:700;color:var(--sx-accent,#7754a7);margin-top:6px}.sx-bizinfo{flex-basis:100%;font-size:10px;line-height:1.8;opacity:.8}