:root{--jp-orange:#f4791d;--jp-red:#e31e24;--jp-ink:oklch(20% .02 280);--jp-ink-soft:oklch(45% .02 280);--jp-ink-faint:oklch(55% .02 280);--jp-border:oklch(90% .01 280);--jp-panel:oklch(97% .008 280);--jp-bg:#fff;--jp-orange-soft:oklch(96% .03 45);--jp-green:#1e8e3e;--jp-green-soft:oklch(94% .05 150);--jp-red-soft:oklch(94% .05 25);--jp-radius:14px;--jp-radius-sm:10px;--jp-shadow:0 10px 30px -14px oklch(20% .02 280/.18)}*{box-sizing:border-box}html,body,#root{height:100%}body{background:var(--jp-panel);color:var(--jp-ink);margin:0;font-family:Manrope,system-ui,sans-serif}h1,h2,h3,h4{margin:0;font-family:Sora,system-ui,sans-serif;font-weight:800}button{cursor:pointer;font-family:inherit}a{color:inherit}.jp-btn{border:none;border-radius:100px;justify-content:center;align-items:center;gap:8px;padding:11px 22px;font-size:14.5px;font-weight:700;transition:transform .12s,background-color .15s,box-shadow .15s;display:inline-flex}.jp-btn:active{transform:translateY(1px)}.jp-btn:disabled{opacity:.5;cursor:not-allowed}.jp-btn-primary{background:var(--jp-orange);color:#fff}.jp-btn-primary:hover:not(:disabled){background:color-mix(in oklch, var(--jp-orange), black 10%)}.jp-btn-secondary{color:var(--jp-ink);background:oklch(95% .01 280)}.jp-btn-secondary:hover:not(:disabled){background:oklch(91% .012 280)}.jp-btn-outline{color:var(--jp-ink);border:1.5px solid var(--jp-border);background:0 0}.jp-btn-outline:hover:not(:disabled){background:oklch(97% .008 280)}.jp-btn-danger{background:var(--jp-red-soft);color:var(--jp-red)}.jp-btn-danger:hover:not(:disabled){background:color-mix(in oklch, var(--jp-red-soft), var(--jp-red) 12%)}.jp-btn-sm{padding:7px 16px;font-size:13px}.jp-card{background:var(--jp-bg);border:1.5px solid var(--jp-border);border-radius:var(--jp-radius);transition:box-shadow .15s,transform .12s}.jp-input,.jp-select,.jp-textarea{border:1.5px solid var(--jp-border);border-radius:var(--jp-radius-sm);color:var(--jp-ink);background:#fff;width:100%;padding:10px 13px;font-family:inherit;font-size:14.5px}.jp-input:focus,.jp-select:focus,.jp-textarea:focus{border-color:var(--jp-orange);outline:none}.jp-label{color:var(--jp-ink-soft);text-transform:uppercase;letter-spacing:.02em;font-size:12.5px;font-weight:700}.jp-badge{border-radius:100px;align-items:center;padding:4px 11px;font-size:12px;font-weight:700;display:inline-flex}.jp-scroll-x{overflow-x:auto}.jp-spinner{border:3px solid var(--jp-border);border-top-color:var(--jp-orange);border-radius:50%;width:22px;height:22px;animation:.7s linear infinite jp-spin}@keyframes jp-spin{to{transform:rotate(360deg)}}