body:has(.notfound-page-wrapper){background-color:var(--paper)!important}.notfound-page-wrapper{min-height:100vh;margin-top:-1px;padding:60px 0;background-color:var(--paper)!important}.notfound-container{text-align:center;max-width:960px;margin:0 auto;padding:0 24px}.notfound-container h1{color:var(--ink);margin-bottom:12px;font-family:Fraunces,Georgia,serif;font-size:48px;font-weight:800}.notfound-sub{color:var(--ink-dim);max-width:600px;margin-bottom:32px;margin-left:auto;margin-right:auto;font-size:16px;line-height:1.5}.notfound-search-bar{justify-content:center!important;align-items:center!important;gap:12px!important;max-width:540px!important;margin:0 auto 64px!important;display:flex!important}.notfound-search-box-container{flex:1!important;display:block!important;position:relative!important}.search-input-icon{pointer-events:none!important;z-index:10!important;font-size:18px!important;position:absolute!important;top:50%!important;left:18px!important;transform:translateY(-50%)!important}.notfound-search-input{border:1.5px solid var(--line)!important;width:100%!important;color:var(--ink)!important;box-sizing:border-box!important;background:#fff!important;border-radius:8px!important;outline:none!important;padding:14px 16px 14px 48px!important;font-size:15px!important;transition:all .15s!important;display:block!important;box-shadow:0 2px 8px #00000005!important}.notfound-search-input:focus{border-color:#2563eb!important;box-shadow:0 0 0 3px #2563eb1a!important}.notfound-search-btn{color:#fff!important;cursor:pointer!important;box-sizing:border-box!important;background:#2563eb!important;border:none!important;border-radius:8px!important;flex-shrink:0!important;justify-content:center!important;align-items:center!important;height:50px!important;padding:14px 28px!important;font-size:15px!important;font-weight:700!important;transition:background .15s!important;display:flex!important}.notfound-search-btn:hover{background:#1d4ed8!important}.section-title{color:var(--ink);text-align:center;margin-bottom:24px;font-size:22px;font-weight:700}.popular-grid{grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:64px;display:grid}.popular-card{border:1px solid var(--line)!important;cursor:pointer!important;box-sizing:border-box!important;background:#fff!important;border-radius:14px!important;justify-content:space-between!important;align-items:center!important;height:72px!important;padding:0 20px!important;text-decoration:none!important;transition:all .15s!important;display:flex!important}.popular-card:hover{border-color:var(--work-2)!important;transform:translateY(-1px)!important;box-shadow:0 4px 16px -6px #1f7a5c2e!important}.card-left{align-items:center!important;gap:14px!important;min-width:0!important;display:flex!important}.popular-card .emoji{flex-shrink:0!important;font-size:28px!important}.card-texts{text-align:left!important;flex-direction:column!important;align-items:flex-start!important;min-width:0!important;display:flex!important}.card-title{color:var(--ink)!important;white-space:nowrap!important;text-overflow:ellipsis!important;width:100%!important;font-size:15.5px!important;font-weight:700!important;overflow:hidden!important}.card-desc{color:var(--ink-dim)!important;white-space:nowrap!important;text-overflow:ellipsis!important;width:100%!important;margin-top:1px!important;font-size:12.5px!important;overflow:hidden!important}.arrow-icon{color:#2563eb!important;flex-shrink:0!important;width:16px!important;height:16px!important;margin-left:8px!important;transition:transform .15s!important}.popular-card:hover .arrow-icon{transform:translate(3px)!important}.categories-grid{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.category-card{text-align:left;border:1px solid var(--line)!important;height:52px!important;color:var(--ink)!important;box-sizing:border-box!important;background:#fff!important;border-radius:8px!important;align-items:center!important;gap:12px!important;padding:0 18px!important;font-weight:600!important;text-decoration:none!important;transition:all .15s!important;display:flex!important}.category-card:hover{border-color:var(--work-2)!important;background:#1f7a5c05!important;transform:translateY(-1px)!important;box-shadow:0 4px 10px #1f7a5c0a!important}.category-card .emoji{flex-shrink:0!important;font-size:18px!important}@media (width<=900px){.popular-grid,.categories-grid{grid-template-columns:repeat(2,1fr)!important}}@media (width<=600px){.popular-grid,.categories-grid{grid-template-columns:1fr!important}.popular-card{height:auto!important;padding:16px 20px!important}.popular-card .card-title,.popular-card .card-desc{white-space:normal!important}.notfound-container h1{font-size:32px!important}.notfound-search-bar{flex-direction:column!important;gap:12px!important}.notfound-search-btn{width:100%!important}}