:root{font-family:Sour Gummy,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}a{font-weight:500;color:#f56600;text-decoration:inherit}a:hover{color:#c24a00}body{margin:0;display:flex;font-family:Sour Gummy,system-ui,sans-serif}h1{font-size:3rem;line-height:1.1;margin-bottom:1rem;margin:0}p{font-size:1.2rem;line-height:1.6;margin-bottom:1.5rem}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;cursor:pointer;transition:border-color .25s}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#ffae5c}}@media (prefers-color-scheme: dark){:root{background-color:#23232a}}:root{--tab-text: var(--neutral-weak);--tab-bg: var(--neutral-weaker);--tab-active-bg: var(--brand-weaker);--tab-active-text: var(--brand-strong);--tab-focus: var(--brand)}.tab-group{display:flex;gap:min(2vw,1rem);justify-content:center;width:90vw;max-width:700px;min-width:300px;box-sizing:border-box;flex-wrap:nowrap}.tab{padding:.5em min(3vw,1em);border:none;color:var(--tab-text);background:var(--tab-bg);font-size:1rem;cursor:pointer;transition:background .2s;min-width:0;flex-shrink:1;flex-grow:1;text-align:center}.tab.active{background:var(--tab-active-bg);color:var(--tab-active-text)}.tab:focus{outline:1px solid var(--tab-focus);box-shadow:0 0 0 2px var(--tab-focus)}@media (prefers-color-scheme: dark){.tab{color:var(--tab-text);background:var(--tab-bg)}.tab.active{background:var(--tab-active-bg);color:var(--tab-active-text)}.tab:focus{outline:1px solid var(--tab-focus);box-shadow:0 0 0 2px var(--tab-focus)}}:root{--input-bg: var(--neutral-weaker);--input-text: var(--neutral-default);--input-border: var(--neutral-weak);--input-hover-bg: var(--brand-weaker);--input-hover-border: var(--brand-default);--input-focus-bg: var(--brand-weaker);--input-focus-border: var(--brand-default);--input-active-bg: var(--brand-weaker);--input-active-border: var(--neutral-default);--input-label: var(--neutral-default);--input-description: var(--neutral-weak);--input-error: oklch(.62 .19 29);--input-error-bg: oklch(.98 .03 29);--input-error-text: oklch(.62 .19 29)}.input-field{display:flex;flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.input-label{font-weight:500;color:var(--input-label);text-align:left}.input-description{font-size:.85em;color:var(--input-description);margin-bottom:.2em;text-align:left}.input-box{padding:.75em 1em;border:1.5px solid var(--input-border);border-radius:6px;font-size:1rem;transition:border-color .2s,box-shadow .2s;outline:none;background:var(--input-bg);color:var(--input-text)}.input-box:hover{border-color:var(--input-hover-border);background:var(--input-hover-bg)}.input-box:focus{border-color:var(--input-focus-border);box-shadow:0 0 0 2px var(--input-focus-bg);background:var(--input-focus-bg)}.input-box:active{border-color:var(--input-active-border);background:var(--input-active-bg)}.input-field.error .input-label{color:var(--input-error)}.input-box.input-error{border-color:var(--input-error);background:var(--input-error-bg);color:var(--input-error-text)}.input-error-message{color:var(--input-error);font-size:.95em;margin-top:.3em}@media (prefers-color-scheme: dark){.input-box{background:var(--input-bg);color:var(--input-text);border-color:var(--input-border)}.input-box:hover{background:var(--input-hover-bg);border-color:var(--input-hover-border);box-shadow:0 0 0 2px var(--input-hover-bg)}.input-box:focus{background:var(--input-focus-bg);border-color:var(--input-focus-border);box-shadow:0 0 0 2px var(--input-focus-bg)}.input-box:active{background:var(--input-active-bg);border-color:var(--input-active-border)}.input-label{color:var(--input-label)}.input-description{color:var(--input-description)}.input-field.error .input-label{color:var(--input-error)}.input-box.input-error{background:var(--input-error-bg);color:var(--input-error-text);border-color:var(--input-error)}.input-error-message{color:var(--input-error)}}:root{--btn-bg: var(--brand-default);--btn-hover-bg: var(--brand-strong);--btn-active-bg: var(--brand-stronger);--btn-text: var(--neutral-weakest);--btn-focus: var(--brand-default);--btn-secondary-bg: transparent;--btn-secondary-text: var(--brand-default);--btn-secondary-border: var(--brand-default);--btn-secondary-hover-bg: var(--brand-weaker);--btn-secondary-hover-text: var(--brand-default);--btn-secondary-hover-border: var(--brand-default);--btn-secondary-active-bg: var(--brand-weak);--btn-secondary-active-text: var(--brand-strong);--btn-secondary-active-border: var(--brand-strong);--btn-tertiary-bg: transparent;--btn-tertiary-text: var(--brand-strong);--btn-tertiary-hover-text: var(--brand-stronger);--btn-tertiary-active-text: var(--brand-stronger);--btn-tertiary-focus: var(--brand-default)}.icon-btn{border-radius:50%;border:2px solid var(--brand-default);background:transparent;width:2.5em;height:2.5em;display:flex;align-items:center;justify-content:center;padding:0;transition:border-color .2s,background .2s}.icon-btn:hover,.icon-btn:focus{border-color:var(--color-brand-500, #6366f1);background:var(--color-neutral-100, #f3f4f6)}.icon-btn .btn-icon{margin:0;display:flex;align-items:center;justify-content:center}.custom-btn{display:inline-flex;align-items:center;gap:.5em;padding:.7em 1.5em;font-size:1rem;font-weight:500;border:none;border-radius:8px;background:var(--btn-bg);color:var(--btn-text);cursor:pointer;transition:background .2s,box-shadow .2s}.custom-btn svg,.custom-btn img{color:inherit;fill:currentColor}.custom-btn:hover{background:var(--btn-hover-bg)}.custom-btn:active{background:var(--btn-active-bg)}.custom-btn:focus{outline:2px solid var(--btn-focus);box-shadow:0 0 0 2px var(--btn-focus)}.custom-btn.full-width{width:100%;justify-content:center}.btn-icon,.btn-label{display:flex;align-items:center}.custom-btn.secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:2px solid var(--btn-secondary-border);box-shadow:none}.custom-btn.secondary:hover{background:var(--btn-secondary-hover-bg);color:var(--btn-secondary-hover-text);border-color:var(--btn-secondary-hover-border)}.custom-btn.secondary:active{background:var(--btn-secondary-active-bg);color:var(--btn-secondary-active-text);border-color:var(--btn-secondary-active-border)}.custom-btn.secondary:focus{outline:2px solid var(--btn-focus);box-shadow:0 0 0 2px var(--btn-focus)}.custom-btn.tertiary{background:var(--btn-tertiary-bg);color:var(--btn-tertiary-text);border:none;box-shadow:none;font-weight:500;padding:.7em 1.5em;width:auto;cursor:pointer;transition:color .2s;text-decoration:underline}.custom-btn.tertiary:hover{color:var(--btn-tertiary-hover-text);text-decoration:underline;background:none}.custom-btn.tertiary:active{color:var(--btn-tertiary-active-text);text-decoration:underline}.custom-btn.tertiary:focus{outline:2px solid var(--btn-tertiary-focus);box-shadow:0 0 0 2px var(--btn-tertiary-focus);text-decoration:underline}@media (prefers-color-scheme: dark){.custom-btn{background:var(--brand-default);color:var(--neutral-weakest)}.custom-btn:hover{background:var(--btn-hover-bg)}.custom-btn:active{background:var(--btn-active-bg)}.custom-btn:focus{outline:2px solid var(--btn-focus);box-shadow:0 0 0 2px var(--btn-focus)}.custom-btn.secondary{background:var(--btn-secondary-bg);color:var(--btn-secondary-text);border:2px solid var(--btn-secondary-border);box-shadow:none}.custom-btn.secondary:hover{background:var(--btn-secondary-hover-bg);color:var(--btn-secondary-hover-text);border-color:var(--btn-secondary-hover-border)}.custom-btn.secondary:active{background:var(--btn-secondary-active-bg);color:var(--btn-secondary-active-text);border-color:var(--btn-secondary-active-border)}.custom-btn.secondary:focus{outline:2px solid var(--btn-focus);box-shadow:0 0 0 2px var(--btn-focus)}.custom-btn.tertiary{color:var(--btn-tertiary-text);text-decoration:underline}.custom-btn.tertiary:hover{color:var(--btn-tertiary-hover-text);text-decoration:underline}.custom-btn.tertiary:active{color:var(--btn-tertiary-active-text);text-decoration:underline}.custom-btn.tertiary:focus{outline:2px solid var(--btn-tertiary-focus);box-shadow:0 0 0 2px var(--btn-tertiary-focus);text-decoration:underline}}@media (prefers-color-scheme: dark){:root{--card-bg: var(--neutral-weaker)}}:root{--card-bg: var(--neutral-weakest);--card-border: var(--neutral-weaker);--card-shadow: 0 2px 8px 0 var(--neutral-weaker);--card-title: var(--neutral-default);--card-text: var(--neutral-default);--card-muted: var(--neutral-weak)}.custom-card-list{background:var(--card-bg);border-radius:0;box-shadow:none;border-bottom:1px solid var(--card-border);padding:.75rem 0;margin:1rem 0;display:flex;flex-direction:column;align-items:stretch}.custom-card-list.no-border{border-bottom:none}.custom-card{background:var(--card-bg);border-radius:10px;box-shadow:var(--card-shadow);border:1px solid var(--card-border);padding:2rem;margin:1rem 0;display:flex;flex-direction:column;align-items:stretch}.card-heading{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:var(--card-title)}.card-body{flex:1;margin-bottom:1.5rem;color:var(--card-text)}.card-action{display:flex;justify-content:flex-end}.modal-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#0000004d;display:flex;align-items:center;justify-content:center;z-index:1000}.modal-content{background:var(--neutral-weakest);border-radius:1.25em;box-shadow:0 4px 32px #0000002e;padding:2em 1.5em 1.5em;position:relative;min-width:320px;max-width:90vw;max-height:90vh;overflow-y:auto}.modal-close{position:absolute;top:1em;right:1em;background:none;border:none;cursor:pointer;padding:.25em;border-radius:50%;transition:background .2s;display:flex;align-items:center;justify-content:center;color:var(--neutral-default);background:var(--neutral-weakest)}.modal-close:hover{background:var(--neutral-weak)}.stepper{display:inline-flex;align-items:center;gap:.5em}.stepper-btn{background:none;border:1px solid #ccc;border-radius:4px;padding:.25em .5em;cursor:pointer;color:inherit;transition:border .2s,background .2s;display:flex;align-items:center;justify-content:center}.stepper-btn:disabled{opacity:.5;cursor:not-allowed}.stepper-input{width:2.5em;text-align:center;font-size:1em;border:1px solid #ccc;border-radius:4px;padding:.25em .5em;background:var(--input-bg, #fff);color:inherit}.stepper-input::-webkit-outer-spin-button,.stepper-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.stepper-input[type=number]{appearance:textfield;-moz-appearance:textfield}@media (prefers-color-scheme: dark){.stepper-input{background:#222;color:#fff;border:1px solid #444}.stepper-btn{border:1px solid #444}}:root{--pill-bg: var(--neutral-weakest);--pill-border: var(--brand-default);--pill-text: var(--brand-default);--pill-selected-bg: var(--brand-default);--pill-selected-text: var(--neutral-weakest);--pill-selected-border: var(--brand-default);--pill-focus: var(--brand-default)}.pill{display:inline-block;padding:.4em 1.2em;border-radius:999px;border:1.5px solid var(--pill-border);background:var(--pill-bg);color:var(--pill-text);font-size:1rem;font-weight:500;cursor:pointer;transition:background .2s,color .2s,border-color .2s;margin:.2em}.pill.selected{background:var(--pill-selected-bg);color:var(--pill-selected-text);border-color:var(--pill-selected-border)}.pill:focus{outline:2px solid var(--pill-focus)}:root{--emptyArea-bg: var(--brand-weaker);--emptyArea-text: var(--brand-strong);--emptyArea-border: var(--brand-default)}.empty-area{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;padding:2rem 1rem;color:var(--emptyArea-text);text-align:center;background:var(--emptyArea-bg);border:2px dashed var(--emptyArea-border);border-radius:16px}.empty-area__text{font-size:1.2rem;margin-bottom:1.5rem}.callout{border:1px solid #e3e6ef;background:#f6f8ff;color:#213547;padding:1rem 1.25rem;margin:1rem auto;border-radius:8px;font-size:1rem;box-shadow:0 1px 4px #3c3c640a;max-width:400px;text-align:center}.callout-info{border-color:#d1d6fa;background:#f6f8ff;color:#213547}.callout-warning{border-color:#f7e6b2;background:#fffbe6;color:#7a5c00}.callout-success{border-color:#b7eac8;background:#e6fff2;color:#1a7f37}.callout-error{border-color:#ffd6db;background:#fff1f0;color:#a8071a}@media (prefers-color-scheme: dark){.callout{background:#23232a;color:#e0e6ff;border:1px solid #35354a;max-width:400px;margin:1rem auto;text-align:center}.callout-info{background:#23232a;color:#e0e6ff;border-color:#35354a}.callout-warning{background:#2a2600;color:#ffe58f;border-color:#4a3f1a}.callout-success{background:#1a2a1a;color:#b7eb8f;border-color:#234a2a}.callout-error{background:#2a1a1a;color:#ffa39e;border-color:#4a232a}}.snackbar{visibility:hidden;min-width:240px;max-width:90vw;background-color:#323232;color:#fff;text-align:center;border-radius:8px;padding:8px 8px 8px 24px;position:fixed;bottom:32px;z-index:9999;font-size:1rem;box-shadow:0 2px 8px #0003;opacity:0;transition:opacity .3s,visibility .3s,bottom .3s;display:flex;align-items:center;justify-content:center}.snackbar.show{visibility:visible;opacity:1;bottom:48px}.snackbar__close{background:none;border:none;color:inherit;font-size:1.2em;margin-left:4px;cursor:pointer;opacity:.7;transition:opacity .2s;display:flex;align-items:center}.snackbar__close svg{color:inherit;fill:currentColor}.snackbar__close:hover{opacity:1}.snackbar--success{background-color:#43a047}.snackbar--error{background-color:#e53935}.snackbar--warning{background-color:#ffa000;color:#222}.snackbar--info{background-color:#323232}.footer{width:100%;padding:1.5em 0;color:var(--neutral-default);text-align:center;font-size:1em;margin-top:3em}.footer-content{display:flex;justify-content:center;align-items:center;gap:1em}:root{--brand: oklch(.5855 .174261 42.7357);--neutral: oklch(.22 0 0);color:var(--neutral-default);background-color:var(--neutral-weakest);--brand-weaker: color-mix(in oklab, var(--brand), white 90%);--brand-weak: color-mix(in oklab, var(--brand), white 60%);--brand-default: var(--brand);--brand-strong: color-mix(in oklab, var(--brand), black 10%);--brand-stronger: color-mix(in oklab, var(--brand), black 30%);--neutral-weakest: color-mix(in oklab, var(--neutral), white 100%);--neutral-weaker: color-mix(in oklab, var(--neutral), white 95%);--neutral-weak: color-mix(in oklab, var(--neutral), white 40%);--neutral-default: var(--neutral);--neutral-strong: color-mix(in oklab, var(--neutral), black 10%);--neutral-stronger: color-mix(in oklab, var(--neutral), black 30%);--neutral-strongest: color-mix(in oklab, var(--neutral), black 50%)}@media (prefers-color-scheme: dark){:root{--brand: oklch(.67 .21 275.6);--neutral: oklch(1 .03 265);--brand-weaker: color-mix(in oklab, var(--brand), black 90%);--brand-weak: color-mix(in oklab, var(--brand), black 60%);--brand-default: var(--brand);--brand-strong: color-mix(in oklab, var(--brand), white 10%);--brand-stronger: color-mix(in oklab, var(--brand), white 30%);--neutral-weakest: color-mix(in oklab, var(--neutral), black 80%);--neutral-weaker: color-mix(in oklab, var(--neutral), black 77%);--neutral-weak: color-mix(in oklab, var(--neutral), black 30%);--neutral-default: var(--neutral);--neutral-strong: color-mix(in oklab, var(--neutral), white 10%);--neutral-stronger: color-mix(in oklab, var(--neutral), white 30%);--neutral-strongest: color-mix(in oklab, var(--neutral), white 50%)}}#root{margin:0 auto;text-align:center;padding-top:2rem}.text-highlight{color:var(--brand-default);font-weight:700;font-size:1.1em;display:inline-block;margin-top:.5em}.description{color:var(--neutral-weak);font-size:1em;margin-bottom:1em}