.cr{--cr-act:var(--page);--cr-act-dk:var(--page-dk);--cr-navy:#0e1530;--cr-line:#e3e4ea;--cr-band:#f4f5f8;--bl-blue:var(--cr-act);--bl-navy:var(--cr-navy);width:min(1040px,100% - 48px);color:var(--ink);margin:36px auto 104px}.cr h1,.cr h2{font-family:var(--font-display);color:var(--cr-navy);text-wrap:balance}.cr p{margin:0}.cr svg{fill:none;stroke:currentColor;stroke-width:1.9px;stroke-linecap:round;stroke-linejoin:round;flex:none}.cr :focus-visible{outline:2px solid var(--cr-act);outline-offset:3px}.cr-back{min-height:36px;color:var(--ink-2);align-items:center;gap:8px;font-size:15px;font-weight:500;text-decoration:none;display:inline-flex}.cr-back svg{width:18px;height:18px;transition:transform .2s}.cr-back:hover{color:var(--cr-act-dk)}.cr-back:hover svg{transform:translate(-3px)}.cr-head{grid-template-columns:auto minmax(0,1fr);align-items:center;gap:20px;margin:24px 0 36px;display:grid}.cr-mark{background:var(--cr-act);color:#fff;width:60px;height:60px;box-shadow:0 12px 28px -10px color-mix(in srgb, var(--page) 75%, transparent), inset 0 1px 0 #ffffff40;border-radius:18px;place-items:center;display:grid}.cr-mark svg{width:30px;height:30px}.cr-head h1{letter-spacing:-.02em;font-size:clamp(34px,4.4vw,52px);line-height:1.05}.cr-head p{max-width:60ch;color:var(--ink-2);margin-top:8px;font-size:17px;line-height:1.55}.cr-btn{background:var(--cr-act);color:#fff;min-height:48px;font:600 15.5px var(--font);cursor:pointer;border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;padding:12px 20px;text-decoration:none;transition:background .2s,transform .15s;display:inline-flex}.cr-btn:hover{background:var(--cr-act-dk)}.cr-btn:active{transform:translateY(1px)}.cr-btn svg{width:18px;height:18px;transition:transform .25s cubic-bezier(.16,1,.3,1)}.cr-btn:hover svg{transform:translate(3px)}.cr-btn.cr-quiet{color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--cr-line);background:#fff}.cr-btn.cr-quiet:hover{background:var(--cr-band)}.cr-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.cr-guest{border:1px solid var(--cr-line);background:#fff;border-radius:24px;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);align-items:center;gap:40px;padding:28px;display:grid;box-shadow:0 20px 44px -36px #0e153080}.cr-guest[hidden],[data-account-member][hidden]{display:none}.cr-ghost{color:#fff;background:radial-gradient(90% 90% at 100% 0%, #24338a 0%, #24338a00 70%), var(--cr-navy);user-select:none;border-radius:18px;gap:6px;padding:26px;display:grid}.cr-ghost small{color:#9aa4c9;font-size:13px}.cr-ghost b{font:700 56px/1 var(--font-display);filter:blur(9px);opacity:.8}.cr-ghost span{gap:8px;margin-top:10px;display:flex}.cr-ghost i{background:#ffffff24;border-radius:5px;height:10px}.cr-ghost i:first-child{width:46%}.cr-ghost i:last-child{width:30%}.cr-guest-copy h2{font-size:28px}.cr-guest-copy p{max-width:46ch;color:var(--ink-2);margin:10px 0 22px;font-size:16px;line-height:1.55}.cr-balance{color:#fff;background:radial-gradient(70% 120% at 100% 0%, #24338a 0%, #24338a00 65%), var(--cr-navy);border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(0,1.2fr);grid-template-areas:"total parts""actions actions";gap:26px 40px;padding:32px;display:grid;box-shadow:0 30px 60px -36px #0e1530cc}.cr-total{grid-area:total;align-content:start;gap:6px;display:grid}.cr-total small,.cr-parts dt{color:#9aa4c9;font-size:13.5px}.cr-total b{font:700 clamp(56px, 7vw, 76px)/1 var(--font-display);letter-spacing:-.02em;font-variant-numeric:tabular-nums}.cr-total span{color:#c9cfe4;font-size:14.5px}.cr-parts{grid-area:parts;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:0;display:grid}.cr-parts>div{background:#ffffff0f;border-radius:16px;align-content:start;gap:6px;padding:18px;display:grid;box-shadow:inset 0 0 0 1px #ffffff1f}.cr-parts dd{font:700 32px/1 var(--font-display);font-variant-numeric:tabular-nums;margin:0}.cr-parts span{color:#9aa4c9;font-size:13px;line-height:1.45}.cr-balance .cr-actions{border-top:1px solid #ffffff1f;grid-area:actions;padding-top:22px}.cr-btn.cr-light{color:var(--cr-act-dk);background:#fff;box-shadow:0 8px 20px -8px #0006}.cr-btn.cr-light:hover{background:var(--page-soft)}.cr-btn.cr-ghost-btn{color:#fff;background:#ffffff14;box-shadow:inset 0 0 0 1px #ffffff2e}.cr-btn.cr-ghost-btn:hover{background:#ffffff24}.cr-balance :focus-visible{outline-color:#fff}.cr-note{color:var(--ink-3);font-size:13.5px;margin-top:14px!important}.cr-section{margin-top:56px}.cr-section h2{font-size:26px}.cr-table{border:1px solid var(--cr-line);border-radius:16px;margin-top:18px;overflow:auto}.cr-table table{border-collapse:collapse;font-variant-numeric:tabular-nums;width:100%;font-size:14.5px}.cr-table th,.cr-table td{text-align:left;border-bottom:1px solid var(--cr-line);padding:14px 18px}.cr-table tr:last-child td{border-bottom:0}.cr-table th{background:var(--cr-band);color:var(--ink-2);font-size:13px;font-weight:600}.cr-table td[colspan]{color:var(--ink-2);text-align:center;padding:26px 18px}.cr .cr-ledger{border:1px solid var(--cr-line);border-radius:16px;margin:18px 0 0;padding:0;font-size:14.5px;overflow:hidden}.cr .cr-ledger li{border-bottom:1px solid var(--cr-line);text-transform:none;justify-content:space-between;gap:24px;padding:14px 18px;display:flex}.cr .cr-ledger li:last-child{border-bottom:0}.cr .cr-ledger li span:first-letter{text-transform:uppercase}.cr .cr-ledger strong{font-variant-numeric:tabular-nums;font-weight:600}.cr .cr-ledger li:has(strong:not(:empty)) strong{color:var(--ink)}.cr-test{border-radius:18px;margin-bottom:28px}.cr-toast{z-index:50;background:var(--cr-navy);color:#fff;border-radius:12px;max-width:min(520px,100% - 32px);padding:12px 18px;font-size:15px;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 40px -12px #10111473}.cr-toast:empty{display:none}.cr-toast[data-error=true]{background:#8a1c1c}@media (width<=760px){.cr{width:calc(100% - 32px);margin-top:20px}.cr-head{grid-template-columns:minmax(0,1fr);gap:14px}.cr-mark{border-radius:15px;width:50px;height:50px}.cr-guest{grid-template-columns:minmax(0,1fr);gap:24px;padding:20px}.cr-balance{grid-template-columns:minmax(0,1fr);grid-template-areas:"total""parts""actions";padding:24px 20px}.cr-parts{grid-template-columns:minmax(0,1fr)}.cr-actions>a{flex:100%}}@media (prefers-reduced-motion:reduce){.cr-back svg,.cr-btn,.cr-btn svg{transition:none}}