:root{--bg:#fbf8f4;--card:#fffdfa;--text:#252321;--muted:#77716b;--line:#e8e0d8;--accent:#ed7254;--accent2:#f6c8bb;--shadow:0 16px 45px rgba(56,39,27,.06)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.wrap{width:min(1120px,calc(100% - 36px));margin:auto}
.site-header{padding:26px 0 12px;background:var(--bg)}.nav{display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:9px;font-size:26px;font-weight:700;letter-spacing:-1px}.brand-mark{width:34px;height:30px;display:inline-flex;flex-direction:column;justify-content:center;gap:4px}.brand-mark i{display:block;height:6px;background:#2b2927;border-radius:5px}.brand-mark i:first-child{width:12px;background:var(--accent);margin-left:15px}.brand-mark i:last-child{width:28px}.nav-links{display:flex;gap:28px;align-items:center;color:#3f3a36}.nav-links a:hover{color:var(--accent)}.icon-btn{border:0;background:transparent;font-size:22px;cursor:pointer}
.hero{text-align:center;padding:28px 0 30px}.range{display:inline-flex;border:1px solid var(--line);border-radius:24px;padding:3px;background:#fffdfa;margin-bottom:28px}.range button{border:0;background:transparent;padding:8px 15px;border-radius:20px;color:var(--muted);font-size:14px;cursor:pointer}.range-active{background:#fff0ea!important;color:var(--accent)!important;border:1px solid #f2b5a4!important}.live-pill{display:inline-block;padding:9px 15px;border-radius:24px;background:#f3f0ec;color:#746e68;font-size:14px}.live-pill b{color:#10a53a}.dot,.section-dot{display:inline-block;width:9px;height:9px;border-radius:50%;background:#10a53a;margin-right:6px}.hero h1{font-size:58px;line-height:1.04;letter-spacing:-3px;margin:40px 0 20px}.hero h1 strong{color:var(--accent)}.hero-sub{font-size:18px;color:#5e5751;line-height:1.7;max-width:760px;margin:0 auto 25px}.hero-sub em{color:var(--accent);font-style:normal}
.bid-form{display:grid;grid-template-columns:1.55fr .75fr .34fr auto;gap:10px;align-items:center;margin:22px auto 10px;max-width:1000px}.input-shell,select,.bid-input{height:58px;border:1px solid var(--line);background:var(--card);border-radius:30px;padding:0 18px;font:inherit;color:var(--text);outline:none}.input-shell{display:flex;align-items:center;gap:10px}.input-shell span{color:#777}.input-shell input{border:0;outline:0;background:transparent;width:100%;font:inherit}.bid-input{padding-left:17px}.primary-btn{height:58px;border:0;border-radius:30px;background:var(--accent);color:white;font-weight:700;padding:0 27px;font-size:16px;cursor:pointer;box-shadow:0 8px 25px rgba(237,114,84,.18)}.primary-btn:hover{transform:translateY(-1px)}.fine{font-size:13px;color:#777}.fine a{color:var(--accent)}.form-msg{min-height:20px;font-size:14px;color:var(--accent)}
.category-strip{display:flex;gap:9px;overflow:auto;padding:10px 0 25px;scrollbar-width:none}.cat-pill{white-space:nowrap;border:1px solid var(--line);background:#fffdfa;border-radius:22px;padding:10px 14px;font-size:14px}.cat-pill.active{background:var(--accent);color:#fff;border-color:var(--accent)}
.activity-title{font-weight:700;margin:22px 0 12px}.activity-row{display:flex;gap:10px;overflow:auto;padding-bottom:8px}.activity-card{min-width:210px;background:#fffdfa;border:1px solid var(--line);border-radius:18px;padding:14px;display:grid;grid-template-columns:1fr auto;gap:6px;box-shadow:var(--shadow)}.activity-card span{color:var(--accent);font-weight:700}.activity-card small{grid-column:1/-1;color:#9a938d}
.leaderboard-preview{padding:42px 0}.section-head{display:flex;align-items:end;justify-content:space-between;margin-bottom:20px}.section-head h2{font-size:31px;margin:0 0 5px}.section-head p{color:var(--muted);margin:0}.outline-btn{border:1px solid var(--line);border-radius:24px;padding:10px 15px;background:#fffdfa}.board{border-top:1px solid var(--line)}.board-row{display:grid;grid-template-columns:70px 52px 1fr auto;gap:18px;align-items:center;padding:18px 14px;border-bottom:1px solid var(--line);transition:.15s}.board-row:hover{background:#fffdf9;transform:translateX(2px)}.rank{font-size:18px;color:#777}.avatar{width:46px;height:46px;border-radius:14px;background:#202226;color:#fff;display:grid;place-items:center;font-weight:800}.row-main{display:grid;gap:5px}.row-main strong{font-size:18px}.row-main span{font-size:14px;color:#999}.row-bid{font-size:20px;color:var(--accent);font-weight:800}.empty{text-align:center;padding:45px;color:var(--muted)}
.stats-band{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:20px 0 60px}.stats-band>div{background:#fffdfa;border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:var(--shadow)}.stats-band b{font-size:30px;display:block}.stats-band span{color:var(--muted)}
.footer{padding:35px 0 50px;border-top:1px solid var(--line);display:flex;justify-content:space-between;color:#777;font-size:14px}.footer a{color:var(--accent)}
.page{padding:60px 0}.page h1{font-size:50px;letter-spacing:-2px}.page .lead{font-size:20px;color:var(--muted);line-height:1.6;max-width:800px}.card{background:#fffdfa;border:1px solid var(--line);border-radius:24px;padding:25px;box-shadow:var(--shadow)}.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.category-card{padding:26px;border:1px solid var(--line);border-radius:22px;background:#fffdfa}.category-card .ico{font-size:28px;color:var(--accent)}.category-card h3{margin:12px 0 5px}.category-card p{color:var(--muted);margin:0}.detail{display:grid;grid-template-columns:1fr 310px;gap:20px}.detail-main h1{font-size:45px;margin:5px 0 12px}.detail-url{color:var(--accent);word-break:break-all}.big-bid{font-size:54px;font-weight:800;color:var(--accent)}.detail-side{position:sticky;top:20px;height:max-content}.visit-btn{display:block;text-align:center;background:var(--accent);color:#fff;border-radius:14px;padding:14px;font-weight:700;margin-top:18px}.meta{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:25px}.meta div{background:#f6f2ee;border-radius:16px;padding:16px}.meta b{display:block;font-size:20px}.meta span{color:var(--muted);font-size:13px}
.admin{padding:30px 0}.admin-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-stat{padding:20px;border:1px solid var(--line);border-radius:18px;background:#fffdfa}.admin-stat b{font-size:28px;display:block}.table-wrap{overflow:auto;margin-top:20px}.table{width:100%;border-collapse:collapse;background:#fffdfa}.table th,.table td{padding:12px;border-bottom:1px solid var(--line);text-align:left;white-space:nowrap}.table th{font-size:12px;text-transform:uppercase;color:#888}.login{max-width:420px;margin:80px auto}.login input{width:100%;height:50px;border:1px solid var(--line);border-radius:12px;padding:0 14px;margin:7px 0 12px}.error{color:#b42318;background:#fff0ee;border:1px solid #f5c1b7;padding:12px;border-radius:12px}.success{color:#087a2d;background:#ecfff1;border:1px solid #bfe7ca;padding:12px;border-radius:12px}
body.dark{--bg:#151413;--card:#1d1b1a;--text:#f5f0ea;--muted:#aaa19a;--line:#35312e}body.dark .range,body.dark .input-shell,body.dark select,body.dark .bid-input,body.dark .cat-pill,body.dark .activity-card,body.dark .board-row:hover,body.dark .stats-band>div,body.dark .card,body.dark .category-card,body.dark .admin-stat,body.dark .table{background:#1d1b1a}body.dark .live-pill{background:#24211f}
@media(max-width:850px){.nav-links{gap:12px}.nav-links a{display:none}.hero h1{font-size:43px;letter-spacing:-2px}.bid-form{grid-template-columns:1fr 1fr}.bid-form .input-shell{grid-column:1/-1}.primary-btn{grid-column:1/-1}.category-grid{grid-template-columns:1fr 1fr}.detail{grid-template-columns:1fr}.detail-side{position:static}.admin-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.wrap{width:min(100% - 24px,1120px)}.brand{font-size:21px}.hero{padding-top:20px}.live-pill{font-size:12px}.hero h1{font-size:36px}.hero-sub{font-size:16px}.bid-form{grid-template-columns:1fr}.bid-form select,.bid-input,.primary-btn{grid-column:1/-1;width:100%}.board-row{grid-template-columns:42px 42px 1fr}.row-bid{grid-column:3}.row-main span{font-size:12px}.category-grid,.stats-band{grid-template-columns:1fr}.footer{display:grid;gap:12px}.detail-main h1{font-size:36px}.big-bid{font-size:43px}.meta{grid-template-columns:1fr 1fr}}