*,*:before,*:after{font-family:Roboto Mono,sans-serif;box-sizing:border-box}body,h1,h2,h3,h4,h5,h6,p,blockquote,pre,dl,dd,ol,ul,menu,figure,hr{margin:0}ul,ol{list-style:none}html{scroll-behavior:smooth;font-size:20px;height:100%}body{min-height:100vh;text-rendering:optimizeSpeed;line-height:1.5}a:not([class]){text-decoration-skip-ink:auto}img,picture{max-width:100%;display:block}input,button,textarea,select{font:inherit;background-color:transparent;border:none;margin:0}*::-webkit-scrollbar{width:1px;height:1px}*::-webkit-scrollbar-track{background:transparent}*::-webkit-scrollbar-thumb{border-radius:8px;background:var(--color-dark-charcoal)}*::selection{background-color:var(--color-dark-charcoal);color:var(--color-basic-white)}:root{--color-basic-white: #ffffff;--color-dark-charcoal: #313131;--color-light-gray: #d0d0d0}.container{max-width:1222px;width:100%;padding:0 clamp(.5em,6vw,3.7em);margin:0 auto}body{display:flex;flex-direction:column;height:100vh!important}.canban{flex-grow:1;display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto 1fr;grid-gap:1em;padding:1em;min-height:0}.canban .column{border:1px solid var(--color-light-gray);display:flex;flex-direction:column;justify-content:start;overflow:hidden}.canban .column.soaring-eagle{outline:3px solid var(--color-dark-charcoal)}.canban .column .scroll{display:flex;flex-direction:column;justify-content:start;padding:.25em 1px;flex-grow:1;overflow-y:auto}.canban .column .scroll:empty:after{content:"No tasks";text-align:center;font-size:.6em;padding:2em .5em}.canban .column>.title{font-weight:800;text-align:center;border-bottom:1px solid var(--color-light-gray);margin-left:-.5em;margin-right:-.5em;padding-bottom:.3em;padding-top:.5em}.canban .card-container{display:flex;flex-direction:column;padding:.25em .5em;cursor:pointer}.canban .card-container:after{content:"";height:0;transition:height .3s ease}.canban .card-container.soaring-eagle:after{height:2em}.canban .curtain-modal,.canban .curtain-modal-create{position:absolute;inset:0;background-color:#0000004d;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);display:flex;justify-content:center;align-items:center;opacity:0;transition:opacity .3s ease-in-out}.canban .curtain-modal .modal,.canban .curtain-modal-create .modal{max-width:600px;max-height:600px;width:100%;height:100%;background-color:var(--color-dark-charcoal);flex-grow:1;scale:0;transition:scale .3s ease-in-out;cursor:default;display:flex;flex-direction:column;padding:1.5em;gap:1em}.canban .curtain-modal .modal input,.canban .curtain-modal .modal textarea,.canban .curtain-modal-create .modal input,.canban .curtain-modal-create .modal textarea{border:none;background-color:var(--color-basic-white);margin:0;padding:.5em;font-size:.9em;width:100%}.canban .curtain-modal .modal textarea,.canban .curtain-modal-create .modal textarea{flex-grow:1;resize:none}.canban .curtain-modal .modal button,.canban .curtain-modal-create .modal button{background-color:var(--color-basic-white);color:var(--color-dark-charcoal);padding:.3em 2em;justify-self:center;align-self:center;line-height:1em;font-size:.8em;cursor:pointer}.canban .curtain-modal.show,.canban .curtain-modal-create.show{opacity:1}.canban .curtain-modal.show .modal,.canban .curtain-modal-create.show .modal{scale:1}.canban .curtain-modal.hide,.canban .curtain-modal-create.hide{display:none}.canban .curtain-modal .modal:after{content:"<ESC> - save | <DEL> - delete";font-size:.5em;color:brown;margin-top:-1.5em}.canban .card{background-color:var(--color-dark-charcoal);display:flex;flex-direction:column;gap:.5em;padding:.5em;-webkit-user-select:none;user-select:none;pointer-events:none}.canban .card>:is(.title,.descr,.due-date){color:var(--color-basic-white);line-height:1em}.canban .card>.title{font-weight:600;font-size:.9em;line-height:1.1em}.canban .card>.descr{font-size:.6em;line-height:1.2em}.canban .card>.descr code{background-color:#ffa5004d;padding:0 2px;border-radius:2px}.canban .card>.due-date{font-size:.6em;text-align:right}.canban .card>.due-date:before{content:"deadline: "}.canban .top-panel{grid-column:1/-1;display:flex;gap:1em}.canban .top-panel button{padding:.5em 1em;border:1px solid var(--color-light-gray);cursor:pointer}.canban .top-panel button.active{background-color:var(--color-dark-charcoal);color:var(--color-basic-white)}.canban .top-panel button[disabled]{cursor:not-allowed}.canban .top-panel #search{border:1px solid var(--color-light-gray);padding:.5em 1em;flex-grow:1}