:root{--color-page:#faf7f2;--color-surface:#fff;--color-ink:#2b2118;--color-ink-soft:#6b5d4f;--color-line:#e6ddd0;--color-accent:#1f7a5c;--color-accent-strong:#17604a;--color-accent-soft:#e3f2ec;--color-problem:#a3271f;--color-problem-soft:#fbe9e7;--radius:14px;--shadow:0 2px 10px #2b211814;--space:1rem;--font:system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--bar-height:4rem}*,:before,:after{box-sizing:border-box}html{font-size:17px}body{background:var(--color-page);color:var(--color-ink);font-family:var(--font);margin:0;line-height:1.5}h1{margin:0;font-size:1.35rem;line-height:1.2}h2{margin:0 0 var(--space);font-size:1.15rem}p{margin:0 0 var(--space)}a{color:var(--color-accent)}.page{max-width:1200px;padding:calc(var(--space) * 1.5) var(--space) calc(var(--space) * 3);margin:0 auto}.page-narrow{max-width:36rem}.card{background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);box-shadow:var(--shadow);padding:calc(var(--space) * 1.25);margin:0 0 calc(var(--space) * 1.25)}.landing-card{margin-top:calc(var(--space) * 3);text-align:center;padding:calc(var(--space) * 2)}.landing-card h1{margin-bottom:var(--space);color:var(--color-accent-strong)}#root{isolation:isolate;display:flow-root;position:relative}#root:before{content:"";z-index:-1;height:var(--bar-height);background:var(--color-surface);border-bottom:1px solid var(--color-line);box-shadow:var(--shadow);position:absolute;inset:0 0 auto}.page>h1:first-child{height:var(--bar-height);margin:calc(var(--space) * -1.5) 0 calc(var(--space) * 1.5);color:var(--color-accent-strong);align-items:center;display:flex;position:relative}.page-narrow>h1:first-child{margin-bottom:calc(var(--space) * 1.5)}.login-bar{height:var(--bar-height);max-width:1200px;padding:0 var(--space);justify-content:flex-end;align-items:center;gap:var(--space);color:var(--color-ink-soft);pointer-events:none;z-index:1;margin:0 auto;display:flex;position:absolute;top:0;left:0;right:0}.login-bar>*{pointer-events:auto}button,.button{min-height:44px;font:inherit;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);cursor:pointer;justify-content:center;align-items:center;padding:.5rem 1.1rem;font-weight:600;text-decoration:none;transition:background-color .12s,border-color .12s;display:inline-flex}button:hover:not(:disabled),.button:hover{background:var(--color-accent-soft);border-color:var(--color-accent)}button.primary,.button.primary{color:#fff;background:var(--color-accent);border-color:var(--color-accent)}button.primary:hover:not(:disabled),.button.primary:hover{background:var(--color-accent-strong);border-color:var(--color-accent-strong)}button.stop:enabled{color:#fff;background:var(--color-problem);border-color:var(--color-problem)}button.stop:hover:not(:disabled){background:var(--color-problem);border-color:var(--color-problem);filter:brightness(.9)}button:disabled{color:var(--color-ink-soft);background:var(--color-page);border-color:var(--color-line);opacity:.65;cursor:not-allowed}:focus-visible{outline:3px solid var(--color-accent);outline-offset:3px}.field{margin:0 0 var(--space);flex-direction:column;gap:.3rem;font-weight:600;display:flex}input[type=text],input:not([type]),input[type=email],input[type=password],select,textarea{width:100%;min-height:44px;font:inherit;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);padding:.55rem .8rem;font-weight:400}select{width:auto}.field select{width:100%}input:focus,select:focus,textarea:focus{border-color:var(--color-accent)}input::placeholder,textarea::placeholder{color:var(--color-ink-soft)}input[type=range]{width:100%;accent-color:var(--color-accent)}input[type=checkbox]{width:1.15rem;height:1.15rem;accent-color:var(--color-accent);vertical-align:middle}input[type=file]{font:inherit;max-width:100%;font-weight:400}input[type=file]::file-selector-button{min-height:44px;font:inherit;color:var(--color-ink);background:var(--color-surface);border:1px solid var(--color-line);border-radius:var(--radius);cursor:pointer;margin-right:.75rem;padding:.5rem 1.1rem;font-weight:600}input[type=file]:disabled::file-selector-button{opacity:.65;cursor:not-allowed}.status,.problem{border-radius:var(--radius);padding:.65rem 1rem;font-weight:600}.status{color:var(--color-accent-strong);background:var(--color-accent-soft);border:1px solid var(--color-accent);border-left-width:6px}.problem{color:var(--color-problem);background:var(--color-problem-soft);border:1px solid var(--color-problem);border-left-width:6px}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}