*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;background-color:#0f0e17;color:#ffffffeb;line-height:1.6;min-height:100vh;display:flex;flex-direction:column}a{text-decoration:none;color:inherit}.site-header{background-color:#0f0e17;border-bottom:1px solid rgba(255,255,255,.07);padding:0 24px;position:sticky;top:0;z-index:100;box-shadow:0 1px 3px #0000004d}.header-inner{max-width:1440px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;height:64px}.logo{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700;color:#ffffffeb}.logo-icon{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;flex-shrink:0;overflow:hidden;border-radius:50%;background:#ffffff06}.logo-icon img{width:100%;height:100%;object-fit:cover;display:block}.logo-highlight{color:#d4a574;margin-left:2px}.header-actions{display:flex;align-items:center;gap:12px}.btn-home{display:inline-flex;align-items:center;gap:6px;padding:7px 18px 7px 14px;border-radius:40px;background:#0f0e17;border:1px solid rgba(255,255,255,.07);color:#ffffff80;text-decoration:none;font-size:13px;font-weight:500;transition:all .25s ease;font-family:inherit}.btn-home:hover{background:#0f0e17;border-color:#d4a574;color:#ffffffc7;box-shadow:0 2px 8px #4a6fa514;transform:translateY(-1px)}.btn-home .home-icon{font-size:15px;line-height:1}.btn-fill{background:linear-gradient(145deg,#f5d6a8,#d4a574);color:#ffffffeb;border:none;padding:7px 22px;border-radius:40px;font-size:13px;font-weight:600;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);font-family:inherit;letter-spacing:.4px;box-shadow:0 2px 12px #d4a57426;display:inline-flex;align-items:center;gap:6px}.btn-fill:hover{transform:translateY(-2px);box-shadow:0 6px 24px #d4a57440;background:linear-gradient(145deg,#f5d6a8,#e0b884)}.btn-fill:active{transform:translateY(0);box-shadow:0 2px 8px #d4a5741a}.btn-fill .sparkle-icon{font-size:14px;line-height:1}.search-section{background-color:#0f0e17;padding:16px 24px;border-bottom:1px solid rgba(255,255,255,.07)}.search-inner{max-width:1440px;margin:0 auto;display:flex;align-items:center;gap:20px;flex-wrap:wrap}.search-box{flex:1;min-width:200px;display:flex;align-items:center;background:#0f0e17;border-radius:8px;padding:0 12px;border:1px solid rgba(255,255,255,.07);transition:border-color .2s,box-shadow .2s}.search-box:focus-within{border-color:#d4a574;box-shadow:0 0 0 3px #4f46e526}.search-icon{font-size:16px;color:#ffffff57;margin-right:6px}.search-input{border:none;background:transparent;padding:10px 0;font-size:14px;font-weight:400;color:#ffffffeb;width:100%;outline:none}.search-input::placeholder{color:#ffffff47}.search-clear{font-size:16px;color:#ffffff47;cursor:pointer;padding:0 4px;display:none;transition:color .2s}.search-clear:hover{color:#ffffff73}.search-clear.visible{display:block}.search-stats{font-size:14px;color:#ffffff73;white-space:nowrap}.search-stats strong{color:#d4a574;font-weight:600}.main-content{flex:1;max-width:1440px;margin:0 auto;padding:24px;width:100%}.state-message{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;color:#ffffff57;font-size:16px;gap:16px}.loading-spinner{width:40px;height:40px;border:4px solid rgba(255,255,255,.07);border-top-color:#d4a574;border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media (max-width: 600px){.header-inner{height:56px}.logo-text{font-size:17px}.search-inner{flex-direction:column;align-items:stretch;gap:10px}.search-stats{text-align:center}.btn-fill{padding:6px 14px;font-size:12px}.btn-home{padding:5px 12px 5px 10px;font-size:12px}}.site-header{min-height:64px;display:flex;align-items:center;padding:0;box-sizing:border-box}.header-inner{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 20px;box-sizing:border-box}.logo-text{font-size:20px;line-height:1.4;margin-left:8px;white-space:nowrap}@media (max-width: 768px){.logo-icon{width:28px;height:28px}.site-header{min-height:52px}.header-inner{padding:6px 12px}.logo-text{font-size:16px;margin-left:6px}.btn-fill{font-size:12px;padding:4px 12px}.btn-home{font-size:12px;padding:4px 10px}}@media (max-width: 420px){.btn-fill{font-size:11px;padding:3px 10px}.btn-home{font-size:11px;padding:3px 8px}}.filter-section{background-color:#0f0e17;padding:12px 24px;border-bottom:1px solid rgba(255,255,255,.07)}.filter-inner{max-width:1440px;margin:0 auto;display:flex;flex-direction:column;gap:8px}.fb-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.fb-label{font-size:12px;color:#ffffff52;min-width:34px}.fb-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 14px;border-radius:30px;border:1px solid rgba(255,255,255,.07);background:#0f0e17;color:#ffffff6b;font-size:12.5px;font-family:inherit;cursor:pointer;transition:all .2s ease}.fb-btn:hover{border-color:#ffffff1a;color:#ffffff9e}.fb-btn.active{background:#d4a5741a;border-color:#d4a574;color:#d4a574;font-weight:500}.fb-btn i{font-style:normal;font-size:11px;color:#ffffff52}.fb-btn.active i{color:#d4a574}.fb-row.fb-meta{gap:10px;padding-top:2px}.fb-tag{font-size:11px;padding:2px 10px;border-radius:20px;background:#ffffff06;color:#ffffff6b;border:1px solid rgba(255,255,255,.07)}.fb-default{font-size:11.5px;color:#d4a574;display:inline-flex;align-items:center;gap:8px;flex-wrap:wrap}.fb-reset{padding:3px 12px;border-radius:20px;border:1px solid rgba(212,165,116,.35);background:#d4a5741a;color:#d4a574;font-size:11.5px;font-family:inherit;cursor:pointer;transition:all .2s ease}.fb-reset:hover{background:#d4a57429}.fb-note{font-size:11.5px;color:#ffffff52}@media (max-width: 600px){.filter-section{padding:10px 14px}.fb-label{min-width:30px;font-size:11.5px}.fb-btn{padding:4px 11px;font-size:12px}}