:root{--info:oklch(82.91% .0982 236.93);--danger:oklch(74.45% .155 21.5);--warning:oklch(83.96% .1344 73.34);--success:oklch(90.09% .1848 147.85);--surface:oklch(18.22% 0 0);--surface-secondary:oklch(34.46% 0 0);--text:oklch(100% 0 0);--primary:oklch(77.73% .1377 4.78);--secondary:oklch(89.65% .1346 140.14);--accent:oklch(71.86% .087 224.61);--disabled:#6c757d;--enabled:#007bff;--hover:#17a2b8;--button-primary-bg:var(--primary);--button-primary-text:oklch(2% 0 0);--button-primary-hover:oklch(72% .14 4.78);--button-primary-active:oklch(66% .14 4.78);--button-secondary-bg:var(--secondary);--button-secondary-text:oklch(20% 0 0);--button-secondary-hover:oklch(84% .13 140.14);--button-secondary-active:oklch(78% .12 140.14);--button-accent-bg:var(--accent);--button-accent-text:oklch(98% 0 0);--button-accent-hover:oklch(66% .09 224.61);--button-accent-active:oklch(60% .08 224.61);--button-success-bg:var(--success);--button-success-text:oklch(18% 0 0);--button-warning-bg:var(--warning);--button-warning-text:oklch(18% 0 0);--button-danger-bg:var(--danger);--button-danger-text:oklch(98% 0 0);--button-info-bg:var(--info);--button-info-text:oklch(18% 0 0);--button-disabled-bg:oklch(32% 0 0);--button-disabled-text:oklch(60% 0 0);--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--mono);letter-spacing:.18px;color:var(--text);background:var(--surface);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (width<=1024px){:root{font-size:16px}}*{box-sizing:border-box;color:var(--text);font-family:var(--mono)}body{background:var(--surface);color:var(--text);place-items:center;min-height:100vh;margin:0;display:grid}body div#app{box-sizing:border-box;text-align:center;flex-direction:column;max-width:100%;min-height:100svh;margin:0 auto;display:flex}body div#app div#container{width:min(800px,92vw)}body div#app div#container a{color:var(--secondary);font-weight:bolder}body div#app div#container span.info{color:var(--warning);font-size:smaller}body div#app div#container h1#app-heading{color:var(--primary);margin-bottom:1em}body div#app div#container form#project-form fieldset{background-color:var(--surface-secondary);border-color:var(--warning);text-align:start;margin-bottom:1em;padding:2em}body div#app div#container form#project-form fieldset legend{color:var(--warning);padding:8px;font-size:1.2em;font-weight:600}body div#app div#container form#project-form fieldset div.field label{color:var(--info);font-weight:700}body div#app div#container form#project-form fieldset div.field label.yes{color:var(--success)}body div#app div#container form#project-form fieldset div.field label.no{color:var(--accent)}body div#app div#container form#project-form fieldset div.field label.missing-mandatory{color:var(--danger)}body div#app div#container form#project-form fieldset div.field input[type=checkbox]{margin-left:0}body div#app div#container form#project-form fieldset div.field input[type=text]{background-color:var(--surface);border:none;padding:.5em}body div#app div#container form#project-form fieldset div.field input[type=text]:is(:focus,:focus-visible){outline:2px solid var(--secondary);border-radius:0}body div#app div#container form#project-form fieldset div.field input.tag-input{background:var(--surface);border:none;flex:1;min-width:140px;margin-block:.25em;padding:.5em}body div#app div#container form#project-form fieldset div.field div.tags{flex-wrap:wrap;gap:.5rem;padding-block:.5rem;display:flex}body div#app div#container form#project-form fieldset div.field div.tags span.tag{background:var(--disabled);justify-content:space-between;align-items:center;gap:.35rem;padding:.3em;padding-inline:.6em;display:inline-flex}body div#app div#container form#project-form fieldset div.field div.tags span.tag button.remove-input{color:var(--danger);cursor:pointer;background:0 0;border:none;padding:0;font-size:1rem;font-weight:900}body div#app div#container button.submit{background:var(--button-primary-bg);color:var(--button-primary-text);cursor:pointer;border:none;margin-top:2em;padding:10px 18px;font-size:15px}body div#app div#container button.submit:hover{background:var(--button-primary-hover);color:var(--button-primary-text)}body div#app div#container button.submit:disabled{background:var(--button-disabled-bg);color:var(--button-disabled-text);cursor:not-allowed}body div#app div#container footer{margin-block:2em}body div#app div#container footer hr{color:var(--danger)}h1{color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}
