:root{--bg:#fff;--fg:#111827;--muted:#374151;--border:#cbd5e1;--surface:#e5e7eb;--input-bg:#fff;--input-fg:#111827;--primary:#0f6fff;--primary-contrast:#fff;--success:#0f766e;--success-contrast:#fff;--warning:#b45309;--warning-contrast:#fff;--error:#b42318;--error-contrast:#fff;--secondary-bg:#e2e8f0;--secondary-fg:#0f172a;--info-bg:#f3e8ff;--success-bg:#d1fae5;--warning-bg:#fef3c7;--error-bg:#fee2e2;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;background:var(--bg);color:var(--fg)}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial;--bg:#0b0f19;--fg:#e5e7eb;--muted:#9ca3af;--border:#1f2937;--surface:#111827;--input-bg:#374151;--input-fg:#e5e7eb;--primary:#5ba4ff;--primary-contrast:#0b0f19;--success:#2dd4bf;--success-contrast:#0b0f19;--warning:#f59e0b;--warning-contrast:#0b0f19;--error:#f87171;--error-contrast:#0b0f19;--secondary-bg:#1f2937;--secondary-fg:#e5e7eb;--info-bg:#2a1f41;--success-bg:#12332f;--warning-bg:#3a2a11;--error-bg:#3c1212}}a{color:var(--primary)}a:hover{text-decoration:underline}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid var(--primary);outline-offset:2px}.button,.submit-button,.secondary-button{cursor:pointer;border:none;border-radius:.5em;padding:clamp(.5em,1.5vh,.8em) clamp(.8em,2vw,1.2em);font-size:clamp(1rem,2.2vh,1.5rem)}.submit-button{background:var(--primary);color:var(--primary-contrast)}.secondary-button{background:var(--secondary-bg);color:var(--secondary-fg)}.submit-button[disabled],.secondary-button[disabled]{cursor:not-allowed;opacity:.6}.notification{border:1px solid var(--border);border-radius:.5em;grid-template-columns:1.25em 1fr;align-items:start;gap:.6em;min-height:clamp(1.5em,4vh,2.5em);padding:clamp(.5em,2vh,1em);font-size:clamp(.9rem,2vw,1.1rem);display:grid}.notification .symbol{font-size:1.25em;line-height:1}.notification.info{background:var(--info-bg);color:var(--fg)}.notification.success{background:var(--success-bg);color:var(--fg)}.notification.warning{background:var(--warning-bg);color:var(--fg)}.notification.error{background:var(--error-bg);color:var(--fg)}.card{background:var(--surface);border:1px solid var(--border);border-radius:.5em;width:100%;margin:0}input,select,textarea{background:var(--input-bg);color:var(--input-fg);border:1px solid var(--border);box-sizing:border-box;border-radius:.5em;width:100%;padding:.6em .8em}.logo{display:inline-block}.logo img{height:clamp(28px,6vw,44px);display:block}.logo--wordmark img{height:clamp(28px,6vw,56px)}html,body,#root{height:100dvh;margin:0;overflow:hidden}:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-content{box-sizing:border-box;flex-direction:column;justify-content:flex-start;gap:clamp(.2em,1.5vh,1.2em);height:100%;padding:clamp(.5em,2vh,1.5em) clamp(.5em,2vw,1.5em);display:flex;overflow-y:auto}.title-bar{flex-wrap:wrap;align-items:center;gap:.8rem;width:100%;display:flex}.title-bar h1{text-align:center;flex:20rem;min-width:0;margin:0;font-size:clamp(1.1rem,4vw,2rem)}@media (width<=700px){.title-bar{justify-content:center}.title-bar h1{text-align:left;flex-basis:100%}}.screen-size{color:var(--muted);white-space:nowrap;font-size:clamp(.9rem,2vw,1.1rem)}