@import"https://fonts.googleapis.com/css2?family=Kalam:wght@300;400;700&family=Caveat:wght@400;500;600;700&display=swap";.navigation{display:flex;gap:var(--fio-spacing-1);padding:var(--navigation-padding, var(--fio-spacing-3));position:relative;font-family:var(--fio-font-family-primary)}.navigation--vertical{flex-direction:column;width:fit-content}.navigation--horizontal{flex-direction:row;flex-wrap:wrap}.navigation--sticky{position:sticky;top:0;z-index:100;background:var(--fio-color-background);box-shadow:0 2px 8px #0000001a}.nav-item{position:relative;background:var(--bookmark-color, #ffeaa7);border:1px solid var(--bookmark-color-dark, #fdcb6e);padding:var(--fio-spacing-2) var(--fio-spacing-4);margin:0;cursor:pointer;text-decoration:none;color:var(--fio-color-text);font-family:var(--fio-font-family-secondary);font-size:var(--fio-font-size-sm);font-weight:var(--fio-font-weight-medium);border-radius:3px 3px 0 0;transform:rotate(-1deg);transition:all var(--fio-transition-base) var(--fio-ease-out);box-shadow:0 2px 4px #0000001a;min-width:60px;text-align:center;-webkit-user-select:none;user-select:none}.nav-item:before{content:"";position:absolute;top:-1px;right:-1px;bottom:-1px;left:-1px;border:1px solid rgba(0,0,0,.1);border-bottom:none;border-radius:2px 2px 0 0;pointer-events:none}.nav-item:after{content:"";position:absolute;top:0;right:0;width:0;height:0;border-style:solid;border-width:0 6px 6px 0;border-color:transparent var(--bookmark-shadow, #e17055) transparent transparent;opacity:.8;transition:all var(--fio-transition-base) var(--fio-ease-out)}.nav-item--yellow{--bookmark-color: #ffeaa7;--bookmark-color-light: #fff3cd;--bookmark-color-dark: #fdcb6e;--bookmark-shadow: #e17055}.nav-item--blue{--bookmark-color: #74b9ff;--bookmark-color-light: #a8d8ff;--bookmark-color-dark: #0984e3;--bookmark-shadow: #2d3436}.nav-item--green{--bookmark-color: #55a3ff;--bookmark-color-light: #b8f4b8;--bookmark-color-dark: #00b894;--bookmark-shadow: #2d3436}.nav-item--pink{--bookmark-color: #fd79a8;--bookmark-color-light: #ffb3d9;--bookmark-color-dark: #e84393;--bookmark-shadow: #2d3436}.nav-item--purple{--bookmark-color: #a29bfe;--bookmark-color-light: #d9b3ff;--bookmark-color-dark: #6c5ce7;--bookmark-shadow: #2d3436}.nav-item:hover{transform:rotate(0) translateY(-2px);box-shadow:0 4px 8px #00000026,inset 0 1px #fff6;z-index:10}.nav-item--active{transform:rotate(0) translateY(6px);box-shadow:0 8px 16px #0000004d,0 4px 8px #0000001a;z-index:15;background:var(--bookmark-color);border:2px solid var(--bookmark-color-dark);filter:brightness(1.15) saturate(1.3);font-weight:var(--fio-font-weight-bold)}.nav-item--active:after{border-width:0 16px 16px 0;border-color:transparent var(--bookmark-color-dark) transparent transparent;opacity:1;filter:drop-shadow(2px 2px 4px rgba(0,0,0,.4));transform:scale(1.1)}.nav-item:focus-visible{outline:2px solid var(--fio-color-primary);outline-offset:2px}.nav-item:disabled{opacity:.5;cursor:not-allowed;transform:rotate(-1deg)}.nav-item:disabled:hover{transform:rotate(-1deg);box-shadow:0 2px 4px #0000001a,inset 0 1px #ffffff4d}.navigation--vertical .nav-item{border-radius:0 3px 3px 0;transform:rotate(0);margin-bottom:var(--fio-spacing-1);min-width:120px;text-align:left}.navigation--vertical .nav-item:before{border-right:none;border-radius:0 2px 2px 0}.navigation--vertical .nav-item:after{right:0;top:0;border-width:8px 0 0 8px;border-color:var(--bookmark-shadow) transparent transparent transparent}.navigation--vertical .nav-item:hover{transform:translate(3px)}.navigation--vertical .nav-item--active{transform:translate(-2px)}@keyframes bookmark-appear{0%{opacity:0;transform:translateY(-20px) rotate(-10deg)}to{opacity:1;transform:translateY(0) rotate(-1deg)}}.nav-item--animate{animation:bookmark-appear .3s var(--fio-ease-bounce)}.fio-toast{--fio-toast-z-base: 1100;--fio-toast-width: 400px;--fio-toast-spacing: 12px;--fio-toast-background: #fefefe;--fio-toast-border: #2d3e50;--fio-toast-text: #2d3e50;--fio-toast-shadow: rgba(0, 0, 0, .15);position:fixed;width:var(--fio-toast-width);max-width:calc(100vw - 32px);font-family:var(--fio-font-family-primary, "Kalam", cursive);pointer-events:auto;z-index:calc(var(--fio-toast-z-base) + var(--toast-stack-index, 0))}.fio-toast--top-left{top:20px;left:20px}.fio-toast--top-center{top:20px;left:50%;transform:translate(-50%)}.fio-toast--top-right{top:20px;right:20px}.fio-toast--bottom-left{bottom:20px;left:20px}.fio-toast--bottom-center{bottom:20px;left:50%;transform:translate(-50%)}.fio-toast--bottom-right{bottom:20px;right:20px}.toast-container{background:var(--fio-toast-background);border:3px solid var(--fio-toast-border);border-radius:255px 15px 225px/15px 225px 15px 255px;box-shadow:6px 6px #0000001a,12px 12px 20px var(--fio-toast-shadow);padding:16px 20px;position:relative;transform:rotate(.5deg);transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer;overflow:hidden}.toast-container:hover{transform:rotate(-.5deg) scale(1.02);box-shadow:8px 8px #0000001a,16px 16px 25px var(--fio-toast-shadow)}.fio-toast:not([data-expanded]){transform-origin:center bottom}.fio-toast[data-stack-index="1"]:not([data-expanded]) .toast-container{transform:rotate(1deg) scale(.95) translateY(-8px);opacity:.9}.fio-toast[data-stack-index="2"]:not([data-expanded]) .toast-container{transform:rotate(-1deg) scale(.9) translateY(-16px);opacity:.8}.fio-toast[data-stack-index="3"]:not([data-expanded]) .toast-container{transform:rotate(.5deg) scale(.85) translateY(-24px);opacity:.7}.fio-toast[data-stack-index]:not([data-stack-index="0"]):not([data-expanded]) .toast-container{transform:rotate(-.5deg) scale(.8) translateY(-32px);opacity:.6}.fio-toast[data-expanded] .toast-container{transform:rotate(0) scale(1);opacity:1}.toast-content{display:flex;align-items:flex-start;gap:12px}.toast-icon{font-size:20px;line-height:1;flex-shrink:0;margin-top:2px;transform:rotate(-1deg)}.toast-body{flex:1;min-width:0}.toast-message{margin:0 0 8px;color:var(--fio-toast-text);font-size:.95rem;line-height:1.4;word-wrap:break-word}.toast-actions{display:flex;gap:8px;margin-top:8px}.toast-action{background:none;border:2px solid var(--fio-color-primary, #2d3e50);border-radius:255px 15px 225px/15px 225px 15px 255px;padding:4px 12px;font-family:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s ease;transform:rotate(-.5deg);color:var(--fio-color-primary, #2d3e50)}.toast-action:hover{background:var(--fio-color-primary, #2d3e50);color:#fff;transform:rotate(.5deg) scale(1.05)}.toast-action.secondary{border-color:var(--fio-color-gray-400, #a8a89f);color:var(--fio-color-gray-600, #5c5c54)}.toast-action.secondary:hover{background:var(--fio-color-gray-400, #a8a89f);color:#fff}.toast-close{position:absolute;top:8px;right:12px;background:none;border:none;font-size:18px;cursor:pointer;color:var(--fio-color-gray-500, #737368);padding:4px;line-height:1;transform:rotate(2deg);transition:all .2s ease}.toast-close:hover{color:var(--fio-color-text, #2d3e50);transform:rotate(-2deg) scale(1.2)}.fio-toast--success{--fio-toast-border: #95c93d}.fio-toast--warning{--fio-toast-border: #ffb847}.fio-toast--error{--fio-toast-border: #e84855}.fio-toast--info{--fio-toast-border: #4ecdc4}.fio-toast{animation:toastSlideIn .4s cubic-bezier(.34,1.56,.64,1)}@keyframes toastSlideIn{0%{transform:translateY(100%) scale(.8) rotate(-2deg);opacity:0}50%{transform:translateY(-10px) scale(1.05) rotate(1deg);opacity:.8}to{transform:translateY(0) scale(1) rotate(0);opacity:1}}@keyframes toastSlideOut{0%{transform:translateY(0) scale(1) rotate(0);opacity:1}to{transform:translateY(100%) scale(.8) rotate(2deg);opacity:0}}@media (max-width: 768px){.fio-toast{--fio-toast-width: calc(100vw - 32px) ;left:16px!important;right:16px!important;transform:none!important}.toast-container{padding:14px 16px}.toast-message{font-size:.9rem}}.analytics-container{display:block;font-family:var(--fio-font-family-primary);background:var(--fio-color-surface);border:2.5px solid var(--fio-color-border);border-radius:255px 15px 225px/15px 225px 15px 255px;padding:var(--fio-spacing-6);transform:rotate(-.2deg);box-shadow:var(--fio-shadow-base);position:relative;overflow:hidden}.analytics-header{margin-bottom:var(--fio-spacing-4);text-align:center}.analytics-title{font-size:var(--fio-font-size-xl);font-weight:var(--fio-font-weight-semibold);color:var(--fio-color-primary);font-family:var(--fio-font-family-secondary);margin:0;transform:rotate(-1deg)}.chart-container{position:relative;display:flex;justify-content:center;align-items:center}canvas{max-width:100%;height:auto;border-radius:8px}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#fffc;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:2}.loading-spinner{width:40px;height:40px;border:3px solid var(--fio-color-border-light);border-top:3px solid var(--fio-color-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:var(--fio-spacing-3)}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.chart-legend{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--fio-spacing-3);margin-top:var(--fio-spacing-4)}.legend-item{display:flex;align-items:center;gap:var(--fio-spacing-2);font-size:var(--fio-font-size-sm);color:var(--fio-color-text)}.legend-color{width:12px;height:12px;border-radius:50%;border:1px solid var(--fio-color-border)}.chart-stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));gap:var(--fio-spacing-3);margin-top:var(--fio-spacing-4);padding-top:var(--fio-spacing-4);border-top:1px solid var(--fio-color-border-light)}.stat-item{text-align:center;padding:var(--fio-spacing-2);background:var(--fio-color-background);border-radius:8px;border:1px solid var(--fio-color-border-light)}.stat-value{font-size:var(--fio-font-size-lg);font-weight:var(--fio-font-weight-bold);color:var(--fio-color-primary);margin-bottom:var(--fio-spacing-1)}.stat-label{font-size:var(--fio-font-size-xs);color:var(--fio-color-text-light);text-transform:uppercase;letter-spacing:.5px}.empty-state{text-align:center;padding:var(--fio-spacing-8) var(--fio-spacing-4);color:var(--fio-color-text-light)}.empty-icon{font-size:3rem;margin-bottom:var(--fio-spacing-3);opacity:.5}.responsive canvas{width:100%!important;height:auto!important}.chart-tooltip{position:absolute;background:var(--fio-color-text);color:var(--fio-color-text-inverse);padding:var(--fio-spacing-2) var(--fio-spacing-3);border-radius:6px;font-size:var(--fio-font-size-sm);pointer-events:none;z-index:10;opacity:0;transition:opacity var(--fio-transition-fast);transform:translate(-50%,-100%);margin-top:-8px}.chart-tooltip:after{content:"";position:absolute;top:100%;left:50%;transform:translate(-50%);border:4px solid transparent;border-top-color:var(--fio-color-text)}.chart-tooltip.visible{opacity:1}.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)}: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)}: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)}*{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}}.card-link{display:block;text-decoration:none;color:inherit;cursor:pointer}.file-upload-btn{display:inline-block;padding:.6rem 1.2rem;border:2px solid #000;border-radius:4px;background:#fff;font-size:.9rem;font-family:inherit;font-weight:600;cursor:pointer;transition:background .15s ease}.file-upload-btn:hover{background:#f0f0f0}.file-upload-btn:active{background:#e0e0e0}.file-upload-disabled{opacity:.5;pointer-events:none}.file-upload-hidden{display:none}.edit-input{width:100%;padding:.75rem;border:2px solid #000;border-radius:4px;font-size:1rem;font-family:inherit;box-sizing:border-box}.edit-textarea{width:100%;padding:.75rem;border:2px solid #000;border-radius:4px;font-size:1rem;font-family:inherit;resize:vertical;box-sizing:border-box}.post-thumbnail-float{float:right;margin-left:1.5rem;margin-bottom:1rem;margin-top:.5rem;animation:polaroidFall .4s cubic-bezier(.25,.46,.45,.94) forwards}.site-header{background:#fff;border-bottom:3px solid #000;padding:1rem 0;box-shadow:2px 2px #000;position:sticky;top:0;z-index:100;clip-path:polygon(0% 0%,100% 0%,99.8% 95%,99.2% 97%,98.5% 98.5%,96.8% 99.2%,95% 99.8%,92.3% 99.5%,89.7% 99.8%,87.2% 99.3%,84.8% 99.7%,82.1% 99.2%,79.5% 99.6%,76.9% 99.1%,74.3% 99.5%,71.7% 99%,69.1% 99.4%,66.5% 98.9%,63.9% 99.3%,61.3% 98.8%,58.7% 99.2%,56.1% 98.7%,53.5% 99.1%,50.9% 98.6%,48.3% 99%,45.7% 98.5%,43.1% 98.9%,40.5% 98.4%,37.9% 98.8%,35.3% 98.3%,32.7% 98.7%,30.1% 98.2%,27.5% 98.6%,24.9% 98.1%,22.3% 98.5%,19.7% 98%,17.1% 98.4%,14.5% 97.9%,11.9% 98.3%,9.3% 97.8%,6.7% 98.2%,4.1% 97.7%,1.5% 98.1%,0% 97.6%)}.site-nav{display:flex;justify-content:space-between;align-items:center;max-width:1200px;margin:0 auto;padding:0 2rem}.nav-logo{font-size:1.8rem;font-weight:700;text-decoration:none;color:#000;padding:.5rem 1rem;border:2px solid #000;box-shadow:3px 3px #000;transform:rotate(-1deg);clip-path:polygon(2% 8%,96% 3%,98% 12%,95% 88%,98% 95%,5% 97%,1% 92%,3% 15%);position:relative;font-family:Kalam,cursive;flex-shrink:0}.nav-links-wrap{display:flex;gap:.5rem}.nav-link-item{text-decoration:none;color:#000;padding:.5rem .75rem;font-family:inherit;font-size:.95rem;border-radius:4px;transition:background .15s}.nav-link-item:hover{background:#0000000d}.hamburger{display:none;background:none;border:2px solid #000;border-radius:4px;padding:.4rem;cursor:pointer;flex-direction:column;gap:4px;width:36px;height:36px;justify-content:center;align-items:center}.hamburger span{display:block;width:20px;height:2px;background:#000;transition:transform .2s,opacity .2s}.hamburger--open span:nth-child(1){transform:translateY(6px) rotate(45deg)}.hamburger--open span:nth-child(2){opacity:0}.hamburger--open span:nth-child(3){transform:translateY(-6px) rotate(-45deg)}@media (max-width: 600px){body{background-image:linear-gradient(to bottom,#f9f9f9 0%,#f9f9f9 26px,#e8e8e8 26px,#e8e8e8 27px,transparent 27px);background-size:100% 27px}fio-card{padding:1rem 1.25rem!important}.site-nav{padding:0 1rem}.nav-logo{font-size:1.3rem;padding:.3rem .7rem}.hamburger{display:flex}.nav-links-wrap{display:none;position:absolute;top:100%;left:0;right:0;background:#fff;flex-direction:column;padding:.5rem 1rem 1rem;border-bottom:3px solid #000;box-shadow:0 4px #0000001a;gap:0}.nav-links-wrap--open{display:flex}.nav-link-item{padding:.75rem 1rem;border-bottom:1px solid #eee;font-size:1.1rem}.nav-link-item:last-child{border-bottom:none}.site-header{clip-path:none}.posts-list fio-card [slot=content]>div,.recipes-list fio-card [slot=content]>div,.projects-list fio-card [slot=content]>div{flex-direction:column!important}.blog h1,.recipes h1,.projects h1,.hobbies h1{padding-left:1rem!important;padding-right:1rem!important}.post-thumbnail-float{float:none;margin:0 0 1rem;display:flex;justify-content:center}.post-content img,.recipe-content img,.project-content img{max-width:100%;height:auto}.hobbies-grid{grid-template-columns:1fr!important}.hobby-card [slot=content]>div{flex-direction:column!important}.hobbies>div>div[style*=flexWrap]{padding-left:1rem!important;padding-right:1rem!important}.tag-filter{padding-left:1rem!important;padding-right:1rem!important}.main-content{padding:1rem!important}}@media (max-width: 768px) and (min-width: 601px){fio-card{padding:1.5rem 2rem!important}.site-nav{padding:0 1.5rem}.nav-link-item{padding:.4rem .5rem;font-size:.85rem}.blog h1,.recipes h1,.projects h1,.hobbies h1{padding-left:2rem!important;padding-right:2rem!important}}