@import url("https://fonts.googleapis.com/css2?family=Inter:wght@400;600;700&display=swap");body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;font-size:16px;line-height:1.75;color:#f0f0f0;margin:0;padding:0;background:linear-gradient(0deg,#1a0e0f,#3a1f1f,#5c2c1e);min-height:100vh}.container{max-width:768px;width:90%;padding:2rem;background-color:rgba(0,0,0,.2);border-radius:1.5rem;margin:1.5rem auto;box-shadow:0 0 24px rgba(255,87,34,.1);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:all .3s ease}@media (max-width:768px){.container{margin:2rem auto;padding:2rem 1rem;width:95%}}.post-container{background-color:#eaeaea;color:#111;border-radius:1.25rem;padding:2rem;max-width:768px;margin:2rem auto}.post-container a{color:#5c2c1e;font-weight:700}.post-container a:hover{color:#a6592d}.post-content{color:#111}.layout{display:flex;flex-direction:column;min-height:100vh}.site-footer{width:100%;padding:0;background-color:hsla(0,0%,100%,.05);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:#aaa;font-size:.875rem;border-top:1px solid hsla(0,0%,100%,.1);margin-top:2rem}.footer-inner{max-width:768px;margin:0 auto;padding:.5rem 1rem;text-align:center}img{max-width:100%;height:auto;display:block;border-radius:.75rem;box-shadow:0 0 12px rgba(255,160,122,.25)}.page-body{padding:2rem;max-width:768px;margin:0 auto}@media (max-width:768px){.page-body{padding:1rem}}.metadata{font-size:.9rem;text-align:center;font-style:italic;margin-bottom:2rem;letter-spacing:.02em;opacity:.8}a{color:#ff8566;text-decoration:none;transition:color .2s ease}a:hover{color:#ffd2c2}article{color:#f0f0f0;font-size:1rem;line-height:1.75}article h1,article h2,article h3{color:#111;margin-top:2rem;margin-bottom:1rem}article h2{border-bottom:1px solid hsla(0,0%,100%,.1);padding-bottom:.25rem}article blockquote{font-style:italic;background:rgba(255,133,102,.1);border-left:4px solid #ff8566;padding:1rem;border-radius:.5rem;margin:2rem 0}article code{background-color:#2b1b1b;color:#ffb4a2;padding:.25rem .5rem;border-radius:4px;font-size:.95rem}.header{width:100%;padding:1.5rem;background:transparent;position:relative;z-index:10;border-bottom:3px solid hsla(0,0%,100%,.1)}.header-inner{padding:0 2rem;max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center}.logo *{border-radius:0!important;box-shadow:none!important;background:transparent!important;outline:none!important}.site-tagline{font-size:1rem;color:#666}.post-list{margin-top:4rem;display:flex;flex-direction:column;gap:2rem}.post-list-item h3{font-size:1.5rem;margin-bottom:.5rem}.staging-banner{background-color:#b62b2b;color:#fff;font-size:14px;padding:.5rem 1rem;display:flex;justify-content:space-between;align-items:center}.staging-logout{background:none;border:1px solid #fff;color:#fff;padding:.25rem .5rem;cursor:pointer;border-radius:4px;font-size:13px}.dropdown-menu{position:absolute;top:100%;right:1.5rem;background:#111;padding:1rem 1.5rem;border-radius:8px;box-shadow:0 8px 16px rgba(0,0,0,.2);z-index:999;min-width:180px}.dropdown-menu ul{list-style:none;margin:0;padding:0}.dropdown-menu li{margin:.75rem 0}.dropdown-menu a{color:#fff;text-decoration:none;font-size:1rem}.dropdown-menu a:hover{text-decoration:underline}