:root{font-family:Roboto,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;--background-color: #f5f5f5;--text-color: #000000;--header-bg: #25408f;--header-text: #ffffff;--card-bg: #ffffff;--input-bg: #ffffff;--input-border: #c2c3dc;--input-focus-border: #25408f;--button-primary-bg: #25408f;--button-primary-bg-rgb: 37, 64, 143;--button-primary-hover: #1c3272;--button-secondary-bg: #e10079;--button-secondary-bg-rgb: 225, 0, 121;--button-secondary-hover: #b30061;--shadow-color: rgba(0, 0, 0, .1)}@media (prefers-color-scheme: dark){:root{--background-color: #25408f;--text-color: #ffffff;--header-bg: #25408f;--header-text: #ffffff;--card-bg: #25408f;--input-bg: #25408f;--input-border: #555555;--input-focus-border: #90caf9;--button-primary-bg: #25408f;--button-primary-bg-rgb: 37, 64, 143;--button-primary-hover: #1c3272;--button-secondary-bg: #e10079;--button-secondary-bg-rgb: 225, 0, 121;--button-secondary-hover: #b30061;--shadow-color: rgba(0, 0, 0, .5)}}body{margin:0;min-width:320px;min-height:100vh;background-color:var(--background-color);overflow-x:hidden;color:var(--text-color);transition:background-color .3s ease,color .3s ease}#root{width:100%;height:100vh;display:flex;flex-direction:column}.header{position:fixed;top:0;left:0;right:0;background-color:var(--header-bg);color:var(--header-text);box-shadow:0 2px 4px var(--shadow-color);z-index:1000;padding:1rem;transition:background-color .3s ease}.main-content{margin-top:80px;margin-bottom:80px;padding:1rem;flex:1;overflow-y:auto}.input-bar{position:fixed;bottom:0;left:0;right:0;background-color:var(--card-bg);box-shadow:0 -2px 4px var(--shadow-color);padding:1rem;z-index:1000;transition:background-color .3s ease}.form-container{max-width:800px;margin:0 auto;width:100%;padding:1rem}@media (max-width: 768px){.form-container,.input-bar,.header{padding:.5rem}}input,select,textarea{width:100%;padding:.5rem;margin-bottom:1rem;border:1px solid var(--input-border);border-radius:4px;font-size:1rem;color:var(--text-color);background-color:var(--input-bg);transition:background-color .3s ease,color .3s ease,border-color .3s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--input-focus-border);box-shadow:0 0 0 2px #25408f1a}button{padding:.5rem 1rem;border:none;border-radius:4px;cursor:pointer;font-size:1rem;transition:all .2s;background-color:var(--button-primary-bg);color:#fff}button:hover{background-color:var(--button-primary-hover)}button.secondary{background-color:var(--button-secondary-bg)}button.secondary:hover{background-color:var(--button-secondary-hover)}