:root{--color-admin: #ff9100;--color-dev: #52d831}.tools-do{border:3px dashed;border-radius:5px;display:inline-block;padding:4px}.admin.tools-do{background-color:color-mix(in srgb, var(--color-admin) 20%, transparent);border-color:var(--color-admin)}.dev.tools-do{background-color:color-mix(in srgb, var(--color-dev) 20%, transparent);border-color:var(--color-dev)}:root{--copper: #B97542;--butterscotch: #D6924A;--chili-red: #E0432A;--seal-brown: #6A2D14;--coffee: #614C33;--coffee-2: #805B4D;--brown-sugar: #B47662;--russet: #81522A;--bistre: #3D2516;--chestnut: #A0422C;--dark-purple: #322946;--ultra-violet: #676482;--wenge: #5F5051;--champagne-pink: #F9DCCC;--thistle: #D6BEC6;--lion: #C2967C;--rose-taupe: #A4696D;--wine: #643639}@font-face{font-family:"Ohno Softie";src:url("/assets/OhnoSoftieDemo-Regular-d2bf4a3e.otf") format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:"Ohno Softie";src:url("/assets/OhnoSoftieDemo-Medium-98c8c746.otf") format("opentype");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:"Ohno Softie";src:url("/assets/OhnoSoftieDemo-Bold-f8bea125.otf") format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:"Ohno Softie";src:url("/assets/OhnoSoftieDemo-Black-c4f18c14.otf") format("opentype");font-weight:900;font-style:normal;font-display:swap}@font-face{font-family:"Jua";src:url("/assets/Jua-Regular-7bf5bec1.ttf") format("truetype");font-weight:normal;font-style:normal;font-display:swap}:root{--font-family-jua: "Ohno Softie", "Jua", cursive, sans-serif;--font-family-sans: "Ohno Softie", "Lato", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Open Sans", "Helvetica Neue", sans-serif;--line-height-headers: 1.1;--line-height-body: 1.5;--font-size-xs: 0.75rem;--font-size-s: 0.875rem;--font-size-m: 1rem;--font-size-l: 1.125rem;--font-size-xl: 1.25rem;--font-size-xxl: 1.5rem;--font-size-xxxl: 2rem;--font-size-xxxxl: 2.5rem;--color-text-header: var(--wine);--color-text-body: var(--seal-brown);--color-text-muted: var(--wenge);--color-bg: var(--champagne-pink);--color-bg-2: var(--lion);--color-red-500: var(--wine);--color-red-400: var(--rose-taupe);--color-red-300: var(--thistle);--color-yellow-500: var(--butterscotch);--color-yellow-450: var(--copper);--color-yellow-400: var(--lion);--color-brown-700: var(--bistre);--color-brown-600: var(--seal-brown);--color-brown-500: var(--coffee);--color-brown-400: var(--russet);--color-tan-400: var(--lion);--color-tan-300: var(--champagne-pink);--color-pink-400: var(--thistle);--color-chili: var(--chili-red);--color-brown-hover: color-mix(in srgb, var(--coffee) 30%, transparent);--color-brown-hover-focus: color-mix(in srgb, var(--coffee) 45%, transparent);--shadow: 0px 0px 2px 1px hsla(0, 0%, 0%, 0.25);--shadow-inset: inset 0px 0px 2px 1px hsla(0, 0%, 0%, 0.25);--border-radius: 0.8rem;--space-xxxs: 0.25rem;--space-xxs: 0.375rem;--space-xs: 0.5rem;--space-s: 0.75rem;--space-m: 1rem;--space-l: 1.5rem;--space-xl: 2rem;--space-xxl: 2.5rem;--space-xxxl: 3rem;--space-xxxxl: 4rem}*{margin:0;padding:0;box-sizing:border-box;font-family:var(--font-family-jua)}body{margin:0;color:var(--color-text-body);background-color:var(--color-bg)}main{min-height:100vh}body.signed-in{background-image:url("/assets/mask/pattern-867a32b4.webp");background-repeat:no-repeat;background-size:cover;background-position:center;background-attachment:fixed;background-color:var(--color-bg-2)}body.signed-in main{margin-left:320px}.container{width:100%;max-width:1200px;margin:0 auto;padding:0 var(--space-l)}@media(max-width: 768px){.container{padding:0 var(--space-m)}}.projects-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xl);flex-wrap:wrap;gap:var(--space-m)}.projects-header .header-content h1{font-family:var(--font-family-jua);font-size:var(--font-size-xxxl);color:var(--color-text-header);margin:0 0 var(--space-xs)}.projects-header .header-content p{font-family:var(--font-family-sans);font-size:var(--font-size-l);color:var(--color-text-muted);margin:0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill, minmax(320px, 1fr));gap:var(--space-xl);margin-bottom:var(--space-xxl)}@media(max-width: 768px){.projects-grid{grid-template-columns:1fr;gap:var(--space-l)}}.empty-state{text-align:center;padding:var(--space-xxxxl) var(--space-xl)}.empty-state h3{font-family:var(--font-family-jua);font-size:var(--font-size-xxl);color:var(--color-text-header);margin:0 0 var(--space-m)}.empty-state p{font-family:var(--font-family-sans);font-size:var(--font-size-l);color:var(--color-text-muted);margin:0 0 var(--space-xl)}.alert{padding:var(--space-m);margin:var(--space-m);border-radius:var(--border-radius);border:1px solid}.alert.alert-success{background-color:hsla(105,44%,35%,.15);border-color:var(--color-green-400);color:var(--color-green-500)}.alert.alert-error{background-color:hsla(356,49%,43%,.15);border-color:var(--color-red-400);color:var(--color-red-500)}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-bg);padding:var(--space-xxs) var(--space-m);border-radius:var(--border-radius);background-origin:border-box;background-color:rgba(0,0,0,0);border:solid 5px rgba(0,0,0,0);text-decoration:none;cursor:pointer;outline:none;transition:filter 400ms,color 200ms;font-family:var(--font-family-jua);font-size:var(--font-size-m)}.btn[type=submit]{appearance:none;-webkit-appearance:none}.btn svg{width:1.25rem;height:1.25rem;flex-shrink:0}.btn:hover,.btn:focus,.btn:focus-within,.btn:active{transition:filter 250ms,color 200ms}.btn--red{--btn-bg: var(--color-red-400);--btn-bg-dark: var(--color-red-500);background-color:var(--color-red-500);border-color:var(--color-red-400)}.btn--red:hover{filter:brightness(1.1)}.btn--red:active{filter:brightness(0.95)}.btn--green{--btn-bg: var(--color-green-400);--btn-bg-dark: var(--color-green-500);background-color:var(--color-green-500);border-color:var(--color-green-400)}.btn--green:hover{filter:brightness(1.1)}.btn--green:active{filter:brightness(0.95)}.btn--blue{--btn-bg: var(--color-blue-400);--btn-bg-dark: var(--color-blue-500);background-color:var(--color-blue-500);border-color:var(--color-blue-400)}.btn--blue:hover{filter:brightness(1.1)}.btn--blue:active{filter:brightness(0.95)}.btn--yellow{--btn-bg: var(--color-yellow-400);--btn-bg-dark: var(--color-yellow-500);background-color:var(--color-yellow-500);border-color:var(--color-yellow-400)}.btn--yellow:hover{filter:brightness(1.1)}.btn--yellow:active{filter:brightness(0.95)}.btn--striped{padding:.625rem;border:none;border-radius:.5rem;font-family:inherit;background-color:var(--btn-bg);background-image:url("/assets/striped-btn-bg-b526afce.svg");background-repeat:no-repeat;background-position:calc(50% - 2px) 50%;background-size:cover}.btn--striped div{background:var(--btn-bg-dark, var(--color-red-500));color:#fff;box-shadow:var(--shadow);border-radius:5px;padding:4px 25px;display:flex;align-items:center;gap:12px}.btn--striped div img{filter:invert(1)}.form-container{max-width:800px;margin:0 auto;padding:var(--space-xl);background-color:var(--color-bg);border-radius:var(--border-radius);border:solid 5px var(--color-brown-500);box-shadow:0 4px 8px rgba(0,0,0,.1),0 8px 16px rgba(0,0,0,.05)}.form-header{margin-bottom:var(--space-xl)}.form-header h1{font-family:var(--font-family-jua);font-size:var(--font-size-xxxl);color:var(--color-text-header);margin:0 0 var(--space-xs)}.form-header p{font-family:var(--font-family-sans);font-size:var(--font-size-m);color:var(--color-text-muted);margin:0}.form-group{margin-bottom:var(--space-l)}.form-group label{display:block;font-family:var(--font-family-jua);font-size:var(--font-size-m);color:var(--color-text-header);margin-bottom:var(--space-xs);font-weight:normal}.form-group .form-help-text{font-family:var(--font-family-sans);font-size:var(--font-size-s);color:var(--color-text-muted);margin-top:var(--space-xxs);line-height:var(--line-height-body)}.form-field{display:block;width:100%;padding:var(--space-s) var(--space-m);border-radius:var(--border-radius);border:solid 2px var(--color-brown-500);font-family:var(--font-family-jua);font-size:var(--font-size-m);color:var(--color-text-body);background-color:var(--color-bg);outline:none;transition:border-color 200ms,box-shadow 200ms}.form-field::placeholder{color:var(--color-text-muted);opacity:.7}.form-field:focus{border-color:var(--color-brown-400);box-shadow:0 0 0 3px rgba(7,76.5,94.35,.1)}.form-field--textarea{min-height:120px;resize:vertical;font-family:var(--font-family-jua);line-height:var(--line-height-body)}.file-upload-area{position:relative;display:flex;align-items:center;justify-content:center;min-height:200px;padding:var(--space-xl);border:dashed 3px var(--color-brown-500);border-radius:var(--border-radius);background-color:var(--color-bg);cursor:pointer;transition:border-color 200ms,background-color 200ms}.file-upload-area:hover,.file-upload-area.dragover{border-color:var(--color-brown-400);background-color:hsla(7,30%,37%,.02)}.file-upload-area.has-file{border-style:solid;border-color:var(--color-brown-400)}.file-upload-area input[type=file]{position:absolute;width:100%;height:100%;opacity:0;cursor:pointer;top:0;left:0}.file-upload-area .file-upload-content{text-align:center;pointer-events:none;z-index:1}.file-upload-area .file-upload-content .file-upload-text{font-family:var(--font-family-jua);font-size:var(--font-size-l);color:var(--color-text-muted)}.file-upload-area .file-upload-content .file-upload-preview{margin-top:var(--space-m);max-width:100%;max-height:300px;border-radius:var(--border-radius);border:solid 2px var(--color-brown-500)}.form-checkbox{display:flex;align-items:flex-start;gap:var(--space-s);margin-bottom:var(--space-l)}.form-checkbox input[type=checkbox]{width:1.25rem;height:1.25rem;margin-top:.125rem;cursor:pointer;accent-color:var(--color-brown-500);flex-shrink:0}.form-checkbox label{font-family:var(--font-family-sans);font-size:var(--font-size-m);color:var(--color-text-body);line-height:var(--line-height-body);cursor:pointer;margin:0}.form-actions{display:flex;gap:var(--space-m);justify-content:flex-end;margin-top:var(--space-xxl);padding-top:var(--space-l);border-top:solid 2px var(--color-brown-500)}@media(max-width: 768px){.form-actions{flex-direction:column-reverse}.form-actions .btn{width:100%;justify-content:center}}.form-errors{margin-bottom:var(--space-l);padding:var(--space-m);background-color:rgba(255,124.95,109.65,.1);border:solid 2px var(--color-red-500);border-radius:var(--border-radius)}.form-errors h3{font-family:var(--font-family-jua);font-size:var(--font-size-m);color:var(--color-red-500);margin:0 0 var(--space-xs)}.form-errors ul{margin:0;padding-left:var(--space-l);font-family:var(--font-family-sans);font-size:var(--font-size-s);color:var(--color-red-500)}.field-with-errors .form-field{border-color:var(--color-red-500)}.field-with-errors .form-field:focus{border-color:var(--color-red-400);box-shadow:0 0 0 3px rgba(255,124.95,109.65,.1)}.field-with-errors .field-error{display:block;margin-top:var(--space-xxs);font-family:var(--font-family-sans);font-size:var(--font-size-s);color:var(--color-red-500)}.input{position:relative;display:inline-flex;flex-direction:column;gap:var(--space-xxs);padding:var(--space-s) var(--space-s) var(--space-s);overflow:visible}.input::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius);background-image:url("/assets/mask/title-54f351a5.webp");background-repeat:no-repeat;background-size:cover;background-position:center;z-index:1;pointer-events:none}.input__label{position:absolute;top:0;left:0;transform:translateY(-70%);color:var(--color-bg);font-size:var(--font-size-xl);padding:var(--space-xs) var(--space-l);border-top-left-radius:calc(var(--border-radius)*.8);border-top-right-radius:calc(var(--border-radius)*.8);pointer-events:none;background-image:url("/assets/mask/title-54f351a5.webp");background-repeat:no-repeat;background-size:cover;background-position:center}.input__field{padding:var(--space-s) var(--space-s);border-radius:calc(var(--border-radius)*.8);border:none;background-color:var(--color-bg);font-size:var(--font-size-m);color:var(--color-text-body);outline:none;box-shadow:0 0 0 0px rgba(0,0,0,0);transition:box-shadow .2s ease;position:relative;z-index:2}.input__field::placeholder{color:var(--color-text-muted);opacity:.75}.input__subtitle{position:absolute;bottom:0;left:0;right:0;transform:translateY(calc(100% - var(--space-m)));padding:var(--space-m) var(--space-s) var(--space-xs);border-radius:var(--border-radius);font-size:var(--font-size-s);z-index:0}.input--red::before{background-color:var(--color-red-400)}.input--red .input__label{background-color:var(--color-red-400)}.input--red .input__subtitle{background-color:var(--color-red-300);color:var(--color-red-600)}.input--red .input__field:focus{box-shadow:0 0 0 3px var(--color-red-500)}.input--red .input__field::placeholder{color:var(--color-red-500);opacity:.75}.input--blue::before{background-color:var(--color-blue-400)}.input--blue .input__label{background-color:var(--color-blue-400)}.input--blue .input__subtitle{background-color:var(--color-blue-300);color:var(--color-blue-600)}.input--blue .input__field:focus{box-shadow:0 0 0 3px var(--color-blue-500)}.input--blue .input__field::placeholder{color:var(--color-blue-500);opacity:.75}.input--green::before{background-color:var(--color-green-400)}.input--green .input__label{background-color:var(--color-green-400)}.input--green .input__subtitle{background-color:var(--color-green-300);color:var(--color-green-600)}.input--green .input__field:focus{box-shadow:0 0 0 3px var(--color-green-500)}.input--green .input__field::placeholder{color:var(--color-green-500);opacity:.75}.input--yellow::before{background-color:var(--color-yellow-450)}.input--yellow .input__label{background-color:var(--color-yellow-450)}.input--yellow .input__subtitle{background-color:var(--color-yellow-400);color:var(--color-yellow-600)}.input--yellow .input__field:focus{box-shadow:0 0 0 3px var(--color-yellow-500)}.input--yellow .input__field::placeholder{color:var(--color-yellow-500);opacity:.75}.project-card{background-color:var(--color-brown-500);border:14px solid var(--color-brown-400);border-radius:calc(var(--border-radius)*1.8);background-clip:padding-box;display:flex;flex-direction:column;min-height:100%;overflow:hidden;background-image:url("/assets/mask/project-card-bd9acd6b.webp");background-repeat:no-repeat;background-size:contain;background-position:center}.project-card:hover,.project-card:focus-within{transform:translateY(-4px)}.project-card__banner{padding:var(--space-s) var(--space-m) 0}.project-card__banner-frame{display:block;width:100%;aspect-ratio:16/9;border-radius:calc(var(--border-radius)*.9);overflow:hidden;outline:none;background-color:var(--color-brown-400)}.project-card__banner-frame--placeholder{display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg, hsla(23, 34%, 51%, 0.6), hsla(7, 30%, 37%, 0.6))}.project-card__banner-image{height:100%;width:100%;object-fit:cover;display:block}.project-card__banner-placeholder{display:flex;align-items:center;justify-content:center;width:100%;height:100%;padding:var(--space-l);text-align:center}.project-card__banner-placeholder-text{color:var(--color-bg);font-size:var(--font-size-l);letter-spacing:.02em}.project-card__content{display:flex;flex-direction:column;color:var(--color-tan-400);gap:var(--space-s);padding:var(--space-l);font-size:var(--font-size-xl)}.project-card__title{margin:0;font-size:var(--font-size-xxl);line-height:var(--line-height-headers)}.project-card__title-link{color:var(--color-bg);text-decoration:none;transition:text-decoration 120ms ease}.project-card__title-link:hover,.project-card__title-link:focus-visible{text-decoration:underline}.sidebar{position:fixed;top:0;left:0;width:300px;height:100vh;padding:var(--space-xl) var(--space-l) var(--space-l);display:flex;flex-direction:column;gap:var(--space-l);z-index:10}.sidebar__blob{flex:1;padding:var(--space-xl) var(--space-l);border-radius:var(--border-radius);display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;background-color:var(--color-blue-400);background-image:linear-gradient(rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.05) 75%, rgba(255, 255, 255, 0.05)),linear-gradient(90deg, rgba(255, 255, 255, 0.05) 25%, transparent 25%, transparent 75%, rgba(255, 255, 255, 0.05) 75%, rgba(255, 255, 255, 0.05));background-size:100px 100px,100px 100px}.sidebar__nav-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-xs)}.sidebar__nav-link{position:relative;display:inline-flex;align-items:center;gap:var(--space-s);padding:var(--space-xs) var(--space-m);padding-inline-start:var(--space-xxxs);color:var(--color-bg);font-size:var(--font-size-xxxl);text-decoration:none;width:100%;border-radius:calc(var(--border-radius)/1.5);z-index:0}.sidebar__nav-link--active{color:var(--color-bg)}.sidebar__nav-link--active::before{content:"";position:absolute;top:0;bottom:0;left:50%;width:130%;transform:translateX(-50%);z-index:-1;background-color:var(--color-blue-500);background-image:url("/assets/mask/sidebar-active-4673ec9f.webp");background-repeat:no-repeat;background-size:cover;background-position:center;border-radius:calc(var(--border-radius)/1.5)}.sidebar__nav-icon{width:1.25em;height:1.25em;color:inherit !important;flex-shrink:0}.sidebar__nav-icon-wrapper{--sidebar-icon-size: 3.4rem;display:grid;place-items:center;inline-size:var(--sidebar-icon-size);aspect-ratio:1/1;border-radius:50%;flex-shrink:0;background:rgba(0,0,0,0)}.sidebar__nav-link--active .sidebar__nav-icon-wrapper{background:var(--color-blue-600)}.sidebar__nav-label{line-height:1}.sidebar__user{display:flex;flex-direction:column;gap:var(--space-m);margin-top:auto}.sidebar__user-placeholder{padding:var(--space-l);border-radius:calc(var(--border-radius)/1.2);background:hsla(204,44%,52%,.25);text-align:center}.sidebar__user-placeholder-text{font-size:var(--font-size-l);opacity:.85}@media(max-width: 960px){.sidebar{position:static;width:auto;height:auto}body.signed-in main{margin-left:0}}.ui-heading{display:flex;flex-direction:column;align-items:center;text-align:center;gap:var(--space-xs)}.ui-heading--red .ui-heading__surface{background-color:var(--color-red-500)}.ui-heading--red .ui-heading__backdrop{background-color:var(--color-red-400)}.ui-heading--green .ui-heading__surface{background-color:var(--color-green-500)}.ui-heading--green .ui-heading__backdrop{background-color:var(--color-green-400)}.ui-heading--blue .ui-heading__surface{background-color:var(--color-blue-500)}.ui-heading--blue .ui-heading__backdrop{background-color:var(--color-blue-400)}.ui-heading__stack{position:relative;display:inline-flex;justify-content:center;padding-inline:var(--space-s)}.ui-heading__backdrop{position:absolute;left:50%;bottom:calc(var(--space-xxs)*-1);transform:translateX(-50%);width:calc(86% - var(--space-xs));height:125%;background-color:var(--color-brown-400);border-radius:var(--border-radius);z-index:0}.ui-heading__surface{position:relative;display:inline-flex;align-items:center;justify-content:center;min-height:3.5rem;padding:var(--space-xs) var(--space-xl);background-color:var(--color-brown-500);color:var(--color-bg);border-radius:calc(var(--border-radius)*.8);background-image:url("/assets/mask/title-54f351a5.webp");background-repeat:no-repeat;background-size:cover;background-position:center;z-index:1}.ui-heading__title{margin:0;font-size:var(--font-size-xxl);font-weight:400}.projects-board{display:flex;flex-direction:column;gap:var(--space-xl);padding:var(--space-xl)}.projects-board__header{display:flex;justify-content:space-between;align-items:center}.projects-board__heading{display:flex;flex-direction:column;gap:var(--space-xxs)}.projects-board__title{margin:0;font-family:var(--font-family-jua);font-size:var(--font-size-xxxxl);color:var(--color-brown-700);line-height:var(--line-height-headers)}.projects-board__subtitle{margin:0;font-family:var(--font-family-sans);font-size:var(--font-size-l);color:var(--color-brown-600)}.projects-board__grid{display:flex;flex-wrap:wrap;gap:var(--space-xl);justify-content:flex-start}.projects-board__grid-item{display:flex;flex:1 1 100%;max-width:100%}@media(min-width: 640px){.projects-board__grid-item{flex:0 1 22rem;max-width:22.5rem}}@media(min-width: 1024px){.projects-board__grid-item{flex:0 1 30rem;max-width:30.5rem}}@media(min-width: 1536px){.projects-board__grid-item{flex:0 1 37rem;max-width:37.5rem}}.projects-board__grid-item--create{align-items:stretch}.projects-board__create-card{position:relative;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-s);width:100%;min-height:23rem;border-radius:calc(var(--border-radius)*1.8);background-color:hsla(7,30%,37%,.3);color:var(--color-brown-500);font-family:var(--font-family-jua);font-size:var(--font-size-xl);text-decoration:none;overflow:hidden;transition:transform .2s ease}.projects-board__create-card:hover,.projects-board__create-card:focus-visible{transform:translateY(-3px)}.projects-board__create-card::before{content:"";position:absolute;inset:0;background:url("/assets/mask/create-project-3d0e5eb5.webp") center/100% 100% no-repeat;pointer-events:none}.projects-board__create-icon{width:3rem;height:3rem;color:var(--color-brown-600);flex-shrink:0;display:block}.projects-board__create-label{letter-spacing:.02em}