@import url("https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@300;400;500;700;900&family=Space+Grotesk:wght@400;500;700&display=swap");:root{--primary:#0a0a0a;--secondary:#1a1a1a;--accent:#ff3e3e;--accent-hover:#ff6b6b;--text-primary:#fff;--text-secondary:#a0a0a0;--border:#2a2a2a;--card-bg:#141414;--success:#00d26a;--warning:#ffc107;--font-display:"Space Grotesk",sans-serif;--font-body:"Noto Sans SC",sans-serif}[data-theme=light]{--primary:#f5f5f5;--secondary:#fff;--accent:#ff3e3e;--accent-hover:#ff6b6b;--text-primary:#000;--text-secondary:#666;--border:#e0e0e0;--card-bg:#fff;--success:#00d26a;--warning:#ffc107}*{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--primary);color:var(--text-primary);line-height:1.6;overflow-x:hidden}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:var(--primary)}::-webkit-scrollbar-thumb{background:var(--border);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:var(--accent)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}.container{max-width:1400px;margin:0 auto;padding:0 2rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes slideIn{0%{opacity:0;transform:translateX(-20px)}to{opacity:1;transform:translateX(0)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes shimmer{0%{background-position:-1000px 0}to{background-position:1000px 0}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;font-family:var(--font-display);font-weight:500;font-size:.95rem;border:none;border-radius:8px;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);text-decoration:none}.btn-primary{background:var(--accent);color:#fff}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-2px);box-shadow:0 10px 30px rgba(255,62,62,.3)}.btn-secondary{background:var(--secondary);color:var(--text-primary);border:1px solid var(--border)}.btn-secondary:hover{background:var(--border);transform:translateY(-2px)}.card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all .4s cubic-bezier(.4,0,.2,1)}.card:hover{border-color:var(--accent);transform:translateY(-8px);box-shadow:0 20px 60px rgba(255,62,62,.15)}input,select,textarea{width:100%;padding:1rem;font-family:var(--font-body);font-size:1rem;background:var(--secondary);border:1px solid var(--border);border-radius:8px;color:var(--text-primary);transition:all .3s ease}input:focus,select:focus,textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(255,62,62,.1)}.grid{display:grid;grid-gap:2rem;gap:2rem}.grid-2{grid-template-columns:repeat(auto-fill,minmax(300px,1fr))}.grid-3{grid-template-columns:repeat(auto-fill,minmax(250px,1fr))}.badge{display:inline-flex;align-items:center;padding:.25rem .75rem;font-size:.75rem;font-weight:500;border-radius:50px;text-transform:uppercase;letter-spacing:.5px}.stars{display:flex;gap:.25rem}.star{color:var(--accent)}.star-empty{color:var(--border)}.skeleton{background:linear-gradient(90deg,var(--secondary) 0,var(--border) 50%,var(--secondary) 100%);background-size:2000px 100%;animation:shimmer 2s linear infinite;border-radius:8px}@media (max-width:768px){.container{padding:0 1rem}h1{font-size:2rem!important}h2{font-size:1.75rem!important}}[data-theme=light] .site-header,[data-theme=light] header,header[style*="rgba(10, 10, 10"]{background:hsla(0,0%,96%,.97)!important;border-bottom:1px solid #e0e0e0!important}header [style*="background: linear-gradient"],header span[style*="background: linear-gradient"]{background:linear-gradient(135deg,#ff3e3e,#ff6b6b)!important}[data-theme=light] header span[style*="background: linear-gradient"]+span,[data-theme=light] header span[style*=linear-gradient]+span{color:#fff!important}[data-theme=light] header a:not([style]){color:#1a1a1a!important}[data-theme=light] header a:hover{color:#ff3e3e!important}[data-theme=light] header a[href*=login],[data-theme=light] header a[href="/data"],[data-theme=light] header button,[data-theme=light] header input,[data-theme=light] header input[type=search],[data-theme=light] header input[type=text]{background:#fff!important;border:1px solid #e0e0e0!important;color:#1a1a1a!important}[data-theme=light] header [style*="background: #1a1a1a"],[data-theme=light] header [style*="rgba(10, 10, 10"]{background:#1a1a1a!important}[data-theme=light] header [style*="font-size: 1.25rem"][style*="font-weight: 700"],[data-theme=light] header [style*="font-weight: 700"][style*=letter-spacing],[data-theme=light] header span[style*="color: var(--text-primary)"]{color:#fff!important}[data-theme=light] header>*{background:transparent!important}[data-theme=light] .site-footer,[data-theme=light] footer{background:#f5f5f5!important;border-top:1px solid #e0e0e0!important;color:#1a1a1a!important}[data-theme=light] footer a{color:#1a1a1a!important}[data-theme=light] footer a:hover{color:#ff3e3e!important}@media (min-width:768px){nav.fixed.bottom-0{display:none!important}body{padding-bottom:0!important}}@media (max-width:768px){.container{padding:0 1rem!important}body{font-size:14px!important;padding-bottom:70px!important}h1{font-size:2rem!important}h2{font-size:1.5rem!important}h3{font-size:1.2rem!important}h4{font-size:1rem!important}body,html{overflow-x:hidden!important}}@media (max-width:480px){.container{padding:0 .75rem!important}body{font-size:13px!important}h1{font-size:1.75rem!important}h2{font-size:1.35rem!important}}@media (max-width:768px){header [href="/data"],header form[style*="flex: 1"],header>div>div>div:last-child>a[href*="/write"],header>div>div>div:last-child>a[href="/login"]{display:none!important}header button[style*="display: none"][style*="border-radius: 8px"]{display:flex!important}header nav button{font-size:.8rem!important;padding:.35rem .85rem!important}header nav button span:first-child{display:none!important}section>div>div:first-child>div>h1{font-size:2rem!important}section>div>div:first-child>div>p{font-size:.9rem!important;margin-bottom:1rem!important}section>div>div:nth-child(3)>div>div{grid-template-columns:repeat(1,1fr)!important;gap:.75rem!important}section a>div:first-child{height:160px!important}section>div>div:last-child>div:last-child>div>div>div>div[style*="56.25"]{min-height:200px!important}section>div>div[style*="height: 1px"]{margin:1.5rem 0!important}section[style*="padding: 3rem"]{padding:1.5rem 0!important}}@media (max-width:480px){section>div>div:nth-child(3)>div>div{grid-template-columns:repeat(1,1fr)!important}section a>div:first-child{height:180px!important}}@media (max-width:768px){footer>div>div[style*=gridTemplateColumns]{grid-template-columns:1fr!important;gap:2rem!important}footer>div>div:first-child>div>p{font-size:.85rem!important}footer input[type=email]{font-size:.9rem!important}footer>div>div:last-child{text-align:center!important;font-size:.8rem!important}div[style*="display: flex"][style*="flexWrap: wrap"]{gap:.5rem!important}div[style*="gridTemplateColumns: repeat(4"]{grid-template-columns:repeat(2,1fr)!important;gap:.75rem!important}div[style*="width: 120px"][style*="height: 90px"]{width:100px!important;height:75px!important}}@media (max-width:480px){div[style*="gridTemplateColumns: repeat(2"]{grid-template-columns:1fr!important}div[style*="width: 120px"][style*="height: 90px"]{width:100%!important;height:160px!important;border-radius:10px 10px 0 0!important;flex-direction:row!important}a[href*="/article/"][style*="display: flex"][style*=borderRadius]{flex-direction:column!important}}@media (max-width:768px){article,div[style*=maxWidth][style*="800px"]{max-width:100%!important;padding:0!important}h1[style*="font-size.*3rem"],h1[style*="fontSize.*3rem"]{font-size:1.75rem!important;line-height:1.3!important}div[style*="lineHeight: 1.8"],div[style*="lineHeight: 1.8"] p{font-size:.95rem!important;line-height:1.7!important}div[style*="padding.*1rem.*1.5rem"]{padding:.75rem!important}div[style*="overflow-x: auto"],div[style*="overflowX: auto"]{overflow-x:auto!important;-webkit-overflow-scrolling:touch}table{font-size:.8rem!important;min-width:600px}nav.fixed.bottom-0,nav[style*="position: fixed"][style*=bottom]{padding:.5rem!important;height:auto!important}.mobile-menu-btn{display:flex!important}.hero-section{padding:1.5rem 0!important}.hero-section a[style*=btn-secondary]{padding:.6rem 1rem!important;font-size:.85rem!important}.hero-section h2{font-size:1.1rem!important}}@media (max-width:480px){.hero-section{padding:1rem 0!important}}@media (max-width:768px){nav.fixed.bottom-0 svg{width:clamp(26px,6vw,28px)!important;height:clamp(26px,6vw,28px)!important}nav.fixed.bottom-0 span{font-size:clamp(11px,2.8vw,13px)!important}nav.fixed.bottom-0{padding-bottom:max(.5rem,env(safe-area-inset-bottom))!important}header>div:first-child>div{flex-wrap:wrap!important;gap:.5rem!important}main{padding-bottom:90px!important}header form{order:1!important;flex:1 1 100%!important;max-width:100%!important;min-width:0!important}body>main{padding-bottom:max(90px,env(safe-area-inset-bottom))!important}header>div:first-child>div>div:last-child{gap:.375rem!important}header>div:first-child>div>div:last-child>a,header>div:first-child>div>div:last-child>button{padding:.4rem .6rem!important;font-size:.8rem!important}section:first-of-type>div:last-child{padding-left:1rem!important;padding-right:1rem!important}footer{margin-top:1rem!important;padding:1.5rem 0 1rem!important}footer h4{font-size:1rem!important;margin-bottom:.75rem!important}footer p{font-size:.85rem!important;line-height:1.5!important}input#guestName,textarea#guestMessage{padding-left:.75rem!important;padding-right:.75rem!important;font-size:.9rem!important}}[data-theme=light] section h1{background:linear-gradient(135deg,#1a1a1a,#444)!important;-webkit-background-clip:text!important;-webkit-text-fill-color:transparent!important;background-clip:text!important;text-shadow:none!important}[data-theme=light] section p{color:#555!important}[data-theme=light] section .container>div>div>span{color:#333!important}