html.cat-theme body{background:#f3f8ef;color:#244e41}html.cat-theme.dark body{background:#10251e;color:#e0f4e7}html.cat-theme #app{color:var(--cat-ink,#244e41)}





/* Fixed geometry for loading and populated API-key toolbar. */
.keys-stable-actions{align-items:center!important;gap:10px!important}
.keys-stable-actions>.btn,.keys-stable-actions>div>button,.keys-stable-actions>a.btn{height:40px!important;min-height:40px!important;max-height:40px!important;padding-top:0!important;padding-bottom:0!important;box-sizing:border-box!important;display:inline-flex!important;align-items:center!important;justify-content:center!important;white-space:nowrap!important;font-size:14px!important;line-height:20px!important}
.keys-stable-actions .xing-reading-loader{display:none!important}
.keys-stable-actions .xing-owned-spinner{display:inline-block!important;width:18px!important;height:18px!important}
.keys-client-download-menu{position:relative;flex:none}.keys-client-download-menu>summary{height:40px!important;min-height:40px;display:inline-flex;align-items:center;cursor:pointer;list-style:none;white-space:nowrap}.keys-client-download-menu>summary::-webkit-details-marker{display:none}.keys-client-download-panel{position:absolute;top:calc(100% + 6px);left:0;z-index:60;min-width:170px;padding:6px;background:#fff;border:1px solid #d5e6dc;border-radius:10px;box-shadow:0 6px 20px #173e2926}.keys-client-download-panel>.btn{display:flex;width:100%;justify-content:flex-start;margin:3px 0;min-height:38px}.dark .keys-client-download-panel{background:#1e282a;border-color:#354447}
[data-profile-ranking-hidden]{display:none!important}#profile-zoom-module{align-self:start}#profile-zoom-module #browser-display-settings{margin:0;border:0}#profile-zoom-module [hidden]{display:none!important}.profile-copy-qq{margin-left:auto;flex:none}
body.profile-controls-layout main{overflow-x:clip}body.profile-controls-layout .profile-collapsible{min-width:0;max-width:100%}
body:has([data-tour="keys-create-btn"]) .channel-status-panel{display:none!important}
@media(max-width:650px){body.profile-controls-layout{overflow-x:hidden}body.profile-controls-layout header{max-width:100vw;overflow-x:clip}body.profile-controls-layout main{min-width:0;width:auto}body.profile-controls-layout #profile-zoom-module{max-width:100%}.keys-page-size-note{min-width:0}}
#profile-zoom-module>.profile-section-toggle{display:flex;align-items:center;justify-content:space-between;width:100%;min-height:48px;padding:14px 16px;border:1px solid #d5e6ec;border-radius:8px;background:#fff;color:#315a68;font-size:14px;font-weight:600;text-align:left;box-shadow:0 3px 9px #173e290a}#profile-zoom-module>.profile-section-toggle[aria-expanded=true]{background:#f3fcff;border-color:#6cd4ed}#profile-zoom-module>.profile-section-toggle svg{width:16px;height:16px;flex:none}#profile-zoom-module>.profile-section-toggle[aria-expanded=true] svg{transform:rotate(180deg)}.dark #profile-zoom-module>.profile-section-toggle{background:#1e282a;color:#d5dfdc;border-color:#354447}
[data-keys-pagination]{display:flex;flex-wrap:wrap;align-items:center;gap:12px}
[data-keys-pagination]>:first-child{flex:1 1 auto}
.keys-account-page-size{display:inline-flex;align-items:center;gap:8px;font-size:13px;color:#52705f;white-space:nowrap}
.keys-account-page-size select{height:36px;min-width:88px;border:1px solid #d5e6dc;border-radius:8px;background:#fff;padding:0 10px;color:#315a48}
.keys-page-size-note{font-size:12px;min-width:72px;color:#6b8175}
.dark .keys-account-page-size,.dark .keys-page-size-note{color:#afc7b9}.dark .keys-account-page-size select{background:#1e282a;color:#d5dfdc;border-color:#354447}
@media(max-width:650px){.keys-account-page-size{width:100%;justify-content:flex-start}.keys-stable-actions{justify-content:flex-start!important}}

/* Legacy cached public settings must paint the canonical brand immediately. */
img[src*="https://static.xing.cat/r20261030/branding/stellar-"][src*="https://static.xing.cat/r20261030/logo.svg"],img[src*="/planet-branding-"][src*="https://static.xing.cat/r20261030/logo.svg"],img[src="https://static.xing.cat/r20261030/logo.svg"]{content:url("https://static.xing.cat/r20261030/__starcat-brand-20261030/logo.svg")!important;object-fit:contain!important}

.payment-page{--pay-ink:#315e50;--pay-muted:#688577;--pay-line:#d5e6d9;--pay-card:#fffef8;--pay-soft:#eff7ed;display:grid!important;grid-template-columns:minmax(260px,.8fr) minmax(0,1.7fr);gap:22px!important;max-width:1540px!important;width:100%;padding:6px 12px 36px;align-items:stretch}
.payment-page>*{grid-column:1/-1;min-width:0;margin:0!important;order:10}.payment-page>.recharge-promotion{grid-column:1;order:0;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center;gap:18px;padding:28px!important;border:1px solid var(--pay-line)!important;border-radius:22px!important;background:var(--pay-card)!important;box-shadow:0 8px 24px #315e5009!important;color:var(--pay-ink)}
.payment-page .recharge-promotion h2{font-size:25px;line-height:1.5;color:var(--pay-ink)}.payment-page .recharge-promotion p{line-height:1.8;color:var(--pay-muted)}.payment-page .recharge-promotion-label,.payment-page .recharge-promotion-maximum{background:var(--pay-soft)!important;border:1px solid var(--pay-line)!important;color:var(--pay-ink)!important;box-shadow:none!important}.payment-page .recharge-promotion-maximum{font-size:18px;padding:12px 16px!important;border-radius:14px}
.payment-page>.billing-header{grid-column:2;order:0;padding:26px!important;border:1px solid var(--pay-line)!important;border-radius:22px!important;background:var(--pay-card)!important;box-shadow:0 8px 24px #315e5009!important;overflow:hidden}.payment-page .billing-orbit,.payment-page .cosmic-particle-background,.payment-page>.payment-cosmos{display:none!important}.payment-page .billing-header-content{display:flex!important;flex-direction:column!important;gap:18px;align-items:stretch!important}.payment-page .billing-heading h1{font-size:23px!important;color:var(--pay-ink)!important}.payment-page .billing-header-action{width:100%!important}.payment-page .payment-header-actions{display:flex!important;flex-wrap:wrap;align-items:center!important;justify-content:flex-start!important;gap:16px!important;width:100%}.payment-page .studio-payment-entry{flex:1 1 100%;width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:22px!important;padding:18px!important;background:var(--pay-soft)!important;border:1px solid var(--pay-line)!important;border-radius:16px}.payment-page .studio-payment-codes{display:flex;gap:12px;align-items:center}.payment-page .studio-payment-codes .contact-thumbnail{width:112px!important;height:112px!important;object-fit:contain!important}.payment-page .studio-payment-entry p{font-size:13px;line-height:1.8;color:var(--pay-muted)!important}.payment-page .studio-payment-entry h2,.payment-page .studio-payment-entry h3,.payment-page .studio-payment-entry strong{color:var(--pay-ink)!important}.payment-page .billing-balance{margin-left:auto}
.payment-page>.billing-tabs{order:1;justify-self:center;min-width:320px}.payment-page>.recharge-account{order:2;padding:18px 24px!important}.payment-page>.card:has(input[inputmode="decimal"]){order:3;padding:22px 24px!important}.payment-page>.card:has(input[inputmode="decimal"]) .space-y-4>div:has(>.grid:empty){display:none}.payment-page>.card:has([data-testid="payment-method-grid"]){order:4;padding:20px 24px!important}.payment-page>.btn-wxpay{order:5;min-height:48px;border-radius:14px}.payment-page>.recharge-offers-grid{order:6;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}.payment-page .recharge-offer-card{border-radius:18px!important;padding:23px!important;background:var(--pay-card)!important;border-color:var(--pay-line)!important;box-shadow:0 4px 15px #315e5006}.payment-page>.billing-help-card{display:none!important}
.dark .payment-page{--pay-ink:#d2eadb;--pay-muted:#a0b7aa;--pay-line:#354c40;--pay-card:#1d2b24;--pay-soft:#23382b}.dark .payment-page .recharge-offer-price{color:#9bcbb2!important}
@media(max-width:1250px){.payment-page{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr)}.payment-page .studio-payment-entry{grid-template-columns:1fr}.payment-page>.recharge-offers-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.payment-page .studio-payment-codes{justify-content:center}}
@media(max-width:850px){.payment-page{display:flex!important;flex-direction:column!important;gap:16px!important;padding:0 0 24px}.payment-page>.recharge-promotion,.payment-page>.billing-header{padding:22px!important}.payment-page .studio-payment-entry{grid-template-columns:1fr}.payment-page>.billing-tabs{min-width:0;width:100%}.payment-page .studio-payment-codes .contact-thumbnail{width:120px!important;height:120px!important}.payment-page .recharge-promotion h2{font-size:21px}.payment-page .payment-header-actions{gap:12px!important}.payment-page .studio-payment-entry{padding:14px!important}.payment-page .recharge-offer-card{padding:18px!important}}
@media(max-width:480px){.payment-page>.recharge-offers-grid{grid-template-columns:1fr!important}.payment-page .studio-payment-codes .contact-thumbnail{width:104px!important;height:104px!important}}

.payment-page{--pay-ink:#315e50;--pay-muted:#688577;--pay-line:#d5e6d9;--pay-card:#fffef8;--pay-soft:#eff7ed;display:grid!important;grid-template-columns:minmax(260px,.8fr) minmax(0,1.7fr);gap:22px!important;max-width:1540px!important;width:100%;padding:6px 12px 36px;align-items:stretch}
.payment-page>*{grid-column:1/-1;min-width:0;margin:0!important;order:10}.payment-page>.recharge-promotion{grid-column:1;order:0;display:flex!important;flex-direction:column;align-items:flex-start!important;justify-content:center;gap:18px;padding:28px!important;border:1px solid var(--pay-line)!important;border-radius:22px!important;background:var(--pay-card)!important;box-shadow:0 8px 24px #315e5009!important;color:var(--pay-ink)}
.payment-page .recharge-promotion h2{font-size:25px;line-height:1.5;color:var(--pay-ink)}.payment-page .recharge-promotion p{line-height:1.8;color:var(--pay-muted)}.payment-page .recharge-promotion-label,.payment-page .recharge-promotion-maximum{background:var(--pay-soft)!important;border:1px solid var(--pay-line)!important;color:var(--pay-ink)!important;box-shadow:none!important}.payment-page .recharge-promotion-maximum{font-size:18px;padding:12px 16px!important;border-radius:14px}
.payment-page>.billing-header{grid-column:2;order:0;padding:26px!important;border:1px solid var(--pay-line)!important;border-radius:22px!important;background:var(--pay-card)!important;box-shadow:0 8px 24px #315e5009!important;overflow:hidden}.payment-page .billing-orbit,.payment-page .cosmic-particle-background,.payment-page>.payment-cosmos{display:none!important}.payment-page .billing-header-content{display:flex!important;flex-direction:column!important;gap:18px;align-items:stretch!important}.payment-page .billing-heading h1{font-size:23px!important;color:var(--pay-ink)!important}.payment-page .billing-header-action{width:100%!important}.payment-page .payment-header-actions{display:flex!important;flex-wrap:wrap;align-items:center!important;justify-content:flex-start!important;gap:16px!important;width:100%}.payment-page .studio-payment-entry{flex:1 1 100%;width:100%!important;max-width:none!important;display:grid!important;grid-template-columns:auto minmax(0,1fr);gap:22px!important;padding:18px!important;background:var(--pay-soft)!important;border:1px solid var(--pay-line)!important;border-radius:16px}.payment-page .studio-payment-codes{display:flex;gap:12px;align-items:center}.payment-page .studio-payment-codes .contact-thumbnail{width:112px!important;height:112px!important;object-fit:contain!important}.payment-page .studio-payment-entry p{font-size:13px;line-height:1.8;color:var(--pay-muted)!important}.payment-page .studio-payment-entry h2,.payment-page .studio-payment-entry h3,.payment-page .studio-payment-entry strong{color:var(--pay-ink)!important}.payment-page .billing-balance{margin-left:auto}
.payment-page>.billing-tabs{order:1;justify-self:center;min-width:320px}.payment-page>.recharge-account{order:2;padding:18px 24px!important}.payment-page>.card:has(input[inputmode="decimal"]){order:3;padding:22px 24px!important}.payment-page>.card:has(input[inputmode="decimal"]) .space-y-4>div:has(>.grid:empty){display:none}.payment-page>.card:has([data-testid="payment-method-grid"]){order:4;padding:20px 24px!important}.payment-page>.btn-wxpay{order:5;min-height:48px;border-radius:14px}.payment-page>.recharge-offers-grid{order:6;grid-template-columns:repeat(4,minmax(0,1fr))!important;gap:18px!important}.payment-page .recharge-offer-card{border-radius:18px!important;padding:23px!important;background:var(--pay-card)!important;border-color:var(--pay-line)!important;box-shadow:0 4px 15px #315e5006}.payment-page>.billing-help-card{display:none!important}
.dark .payment-page{--pay-ink:#d2eadb;--pay-muted:#a0b7aa;--pay-line:#354c40;--pay-card:#1d2b24;--pay-soft:#23382b}.dark .payment-page .recharge-offer-price{color:#9bcbb2!important}
@media(max-width:1250px){.payment-page{grid-template-columns:minmax(240px,.7fr) minmax(0,1.3fr)}.payment-page .studio-payment-entry{grid-template-columns:1fr}.payment-page>.recharge-offers-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important}.payment-page .studio-payment-codes{justify-content:center}}
@media(max-width:850px){.payment-page{display:flex!important;flex-direction:column!important;gap:16px!important;padding:0 0 24px}.payment-page>.recharge-promotion,.payment-page>.billing-header{padding:22px!important}.payment-page .studio-payment-entry{grid-template-columns:1fr}.payment-page>.billing-tabs{min-width:0;width:100%}.payment-page .studio-payment-codes .contact-thumbnail{width:120px!important;height:120px!important}.payment-page .recharge-promotion h2{font-size:21px}.payment-page .payment-header-actions{gap:12px!important}.payment-page .studio-payment-entry{padding:14px!important}.payment-page .recharge-offer-card{padding:18px!important}}
@media(max-width:480px){.payment-page>.recharge-offers-grid{grid-template-columns:1fr!important}.payment-page .studio-payment-codes .contact-thumbnail{width:104px!important;height:104px!important}}
.payment-page{box-sizing:border-box;min-width:0!important}.payment-page .billing-header-content,.payment-page .billing-header-action,.payment-page .payment-header-actions,.payment-page .studio-payment-entry,.payment-page .studio-payment-codes,.payment-page .recharge-offers-grid{min-width:0!important;max-width:100%!important;box-sizing:border-box}.payment-page .payment-header-actions>*{min-width:0;max-width:100%}.payment-page .studio-payment-entry{width:auto!important}.payment-page .studio-payment-entry a{overflow-wrap:anywhere}.payment-page .billing-header{min-width:0!important}.payment-page .studio-payment-entry{grid-template-columns:minmax(0,auto) minmax(0,1fr)}
@media(max-width:1250px){.payment-page .studio-payment-entry{grid-template-columns:minmax(0,1fr)}}

/* Compact purchase and active-payment header; absent promotion must not reserve a column. */
.payment-page>.billing-header{grid-column:1/-1!important;padding:18px 22px!important;min-height:0!important}.payment-page:has(>.recharge-promotion)>.billing-header{grid-column:2!important}.payment-page>.recharge-promotion{padding:20px!important;gap:12px!important}.payment-page .recharge-promotion h2{font-size:21px!important;line-height:1.4!important}.payment-page .recharge-promotion p{font-size:13px!important;line-height:1.65!important}.payment-page .billing-header-content{gap:12px!important}.payment-page .billing-heading h1{font-size:20px!important;margin:0!important}.payment-page .payment-header-actions{display:grid!important;grid-template-columns:minmax(0,1fr) 210px;gap:16px!important;align-items:center!important}.payment-page .studio-payment-entry{padding:12px!important;gap:14px!important;grid-template-columns:auto minmax(0,1fr)!important}.payment-page .studio-payment-codes{gap:9px!important}.payment-page .studio-payment-codes .contact-thumbnail{width:88px!important;height:88px!important}.payment-page .contact-image-hint{font-size:11px!important}.payment-page .studio-payment-entry p{font-size:12px!important;line-height:1.65!important;margin:5px 0!important}.payment-page .payment-header-side{display:flex!important;flex-direction:column!important;gap:10px!important;align-items:stretch!important;min-width:0!important}.payment-page .payment-header-side-top{display:flex!important;flex-direction:column-reverse!important;gap:10px!important;align-items:stretch!important}.payment-page .billing-balance{width:100%!important;padding:10px 14px!important;margin:0!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important}.payment-page .billing-balance strong{font-size:24px!important}.payment-page .payment-header-side .btn{padding:8px 12px!important;min-height:36px!important;font-size:12px!important}.payment-page .payment-header-side>div:last-child{display:flex!important;flex-wrap:wrap!important;justify-content:center!important;gap:8px!important;font-size:12px!important}
.payment-page .cat-quick-amounts{display:flex;flex-wrap:wrap;gap:10px;margin:0 0 15px}.payment-page .cat-quick-amounts button{display:inline-flex;align-items:center;justify-content:center;gap:7px;min-width:88px;padding:10px 17px;border:1px solid var(--pay-line);border-radius:15px;background:var(--pay-soft);color:var(--pay-ink);font-weight:650;cursor:pointer;transition:background .15s,transform .15s}.payment-page .cat-quick-amounts button:before{content:'ฅ';font-size:19px;opacity:.72}.payment-page .cat-quick-amounts button:hover{transform:translateY(-2px);border-color:#75a990}.payment-page .cat-quick-amounts button[aria-pressed=true]{background:#367a5c;color:#fff;border-color:#367a5c}.payment-page .cat-quick-amounts button:focus-visible{outline:2px solid #67a88a;outline-offset:3px}
@media(max-width:1450px){.payment-page:has(>.recharge-promotion){grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr)}.payment-page:has(>.recharge-promotion) .payment-header-actions{grid-template-columns:minmax(0,1fr)}.payment-page:has(>.recharge-promotion) .payment-header-side{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}.payment-page:has(>.recharge-promotion) .payment-header-side-top{flex-direction:row!important;flex-wrap:wrap}.payment-page:has(>.recharge-promotion) .billing-balance{width:auto!important}}
@media(max-width:1100px){.payment-page .payment-header-actions{grid-template-columns:minmax(0,1fr)!important}.payment-page .payment-header-side{display:grid!important;grid-template-columns:1fr 1fr;gap:10px!important}.payment-page .payment-header-side-top{flex-direction:row!important;flex-wrap:wrap}.payment-page .studio-payment-entry{grid-template-columns:1fr!important}}
@media(max-width:850px){.payment-page>.billing-header{padding:16px!important}.payment-page .studio-payment-entry{grid-template-columns:1fr!important}.payment-page .payment-header-side,.payment-page:has(>.recharge-promotion) .payment-header-side{display:flex!important;flex-direction:column!important}.payment-page .payment-header-side-top{display:grid!important;grid-template-columns:1fr 1fr!important;align-items:center!important}.payment-page .billing-balance strong{font-size:21px!important}.payment-page .cat-quick-amounts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.payment-page .cat-quick-amounts button{min-width:0;padding:9px 5px;gap:4px;font-size:13px}.payment-page .studio-payment-codes .contact-thumbnail{width:82px!important;height:82px!important}}

/* Keep promotion and collection cards after all billing content. */
.payment-page>.recharge-promotion,.payment-page>.billing-header{order:100!important;grid-row:auto!important}
/* Compact cat rewards layout. Scoped to rewards and the profile zoom module. */
html .lottery-page .lottery-shell{display:flex!important;flex-direction:column!important}
html .lottery-page .lottery-header{order:0!important}
html .lottery-page .checkin-wrap{order:1!important}
html .lottery-page .lottery-stage{order:2!important}
html .lottery-page .month-picker input{color-scheme:light!important}
html.dark .lottery-page .month-picker input{color-scheme:dark!important}
html .lottery-page{--cat-surface:#fffefb;--cat-panel:#ffffff;--cat-soft:#f0f8f4;--cat-line:#d9e9e0;--cat-ink:#25483c;--cat-muted:#607c70;--cat-accent:#19705a;--cat-gold:#926120;background:#f5f8f4!important;padding:24px 16px!important}
html.dark .lottery-page{--cat-surface:#172823;--cat-panel:#1d3029;--cat-soft:#243c32;--cat-line:#365046;--cat-ink:#e1f1e8;--cat-muted:#a9c4b6;--cat-accent:#8fddbc;--cat-gold:#f1ce8c;background:#121e1a!important}
html .lottery-page .lottery-shell{width:100%!important;max-width:1180px!important;min-height:0!important;margin:0 auto!important;padding:24px!important;border:1px solid var(--cat-line)!important;border-radius:22px!important;background:var(--cat-surface)!important;color:var(--cat-ink)!important;box-shadow:0 12px 38px #183e2810!important}
html .lottery-page .lottery-header{gap:16px!important;align-items:center!important;padding-bottom:18px!important;border-color:var(--cat-line)!important}
html .lottery-page .lottery-header h2{display:flex;align-items:center;gap:10px;font-size:24px!important;color:var(--cat-ink)!important}
html .lottery-page .lottery-header h2:before{content:"";display:inline-block;flex:none;width:38px;height:38px;background:var(--cat-soft) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='M10 17 9 7l10 6h3l9-6-1 11c5 12-1 17-10 17S5 29 10 17Z' fill='none' stroke='%235d9e80' stroke-width='2' stroke-linejoin='round'/%3E%3Cpath d='M14 23h2m8 0h2m-7 4 1 1 1-1M7 25l6 1m14 0 6-1' fill='none' stroke='%235d9e80' stroke-width='2' stroke-linecap='round'/%3E%3C/svg%3E") center/32px no-repeat;border-radius:12px}
html .lottery-page .lottery-header p{font-size:13px!important;margin-top:6px!important;color:var(--cat-muted)!important}
html .lottery-page .lottery-header-actions{gap:8px!important;flex-wrap:wrap}
html .lottery-page .history-link{padding:8px 12px!important;min-height:36px!important;font-size:12px!important;border:1px solid var(--cat-line)!important;background:var(--cat-panel)!important;color:var(--cat-ink)!important;box-shadow:none!important;border-radius:10px!important}
html .lottery-page .lottery-balance{min-width:140px!important;margin-left:12px}
html .lottery-page .lottery-balance span{font-size:12px!important;color:var(--cat-muted)!important}
html .lottery-page .lottery-balance strong{font-size:23px!important;color:var(--cat-accent)!important}
html .lottery-page .checkin-wrap{width:100%!important;margin:18px 0 0!important;padding:18px!important;border:1px solid var(--cat-line)!important;border-radius:16px!important;background:var(--cat-panel)!important;color:var(--cat-ink)!important;box-shadow:none!important;display:grid!important;grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:14px;align-items:start}
html .lottery-page .checkin-wrap>*{min-width:0}
html .lottery-page .checkin-heading,html .lottery-page .summary-grid,html .lottery-page .milestone,html .lottery-page .today-card,html .lottery-page .checkin-wrap>.error{grid-column:1/-1}
html .lottery-page .checkin-heading{gap:12px!important;align-items:center!important}
html .lottery-page .eyebrow{color:var(--cat-accent)!important;font-size:10px!important;letter-spacing:.12em!important}
html .lottery-page .checkin-heading h3{font-size:20px!important;margin:3px 0!important}
html .lottery-page .checkin-heading p{font-size:12px!important;color:var(--cat-muted)!important;margin:4px 0 0!important}
html .lottery-page .month-picker input{font-size:12px!important;padding:7px 10px!important;max-width:155px;border:1px solid var(--cat-line)!important;background:var(--cat-soft)!important;color:var(--cat-ink)!important;border-radius:9px!important}
html .lottery-page .summary-grid{gap:10px!important;margin:0!important}
html .lottery-page .summary-grid>div{padding:12px 14px!important;background:var(--cat-soft)!important;border:1px solid var(--cat-line)!important;border-radius:12px!important;box-shadow:none!important}
html .lottery-page .summary-grid span{font-size:12px!important;color:var(--cat-muted)!important}
html .lottery-page .summary-grid strong{font-size:21px!important;line-height:1.35!important;margin-top:4px!important;color:var(--cat-ink)!important;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
html .lottery-page .milestone{padding:10px 12px!important;font-size:12px!important;line-height:1.6!important;border:1px solid var(--cat-line)!important;background:var(--cat-soft)!important;color:var(--cat-muted)!important;border-radius:10px!important}
html .lottery-page .today-card,html .lottery-page .calendar-card,html .lottery-page .history-card{margin:0!important;padding:14px!important;background:var(--cat-panel)!important;border:1px solid var(--cat-line)!important;border-radius:12px!important;box-shadow:none!important}
html .lottery-page .today-card{background:var(--cat-soft)!important;gap:12px!important}
html .lottery-page .today-card h4,html .lottery-page .calendar-card h4,html .lottery-page .history-card h4{font-size:14px!important;color:var(--cat-ink)!important}
html .lottery-page .today-card p{font-size:11px!important;color:var(--cat-muted)!important}
html .lottery-page .primary,html .lottery-page .draw-button{padding:9px 18px!important;min-height:38px!important;min-width:0!important;font-size:13px!important;line-height:20px!important;border-radius:10px!important;background:#26735b!important;color:#fff!important;box-shadow:none!important}
html .lottery-page button:focus-visible,html #profile-zoom-module button:focus-visible{outline:2px solid #60b697!important;outline-offset:3px}
html .lottery-page .weekdays{margin:12px 0 7px!important;color:var(--cat-muted)!important;font-size:11px!important}
html .lottery-page .weekdays,html .lottery-page .calendar-grid{gap:5px!important}
html .lottery-page .calendar-grid .day,html .lottery-page .calendar-grid .empty{min-height:48px!important;height:48px!important;border-radius:9px!important;font-size:12px!important}
html .lottery-page .calendar-grid .day{border:1px solid var(--cat-line)!important;background:var(--cat-surface)!important;color:var(--cat-ink)!important;gap:2px!important;padding:3px!important}
html .lottery-page .calendar-grid .day.today{box-shadow:inset 0 0 0 1.5px var(--cat-accent)!important}
html .lottery-page .calendar-grid .day.signed{background:var(--cat-soft)!important;color:var(--cat-accent)!important}
html .lottery-page .calendar-grid .day small{font-size:9px!important;line-height:1.2!important}
html .lottery-page .history-card{max-height:377px!important;overflow:auto!important;scrollbar-width:thin;scrollbar-color:var(--cat-line) transparent}
html .lottery-page .history-head,html .lottery-page .history-row{gap:8px!important;padding:10px 0!important;font-size:11px!important;border-color:var(--cat-line)!important;color:var(--cat-ink)!important}
html .lottery-page .history-head{color:var(--cat-muted)!important;margin-top:8px!important}
html .lottery-page .lottery-stage{grid-template-columns:minmax(0,1fr) minmax(240px,.85fr)!important;gap:32px!important;padding:28px 12px 4px!important}
html .lottery-page .wheel-column{gap:18px!important}
html .lottery-page .lottery-stage .wheel-scene{width:min(100%,320px)!important}
html .lottery-page .wheel-center{width:64px!important;height:64px!important;border-width:7px!important}
html .lottery-page .wheel-center span{width:30px!important;height:30px!important;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 40 40'%3E%3Cpath d='m9 18 1-11 10 7 10-7 1 11c5 11-2 16-11 16S4 29 9 18Z' fill='%23d7f8e6'/%3E%3Cpath d='M14 23h2m8 0h2m-7 4 1 1 1-1' stroke='%2326735b' stroke-width='2' stroke-linecap='round' fill='none'/%3E%3C/svg%3E") center/contain no-repeat!important;border-radius:0!important}
html .lottery-page .prize-wheel{border-width:10px!important}
html .lottery-page .prize-label{font-size:12px!important}
html .lottery-page .lottery-details{padding-left:24px!important;border-color:var(--cat-line)!important}
html .lottery-page .detail-row{padding:13px 0!important;font-size:13px!important;color:var(--cat-muted)!important;border-color:var(--cat-line)!important}
html .lottery-page .detail-row strong{font-size:14px!important;color:var(--cat-ink)!important}
html .lottery-page .settlement-note{font-size:12px!important;color:var(--cat-muted)!important}
/* The cloned toggle has no Vue scoped attributes on its root; define its states explicitly. */
html #profile-zoom-module{border:1px solid #d9e9e0!important;border-radius:9px!important;background:#fffefb!important;color:#25483c!important;overflow:hidden;min-width:0;align-self:start}
html #profile-zoom-module>.profile-section-toggle{display:flex!important;align-items:center!important;justify-content:space-between!important;gap:12px!important;width:100%!important;min-height:50px!important;margin:0!important;padding:14px 16px!important;border:0!important;border-radius:8px!important;background:#f5faf7!important;color:#25483c!important;font-size:14px!important;font-weight:600!important;text-align:left!important;cursor:pointer}
html #profile-zoom-module>.profile-section-toggle:hover{background:#eaf5ed!important}
html #profile-zoom-module .profile-section-chevron{width:16px!important;height:16px!important;flex:none;rotate:0deg!important;transform:rotate(0deg)!important;transition:transform .18s}
html #profile-zoom-module [aria-expanded=true] .profile-section-chevron{transform:rotate(180deg)}
html #profile-section-zoom-advice[hidden]{display:none!important}
html #profile-section-zoom-advice:not([hidden]){display:block!important;padding:16px!important;border-top:1px solid #d9e9e0!important}
html #profile-zoom-module #browser-display-settings{margin:0!important;padding:0!important;width:100%!important;border:0!important;box-shadow:none!important;background:transparent!important;color:inherit!important}
html #profile-zoom-module h3{font-size:14px!important;color:inherit!important;margin:0 0 12px!important}
html #profile-zoom-module label{display:flex!important;align-items:center!important;gap:9px!important;font-size:13px!important;color:inherit!important;line-height:1.6!important}
html #profile-zoom-module input[type=checkbox]{width:17px!important;height:17px!important;flex:none;accent-color:#26735b}
html #profile-zoom-module p{font-size:12px!important;line-height:1.7!important;color:#607c70!important;margin:10px 0 0!important;overflow-wrap:anywhere}
html.dark #profile-zoom-module{border-color:#365046!important;background:#172823!important;color:#e1f1e8!important}
html.dark #profile-zoom-module>.profile-section-toggle{background:#1d3029!important;color:#e1f1e8!important}
html.dark #profile-zoom-module>.profile-section-toggle:hover{background:#294438!important}
html.dark #profile-section-zoom-advice:not([hidden]){border-color:#365046!important}
html.dark #profile-zoom-module p{color:#a9c4b6!important}
@media(max-width:1000px){html .lottery-page .checkin-wrap{grid-template-columns:minmax(0,1fr)!important}html .lottery-page .history-card{max-height:290px!important}}
@media(max-width:640px){html .lottery-page{padding:12px 8px!important}html .lottery-page .lottery-shell{padding:15px!important;border-radius:16px!important}html .lottery-page .lottery-header{flex-direction:column!important;align-items:stretch!important;gap:12px!important}html .lottery-page .lottery-header h2{font-size:21px!important}html .lottery-page .lottery-header-actions{justify-content:flex-start!important;gap:6px!important}html .lottery-page .lottery-balance{margin-left:auto!important;min-width:100px!important}html .lottery-page .lottery-balance strong{font-size:19px!important}html .lottery-page .checkin-wrap{padding:12px!important;gap:12px!important}html .lottery-page .summary-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:8px!important}html .lottery-page .summary-grid>div{padding:10px!important}html .lottery-page .summary-grid strong{font-size:18px!important}html .lottery-page .checkin-heading{flex-wrap:wrap!important}html .lottery-page .today-card{flex-direction:row!important;flex-wrap:wrap!important;align-items:center!important}html .lottery-page .today-action{width:auto!important}html .lottery-page .calendar-card{padding:10px!important}html .lottery-page .calendar-grid .day,html .lottery-page .calendar-grid .empty{min-height:43px!important;height:43px!important}html .lottery-page .lottery-stage{grid-template-columns:minmax(0,1fr)!important;padding:24px 0 0!important;gap:22px!important}html .lottery-page .lottery-details{border-left:0!important;border-top:1px solid var(--cat-line)!important;padding:10px 0 0!important}html .lottery-page .lottery-stage .wheel-scene{width:min(100%,280px)!important}}