:root{--bg: #ffffff;--fg: #111827;--muted: #4b5563;--border: #cbd5e1;--surface: #e5e7eb;--primary: #0f6fff;--primary-contrast: #ffffff;--info: #7c3aed;--info-contrast: #ffffff;--success: #0f766e;--success-contrast: #ffffff;--warning: #b45309;--warning-contrast: #ffffff;--error: #b42318;--error-contrast: #ffffff;--info-bg: #f3e8ff;--success-bg: #d1fae5;--warning-bg: #fef3c7;--error-bg: #fee2e2;--muted: #374151;color-scheme:light dark;background:var(--bg);color:var(--fg)}@media(prefers-color-scheme:dark){:root{--bg: #0b0f19;--fg: #e5e7eb;--muted: #9ca3af;--border: #1f2937;--surface: #111827;--primary: #5ba4ff;--primary-contrast: #0b0f19;--info: #a78bfa;--info-contrast: #0b0f19;--success: #2dd4bf;--success-contrast: #0b0f19;--warning: #f59e0b;--warning-contrast: #0b0f19;--error: #f87171;--error-contrast: #0b0f19;--info-bg: #2a1f41;outline:none;transition:box-shadow .2s;--success-bg: #12332f;--warning-bg: #3a2a11;--error-bg: #3c1212;background:var(--bg);color:var(--fg)}}a{color:var(--primary)}a:hover{text-decoration:underline}.button,.submit-button{background:var(--primary);color:var(--primary-contrast);border:none;border-radius:.5em;padding:clamp(.5em,1.5vh,.8em) clamp(.8em,2vw,1.2em);font-size:clamp(1rem,2.2vh,1.5rem);cursor:pointer;display:block;margin:0 auto}.notification{padding:clamp(.5em,2vh,1em);border-radius:.5em;font-size:clamp(.9rem,2vw,1.1rem);min-height:clamp(1.5em,4vh,2.5em);display:grid;grid-template-columns:1.25em 1fr;align-items:start;gap:.6em;border:1px solid var(--border)}.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;max-width:550px;margin:0 auto}input,select,textarea{background:#fff;color:#111;border:1px solid var(--border);border-radius:.5em;padding:.6em .8em;width:100%;max-width:550px;box-sizing:border-box}@media(prefers-color-scheme:dark){input,select,textarea{background:#374151;color:var(--fg)}}.logo{display:inline-block}.logo img{display:block;height:clamp(28px,6vw,44px)}.logo--wordmark img{height:clamp(28px,6vw,56px)}html,body,#root{height:100vh;height:100dvh;margin:0;overflow:hidden}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.main-content{height:100%;display:flex;flex-direction:column;justify-content:flex-start;gap:clamp(.2em,1.5vh,1.2em);padding:clamp(.5em,2vh,1.5em) clamp(.5em,2vw,1.5em);box-sizing:border-box;overflow-y:auto}.title-bar{display:flex;align-items:center;gap:.8rem;width:100%}.title-bar h1{font-size:clamp(1.1rem,4vw,2rem);margin:0}.screen-size{font-size:clamp(.9rem,2vw,1.1rem);color:var(--muted);white-space:nowrap}