@font-face{font-family:VintageMarquee;src:url(/assets/VintageMarquee_byMark-JGEq1Zdv.woff2) format("woff2"),url(/assets/VintageMarquee_byMark-B7VbEyJA.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}.header{position:fixed;top:0;left:0;right:0;z-index:1000;padding:1rem 2rem}.header-container{display:flex;align-items:center;justify-content:space-between;max-width:1400px;margin:0 auto}.header-logo{display:flex;align-items:center;z-index:1001}.header-logo img{height:50px;width:auto;transition:transform .3s ease}.header-logo:hover img{transform:scale(1.05)}.theme-toggle{position:relative;border:none;cursor:pointer;padding:.3rem .5rem;background-size:100% 100%;background-position:center;background-repeat:no-repeat;display:inline-flex;align-items:center;justify-content:center;transition:transform .3s ease}.theme-toggle:hover{transform:scale(1.05)}.theme-toggle-text{font-family:VintageMarquee,sans-serif;color:#000;font-size:1rem;text-transform:uppercase;letter-spacing:.05em;position:relative;z-index:1;transition:opacity .3s ease}.theme-toggle.light .theme-toggle-text{opacity:1}.theme-toggle.dark{animation:flickerGlow 5s ease-in-out infinite}.theme-toggle.dark .theme-toggle-text{opacity:.7}@keyframes flickerGlow{0%,to{filter:drop-shadow(0 0 3px rgba(255,200,100,.3)) drop-shadow(0 0 6px rgba(255,150,50,.2))}25%{filter:drop-shadow(0 0 5px rgba(255,200,100,.4)) drop-shadow(0 0 10px rgba(255,150,50,.25))}50%{filter:drop-shadow(0 0 4px rgba(255,200,100,.35)) drop-shadow(0 0 8px rgba(255,150,50,.22))}75%{filter:drop-shadow(0 0 6px rgba(255,200,100,.45)) drop-shadow(0 0 12px rgba(255,150,50,.3))}}.hamburger-button{background:none;border:none;cursor:pointer;padding:.5rem;z-index:1001;display:flex;align-items:center;justify-content:center;transition:transform .3s ease}.hamburger-button:hover{transform:scale(1.1)}.hamburger-button img{width:40px;height:auto}.header-nav{position:fixed;top:0;right:-100%;width:100%;max-width:350px;height:100vh;padding:100px 2rem 2rem;transition:right .4s ease-in-out;z-index:999}.header-nav.open{right:0}body.dark-mode .header-nav{background:#000000f2}body.light-mode .header-nav{background:#fffffff2}.nav-list{list-style:none;display:flex;flex-direction:column;gap:1.5rem}.nav-list li{opacity:0;transform:translate(50px);transition:opacity .3s ease,transform .3s ease}.header-nav.open .nav-list li{opacity:1;transform:translate(0)}.header-nav.open .nav-list li:nth-child(1){transition-delay:.1s}.header-nav.open .nav-list li:nth-child(2){transition-delay:.15s}.header-nav.open .nav-list li:nth-child(3){transition-delay:.2s}.header-nav.open .nav-list li:nth-child(4){transition-delay:.25s}.header-nav.open .nav-list li:nth-child(5){transition-delay:.3s}.header-nav.open .nav-list li:nth-child(6){transition-delay:.35s}.nav-list a{font-family:VintageMarquee,sans-serif;font-size:1.5rem;text-decoration:none;text-transform:uppercase;letter-spacing:.1em;display:block;padding:.5rem 0;transition:transform .3s ease,opacity .3s ease}body.dark-mode .nav-list a{color:#fff}body.dark-mode .nav-list a:hover,body.dark-mode .nav-list a.active{transform:translate(10px);opacity:.7}body.light-mode .nav-list a{color:#000}body.light-mode .nav-list a:hover,body.light-mode .nav-list a.active{transform:translate(10px);opacity:.7}@media(max-width:768px){.header{padding:1rem}.header-logo img{height:40px}.theme-toggle{padding:.25rem .4rem}.theme-toggle-text{font-size:.85rem}.hamburger-button img{width:32px}.nav-list a{font-size:1.25rem}}@media(max-width:480px){.theme-toggle{padding:.2rem .35rem}.theme-toggle-text{font-size:.75rem}}.blog{max-width:1200px;margin:0 auto}.blog h1{margin-bottom:.5rem}.blog-description{margin-bottom:2rem;opacity:.7}.blog-layout{display:flex;gap:2rem}.blog-sidebar{width:280px;flex-shrink:0;position:sticky;top:100px;height:fit-content;max-height:calc(100vh - 120px);overflow-y:auto}.sidebar-filters{margin-bottom:1.5rem}.filter-row{margin-bottom:.75rem}.search-field{position:relative}.filter-input{width:100%;padding:.75rem 1rem;border-radius:8px;border:2px solid transparent;font-size:.9rem;font-family:inherit;transition:border-color .2s ease,background-color .2s ease}.search-field .filter-input{padding-right:2.5rem}body.dark-mode .filter-input{background-color:#1a1a1a;color:#fff;border-color:#333}body.dark-mode .filter-input:focus{border-color:#555;outline:none}body.dark-mode .filter-input::placeholder{color:#666}body.light-mode .filter-input{background-color:#f5f5f5;color:#000;border-color:#ddd}body.light-mode .filter-input:focus{border-color:#999;outline:none}body.light-mode .filter-input::placeholder{color:#999}.date-row{display:flex;gap:.75rem}.date-field{flex:1;display:flex;flex-direction:column;gap:.25rem}.date-field label{font-size:.75rem;font-weight:500;opacity:.6;padding-left:.25rem}.date-input{padding:.6rem .75rem;font-size:.85rem}body.dark-mode .date-input::-webkit-calendar-picker-indicator{filter:invert(1)}.clear-field-btn{position:absolute;right:8px;top:50%;transform:translateY(-50%);width:24px;height:24px;border:none;border-radius:50%;font-size:1.1rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}body.dark-mode .clear-field-btn{background-color:#333;color:#999}body.dark-mode .clear-field-btn:hover{background-color:#444;color:#fff}body.light-mode .clear-field-btn{background-color:#ddd;color:#666}body.light-mode .clear-field-btn:hover{background-color:#ccc;color:#000}.clear-filters-btn{width:100%;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.85rem;cursor:pointer;transition:background-color .2s ease;margin-top:.5rem}body.dark-mode .clear-filters-btn{background-color:#333;color:#fff}body.dark-mode .clear-filters-btn:hover{background-color:#444}body.light-mode .clear-filters-btn{background-color:#e0e0e0;color:#000}body.light-mode .clear-filters-btn:hover{background-color:#d0d0d0}.sidebar-archive{padding:1rem;border-radius:10px}body.dark-mode .sidebar-archive{background-color:#1a1a1a}body.light-mode .sidebar-archive{background-color:#f5f5f5}.archive-title{font-size:.85rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;margin-bottom:1rem;opacity:.6}.archive-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:.25rem}.archive-item{padding:.75rem;border-radius:6px;cursor:pointer;transition:background-color .2s ease;display:flex;flex-direction:column;gap:.25rem}body.dark-mode .archive-item:hover{background-color:#2a2a2a}body.dark-mode .archive-item.active{background-color:#333}body.light-mode .archive-item:hover{background-color:#eee}body.light-mode .archive-item.active{background-color:#e0e0e0}.archive-date{font-size:.75rem;opacity:.5}.archive-post-title{font-size:.9rem;font-weight:500;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.no-results{font-size:.9rem;opacity:.6;text-align:center;padding:1rem 0}.blog-main{flex:1;min-width:0}.blog-post-list{display:flex;flex-direction:column;gap:3rem}.post-wrapper{transition:background-color .3s ease;margin:-1rem;padding:1rem;border-radius:8px}.post-wrapper.highlighted{animation:highlightFade 2s ease}@keyframes highlightFade{0%{background-color:#64646433}to{background-color:transparent}}.blog-loading,.blog-error,.blog-empty,.blog-no-results{text-align:center;padding:3rem 2rem;opacity:.7}.blog-error{opacity:1}body.dark-mode .blog-error p{color:#ff6b6b}body.light-mode .blog-error p{color:#dc3545}.retry-btn,.clear-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;cursor:pointer;margin-top:1rem;transition:background-color .2s ease}body.dark-mode .retry-btn,body.dark-mode .clear-btn{background-color:#333;color:#fff}body.dark-mode .retry-btn:hover,body.dark-mode .clear-btn:hover{background-color:#444}body.light-mode .retry-btn,body.light-mode .clear-btn{background-color:#e0e0e0;color:#000}body.light-mode .retry-btn:hover,body.light-mode .clear-btn:hover{background-color:#d0d0d0}.blog-post{padding-bottom:2rem;border-bottom:1px solid}body.dark-mode .blog-post{border-color:#333}body.light-mode .blog-post{border-color:#e0e0e0}.blog-post:last-child{border-bottom:none}.post-date{font-size:.9rem;margin-bottom:1rem;opacity:.6}.post-content{display:flex;flex-direction:column;gap:1.5rem}.blog-field{width:100%}.blog-title{font-size:1.75rem;font-weight:700;line-height:1.3}.blog-text{line-height:1.8}.blog-text p{margin-bottom:1em}.blog-text p:last-child{margin-bottom:0}.blog-image{width:100%}.blog-image img{max-width:100%;height:auto;border-radius:8px;display:block}.blog-youtube{width:100%}.youtube-container{position:relative;width:100%;padding-bottom:56.25%;border-radius:8px;overflow:hidden}.youtube-container iframe{position:absolute;top:0;left:0;width:100%;height:100%}.loading-screen{display:flex;align-items:center;justify-content:center;min-height:200px;opacity:.6}@media(max-width:900px){.blog-layout{flex-direction:column}.blog-sidebar{width:100%;position:static;max-height:none;overflow:visible}.sidebar-archive{display:none}.sidebar-archive.has-results{display:block;max-height:250px;overflow-y:auto;margin-top:1rem}.sidebar-filters{margin-bottom:1rem}.date-row{flex-direction:row}}@media(max-width:600px){.blog-title{font-size:1.5rem}.blog-post-list{gap:2rem}.blog-post{padding-bottom:1.5rem}.post-content{gap:1rem}.post-wrapper{margin:-.5rem;padding:.5rem}.date-row{flex-direction:column;gap:.5rem}.sidebar-archive.has-results{max-height:200px}}.blog-login{display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:calc(100vh - 200px)}.login-container{width:100%;max-width:400px;padding:2rem;border-radius:12px;transition:background-color .3s ease,box-shadow .3s ease}body.dark-mode .login-container{background-color:#1a1a1a;box-shadow:0 4px 20px #ffffff0d}body.light-mode .login-container{background-color:#f5f5f5;box-shadow:0 4px 20px #0000001a}.blog-login h1{text-align:center;margin-bottom:.5rem}.login-description{text-align:center;margin-bottom:2rem;opacity:.7}.login-form{display:flex;flex-direction:column;gap:1.5rem}.form-group{display:flex;flex-direction:column;gap:.5rem}.form-group label{font-weight:500;font-size:.9rem}.form-group input{padding:.875rem 1rem;border-radius:8px;border:2px solid transparent;font-size:1rem;transition:border-color .2s ease,background-color .2s ease}body.dark-mode .form-group input{background-color:#2a2a2a;color:#fff;border-color:#3a3a3a}body.dark-mode .form-group input:focus{border-color:#666;outline:none}body.light-mode .form-group input{background-color:#fff;color:#000;border-color:#ddd}body.light-mode .form-group input:focus{border-color:#999;outline:none}.error-message{padding:.75rem 1rem;border-radius:8px;font-size:.9rem;text-align:center}body.dark-mode .error-message{background-color:#dc354533;color:#ff6b6b;border:1px solid rgba(220,53,69,.3)}body.light-mode .error-message{background-color:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.2)}.login-button{padding:.875rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease}body.dark-mode .login-button{background-color:#fff;color:#000}body.dark-mode .login-button:hover:not(:disabled){background-color:#e0e0e0}body.light-mode .login-button{background-color:#000;color:#fff}body.light-mode .login-button:hover:not(:disabled){background-color:#333}.login-button:active:not(:disabled){transform:scale(.98)}.login-button:disabled{opacity:.5;cursor:not-allowed}.blog-create{max-width:800px;margin:0 auto}.create-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.create-description{margin-bottom:2rem;opacity:.7}.logout-btn{padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background-color .2s ease}body.dark-mode .logout-btn{background-color:#333;color:#fff}body.dark-mode .logout-btn:hover{background-color:#444}body.light-mode .logout-btn{background-color:#e0e0e0;color:#000}body.light-mode .logout-btn:hover{background-color:#d0d0d0}.field-selector{display:flex;align-items:center;gap:1rem;padding:1rem;margin-bottom:1.5rem;border-radius:10px;flex-wrap:wrap}body.dark-mode .field-selector{background-color:#1a1a1a}body.light-mode .field-selector{background-color:#f5f5f5}.selector-label{font-weight:500;opacity:.8}.selector-buttons{display:flex;gap:.5rem;flex-wrap:wrap}.add-field-btn{display:flex;align-items:center;gap:.5rem;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background-color .2s ease,transform .1s ease}body.dark-mode .add-field-btn{background-color:#333;color:#fff}body.dark-mode .add-field-btn:hover{background-color:#444}body.light-mode .add-field-btn{background-color:#e0e0e0;color:#000}body.light-mode .add-field-btn:hover{background-color:#d0d0d0}.add-field-btn:active{transform:scale(.95)}.field-icon{font-weight:700;font-size:.8rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:4px}body.dark-mode .field-icon{background-color:#555}body.light-mode .field-icon{background-color:#ccc}.empty-fields{text-align:center;padding:3rem 2rem;border-radius:10px;border:2px dashed;opacity:.6}body.dark-mode .empty-fields{border-color:#333}body.light-mode .empty-fields{border-color:#ccc}.fields-list{display:flex;flex-direction:column;gap:1rem;margin-bottom:1.5rem}.draggable-field{display:flex;gap:.75rem;padding:1rem;border-radius:10px;transition:opacity .2s ease,box-shadow .2s ease,border-color .2s ease;border:2px solid transparent}body.dark-mode .draggable-field{background-color:#1a1a1a}body.light-mode .draggable-field{background-color:#f9f9f9}.draggable-field.dragging{opacity:.5}.draggable-field.drag-over{border-style:dashed}body.dark-mode .draggable-field.drag-over{border-color:#666}body.light-mode .draggable-field.drag-over{border-color:#999}.drag-handle{display:flex;align-items:flex-start;padding-top:.5rem;cursor:grab;opacity:.5;transition:opacity .2s ease;-webkit-user-select:none;user-select:none}.drag-handle:hover{opacity:1}.drag-handle:active{cursor:grabbing}.drag-icon{font-size:1.2rem;letter-spacing:-3px}.draggable-content{flex:1;min-width:0}.form-field{width:100%}.field-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:.75rem}.field-type-label{font-size:.8rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;opacity:.6}.remove-field-btn{width:28px;height:28px;border:none;border-radius:50%;font-size:1.25rem;line-height:1;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:background-color .2s ease}body.dark-mode .remove-field-btn{background-color:#333;color:#fff}body.dark-mode .remove-field-btn:hover{background-color:#c53030}body.light-mode .remove-field-btn{background-color:#e0e0e0;color:#000}body.light-mode .remove-field-btn:hover{background-color:#dc3545;color:#fff}.field-input{width:100%;padding:.75rem 1rem;border-radius:8px;border:2px solid transparent;font-size:1rem;font-family:inherit;transition:border-color .2s ease;resize:vertical}body.dark-mode .field-input{background-color:#2a2a2a;color:#fff;border-color:#3a3a3a}body.dark-mode .field-input:focus{border-color:#555;outline:none}body.light-mode .field-input{background-color:#fff;color:#000;border-color:#ddd}body.light-mode .field-input:focus{border-color:#999;outline:none}.title-input{font-size:1.25rem;font-weight:600}.text-input{min-height:120px;line-height:1.6}.image-field{display:flex;flex-direction:column;gap:1rem}.image-preview{position:relative}.image-preview img{max-width:100%;max-height:300px;border-radius:8px;object-fit:contain}.change-image-btn{margin-top:.75rem;padding:.5rem 1rem;border:none;border-radius:6px;font-size:.875rem;cursor:pointer;transition:background-color .2s ease}body.dark-mode .change-image-btn{background-color:#333;color:#fff}body.dark-mode .change-image-btn:hover{background-color:#444}body.light-mode .change-image-btn{background-color:#e0e0e0;color:#000}body.light-mode .change-image-btn:hover{background-color:#d0d0d0}.image-upload{display:flex;flex-direction:column;align-items:center;gap:.75rem;padding:2rem;border-radius:8px;border:2px dashed}body.dark-mode .image-upload{border-color:#444;background-color:#1a1a1a}body.light-mode .image-upload{border-color:#ccc;background-color:#f9f9f9}.upload-btn{padding:.75rem 1.5rem;border:none;border-radius:8px;font-size:1rem;font-weight:500;cursor:pointer;transition:background-color .2s ease}body.dark-mode .upload-btn{background-color:#fff;color:#000}body.dark-mode .upload-btn:hover:not(:disabled){background-color:#e0e0e0}body.light-mode .upload-btn{background-color:#000;color:#fff}body.light-mode .upload-btn:hover:not(:disabled){background-color:#333}.upload-btn:disabled{opacity:.5;cursor:not-allowed}.upload-hint{font-size:.8rem;opacity:.6}.upload-error{color:#dc3545;font-size:.875rem;text-align:center}.youtube-field{display:flex;flex-direction:column;gap:1rem}.youtube-preview{position:relative;width:100%;padding-bottom:56.25%;border-radius:8px;overflow:hidden}.youtube-preview iframe{position:absolute;top:0;left:0;width:100%;height:100%}.form-actions{display:flex;justify-content:flex-end;padding-top:1rem}.form-error,.form-success{padding:1rem;border-radius:8px;margin-bottom:1rem;text-align:center}body.dark-mode .form-error{background-color:#dc354533;color:#ff6b6b;border:1px solid rgba(220,53,69,.3)}body.light-mode .form-error{background-color:#dc35451a;color:#dc3545;border:1px solid rgba(220,53,69,.2)}body.dark-mode .form-success{background-color:#28a74533;color:#69db7c;border:1px solid rgba(40,167,69,.3)}body.light-mode .form-success{background-color:#28a7451a;color:#28a745;border:1px solid rgba(40,167,69,.2)}.post-button{padding:1rem 2.5rem;border:none;border-radius:8px;font-size:1.1rem;font-weight:600;cursor:pointer;transition:background-color .2s ease,transform .1s ease}body.dark-mode .post-button{background-color:#fff;color:#000}body.dark-mode .post-button:hover:not(:disabled){background-color:#e0e0e0}body.light-mode .post-button{background-color:#000;color:#fff}body.light-mode .post-button:hover:not(:disabled){background-color:#333}.post-button:active:not(:disabled){transform:scale(.98)}.post-button:disabled{opacity:.5;cursor:not-allowed}@media(max-width:600px){.create-header{flex-direction:column;align-items:flex-start;gap:1rem}.field-selector{flex-direction:column;align-items:flex-start}.selector-buttons{width:100%}.add-field-btn{flex:1;justify-content:center}.draggable-field{padding:.75rem}.drag-handle{padding-top:.25rem}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:system-ui,-apple-system,sans-serif;line-height:1.6;transition:background-color .3s ease,color .3s ease}body.dark-mode{background-color:#000;color:#fff}body.light-mode{background-color:#fff;color:#000}.app{min-height:100vh}.content{padding:2rem;padding-top:100px;max-width:1200px;margin:0 auto}.page h1{margin-bottom:1rem}