@import url("https://fonts.googleapis.com/css2?family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap");@import url("https://fonts.googleapis.com/css2?family=Inter:ital,opsz,wght@0,14..32,100..900;1,14..32,100..900&family=Merriweather:ital,opsz,wght@0,18..144,300..900;1,18..144,300..900&display=swap");:root{--white:#fff;--black-900:#262626;--os9-lavender:#ccf;--os9-azul:#339;--os9-grey-200:#eee;--os9-grey-300:#ddd;--os9-grey-400:#ccc;--os9-grey-500:#bbb;--os9-grey-600:#999;--os9-grey-700:grey;--os9-grey-800:#666;--sticky-yellow:#ffc;--sticky-yellow-shadow:#e6d84d;--sticky-pink:#ffcce6;--sticky-pink-shadow:#ffb3d9;--sticky-teal:#ccf5f5;--sticky-teal-shadow:#99e6e6;--corners:2rem;--base-unit:1rem;--shadow-sm:3px 3px 8px rgba(0,0,0,.2);--shadow-md:4px 4px 12px rgba(0,0,0,.25);--shadow-lg:6px 6px 16px rgba(0,0,0,.3);--breakpoint-tablet:768px;--font-primary:"Inter","Geneva","Charcoal","Chicago",-apple-system,sans-serif;--font-serif:"Merriweather",serif}*,:after,:before{box-sizing:border-box}:not(dialog){margin:0}@media (prefers-reduced-motion:no-preference){html{interpolate-size:allow-keywords}}body{line-height:1.5;-webkit-font-smoothing:antialiased}canvas,img,picture,svg,video{display:block;max-width:100%}button,input,select,textarea{font:inherit}h1,h2,h3,h4,h5,h6,p{overflow-wrap:break-word}p{text-wrap:pretty}h1,h2,h3,h4,h5,h6{text-wrap:balance}html{background-color:#ccf;background-color:var(--os9-lavender);font-family:Inter,sans-serif;scroll-behavior:smooth}.header{align-items:center;background-color:#ddd;background-color:var(--os9-grey-300);border:1px solid #262626;border:1px solid var(--black-900);border-radius:10px 10px 0 0;box-shadow:0 1px 0 #ccc;box-shadow:0 1px 0 var(--os9-grey-400);justify-content:space-between;max-height:44px;padding:0 1rem;position:fixed;width:100%;z-index:50}.header,.nav{display:flex;flex-direction:row}.logo{display:block;filter:drop-shadow(1px 1px 1px #262626);filter:drop-shadow(1px 1px 1px var(--black-900));float:left;height:20px;width:22px}.logo+.text-bold{margin-left:1rem}.nav-list{display:flex;gap:30px;list-style-type:none;margin:0;padding:0}.nav-list .nav-item{display:flex;flex-direction:row;gap:.5rem}.nav-link{background-color:#ddd;background-color:var(--os9-grey-300);color:#262626;color:var(--black-900);display:block;font-family:Inter,Geneva,Charcoal,Chicago,-apple-system,sans-serif;font-family:var(--font-primary);font-size:1rem;font-weight:600;max-height:44px;padding:.5rem;text-decoration:none}.nav-link:hover{background-color:#bbb;background-color:var(--os9-grey-500);border-radius:6px}.nav-link:focus{outline:2px dashed #339;outline:2px dashed var(--os9-azul);outline-offset:-2px}@media (max-width:768px){.header{align-items:center;display:flex;flex-direction:column;max-height:100px}}.sticky-note{box-shadow:3px 3px 8px rgba(0,0,0,.2);box-shadow:var(--shadow-sm);color:#262626;color:var(--black-900);font-family:Inter,Geneva,Charcoal,Chicago,-apple-system,sans-serif;font-family:var(--font-primary);font-size:.75rem;line-height:1.5;max-width:350px;padding:2rem;transition:box-shadow .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.sticky-note:hover{box-shadow:4px 4px 12px rgba(0,0,0,.25);box-shadow:var(--shadow-md)}.sticky-note.dragging{box-shadow:6px 6px 16px rgba(0,0,0,.3);box-shadow:var(--shadow-lg);z-index:1000}.sticky-note h4{color:#262626;color:var(--black-900);font-family:Inter,Geneva,Charcoal,Chicago,-apple-system,sans-serif;font-family:var(--font-primary);font-size:1rem;font-style:bold;font-weight:600;line-height:1.5;margin-bottom:1rem;margin-bottom:var(--base-unit)}.sticky-note ul{margin:0;padding:0 1rem;padding:0 var(--base-unit)}.sticky-note li{color:#262626;color:var(--black-900);font-family:Inter,Geneva,Charcoal,Chicago,-apple-system,sans-serif;font-family:var(--font-primary);font-size:1rem;font-style:normal;font-weight:400;line-height:1.75;margin:4px 0}@media (min-width:769px){.sticky-note{min-height:150px;min-width:300px}}@media (max-width:768px){.sticky-note{max-width:100%;min-height:120px}}.sticky-yellow{background:#ffc;background:var(--sticky-yellow);box-shadow:3px 3px 8px rgba(0,0,0,.2),inset 0 -4px 0 #e6d84d;box-shadow:var(--shadow-sm),inset 0 -4px 0 var(--sticky-yellow-shadow)}.sticky-yellow:hover{box-shadow:4px 4px 12px rgba(0,0,0,.25),inset 0 -4px 0 #e6d84d;box-shadow:var(--shadow-md),inset 0 -4px 0 var(--sticky-yellow-shadow)}.sticky-yellow.dragging{box-shadow:6px 6px 16px rgba(0,0,0,.3),inset 0 -4px 0 #e6d84d;box-shadow:var(--shadow-lg),inset 0 -4px 0 var(--sticky-yellow-shadow)}.sticky-pink{background:#ffcce6;background:var(--sticky-pink);box-shadow:3px 3px 8px rgba(0,0,0,.2),inset 0 -4px 0 #ffb3d9;box-shadow:var(--shadow-sm),inset 0 -4px 0 var(--sticky-pink-shadow)}.sticky-pink:hover{box-shadow:4px 4px 12px rgba(0,0,0,.25),inset 0 -4px 0 #ffb3d9;box-shadow:var(--shadow-md),inset 0 -4px 0 var(--sticky-pink-shadow)}.sticky-pink.dragging{box-shadow:6px 6px 16px rgba(0,0,0,.3),inset 0 -4px 0 #ffb3d9;box-shadow:var(--shadow-lg),inset 0 -4px 0 var(--sticky-pink-shadow)}.sticky-teal{background:#ccf5f5;background:var(--sticky-teal);box-shadow:3px 3px 8px rgba(0,0,0,.2),inset 0 -4px 0 #99e6e6;box-shadow:var(--shadow-sm),inset 0 -4px 0 var(--sticky-teal-shadow)}.sticky-teal:hover{box-shadow:4px 4px 12px rgba(0,0,0,.25),inset 0 -4px 0 #99e6e6;box-shadow:var(--shadow-md),inset 0 -4px 0 var(--sticky-teal-shadow)}.sticky-teal.dragging{box-shadow:6px 6px 16px rgba(0,0,0,.3),inset 0 -4px 0 #99e6e6;box-shadow:var(--shadow-lg),inset 0 -4px 0 var(--sticky-teal-shadow)}@media (prefers-reduced-motion:reduce){.sticky-note{transition:none}}.sticky-note:not(.open){display:none}.sticky-note.open{display:block}.tabs{background-color:#666;background-color:var(--os9-grey-800);padding-top:1rem}.tab-item{align-items:center;background-color:#eee;background-color:var(--os9-grey-200);border:1px solid #eee;border-top:2px solid #eee;border:1px solid var(--os9-grey-200);border-radius:4px 4px 0 0;border-top:2px solid var(--os9-grey-200);height:44px;margin-left:1.5rem;padding:8px 20px;position:relative}.tab-item:focus{outline:2px dashed #339;outline:2px dashed var(--os9-azul);outline-offset:-2px}.tab-item:before{border-top:44px solid #eee;border-top:44px solid var(--os9-grey-200);left:-20px;transform:rotate(180deg)}.tab-item:after,.tab-item:before{border-right:20px solid transparent;content:"";position:absolute;top:-2px}.tab-item:after{border-bottom:44px solid #eee;border-bottom:44px solid var(--os9-grey-200);right:-20px}.tab-view{background-color:#eee;background-color:var(--os9-grey-200);border-top:2px solid #262626;border-top:2px solid var(--black-900);display:grid;grid-template-columns:1fr 1fr;padding:1rem 2rem;grid-gap:1rem;gap:1rem;margin-top:-2px}@media (max-width:768px){.tab-view{grid-template-columns:1fr}}.os9-scroll-container{background-color:#fff;background-color:var(--white);border:2px solid #666;border:2px solid var(--os9-grey-800);border-radius:4px;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #666;box-shadow:inset 1px 1px 0 var(--white),inset -1px -1px 0 var(--os9-grey-800);max-height:350px;min-width:250px;overflow-x:hidden;overflow-y:scroll;width:100%}.os9-scroll-content{margin:-45px 0 0;padding:1rem 1rem 0;white-space:pre-wrap;word-break:break-word}.os9-scroll-container{scrollbar-color:#339 #ddd;scrollbar-color:var(--os9-azul) var(--os9-grey-300);scrollbar-width:thin}.image{border:2px solid #666;border:2px solid var(--os9-grey-800);border-radius:4px;box-shadow:inset 1px 1px 0 #fff,inset -1px -1px 0 #666;box-shadow:inset 1px 1px 0 var(--white),inset -1px -1px 0 var(--os9-grey-800);margin-bottom:.25rem;margin-top:1.5rem;-o-object-fit:cover;object-fit:cover;width:90%}.text{font-style:normal;font-weight:400}.text,.text-md{color:#262626;color:var(--black-900);font-family:Inter,Geneva,Charcoal,Chicago,-apple-system,sans-serif;font-family:var(--font-primary);font-size:1rem;line-height:1.5}.text-md{font-weight:600}.text-bold{color:#262626;color:var(--black-900);font-family:Inter,Geneva,Charcoal,Chicago,-apple-system,sans-serif;font-family:var(--font-primary);font-size:1rem;font-weight:900;line-height:1.5}.link-btn{background-color:#eee;background-color:var(--os9-grey-200);border:2px solid #262626;border:2px solid var(--black-900);border-radius:4px;cursor:pointer;height:44px;position:relative;transition:border .15s ease-in;width:44px}.link-btn:focus{outline:2px dashed #339;outline:2px dashed var(--os9-azul);outline-offset:2px}.link-btn:hover:before{border-bottom:2px solid #fff;border-bottom:2px solid var(--white);border-left:2px solid #666;border-left:2px solid var(--os9-grey-800);border-right:2px solid #fff;border-right:2px solid var(--white);border-top:2px solid #666;border-top:2px solid var(--os9-grey-800)}.link-btn:hover li{color:#339;color:var(--os9-azul)}.link-btn li{color:#262626;color:var(--black-900);cursor:pointer;display:inline-block;height:100%;padding:.5rem;width:100%}:is(.link-btn li) svg{height:100%;width:100%}:is(.link-btn li):focus{outline:2px dashed #339;outline:2px dashed var(--os9-azul);outline-offset:4px}.link-btn:before{border-bottom:2px solid #666;border-bottom:2px solid var(--os9-grey-800);border-left:2px solid #fff;border-left:2px solid var(--white);border-right:2px solid #666;border-right:2px solid var(--os9-grey-800);border-top:2px solid #fff;border-top:2px solid var(--white);bottom:0;content:"";left:0;position:absolute;right:0;top:0}.btn-list-hz{align-items:center;display:flex;flex-direction:row;gap:.75rem;margin-left:0;margin-top:2rem;padding-left:0}.btn-list-hz li{list-style-type:none}.text-define-list{display:grid;grid-template-columns:auto 1fr;grid-gap:0 1rem;gap:0 1rem;margin:0;padding:0}.text-define-list dt{text-align:left}.text-define-list dd,.text-define-list dt{margin:0;padding:.25rem 0}.window{background-color:#eee;background-color:var( --os9-grey-200);border:2px solid #262626;border:2px solid var(--black-900);max-width:850px}.window-header{align-items:center;background-color:#ccc;background-color:var(--os9-grey-400);border-bottom:2px solid #262626;border-bottom:2px solid var(--black-900);display:flex;flex-direction:row;font-weight:700;justify-content:space-between;min-width:300px;padding:4px}.window-button{background-image:linear-gradient(to bottom right,#9a9a9a,#f1f1f1);border:3px solid #262626;border:3px solid var(--black-900);border-right-width:2px;cursor:pointer;padding:10px;position:relative}.window-button:after{background-image:linear-gradient(to bottom right,#f1f1f1,#9a9a9a);content:"";opacity:0;pointer-events:none;position:absolute;transition:opacity .125s ease-in-out}.window-button:hover:after{opacity:1}.window-button:hover:before{border-bottom:2px solid #fff;border-bottom:2px solid var(--white);border-left:2px solid #666;border-left:2px solid var(--os9-grey-800);border-right:2px solid #fff;border-right:2px solid var(--white);border-top:2px solid #666;border-top:2px solid var(--os9-grey-800)}.window-button:focus{outline:2px dashed #339;outline:2px dashed var(--os9-azul);outline-offset:2px}.window-button:before{border-bottom:2px solid #666;border-bottom:2px solid var(--os9-grey-800);border-left:2px solid #fff;border-left:2px solid var(--white);border-right:2px solid #666;border-right:2px solid var(--os9-grey-800);border-top:2px solid #fff;border-top:2px solid var(--white);bottom:-1px;content:"";left:-1px;position:absolute;right:-1px;top:-2px}.window__button--expanded{border:2px solid #262626;border-bottom:3px solid #666;border:2px solid var(--black-900);border-bottom:3px solid var(--os9-grey-800)}.window__button--expanded:before{background-image:none;border-bottom:2px solid #262626;border-bottom:2px solid var(--black-900);border-left:1px solid transparent;border-right:2px solid #262626;border-right:2px solid var(--black-900);border-top:1px solid transparent;content:"";height:15px;left:-1px;position:absolute;top:-1px;transition:top 75ms ease-in,left 75ms ease-in,border .1s ease-in-out;width:15px}.window__button--expanded:hover:before{border:3px solid transparent;left:calc(100% - 14px);top:calc(100% - 14px)}.window-name{position:relative;text-align:center;width:100%}.window-name:before{background:repeating-linear-gradient(180deg,#666 0,#666 1px,#666 0,#eee 2px,transparent 4px);background:repeating-linear-gradient(to bottom,var(--os9-grey-800) 0,var(--os9-grey-800) 1px,var(--os9-grey-800) 1px,var(--os9-grey-200) 2px,transparent 4px);content:"";height:24px;left:4px;position:absolute;top:0;width:99%}.window-name span{background-color:#ccc;background-color:var(--os9-grey-400);display:inline-block;padding:0 8px;position:relative;z-index:1}:is(.window-name span):before{background-color:#ccc;background-color:var(--os9-grey-400);content:"";height:4px;left:0;position:absolute;top:0;width:100%}:is(.window-name span):after{background-color:#ccc;background-color:var(--os9-grey-400);bottom:-4px;content:"";height:6px;left:0;position:absolute;width:100%}.window-body{border:2px solid #262626;border:2px solid var(--black-900);border-top:2px solid transparent;margin:-2px 4px 4px;position:relative}.window-body:before{background:#ccc;background:var(--os9-grey-400);left:-6px}.window-body:after,.window-body:before{content:" ";display:block;padding:2px;position:absolute;top:-2px}.window-body:after{background-color:#ccc;background-color:var(--os9-grey-400);right:-6px}.window:not(.open){display:none}.window.open{display:block}.window--collapse{display:none;opacity:0;transform:scale(.95);transition:all .3s ease}.window--expanded{height:100%;left:0;max-width:100%;position:fixed;top:44px;z-index:2000}.window--expanded .window-body{height:90%}:is(.window--expanded .window-body) .os9-scroll-container.os9-scroll-container{max-height:100%}#draggable-container{border-bottom:1px solid transparent;border-left:1px solid #262626;border-left:1px solid var(--black-900);border-right:1px solid #262626;border-right:1px solid var(--black-900);border-top:34px solid #262626;border-top:34px solid var(--black-900);min-height:100vh;position:relative;position:fixed;width:100%}.items-wrapper{padding:20px}.items-wrapper.mobile-list{display:flex;flex-direction:column;gap:1rem;gap:var(--base-unit);margin:0 auto;max-width:600px}.items-wrapper.desktop-canvas{min-height:100vh;position:relative}.draggable-item{box-shadow:3px 3px 8px rgba(0,0,0,.2);box-shadow:var(--shadow-sm);cursor:grab;transition:box-shadow .2s ease;-webkit-user-select:none;-moz-user-select:none;user-select:none}.draggable-item:hover{box-shadow:4px 4px 12px rgba(0,0,0,.25);box-shadow:var(--shadow-md)}.draggable-item:focus{outline:3px dashed #339;outline:3px dashed var(--os9-azul);outline-offset:4px;z-index:1000}.draggable-item:focus:not(:focus-visible){outline:none}.draggable-item:focus-visible{outline:3px dashed #339;outline:3px dashed var(--os9-azul);outline-offset:4px}.draggable-item.dragging{box-shadow:6px 6px 16px rgba(0,0,0,.3);box-shadow:var(--shadow-lg);cursor:grabbing;opacity:.8;z-index:1000}.draggable-item.keyboard-dragging{box-shadow:0 0 0 3px #339;box-shadow:0 0 0 3px var(--os9-azul);z-index:1001}@media (min-width:769px){.draggable-item{cursor:grab;position:absolute}.draggable-item.dragging{cursor:grabbing}}@media (max-width:768px){.draggable-item{cursor:default;position:relative;width:100%}#draggable-container{padding-top:1rem;position:relative}}@media (prefers-color-scheme:dark){#draggable-container{background:linear-gradient(135deg,#4a5568,#2d3748)}}@media (prefers-contrast:high){.draggable-item:focus-visible{outline-offset:6px;outline-width:4px}.draggable-item.keyboard-dragging{box-shadow:0 0 0 4px #06c}}@media (prefers-reduced-motion:reduce){.draggable-item{transition:none}}.loading{animation-duration:1s;animation-iteration-count:infinite;animation-name:spin;animation-timing-function:linear;border:4px solid #339;border-color:#339 #339 transparent transparent;border-color:var(--os9-azul) var(--os9-azul) transparent transparent;border-radius:0 100% 0 0;border-style:solid;border-width:4px;height:22px;position:absolute;right:-4px;top:-4px;transform-origin:0 100%;width:22px}@keyframes spin{0%{transform:rotate(0deg)}to{transform:rotate(1turn)}}.dropdown-toggle{background-color:#ddd;background-color:var(--os9-grey-300);border:1px solid #ddd;border:1px solid var(--os9-grey-300);cursor:pointer;max-height:40px;padding:.5rem}.dropdown-toggle:hover{background-color:#ccc;background-color:var(--os9-grey-400);border-radius:6px}.dropdown-toggle:focus{outline:2px dashed #339;outline:2px dashed var(--os9-azul);outline-offset:-2px}.dropdown-toggle:hover+.dropdown-menu{display:block}.dropdown-menu{background-color:#ddd;background-color:var(--os9-grey-300);border:1px solid #ccc;border:1px solid var(--os9-grey-400);box-shadow:0 2px 8px rgba(0,0,0,.15);display:none;left:1.25rem;list-style:none;margin:0;min-width:150px;padding:0;position:absolute;top:40px;z-index:1000}.dropdown-menu:hover{background-color:#bbb;background-color:var(--os9-grey-500);border-radius:6px}.dropdown-menu:focus{outline:2px dashed #339;outline:2px dashed var(--os9-azul);outline-offset:-2px}.dropdown-menu.active,.nav-item:hover .dropdown-menu{display:block}.dropdown-item{align-items:center;background:none;border:none;cursor:pointer;display:flex;flex-direction:row;font:inherit;gap:.5rem;padding:8px 16px;text-align:left;width:100%}.dropdown-item:hover{background-color:#bbb;background-color:var(--os9-grey-500)}.dropdown-item:focus{outline:2px dashed #339;outline:2px dashed var(--os9-azul);outline-offset:-2px}.skip-link{background:#262626;background:var(--black-900);color:#fff;color:var(--white);left:0;padding:8px;position:absolute;top:-40px;z-index:100}.skip-link:focus{outline:2px dashed #339;outline:2px dashed var(--os9-azul);outline-offset:-2px;top:0}.sr-only{height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px;clip:rect(0,0,0,0)}.sr-only:focus{height:auto;overflow:visible;width:auto;clip:auto}