@import"https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Caveat:wght@400;500;600;700&display=swap";:root{--fio-color-primary: #2D3E50;--fio-color-primary-light: #4A5F7A;--fio-color-primary-dark: #1A2332;--fio-color-secondary: #E84855;--fio-color-secondary-light: #EF6B76;--fio-color-secondary-dark: #C73845;--fio-color-accent: #F9DC5C;--fio-color-accent-light: #FBEA8C;--fio-color-accent-dark: #E8C547;--fio-color-gray-50: #FAFAF8;--fio-color-gray-100: #F5F5F0;--fio-color-gray-200: #E8E8E0;--fio-color-gray-300: #D4D4CC;--fio-color-gray-400: #A8A89F;--fio-color-gray-500: #737368;--fio-color-gray-600: #5C5C54;--fio-color-gray-700: #454540;--fio-color-gray-800: #2E2E2A;--fio-color-gray-900: #1A1A18;--fio-color-success: #95C93D;--fio-color-warning: #FFB847;--fio-color-error: #E84855;--fio-color-info: #4ECDC4;--fio-color-background: #FEFEF8;--fio-color-background-alt: #FAF9F4;--fio-color-surface: #FFFFFF;--fio-color-surface-alt: #FAFAF6;--fio-color-text: #2C2C2A;--fio-color-text-light: #5C5C54;--fio-color-text-lighter: #737368;--fio-color-text-inverse: #FAFAF8;--fio-color-border: #D4D4CC;--fio-color-border-light: #E8E8E0;--fio-color-border-dark: #A8A89F;--fio-color-shadow: rgba(28, 28, 26, .08);--fio-color-shadow-dark: rgba(28, 28, 26, .12)}:root{--fio-font-family-primary: "Kalam", cursive;--fio-font-family-secondary: "Caveat", cursive;--fio-font-family-mono: "Courier New", monospace;--fio-font-family-fallback: -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--fio-font-size-xs: .75rem;--fio-font-size-sm: .875rem;--fio-font-size-base: 1rem;--fio-font-size-lg: 1.125rem;--fio-font-size-xl: 1.25rem;--fio-font-size-2xl: 1.5rem;--fio-font-size-3xl: 1.875rem;--fio-font-size-4xl: 2.25rem;--fio-font-size-5xl: 3rem;--fio-line-height-tight: 1.2;--fio-line-height-snug: 1.375;--fio-line-height-normal: 1.5;--fio-line-height-relaxed: 1.625;--fio-line-height-loose: 2;--fio-font-weight-light: 300;--fio-font-weight-regular: 400;--fio-font-weight-medium: 500;--fio-font-weight-semibold: 600;--fio-font-weight-bold: 700;--fio-letter-spacing-tight: -.025em;--fio-letter-spacing-normal: 0;--fio-letter-spacing-wide: .025em;--fio-letter-spacing-wider: .05em;--fio-letter-spacing-widest: .1em}:root{--fio-spacing-0: 0;--fio-spacing-1: .25rem;--fio-spacing-2: .5rem;--fio-spacing-3: .75rem;--fio-spacing-4: 1rem;--fio-spacing-5: 1.25rem;--fio-spacing-6: 1.5rem;--fio-spacing-7: 1.75rem;--fio-spacing-8: 2rem;--fio-spacing-9: 2.25rem;--fio-spacing-10: 2.5rem;--fio-spacing-12: 3rem;--fio-spacing-14: 3.5rem;--fio-spacing-16: 4rem;--fio-spacing-20: 5rem;--fio-spacing-24: 6rem;--fio-spacing-28: 7rem;--fio-spacing-32: 8rem;--fio-radius-none: 0;--fio-radius-sm: .125rem;--fio-radius-base: .25rem;--fio-radius-md: .375rem;--fio-radius-lg: .5rem;--fio-radius-xl: .75rem;--fio-radius-2xl: 1rem;--fio-radius-3xl: 1.5rem;--fio-radius-full: 9999px;--fio-border-width-0: 0;--fio-border-width-1: 1px;--fio-border-width-2: 2px;--fio-border-width-3: 3px;--fio-border-width-4: 4px;--fio-border-width-8: 8px;--fio-z-index-dropdown: 1000;--fio-z-index-sticky: 1020;--fio-z-index-fixed: 1030;--fio-z-index-modal-backdrop: 1040;--fio-z-index-modal: 1050;--fio-z-index-popover: 1060;--fio-z-index-tooltip: 1070}:root{--fio-border-rough-1: url("data:image/svg+xml,%3Csvg width='100' height='100' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='roughPaper'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.04' numOctaves='5' result='noise' seed='2'%3E%3C/feTurbulence%3E%3CfeDisplacementMap in='SourceGraphic' in2='noise' scale='6'%3E%3C/feDisplacementMap%3E%3C/filter%3E%3C/svg%3E");--fio-shadow-xs: 1px 1px 2px var(--fio-color-shadow);--fio-shadow-sm: 2px 2px 4px var(--fio-color-shadow);--fio-shadow-base: 3px 3px 6px var(--fio-color-shadow);--fio-shadow-md: 4px 4px 8px var(--fio-color-shadow);--fio-shadow-lg: 5px 5px 10px var(--fio-color-shadow);--fio-shadow-xl: 6px 6px 12px var(--fio-color-shadow);--fio-shadow-2xl: 8px 8px 16px var(--fio-color-shadow);--fio-shadow-sketch: 2px 2px 0px rgba(0, 0, 0, .1), 3px 3px 0px rgba(0, 0, 0, .08), 4px 4px 0px rgba(0, 0, 0, .06);--fio-transition-fast: .15s;--fio-transition-base: .25s;--fio-transition-slow: .35s;--fio-transition-slower: .5s;--fio-ease-in: cubic-bezier(.4, 0, 1, 1);--fio-ease-out: cubic-bezier(0, 0, .2, 1);--fio-ease-in-out: cubic-bezier(.4, 0, .2, 1);--fio-ease-bounce: cubic-bezier(.68, -.55, .265, 1.55)}:root{font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-text-size-adjust:100%}body{margin:0;font-family:var(--fio-font-family-primary),var(--fio-font-family-fallback);font-size:var(--fio-font-size-base);line-height:var(--fio-line-height-normal);color:var(--fio-color-text);background-color:var(--fio-color-background)}.fio-sketch-border{position:relative;border:none!important}.fio-sketch-border:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;border:2px solid currentColor;border-radius:255px 15px 225px/15px 225px 15px 255px}@keyframes sketch-border-animation{0%,to{border-radius:255px 15px 225px/15px 225px 15px 255px}25%{border-radius:15px 255px 15px 225px/225px 15px 255px}50%{border-radius:225px 15px 255px/15px 255px 15px 225px}75%{border-radius:15px 225px 15px 255px/255px 15px 225px}}.fio-sketch-border-animated:before{animation:sketch-border-animation 8s ease-in-out infinite}.fio-underline-sketch{position:relative;text-decoration:none}.fio-underline-sketch:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:2px;background-image:url("data:image/svg+xml,%3Csvg width='100' height='2' viewBox='0 0 100 2' preserveAspectRatio='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M0 1 Q 20 0.5, 40 1 T 80 1 T 100 1' stroke='currentColor' stroke-width='2' fill='none' vector-effect='non-scaling-stroke'/%3E%3C/svg%3E");background-repeat:no-repeat;background-size:100% 100%}@keyframes wobble{0%,to{transform:rotate(-.5deg)}50%{transform:rotate(.5deg)}}.fio-wobble{animation:wobble 4s ease-in-out infinite}.fio-text-sketch{font-family:var(--fio-font-family-secondary);letter-spacing:var(--fio-letter-spacing-wide);text-shadow:1px 1px 0px rgba(0,0,0,.05)}*{box-sizing:border-box}body{margin:0;padding:0;line-height:1.6;color:#333;background:linear-gradient(to right,transparent 0%,transparent 80px,#ff9999 80px,#ff9999 82px,transparent 82px),linear-gradient(to bottom,#f9f9f9 0%,#f9f9f9 26px,#e8e8e8 26px,#e8e8e8 27px,transparent 27px);background-size:100% 100%,100% 27px}fio-card{padding:2.5rem 3.5rem!important;margin-bottom:1.5rem!important;display:block!important;width:100%!important}.main-options fio-card{margin-bottom:0!important}fio-blog-container{max-width:900px!important;margin:0 auto!important;padding:2rem 1rem!important}fio-grid{display:grid!important;gap:1rem!important;margin-top:2rem!important}.features{grid-template-columns:1fr!important}@media (min-width: 768px){.features{grid-template-columns:repeat(3,1fr)!important}}.admin-header{display:flex!important;justify-content:space-between!important;align-items:center!important;margin-bottom:2rem!important;flex-wrap:wrap!important;gap:1rem!important}.posts-list{display:flex!important;flex-direction:column!important;gap:1.5rem!important}.post-row{width:100%!important}.app{min-height:100vh;display:flex;flex-direction:column}.main-content{flex:1;padding:0!important}.header{background:#fff;border-bottom:2px solid #000;padding:1rem 2rem;box-shadow:2px 2px #000}.nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto}.nav-brand{font-size:1.5rem;font-weight:700;text-decoration:none;color:#000;border:2px solid #000;padding:.5rem 1rem;background:#ff6b6b;box-shadow:3px 3px #000}.nav-links{display:flex;gap:1rem}.nav-link{text-decoration:none;color:#000;padding:.5rem 1rem;border:2px solid #000;background:#fff;box-shadow:2px 2px #000;transition:transform .1s}.nav-link:hover{transform:translate(-1px,-1px);box-shadow:3px 3px #000}.main-content{flex:1;padding:2rem;max-width:1200px;margin:0 auto;width:100%}.footer{background:#000;color:#fff;text-align:center;padding:1rem;margin-top:auto}.footer-content{max-width:1200px;margin:0 auto}.btn{border:2px solid #000;padding:.75rem 1.5rem;background:#fff;color:#000;text-decoration:none;display:inline-block;font-weight:700;box-shadow:3px 3px #000;cursor:pointer;font-family:inherit;font-size:1rem;transition:transform .1s}.btn:hover{transform:translate(-1px,-1px);box-shadow:4px 4px #000}.btn-primary{background:#4ecdc4}.btn-danger{background:#ff6b6b}.card{border:2px solid #000;background:#fff;padding:1.5rem;margin-bottom:1rem;box-shadow:4px 4px #000}.form-group{margin-bottom:1rem}.form-label{display:block;margin-bottom:.5rem;font-weight:700}.form-input,.form-textarea{width:100%;padding:.75rem;border:2px solid #000;font-family:inherit;font-size:1rem;box-shadow:inset 2px 2px #0000001a}.form-textarea{min-height:200px;resize:vertical}.post-content:after,.recipe-content:after,.project-content:after{content:"";display:table;clear:both}@keyframes polaroidFall{0%{transform:translateY(400px) scale(2) rotateX(60deg) rotate(calc(var(--rotation, 0deg) + 8deg));animation-timing-function:cubic-bezier(.25,.46,.45,.94);opacity:0;box-shadow:none}50%{opacity:1;transform:translateY(17px) scale(1.05) rotateX(0) rotate(calc(var(--rotation, 0deg) + 3deg));box-shadow:0 8px 16px #0003}55%{opacity:1;transform:translateY(0) scale(1) rotateX(0) rotate(calc(var(--rotation, 0deg) + 2deg));box-shadow:0 6px 12px #0000002e}to{opacity:1;transform:translateY(-20px) scale(1) rotateX(0) rotate(calc(var(--rotation, 0deg) + 1deg));box-shadow:0 4px 8px #00000026}}