: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)}@font-face{font-family:"Jua";src:url("/assets/Jua-Regular-478d606b.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Sour Gummy";src:url("/assets/SourGummy-Regular-03f23c60.woff2") format("woff2");font-weight:normal;font-style:normal;font-display:swap}@font-face{font-family:"Sour Gummy Bold";src:url("/assets/SourGummy-Bold-d9fb2592.woff2") format("woff2");font-weight:bold;font-style:normal;font-display:swap}:root{--font-family-jua: "Jua", cursive;--font-family-text: "Sour Gummy", sans-serif;--font-family-subtitle: "Sour Gummy Bold", sans-serif;--font-family-sans: "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: hsl(348, 28%, 24%);--color-text-body: hsl(7, 40%, 25%);--color-text-muted: hsl(7, 14%, 37%);--color-bg: hsl(35, 74%, 90%);--color-bg-2: hsl(39, 52%, 80%);--color-red-500: hsl(356, 49%, 43%);--color-red-450: hsl(359, 66%, 69%);--color-red-400: hsl(356, 47%, 52%);--color-red-300: hsl(12, 88%, 80%);--color-green-500: hsl(105, 44%, 35%);--color-green-450: hsl(78, 52%, 57%);--color-green-400: hsl(90, 43%, 46%);--color-green-300: hsl(68, 50%, 71%);--color-blue-600: hsl(218, 44%, 26%);--color-blue-500: hsl(214, 39%, 39%);--color-blue-400: hsl(204, 44%, 52%);--color-blue-300: hsl(193, 52%, 64%);--color-yellow-600: hsl(21, 52%, 35%);--color-yellow-500: hsl(31, 63%, 46%);--color-yellow-450: hsl(36, 70%, 56%);--color-yellow-400: hsl(40, 72%, 67%);--color-yellow-300: hsl(41, 72%, 67%);--color-brown-700: hsl(348, 28%, 24%);--color-brown-600: hsl(8, 30%, 36%);--color-brown-500: hsl(7, 30%, 37%);--color-brown-400: hsl(23, 34%, 51%);--color-tan-400: hsl(30, 46%, 71%);--color-tan-300: hsl(39, 52%, 80%);--color-lime-400: hsl(70, 40%, 68%);--color-pink-400: hsl(12, 66%, 81%);--color-teal-400: hsl(178, 46%, 75%);--color-brown-hover: hsla(7, 30%, 37%, 0.3);--color-brown-hover-focus: hsla(7, 30%, 37%, 0.4);--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);margin-left:320px;margin-right:100px}@media(max-width: 1500px){body.signed-in{margin-left:270px;margin-right:50px}}@media(max-width: 960px){body.signed-in{margin-left:20px;margin-right:20px;margin-bottom:180px}}body.shop-page:not(.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)}.dev-footer{text-align:center;font-size:.75rem;color:#6b7280;opacity:.1;transition:opacity .2s ease;margin-top:3rem;padding:.625rem}.dev-footer:hover{opacity:.9}.dev-footer a{color:inherit;text-decoration:underline}.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-s);margin:var(--space-m);border-radius:calc(1.2*var(--border-radius));display:flex;align-items:center;gap:var(--space-m);box-shadow:var(--shadow);pointer-events:auto;max-width:min(90vw,720px);transition:opacity 180ms ease,transform 180ms ease;background-color:var(--color-green-400);background-image:url("/assets/mask/title-ab194efe.avif");background-repeat:no-repeat;background-size:cover;background-position:center;color:var(--color-bg);font-size:var(--font-size-xl);position:relative}.alert.alert-success{background-color:var(--color-green-400)}.alert.alert-error{background-color:var(--color-red-400)}.alert.alert-info{background-color:var(--color-blue-400)}.alert .alert__icon{display:inline-flex;flex:0 0 auto;color:var(--color-bg)}.alert .alert__icon svg{width:1.1rem;height:1.1rem;fill:currentColor;display:block}.alert .alert__content{flex:1 1 auto}.alert .alert__close{appearance:none;background:rgba(0,0,0,0);border:0;color:var(--color-bg);cursor:pointer;padding:var(--space-xxs);border-radius:var(--border-radius);line-height:0;transition:background-color 120ms ease,color 120ms ease}.alert .alert__close svg{width:.85rem;height:.85rem;fill:currentColor;display:block}.alert .alert__close:hover,.alert .alert__close:focus-visible{background-color:hsla(0,0%,100%,.15);color:var(--color-bg);outline:none}.alert--hiding{opacity:0;transform:translateY(-8px)}.flash-container{position:fixed;top:var(--space-s);left:50%;transform:translateX(-50%);display:flex;flex-direction:column;gap:var(--space-s);z-index:9999;pointer-events:none}.achievement-toast-container{position:fixed;top:var(--space-m);right:var(--space-m);display:flex;flex-direction:column;gap:var(--space-s);z-index:9999;pointer-events:none}.achievement-toast{display:flex;align-items:center;gap:var(--space-m);padding:var(--space-m);background:linear-gradient(135deg, #d4a017 0%, #f4c430 50%, #d4a017 100%);border:2px solid #b8860b;border-radius:calc(1.2*var(--border-radius));box-shadow:var(--shadow),0 0 24px rgba(212,160,23,.5),inset 0 1px 0 hsla(0,0%,100%,.3);pointer-events:auto;max-width:min(90vw,400px);transition:opacity 400ms ease-in,transform 400ms ease-in;position:relative;overflow:hidden;animation:achievement-pop .5s cubic-bezier(0.175, 0.885, 0.32, 1.275) both}.achievement-toast::before{content:"";position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg, transparent 0%, rgba(255, 255, 255, 0.4) 50%, transparent 100%);animation:shimmer 1s ease-out .3s forwards}@keyframes shimmer{0%{left:-100%}100%{left:150%}}@keyframes achievement-pop{0%{opacity:0;transform:translateX(100px)}100%{opacity:1;transform:translateX(0)}}.achievement-toast__icon{width:56px;height:56px;border-radius:50%;background:linear-gradient(145deg, #fff8dc 0%, #f4c430 100%);border:2px solid #b8860b;display:flex;align-items:center;justify-content:center;flex-shrink:0;box-shadow:var(--shadow),inset 0 2px 4px hsla(0,0%,100%,.4)}.achievement-toast__icon-img{max-width:36px;max-height:36px;object-fit:contain}.achievement-toast__icon-img:is(img){image-rendering:pixelated}.achievement-toast__content{display:flex;flex-direction:column;gap:.1rem;flex:1}.achievement-toast__label{font-family:var(--font-family-text);font-size:.75rem;color:#5c4a1f;text-transform:uppercase;letter-spacing:.05em}.achievement-toast__name{font-family:var(--font-family-subtitle);font-size:1.1rem;font-weight:bold;color:#3d2e0a;text-shadow:0 1px 0 hsla(0,0%,100%,.3)}.achievement-toast__description{font-family:var(--font-family-text);font-size:.85rem;color:#5c4a1f}.achievement-toast__reward{font-family:var(--font-family-subtitle);font-size:.9rem;color:#3d2e0a;margin-top:.25rem}.achievement-toast__link{display:flex;align-items:center;gap:var(--space-m);text-decoration:none;color:inherit;flex:1}.achievement-toast__link:hover,.achievement-toast__link:focus{text-decoration:none}.achievement-toast__close{position:absolute;top:var(--space-xs);right:var(--space-xs);appearance:none;background:rgba(0,0,0,0);border:0;color:#5c4a1f;cursor:pointer;padding:var(--space-xxs);border-radius:var(--border-radius);line-height:0;transition:background-color 120ms ease;z-index:1}.achievement-toast__close svg{width:.75rem;height:.75rem;fill:currentColor;display:block}.achievement-toast__close:hover,.achievement-toast__close:focus-visible{background-color:rgba(0,0,0,.1);outline:none}.achievement-toast.alert--hiding{opacity:0;transform:translateY(-10px)}.achievement-toast:nth-child(2){animation-delay:.2s}.achievement-toast:nth-child(3){animation-delay:.4s}.achievement-toast:nth-child(4){animation-delay:.6s}.achievement-toast:nth-child(5){animation-delay:.8s}.btn{display:inline-flex;align-items:center;gap:var(--space-xs);color:var(--color-bg);padding:var(--space-xxs) var(--space-m);border-radius:calc(.6*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;transition:filter 400ms,color 200ms;font-size:var(--font-size-xl)}.btn[type=submit]{appearance:none;-webkit-appearance:none}.btn svg{width:1.25rem;height:1.25rem;flex-shrink:0;color:inherit !important;fill:currentColor}.btn:hover,.btn:focus,.btn:focus-within,.btn:active{transition:filter 250ms,color 200ms}.btn:focus-visible{outline:4px solid var(--btn-focus-ring, var(--color-red-500));outline-offset:2px}.btn--red{--btn-bg: var(--color-red-400);--btn-bg-dark: var(--color-red-500);--btn-focus-ring: 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);--btn-focus-ring: 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);--btn-focus-ring: 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--brown{--btn-bg: var(--color-brown-700);--btn-bg-dark: var(--color-brown-700);--btn-focus-ring: var(--color-brown-700);background-color:var(--color-brown-700);border-color:var(--color-brown-400)}.btn--brown:hover{filter:brightness(1.1)}.btn--brown:active{filter:brightness(0.95)}.btn--bg_yellow{--btn-bg: var(--color-bg);--btn-bg-dark: var(--color-brown-700);--btn-focus-ring: var(--color-brown-400);background-color:var(--color-bg);border-color:var(--color-brown-400);color:var(--color-red-500)}.btn--bg_yellow:hover{filter:brightness(0.9)}.btn--bg_yellow:active{filter:brightness(0.95)}.btn--striped{padding:.5rem;border:none;border-radius:.5rem;font-family:inherit;background-color:var(--btn-bg);background-image:url("/assets/mask/stripped-edc1c75d.webp");background-repeat: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)}.btn--striped div svg{color:inherit !important;fill:currentColor}.btn--borderless{border:none}.btn--lg{padding:var(--space-l) var(--space-xxl)}.btn--lg.btn--striped div{padding:var(--space-m) var(--space-xl)}.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)}.settings-form__title{margin-bottom:var(--space-l);border-radius:var(--border-radius)}.settings-form__field{margin-bottom:var(--space-l)}.settings-form__checkbox{display:flex;align-items:center;gap:var(--space-s);cursor:pointer}.settings-form__checkbox input[type=checkbox]{width:1.5rem;height:1.5rem;cursor:pointer;accent-color:var(--color-brown-500);flex-shrink:0}.settings-form__checkbox span{font-family:var(--font-family-subtitle);font-size:var(--font-size-l);color:var(--color-text-body)}.settings-form__hint{display:block;margin-top:var(--space-xs);margin-left:calc(1.5rem + var(--space-s));font-family:var(--font-family-text);font-size:var(--font-size-s);color:var(--color-text-muted);line-height:var(--line-height-body)}.settings-form__label{display:block;margin-bottom:var(--space-xs);font-family:var(--font-family-subtitle);font-size:var(--font-size-l);color:var(--color-text-header)}.settings-form__input{display:block;width:100%;padding:var(--space-s) var(--space-m);border-radius:calc(var(--border-radius)*.6);border:solid 2px var(--color-brown-500);font-family:var(--font-family-text);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}.settings-form__input::placeholder{color:var(--color-text-muted);opacity:.7}.settings-form__input:focus{border-color:var(--color-brown-400);box-shadow:0 0 0 3px rgba(127,77,60,.15)}.settings-form__field:has(.settings-form__input) .settings-form__hint{margin-left:0}.settings-form__section{margin-top:var(--space-l);padding-top:var(--space-l);border-top:2px solid var(--color-tan-300)}.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-color:var(--input-bg);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-color:var(--input-bg);background-image:url("/assets/mask/title-54f351a5.webp");background-repeat:no-repeat;background-size:cover;background-position:center}.input__field{padding:var(--space-m) var(--space-m);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;width:100%}.input__field:focus{outline:4px solid var(--input-focus-ring);outline-offset:2px}.input__field::placeholder{color:var(--input-placeholder-color, var(--color-text-muted));opacity:.75}.input__field--textarea{min-height:6rem;resize:vertical;line-height:var(--line-height-body);padding-top:var(--space-m)}.input__field--select{appearance:none;padding-right:calc(var(--space-xxl)*1.1);cursor:pointer;background-image:url("/assets/icons/chevron-down-e1108d6b.svg");background-repeat:no-repeat;background-position:right var(--space-m) center;background-size:1.75rem 1.5rem}.input__control{position:relative;z-index:2}.input__control:focus-within{outline:4px solid var(--input-focus-ring);outline-offset:2px}.input__control:focus-within .input__field{outline:none}.input__control--locked .input__field{opacity:.65;cursor:not-allowed;filter:saturate(0.7)}.input__control--locked .input__icon{position:relative}.input__icon{flex:0 0 auto;display:inline-flex;align-items:center;justify-content:center;padding:0 var(--space-m);background-color:var(--input-icon-bg);color:var(--color-bg)}.input__icon img,.input__icon svg{width:1.5rem;height:1.5rem;display:block}.input__icon svg{fill:currentColor}.input--with-icon .input__control{display:flex;align-items:stretch;border-radius:calc(var(--border-radius)*.8);overflow:hidden;background-color:var(--color-bg)}.input--with-icon .input__field{flex:1 1 auto;width:100%;border-radius:0}.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;background-color:var(--input-subtitle-bg);color:var(--input-subtitle-color)}.input--red{--input-bg: var(--color-red-400);--input-focus-ring: var(--color-red-500);--input-placeholder-color: var(--color-red-500);--input-subtitle-bg: var(--color-red-300);--input-subtitle-color: var(--color-red-600);--input-icon-bg: var(--color-red-500);--input-icon-color: var(--color-bg)}.input--blue{--input-bg: var(--color-blue-400);--input-focus-ring: var(--color-blue-600);--input-placeholder-color: var(--color-blue-500);--input-subtitle-bg: var(--color-blue-300);--input-subtitle-color: var(--color-blue-600);--input-icon-bg: var(--color-blue-500);--input-icon-color: var(--color-bg)}.input--green{--input-bg: var(--color-green-400);--input-focus-ring: var(--color-green-500);--input-placeholder-color: var(--color-green-500);--input-subtitle-bg: var(--color-green-300);--input-subtitle-color: var(--color-green-600);--input-icon-bg: var(--color-green-500);--input-icon-color: var(--color-bg)}.input--yellow{--input-bg: var(--color-yellow-450);--input-focus-ring: var(--color-yellow-500);--input-placeholder-color: var(--color-yellow-500);--input-subtitle-bg: var(--color-yellow-400);--input-subtitle-color: var(--color-yellow-600);--input-icon-bg: var(--color-yellow-500);--input-icon-color: var(--color-bg)}.input--shake{animation:input-shake .32s ease both}@keyframes input-shake{0%{transform:translateX(0)}20%{transform:translateX(-6px)}40%{transform:translateX(6px)}60%{transform:translateX(-4px)}80%{transform:translateX(4px)}100%{transform:translateX(0)}}.input-group{position:relative;display:flex;flex-direction:column;gap:var(--space-xxs);padding:var(--space-s) var(--space-s) var(--space-s)}.input-group::before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;border-radius:var(--border-radius);background-image:url("/assets/mask/inp-group-67f0ac00.avif");background-repeat:no-repeat;background-size:cover;background-position:center;z-index:1;pointer-events:none}.input-group__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-group__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-group__inputs{display:flex;flex-direction:column;gap:var(--space-s);z-index:2;padding-left:var(--space-s)}.input-group__inputs .input{padding:0}.input-group__inputs .input::before{display:none}.input-group__inputs .input__label{position:static;transform:none;padding:0 0 var(--space-xs);background:none;color:var(--color-bg);font-size:var(--font-size-l);pointer-events:auto}.input-group__inputs .input__control{display:flex;align-items:stretch}.input-group__inputs .input__field{padding:var(--space-m) var(--space-l);flex:1}.input-group__inputs .input__subtitle{display:none}.input-group--blue::before{background-color:var(--color-blue-400)}.input-group--blue .input-group__label{background-color:var(--color-blue-400)}.input-group--blue .input-group__subtitle{background-color:var(--color-blue-300);color:var(--color-blue-600)}.input-group--red::before{background-color:var(--color-red-400)}.input-group--red .input-group__label{background-color:var(--color-red-400)}.input-group--red .input-group__subtitle{background-color:var(--color-red-300);color:var(--color-red-600)}.input-group--green::before{background-color:var(--color-green-400)}.input-group--green .input-group__label{background-color:var(--color-green-400)}.input-group--green .input-group__subtitle{background-color:var(--color-green-300);color:var(--color-green-600)}.input-group--yellow::before{background-color:var(--color-yellow-450)}.input-group--yellow .input-group__label{background-color:var(--color-yellow-450)}.input-group--yellow .input-group__subtitle{background-color:var(--color-yellow-400);color:var(--color-yellow-600)}.file-upload [hidden]{display:none !important}.file-upload .file-upload__input{display:none}.file-upload .file-upload__area{position:relative;z-index:2;display:flex;flex-direction:column;gap:var(--space-s)}.file-upload .file-upload__dropzone{--file-upload-border-color: var(--color-yellow-500);--file-upload-background: var(--color-yellow-400);position:relative;padding:var(--space-xxl) var(--space-xl);border-radius:calc(var(--border-radius)*.8);border:2px dashed var(--file-upload-border-color);background:var(--file-upload-background);cursor:pointer;text-align:center;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--space-xs);transition:border-color .2s ease,box-shadow .2s ease,transform .2s ease;outline:none}.file-upload .file-upload__dropzone:focus-visible{outline:4px solid var(--file-upload-border-color);outline-offset:2px}.file-upload .file-upload__dropzone--active{border-style:solid;transform:scale(1.01);box-shadow:0 0 0 3px rgba(0,0,0,.05)}.file-upload .file-upload__dropzone--filled{border-style:solid}.file-upload .file-upload__headline{margin:0;font-size:var(--font-size-xl);color:var(--color-text-body)}.file-upload .file-upload__hint{margin:0;font-size:var(--font-size-s);color:var(--color-text-muted)}.file-upload .file-upload__browse{background:none;border:none;padding:0;font:inherit;color:var(--file-upload-border-color);cursor:pointer;text-decoration:underline}.file-upload .file-upload__add-more{align-self:center;margin-top:var(--space-xs)}.file-upload .file-upload__preview{width:100%;aspect-ratio:16/9;border-radius:calc(var(--border-radius)*.6);overflow:hidden;display:flex;align-items:center;justify-content:center;position:relative}.file-upload .file-upload__preview-image{display:block;width:100%;height:100%;object-fit:cover}.file-upload .file-upload__nav{position:absolute;top:50%;transform:translateY(-50%);width:2.25rem;height:2.75rem;border-radius:9999px;border:none;display:flex;align-items:center;justify-content:center;background:var(--file-upload-border-color);color:var(--color-bg);cursor:pointer;z-index:3;box-shadow:0 2px 6px rgba(0,0,0,.15),0 0 0 2px rgba(0,0,0,.06);transition:transform .15s ease,filter .15s ease}.file-upload .file-upload__nav:hover{transform:translateY(-50%) scale(1.03);filter:brightness(0.98)}.file-upload .file-upload__nav:focus-visible{outline:none;box-shadow:0 0 0 3px var(--file-upload-border-color),0 0 0 6px rgba(0,0,0,.06)}.file-upload .file-upload__nav--prev{left:var(--space-s)}.file-upload .file-upload__nav--next{right:var(--space-s)}.file-upload .file-upload__nav-icon{width:1.1rem;height:1.1rem;pointer-events:none}.file-upload .file-upload__nav--prev .file-upload__nav-icon{transform:rotate(90deg)}.file-upload .file-upload__nav--next .file-upload__nav-icon{transform:rotate(-90deg)}.file-upload .file-upload__indicators{position:absolute;bottom:var(--space-s);left:50%;transform:translateX(-50%);display:flex;gap:.4rem;z-index:3}.file-upload .file-upload__dot{width:.5rem;height:.5rem;border-radius:999px;border:none;background:rgba(0,0,0,.25);cursor:pointer}.file-upload .file-upload__dot.is-active{background:var(--file-upload-border-color)}.file-upload .file-upload__preview-fallback{font-size:var(--font-size-s);color:var(--color-text-muted);padding:var(--space-m);word-break:break-word}.file-upload .file-upload__filename{font-size:var(--font-size-s);color:var(--color-text-muted);word-break:break-word}.file-upload .file-upload__progress{position:relative;height:.5rem;background-color:rgba(0,0,0,.1);border-radius:999px;overflow:hidden}.file-upload .file-upload__progress-bar{position:absolute;top:0;left:0;bottom:0;width:0%;border-radius:inherit;background:linear-gradient(90deg, var(--file-upload-border-color), var(--color-yellow-400));transition:width .2s ease}.file-upload .file-upload__status{font-size:var(--font-size-s);margin:0;color:var(--color-text-muted)}.file-upload .file-upload__status[data-tone=success]{color:var(--color-green-500)}.file-upload .file-upload__status[data-tone=error]{color:var(--color-red-500)}.file-upload.input--red .file-upload__dropzone{--file-upload-border-color: var(--color-red-500);--file-upload-background: var(--color-red-300)}.file-upload.input--red .file-upload__progress-bar{background:linear-gradient(90deg, var(--color-red-500), var(--color-red-300))}.file-upload.input--blue .file-upload__dropzone{--file-upload-border-color: var(--color-blue-500);--file-upload-background: var(--color-blue-300)}.file-upload.input--blue .file-upload__progress-bar{background:linear-gradient(90deg, var(--color-blue-500), var(--color-blue-300))}.file-upload.input--green .file-upload__dropzone{--file-upload-border-color: var(--color-green-500);--file-upload-background: var(--color-green-300)}.file-upload.input--green .file-upload__progress-bar{background:linear-gradient(90deg, var(--color-green-500), var(--color-green-300))}.file-upload.input--yellow .file-upload__dropzone{--file-upload-border-color: var(--color-yellow-500);--file-upload-background: var(--color-yellow-400)}.file-upload.input--yellow .file-upload__progress-bar{background:linear-gradient(90deg, var(--color-yellow-500), var(--color-yellow-400))}.hackatime-project-selector{position:relative;display:inline-flex;flex-direction:column;gap:var(--space-xxs);padding:var(--space-s) var(--space-s) var(--space-s);overflow:visible}.hackatime-project-selector::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}.hackatime-project-selector__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;z-index:3}.hackatime-project-selector__control{position:relative;z-index:2}.hackatime-project-selector__select{padding:var(--space-m) var(--space-m);padding-right:calc(var(--space-xxl)*1.1);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;width:100%;appearance:none;cursor:pointer;background-image:url("/assets/icons/chevron-down-e1108d6b.svg");background-repeat:no-repeat;background-position:right var(--space-m) center;background-size:1.75rem 1.5rem}.hackatime-project-selector__select::placeholder{color:var(--color-text-muted);opacity:.75}.hackatime-project-selector__select:focus{box-shadow:0 0 0 3px var(--color-blue-500)}.hackatime-project-selector__selected{display:flex;flex-direction:column;gap:var(--space-xs);position:relative;z-index:2;min-height:0;margin-top:0;height:0;overflow:hidden}.hackatime-project-selector__selected:not(:empty){height:auto;margin-top:var(--space-s)}.hackatime-project-selector__project{display:flex;align-items:center;gap:var(--space-s);padding:var(--space-s) var(--space-m);border-radius:calc(var(--border-radius)*.8);background-color:var(--color-blue-300);transition:background-color .2s ease}.hackatime-project-selector__project-icon{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border-radius:50%;background-color:var(--color-blue-400);color:var(--color-bg)}.hackatime-project-selector__project-icon img,.hackatime-project-selector__project-icon svg{width:1.5rem;height:1.5rem;display:block;object-fit:contain}.hackatime-project-selector__project-icon svg{fill:currentColor}.hackatime-project-selector__project-content{flex:1 1 auto;display:flex;flex-direction:column;gap:var(--space-xxxs)}.hackatime-project-selector__project-name{font-size:var(--font-size-xxl);color:var(--color-blue-600);line-height:var(--line-height-body)}.hackatime-project-selector__project-meta{font-size:var(--font-size-s);color:var(--color-text-muted);line-height:var(--line-height-body)}.hackatime-project-selector__project-remove{flex:0 0 auto;display:flex;align-items:center;justify-content:center;width:2.5rem;height:2.5rem;border:none;background:rgba(0,0,0,0);color:var(--color-bg);cursor:pointer;border-radius:calc(var(--border-radius)*.5);transition:background-color .2s ease;padding:0}.hackatime-project-selector__project-remove:hover{background-color:var(--color-blue-400)}.hackatime-project-selector__project-remove:focus{outline:2px solid var(--color-blue-500);outline-offset:2px}.hackatime-project-selector__project-remove img,.hackatime-project-selector__project-remove svg{width:1.25rem;height:1.25rem;display:block;object-fit:contain}.hackatime-project-selector__project-remove svg{fill:currentColor;stroke:currentColor}.hackatime-project-selector__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}.hackatime-project-selector--blue::before{background-color:var(--color-blue-400)}.hackatime-project-selector--blue .hackatime-project-selector__label{background-color:var(--color-blue-400)}.hackatime-project-selector--blue .hackatime-project-selector__subtitle{background-color:var(--color-blue-300);color:var(--color-blue-600)}.hackatime-project-selector--blue .hackatime-project-selector__select:focus{box-shadow:0 0 0 3px var(--color-blue-500)}.hackatime-project-selector--blue .hackatime-project-selector__select::placeholder{color:var(--color-blue-500);opacity:.75}.hackatime-project-selector--red::before{background-color:var(--color-red-400)}.hackatime-project-selector--red .hackatime-project-selector__label{background-color:var(--color-red-400)}.hackatime-project-selector--red .hackatime-project-selector__subtitle{background-color:var(--color-red-300);color:var(--color-red-600)}.hackatime-project-selector--red .hackatime-project-selector__select:focus{box-shadow:0 0 0 3px var(--color-red-500)}.hackatime-project-selector--red .hackatime-project-selector__select::placeholder{color:var(--color-red-500);opacity:.75}.hackatime-project-selector--red .hackatime-project-selector__project{background-color:var(--color-red-300)}.hackatime-project-selector--red .hackatime-project-selector__project-icon{background-color:var(--color-red-400)}.hackatime-project-selector--red .hackatime-project-selector__project-name{color:var(--color-red-600)}.hackatime-project-selector--red .hackatime-project-selector__project-remove{color:var(--color-red-600)}.hackatime-project-selector--red .hackatime-project-selector__project-remove:hover{background-color:var(--color-red-400)}.hackatime-project-selector--green::before{background-color:var(--color-green-400)}.hackatime-project-selector--green .hackatime-project-selector__label{background-color:var(--color-green-400)}.hackatime-project-selector--green .hackatime-project-selector__subtitle{background-color:var(--color-green-300);color:var(--color-green-600)}.hackatime-project-selector--green .hackatime-project-selector__select:focus{box-shadow:0 0 0 3px var(--color-green-500)}.hackatime-project-selector--green .hackatime-project-selector__select::placeholder{color:var(--color-green-500);opacity:.75}.hackatime-project-selector--green .hackatime-project-selector__project{background-color:var(--color-green-300)}.hackatime-project-selector--green .hackatime-project-selector__project-icon{background-color:var(--color-green-400)}.hackatime-project-selector--green .hackatime-project-selector__project-name{color:var(--color-green-600)}.hackatime-project-selector--green .hackatime-project-selector__project-remove{color:var(--color-green-600)}.hackatime-project-selector--green .hackatime-project-selector__project-remove:hover{background-color:var(--color-green-400)}.hackatime-project-selector--yellow::before{background-color:var(--color-yellow-450)}.hackatime-project-selector--yellow .hackatime-project-selector__label{background-color:var(--color-yellow-450)}.hackatime-project-selector--yellow .hackatime-project-selector__subtitle{background-color:var(--color-yellow-400);color:var(--color-yellow-600)}.hackatime-project-selector--yellow .hackatime-project-selector__select:focus{box-shadow:0 0 0 3px var(--color-yellow-500)}.hackatime-project-selector--yellow .hackatime-project-selector__select::placeholder{color:var(--color-yellow-500);opacity:.75}.hackatime-project-selector--yellow .hackatime-project-selector__project{background-color:var(--color-yellow-400)}.hackatime-project-selector--yellow .hackatime-project-selector__project-icon{background-color:var(--color-yellow-450)}.hackatime-project-selector--yellow .hackatime-project-selector__project-name{color:var(--color-yellow-600)}.hackatime-project-selector--yellow .hackatime-project-selector__project-remove{color:var(--color-yellow-600)}.hackatime-project-selector--yellow .hackatime-project-selector__project-remove:hover{background-color:var(--color-yellow-450)}.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:contain;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}.project-card .project-card__stats{display:flex;align-items:flex-start;flex-wrap:wrap;gap:2.5em;width:100%;padding:0 var(--space-l);margin-bottom:1rem}.project-card .project-card__stats h5{flex-grow:0;display:inline-block;margin:0;font-weight:normal;font-size:1.1rem;background-color:var(--color-tan-400);border-radius:4px;color:var(--color-brown-500);width:fit-content;padding:.2em .2em .2em 1.6em;position:relative}.project-card .project-card__stats h5 svg{color:var(--color-brown-500) !important;content:"";width:30px;height:30px;position:absolute;top:-0.25em;left:-0.5em;filter:drop-shadow(5px 0 0 var(--color-tan-400)) drop-shadow(-5px 0 0 var(--color-tan-400)) drop-shadow(0 5px 0 var(--color-tan-400)) drop-shadow(0 -5px 0 var(--color-tan-400))}@media(max-width: 960px){.project-card .project-card__stats{gap:1.5em}.project-card .project-card__stats h5{flex-grow:1}}.project-show-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;overflow:hidden;background-image:url("/assets/mask/project-card-bd9acd6b.webp");background-repeat:no-repeat;background-size:contain;background-position:center}.project-show-card__content{display:flex;flex-direction:column;gap:var(--space-m);padding:var(--space-xl);color:var(--color-bg)}.project-show-card__banner{position:relative}.project-show-card__banner .project-card__banner-frame{aspect-ratio:21/7}.project-show-card__banner .project-show-card__ship-btn{position:absolute;z-index:10;top:1em;right:1.15em;font-size:1.4rem;border:none;padding:.4em 1em;background-color:var(--color-brown-700)}.project-show-card__banner .project-show-card__fire-btn{position:absolute;z-index:10;top:3.5em;right:1.15em;font-size:1.4rem;border:2px solid orange;padding:.4em 1em;background-color:var(--color-brown-700)}.project-show-card__header{display:flex;flex-direction:column;gap:var(--space-2xs)}.project-show-card__titlebar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-m)}.project-show-card__titlebar h1{font-weight:400;font-size:2.4rem}.project-show-card__byline{margin-top:0;color:var(--color-tan-400);font-size:var(--font-size-xl)}.project-show-card__title{margin:0;font-size:var(--font-size-xxxl);line-height:var(--line-height-headers);color:var(--color-bg)}.project-show-card__title-text{display:inline-block}.project-show-card__stats{display:flex;align-items:center;gap:var(--space-l);color:var(--color-tan-400);font-size:var(--font-size-xl);margin-top:.4em}.project-show-card__stat{display:inline-flex;align-items:center;gap:.3em}.project-show-card__stat svg{color:var(--color-tan-400) !important;width:24px;height:24px;margin-bottom:.1em}.project-show-card__stat--clickable{background:none;border:none;padding:0;font:inherit;color:inherit;cursor:pointer;transition:opacity .2s}.project-show-card__stat--clickable:hover{opacity:.8;text-decoration:underline}.project-show-card__description{margin:0;color:var(--color-bg);font-size:1.5rem;line-height:1.5}.project-show-card__description p{margin:0}.project-show-card__actions{display:grid;grid-template-columns:repeat(auto-fit, minmax(12rem, 1fr));gap:var(--space-l);margin-top:.5em;align-items:stretch}.project-show-card__actions .btn{width:100%;justify-content:center;height:120%;border-radius:calc(var(--border-radius));font-size:var(--font-size-xxl);padding:var(--space-xs) var(--space-xl);gap:var(--space-s)}.project-show-card__actions .btn svg{width:1.5rem;height:1.5rem}.sidebar{--sidebar-collapsed-width: 150px;--sidebar-expanded-width: 300px;position:fixed;top:0;left:0;width:var(--sidebar-collapsed-width);height:100vh;padding:var(--space-xl) var(--space-l) var(--space-l);display:flex;flex-direction:column;gap:2rem;z-index:10;transition:width 180ms ease;overflow:visible}.sidebar:hover,.sidebar:focus-within{width:var(--sidebar-expanded-width)}.sidebar:hover .sidebar__user-card,.sidebar:focus-within .sidebar__user-card{padding:.4em 0 .4em 5.5em}.sidebar:hover .sidebar__user-details,.sidebar:focus-within .sidebar__user-details{opacity:1;max-width:200px}.sidebar:hover .sidebar__user-avatar,.sidebar:focus-within .sidebar__user-avatar{left:.7em;transform:none}.sidebar .modal{border:none;border-radius:var(--border-radius);border:.5rem solid var(--color-brown-700);padding:var(--space-l);background:var(--color-bg);box-shadow:var(--shadow);max-width:500px;width:90%;color:var(--color-text-body);position:fixed;left:50%;top:50%;transform:translate(-50%, -50%)}.sidebar .modal::backdrop{background:rgba(0,0,0,.5);backdrop-filter:blur(2px)}.sidebar .modal__title{text-align:center;font-family:var(--font-family-subtitle);font-size:2rem;background-color:var(--color-brown-700);color:var(--color-bg)}.sidebar .modal__loading{text-align:center;color:var(--color-text-muted);margin-top:.5em}.sidebar .modal__actions{margin-top:var(--space-m);display:flex;justify-content:flex-end;gap:1em}.sidebar .modal__actions-close{background-color:var(--color-brown-500);font-size:1rem;padding:.2rem .5rem;border:2px solid var(--color-brown-700);border-radius:5px;color:var(--color-bg);cursor:pointer}.sidebar .modal__actions-close:hover{filter:brightness(1.1)}.sidebar .balance-history{margin-top:1em;max-height:60vh;overflow-y:auto}@supports(-moz-appearance: none){.sidebar .balance-history{scrollbar-width:thin;scrollbar-color:#7a4841 rgba(0,0,0,0)}}.sidebar .balance-history::-webkit-scrollbar{width:5px}.sidebar .balance-history::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.sidebar .balance-history::-webkit-scrollbar-thumb{background:#7a4841;border-radius:4px}.sidebar .balance-history::-webkit-scrollbar-thumb:hover{background:#5a3a31}.sidebar .balance-history h1{margin-bottom:.5em;text-align:center}.sidebar .balance-history__table{width:100%;border-collapse:collapse}.sidebar .balance-history__table th{text-align:center;margin-bottom:var(--space-xs);border-bottom:2px solid var(--color-brown-700);color:var(--color-brown-500);font-family:var(--font-family-subtitle);font-size:1.5rem}.sidebar .balance-history__table td{padding:.3em 0;border-bottom:1px solid var(--color-brown-500);text-align:center}.sidebar .balance-history__table td a{color:var(--color-brown-700);text-decoration:underline}.sidebar .balance-history__table td a:hover{color:var(--color-brown-500)}.sidebar .balance-history__table .balance-history__amount--positive{color:var(--color-green-500)}.sidebar .balance-history__table .balance-history__amount--negative{color:var(--color-red-500)}@media(max-width: 960px){.sidebar .balance-history{max-height:40vh}.sidebar .balance-history__table th,.sidebar .balance-history__table td{font-size:.9rem}.sidebar .balance-history h1{font-size:1.2rem}}.sidebar .balance-history__header{text-align:center}.sidebar .balance-history .cookie-clicker__cookie{display:inline-block;user-select:none;transition:transform .1s ease;position:relative}.sidebar .balance-history .cookie-clicker__cookie--clicked{transform:scale(1.3)}.sidebar .balance-history .cookie-clicker__stats{font-size:.9rem;color:var(--color-brown-500);margin-top:.25em}.cookie-clicker__effect{position:fixed;color:var(--color-green-500);font-weight:bold;font-size:1.2rem;pointer-events:none;z-index:2147483646;animation:cookie-float 1.5s ease-out forwards;text-shadow:1px 1px 0 rgba(0,0,0,.3);margin-left:-0.5em;margin-top:-0.6em}.cookie-clicker__effect--crit{color:var(--color-red-500);font-size:1.4rem;text-shadow:2px 2px 0 rgba(0,0,0,.4)}.cookie-clicker__effect--super-crit{color:var(--color-red-500);font-size:1.8rem;text-shadow:2px 2px 0 rgba(0,0,0,.4)}.cookie-clicker__crit-text{background:linear-gradient(90deg, #ff0000, #ff7f00, #ffff00, #00ff00, #0000ff, #4b0082, #9400d3, #ff0000);background-size:200% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:rgba(0,0,0,0);animation:rainbow-shift .5s linear infinite;font-style:italic;margin-left:.2em}@keyframes rainbow-shift{0%{background-position:0% 50%}100%{background-position:200% 50%}}@keyframes cookie-float{0%{opacity:1;transform:translateY(0)}15%{transform:translateX(var(--wobble-1, 8px)) translateY(calc(var(--float-distance) * -0.15))}30%{transform:translateX(var(--wobble-2, -6px)) translateY(calc(var(--float-distance) * -0.3))}45%{transform:translateX(var(--wobble-3, 5px)) translateY(calc(var(--float-distance) * -0.45))}60%{transform:translateX(var(--wobble-4, -4px)) translateY(calc(var(--float-distance) * -0.6))}75%{opacity:.8;transform:translateX(var(--wobble-5, 3px)) translateY(calc(var(--float-distance) * -0.75))}90%{opacity:.4;transform:translateX(var(--wobble-6, -2px)) translateY(calc(var(--float-distance) * -0.9))}100%{opacity:0;transform:translateY(calc(var(--float-distance) * -1))}}#settings-modal .settings-form{margin-top:var(--space-l)}.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-form button{all:unset;cursor:pointer;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{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:225%;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);transition:width 180ms ease}@media(max-width: 1500px){.sidebar__nav-link--active::before{width:250%}}.sidebar:is(:hover,:focus-within) .sidebar__nav-link--active::before{width:130%}@media(max-width: 1500px){.sidebar:is(:hover,:focus-within) .sidebar__nav-link--active::before{width:140%}}.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{opacity:0;max-width:0;overflow:hidden;white-space:nowrap;transition:opacity 150ms ease,max-width 150ms ease,margin 150ms ease;margin-left:0}.sidebar:is(:hover,:focus-within) .sidebar__nav-label{opacity:1;max-width:240px;margin-left:var(--space-s)}.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}.sidebar__user-card{background-color:var(--color-red-400);color:var(--color-bg);border-radius:calc(var(--border-radius)/1.2);display:flex;align-items:center;gap:var(--space-m);box-shadow:var(--shadow);transition:all .2s ease;white-space:nowrap;text-decoration:none;cursor:default;position:relative}.sidebar__user-avatar{position:absolute;left:50%;transform:translateX(-50%);flex-shrink:0;display:flex;align-items:center;justify-content:center;background-color:var(--color-red-400);border-radius:50%;padding:.4em;transition:all .2s ease;z-index:10}.sidebar__user-avatar .sidebar__user-avatar-hat{position:absolute;top:-1.4em;left:-0.7em;width:4em;height:auto;z-index:3}.sidebar__user-avatar .sidebar__user-avatar-hat-bg{position:absolute;top:-2.1em;left:-1.4em;width:5.3em;height:auto;z-index:1}.sidebar__user-avatar-placeholder{width:60px;height:60px;box-shadow:var(--shadow);display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:2rem;color:#fff;font-family:var(--font-family-jua);background-color:var(--color-yellow-400);border-radius:50%;position:relative;z-index:2}.sidebar__user-details{display:flex;flex-direction:column;opacity:0;max-width:0;transition:opacity 150ms ease,max-width 150ms ease}.sidebar__user-details a{color:inherit;text-decoration:none}.sidebar__user-details a:hover{text-decoration:underline}.sidebar__user-name{font-family:var(--font-family-jua);font-size:1.3rem;line-height:1.2;background-color:var(--color-red-500);padding:.1em 1em .1em 2em;margin-left:-2em;clip-path:polygon(0 0, 100% 0, calc(100% - 10px) 100%, 0 100%)}.sidebar__user-actions{display:flex;align-items:center;gap:.5rem}.sidebar__user-balance{font-family:var(--font-family-text);font-size:1rem;text-decoration:none;color:inherit;background-color:rgba(0,0,0,0);border:none;padding:0;width:fit-content;cursor:pointer}.sidebar__user-balance:hover{text-decoration:underline}.sidebar__user-settings{background:rgba(0,0,0,0);border:none;cursor:pointer;margin-top:.4em}.sidebar__user-settings-icon{width:1.2rem;height:1.2rem;fill:var(--color-bg)}.sidebar__user-settings-icon:hover{filter:brightness(1.1)}.sidebar__user-logout{background:rgba(0,0,0,0);border:none;cursor:pointer;margin-top:.4em}.sidebar__user-logout-icon{width:1.2rem;height:1.2rem;color:var(--color-bg)}.sidebar__user-logout-icon:hover{filter:brightness(1.1)}@media(max-width: 1500px){.sidebar{--sidebar-collapsed-width: 120px;--sidebar-expanded-width: 250px;padding:1em .5em 1.5em 1.5em}.sidebar__blob{padding:1.5em var(--space-l) var(--space-s) var(--space-l)}.sidebar__nav-icon-wrapper{--sidebar-icon-size: 2.8rem}.sidebar__nav-link{font-size:var(--font-size-xxl);padding:.1em 0}.sidebar__nav-form button{padding:.1em 0;gap:var(--space-s);padding-inline-start:var(--space-xsxs);font-size:var(--font-size-xxl)}.sidebar__user-avatar-placeholder{width:50px;height:50px}.sidebar__user-name{font-size:1.1rem}.sidebar__user-balance{font-size:.9rem}}@media(max-width: 960px){.sidebar{position:fixed;z-index:100;top:auto;bottom:3em;left:0;width:100%;height:var(--sidebar-collapsed-width);margin-left:-0.5em}.sidebar:hover,.sidebar:focus-within{width:100%}.sidebar .sidebar__user-card,.sidebar .sidebar:is(:hover,:focus-within) .sidebar__user-card{padding:.4em 0 .4em 5em !important;transition:none}.sidebar .sidebar__user-details,.sidebar .sidebar:is(:hover,:focus-within) .sidebar__user-details{opacity:1;max-width:100%}.sidebar .sidebar__user-avatar{left:.7em;transform:none}.sidebar .sidebar:is(:hover,:focus-within) .sidebar__user-avatar{left:.3em;transform:none}.sidebar .sidebar:is(:hover,:focus-within) .sidebar__user-card{padding:.4em 0 .4em 5em}.sidebar__blob{width:100%;justify-content:space-between;padding:.5em 0;box-shadow:var(--shadow)}.sidebar__nav-list{flex-direction:row;justify-content:space-evenly}.sidebar:is(:hover,:focus-within) .sidebar__nav-label{opacity:0;max-width:0;margin-left:0}.sidebar__nav-link--active::before{display:none}.sidebar__nav-icon-wrapper{position:absolute;left:50%;transform:translateX(-50%)}.sidebar__user-placeholder{position:relative;z-index:100;bottom:0;padding:0;width:100%;box-shadow:var(--shadow)}.sidebar__user-avatar{left:.3em;transform:none}body.signed-in main{margin:0 50px}}.api-key-section{margin-top:var(--space-l);padding-top:var(--space-l);border-top:2px solid var(--color-tan-300)}.api-key-container{display:flex;gap:var(--space-xs);align-items:stretch;width:100%}.api-key-container>form>button{display:flex;align-items:center;justify-content:center;padding:var(--space-s);min-width:2.75rem;border:2px solid var(--color-brown-500);border-radius:calc(var(--border-radius)*.6);background:var(--color-bg);cursor:pointer;transition:background-color 200ms,border-color 200ms}.api-key-container>form>button:hover{background:var(--color-tan-300);border-color:var(--color-brown-400)}.api-key-container>form>button svg{width:1.25rem;height:1.25rem;stroke:var(--color-brown-500)}.api-key-display{flex:1;min-width:0;padding:var(--space-s) var(--space-m);background:var(--color-bg);border:2px solid var(--color-brown-500);border-radius:calc(var(--border-radius)*.6);font-family:"SF Mono","Menlo","Monaco","Consolas",monospace;font-size:var(--font-size-s);color:var(--color-text-body);transition:filter .2s;filter:blur(8px);cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.api-docs-link{text-decoration:underline;color:var(--color-brown-500)}.api-docs-link:hover{color:var(--color-brown-400)}.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}.state-card{--state-card-accent: var(--color-yellow-450);background:var(--color-tan-300);border:10px solid var(--color-brown-400);border-radius:calc(1.2*var(--border-radius));padding:var(--space-xl);position:relative;box-shadow:var(--shadow);text-align:center;overflow:visible}.state-card::before{content:"";position:absolute;inset:0;background-image:repeating-conic-gradient(from 0deg, rgba(0, 0, 0, 0.02) 0deg 90deg, transparent 90deg 180deg);background-size:120px 120px;z-index:0;border-radius:inherit;pointer-events:none}.state-card>*{position:relative;z-index:1}.state-card__status-pill{position:absolute;top:-1.8rem;right:-1.4rem;display:flex;align-items:center;gap:0}.state-card__badge{padding:.45rem .75rem .45rem .75rem;border-radius:999px 0 0 999px;font-family:var(--font-family-jua);font-size:var(--font-size-l);color:#fff;background:var(--color-brown-400);z-index:1}.state-card__icon-circle{width:3.5rem;height:3.5rem;border-radius:50%;background:var(--color-brown-500);display:flex;align-items:center;justify-content:center;color:#fff;margin-left:-12px;position:relative}.state-card__icon-circle::before{content:"";position:absolute;width:2.5rem;height:2.5rem;border-radius:50%;background:var(--state-card-accent);z-index:1}.state-card__icon-circle svg{width:1.5rem;height:1.5rem;fill:currentColor;z-index:2}.state-card__icon{width:56px;height:56px;border-radius:50%;background:var(--color-brown-400);display:flex;align-items:center;justify-content:center;color:var(--color-bg);margin:0 auto var(--space-l);position:relative}.state-card__icon img,.state-card__icon svg{width:1.5rem;height:1.5rem;display:block}.state-card__icon svg{fill:currentColor}.state-card__title{font-family:var(--font-family-jua);font-size:var(--font-size-xxxl);color:var(--color-bg);margin-bottom:var(--space-s)}.state-card__description{font-family:var(--font-family-jua);color:var(--color-bg);font-size:var(--font-size-xl)}.state-card__hint{margin-top:var(--space-s);font-family:var(--font-family-text);font-size:var(--font-size-s);font-style:italic;opacity:.8}.state-card__cta{margin-top:var(--space-l)}.state-card--danger{--state-card-accent: var( --color-red-450 );background:var(--color-red-400);border-color:var(--color-red-300)}.state-card--danger .state-card__badge{background:var(--color-red-300);color:var(--color-red-500)}.state-card--danger .state-card__icon-circle{background:var(--color-red-300)}.state-card--danger .state-card__icon{background:var(--color-red-500)}.state-card--danger .state-card__title{color:hsl(356,49%,20%)}.state-card--danger .state-card__description{color:hsl(356,49%,22%);line-height:1.5}.state-card--warning{--state-card-accent: var(--color-yellow-450);background:var(--color-yellow-500);border-color:var(--color-yellow-400)}.state-card--warning .state-card__badge{background:var(--color-yellow-400);color:#884b2b}.state-card--warning .state-card__icon-circle{background:var(--color-yellow-400)}.state-card--warning .state-card__icon{background:var(--color-yellow-600)}.state-card--warning .state-card__title{color:hsl(0,37%,27%)}.state-card--warning .state-card__description{color:hsl(0,37%,27%)}.state-card--success{--state-card-accent: #a8ca58;background:var(--color-green-400);border-color:var(--color-green-300)}.state-card--success .state-card__badge{background:var(--color-green-300);color:#468232}.state-card--success .state-card__icon-circle{background:var(--color-green-300)}.state-card--success .state-card__icon{background:var(--color-green-500)}.state-card--success .state-card__title{color:hsl(131,40%,24%)}.state-card--success .state-card__description{color:hsl(131,40%,24%)}.state-card--neutral{--state-card-accent: var(--color-tan-400);background:var(--color-tan-400);border-color:var(--color-tan-300)}.state-card--neutral .state-card__badge{background:var(--color-tan-300);color:var(--color-brown-700)}.state-card--neutral .state-card__icon-circle{background:var(--color-tan-300)}.state-card--neutral .state-card__icon{background:var(--color-brown-700)}.state-card--neutral .state-card__title{color:var(--color-brown-700)}.state-card--neutral .state-card__description{color:var(--color-brown-700)}.project-selection-card{--project-selection-card-accent: var(--color-blue-400);background:var(--color-blue-400);border:10px solid var(--color-blue-300);border-radius:calc(1.2*var(--border-radius));padding:var(--space-l);position:relative;box-shadow:var(--shadow);text-align:center;overflow:visible;display:flex;flex-direction:column;gap:var(--space-s)}.project-selection-card::before{content:"";position:absolute;inset:0;background-image:repeating-conic-gradient(from 0deg, rgba(0, 0, 0, 0.02) 0deg 90deg, transparent 90deg 180deg);background-size:120px 120px;z-index:0;border-radius:inherit;pointer-events:none}.project-selection-card>*{position:relative;z-index:1}.project-selection-card__image{width:100%;flex:1;min-height:0;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:12px;position:relative}.project-selection-card__image-content{height:auto;max-height:100%;max-width:100%;padding:1em;object-fit:contain;position:relative;z-index:0}.project-selection-card__content{display:flex;flex-direction:column;gap:var(--space-s)}.project-selection-card__title{font-family:var(--font-family-jua);font-size:var(--font-size-xxxl);color:var(--color-bg);margin:0}.project-selection-card__description{font-family:var(--font-family-jua);color:var(--color-bg);font-size:var(--font-size-xl);margin:0}.project-selection-card--blue{--project-selection-card-accent: var(--color-blue-400);background:var(--color-blue-400);border-color:#a4dddb}.project-selection-card--blue .project-selection-card__image{background:var(--color-blue-500)}.project-selection-card--yellow{--project-selection-card-accent: var(--color-yellow-400);background:var(--color-yellow-500);border-color:var(--color-yellow-300)}.project-selection-card--yellow .project-selection-card__image{background:var(--color-yellow-600)}.project-selection-card--red{--project-selection-card-accent: var(--color-red-400);background:var(--color-red-400);border-color:var(--color-red-300)}.project-selection-card--red .project-selection-card__image{background:var(--color-red-500)}.project-selection-card--green{--project-selection-card-accent: var(--color-green-400);background:var(--color-green-400);border-color:var(--color-green-300)}.project-selection-card--green .project-selection-card__image{background:var(--color-green-500)}.project-selection-card__form{width:100%;height:100%}.project-selection-card__button{background:none;border:none;padding:0;margin:0;width:100%;height:100%;cursor:pointer;font:inherit;color:inherit;text-align:inherit;transition:transform .2s ease}.project-selection-card__button:hover{transform:translateY(-8px)}.project-selection-card__button:focus{outline:none}.project-selection-card__button:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}.kitchen-help{margin-top:var(--space-xl);position:relative;border-radius:var(--border-radius);padding:var(--space-xl);background:var(--color-tan-300);box-shadow:var(--shadow);overflow:hidden}.kitchen-help::before{content:"";position:absolute;inset:0;background-color:var(--color-bg);background-image:repeating-conic-gradient(from 0deg, rgba(0, 0, 0, 0.04) 0deg 90deg, transparent 90deg 180deg);background-size:120px 120px;z-index:0;pointer-events:none}.kitchen-help__title{margin-bottom:var(--space-xl);font-family:var(--font-family-jua)}.kitchen-help__content{position:relative;z-index:1}.kitchen-help__grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:var(--space-xl)}.kitchen-stats{margin-top:var(--space-xl);position:relative;border-radius:var(--border-radius);padding:var(--space-xl);background:var(--color-tan-300);box-shadow:var(--shadow);overflow:hidden}.kitchen-stats::before{content:"";position:absolute;inset:0;background-color:var(--color-bg);background-image:repeating-conic-gradient(from 0deg, rgba(0, 0, 0, 0.04) 0deg 90deg, transparent 90deg 180deg);background-size:120px 120px;z-index:0;pointer-events:none}.kitchen-stats__title{position:relative;z-index:1;margin-bottom:var(--space-xl);font-family:var(--font-family-jua)}.kitchen-stats__grid{position:relative;z-index:1;display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:var(--space-xl)}.tutorial-steps{position:relative;z-index:1}.tutorial-steps__header{display:flex;align-items:center;gap:var(--space-m);margin-bottom:var(--space-xl);cursor:pointer;list-style:none}.tutorial-steps__header::-webkit-details-marker{display:none}.tutorial-steps__toggle-icon{display:flex;align-items:center;justify-content:center;transition:transform .2s ease;transform:rotate(-90deg)}.tutorial-steps__toggle-icon svg{width:20px;height:20px;fill:var(--color-brown-500)}.tutorial-steps[open]>.tutorial-steps__header .tutorial-steps__toggle-icon{transform:rotate(0deg)}.tutorial-steps__title{font-family:var(--font-family-jua);font-size:var(--font-size-l);color:var(--color-brown-500)}.tutorial-steps__progress{display:flex;align-items:center;gap:var(--space-m);flex:1}.tutorial-steps__progress-text{font-family:var(--font-family-jua);font-size:var(--font-size-l);color:var(--color-brown-500);white-space:nowrap}.tutorial-steps__progress-bar{flex:1;height:12px;background:var(--color-tan-300);border:3px solid var(--color-brown-400);border-radius:999px;overflow:hidden}.tutorial-steps__progress-fill{height:100%;background:linear-gradient(90deg, var(--color-green-400) 0%, var(--color-green-300) 100%);transition:width .3s ease;border-radius:999px}.tutorial-steps__grid{display:grid;grid-template-columns:repeat(auto-fit, minmax(280px, 1fr));gap:var(--space-xl)}.tutorial-step-card--disabled{opacity:.6;pointer-events:none}.kitchen-verification-notice--compact{margin-top:var(--space-xl);max-width:480px}.kitchen-verification-notice--compact.kitchen-verification-notice--wide{max-width:none;margin-top:0;margin-bottom:var(--space-xl)}.kitchen-verification-notice--compact .state-card{padding:var(--space-l);border-width:6px}.kitchen-verification-notice--compact .state-card__title{font-size:var(--font-size-xl);margin-bottom:var(--space-xs)}.kitchen-verification-notice--compact .state-card__description{font-size:var(--font-size-m)}.kitchen-verification-notice--compact .state-card__icon{width:40px;height:40px;margin-bottom:var(--space-m)}.kitchen-verification-notice--compact .state-card__icon svg{width:1.2rem;height:1.2rem}.kitchen-verification-notice--compact .state-card__status-pill{top:-1.4rem;right:-1rem}.kitchen-verification-notice--compact .state-card__badge{font-size:var(--font-size-m);padding:.35rem .6rem}.kitchen-verification-notice--compact .state-card__icon-circle{width:2.8rem;height:2.8rem}.kitchen-verification-notice--compact .state-card__icon-circle::before{width:2rem;height:2rem}.kitchen-verification-notice--compact .state-card__icon-circle svg{width:1.2rem;height:1.2rem}.tutorial-step-card__locked-btn{position:relative;cursor:not-allowed}.tutorial-step-card__locked-btn .btn--disabled{opacity:.5;cursor:not-allowed}.tutorial-step-card__locked-btn[data-tooltip]:hover::after{content:attr(data-tooltip);position:absolute;bottom:125%;left:50%;transform:translateX(-50%);background:var(--color-brown-500);color:#fff;padding:var(--space-s) var(--space-m);border-radius:var(--border-radius);font-size:var(--font-size-s);white-space:nowrap;z-index:10;pointer-events:none}.tutorial-step-card__locked-btn[data-tooltip]:hover::before{content:"";position:absolute;bottom:120%;left:50%;transform:translateX(-50%);border:6px solid rgba(0,0,0,0);border-top-color:var(--color-brown-500);z-index:10;pointer-events:none}.dropdown{position:relative;display:inline-grid;grid-template-areas:"stack";align-items:center;font-family:var(--font-family-text);border-radius:16px;width:max-content}.dropdown>*{grid-area:stack}.dropdown--brown .dropdown__button{background-color:#be772b}.dropdown--brown .dropdown__menu{background-color:var(--color-brown-500);color:#884b2b}.dropdown--brown .dropdown__label{color:#884b2b;background-color:#f0c875}.dropdown--brown .dropdown__menu{background-color:#f0c875}.dropdown--brown .dropdown__item{color:#884b2b}.dropdown--brown .dropdown__item:hover{background-color:#be772b;color:var(--color-bg)}.dropdown--blue .dropdown__button{background-color:#4f8fba}.dropdown--blue .dropdown__menu{background-color:var(--color-blue-500);background-color:#4f8fba}.dropdown--blue__button{background-color:#4f8fba}.dropdown--blue .dropdown__label{color:#3c5e8b;background-color:#a4dddb}.dropdown--blue .dropdown__menu{background-color:#a4dddb}.dropdown--blue .dropdown__item{color:#3c5e8b}.dropdown--blue .dropdown__item:hover{background-color:#4f8fba;color:var(--color-bg)}.dropdown--pink .dropdown__button{background-color:#be4d54}.dropdown--pink .dropdown__menu{background-color:var(--color-red-500)}.dropdown--pink__button{background-color:#be4d54}.dropdown--pink .dropdown__label{color:#a4383f;background-color:#f9b2a0}.dropdown--pink .dropdown__menu{background-color:#f9b2a0;color:#a4383f}.dropdown--pink .dropdown__item{color:#a4383f}.dropdown--pink .dropdown__item:hover{background-color:#be4d54;color:var(--color-bg)}.dropdown--green .dropdown__button{background-color:#75a743}.dropdown--green .dropdown__menu{background-color:var(--color-green-500)}.dropdown--green__button{background-color:#75a743}.dropdown--green .dropdown__label{color:#468232;background-color:#d0da91}.dropdown--green .dropdown__menu{background-color:#d0da91;color:#468232}.dropdown--green .dropdown__item{color:#468232}.dropdown--green .dropdown__item:hover{background-color:#75a743;color:var(--color-bg)}.dropdown__label{font-size:1.2rem;width:100%;padding:.4em .5em 2em .5em;border-radius:16px;box-shadow:var(--shadow);position:relative;z-index:-1;top:-1em;left:0;font-weight:normal;font-family:var(--font-family-text)}@media(max-width: 500px){.dropdown__label{font-size:1rem}}.dropdown__button{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.6rem 1rem;border:none;border-radius:var(--border-radius);color:#f8e8d1;cursor:pointer;font-family:var(--font-family-subtitle);font-size:1.2rem;width:100%;box-shadow:var(--shadow);position:relative;z-index:10;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}@media(max-width: 500px){.dropdown__button{font-size:1rem}}.dropdown__selected{display:flex;align-items:center;gap:var(--space-xs)}.dropdown__icon{width:1.5rem;height:1.5rem;fill:currentColor}@media(max-width: 500px){.dropdown__icon{width:1.2rem;height:1.2rem}}.dropdown__menu{position:absolute;top:calc(100% - 3em);left:0;width:100%;padding:2.5em 0 var(--space-xs) 0;border-radius:var(--border-radius);box-shadow:var(--shadow);display:none;flex-direction:column;z-index:9}.dropdown__spacer{visibility:hidden;pointer-events:none;font-family:var(--font-family-text);font-size:1rem;height:0;overflow:hidden;white-space:nowrap;padding:0 3em}.dropdown__item{padding:var(--space-xs) var(--space-m);font-size:1rem;cursor:pointer;font-family:var(--font-family-text) !important}@media(max-width: 500px){.dropdown__item{font-size:.9rem}}.dropdown:hover .dropdown__menu{display:flex}.dropdown ul li{list-style:none}.dropdown:hover,.dropdown:focus-within{z-index:20}.shop-item-card{background:#f8e8d1;border-radius:16px;box-shadow:var(--shadow);padding:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;overflow:visible;height:100%;transition:transform .2s ease,box-shadow .2s ease}.shop-item-card:hover{transform:translateY(-4px);box-shadow:0 8px 24px rgba(0,0,0,.15)}.shop-item-card--out-of-stock{opacity:.7}.shop-item-card--out-of-stock:hover{transform:none}.shop-item-card--on-sale{border:2px solid #dc2626}.shop-item-card__sale-badge{position:absolute;top:.5rem;right:3.5rem;z-index:10;background:#dc2626;color:#fff;font-family:var(--font-family-text);font-size:.85rem;font-weight:700;padding:.25rem .75rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.15);text-transform:uppercase}.shop-item-card__stock-badge{position:absolute;top:.5rem;left:.5rem;z-index:10;background:var(--color-green-400);color:var(--color-green-700);font-family:var(--font-family-text);font-size:.85rem;font-weight:600;padding:.25rem .75rem;border-radius:8px;box-shadow:0 2px 8px rgba(0,0,0,.1)}.shop-item-card__stock-badge--low{background:#fef3c7;color:#92400e}.shop-item-card__stock-badge--out{background:#fee2e2;color:#dc2626}.shop-item-card__star{position:absolute;top:.5rem;right:.5rem;z-index:10;background:hsla(0,0%,100%,.9);border:none;border-radius:50%;width:2.5rem;height:2.5rem;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;box-shadow:0 2px 8px rgba(0,0,0,.1)}.shop-item-card__star svg{width:1.4rem;height:1.4rem;color:#ccc;transition:color .2s ease,transform .2s ease}.shop-item-card__star:hover{transform:scale(1.1);background:#fff}.shop-item-card__star:hover svg{color:#f59e0b}.shop-item-card__star--active{background:#fef3c7}.shop-item-card__star--active svg{color:#f59e0b}.shop-item-card__star--active:hover svg{color:#d97706}.shop-item-card__link{display:flex;flex-direction:column;align-items:center;gap:1rem;width:100%;text-decoration:none;color:inherit;position:relative;z-index:1}.shop-item-card__link:hover{text-decoration:none}.shop-item-card::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("/assets/landing/hero/hero-bg-59d6bbf0.webp") repeat center center/1200px;z-index:0;border-radius:16px}.shop-item-card__image{width:100%;height:250px;display:flex;justify-content:center;align-items:center;overflow:hidden;background-color:#e8cfb4;border-radius:12px;position:relative}.shop-item-card__image img{height:auto;max-height:100%;max-width:100%;padding:1em;position:relative;z-index:0;opacity:1 !important}.shop-item-card__content{width:100%;text-align:left;position:relative;z-index:1}.shop-item-card__details{display:flex;flex-direction:row;justify-content:space-between;align-items:flex-end;width:100%;font-family:var(--font-family-text)}.shop-item-card__hours{color:#a87254;font-size:.8rem}.shop-item-card__prices{display:flex;align-items:center;gap:.5rem}.shop-item-card__price{color:var(--color-brown-700);font-size:1.2rem}.shop-item-card__original-price{color:#999;font-size:1rem;text-decoration:line-through}.shop-item-card__title{font-size:1.4rem;font-weight:bold;color:#4d2b32;font-family:var(--font-family-subtitle)}.shop-item-card__description{font-size:1.2rem;color:#a87254;font-family:var(--font-family-text)}.shop-item-card__order-button{width:100%;margin-top:auto;position:relative}.shop-item-card__order-button .btn{width:100%;display:flex;align-items:center;justify-content:center;text-align:center;font-family:var(--font-family-text);cursor:pointer;border-radius:12px;font-size:1.5rem;padding:.2rem}.shop-item-card__order-button .disabled,.shop-item-card__order-button .btn-disabled{cursor:default;opacity:.7;pointer-events:none}.shop-item-card__order-button .btn:hover{filter:brightness(1.1)}.starter-project-card{background:var(--color-bg);border-radius:16px;border:1px solid #f8e8d1;padding:1rem;display:flex;flex-direction:column;align-items:center;gap:1rem;position:relative;overflow:hidden;height:100%;transition:transform .2s ease}.starter-project-card:hover{transform:translateY(-8px)}.starter-project-card::before{content:"";position:absolute;inset:0;border-radius:14px;background-image:repeating-conic-gradient(from 0deg, var(--pattern-color, rgba(139, 102, 70, 0.03)) 0deg 90deg, transparent 90deg 180deg);background-size:100px 100px;z-index:0;pointer-events:none}.starter-project-card__image{width:100%;height:250px;display:flex;justify-content:center;align-items:center;overflow:hidden;border-radius:12px;position:relative}.starter-project-card__image img{height:auto;max-height:100%;max-width:100%;padding:1em;object-fit:cover;position:relative;z-index:0;opacity:1 !important}.starter-project-card__content{width:100%;text-align:center;position:relative;z-index:1}.starter-project-card__title{font-size:2rem;font-weight:bold;color:#4d2b32;font-family:var(--font-family-subtitle);text-align:start;margin-bottom:.5rem}.starter-project-card__description{font-size:1.2rem;color:#a87254;text-align:start;font-family:var(--font-family-text)}.starter-project-card--featured{transform:scale(1.05);z-index:1}.starter-project-card--featured .starter-project-card__image{height:280px}.starter-project-card--featured .starter-project-card__title{font-size:2.2rem}.starter-project-card--featured:hover{transform:scale(1.05) translateY(-8px)}.starter-project-card__form{width:100%;height:100%}.starter-project-card__button{background:none;border:none;padding:0;margin:0;width:100%;height:100%;cursor:pointer;font:inherit;color:inherit;text-align:inherit}.starter-project-card__button:focus{outline:none}.starter-project-card__button:focus-visible{outline:2px solid var(--color-green);outline-offset:2px}.skill-cards{display:grid;grid-template-columns:repeat(2, 1fr);gap:var(--space-l);width:170%;margin-left:-30%}@media(max-width: 900px){.skill-cards{width:100%;margin-left:0;grid-template-columns:1fr}}.skill-card{position:relative;border-radius:var(--space-m);cursor:pointer;transition:transform .2s ease,box-shadow .2s ease;overflow:hidden}.skill-card:hover{transform:translateY(-4px)}.skill-card__radio{position:absolute;opacity:0;pointer-events:none}.skill-card__inner{display:flex;align-items:center;justify-content:space-between;padding:var(--space-m) var(--space-l);border-radius:var(--space-m);margin:var(--space-xxs);margin-bottom:0;min-height:var(--space-xxxxl);position:relative;overflow:hidden}.skill-card__inner::before{content:"";position:absolute;inset:0;border-radius:14px;background-image:repeating-conic-gradient(from 0deg, var(--pattern-color, rgba(139, 102, 70, 0.05)) 0deg 90deg, transparent 90deg 180deg);background-size:100px 100px;z-index:0;pointer-events:none}.skill-card__content{flex:1;padding-right:var(--space-s);position:relative;z-index:2}.skill-card__title{font-size:var(--font-size-xxxxl);color:var(--color-bg);margin:0 0 var(--space-xs) 0}.skill-card__subtitle{font-size:var(--font-size-l);color:var(--color-bg);margin:0;line-height:1.4;font-weight:500;max-width:250px}.skill-card__image{position:absolute;right:-20px;bottom:-30px;width:180px;height:180px;z-index:1;pointer-events:none}.skill-card__image img{width:100%;height:100%;object-fit:contain}.skill-card__description{font-size:var(--font-size-m);margin:0;padding:var(--space-s) var(--space-m);line-height:1.4}.skill-card--red{background:#f9b2a0}.skill-card--red .skill-card__description{color:#7d2b30}.skill-card--red .skill-card__inner{background:#be4d54;--pattern-color: rgba(139, 82, 70, 0.15)}.skill-card--blue{background:#a4dddb}.skill-card--blue .skill-card__description{color:#253a5e}.skill-card--blue .skill-card__inner{background:#4f8fba;--pattern-color: rgba(13, 183, 230, 0.1)}@media(max-width: 640px){.skill-card__inner{min-height:var(--space-xxl)}.skill-card__title{font-size:var(--font-size-xl)}.skill-card__image{width:120px;height:120px}}.admin-banner{width:fit-content;background:linear-gradient(135deg, #fff3e0 0%, #ffe0b2 100%);border:1px dashed #ff9800;border-radius:8px;padding:.5rem .75rem;margin-bottom:1rem;position:relative;overflow:visible}.admin-banner::before{content:"⚙️";position:absolute;right:-1.5rem;top:50%;transform:translateY(-50%);font-size:1.2rem;opacity:.2}.admin-banner__content{display:flex;flex-direction:column;align-items:center;gap:.3rem;position:relative;z-index:1}.admin-banner__count{font-size:.8rem;font-weight:600;color:#e65100;font-family:var(--font-family-text);line-height:1}.admin-banner__link{background-color:#ff9800;color:#fff;padding:.2rem .4rem;border-radius:4px;text-decoration:none;font-weight:600;font-size:.65rem;font-family:var(--font-family-text);transition:all .3s ease;display:inline-block;white-space:nowrap}.admin-banner__link:hover{background-color:#f57c00;transform:translateX(1px);box-shadow:0 1px 4px rgba(255,152,0,.3)}.admin-banner__link:active{transform:translateX(0px)}.post{border:14px solid var(--color-brown-400);border-radius:calc(var(--border-radius)*1.8);background-clip:padding-box;position:relative;display:flex;flex-direction:column;gap:var(--space-m);padding:var(--space-xl);color:var(--color-bg);max-width:800px;background:var(--color-brown-500) repeating-conic-gradient(from 0deg, rgba(0, 0, 0, 0.02) 0deg 90deg, transparent 90deg 180deg);background-size:120px 120px;box-shadow:var(--shadow)}.post--deleted{border-color:#dc2626;border-width:6px;box-shadow:0 0 0 4px rgba(220,38,38,.3),0 0 20px rgba(220,38,38,.4),inset 0 0 30px rgba(220,38,38,.1);position:relative}.post--deleted::after{border-color:#dc2626 !important;background-color:#991b1b !important}.post--deleted::before{content:"";position:absolute;inset:0;background:repeating-linear-gradient(-45deg, transparent, transparent 10px, rgba(220, 38, 38, 0.08) 10px, rgba(220, 38, 38, 0.08) 20px);pointer-events:none;z-index:0;border-radius:inherit}.post__deleted-banner{display:flex;flex-direction:column;gap:.25rem;padding:var(--space-m) var(--space-l);background:linear-gradient(135deg, #dc2626 0%, #991b1b 100%);border:2px solid #fca5a5;border-radius:var(--border-radius);color:#fff;margin-bottom:var(--space-m);box-shadow:0 4px 12px rgba(220,38,38,.4);position:relative;z-index:2}.post__deleted-banner strong{font-size:var(--font-size-xl);letter-spacing:.05em;text-shadow:0 1px 2px rgba(0,0,0,.3)}.post__deleted-banner span{font-size:var(--font-size-s);opacity:.9}.post__deleted-banner-note{font-size:var(--font-size-xs);opacity:.75;font-style:italic;margin-top:.25rem}.post::before{content:"";position:absolute;width:40px;height:40px;background-color:var(--color-bg);top:.2em;left:-5.9em;z-index:1}.post::after{content:"";width:60px;height:60px;position:absolute;top:-1em;left:-7.2em;border-radius:50%;border-width:10px;border-style:solid;box-shadow:var(--shadow)}.post>*{position:relative;z-index:1}.post__header{display:flex;align-items:center;gap:var(--space-m)}.post__avatar{width:48px;height:48px;max-width:48px;max-height:48px;border-radius:50%;background-color:var(--color-brown-300);display:grid;place-items:center}.post__avatar svg{width:28px;height:28px;color:var(--color-tan-400) !important}.post__meta{display:flex;flex-direction:column;gap:2px;color:var(--color-tan-400)}.post__author{color:var(--color-bg);font-weight:700;font-size:var(--font-size-xl);font-weight:normal}.post__author a{color:inherit;text-decoration:none}.post__author a:hover{text-decoration:underline}.post__time{font-size:var(--font-size-l)}.post__duration{font-size:var(--font-size-m);font-weight:600;color:var(--color-bg);opacity:.8}.post__debug{background:rgba(0,0,0,.2);border-radius:var(--border-radius);padding:var(--space-s);font-size:var(--font-size-s)}.post__debug summary{cursor:pointer;font-weight:600;color:var(--color-bg)}.post__debug pre{margin:var(--space-s) 0 0;padding:var(--space-s);background:rgba(0,0,0,.3);border-radius:calc(var(--border-radius)/2);overflow-x:auto;font-size:var(--font-size-xs);color:var(--color-tan-300)}.post__body{font-size:var(--font-size-xl);line-height:1.5;overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;overflow:hidden}.post__body p{margin:0}.post__body ul,.post__body ol{padding-left:1.2em}.post__body blockquote{border-left:4px solid var(--color-brown-500);padding-left:12px;margin-left:0}.post__body :not(pre)>code{background-color:var(--color-green-500);border-radius:6px;padding:.2rem .5rem;font-family:monospace;font-size:1rem}.post__body pre{background-color:var(--color-green-500);border-radius:8px;padding:.2rem .5rem}.post__body pre *{font-family:monospace;font-size:1rem}.post__scrapbook-link{display:inline-block;opacity:.7;transition:opacity .15s ease,transform .15s ease}.post__scrapbook-link:hover{opacity:1;transform:scale(1.1)}.post__scrapbook-icon{width:28px;height:28px;color:var(--color-bg)}.post__attachments{display:block;position:relative}.post__attachments [hidden]{display:none !important}.post__viewport{position:relative;width:100%;aspect-ratio:16/9;border-radius:var(--border-radius);overflow:hidden;background:var(--color-brown-300)}.post__track{display:flex;width:100%;height:100%;transition:transform 220ms ease;will-change:transform}.post__slide{flex:0 0 100%;width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:0}.post__attachment{width:100%;height:100%;border-radius:0;overflow:hidden;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;gap:var(--space-s);color:var(--color-bg);padding:0}.post__attachment--file svg{width:20px;height:20px;color:var(--color-bg) !important}.post__image{width:100%;height:100%;object-fit:contain;display:block}.post__chevron{position:absolute;top:50%;transform:translateY(-50%);width:2.25rem;height:2.25rem;border-radius:9999px;border:none;display:flex;align-items:center;justify-content:center;background:var(--color-brown-400);color:var(--color-bg);cursor:pointer;z-index:3;box-shadow:0 2px 6px rgba(0,0,0,.15),0 0 0 2px rgba(0,0,0,.06);transition:transform .15s ease,filter .15s ease}.post__chevron:hover{transform:translateY(-50%) scale(1.03);filter:brightness(0.98)}.post__chevron--prev{left:var(--space-s);color:var(--color-brown-500)}.post__chevron--next{right:var(--space-s);color:var(--color-brown-500)}.post__chevron-icon{width:1.3rem;height:1.3rem;pointer-events:none}.post__chevron--prev .post__chevron-icon{transform:rotate(90deg)}.post__chevron--next .post__chevron-icon{transform:rotate(-90deg)}.post__indicators{position:absolute;bottom:var(--space-s);left:50%;transform:translateX(-50%);display:flex;gap:.4rem;z-index:3}.post__dot{width:.5rem;height:.5rem;border-radius:999px;border:none;background:rgba(0,0,0,.25);cursor:pointer}.post__dot.is-active{background:var(--color-brown-400)}.post .comments-count{display:flex;align-items:flex-end;gap:var(--space-xs);color:var(--brown);font-weight:600}.post .comments-count svg{width:25px;height:25px;fill:var(--brown);transition:fill .15s ease}.post .comments-count__count{font-size:1rem}.post--fire{background-color:var(--color-red-400);border-color:var(--color-red-300)}.post--fire .post__avatar{background-color:var(--color-red-300)}.post--fire .post__attachment{background:var(--color-red-300)}.post--fire .post__viewport{background:var(--color-red-300)}.post--fire .post__chevron{background:var(--color-red-400)}.post--fire .post__dot.is-active{background:var(--color-red-400)}.post--fire::after{border-color:var(--color-red-300);background-color:var(--color-red-450)}.post--fire::before{-webkit-mask:url("/assets/icons/fire-3f54a7cc.svg") no-repeat center/40px 40px;mask:url("/assets/icons/fire-3f54a7cc.svg") no-repeat center/40px 40px}.post--fire .comments-section{--comments-bg-col: var(--color-red-500);--comments-text-col: var(--color-red-300)}.post--fire .comment-form{--comment-box-col: var(--color-red-300)}.post--devlog{background-color:var(--color-green-400);border-color:var(--color-green-300)}.post--devlog .post__avatar{background-color:var(--color-green-300)}.post--devlog .post__attachment{background:var(--color-green-300)}.post--devlog .post__viewport{background:var(--color-green-300)}.post--devlog .post__chevron{background:var(--color-green-300)}.post--devlog .post__dot.is-active{background:var(--color-green-300)}.post--devlog::after{border-color:var(--color-green-300);background-color:var(--color-green-450)}.post--devlog::before{-webkit-mask:url("/assets/icons/paper-3ee63cdc.svg") no-repeat center/40px 40px;mask:url("/assets/icons/paper-3ee63cdc.svg") no-repeat center/40px 40px}.post--devlog .comments-section{--comments-bg-col: var(--color-green-500);--comments-text-col: var(--color-green-300)}.post--devlog .comment-form{--comment-box-col: var(--color-green-300)}.post--certified{background-color:var(--color-blue-400);border-color:var(--color-teal-400)}.post--certified .post__avatar{background-color:var(--color-blue-300)}.post--certified .post__attachment{background:var(--color-blue-300)}.post--certified .post__viewport{background:var(--color-blue-300)}.post--certified .post__chevron{background:var(--color-blue-400)}.post--certified .post__dot.is-active{background:var(--color-blue-400)}.post--certified::after{border-color:var(--color-teal-400);background-color:var(--color-blue-300)}.post--certified::before{-webkit-mask:url("/assets/icons/checkmark-8d9814d1.svg") no-repeat center/40px 40px;mask:url("/assets/icons/checkmark-8d9814d1.svg") no-repeat center/40px 40px}.post--certified .comments-section{--comments-bg-col: var(--color-blue-300);--comments-text-col: var(--color-blue-500)}.post--certified .comment-form{--comment-box-col: var(--color-teal-400)}.post__ship-title{font-size:1.8rem;font-weight:700;margin:0 0 var(--space-s) 0;color:inherit}.post__fire-title{font-size:1.8rem;font-weight:700;margin:0 0 var(--space-s) 0;color:inherit}.post__interactions{display:flex;align-items:center;gap:var(--space-m)}.post--ship{background-color:var(--color-yellow-500);border-color:var(--color-yellow-300)}.post--ship .post__avatar{background-color:var(--color-yellow-400)}.post--ship .post__attachment{background:var(--color-yellow-400)}.post--ship .post__viewport{background:var(--color-yellow-400)}.post--ship .post__chevron{background:var(--color-yellow-450)}.post--ship .post__dot.is-active{background:var(--color-yellow-450)}.post--ship::after{border-color:var(--color-yellow-300);background-color:var(--color-yellow-450)}.post--ship::before{-webkit-mask:url("/assets/icons/ship-d4d166d5.svg") no-repeat center/40px 40px;mask:url("/assets/icons/ship-d4d166d5.svg") no-repeat center/40px 40px}.post--ship .comments-section{--comments-bg-col: var(--color-yellow-450);--comments-text-col: var(--color-yellow-600)}.post--ship .comment-form{--comment-box-col: var(--color-yellow-300)}.post--git_commit{background-color:var(--color-brown-400);border-color:var(--color-brown-300)}.post--git_commit .post__avatar{background-color:var(--color-brown-300)}.post--git_commit::after{border-color:var(--color-brown-300);background-color:var(--color-brown-500)}.post--git_commit::before{-webkit-mask:url("/assets/icons/code-b4a81865.svg") no-repeat center/40px 40px;mask:url("/assets/icons/code-b4a81865.svg") no-repeat center/40px 40px}.post__git-commit{display:flex;flex-direction:column;gap:var(--space-s)}.post__git-commit-header{display:flex;align-items:center;gap:var(--space-m)}.post__git-commit-sha{background:rgba(0,0,0,.2);padding:var(--space-xs) var(--space-s);border-radius:calc(var(--border-radius)/2);font-family:monospace;font-size:var(--font-size-m)}.post__git-commit-stats{font-size:var(--font-size-m);opacity:.8}.post__git-commit-message{font-size:var(--font-size-xl);font-weight:600}.post__git-commit-link{color:inherit;opacity:.8;font-size:var(--font-size-m);text-decoration:none}.post__git-commit-link:hover{opacity:1;text-decoration:underline}.post__action-btn{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--border-radius);background:hsla(0,0%,100%,.2);border:1px solid hsla(0,0%,100%,.4);cursor:pointer;color:var(--color-bg);transition:background-color .2s,border-color .2s}.post__action-btn:hover{background:hsla(0,0%,100%,.4);border-color:hsla(0,0%,100%,.6)}.post__action-btn--danger{background:rgba(180,60,60,.3);border-color:rgba(180,60,60,.5)}.post__action-btn--danger:hover{background:rgba(180,60,60,.5);border-color:rgba(180,60,60,.7)}.post__action-icon{width:16px;height:16px;fill:currentColor}.project-idea-generator{background:var(--color-tan-300);padding:12px;border-radius:16px;box-shadow:var(--shadow);text-align:center;align-self:center;width:100%}.project-idea-generator>div{background-color:var(--color-bg);box-shadow:var(--shadow);border-radius:10px;padding:16px;height:100%;display:flex;flex-direction:column}.project-idea-generator>div h3{font-size:1.8em;margin:0;font-family:var(--font-family-subtitle)}@media(max-width: 600px){.project-idea-generator>div h3{font-size:1.6em}}.project-idea-generator>div p{color:var(--color-brown-dark);font-size:1.2em;margin-bottom:16px;font-family:var(--font-family-text)}.project-idea-generator>div #shopkeeper-bar{margin:24px auto 0 auto;height:auto;display:flex;flex-direction:column;flex-grow:1}.project-idea-generator>div #shopkeeper-bar #shopkeeper-speech{padding:8px 16px;background:var(--color-tan-400);border-radius:10px;box-shadow:var(--shadow);z-index:10;font-family:var(--font-family-text)}.project-idea-generator>div #shopkeeper-bar #shopkeeper-bakery{position:relative;align-self:center;width:100%}.project-idea-generator>div #shopkeeper-bar #shopkeeper-bakery img{margin-top:-32px;width:100%}.like-button{display:inline-flex}.like-button__btn{display:flex;align-items:flex-end;gap:var(--space-xs);background:var(--bg-brown);border:2px solid var(--brown);border-radius:var(--radius-md);color:var(--brown);font-weight:600;cursor:pointer;transition:all .15s ease;text-decoration:none}.like-button__btn:hover{background:var(--brown);color:var(--bg-brown)}.like-button__btn:hover .like-button__icon{fill:var(--bg-brown)}.like-button__btn--liked{background:var(--yellow);border-color:var(--brown);color:var(--brown)}.like-button__btn--liked .like-button__icon{fill:var(--brown)}.like-button__btn--liked:hover{background:var(--bg-brown);color:var(--brown)}.like-button__btn--liked:hover .like-button__icon{fill:var(--brown)}.like-button__btn--disabled{cursor:default;opacity:.7}.like-button__icon{width:25px;height:25px;fill:var(--brown);transition:fill .15s ease}.like-button__count{font-size:1rem}.comments-section{--comments-bg-col: var(--color-yellow-450);--comments-text-col: var(--color-yellow-600)}.comments-section__title{display:flex;align-items:center;gap:var(--space-xs);margin:0 0 var(--space-m);font-weight:normal;font-size:1.2rem}.comments-section__list{display:flex;flex-direction:column;margin-top:var(--space-m);background:var(--comments-bg-col);border-radius:12px;color:var(--comments-text-col);position:relative;overflow:hidden}.comments-section__list::before{content:"";position:absolute;border-radius:inherit;top:0;left:0;width:100%;height:100%;background:url("/assets/landing/pattern-0d6f36e4.avif") repeat center center/1200px;opacity:.05;z-index:0}.comments-section__list>*{position:relative;z-index:1}.comment{padding:var(--space-m);background:var(--bg-cream);border-radius:var(--radius-md);border:1px solid var(--brown-light);display:flex;flex-direction:row;gap:var(--space-m)}.comment__content{width:100%}.comment__header{display:flex;align-items:flex-start;gap:var(--space-s);margin-bottom:var(--space-s);width:100%}.comment__avatar{width:40px;height:40px;border-radius:50%;object-fit:cover}.comment__meta{display:flex;flex-direction:row;flex-wrap:wrap;gap:.5em;flex:1}.comment__author{font-weight:bold;color:var(--brown);font-size:var(--font-size-sm)}.comment__time{font-size:var(--font-size-xs);color:var(--text-muted)}.comment__delete{background:none;border:none;cursor:pointer;opacity:.5;transition:opacity .15s ease}.comment__delete:hover{opacity:1}.comment__delete svg{width:16px;height:16px;fill:var(--red)}.comment__body{color:var(--text);font-size:var(--font-size-sm);line-height:1.5}.comment__body p{margin-top:-0.5em}.comment-form{--comment-box-col: var(--color-teal-400)}.comment-form__form{display:flex;flex-direction:column;gap:var(--space-s)}.comment-form__input{width:100%;background:var(--comment-box-col);color:var(--color-brown-500);padding:var(--space-s);border:none;outline:none;border-radius:8px;font-family:inherit;font-size:var(--font-size-sm);resize:vertical;min-height:60px}.comment-form__input:focus{outline:none;border-color:var(--brown)}.comment-form__input::placeholder{color:var(--color-brown-500);opacity:.7}.comment-form__actions{display:flex;justify-content:flex-end}.comment-form__login-prompt{color:var(--text-muted);font-size:var(--font-size-sm);text-align:center;padding:var(--space-m)}.dialogue-box-backdrop{background:rgba(0,0,0,.5);backdrop-filter:blur(4px);width:100vw;height:100vh;position:fixed;top:0;left:0;z-index:999}.dialogue-box__sticker{position:fixed;bottom:-50px;right:-100px;width:700px;height:200px;background:var(--color-brown-500);background-image:url("/assets/mask/inp-group-67f0ac00.avif");background-repeat:no-repeat;background-size:cover;background-position:center;border:15px solid var(--color-brown-400);border-radius:12px;transform:rotate(5deg);z-index:999;pointer-events:none;transition:transform .5s cubic-bezier(0.34, 1.56, 0.64, 1),opacity .4s ease}.dialogue-box__sticker--hidden{transform:rotate(5deg) translateY(100px);opacity:0}@media(max-width: 1500px){.dialogue-box__sticker{width:500px;height:150px;bottom:-40px;right:-70px}}@media(max-width: 1300px){.dialogue-box__sticker{width:400px;height:120px;bottom:-40px;right:-50px}}@media(max-width: 1150px){.dialogue-box__sticker{top:50%;left:50%;transform:translate(-50%, -50%);visibility:hidden;border-radius:100%}}.dialogue-box__sticker-image{position:absolute;left:-10px;bottom:30px;height:350px;width:auto;transform:rotate(-10deg);filter:drop-shadow(0 4px 12px rgba(0, 0, 0, 0.3))}.dialogue-box__sticker:not(.dialogue-box__sticker--hidden) .dialogue-box__sticker-image{animation:sticker-bounce .6s cubic-bezier(0.34, 1.56, 0.64, 1) both}@media(max-width: 1150px){.dialogue-box__sticker-image{height:300px;left:20px;bottom:0;border-radius:100%;visibility:visible;filter:drop-shadow(0 0 10px black)}}@keyframes sticker-bounce{0%{opacity:0;transform:rotate(-10deg) scale(0.5) translateY(30px)}100%{opacity:1;transform:rotate(-10deg) scale(1) translateY(0)}}.dialogue-box{isolation:isolate;position:fixed;z-index:1000;bottom:3em;left:6em;right:1em;max-width:700px;background-color:#73bed3;padding:.8em .8em .8em 12em;border-radius:16px}.dialogue-box h1{margin:0;margin-bottom:.2em;color:#253a5e;font-size:2rem;font-weight:normal}.dialogue-box__image{position:absolute;background-color:#73bed3;height:230px;width:230px;border-radius:50%;left:-4em;bottom:-2em;border:1em solid #4f8fba;cursor:pointer;transition:transform 200ms ease;transform-origin:bottom center}.dialogue-box__image img{height:220px;position:absolute;left:50%;bottom:.5em;transform:scaleX(-1) translateX(50%)}.dialogue-box__image:hover{transform:scale(1.05)}.dialogue-box__image:active{transform:scale(1.1, 0.9)}.dialogue-box__text{font-size:1.4rem;color:var(--color-bg);background-color:#4f8fba;padding:.5em 1.05em .4em 1em;border-radius:16px;display:flex;flex-direction:column;height:9rem}.dialogue-box__text .dialogue-box__text-content{flex:1;overflow-y:auto;padding-right:.5em;margin-right:-0.5em}@supports(-moz-appearance: none){.dialogue-box__text .dialogue-box__text-content{scrollbar-width:thin;scrollbar-color:#001f3f rgba(0,0,0,0)}}.dialogue-box__text .dialogue-box__text-content::-webkit-scrollbar{width:4px}.dialogue-box__text .dialogue-box__text-content::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.dialogue-box__text .dialogue-box__text-content::-webkit-scrollbar-thumb{background-color:#001f3f;border-radius:8px}.dialogue-box__text .dialogue-box__text-content::-webkit-scrollbar-thumb:hover{background-color:#036}.dialogue-box__text .dialogue-box__text-btn{font-size:1rem;background-color:rgba(0,0,0,0);border:none;color:var(--color-bg);margin-top:.5em;display:block;flex-shrink:0;align-self:flex-end}.dialogue-box__text .dialogue-box__text-btn span{font-size:1.4rem;animation:float 1s ease-in-out infinite;display:inline-block}@keyframes float{0%{transform:translateY(-2px)}50%{transform:translateY(-6px)}100%{transform:translateY(-2px)}}.dialogue-box__text .dialogue-box__text-btn:hover{cursor:pointer}@media(max-width: 960px){.dialogue-box{left:.5em;right:.5em;bottom:.5em;padding:.8em;max-width:100%}.dialogue-box__image{display:none}.dialogue-box h1{font-size:1.4rem}.dialogue-box__text{font-size:1.1rem;padding:.8em;height:7rem;max-height:8rem}}.welcome-overlay{position:fixed;inset:0;z-index:9999;display:flex;align-items:center;justify-content:center;cursor:pointer}.welcome-overlay--dismissing{animation:welcome-overlay-fade-out .4s ease-out forwards}.welcome-overlay__backdrop{position:absolute;inset:0;background:radial-gradient(ellipse at center, hsla(7, 20%, 35%, 0.85) 0%, hsla(7, 25%, 25%, 0.95) 100%);animation:welcome-overlay-backdrop-in .6s ease-out forwards}.welcome-overlay__bg-glow{position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);pointer-events:none;z-index:0}.welcome-overlay__content{position:relative;display:flex;flex-direction:column;align-items:center;gap:var(--space-l)}.welcome-overlay__banner{position:relative;opacity:0;transform:scale(0.8)}.welcome-overlay__banner::before{content:"";position:absolute;top:50%;left:50%;width:250%;height:250%;transform:translate(-50%, -50%);background:radial-gradient(ellipse at center, hsla(40, 60%, 80%, 0.5) 0%, hsla(40, 50%, 75%, 0.35) 15%, hsla(40, 40%, 70%, 0.2) 30%, hsla(40, 30%, 65%, 0.1) 50%, transparent 70%);filter:blur(30px);z-index:-2;opacity:0;animation:welcome-rays-appear 1s ease-out .3s forwards}.welcome-overlay__banner::after{content:"";position:absolute;inset:-60px;background:radial-gradient(ellipse at center, hsla(40, 50%, 85%, 0.5) 0%, hsla(40, 40%, 80%, 0.3) 30%, hsla(40, 30%, 75%, 0.1) 60%, transparent 80%);filter:blur(20px);z-index:-1;animation:welcome-glow-pulse 3s ease-in-out infinite alternate}.welcome-overlay__banner--animate{animation:welcome-banner-pop .8s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.welcome-overlay__image{max-width:min(90vw,600px);height:auto}.welcome-overlay__star{position:absolute;opacity:0}.welcome-overlay__star--top-left{top:-30px;left:-80px;transform:rotate(-80deg) !important}.welcome-overlay__star--top-left.welcome-overlay__star--animate{animation:welcome-star-appear-1 .6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.welcome-overlay__star--top-right{top:-60px;right:-90px;transform:rotate(60deg) !important}.welcome-overlay__star--top-right.welcome-overlay__star--animate{animation:welcome-star-appear-2 .6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.welcome-overlay__star--bottom-left{bottom:40px;left:-60px;transform:rotate(-50deg) !important}.welcome-overlay__star--bottom-left.welcome-overlay__star--animate{animation:welcome-star-appear-3 .6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.welcome-overlay__star--bottom-right{bottom:80px;right:-60px;transform:rotate(80deg) !important}.welcome-overlay__star--bottom-right.welcome-overlay__star--animate{animation:welcome-star-appear-4 .6s cubic-bezier(0.34, 1.56, 0.64, 1) forwards}.welcome-overlay__star-icon{animation:welcome-star-glow 2s ease-in-out infinite alternate}.welcome-overlay__star--top-left .welcome-overlay__star-icon{width:60px;height:60px;animation-delay:0s}.welcome-overlay__star--top-right .welcome-overlay__star-icon{width:60px;height:60px;animation-delay:.3s}.welcome-overlay__star--bottom-left .welcome-overlay__star-icon{width:40px;height:40px;animation-delay:.6s}.welcome-overlay__star--bottom-right .welcome-overlay__star-icon{width:30px;height:30px;animation-delay:.9s}.welcome-overlay__hint{font-family:var(--font-family-text);font-size:var(--font-size-l);color:hsla(40,70%,90%,.8);opacity:0;transform:translateY(10px);transition:opacity .4s ease,transform .4s ease}.welcome-overlay__hint--visible{opacity:1;transform:translateY(0)}@keyframes welcome-overlay-backdrop-in{from{opacity:0}to{opacity:1}}@keyframes welcome-overlay-fade-out{from{opacity:1}to{opacity:0}}@keyframes welcome-banner-pop{0%{opacity:0;transform:scale(0.8)}50%{opacity:1}100%{opacity:1;transform:scale(1)}}@keyframes welcome-star-appear-1{0%{opacity:0;transform:scale(0) rotate(-15deg);filter:drop-shadow(0 0 0 transparent)}100%{opacity:1;transform:scale(1) rotate(-12deg);filter:drop-shadow(0 0 12px hsla(45, 80%, 75%, 0.6))}}@keyframes welcome-star-appear-2{0%{opacity:0;transform:scale(0) rotate(20deg);filter:drop-shadow(0 0 0 transparent)}100%{opacity:1;transform:scale(1) rotate(15deg);filter:drop-shadow(0 0 12px hsla(45, 80%, 75%, 0.6))}}@keyframes welcome-star-appear-3{0%{opacity:0;transform:scale(0) rotate(-25deg);filter:drop-shadow(0 0 0 transparent)}100%{opacity:1;transform:scale(1) rotate(-20deg);filter:drop-shadow(0 0 12px hsla(45, 80%, 75%, 0.6))}}@keyframes welcome-star-appear-4{0%{opacity:0;transform:scale(0) rotate(10deg);filter:drop-shadow(0 0 0 transparent)}100%{opacity:1;transform:scale(1) rotate(8deg);filter:drop-shadow(0 0 12px hsla(45, 80%, 75%, 0.6))}}@keyframes welcome-glow-pulse{0%{opacity:.85;transform:scale(1)}100%{opacity:1;transform:scale(1.02)}}@keyframes welcome-rays-appear{0%{opacity:0;transform:translate(-50%, -50%) scale(0.8)}100%{opacity:1;transform:translate(-50%, -50%) scale(1)}}@keyframes welcome-star-glow{0%{filter:drop-shadow(0 0 6px hsla(45, 80%, 75%, 0.5)) drop-shadow(0 0 12px hsla(45, 70%, 70%, 0.3));transform:scale(1)}100%{filter:drop-shadow(0 0 10px hsla(45, 80%, 75%, 0.7)) drop-shadow(0 0 20px hsla(45, 70%, 70%, 0.4));transform:scale(1.05)}}@media(max-width: 600px){.welcome-overlay__banner::before{width:200%;height:200%}.welcome-overlay__banner::after{inset:-40px}.welcome-overlay__star--top-left{top:-35px;left:-40px}.welcome-overlay__star--top-right{top:-40px;right:-35px}.welcome-overlay__star--bottom-left{bottom:-25px;left:-35px}.welcome-overlay__star--bottom-right{bottom:-30px;right:-40px}.welcome-overlay__star--top-left .welcome-overlay__star-icon{width:40px;height:40px}.welcome-overlay__star--top-right .welcome-overlay__star-icon{width:34px;height:34px}.welcome-overlay__star--bottom-left .welcome-overlay__star-icon{width:28px;height:28px}.welcome-overlay__star--bottom-right .welcome-overlay__star-icon{width:32px;height:32px}}.music-player{position:absolute;top:1em;right:1em;display:flex;flex-direction:row-reverse;align-items:center;gap:1em}.music-player:hover .music-player__volume{opacity:1;visibility:visible}.music-player__play-pause{cursor:pointer;color:var(--color-bg);font-size:2rem;padding:.1em .5em;border-radius:50%;background:var(--color-brown-700);border:none;filter:drop-shadow(0 0 3px rgba(0, 0, 0, 0.5))}.music-player__volume{background:var(--color-brown-700);padding:.5em 1em .2em 1em;border-radius:16px;opacity:0;visibility:hidden;transition:opacity .2s ease,visibility .2s ease}.music-player__volume input[type=range]::-webkit-slider-thumb{cursor:pointer}.markdown-content{font-family:var(--font-family-text);color:var(--color-brown-600);line-height:var(--line-height-body);margin-top:1rem;padding:1rem 1.25rem;background-color:hsla(0,0%,100%,.4);border-radius:var(--border-radius);border:1px solid var(--color-tan-400)}.markdown-content h1,.markdown-content h2,.markdown-content h3,.markdown-content h4,.markdown-content h5,.markdown-content h6{font-family:var(--font-family-subtitle);color:var(--color-brown-700);margin-top:1em;margin-bottom:.5em}.markdown-content h1:first-child,.markdown-content h2:first-child,.markdown-content h3:first-child,.markdown-content h4:first-child,.markdown-content h5:first-child,.markdown-content h6:first-child{margin-top:0}.markdown-content h1{font-size:1.5rem}.markdown-content h2{font-size:1.3rem}.markdown-content h3{font-size:1.15rem}.markdown-content h4,.markdown-content h5,.markdown-content h6{font-size:1rem}.markdown-content p{margin-bottom:.75em}.markdown-content p:last-child{margin-bottom:0}.markdown-content ul,.markdown-content ol{margin:.5em 0;padding-left:1.5em}.markdown-content ul li,.markdown-content ol li{margin-bottom:.25em}.markdown-content a{color:var(--color-blue-500);text-decoration:underline}.markdown-content a:hover{color:var(--color-blue-600)}.markdown-content code{background-color:var(--color-tan-300);padding:.15em .4em;border-radius:4px;font-size:.9em}.markdown-content pre{background-color:var(--color-tan-300);padding:.75em 1em;border-radius:8px;overflow-x:auto;margin:.75em 0}.markdown-content pre code{padding:0;background:none}.markdown-content blockquote{border-left:3px solid var(--color-brown-400);padding-left:1em;margin:.75em 0;color:var(--color-brown-500);font-style:italic}.markdown-content strong{font-weight:600}.markdown-content em{font-style:italic}.markdown-content hr{border:none;border-top:1px solid var(--color-tan-400);margin:1em 0}.announcement{margin-top:3em;margin-bottom:1em;background:#fff1d6 !important;border-radius:16px;padding:1.5em;box-shadow:var(--shadow);position:relative}.announcement__flag{position:absolute;top:-1em;left:-2em;height:100px !important;width:auto !important;transform:rotate(-10deg)}@media(max-width: 700px){.announcement__flag{left:-1em;height:80px !important}}@media(max-width: 400px){.announcement__flag{display:none}}.announcement__content{padding:.5em 1em .5em 1em;border-radius:16px;border:5px dashed var(--color-brown-500);display:flex;flex-direction:row;gap:.5em;align-items:center;justify-content:center}@media(max-width: 700px){.announcement__content{flex-direction:column}}.announcement img{width:450px}@media(max-width: 700px){.announcement img{max-width:300px;width:100%}}.announcement__text h2{font-size:2.5rem}@media(max-width: 600px){.announcement__text h2{font-size:1.5rem}}.announcement__text p{font-size:1.5rem}@media(max-width: 600px){.announcement__text p{font-size:1rem}}@media(max-width: 700px){.announcement__text{text-align:center}}.christmas-theme{position:relative}.christmas-theme .sidebar__user-avatar-hat,.christmas-theme .sidebar__user-avatar-hat-bg{display:none !important}.christmas-theme .sidebar__user-avatar-santa-hat{display:block !important}.sidebar__user-avatar-santa-hat{display:none;position:absolute;top:-15px;right:20px;transform:scaleX(-1);width:55px;height:auto;z-index:10;pointer-events:none}.falling-snow-container{position:fixed;top:0;left:0;width:100%;height:100%;pointer-events:none;z-index:9999;overflow:hidden}.falling-snowflake{position:absolute;top:-20px;background:radial-gradient(circle, #fff 0%, #fff 50%, rgba(255, 255, 255, 0.8) 100%);border-radius:50%;animation:snowflake-fall linear infinite}.falling-snowflake--star{background:none;border-radius:0}.falling-snowflake--star::before{content:"❄";position:absolute;top:50%;left:50%;transform:translate(-50%, -50%);color:#fff;font-size:inherit;line-height:1}@keyframes snowflake-fall{0%{transform:translateY(0) translateX(0) rotate(0deg)}25%{transform:translateY(25vh) translateX(calc(var(--drift) * 0.5)) rotate(90deg)}50%{transform:translateY(50vh) translateX(var(--drift)) rotate(180deg)}75%{transform:translateY(75vh) translateX(calc(var(--drift) * 0.5)) rotate(270deg)}100%{transform:translateY(100vh) translateX(0) rotate(360deg)}}.snow-layer{position:absolute;top:0;left:10%;right:30%;height:0;pointer-events:none;z-index:1;overflow:visible}.snow-pile{position:absolute;top:-6px;width:20px;height:8px;background:radial-gradient(ellipse at center, #fff 0%, #fff 60%, rgba(255, 255, 255, 0.8) 80%, transparent 100%);border-radius:50% 50% 40% 40%;transform:translateX(-50%);animation:snow-settle 3s ease-out forwards;opacity:0}.snow-pile::before,.snow-pile::after{content:"";position:absolute;background:radial-gradient(ellipse at center, #fff 0%, #fff 50%, rgba(255, 255, 255, 0.6) 100%);border-radius:50%}.snow-pile::before{width:12px;height:6px;top:-2px;left:-4px}.snow-pile::after{width:14px;height:5px;top:-1px;right:-6px}@keyframes snow-settle{0%{opacity:0;transform:translateX(-50%) translateY(-15px)}100%{opacity:1;transform:translateX(-50%) translateY(0)}}.snow-pile--dispersing{animation:snow-disperse .6s ease-out forwards !important}@keyframes snow-disperse{0%{opacity:1;transform:translateX(-50%) translateY(0) scale(1)}50%{opacity:.8;transform:translateX(calc(-50% + var(--disperse-x, 10px))) translateY(-15px) scale(0.6)}100%{opacity:0;transform:translateX(calc(-50% + var(--disperse-x, 20px))) translateY(-30px) scale(0)}}@media(prefers-reduced-motion: reduce){.falling-snowflake{animation:none;display:none}.snow-pile{animation:none;opacity:1;transform:translateX(-50%) translateY(0)}.snow-pile--dispersing{animation:none;opacity:0}}.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}@media(max-width: 960px){.projects-board__header{flex-direction:column;justify-content:center;gap:1em;text-align: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-jua);font-size:var(--font-size-l);color:var(--color-brown-600)}.projects-board__grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit, minmax(400px, 1fr))}@media(max-width: 960px){.projects-board__grid{grid-template-columns:1fr}}.projects-board__grid-item{width:100%;height:100%}.projects-board__grid-item:only-child{max-width:600px}@media(max-width: 1500px){.projects-board__grid-item:only-child{max-width:400px}}@media(max-width: 960px){.projects-board__grid-item:only-child{max-width:100%}}.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;height:100%;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:focus-visible{outline:6px solid var(--color-brown-500);outline-offset:4px}.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}.projects-new{padding:var(--space-xxl) var(--space-l)}.projects-new__container{max-width:900px;margin:0 auto;display:grid;gap:var(--space-xl)}.projects-new__card{position:relative;border-radius:calc(var(--border-radius)*1.25);padding:var(--space-xxxxl);display:flex;flex-direction:column;gap:calc(var(--space-xxxxl)*1.5);overflow:hidden;border:2px solid rgba(139,102,70,.15);box-shadow:0 18px 32px rgba(47,34,21,.08)}.projects-new__card::before{content:"";position:absolute;inset:0;background-color:var(--color-bg);background-image:repeating-conic-gradient(from 0deg, rgba(0, 0, 0, 0.08) 0deg 90deg, transparent 90deg 180deg);background-size:120px 120px;z-index:0}.projects-new__card>*{position:relative;z-index:1}.projects-new__form{display:flex;flex-direction:column;gap:var(--space-xl)}.projects-new__field{display:flex;flex-direction:column;gap:var(--space-m);align-items:stretch}.projects-new__field .input{width:100%}.projects-new__actions{display:flex;justify-content:flex-end;padding-right:var(--space-xxl);gap:var(--space-m)}.projects-new__time-preview{background:var(--color-green-100);border-radius:var(--border-radius);padding:var(--space-m) var(--space-l);text-align:center;color:var(--color-brown-500)}.projects-new__time-preview p{margin:0;font-size:var(--font-size-l);color:var(--color-green-600)}.projects-new__time-preview strong{color:var(--color-green-700)}.projects-new__error{color:var(--color-red-600);font-size:.9rem;margin-top:var(--space-s)}.projects-new__error a{color:var(--color-red-700);text-decoration:underline}.projects-new__loading{text-align:center;padding:var(--space-xxxxl)}.projects-new__loading p{margin:var(--space-m) 0 0 0;font-size:var(--font-size-l);color:var(--color-brown-600)}.projects-new__loading-subtitle{font-size:var(--font-size-m) !important;color:var(--color-brown-400) !important}.projects-new__loading-spinner{width:48px;height:48px;border:4px solid var(--color-brown-200);border-top-color:var(--color-brown-500);border-radius:50%;margin:0 auto;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width: 768px){.projects-new{padding:var(--space-xl) var(--space-m)}.projects-new__card{padding:var(--space-xxl)}.projects-new__actions{flex-direction:column;align-items:stretch;padding-right:0}.projects-new__actions .btn{justify-content:center;width:100%}}.projects-show{padding:var(--space-xxl) var(--space-l)}.projects-show__container{max-width:1000px;margin:0 auto;display:grid;gap:var(--space-xl)}.projects-show__admin-actions{display:flex;gap:var(--space-s);align-self:flex-end}.projects-show__icon-btn{background-color:var(--color-brown-400);border-radius:calc(var(--border-radius)*.8);padding:var(--space-xs) var(--space-l)}.projects-show__icon-btn svg{color:var(--color-brown-700) !important;height:1.35em;width:1.35em}.projects-show__timeline{padding-left:4em;position:relative}.projects-show__timeline::before{content:"";position:absolute;left:0;top:0;bottom:0;width:10px;background-image:url("data:image/svg+xml,%3csvg width='8' height='90' viewBox='0 0 4 20' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3crect x='0' y='0' width='4' height='30' rx='2' fill='%23AD7757' /%3e%3c/svg%3e");background-repeat:repeat-y;opacity:.5}.projects-show__submission-tracking{background:var(--color-brown-200);border-radius:var(--border-radius);padding:var(--space-l);border:2px solid var(--color-brown-400)}.projects-show__submission-tracking h3{margin:0 0 var(--space-2xs) 0;font-size:1.2rem}.projects-show__submission-tracking p{margin:0 0 var(--space-m) 0;color:var(--color-text-muted);font-size:.9rem}.projects-show__status-tracker{display:flex;justify-content:space-around;gap:var(--space-m)}.projects-show__status-step{display:flex;flex-direction:column;align-items:center;gap:var(--space-2xs);opacity:.5}.projects-show__status-step--completed,.projects-show__status-step--active{opacity:1}.projects-show__status-step--completed .projects-show__status-icon{color:#16a34a}.projects-show__status-step--active .projects-show__status-icon{color:#f59e0b}.projects-show__status-icon{font-size:1.5rem}.projects-show__status-label{font-size:.85rem;text-align:center}.projects-show .modal{border:none;border-radius:var(--border-radius);border:.5rem solid var(--color-brown-700);padding:var(--space-l);background:var(--color-bg);box-shadow:var(--shadow);max-width:700px;width:90%;color:var(--color-text-body);position:fixed;left:50%;top:50%;transform:translate(-50%, -50%)}.projects-show .modal::backdrop{background:rgba(0,0,0,.5);backdrop-filter:blur(2px)}.projects-show .modal__title{font-family:var(--font-family-subtitle);font-size:2rem;margin-bottom:.5em}.projects-show .modal__actions{margin-top:var(--space-m);display:flex;justify-content:flex-end;gap:1em}.projects-show .modal__actions-close{background-color:var(--color-brown-500);font-size:1rem;padding:.2rem .5rem;border:2px solid var(--color-brown-700);border-radius:5px;color:var(--color-bg);cursor:pointer}.projects-show .modal__actions-close:hover{filter:brightness(1.1)}.projects-show #project-report-modal h2{font-weight:normal;font-size:1.2rem;font-family:var(--font-family-text);margin:0;margin-bottom:.5em}.projects-show #project-report-modal .form-field{border:none}.projects-show #project-report-modal .form-checkbox label{margin-top:-0.4em;font-family:var(--font-family-text)}.projects-show #project-report-modal .form-group{margin-top:-1em}.projects-show #project-report-modal .form-group textarea{border:2px solid var(--color-brown-700);margin-bottom:.5em;font-family:var(--font-family-text)}.projects-show #project-report-modal .form-group small{font-weight:bold;font-family:var(--font-family-subtitle);font-size:1rem}.projects-ship{padding:var(--space-xxl) var(--space-l);min-height:100vh}.projects-ship__container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:250px 1fr;gap:var(--space-xl)}@media(max-width: 768px){.projects-ship__container{grid-template-columns:1fr}}@media(max-width: 768px){.projects-ship__sidebar{display:none}}.projects-ship__preview-card{background:var(--color-brown-500);border-radius:var(--border-radius);padding:var(--space-m);color:var(--color-bg);position:sticky;top:var(--space-l)}.projects-ship__preview-card h3{margin:var(--space-s) 0 0 0;font-size:1.1rem;text-align:center}.projects-ship__preview-image{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:calc(var(--border-radius)*.5)}.projects-ship__preview-placeholder{width:100%;aspect-ratio:16/9;background:var(--color-brown-600);border-radius:calc(var(--border-radius)*.5);display:flex;align-items:center;justify-content:center;color:var(--color-brown-300)}.projects-ship__content{display:flex;flex-direction:column;gap:1em}.projects-ship__back-link{color:var(--color-text-muted);text-decoration:none;font-size:.9rem}.projects-ship__back-link:hover{color:var(--color-text-body)}.projects-ship__title{font-size:2rem;margin:0;line-height:1.2}.projects-ship__project-name{color:var(--color-red-500)}.projects-ship__step{background:var(--color-brown-200);border-radius:var(--border-radius);padding:var(--space-l) var(--space-xl);border:2px solid var(--color-brown-400)}.projects-ship__section-title{margin:0 0 var(--space-2xs) 0;font-size:1.3rem}.projects-ship__section-desc{margin:0 0 var(--space-l) 0;color:var(--color-text-muted)}.projects-ship__validations{display:flex;flex-direction:column;gap:var(--space-s)}.projects-ship__validation{display:flex;align-items:flex-start;gap:var(--space-s);padding:var(--space-xs) var(--space-s);background:var(--color-brown-300)}.projects-ship__validation--passed .projects-ship__validation-icon{background:#16a34a;color:#fff}.projects-ship__validation--failed .projects-ship__validation-icon{background:#dc2626;color:#fff}.projects-ship__validation-icon{width:24px;height:24px;border-radius:4px;display:flex;align-items:center;justify-content:center;font-weight:bold;font-size:.9rem;flex-shrink:0}.projects-ship__validation-label{line-height:1.4}.projects-ship__form{display:flex;flex-direction:column;gap:var(--space-xl)}.projects-ship__form-field{display:flex;flex-direction:column;gap:var(--space-s)}.projects-ship__label{font-weight:600;font-size:1rem}.projects-ship__required{color:var(--color-red-500)}.projects-ship__hint{color:var(--color-text-muted);font-size:.85rem;margin:0}.projects-ship__select{padding:var(--space-xs) var(--space-s);border-radius:var(--border-radius);border:2px solid var(--color-brown-400);background:var(--color-bg);font-size:1rem}.projects-ship__reship-info{padding:var(--space-m);border-radius:var(--border-radius);margin-bottom:var(--space-l);font-size:.95rem}.projects-ship__reship-info--success{background:rgba(34,197,94,.15);color:#16a34a;border:1px solid #16a34a}.projects-ship__reship-info--warning{background:rgba(245,158,11,.15);color:#d97706;border:1px solid #d97706}.projects-ship__textarea{width:100%;padding:var(--space-m);border-radius:var(--border-radius);border:2px solid var(--color-brown-400);background:var(--color-bg);font-size:1rem;font-family:inherit;resize:vertical;min-height:150px}.projects-ship__textarea:focus{outline:none;border-color:var(--color-brown-600)}.projects-ship__hackatime-list{display:flex;flex-direction:column;gap:var(--space-s);margin-bottom:var(--space-m)}.projects-ship__hackatime-item{background:var(--color-yellow-400);color:var(--color-brown-700);padding:var(--space-m);border-radius:var(--border-radius)}.projects-ship__hackatime-name{font-weight:600;font-size:1.1rem}.projects-ship__hackatime-hours{font-size:.9rem;margin-top:var(--space-2xs)}.projects-ship__hackatime-total{text-align:center;padding:var(--space-s);background:var(--color-brown-300);border-radius:var(--border-radius);font-size:.9rem;margin-bottom:var(--space-m)}.projects-ship__edit-link{display:inline-block;padding:var(--space-xs) var(--space-m);background:var(--color-brown-500);border-radius:8px;color:var(--color-bg);text-decoration:none;font-size:.9rem}.projects-ship__edit-link:hover{filter:brightness(1.1)}.projects-ship__no-hackatime,.projects-ship__no-devlogs{padding:var(--space-m);background:var(--color-brown-300);border-radius:var(--border-radius);text-align:center}.projects-ship__no-hackatime p,.projects-ship__no-devlogs p{margin:0 0 var(--space-s) 0;color:var(--color-text-muted)}.projects-ship__devlogs{display:flex;flex-direction:column;gap:var(--space-m)}.projects-ship__devlog{background:var(--color-brown-300);padding:var(--space-m);border-radius:var(--border-radius)}.projects-ship__devlog-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--space-xs)}.projects-ship__devlog-author{font-weight:600}.projects-ship__devlog-date{color:var(--color-text-muted);font-size:.85rem}.projects-ship__devlog-body{color:var(--color-text-body);line-height:1.5;margin-bottom:var(--space-xs);overflow-wrap:break-word;word-wrap:break-word;word-break:break-word;overflow:hidden}.projects-ship__devlog-duration{color:var(--color-text-muted);font-size:.85rem}.projects-ship__navigation{display:flex;justify-content:space-between;align-items:center;gap:var(--space-m);margin-top:var(--space-l)}.projects-ship__step4-actions{display:flex;gap:var(--space-m);align-items:center}.projects-ship__nav-btn{padding:var(--space-s) var(--space-l);border-radius:var(--border-radius);font-size:1rem;text-decoration:none;border:2px solid var(--color-brown-500);background:var(--color-brown-400);color:var(--color-bg);cursor:pointer}.projects-ship__nav-btn:hover{filter:brightness(1.1)}.projects-ship__nav-btn--prev{background:var(--color-brown-300);color:var(--color-text-body)}.projects-ship__nav-btn--next{background:var(--color-red-500);border-color:var(--color-red-700)}.projects-ship__nav-btn--submit{background:#16a34a;border-color:#15803d}.projects-ship__nav-btn--disabled{background:var(--color-brown-300);color:var(--color-text-muted);cursor:not-allowed;opacity:.7}.projects-ship__nav-btn--disabled:hover{filter:none}.kitchen-index{margin:var(--space-xxxl) auto;max-width:1100px}.kitchen-index .ui-heading{margin-bottom:var(--space-xl)}.kitchen-index .ui-heading__surface{padding-left:var(--space-xxxxl);padding-right:var(--space-xxxxl)}.kitchen-setup{position:relative;border-radius:var(--border-radius);padding:var(--space-xl);background:var(--color-tan-300);box-shadow:var(--shadow);overflow:hidden}.kitchen-setup::before{content:"";position:absolute;inset:0;background-color:var(--color-bg);background-image:repeating-conic-gradient(from 0deg, rgba(0, 0, 0, 0.04) 0deg 90deg, transparent 90deg 180deg);background-size:120px 120px;z-index:0;pointer-events:none}.kitchen-setup__header,.kitchen-setup__grid{position:relative;z-index:1}.kitchen-setup__title{font-family:var(--font-family-subtitle);font-size:var(--font-size-xxxxl);color:var(--color-text-header);text-align:center;margin-bottom:var(--space-s)}.kitchen-setup__subtitle{text-align:center;font-size:var(--font-size-xl);color:var(--color-brown-400);margin-bottom:var(--space-xl)}.kitchen-setup__grid{display:grid;gap:var(--space-xl)}@media(min-width: 768px){.kitchen-setup__grid{grid-template-columns:1fr 1fr;position:relative}.kitchen-setup__grid::after{content:"";position:absolute;top:0;bottom:0;left:50%;width:0;border-left:6px dashed var(--color-brown-400);opacity:.5;transform:translateX(-50%);pointer-events:none}}.banned-banner{background:var(--color-red-100, #fee2e2);border:2px solid var(--color-red-500, #ef4444);border-radius:var(--border-radius);padding:var(--space-xl);margin-bottom:var(--space-xl);text-align:center}.banned-banner__content{max-width:600px;margin:0 auto}.banned-banner__title{font-family:var(--font-family-subtitle);font-size:var(--font-size-xxxl);color:var(--color-red-700, #b91c1c);margin-bottom:var(--space-m)}.banned-banner__message{font-size:var(--font-size-l);color:var(--color-red-600, #dc2626);margin-bottom:var(--space-s)}.banned-banner__reason{font-size:var(--font-size-m);color:var(--color-red-600, #dc2626);margin-top:var(--space-m)}.achievements{margin:var(--space-xxxl) auto;max-width:1100px;padding:0 var(--space-l)}.achievements .ui-heading{margin-bottom:var(--space-l)}.achievements__stats{margin-bottom:var(--space-xl);background:#f8e8d1;border-radius:12px;padding:1rem 1.5rem;box-shadow:var(--shadow)}.achievements__stats-text{font-family:var(--font-family-subtitle);font-size:1.1rem;color:var(--color-brown-500);margin-bottom:.5rem}.achievements__stats-count{font-weight:bold;color:var(--color-green-500)}.achievements__stats-total{color:var(--color-brown-400)}.achievements__stats-bar{width:100%;height:16px;background:var(--color-tan-300);border:2px solid var(--color-brown-400);border-radius:999px;overflow:hidden}.achievements__stats-fill{height:100%;background:linear-gradient(90deg, var(--color-green-400) 0%, var(--color-green-500) 100%);border-radius:999px;transition:width .5s ease}.achievements__grid{display:grid;gap:2rem;grid-template-columns:repeat(auto-fit, minmax(200px, 1fr))}.achievements__card{background:#f8e8d1;border-radius:16px;box-shadow:var(--shadow);padding:1.5rem;display:flex;flex-direction:column;align-items:center;text-align:center;position:relative;overflow:visible}.achievements__card::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("/assets/landing/hero/hero-bg-59d6bbf0.webp") repeat center center/1200px;z-index:0;border-radius:16px}.achievements__card>*{position:relative;z-index:1}.achievements__card:not(.achievements__card--earned) .achievements__icon{background:var(--color-tan-300)}.achievements__card:not(.achievements__card--earned) .achievements__icon-svg{opacity:.4}.achievements__icon{width:80px;height:80px;border-radius:50%;background:var(--color-yellow-400);display:flex;align-items:center;justify-content:center;margin-bottom:1rem;box-shadow:var(--shadow)}.achievements__icon-svg{max-width:56px;max-height:56px;fill:var(--color-brown-500);object-fit:contain}.achievements__icon-svg:is(svg){width:32px;height:32px}.achievements__icon-svg:is(img){image-rendering:pixelated;width:auto;height:auto}.achievements__name{font-size:1.4rem;font-weight:bold;color:#4d2b32;font-family:var(--font-family-subtitle);margin:0 0 .5rem}.achievements__description{font-size:1rem;color:#a87254;font-family:var(--font-family-text);margin:0;line-height:1.4}.achievements__reward{display:inline-block;font-family:var(--font-family-subtitle);font-size:.9rem;color:var(--color-brown-500);background:var(--color-yellow-300);padding:.2rem .6rem;border-radius:999px;margin-top:.5rem}.achievements__reward--secret{background:var(--color-tan-300);color:var(--color-brown-300)}.achievements__earned-at{display:block;font-family:var(--font-family-text);font-size:.85rem;color:var(--color-green-500);margin-top:.75rem;background:var(--color-green-300);padding:.25rem .75rem;border-radius:999px}.achievements__progress{width:100%;margin-top:.75rem}.achievements__progress-bar{width:100%;height:10px;background:var(--color-tan-300);border:2px solid var(--color-brown-400);border-radius:999px;overflow:hidden}.achievements__progress-fill{height:100%;background:linear-gradient(90deg, var(--color-yellow-400) 0%, var(--color-yellow-500) 100%);border-radius:999px;transition:width .3s ease}.achievements__progress-text{display:block;font-family:var(--font-family-text);font-size:.8rem;color:var(--color-brown-400);margin-top:.35rem}.achievements__badge{position:absolute;top:-10px;right:-10px;width:36px;height:36px;background:linear-gradient(145deg, #66bb6a 0%, #43a047 100%);border:3px solid #fff;border-radius:50%;display:flex;align-items:center;justify-content:center;box-shadow:0 3px 8px rgba(0,0,0,.25),inset 0 1px 2px hsla(0,0%,100%,.4)}.achievements__badge-icon{width:18px;height:18px;color:#fff}.achievements__card--secret .achievements__icon{background:var(--color-brown-300)}.achievements__card--secret .achievements__name,.achievements__card--secret .achievements__description{font-style:italic;opacity:.7}.achievements__card--highlighted{animation:achievement-highlight-pulse .6s ease-in-out 3;position:relative;z-index:10}.achievements__card--highlighted::after{content:"";position:absolute;inset:-4px;border-radius:20px;background:linear-gradient(45deg, var(--color-yellow-400), var(--color-yellow-500), #fff, var(--color-yellow-400));background-size:300% 300%;animation:achievement-shimmer 1s ease-in-out infinite;z-index:-1;opacity:1;transition:opacity .5s ease-out}.achievements__card--highlighted.achievements__card--fading::after{opacity:0}@keyframes achievement-highlight-pulse{0%,100%{transform:scale(1)}50%{transform:scale(1.03)}}@keyframes achievement-shimmer{0%{background-position:0% 50%}50%{background-position:100% 50%}100%{background-position:0% 50%}}.shop{text-align:center;margin-top:3rem;max-width:1400px;margin-left:auto;margin-right:auto;padding-left:2rem;padding-right:2rem}.shop .ui-heading{width:100%;margin-bottom:3em}.shop .ui-heading__title{font-size:2rem;font-family:var(--font-family-text)}.shop .ui-heading__stack{width:50%}.shop .ui-heading__surface{width:100%}@media(max-width: 960px){.shop .ui-heading__stack{width:100%}}.shop .btn{background:var(--color-blue-400);padding:.5em 2em;font-family:var(--font-family-text);font-size:1.2rem;border-radius:12px}.shop .btn::after{content:"";background-color:rgba(0,0,0,0)}.shop a.btn:not(.no-underline)::after{content:none}.shop .shop__buttons{display:flex;align-items:center;justify-content:flex-end;gap:1rem;margin:2rem auto}.shop .shop__signup-cta{display:flex;align-items:center;justify-content:space-between;gap:2rem;background:linear-gradient(135deg, var(--color-brown-500) 0%, var(--color-brown-600) 100%);border-radius:16px;padding:1.5rem 2rem;margin-bottom:2rem;color:#fff;text-align:left;box-shadow:0 8px 24px rgba(0,0,0,.15)}.shop .shop__signup-cta h3{font-family:var(--font-family-subtitle);font-size:1.5rem;margin:0 0 .25rem 0}.shop .shop__signup-cta p{margin:0;opacity:.9;font-size:1rem}.shop .shop__signup-cta .shop__signup-cta-buttons{display:flex;flex-direction:column;align-items:center;gap:.5rem}.shop .shop__signup-cta .btn-cta{background:var(--color-tan-300);color:var(--color-brown-700);padding:.75em 2em;border-radius:12px;border:2px solid var(--color-brown-700);font-family:var(--font-family-text);font-size:1.1rem;font-weight:600;white-space:nowrap;text-decoration:none;transition:transform .1s,box-shadow .1s,background .1s}.shop .shop__signup-cta .btn-cta:hover{background:var(--color-tan-400);box-shadow:0 4px 12px rgba(0,0,0,.2)}.shop .shop__signup-cta .shop__signin-form{margin:0}.shop .shop__signup-cta .shop__signin-link{background:none;border:none;color:hsla(0,0%,100%,.8);font-family:var(--font-family-text);font-size:.875rem;cursor:pointer;text-decoration:underline;padding:0}.shop .shop__signup-cta .shop__signin-link:hover{color:#fff}@media(max-width: 650px){.shop .shop__signup-cta{flex-direction:column;text-align:center}.shop .shop__signup-cta .shop__signup-cta-content{margin-bottom:1rem}.shop .shop__signup-cta .shop__signup-cta-buttons{width:100%}.shop .shop__signup-cta .btn-cta{width:100%}}.shop .shop__banner{width:100%;border:1em solid hsl(22,34%,51%);background-color:var(--color-brown-500);border-radius:16px;padding:1em;overflow:hidden;position:relative}.shop .shop__banner::before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:url("/assets/landing/pattern-5ba25712.webp") repeat center center/1200px;opacity:.1;z-index:0}.shop .shop__banner .shop__banner-headings{display:flex;align-items:center;justify-content:space-between;font-family:var(--font-family-text);font-size:1.5rem;margin:0 auto}.shop .shop__banner .shop__banner-headings .shop__banner-title{color:var(--color-bg);font-family:var(--font-family-subtitle)}.shop .shop__banner .shop__banner-headings .shop__banner-price{background-color:var(--color-brown-700);color:var(--color-bg);padding:.1rem 1.5rem;border-radius:8px;font-weight:normal;font-family:var(--font-family-text)}.shop .shop__banner .shop__banner-showcase{display:flex;flex-direction:row;align-items:center;justify-content:space-between;width:95%;margin:0 auto;gap:1em;margin-top:1em}.shop .shop__banner .shop__banner-showcase .shop__banner-item-desc{text-align:left;flex:1}.shop .shop__banner .shop__banner-showcase .shop__banner-item-desc h4{font-size:3rem;color:var(--color-bg);font-weight:normal;font-family:var(--font-family-text);line-height:1}.shop .shop__banner .shop__banner-showcase .shop__banner-item-desc h5{margin-top:.5rem;font-size:1.5rem;color:var(--color-tan-400);font-weight:normal;font-family:var(--font-family-text)}.shop .shop__banner .shop__banner-showcase .shop__banner-item-desc h6{font-size:1.25rem;color:var(--color-tan-400);font-weight:normal;font-family:var(--font-family-text)}.shop .shop__banner .shop__banner-showcase .shop__banner-item-desc a{margin-top:1.5rem;background-color:var(--color-brown-700);color:var(--color-bg);padding:.2em 1em;font-size:1.5rem;font-family:var(--font-family-text);font-weight:normal;display:inline-block;border-radius:8px;text-decoration:none;cursor:pointer;position:relative;z-index:10}.shop .shop__banner .shop__banner-showcase .shop__banner-item-desc a:hover{filter:brightness(1.1)}.shop .shop__banner .shop__banner-showcase img{margin-bottom:-2em;height:100%}@media(max-width: 1000px){.shop .shop__banner .shop__banner-headings{flex-direction:column;margin-bottom:1em;gap:1rem}.shop .shop__banner .shop__banner-showcase{flex-direction:column}.shop .shop__banner .shop__banner-showcase .shop__banner-item-desc{text-align:center}.shop .shop__banner .shop__banner-showcase .shop__banner-item-desc h4{font-size:3rem}.shop .shop__banner .shop__banner-showcase .shop__banner-item-desc h5{font-size:1.5rem}.shop .shop__banner .shop__banner-showcase .shop__banner-item-desc{width:100%;margin-bottom:1rem}.shop .shop__banner .shop__banner-showcase img{width:100%;height:auto}}.shop .shop__nav{margin-top:4rem;display:flex;flex-direction:row;align-items:flex-end;justify-content:center;gap:3rem;width:100%}.shop .shop__nav .shop__searchbar{flex-grow:1;position:relative;top:-1em}.shop .shop__nav .shop__searchbar .input{width:100%;padding:0;color:var(--color-brown-700);font-family:var(--font-family-text)}.shop .shop__nav .shop__searchbar .input::before{display:none}.shop .shop__nav .shop__searchbar .input__label{display:none}.shop .shop__nav .shop__searchbar .input__control{box-shadow:var(--shadow);border-radius:1rem}.shop .shop__nav .shop__searchbar .input__icon{box-shadow:var(--shadow);background-color:rgba(0,0,0,0);color:var(--color-brown-700);padding:0 var(--space-s)}.shop .shop__nav .shop__searchbar .input__icon svg{width:1.5rem;height:1.5rem}.shop .shop__nav .shop__searchbar .input__field{color:var(--color-brown-700);font-size:1.2rem;margin-bottom:-0.2em}.shop .shop__nav .shop__searchbar .input__field::placeholder{color:var(--color-brown-700);opacity:.5}.shop .shop__nav .shop__searchbar .input__field:focus{box-shadow:none}.shop .shop__nav .shop__filters{flex-grow:1;display:flex;flex-direction:row;align-items:flex-end;justify-content:space-evenly;gap:1rem}.shop .shop__nav .shop__filters .dropdown:nth-child(2){min-width:250px}.shop .shop__nav .shop__filters .dropdown__button{padding:.5em .5em .2em .5em}.shop .shop__nav .shop__filters #sort-btn{background-color:var(--color-green-400);border:none;cursor:pointer;border-radius:1rem;position:relative;padding:1rem 1rem .6rem 1rem;top:-1rem}.shop .shop__nav .shop__filters #sort-btn.descending svg{transform:rotate(180deg)}.shop .shop__nav .shop__filters #sort-btn svg{width:20px;height:20px;color:var(--color-green-500)}@media(max-width: 500px){.shop .shop__nav .shop__filters #sort-btn svg{width:15px;height:15px}}.shop .shop__nav .shop__filters #sort-btn span{background-color:var(--color-green-300);position:absolute;z-index:-1;top:-1.5rem;left:0;width:100%;padding:.6rem .1rem 2rem .1rem;border-radius:1rem;box-shadow:var(--shadow)}.shop .shop__nav .shop__filters #sort-btn span svg{width:15px;height:15px}@media(max-width: 500px){.shop .shop__nav .shop__filters #sort-btn span svg{width:12px;height:12px}}@media(max-width: 500px){.shop .shop__nav .shop__filters #sort-btn{padding:.8rem .8rem .4rem .8rem}}@media(max-width: 1400px){.shop .shop__nav{flex-direction:column;gap:2rem}.shop .shop__nav .shop__searchbar{width:100%}.shop .shop__nav .shop__filters{width:100%;flex-wrap:wrap;margin-top:0}.shop .shop__nav .shop__filters .dropdown{flex-grow:1}}.shop .shop__items{margin:1em 0;width:100%;display:grid;gap:2rem;grid-template-columns:repeat(auto-fit, minmax(300px, 1fr))}.shop .shop__items .shop-item-card{width:100%}@media(max-width: 650px){.shop .shop__buttons{flex-direction:column;gap:2rem}.shop .shop__buttons a{width:100%}.shop .shop__buttons .dropdown{width:100%}}.shop-goals{margin-bottom:2rem}.shop-goals__container{background:linear-gradient(135deg, #fef3c7 0%, #fde68a 100%);border:4px solid #f59e0b;border-radius:16px;padding:1.5rem;text-align:left}.shop-goals__title{display:flex;align-items:center;gap:.5rem;font-family:var(--font-family-subtitle);font-size:1.5rem;color:#92400e;margin:0 0 1rem 0}.shop-goals__title svg{width:1.5rem;height:1.5rem;color:#f59e0b}.shop-goals__items{display:flex;flex-wrap:wrap;gap:1rem}.shop-goals__item{position:relative;background:#fff;border-radius:12px;padding:.75rem;box-shadow:0 2px 8px rgba(0,0,0,.1);min-width:280px;max-width:350px;flex:1}.shop-goals__remove{position:absolute;top:.25rem;right:.25rem;background:#fee2e2;border:none;border-radius:50%;width:1.5rem;height:1.5rem;font-size:1rem;line-height:1;color:#dc2626;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:5}.shop-goals__remove:hover{background:#fecaca}.shop-goals__link{display:flex;align-items:center;gap:1rem;text-decoration:none;color:inherit}.shop-goals__image{width:60px;height:60px;object-fit:contain;border-radius:8px;background:#f8e8d1}.shop-goals__info{flex:1;min-width:0}.shop-goals__name{display:block;font-family:var(--font-family-subtitle);font-size:1.1rem;color:#4d2b32;margin-bottom:.5rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.shop-goals__progress-container{display:flex;flex-direction:column;gap:.25rem}.shop-goals__progress-bar{height:8px;background:#e5e7eb;border-radius:4px;overflow:hidden}.shop-goals__progress-fill{height:100%;background:linear-gradient(90deg, #f59e0b 0%, #fbbf24 100%);border-radius:4px;transition:width .3s ease}.shop-goals__progress-fill--complete{background:linear-gradient(90deg, #22c55e 0%, #4ade80 100%)}.shop-goals__progress-text{font-family:var(--font-family-text);font-size:.85rem;color:#6b7280}.shop-order{margin-top:2em}.shop-order__back{margin-bottom:1.5rem;width:100%}.shop-order__back .btn{margin-left:50%;transform:translateX(-50%);text-align:center}.shop-order__content{background:var(--color-bg) url("/assets/landing/hero/hero-bg-59d6bbf0.webp");padding:2em;border-radius:2em;width:90%;margin-left:50%;transform:translateX(-50%);box-shadow:var(--shadow);color:var(--color-brown-700);display:flex;flex-direction:row;gap:2em}@media(max-width: 1200px){.shop-order__content{flex-direction:column}}.shop-order__view{width:50%}.shop-order__view .shop-order__image{background-color:var(--color-tan-400);height:350px;border-radius:2em;display:flex;align-items:center;justify-content:center;overflow:hidden}.shop-order__view .shop-order__image img{height:90%}.shop-order__view h2{font-size:2.2rem;margin-top:.2em;font-family:var(--font-family-subtitle)}.shop-order__view h3{font-size:1rem;margin-top:.2rem;font-weight:normal;font-family:var(--font-family-text)}@media(max-width: 1200px){.shop-order__view{width:100%}}.shop-order__sale-badge{display:inline-block;padding:.4rem 1rem;border-radius:8px;font-size:1rem;font-weight:700;font-family:var(--font-family-text);margin-bottom:.5rem;background-color:#dc2626;color:#fff;text-transform:uppercase}.shop-order__original-price{text-decoration:line-through;color:#999;margin-right:.5rem}.shop-order__stock-indicator{display:inline-block;padding:.4rem 1rem;border-radius:8px;font-size:1rem;font-weight:600;font-family:var(--font-family-text);margin-bottom:.5rem;background-color:var(--color-green-300);color:var(--color-green-700);border:1px solid var(--color-green-400)}.shop-order__stock-indicator--low{background-color:#fef3c7;color:#92400e;border-color:#fcd34d}.shop-order__stock-indicator--out{background-color:#fee2e2;color:#dc2626;border-color:#fca5a5}.shop-order__details{width:50%}.shop-order__details h2{font-size:1.7rem;font-family:var(--font-family-subtitle);text-align:left}.shop-order__details .shop-order__quantity{margin-top:3em;margin-bottom:3em}.shop-order__details .shop-order__quantity .input{width:100%}.shop-order__details .shop-order__quantity .input .input__label{margin-top:-0.2em;font-family:var(--font-family-subtitle);font-size:1.5rem}.shop-order__details .shop-order__quantity .input .input__subtitle{padding:1em var(--space-s) .1em var(--space-m);font-family:var(--font-family-text);font-size:1.1rem;color:var(--color-red-500)}.shop-order__details .shop-order__quantity .input .input__field{font-weight:normal;font-family:var(--font-family-text);font-size:1.2rem;border-radius:1em}.shop-order__details .shop-order__quantity .input .input__field:focus{box-shadow:none}.shop-order__details .shop-order__address .dropdown{width:100%;margin-top:3em}@media(max-width: 960px){.shop-order__details .shop-order__address .dropdown{margin-top:4em}}.shop-order__details .shop-order__address .dropdown__label{top:-1.4em;width:fit-content;background-color:var(--color-blue-400);color:var(--color-bg);border-radius:8px;font-family:var(--font-family-subtitle);padding:.3em .8em 1.6em .8em;font-size:1.4rem}.shop-order__details .shop-order__address .dropdown__button{padding:1.4em .4em;position:relative;box-shadow:none}.shop-order__details .shop-order__address .dropdown__button .dropdown__selected{background-color:var(--color-bg);color:var(--color-blue-500);padding:.5em;border-radius:8px;width:calc(100% - 1em);font-size:1.1rem;display:block;text-align:left;position:absolute;z-index:-1}.shop-order__details .shop-order__address .dropdown__button .dropdown__selected .dropdown__char-span{display:block;text-overflow:ellipsis;white-space:nowrap;overflow:hidden;max-width:90%}.shop-order__details .shop-order__address .dropdown__button .dropdown__selected .dropdown__char-span:not(:hover){filter:blur(8px)}.shop-order__details .shop-order__address .dropdown__button svg{position:absolute;right:1.5em;color:var(--color-blue-500)}.shop-order__details .shop-order__address h4{margin-top:.5em;font-size:1.2rem;font-weight:normal;font-family:var(--font-family-text)}.shop-order__details .shop-order__no-address a{background-color:var(--color-brown-500)}.shop-order__details .shop-order__balance{font-size:1.2rem;margin-top:.5em;font-weight:normal;font-family:var(--font-family-text);border:.2em solid var(--color-bg);color:var(--color-bg);border-radius:1em;text-align:center;padding:.1em 1em}.shop-order__details .btn{width:100%;margin-top:1em;background:var(--color-bg);color:var(--color-brown-700);border:.2em solid var(--color-bg);font-family:var(--font-family-subtitle);font-size:1.5rem;border-radius:1em;text-align:center;justify-content:center}.shop-order__details .btn:hover{background-color:var(--color-brown-700);color:var(--color-bg)}.shop-order__details .shop-order__no-address p{margin-bottom:.5em;font-family:var(--font-family-text)}.shop-order__details .shop-order__no-address a{font-size:1.2rem;background-color:var(--color-brown-500);color:var(--color-bg);border-radius:8px;border:2px solid var(--color-brown-500);font-family:var(--font-family-subtitle);margin:0}.shop-order__details .shop-order__no-address a:hover{background-color:var(--color-brown-700);border-color:var(--color-brown-700)}@media(max-width: 1200px){.shop-order__details{width:100%}}.shop-order__summary{margin-top:4em}.shop-order__summary h4{font-family:var(--font-family-subtitle);font-size:1.2rem;color:var(--color-green-500)}.shop-order__summary .shop-order__summary-price,.shop-order__summary .shop-order__summary-qty,.shop-order__summary .shop-order__summary-total{display:flex;justify-content:space-between;align-items:center;margin-top:.5em}.shop-order__summary .shop-order__summary-content{background-color:var(--color-green-300);padding:.5em;border-radius:16px}.shop-order__summary .input-group{width:100%}.shop-order__summary .input-group .input-group__label{margin-top:-0.2em;font-family:var(--font-family-subtitle);font-size:1.5rem}.shop-order__summary .input-group .input-group__inputs{padding-left:0}.shop-order__summary .input-group .input-group__subtitle{padding:1em var(--space-s) .1em var(--space-m);font-family:var(--font-family-subtitle);font-size:1.1rem;color:var(--color-green-500);text-align:center}.shop-order__summary .input-group .input-group__field{font-weight:normal;font-family:var(--font-family-text);font-size:1.2rem;border-radius:1em}.shop-order__summary .shop-order__summary-accessories-list ul{list-style-type:none;margin-top:.5em}.shop-order__summary .shop-order__summary-accessories-list ul li{color:var(--color-green-500);display:flex;justify-content:space-between}.shop-order .btn-order{margin-top:2em;background-color:var(--color-brown-500);color:var(--color-bg);border-radius:8px;width:100%;border-color:var(--color-brown-500);font-size:1.4rem;font-family:var(--font-family-subtitle);padding:.5em 1em;transition:background-color .2s ease,border-color .2s ease}.shop-order .btn-order:hover{background-color:var(--color-brown-700);border-color:var(--color-brown-700)}.shop-order .btn-order:disabled{opacity:.5;cursor:not-allowed}.shop-order .btn-order svg{height:1.4rem;width:1.4rem}.shop-order__customs-warning{background-color:var(--color-yellow-300);border:1px solid var(--color-yellow-500);border-radius:8px;padding:.2rem .5rem;font-size:1rem;color:var(--color-yellow-600);font-weight:normal;text-align:center;margin-top:1em;font-family:var(--font-family-text);position:relative;z-index:10}.shop-order__fulfillment-badge{display:inline-block;padding:.3rem .8rem;border-radius:8px;font-size:.9rem;font-weight:600;font-family:var(--font-family-text);margin-bottom:.5rem}.shop-order__fulfillment-badge--blue{background-color:var(--color-blue-200, #e3f2fd);color:var(--color-blue-700, #1565c0);border:1px solid var(--color-blue-300, #90caf9)}.shop-order__fulfillment-badge--red{background-color:var(--color-red-200, #ffebee);color:var(--color-red-700, #c62828);border:1px solid var(--color-red-300, #ef9a9a)}.shop-order__fulfillment-badge--green{background-color:var(--color-green-200, #e8f5e9);color:var(--color-green-700, #2e7d32);border:1px solid var(--color-green-300, #a5d6a7)}.shop-order__fulfillment-badge--purple{background-color:#f3e5f5;color:#7b1fa2;border:1px solid #ce93d8}.shop-order__fulfillment-badge--brown{background-color:var(--color-tan-200, #efebe9);color:var(--color-brown-700, #4e342e);border:1px solid var(--color-tan-400, #bcaaa4)}.shop-order__fulfillment-badge--tan{background-color:var(--color-tan-300, #d7ccc8);color:var(--color-brown-600, #5d4037);border:1px solid var(--color-tan-400, #bcaaa4)}.shop-order__agh-contents{margin-top:1rem;padding:.75rem 1rem;background-color:hsla(0,0%,100%,.5);border-radius:8px;border:1px solid var(--color-tan-400, #bcaaa4)}.shop-order__agh-contents h4{font-size:1rem;font-family:var(--font-family-subtitle);margin-bottom:.5rem;color:var(--color-brown-700)}.shop-order__agh-contents ul{list-style:none;padding:0;margin:0}.shop-order__agh-contents ul li{font-size:.9rem;font-family:var(--font-family-text);color:var(--color-brown-600);padding:.2rem 0}.shop-order__accessories{margin-top:3em;padding:1.5em;background-color:var(--color-tan-300);border-radius:16px}.shop-order__accessories h4{font-size:1.5rem;margin-bottom:.5rem;font-family:var(--font-family-subtitle);color:var(--color-brown-700)}.shop-order__accessories h5{font-size:1.2rem;font-weight:normal;font-family:var(--font-family-text);margin-bottom:1rem;text-align:center;color:var(--color-brown-700)}.shop-order__accessories .shop-order__accessory-group-section{margin-bottom:2rem}.shop-order__accessories .shop-order__accessory-group-section h5{margin-bottom:1rem;font-family:var(--font-family-subtitle)}.shop-order__accessories .shop-order__accessory-group-section :last-child{margin-bottom:0}.shop-order__accessories .shop-order__accessory-options{display:flex;flex-direction:column;gap:.75rem}.shop-order__accessories .shop-order__accessory-option-label{display:block;cursor:pointer}.shop-order__accessories .shop-order__accessory-option-block{display:flex;align-items:center;justify-content:space-between;padding:1rem;border:2px solid var(--color-tan-400);border-radius:16px;background:var(--color-tan-300) url("/assets/landing/hero/hero-bg-59d6bbf0.webp") repeat center center/1200px;box-shadow:var(--shadow)}.shop-order__accessories .shop-order__accessory-option-input:checked~.shop-order__accessory-option-block{border:2px solid var(--color-brown-500);background-color:var(--color-tan-400)}.shop-order__accessories .shop-order__accessory-option-name{font-size:1.1rem;font-family:var(--font-family-text);color:var(--color-brown-700);font-weight:500}.shop-order__accessories .shop-order__accessory-option-price{font-size:1rem;font-family:var(--font-family-text);color:var(--color-brown-600);white-space:nowrap;margin-left:1rem;text-align:right}.shop-order__accessories .shop-order__accessory-option-block--with-image{justify-content:flex-start;gap:1rem}.shop-order__accessories .shop-order__accessory-option-image{width:50px;height:50px;object-fit:cover;border-radius:8px;border:2px solid var(--color-tan-400);flex-shrink:0}.shop-order__accessories .shop-order__accessory-option-details{display:flex;flex:1;justify-content:space-between;align-items:center}.shop-order__accessories .shop-order__other-upgrades{margin-top:2rem;padding-top:1rem;border-top:1px solid var(--color-tan-400)}.shop-order__accessories .shop-order__accessory-group{margin-bottom:2rem;display:flex;flex-direction:row;gap:1em;flex-wrap:wrap}.shop-order__accessories .shop-order__accessory-item{background:var(--color-tan-300) url("/assets/landing/hero/hero-bg-59d6bbf0.webp") repeat center center/1200px;border:2px solid var(--color-tan-400);border-radius:16px;padding:1rem;width:fit-content;display:flex;flex-direction:column;text-align:center;gap:.5em;box-shadow:var(--shadow)}.shop-order__accessories .shop-order__accessory-item img{height:80px;width:80px;margin-left:50%;transform:translateX(-50%);object-fit:cover;border-radius:var(--border-radius);border:2px solid var(--color-brown-400)}.shop-order__accessories__accessory-label{display:flex;flex-direction:column;align-items:center;gap:.5rem;cursor:pointer}.shop-order__accessories__accessory-image{width:100px;height:100px;object-fit:cover;border-radius:var(--border-radius);border:2px solid var(--color-brown-400)}.shop-order__accessories__accessory-details{display:flex;flex-direction:column;align-items:center;gap:.25rem}.shop-order__accessories__accessory-details-name{font-size:1.2rem;font-weight:bold;color:var(--color-brown-700)}.shop-order__accessories__accessory-details-price{font-size:1rem;color:var(--color-brown-500)}.my-orders{margin-top:4rem;max-width:1200px;margin-left:auto;margin-right:auto;padding:0 1rem}.my-orders__blurred-when-inactive{filter:blur(8px);user-select:none;transition:all .5s ease-in-out}.my-orders__blurred-when-inactive:hover{filter:blur(0);opacity:1;pointer-events:auto;user-select:auto}.my-orders__header-item:hover .my-orders__blurred-when-inactive{filter:blur(0);user-select:auto}.my-orders__header{text-align:center;margin-bottom:3rem;display:flex;flex-direction:column;align-items:center;gap:1rem}.my-orders__title{font-size:var(--font-size-xxxxl);font-family:var(--font-family-subtitle);color:var(--color-text-header);margin:0}.my-orders__empty{text-align:center;padding:3rem;background-color:var(--color-bg-2);border-radius:var(--border-radius);color:var(--color-text-body);font-family:var(--font-family-text);font-size:var(--font-size-l)}.my-orders__list{display:flex;flex-direction:column;gap:var(--space-xl)}.my-orders__item{display:flex;flex-direction:column;background:linear-gradient(135deg, var(--color-bg-2) 0%, var(--color-bg) 100%);border-radius:var(--border-radius);overflow:hidden;box-shadow:var(--shadow);transition:transform .2s ease,box-shadow .2s ease}.my-orders__item:hover{transform:translateY(-2px);box-shadow:0px 4px 8px 2px rgba(0,0,0,.15)}.my-orders__body{display:flex;gap:var(--space-xl);flex:1}@media(max-width: 768px){.my-orders__body{flex-direction:column;gap:var(--space-l)}}.my-orders__image-container{flex-shrink:0;width:240px;height:240px;overflow:hidden;display:flex;align-items:center;justify-content:center}@media(max-width: 768px){.my-orders__image-container{width:100%;height:280px}}.my-orders__image{width:100%;height:100%;object-fit:cover;display:block}.my-orders__image--placeholder{color:var(--color-text-muted);font-family:var(--font-family-text);font-size:var(--font-size-m)}.my-orders__content{flex:1;padding:var(--space-l);display:flex;flex-direction:column;justify-content:space-between}@media(max-width: 768px){.my-orders__content{padding:var(--space-l)}}.my-orders__header-bar{display:flex;align-items:center;gap:var(--space-l);padding:var(--space-m) var(--space-m);background-color:rgba(0,0,0,.04);border-bottom:1px solid rgba(0,0,0,.08);flex-wrap:wrap}@media(max-width: 768px){.my-orders__header-bar{flex-direction:column;align-items:flex-start;gap:var(--space-m);padding:var(--space-l)}}.my-orders__header-item{display:flex;flex-direction:column;gap:var(--space-xxs);min-width:120px}.my-orders__header-item--right{margin-left:auto}@media(max-width: 768px){.my-orders__header-item--right{margin-left:0;width:100%}}@media(max-width: 768px){.my-orders__header-item{width:100%}}.my-orders__order-number-section{display:flex;flex-direction:column;gap:var(--space-xs);align-items:flex-end;text-align:right}@media(max-width: 768px){.my-orders__order-number-section{align-items:flex-start;text-align:left}}.my-orders__cancel-link{font-family:var(--font-family-text);font-size:var(--font-size-s);color:var(--color-blue-400);text-decoration:none;cursor:pointer;transition:color .2s ease;background:none;border:none;padding:0;margin:0}.my-orders__cancel-link:hover{color:var(--color-blue-300);text-decoration:underline}.my-orders__header-label{font-size:var(--font-size-xs);color:var(--color-text-muted);font-family:var(--font-family-text);text-transform:uppercase;letter-spacing:.5px}.my-orders__header-value{font-size:var(--font-size-m);color:var(--color-text-body);font-family:var(--font-family-subtitle);font-weight:500}.my-orders__title-section{display:flex;align-items:flex-start;justify-content:space-between;gap:var(--space-l);margin-bottom:var(--space-m)}@media(max-width: 768px){.my-orders__title-section{flex-direction:column;align-items:flex-start}}.my-orders__item-name{font-size:var(--font-size-xxl);font-family:var(--font-family-subtitle);color:var(--color-text-header);margin:0;flex:1}.my-orders__status-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:var(--space-xxs)}@media(max-width: 768px){.my-orders__status-wrapper{align-items:flex-start}}.my-orders__status-hint{font-family:var(--font-family-text);font-size:var(--font-size-xs);color:var(--color-text-muted)}.my-orders__status{display:inline-block;padding:var(--space-xxs) var(--space-m);border-radius:calc(var(--border-radius)/2);font-family:var(--font-family-text);font-size:var(--font-size-s);font-weight:500;white-space:nowrap}.my-orders__status--pending{background-color:var(--color-yellow-300);color:var(--color-yellow-600)}.my-orders__status--awaiting_periodical_fulfillment{background-color:var(--color-blue-300);color:var(--color-blue-600)}.my-orders__status--fulfilled{background-color:var(--color-green-300);color:var(--color-green-500)}.my-orders__status--rejected{background-color:var(--color-red-300);color:var(--color-red-500)}.my-orders__status--on_hold{background-color:var(--color-yellow-300);color:var(--color-yellow-600)}.my-orders__status--refunded{background-color:hsl(270,50%,80%);color:#639}.my-orders__date{font-size:var(--font-size-s);color:var(--color-text-muted);font-family:var(--font-family-text);margin:0 0 var(--space-m) 0}.my-orders__details{display:flex;flex-direction:column;gap:var(--space-s);margin-bottom:var(--space-l)}.my-orders__detail-row{display:flex;justify-content:space-between;align-items:center;padding:var(--space-xs) 0}@media(max-width: 480px){.my-orders__detail-row{flex-direction:column;align-items:flex-start;gap:var(--space-xxs)}}.my-orders__label{color:var(--color-text-muted);font-family:var(--font-family-text);font-size:var(--font-size-m)}.my-orders__value{color:var(--color-text-body);font-family:var(--font-family-text);font-size:var(--font-size-m);font-weight:500}.my-orders__footer{display:flex;justify-content:space-between;align-items:center;gap:var(--space-l);padding-top:var(--space-m);border-top:1px solid rgba(0,0,0,.1)}@media(max-width: 768px){.my-orders__footer{flex-direction:column;align-items:flex-start}}.votes-new{margin-top:4rem;margin-bottom:4rem}.votes-new__no-projects{font-size:1.5rem;font-family:var(--font-family-text);text-align:center}.votes-new .ui-heading{width:100%;margin-bottom:2em}.votes-new .ui-heading__title{font-size:2.5rem;font-family:var(--font-family-text)}.votes-new .ui-heading__stack{width:50%}.votes-new .ui-heading__surface{width:100%}@media(max-width: 960px){.votes-new .ui-heading__stack{width:100%}}.votes-new__prev-btn{margin-bottom:2em;margin-left:50%;transform:translateX(-50%)}@media(max-width: 500px){.votes-new__prev-btn{width:100%;display:flex;justify-content:center;align-items:center}}.votes-new__main{width:100%;display:flex;flex-direction:row;gap:2em}.votes-new__project{background-color:#ad7757;padding:.5em;width:50%;border-radius:16px;height:fit-content}.votes-new__project-card{display:flex;flex-direction:row;gap:.5em;align-items:flex-start;justify-content:space-between;background-color:#7a4841;border-radius:16px;color:var(--color-bg);padding:1em}@media(max-width: 1500px){.votes-new__project-card{flex-direction:column;gap:1em}}.votes-new__project-details{display:flex;flex-direction:row;gap:.5em;align-items:flex-start}@media(max-width: 1500px){.votes-new__project-details{flex-direction:column;align-items:center}}.votes-new__project-banner-image{width:50px;height:50px;border-radius:8px;flex-shrink:0;object-fit:cover}@media(max-width: 1500px){.votes-new__project-banner-image{width:100%;height:60px}}.votes-new__project-card-content h1{font-family:var(--font-family-text);font-weight:normal;font-size:1.5rem}.votes-new__project-card-content p{font-family:var(--font-family-text);font-weight:normal;color:#baa092;font-size:1rem}.votes-new__project-card-stats{display:flex;flex-direction:row;gap:1em;margin-top:.5em}@media(max-width: 600px){.votes-new__project-card-stats{justify-content:center}}.votes-new__project-card-stat svg{width:20px;height:20px;color:#baa092;margin-bottom:-0.2em}.votes-new__project-card-stat span{font-family:var(--font-family-text);font-weight:normal;font-size:1rem}.votes-new__project-buttons{display:flex;flex-direction:column;gap:.2em}.votes-new__project-buttons .btn{font-family:var(--font-family-text);font-size:1rem}@media(max-width: 500px){.votes-new__project-buttons .btn{width:100%;display:flex;justify-content:center;align-items:center}}.votes-new__project-buttons .report-btn{background-color:rgba(0,0,0,0);opacity:.5}.votes-new__project-buttons .report-btn:hover{opacity:1}@media(max-width: 1500px){.votes-new__project-buttons{flex-direction:row;width:100%;justify-content:space-between;flex-wrap:wrap}}@media(max-width: 500px){.votes-new__project-buttons{flex-direction:column}}.votes-new__devlogs{margin-top:.5em;display:flex;flex-direction:column;gap:.5em;max-height:850px;overflow-y:auto}@supports(-moz-appearance: none){.votes-new__devlogs{scrollbar-width:15px;scrollbar-color:#7a4841 rgba(0,0,0,0)}}.votes-new__devlogs .post{padding:1em;border-width:.5em}.votes-new__devlogs .post::before,.votes-new__devlogs .post::after{display:none}.votes-new__devlogs::-webkit-scrollbar{width:10px}.votes-new__devlogs::-webkit-scrollbar-track{background:rgba(0,0,0,0)}.votes-new__devlogs::-webkit-scrollbar-thumb{background:#7a4841;border-radius:4px}.votes-new__devlogs::-webkit-scrollbar-thumb:hover{background:#5a3a31}.votes-new__form{background:url("/assets/landing/hero/hero-bg-59d6bbf0.webp") repeat center center/1200px;padding:2em;width:50%;border-radius:16px;position:relative;height:fit-content}.votes-new__form .votes-new__form-flag{position:absolute;width:80px;top:-0.5em;right:2em;z-index:10}@media(max-width: 960px){.votes-new__form .votes-new__form-flag{display:none}}.votes-new__form h1{font-family:var(--font-family-text);font-weight:normal;font-size:2rem;margin-bottom:1.5rem;text-align:center}@media(max-width: 1400px){.votes-new__form h1{text-align:left}}@media(max-width: 1200px){.votes-new__form h1{text-align:center}}@media(max-width: 500px){.votes-new__form h1{font-size:1.5rem}}.votes-new__form .btn-submit{font-family:var(--font-family-text);font-weight:normal;font-size:1.5rem;padding:.75rem 2rem;background-color:var(--color-brown-500);color:var(--color-bg);border:none;position:relative;margin-left:50%;transform:translateX(-50%);margin-top:1em;display:flex;flex-direction:row;align-items:center;gap:1em;cursor:pointer}.votes-new__form .btn-submit svg{width:30px;height:30px}.votes-new__form .btn-submit::before{content:"";position:absolute;width:100%;height:100%;top:-0.5rem;left:-0.5rem;border-radius:16px;border:.5rem solid #ad7757}.votes-new__form .btn-submit:hover{filter:brightness(1.1)}.votes-new .modal{border:none;border-radius:var(--border-radius);border:.5rem solid var(--color-brown-700);padding:var(--space-l);background:var(--color-bg);box-shadow:var(--shadow);max-width:700px;width:90%;color:var(--color-text-body);position:fixed;left:50%;top:50%;transform:translate(-50%, -50%)}.votes-new .modal::backdrop{background:rgba(0,0,0,.5);backdrop-filter:blur(2px)}.votes-new .modal__title{font-family:var(--font-family-subtitle);font-size:2rem;margin-bottom:.5em}.votes-new .modal__loading{text-align:center;color:var(--color-text-muted);margin-top:.5em}.votes-new .modal__actions{margin-top:var(--space-m);display:flex;justify-content:flex-end;gap:1em}.votes-new .modal__actions-close{background-color:var(--color-brown-500);font-size:1rem;padding:.2rem .5rem;border:2px solid var(--color-brown-700);border-radius:5px;color:var(--color-bg);cursor:pointer}.votes-new .modal__actions-close:hover{filter:brightness(1.1)}.votes-new #report-modal h2{font-weight:normal;font-size:1.2rem;font-family:var(--font-family-text);margin:0;margin-bottom:.5em}.votes-new #report-modal .form-field{border:none}.votes-new #report-modal .form-checkbox label{margin-top:-0.4em;font-family:var(--font-family-text)}.votes-new #report-modal .form-group{margin-top:-1em}.votes-new #report-modal .form-group textarea{border:2px solid var(--color-brown-700);margin-bottom:.5em;font-family:var(--font-family-text)}.votes-new #report-modal .form-group small{font-weight:bold;font-family:var(--font-family-subtitle);font-size:1rem}.votes-new__feedback .input__label{padding:.5rem 1.5rem 2rem 1.5rem;font-family:var(--font-family-jua, sans-serif);font-size:1.5rem;border-radius:16px;top:.5rem}.votes-new__feedback .input__subtitle{padding:2rem 1rem .5rem 1rem;font-family:var(--font-family-text);font-size:1rem;border-radius:16px;color:#5d8535;bottom:.5rem}@media(max-width: 1200px){.votes-new__main{flex-direction:column}.votes-new__project,.votes-new__form{width:100%}}.vote-category{--vote-category-accent: #c24e4e;--vote-category-footer-bg: #f9b2a0;--vote-category-footer-text: #a4383f;border-radius:16px;margin-bottom:1.5rem;filter:drop-shadow(0 2px 4px rgba(0, 0, 0, 0.15))}.vote-category__header{background-color:var(--vote-category-accent);color:var(--color-bg);padding:.5rem 1.5rem 2rem 1.5rem;font-family:var(--font-family-jua, sans-serif);font-size:1.5rem;display:inline-block;border-radius:16px;margin-bottom:-2rem;position:relative;z-index:0}.vote-category__body{padding:.2rem 0;display:flex;justify-content:center;background-color:#fdf6e3;border:1rem solid var(--vote-category-accent);border-radius:16px;position:relative;z-index:1}.vote-category__stars{width:100%;display:flex;flex-direction:row-reverse;gap:.5rem;justify-content:space-evenly}.vote-category__input{display:none}.vote-category__star{cursor:pointer;color:#e0d4c3;transition:color .2s}.vote-category__star svg{width:3rem;height:3rem;fill:currentColor}@media(max-width: 500px){.vote-category__star svg{width:2rem;height:2rem}}@media(max-width: 400px){.vote-category__star svg{width:1rem;height:1rem}}.vote-category__star:hover,.vote-category__star:hover~.vote-category__star{color:var(--color-yellow-450)}.vote-category__input:checked~.vote-category__star{color:var(--color-yellow-450)}.vote-category__footer{padding:2rem 1rem .5rem 1rem;background-color:var(--vote-category-footer-bg);color:#8c6b5d;font-family:var(--font-family-text);font-size:1rem;position:relative;z-index:0;width:100%;border-radius:16px;margin-top:-1.5rem;color:var(--vote-category-footer-text)}.vote-category--red{--vote-category-accent: #c24e4e;--vote-category-footer-bg: #f9b2a0;--vote-category-footer-text: #a4383f}.vote-category--yellow{--vote-category-accent: #de9e41;--vote-category-footer-bg: #e7c06d;--vote-category-footer-text: #be772b}.vote-category--blue{--vote-category-accent: #4f8fba;--vote-category-footer-bg: #a4dddb;--vote-category-footer-text: #3c5e8b}.vote-category--green{--vote-category-accent: #75a743;--vote-category-footer-bg: #d0da91;--vote-category-footer-text: #75a743}.my-votes{margin:3em 0}.my-votes h1{font-family:var(--font-family-subtitle);font-size:2.5rem;margin-bottom:.5rem;text-align:center}.my-votes p{font-family:var(--fomt-family-text);font-size:1.2rem;text-align:center;margin-bottom:2rem}.my-votes a{background-color:var(--color-brown-500);color:var(--color-bg);padding:.5rem 1rem;border-radius:8px;text-decoration:none;font-size:1.1rem;margin-left:50%;transform:translateX(-50%);display:inline-block;margin-bottom:2rem}.my-votes table{width:100%;border-collapse:collapse;border:2px solid var(--color-brown-700)}.my-votes table tbody:nth-of-type(even){background-color:rgba(139,102,70,.35)}.my-votes table th,.my-votes table td{text-align:center;font-size:1.5rem;border:1px solid var(--color-brown-700);vertical-align:middle}.my-votes table th{font-family:var(--font-family-subtitle);background-color:var(--color-brown-700);color:var(--color-bg);padding:.5em 0}.my-votes table td{font-family:var(--font-family-text);font-size:1.2rem;color:var(--color-brown-500);padding:.3em 0}.my-votes table td a{margin:0;transform:none}@media(max-width: 600px){.my-votes table th,.my-votes table td{font-size:1rem;padding:.2em 0}}.my-votes .pagination{margin:1.5rem 0;display:flex;justify-content:center;gap:.5rem}.my-votes .pagination a,.my-votes .pagination span{background:var(--color-tan-400);color:var(--color-brown-700);padding:.5em 1em;border-radius:.5em;text-decoration:none;font-size:1rem;margin:0;transform:none}.my-votes .pagination a:hover,.my-votes .pagination span:hover{background:var(--color-brown-500);color:var(--color-bg)}.my-votes .pagination span.current{background:var(--color-brown-700);color:var(--color-bg)}.my-votes .pagination span.gap{background:rgba(0,0,0,0);color:var(--color-brown-500)}.explore{margin-top:3em}.explore__nav{background-color:var(--color-brown-400);display:flex;flex-direction:row;gap:1em;border-radius:16px;padding:.5em;width:fit-content;margin:0 auto}@media(max-width: 960px){.explore__nav{flex-direction:column;width:100%}}.explore__nav-component{color:var(--color-bg);font-size:1.5rem;display:flex;justify-content:center;gap:.4em;padding:.2em .5em;border-radius:8px;text-decoration:none}.explore__nav-component:hover{filter:brightness(1.1)}.explore__nav-component.selected{background-color:var(--color-brown-500)}.explore__nav-component.selected:hover{filter:none}.explore__list{margin-top:2em}.explore__list .post{margin:0 auto 2em auto;position:relative}.explore__list .post::after{left:auto;right:-2.5em;top:-2em}.explore__list .post::before{left:auto;right:-1.25em;top:-0.75em;-webkit-mask:url("/assets/icons/paper-3ee63cdc.svg") no-repeat center/40px 40px;mask:url("/assets/icons/paper-3ee63cdc.svg") no-repeat center/40px 40px}.explore__projects-list{margin-top:2em;display:flex;flex-wrap:wrap;gap:2em;justify-content:space-evenly}.explore__projects-list .project-card{width:400px}@media(max-width: 960px){.explore__projects-list .project-card{width:100%}}.explore__header{margin:2em auto;max-width:600px;text-align:center;background-color:var(--color-brown-200);border-radius:16px;padding:1.5em 2em}.explore__header-title{margin:0 0 .5em 0;font-size:1.5rem;color:var(--color-brown-700)}.explore__description{font-size:1.1rem;color:var(--color-brown-600);margin:0;line-height:1.5}.explore__details{margin-top:1em;text-align:left}.explore__details summary{cursor:pointer;font-weight:600;color:var(--color-brown-500)}.explore__details summary:hover{color:var(--color-brown-700)}.explore__details-content{margin-top:1em;padding:1em;background-color:var(--color-brown-300);border-radius:8px}.explore__details-content p{margin:.5em 0;font-size:.95rem}.explore__code{display:block;background-color:var(--color-brown-400);color:var(--color-bg);padding:.5em 1em;border-radius:4px;font-family:monospace;font-size:.9rem;margin:.5em 0}.explore__empty{width:100%;text-align:center;font-size:1.25rem;color:var(--color-brown-500);padding:3em 1em}.explore__pagination .btn{margin-bottom:1em;margin-top:1em;margin-left:50%;transform:translateX(-50%)}.explore__pagination p{text-align:center;margin-bottom:1em;margin-top:1em;font-size:2rem;font-family:var(--font-family-text)}.start-flow{padding:var(--space-xxl) var(--space-l);padding-bottom:280px;min-height:100vh;background-color:#6b5552;background-image:url("/assets/mask/tut-mask-b8096fb2.png");background-repeat:no-repeat;background-size:cover;background-position:center}.start-flow__container{max-width:600px;margin:0 auto;display:grid;gap:var(--space-xl)}@media(max-width: 900px){.start-flow__container{max-width:600px}}.start-flow__container:has(.start-flow__starter-projects),.start-flow__container:has(.start-flow__project-selection){max-width:1200px}@media(max-width: 900px){.start-flow__container:has(.start-flow__starter-projects),.start-flow__container:has(.start-flow__project-selection){max-width:600px}}.start-flow__progress{padding:var(--space-l) 0}.start-flow__steps{display:flex;align-items:center;justify-content:center;gap:0}.start-flow__step{display:flex;flex-direction:column;align-items:center;gap:var(--space-xs);opacity:.4;transition:all .2s ease}.start-flow__step--active,.start-flow__step--completed{opacity:1}.start-flow__step-number{width:40px;height:40px;border-radius:50%;background:var(--color-tan-300);color:var(--color-brown-600);border:2px solid var(--color-tan-400);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--font-size-m);transition:all .2s ease;backdrop-filter:blur(4px)}.start-flow__step--active .start-flow__step-number{background:var(--color-red-500);color:var(--color-bg);border-color:var(--color-red-400);transform:scale(1.15);box-shadow:0 4px 12px var(--color-red-500)}.start-flow__step--completed .start-flow__step-number{background:var(--color-red-400);color:var(--color-bg);border-color:var(--color-red-300);box-shadow:0 2px 8px var(--color-red-400)}.start-flow__step-label{font-size:var(--font-size-s);color:var(--color-tan-300);font-weight:500;text-shadow:0 1px 2px var(--color-brown-700);transition:all .2s ease}.start-flow__step--active .start-flow__step-label{color:var(--color-bg);font-weight:700;text-shadow:0 2px 4px var(--color-brown-700)}.start-flow__step--completed .start-flow__step-label{color:var(--color-tan-300)}.start-flow__step-connector{width:40px;height:3px;background:var(--color-tan-400);margin:0 var(--space-xs);margin-bottom:var(--space-l);border-radius:2px;transition:all .2s ease}.start-flow__step-connector--completed{background:var(--color-red-400);box-shadow:0 0 8px var(--color-red-400)}.start-flow__card{position:relative;border-radius:16px;padding:var(--space-xxl);display:flex;flex-direction:column;gap:var(--space-xl);overflow:visible;border:3px solid rgba(139,102,70,.2);box-shadow:0 8px 24px rgba(47,34,21,.15);background:var(--color-bg);min-width:0}.start-flow__card::before{content:"";position:absolute;inset:0;border-radius:14px;background-image:repeating-conic-gradient(from 0deg, rgba(139, 102, 70, 0.05) 0deg 90deg, transparent 90deg 180deg);background-size:100px 100px;z-index:0;pointer-events:none}.start-flow__card>*{position:relative;z-index:1}.start-flow__ribbon{position:absolute;top:-8px;right:24px;width:50px;height:65px;background:var(--color-brown-500);display:flex;align-items:flex-start;justify-content:center;padding-top:12px;z-index:10;clip-path:polygon(0 0, 100% 0, 100% 100%, 50% 85%, 0 100%);box-shadow:0 4px 8px rgba(0,0,0,.2)}.start-flow__ribbon svg{width:24px;height:24px;color:var(--color-bg)}.start-flow__card-header{text-align:center}.start-flow__card-header h2{font-family:var(--font-display);font-size:var(--font-size-xl);color:var(--color-brown-700);margin:0}.start-flow__card-subtitle{font-size:var(--font-size-s);color:var(--color-brown-400);margin:var(--space-xs) 0 0 0}.start-flow__form{display:flex;flex-direction:column;gap:var(--space-xxl)}.start-flow__field{display:flex;flex-direction:column;gap:var(--space-s)}.start-flow__field .input{width:100%}.start-flow__actions{display:flex;justify-content:center;align-items:center;gap:var(--space-m);padding-top:var(--space-xs)}.start-flow__actions--center{justify-content:center}.start-flow__summary{background:hsla(0,0%,100%,.6);border-radius:var(--border-radius);padding:var(--space-l)}.start-flow__summary-items{display:flex;flex-direction:column;gap:var(--space-s)}.start-flow__summary-item{display:flex;align-items:center;gap:var(--space-m);padding:var(--space-m);background:#fff;border-radius:var(--border-radius);border:2px solid var(--color-brown-200)}.start-flow__summary-icon{width:36px;height:36px;background:var(--color-green-100);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.start-flow__summary-icon svg{width:18px;height:18px;color:var(--color-green-600)}.start-flow__summary-content{flex:1;display:flex;flex-direction:column;gap:2px;min-width:0}.start-flow__summary-label{font-size:var(--font-size-xs);color:var(--color-brown-400);font-weight:600;text-transform:uppercase;letter-spacing:.5px}.start-flow__summary-value{font-size:var(--font-size-m);color:var(--color-brown-700);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.start-flow__summary-edit{width:32px;height:32px;display:flex;align-items:center;justify-content:center;border-radius:50%;color:var(--color-brown-400);transition:all .2s ease}.start-flow__summary-edit:hover{background:var(--color-brown-100);color:var(--color-brown-600)}.start-flow__summary-edit svg{width:16px;height:16px}.start-flow__starter-projects{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-l);width:100%}@media(max-width: 900px){.start-flow__starter-projects{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 600px){.start-flow__starter-projects{grid-template-columns:1fr}}.start-flow__project-selection{display:grid;grid-template-columns:repeat(3, 1fr);gap:var(--space-l);width:100%}@media(max-width: 900px){.start-flow__project-selection{grid-template-columns:repeat(2, 1fr)}}@media(max-width: 600px){.start-flow__project-selection{grid-template-columns:1fr}}.start-flow__project-selection .project-selection-card{aspect-ratio:1;height:100%}@media(max-width: 768px){.start-flow{padding:var(--space-xl) var(--space-m);padding-bottom:200px}.start-flow__steps{gap:0}.start-flow__step-connector{width:20px}.start-flow__step-label{font-size:var(--font-size-xs)}.start-flow__card{padding:var(--space-xl)}.start-flow__card-header h2{font-size:var(--font-size-l)}.start-flow__ribbon{width:40px;height:52px;right:16px}.start-flow__ribbon svg{width:18px;height:18px}.start-flow__summary-item{flex-wrap:wrap}.start-flow__card--signin .start-flow__actions{flex-direction:column-reverse;align-items:stretch}.start-flow__card--signin .start-flow__actions .btn{width:100%;justify-content:center}}.user-profile{padding:2em 5em;display:flex;flex-direction:row;gap:2em}.user-profile__left{width:300px;display:flex;flex-direction:column;gap:1em}@media(max-width: 960px){.user-profile__left{width:100%}}.user-profile__card{background-color:var(--color-tan-400);color:var(--color-brown-700);border-radius:8px;padding:1em;box-shadow:var(--shadow);display:flex;flex-direction:column;justify-content:center;width:100%;height:fit-content;text-align:center}.user-profile__heading{margin-top:1.5em;text-align:left;font-size:1rem;color:var(--color-brown-500)}.user-profile__heading svg{width:15px;height:15px}.user-profile__identity img{width:75px;height:75px;border-radius:100%}.user-profile__identity h1{font-size:1.6rem;font-weight:normal}.user-profile__identity h2{font-size:1rem;color:var(--color-brown-500);font-weight:normal}.user-profile__stats{margin-top:.5em;display:grid;grid-template-columns:auto auto;gap:1em}@media(max-width: 960px){.user-profile__stats{display:flex;justify-content:space-evenly;flex-wrap:wrap}}.user-profile__stats h3{font-size:1rem;font-weight:normal}.user-profile__stats h4{font-weight:normal;font-size:1.1rem}.user-profile__time{margin-top:.5em;display:flex;justify-content:space-between}.user-profile__time h4{font-weight:normal;color:var(--color-brown-700)}.user-profile__project-card{margin-top:.5em;display:flex;flex-direction:row;gap:.5em;padding:.5em;border-radius:4px}.user-profile__project-card img{height:50px;width:50px;object-fit:cover;border-radius:4px}.user-profile__project-card h3{font-weight:normal;text-align:left}.user-profile__project-card:hover{cursor:pointer;background-color:var(--color-brown-700);color:var(--color-bg)}.user-profile__project-card-title{width:100%;display:flex;justify-content:space-between}.user-profile__activity h2{font-weight:normal;margin-bottom:1em}@media(max-width: 960px){.user-profile__activity h2{text-align:center}}.user-profile__activity .post::after{display:none}.user-profile__activity .post::before{display:none}.user-profile__activity .post .comments-section{display:none}.user-profile__project-stats{width:100%}.user-profile__project-stats h6{background-color:var(--color-green-500);padding:.1em .5em;color:var(--color-bg);font-weight:normal;border-radius:16px;text-align:left;font-size:1rem;width:fit-content;height:fit-content}.user-profile__achievements{margin-top:.75rem;display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem}.user-profile__achievement{width:100px;background:var(--color-bg);border-radius:12px;padding:.2rem;box-shadow:var(--shadow);text-align:center}.user-profile__achievement-icon{margin:0 auto .4rem;width:44px;height:44px}.user-profile__achievement-icon svg,.user-profile__achievement-icon img{width:44px;height:44px;object-fit:contain;display:block;margin:0 auto}.user-profile__achievement-title{font-family:var(--font-family-subtitle);font-size:.9rem;color:var(--color-brown-700);line-height:1.2}.user-profile__orders{display:flex;flex-direction:column;gap:.5em;margin-top:1em}.user-profile__order{background-color:var(--color-bg);padding:.2em;border-radius:8px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;box-shadow:var(--shadow)}.user-profile__order h3{font-weight:normal;font-size:1rem}.user-profile__order-item-image{width:44px;height:44px;object-fit:cover;border-radius:4px}.user-profile .user-profile__order-item-name--red{color:var(--color-red-500)}.user-profile .user-profile__order-item-name--blue{color:var(--color-blue-500)}.user-profile .user-profile__order-item-name--green{color:var(--color-green-500)}.user-profile .user-profile__order-item-name--yellow{color:var(--color-yellow-500)}.user-profile a{color:inherit;text-decoration:none}@media(max-width: 960px){.user-profile{flex-direction:column}}@media(max-width: 1200px){.user-profile{padding:2em 1em}}@media(max-width: 600px){.user-profile{padding:2em 0}}