:root{--bg: #0d0f14;--bg-elev: #161922;--bg-elev-2: #1d212c;--border: #2a2f3c;--text: #e8eaf0;--text-dim: #969db0;--accent: #f5b13d;--accent-soft: rgba(245, 177, 61, .14);--green: #3ddc84;--red: #ff6b6b;--radius: 14px;--shadow: 0 8px 30px rgba(0, 0, 0, .35);font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,sans-serif;font-size:clamp(19px,.55vw + 13px,27px)}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:radial-gradient(1200px 600px at 80% -10%,rgba(245,177,61,.08),transparent 60%),var(--bg);color:var(--text);-webkit-font-smoothing:antialiased}.btn{font:inherit;font-weight:600;border:1px solid var(--border);background:var(--bg-elev-2);color:var(--text);padding:.55rem .95rem;border-radius:10px;cursor:pointer;transition:transform .08s ease,background .15s ease,border-color .15s ease}.btn:hover{border-color:#3a4150}.btn:active{transform:translateY(1px)}.btn--primary{background:var(--accent);border-color:var(--accent);color:#1a1404}.btn--primary:hover{background:#ffc25a}.btn--ghost{background:transparent}.btn--lg{padding:.8rem 1.4rem;font-size:1.02rem}.header{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 1.4rem;border-bottom:1px solid var(--border);background:#0d0f14b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:sticky;top:0;z-index:10}.header__left{display:flex;align-items:center;gap:1.5rem;min-width:0}.header__brand{display:flex;align-items:center;gap:.75rem}.header__total{display:flex;flex-direction:column;line-height:1.05;padding-left:1.5rem;border-left:1px solid var(--border)}.header__total-label{font-size:.7rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-dim)}.header__total-amount{font-size:1.9rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums}.header__mark{color:var(--accent);font-size:1.5rem;filter:drop-shadow(0 0 10px rgba(245,177,61,.5))}.header__title{margin:0;font-size:1.5rem;letter-spacing:.2px}.header__sub{margin:0;font-size:.75rem;color:var(--text-dim)}.header__right{display:flex;align-items:center;gap:1rem}.header__user{display:flex;align-items:center;gap:.5rem}.header__avatar{width:30px;height:30px;border-radius:50%;object-fit:cover;border:1px solid var(--border)}.header__avatar--fallback{display:grid;place-items:center;background:var(--accent-soft);color:var(--accent);font-weight:700}.header__name{font-size:.9rem;max-width:160px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conn{display:inline-flex;align-items:center;gap:.45rem;font-size:.8rem;padding:.3rem .6rem;border-radius:999px;border:1px solid var(--border);color:var(--text-dim)}.conn__dot{width:8px;height:8px;border-radius:50%;background:var(--text-dim)}.conn--connected{color:var(--green);border-color:#3ddc8466}.conn--connected .conn__dot{background:var(--green);box-shadow:0 0 #3ddc8499;animation:pulse 1.8s infinite}.conn--connecting,.conn--disconnected{color:var(--accent)}.conn--connecting .conn__dot,.conn--disconnected .conn__dot{background:var(--accent);animation:blink 1s infinite}@keyframes pulse{0%{box-shadow:0 0 #3ddc8480}70%{box-shadow:0 0 0 7px #3ddc8400}to{box-shadow:0 0 #3ddc8400}}@keyframes blink{50%{opacity:.3}}.app{height:100%;display:flex;flex-direction:column}.header{flex:0 0 auto}.layout{flex:1 1 auto;min-height:0;display:grid;grid-template-columns:1fr 26rem;grid-template-rows:minmax(0,1fr);gap:1.4rem;padding:1.4rem;max-width:2400px;width:100%;margin:0 auto}.layout__main{min-width:0;min-height:0;overflow-y:auto}@media(max-width:900px){.layout{grid-template-columns:1fr;grid-template-rows:auto minmax(0,1fr)}}.filter{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.1rem}.chip{font:inherit;font-size:1.05rem;border:1px solid var(--border);background:var(--bg-elev);color:var(--text-dim);padding:.55rem 1.1rem;border-radius:999px;cursor:pointer;max-width:22rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:all .15s ease}.chip:hover{color:var(--text);border-color:#3a4150}.chip--active{background:var(--accent-soft);color:var(--accent);border-color:#f5b13d80}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(18rem,1fr));gap:1.1rem}.item{text-align:left;font:inherit;color:inherit;padding:0;border:1px solid var(--border);background:var(--bg-elev);border-radius:var(--radius);overflow:hidden;cursor:pointer;transition:transform .1s ease,border-color .15s ease,box-shadow .15s ease}.item:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.item--selected{border-color:var(--accent);box-shadow:0 0 0 1px var(--accent),var(--shadow)}.item--closed{opacity:.72}.item__media{position:relative;aspect-ratio:16 / 10;background:var(--bg-elev-2)}.item__media img{width:100%;height:100%;object-fit:cover}.item__media-empty{width:100%;height:100%;display:grid;place-items:center;font-size:2rem;color:#333a48}.badge{position:absolute;top:.6rem;left:.6rem;font-size:.7rem;font-weight:700;letter-spacing:.3px;padding:.2rem .5rem;border-radius:6px;text-transform:uppercase;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.badge--active{background:#3ddc842e;color:var(--green)}.badge--closed{background:#ff6b6b2e;color:var(--red)}.badge--extended{left:auto;right:.6rem;background:var(--accent-soft);color:var(--accent)}.item__body{padding:.85rem .9rem .95rem}.item__title{margin:0 0 .6rem;font-size:1.2rem;line-height:1.3;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.item__bidrow{display:flex;align-items:flex-end;justify-content:space-between}.item__label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px}.item__bid{font-size:2rem;font-weight:800;color:var(--accent);line-height:1.1}.item__count{font-size:1rem;font-weight:600;color:var(--text-dim)}.item__bidder{margin-top:.5rem;display:flex;flex-direction:column;gap:.1rem}.item__bidder-label{font-size:.7rem;color:var(--text-dim);text-transform:uppercase;letter-spacing:.4px}.item__bidder-name{font-size:2rem;font-weight:800;line-height:1.15;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.item__timer{margin-top:.65rem;font-size:1.1rem;font-weight:600;font-variant-numeric:tabular-nums;color:var(--text-dim)}.item__timer--urgent{color:var(--red);font-weight:600}.feed{border:1px solid var(--border);background:var(--bg-elev);border-radius:var(--radius);padding:1rem;min-height:0;display:flex;flex-direction:column}.feed__head{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem}.feed__title{margin:0;font-size:1.4rem}.feed__clear{font:inherit;font-size:.75rem;background:var(--accent-soft);color:var(--accent);border:none;border-radius:999px;padding:.25rem .6rem;cursor:pointer;max-width:180px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed__empty{color:var(--text-dim);font-size:.88rem;padding:1.5rem .5rem;text-align:center}.feed__list{list-style:none;margin:0;padding:0;flex:1 1 auto;overflow-y:auto}.bid{padding:.5rem;border-bottom:1px solid var(--border)}.bid:last-child{border-bottom:none}.bid--live{animation:flashIn 1.2s ease}@keyframes flashIn{0%{background:var(--accent-soft)}to{background:transparent}}.bid__main{display:flex;align-items:baseline;gap:.6rem}.bid__amount{font-size:1.5rem;font-weight:800;color:var(--accent);font-variant-numeric:tabular-nums;flex:none}.bid__who{font-size:1.5rem;font-weight:700;color:var(--text);flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bid__meta{display:flex;justify-content:space-between;gap:.5rem;margin-top:.15rem;font-size:.95rem;color:var(--text-dim)}.bid__item{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bid__time{flex:none}.empty{color:var(--text-dim);padding:3rem 1rem;text-align:center;border:1px dashed var(--border);border-radius:var(--radius)}.banner{margin:0 1.4rem;padding:.7rem 1rem;border-radius:10px;font-size:.88rem}.banner--error{background:#ff6b6b1f;color:var(--red);border:1px solid rgba(255,107,107,.3)}.banner--error button{margin-left:.5rem;background:none;border:none;color:var(--red);text-decoration:underline;cursor:pointer;font:inherit}.centered{min-height:100vh;display:grid;place-items:center;padding:1.5rem}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:18px;box-shadow:var(--shadow)}.login{max-width:380px;text-align:center;padding:2.4rem 2rem}.login__mark{font-size:2.4rem}.login__title{margin:.8rem 0 .4rem;font-size:1.4rem}.login__text{color:var(--text-dim);margin:0 0 1.6rem;line-height:1.5}.login__error{color:var(--red);font-size:.88rem;line-height:1.5}.login__error code,.login__text code{background:var(--bg-elev-2);padding:.1rem .35rem;border-radius:5px;font-size:.85em}.spinner{width:34px;height:34px;margin:0 auto 1rem;border:3px solid var(--border);border-top-color:var(--accent);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}