:root,.ctl-comfortable{--btn-h-sm: 34px;--btn-h-md: 40px;--btn-h-lg: 48px;--btn-fs-sm: 13px;--btn-fs-md: 15px;--btn-fs-lg: 15.5px;--btn-px-sm: 11px;--btn-px-md: 16px;--btn-px-lg: 22px;--btn-radius: 8px;--field-h: 40px;--field-fs: 15px;--field-px: 10px;--field-radius: 8px;--field-label-fs: 13px;--field-hint-fs: 12.5px;--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%239aa3b2' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5 12 15.5 18 9.5'/%3E%3C/svg%3E")}@media(prefers-color-scheme:light){:root:not([data-theme=dark]){--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23566072' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5 12 15.5 18 9.5'/%3E%3C/svg%3E")}}:root[data-theme=light]{--select-chevron: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23566072' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9.5 12 15.5 18 9.5'/%3E%3C/svg%3E")}@media(max-width:720px){:root,.ctl-comfortable{--btn-h-sm: 44px;--btn-h-md: 46px;--btn-h-lg: 50px;--field-h: 46px;--field-fs: 16px}}.ctl-compact{--btn-h-sm: 26px;--btn-h-md: 30px;--btn-h-lg: 38px;--btn-fs-sm: 12px;--btn-fs-md: 13px;--btn-fs-lg: 14px;--btn-px-sm: 9px;--btn-px-md: 12px;--btn-px-lg: 16px;--btn-radius: var(--ed-r, 8px);--field-h: 30px;--field-fs: 13px;--field-px: 8px;--field-radius: 6px;--field-label-fs: 12px;--field-hint-fs: 11.5px}@media(max-width:699px),(max-height:500px)and (pointer:coarse){.ctl-compact{--btn-h-sm: 40px;--btn-h-md: 40px;--btn-h-lg: 44px;--btn-fs-sm: 13px;--btn-fs-md: 14px;--btn-fs-lg: 15px;--field-h: 40px;--field-fs: 16px}}.btn{--btn-bg: var(--bg-raised);--btn-fg: var(--text);--btn-line: var(--line);--btn-bg-hover: var(--bg-hover);--btn-fg-hover: var(--btn-fg);--btn-line-hover: var(--line-strong);--btn-h: var(--btn-h-md);--btn-fs: var(--btn-fs-md);--btn-px: var(--btn-px-md);display:inline-flex;align-items:center;justify-content:center;gap:.5em;box-sizing:border-box;min-height:var(--btn-h);margin:0;padding:4px var(--btn-px);font:inherit;font-size:var(--btn-fs);font-weight:600;line-height:1.2;color:var(--btn-fg);background:var(--btn-bg);border:1px solid var(--btn-line);border-radius:var(--btn-radius);cursor:pointer;text-decoration:none;white-space:nowrap;-webkit-tap-highlight-color:transparent;touch-action:manipulation;transition:background-color .12s ease,border-color .12s ease,color .12s ease}.btn[hidden]{display:none}.btn:hover{color:var(--btn-fg-hover);background:var(--btn-bg-hover);border-color:var(--btn-line-hover);text-decoration:none}.btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.btn:disabled,.btn[aria-disabled=true]{opacity:.45;cursor:not-allowed}.btn:disabled:hover,.btn[aria-disabled=true]:hover{color:var(--btn-fg);background:var(--btn-bg);border-color:var(--btn-line)}.btn[aria-busy=true]{cursor:progress}.btn svg{flex:0 0 auto;width:1.1em;height:1.1em}.btn-sm{--btn-h: var(--btn-h-sm);--btn-fs: var(--btn-fs-sm);--btn-px: var(--btn-px-sm);font-weight:500}.btn-md{--btn-h: var(--btn-h-md);--btn-fs: var(--btn-fs-md);--btn-px: var(--btn-px-md)}.btn-lg{--btn-h: var(--btn-h-lg);--btn-fs: var(--btn-fs-lg);--btn-px: var(--btn-px-lg)}.btn-primary{--btn-bg: var(--run);--btn-fg: var(--run-ink);--btn-line: transparent;--btn-bg-hover: var(--run-hover);--btn-line-hover: transparent}.btn-accent{--btn-bg: var(--accent);--btn-fg: var(--accent-ink);--btn-line: transparent;--btn-bg-hover: var(--accent-hover, color-mix(in srgb, var(--accent) 86%, var(--text)));--btn-line-hover: transparent}.btn-buy{--btn-bg: var(--cta, #1c8749);--btn-fg: var(--cta-ink, #ffffff);--btn-line: transparent;--btn-bg-hover: var(--cta-hover, #177a41);--btn-fg-hover: var(--cta-ink, #ffffff);--btn-line-hover: transparent}.btn-quiet{--btn-bg: transparent;--btn-fg: var(--text-dim);--btn-line: transparent;--btn-bg-hover: var(--bg-hover);--btn-fg-hover: var(--text);--btn-line-hover: transparent;font-weight:500}.btn-tinted{--btn-bg: color-mix(in srgb, var(--accent) 10%, transparent);--btn-fg: color-mix(in srgb, var(--accent) 88%, var(--text));--btn-line: color-mix(in srgb, var(--accent) 35%, transparent);--btn-bg-hover: color-mix(in srgb, var(--accent) 18%, transparent);--btn-line-hover: color-mix(in srgb, var(--accent) 50%, transparent)}.btn-danger{--btn-bg: transparent;--btn-fg: var(--danger-fg, var(--stop));--btn-line: color-mix(in srgb, var(--stop) 55%, transparent);--btn-bg-hover: var(--error-bg);--btn-fg-hover: var(--error-text);--btn-line-hover: var(--error-line)}.btn-danger-solid{--btn-bg: var(--stop);--btn-fg: var(--stop-ink, #fff);--btn-line: transparent;--btn-bg-hover: var(--stop-hover, color-mix(in srgb, var(--stop) 88%, #fff));--btn-fg-hover: var(--stop-ink, #fff);--btn-line-hover: transparent}.btn-icon{flex:0 0 auto;width:var(--btn-h);padding:0}.btn-block{display:flex;width:100%}@media(prefers-reduced-motion:reduce){.btn{transition:none}}.sheet-close,.pay-retry-x,.lp-close,.level-up-close{box-sizing:border-box;flex:0 0 auto;width:28px;height:28px;padding:0;font:inherit;font-size:13px;line-height:1;text-align:center;color:var(--text-dim);background:var(--bg-panel);border:1px solid var(--line);border-radius:50%;cursor:pointer}.sheet-close:hover,.pay-retry-x:hover,.lp-close:hover,.level-up-close:hover{color:var(--text);background:var(--bg-hover);border-color:var(--line-strong)}.sheet-close:focus-visible,.pay-retry-x:focus-visible,.lp-close:focus-visible,.level-up-close:focus-visible{outline:2px solid var(--accent);outline-offset:2px}@media(pointer:coarse){.level-up-close{position:relative}.sheet-close:after,.pay-retry-x:after,.lp-close:after,.level-up-close:after{content:"";position:absolute;inset:-9px}}.segmented{display:inline-flex;flex:0 0 auto;gap:4px;max-width:100%;padding:3px;background:var(--bg-input);border:1px solid var(--line);border-radius:calc(var(--btn-radius) + 1px)}.segmented-fill{display:flex;width:100%}.segment{display:inline-flex;align-items:center;justify-content:center;gap:7px;flex:0 0 auto;min-height:var(--btn-h-sm);margin:0;padding:4px 14px;font:inherit;font-size:var(--btn-fs-sm);font-weight:600;line-height:1.2;white-space:nowrap;color:var(--text-dim);background:transparent;border:1px solid transparent;border-radius:calc(var(--btn-radius) - 1px);cursor:pointer;transition:background-color .12s ease,color .12s ease}.segmented-fill .segment{flex:1 1 0;min-width:0}.segment:hover{color:var(--text)}.segment:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.segment[aria-selected=true]{color:var(--accent-ink);background:var(--accent);border-color:var(--accent)}@media(max-width:480px){.segmented{display:flex;width:100%}.segment{flex:1 1 0;min-width:0;gap:6px;padding-inline:8px;font-size:12.5px}}@media(prefers-reduced-motion:reduce){.segment{transition:none}}.field{display:flex;flex-direction:column;gap:5px;min-width:0;margin:0;text-align:left}.field-label{font-size:var(--field-label-fs);font-weight:500;line-height:1.3;color:var(--text-dim)}.field-optional{font-weight:400;color:var(--text-faint)}.field-hint{margin:0;font-size:var(--field-hint-fs);line-height:1.4;color:var(--text-dim)}.field-input{box-sizing:border-box;width:100%;min-height:var(--field-h);margin:0;padding:6px var(--field-px);font:inherit;font-size:var(--field-fs);line-height:1.35;color:var(--text);background:var(--bg-input);border:1px solid var(--line-strong);border-radius:var(--field-radius);transition:border-color .12s ease,box-shadow .12s ease}input.field-input:is([type=date],[type=datetime-local],[type=time],[type=month]){-webkit-appearance:none;appearance:none;display:block;min-width:0;max-width:100%}input.field-input::-webkit-date-and-time-value{min-height:1.35em;text-align:start}textarea.field-input{min-height:calc(var(--field-h) * 2.4);padding-block:8px;resize:vertical}select.field-input{appearance:none;-webkit-appearance:none;padding-right:calc(var(--field-px) + 22px);background-image:var(--select-chevron);background-repeat:no-repeat;background-position:right var(--field-px) center;background-size:14px 14px;text-overflow:ellipsis;cursor:pointer}select.field-input:disabled{cursor:not-allowed}select.field-input option{background:var(--bg-raised, var(--bg-input));color:var(--text)}.field-input::placeholder{color:var(--text-faint);opacity:1}.field-input:hover:not(:disabled){border-color:color-mix(in srgb,var(--line-strong) 60%,var(--text-dim))}.field-input:focus-visible,.field-input:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px color-mix(in srgb,var(--accent) 28%,transparent)}.field-input:disabled{opacity:.55;cursor:not-allowed}.field-input[aria-invalid=true]{border-color:var(--stop)}.field-input[aria-invalid=true]:focus{box-shadow:0 0 0 3px color-mix(in srgb,var(--stop) 26%,transparent)}.field-error{display:flex;align-items:flex-start;gap:6px;margin:0;font-size:var(--field-hint-fs);line-height:1.4;font-weight:500;color:var(--danger-fg, var(--stop))}.field-error[hidden]{display:none}.field-error:before{content:"!";flex:0 0 auto;display:inline-grid;place-items:center;width:1.25em;height:1.25em;margin-top:.05em;font-size:.85em;font-weight:700;line-height:1;color:var(--bg-raised);background:var(--danger-fg, var(--stop));border-radius:50%}.field-control{position:relative;display:flex;align-items:center;gap:8px}.field-control>.field-input{flex:1 1 auto;min-width:0}.field-control>.field-input:has(+.field-action){padding-right:64px}.field-action{position:absolute;top:50%;right:5px;transform:translateY(-50%);min-width:52px;min-height:calc(var(--field-h) - 10px);padding:2px 8px;font:inherit;font-size:var(--field-label-fs);font-weight:600;color:var(--accent);background:none;border:none;border-radius:6px;cursor:pointer}.field-action:hover{background:color-mix(in srgb,var(--accent) 12%,transparent)}.field-action:focus-visible{outline:2px solid var(--accent);outline-offset:1px}.field-check{display:flex;align-items:flex-start;gap:8px;font-size:var(--field-label-fs);line-height:1.4;color:var(--text);cursor:pointer}.field-check input{flex:0 0 auto;width:16px;height:16px;min-height:0;margin:1px 0 0;padding:0;accent-color:var(--accent)}@media(prefers-reduced-motion:reduce){.field-input{transition:none}}.is-busy[aria-busy=true]{cursor:progress;opacity:.72}
