.cn{--cn-gold:#ffd56a;--cn-warn:#f59e0b;--cn-soft:color-mix(in srgb,var(--color-purple-neon) 16%,transparent);--cn-line:color-mix(in srgb,var(--color-purple-neon) 55%,transparent);margin-inline:calc(var(--space-page) * -1);margin-bottom:-48px;container:cn/inline-size}.cn :where(h1,h2,h3,p,dl,dd,ul){margin:0;padding:0}.cn :where(ul){list-style:none}.cn :where(button){font:inherit;color:inherit}.cn .cn-ico{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;flex:none}.cn-bar{display:grid;grid-template-columns:56px 1fr auto;align-items:center;min-height:56px;padding:6px 12px}.cn-bar h1{text-align:center;font-size:18px}.cn-bar-action{display:flex;justify-content:flex-end;min-width:56px}.cn-back{display:grid;place-items:center;width:44px;height:44px;border:0;border-radius:999px;background:transparent;color:var(--color-text);cursor:pointer}.cn-back:hover{background:var(--cn-soft)}.cn-primary{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 16px;border-radius:999px;background:var(--color-purple);color:var(--color-on-primary);font-weight:700;font-size:14px;text-decoration:none}.cn-primary:hover{color:var(--color-on-primary);filter:brightness(1.1)}.cn-layout{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:16px;gap:16px;padding:0 16px 28px;align-items:start}@container cn (min-width: 900px){.cn-layout{grid-template-columns:minmax(0,1fr) 320px;padding:0 24px 28px}}.cn-main{min-width:0}.cn-main,.cn-side{display:grid;grid-gap:12px;gap:12px}@container cn (min-width: 900px){.cn-side{position:-webkit-sticky;position:sticky;top:12px}}.cn-card{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:14px}.cn-hint,.cn-muted{font-size:13px;color:var(--color-text-secondary)}.cn-banner{display:flex;align-items:center;gap:12px;padding:14px;border-radius:16px;border:1px solid var(--cn-line);background:linear-gradient(90deg,#3b1d73,#1a1030);text-decoration:none}.cn-banner,.cn-banner:hover{color:var(--color-text)}.cn-banner>svg:first-child{color:var(--color-purple-bright)}.cn-banner span{display:grid;flex:1 1;min-width:0}.cn-banner strong{font-size:15px}.cn-banner small{font-size:12px}.cn-banner small,.cn-banner>svg:last-child{color:var(--color-text-secondary)}.cn-kpis{display:grid;grid-template-columns:minmax(0,1fr);grid-gap:8px;gap:8px}@container cn (min-width: 640px){.cn-kpis{grid-template-columns:repeat(auto-fill,170px)}}.cn-kpi{display:grid;grid-gap:6px;gap:6px;padding:12px;min-width:0}.cn-kpi-label{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--color-text-secondary)}.cn-kpi strong{font-size:18px}.cn-kpi small{font-size:11px;color:var(--color-text-secondary)}[data-tone=gold]{--tone:#e8b84a}[data-tone=ok]{--tone:var(--color-ok)}[data-tone=bad]{--tone:#ef4444}[data-tone=warn]{--tone:var(--cn-warn)}.cn-kpi .cn-kpi-label svg,.cn-kpi strong{color:var(--tone)}.cn-chips{display:flex;gap:8px;overflow-x:auto;padding:2px 0}.cn-chip{display:inline-flex;align-items:center;gap:6px;flex:none;min-height:36px;padding:0 16px;border-radius:8px;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text-secondary);font-size:13px;cursor:pointer}.cn-chip[aria-pressed=true]{background:var(--cn-soft);border-color:var(--color-purple-neon);color:var(--color-text)}.cn-chip[aria-pressed=true]:before{content:"✓";font-size:12px}.cn-table{display:grid;grid-gap:6px;gap:6px}.cn-row{display:grid;grid-template-columns:110px minmax(0,3fr) minmax(0,2fr) 120px 96px 56px;grid-gap:8px;gap:8px;align-items:center;padding:10px 8px}.cn-head{font-size:11px;font-weight:700;color:var(--color-text-secondary);padding-block:8px}.cn-entry{background:var(--color-surface-elevated);border:1px solid var(--color-border);border-radius:10px;font-size:13px}.cn-entry>*{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cn-desc{font-weight:400;font-size:16px}.cn-date,.cn-origin{font-size:12px;color:var(--color-text-secondary)}.cn-type{display:inline-flex;align-items:center;gap:4px;font-size:12px;font-weight:700;color:var(--tone)}.cn-amount{color:var(--tone);font-size:13px}.cn-status{display:inline-block;padding:4px 10px;border-radius:12px;background:color-mix(in srgb,var(--tone) 16%,transparent);color:var(--tone);font-style:normal;font-size:11px;font-weight:700}.cn-count{font-size:12px;margin-top:4px}.cn-count,.cn-empty,.cn-state{color:var(--color-text-secondary)}.cn-empty,.cn-state{padding:32px 16px;text-align:center;font-size:14px}@container cn (max-width: 899px){.cn-head{display:none}.cn-entry{grid-template-columns:minmax(0,1fr) auto;grid-template-areas:"type amount" "desc desc" "origin origin" "status date";padding:12px;gap:4px 8px}.cn-entry .cn-type{grid-area:type}.cn-entry .cn-amount{grid-area:amount;font-size:14px}.cn-entry .cn-desc{grid-area:desc;font-size:13px;white-space:normal}.cn-entry .cn-origin{grid-area:origin;white-space:normal}.cn-entry .cn-date{grid-area:date;justify-self:end;font-size:11px}.cn-entry>[role=cell]:nth-child(5){grid-area:status}}.cn-panel{display:grid;grid-gap:10px;gap:10px;padding:16px}.cn-panel h2{font-size:14px}.cn-panel dl{display:grid;grid-gap:8px;gap:8px}.cn-net,.cn-panel dl>div{display:flex;align-items:center;justify-content:space-between;gap:8px}.cn-net span,.cn-panel dt{font-size:12px;color:var(--color-text-secondary)}.cn-panel dd{font-weight:700;font-size:13px;color:var(--tone)}.cn-panel hr{width:100%;border:0;border-top:1px solid var(--color-text);margin:4px 0}.cn-net span{font-size:13px;font-weight:700;color:var(--color-text)}.cn-net strong{color:var(--tone);font-size:14px}.cn-bar-row p{display:flex;justify-content:space-between;font-size:12px;color:var(--color-text-secondary);margin-bottom:4px}.cn progress,.cn-bar-row progress{width:100%;height:6px;-webkit-appearance:none;-moz-appearance:none;appearance:none;border:0;border-radius:4px;overflow:hidden;background:var(--color-border)}.cn progress::-webkit-progress-bar{background:var(--color-border)}.cn progress::-webkit-progress-value{background:var(--color-purple-neon)}.cn progress::-moz-progress-bar{background:var(--color-purple-neon)}.cn-balance{gap:8px;margin-top:4px;font-size:13px;font-weight:700;color:var(--cn-gold)}.cn-balance,.cn-hero{display:flex;align-items:center}.cn-hero{gap:12px;padding:16px 8px 12px 18px;border-radius:18px;border:1px solid var(--cn-line);background:linear-gradient(to right,#3b1d73,var(--color-surface-elevated))}.cn-hero>span{flex:1 1;min-width:0}.cn-hero h2{font-size:22px}.cn-hero p{margin-top:4px;font-size:13px;color:var(--color-text-secondary)}.cn-hero-art{display:none}@container cn (min-width: 560px){.cn-hero-art{display:block}}.cn-stats{flex-wrap:wrap}.cn-stat,.cn-stats{display:flex;gap:10px}.cn-stat{align-items:center;padding:12px 14px;border-radius:16px}.cn-stat>span{display:grid}.cn-stat strong{font-size:18px}.cn-stat small{font-size:11px;color:var(--color-text-secondary)}.cn-stat .cn-ico{color:var(--color-purple-bright)}.cn-stat .cn-ok{color:var(--color-ok)}.cn-earn{display:flex;align-items:center;gap:10px;max-width:280px;padding:12px 14px;border-radius:16px;border:1px solid var(--cn-line);background:#2a1548}.cn-earn>svg{color:var(--color-purple-bright)}.cn-earn>span{display:grid}.cn-earn strong{font-size:13px}.cn-earn small{font-size:11px;color:var(--color-text-secondary)}.cn-rewards{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(100%,230px),1fr));grid-gap:12px;gap:12px}.cn-reward{display:grid;grid-template-rows:auto auto auto 1fr auto;grid-gap:10px;gap:10px;height:100%;min-height:250px;padding:14px;border-radius:18px}.cn-reward[data-selected=true]{border:2px solid var(--color-purple-neon);padding:13px}.cn-reward[data-soon=true]{opacity:.85}.cn-reward>svg{color:var(--color-purple-bright)}.cn-reward h3{font-size:15px}.cn-reward p{font-size:12px;color:var(--color-text-secondary);align-self:start}.cn-reward-tags{display:flex;align-items:center;gap:6px}.cn-spacer{flex:1 1}.cn-tag{padding:3px 8px;border-radius:10px;font-style:normal;font-size:10px;font-weight:700;background:color-mix(in srgb,var(--tag) 16%,transparent);color:var(--tag)}.cn-tag[data-tone=ok]{--tag:var(--color-ok)}.cn-tag[data-tone=gold]{--tag:#e8b84a}.cn-tag[data-tone=accent]{--tag:var(--color-purple-bright)}.cn-tag[data-tone=muted]{--tag:var(--color-text-secondary)}.cn-swatch{width:72px;height:36px;border-radius:10px;background:linear-gradient(to right,var(--sw),color-mix(in srgb,var(--sw) 45%,transparent))}.cn-reward-foot{display:flex;align-items:center;gap:4px}.cn-reward-foot strong{color:var(--cn-gold);font-size:14px}.cn-link{min-height:44px;padding:0 8px;border:0;background:transparent;font-weight:600;font-size:14px;cursor:pointer}.cn-link,.cn-soon{color:var(--color-purple-bright)}.cn-soon{font-size:13px;font-weight:700}.cn-pick{display:flex;align-items:center;gap:8px}.cn-pick svg{color:var(--color-purple-bright)}.cn-pick strong{font-size:14px}.cn-kv{margin-top:6px}.cn-kv dd,.cn-kv dt{font-size:13px}.cn-kv dd{color:var(--color-text)}.cn-kv dd[data-tone]{color:var(--tone)}.cn-need{font-size:12px;color:#ef4444}.cn-confirm{min-height:48px;border:0;border-radius:24px;background:var(--color-purple);color:var(--color-on-primary);font-weight:700;font-size:14px;cursor:pointer}.cn-confirm:disabled{background:color-mix(in srgb,var(--color-text) 12%,transparent);color:color-mix(in srgb,var(--color-text) 38%,transparent);cursor:not-allowed}.cn-fine{font-size:11px;color:var(--color-text-secondary)}.cn-message{margin:0 16px 12px;padding:10px 14px;border-radius:12px;border:1px solid var(--tone,var(--color-border));font-size:14px}.cn-message[data-tone=info]{--tone:var(--color-purple-bright)}.cn-spinner{display:inline-block;width:36px;height:36px;border-radius:999px;border:4px solid var(--color-border);border-top-color:var(--color-purple-neon);animation:cn-spin .9s linear infinite}@keyframes cn-spin{to{transform:rotate(1turn)}}