:root{
  font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;
  color-scheme:dark;
  --bg:#050505;
  --surface:#0b0b0b;
  --surface-2:#111111;
  --surface-3:#171717;
  --line:#242424;
  --line-strong:#3a3a3a;
  --text:#ffffff;
  --muted:#9a9a9a;
  --muted-2:#707070;
  --white:#ffffff;
  --black:#000000;
  --radius:18px;
  --shadow:0 18px 50px rgba(0,0,0,.34);
}

*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;background:var(--bg);color:var(--text);font-size:16px;line-height:1.5;-webkit-font-smoothing:antialiased}
body:before{content:"";position:fixed;inset:0;pointer-events:none;z-index:-1;background:radial-gradient(circle at 50% -15%,rgba(255,255,255,.065),transparent 38%)}
a{color:inherit;text-decoration:none}
button,input,textarea,select{font:inherit}
button{appearance:none}
img{display:block;max-width:100%}

/* Header */
.topbar{position:sticky;top:0;z-index:50;min-height:72px;display:flex;justify-content:space-between;align-items:center;gap:26px;padding:0 28px;background:rgba(5,5,5,.94);border-bottom:1px solid var(--line);backdrop-filter:blur(18px)}
.brand{display:flex;align-items:center;gap:11px;font-size:1.02rem;font-weight:900;letter-spacing:.04em;text-transform:uppercase;white-space:nowrap}
.brand:before{content:"CM";display:grid;place-items:center;width:34px;height:34px;background:var(--white);color:var(--black);border-radius:9px;font-size:.72rem;letter-spacing:.04em}
.topbar nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}
.topbar nav a{padding:9px 12px;border-radius:9px;color:#c8c8c8;font-size:.91rem;font-weight:700;transition:background .15s ease,color .15s ease}
.topbar nav a:hover{background:var(--surface-3);color:var(--white)}
.topbar nav a:last-child{border:1px solid var(--line-strong);color:var(--white)}

/* Layout */
.container{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:34px 0 70px}
.hero{position:relative;padding:70px 0 60px;border-bottom:1px solid var(--line);margin-bottom:42px}
.compact-hero{padding-top:64px}
.hero h1{max-width:830px;margin:10px 0 16px;font-size:clamp(2.45rem,7vw,5.2rem);line-height:.98;letter-spacing:-.055em;font-weight:950}
.hero p{max-width:670px;margin:0;color:#aaa;font-size:1.03rem}
.eyebrow{margin:0!important;color:#f1f1f1!important;font-size:.72rem!important;font-weight:900!important;letter-spacing:.16em;text-transform:uppercase}
.actions,.form-actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:26px}

/* Buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 16px;border:1px solid var(--line-strong);border-radius:10px;background:transparent;color:var(--white);font-weight:850;font-size:.92rem;cursor:pointer;text-align:center;transition:transform .14s ease,background .14s ease,border-color .14s ease,color .14s ease}
.btn:hover{background:#171717;border-color:#505050;transform:translateY(-1px)}
.btn.primary{background:var(--white);border-color:var(--white);color:var(--black)}
.btn.primary:hover{background:#dddddd;border-color:#dddddd}
.btn:disabled{opacity:.38;cursor:not-allowed;transform:none}
.btn.full{width:100%}

/* General cards */
.card,.auth-card{background:linear-gradient(180deg,#0d0d0d 0%,#090909 100%);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow)}
.card{padding:24px}
.auth-card{max-width:500px;margin:64px auto;padding:30px}
.auth-card h1{margin:0 0 8px;font-size:2rem;letter-spacing:-.035em}
.auth-card>p{margin-top:0}
.auth-card form,.form-grid{display:grid;gap:17px}

/* Forms */
.auth-card label,.form-grid label{display:grid;gap:8px;color:#e9e9e9;font-weight:750;font-size:.9rem}
.auth-card input,.form-grid input,.form-grid textarea,.form-grid select{width:100%;min-height:48px;background:#080808;border:1px solid #303030;border-radius:10px;padding:11px 13px;color:var(--white);outline:none;transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}
.form-grid textarea{min-height:150px;resize:vertical;line-height:1.6}
.auth-card input:hover,.form-grid input:hover,.form-grid textarea:hover,.form-grid select:hover{border-color:#454545}
.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus,.auth-card input:focus{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.08);background:#0b0b0b}
.form-grid input[type="file"]{padding:12px;background:#0a0a0a}
.form-grid select{appearance:auto}
.form-grid{grid-template-columns:1fr 1fr}
.span-2{grid-column:1/-1}
.input-suffix{position:relative}
.input-suffix input{padding-right:42px}
.input-suffix span{position:absolute;right:14px;top:50%;transform:translateY(-50%);color:#8b8b8b;font-weight:800}

/* Text */
.muted{color:var(--muted)}
.small{font-size:.84rem}
.preline{white-space:pre-line;line-height:1.75;color:#d5d5d5}

/* Alerts */
.alert{padding:13px 14px;border:1px solid #363636;border-radius:11px;margin:14px 0;background:#101010;color:#ececec;font-size:.92rem}
.alert.error{border-style:dashed}
.alert.success{border-color:#5b5b5b;background:#151515}
.alert.info{border-color:#303030;background:#0c0c0c;color:#bdbdbd}

/* Headings */
.page-head,.section-head{display:flex;justify-content:space-between;align-items:flex-end;gap:22px;margin:8px 0 24px}
.page-head{padding:22px 0 8px;border-bottom:1px solid var(--line);margin-bottom:28px}
.page-head h1,.section-head h2{margin:5px 0 0;letter-spacing:-.035em}
.page-head h1{font-size:clamp(2rem,5vw,3.1rem)}
.section-head h2{font-size:1.55rem}
.split-head{align-items:center}

/* Empty state */
.empty-state{text-align:center;padding:62px 24px}
.empty-state h2{margin:0 0 8px;font-size:1.45rem}
.empty-state p{margin:0 auto 20px;max-width:520px}

/* Auction cards */
.auction-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.auction-card{position:relative;overflow:hidden;background:#090909;border:1px solid var(--line);border-radius:16px;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.auction-card:hover{transform:translateY(-4px);border-color:#4a4a4a;box-shadow:0 20px 55px rgba(0,0,0,.46)}
.auction-card-image{position:relative;aspect-ratio:4/3;background:#111;display:flex;align-items:center;justify-content:center;color:#696969;overflow:hidden;border-bottom:1px solid var(--line)}
.auction-card-image:after{content:"";position:absolute;inset:auto 0 0;height:32%;background:linear-gradient(transparent,rgba(0,0,0,.3));pointer-events:none}
.auction-card-image img{width:100%;height:100%;object-fit:cover;transition:transform .24s ease}
.auction-card:hover .auction-card-image img{transform:scale(1.025)}
.auction-card-body{padding:17px}
.auction-card h2{margin:12px 0 3px;font-size:1.08rem;line-height:1.3;letter-spacing:-.01em}
.status-row{display:flex;justify-content:space-between;align-items:center;gap:12px}
.badge{display:inline-flex;align-items:center;min-height:26px;padding:4px 9px;border:1px solid #3b3b3b;border-radius:999px;background:#111;color:#d3d3d3;font-size:.67rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}
.badge.active{background:#fff;color:#000;border-color:#fff}
.badge.scheduled{background:#151515;color:#fff}
.badge.ended,.badge.cancelled{background:#090909;color:#777;border-color:#242424}
.price-label{margin-top:24px;color:#858585;font-size:.82rem;font-weight:700}
.price{margin:4px 0;font-size:2.25rem;line-height:1;font-weight:950;letter-spacing:-.045em}
.small-price{margin-top:16px;font-size:1.45rem}

/* Auction details */
.auction-layout{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(330px,.72fr);gap:24px;align-items:start}
.gallery-main,.image-placeholder{aspect-ratio:4/3;border:1px solid var(--line);border-radius:18px;background:#0b0b0b;overflow:hidden;display:flex;align-items:center;justify-content:center;color:#666;box-shadow:var(--shadow)}
.gallery-main img{width:100%;height:100%;object-fit:contain;background:#080808}
.gallery-thumbs{display:grid;grid-template-columns:repeat(6,1fr);gap:9px;margin-top:10px}
.gallery-thumbs img{width:100%;aspect-ratio:1;object-fit:cover;border:1px solid #292929;border-radius:10px;background:#0b0b0b;cursor:pointer;transition:border-color .15s ease,opacity .15s ease}
.gallery-thumbs img:hover{border-color:#fff;opacity:.82}
.auction-buybox{position:sticky;top:94px;padding:25px}
.auction-buybox h1{margin:14px 0 4px;font-size:clamp(1.7rem,4vw,2.35rem);line-height:1.06;letter-spacing:-.04em}
.auction-times{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:22px 0}
.auction-times div,.detail-grid div{display:grid;gap:5px;padding:13px;background:#080808;border:1px solid #272727;border-radius:11px}
.auction-times span,.detail-grid span{font-size:.69rem;color:#777;font-weight:850;text-transform:uppercase;letter-spacing:.09em}
.auction-times strong,.detail-grid strong{font-size:.91rem}
.detail-card{margin-top:24px}
.detail-card h2{margin-top:0;font-size:1.4rem;letter-spacing:-.02em}
.detail-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}

/* Misc */
.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.footer{width:min(1180px,calc(100% - 36px));margin:0 auto;padding:26px 0 40px;border-top:1px solid var(--line);text-align:center;color:#686868;font-size:.8rem;letter-spacing:.03em}

@media(max-width:930px){
  .auction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .auction-layout{grid-template-columns:1fr}
  .auction-buybox{position:static}
  .detail-grid{grid-template-columns:repeat(2,1fr)}
  .topbar{padding:0 18px}
}

@media(max-width:760px){
  .topbar{min-height:auto;align-items:stretch;flex-direction:column;gap:8px;padding:12px 14px}
  .brand{align-self:flex-start}
  .topbar nav{display:flex;gap:4px;flex-wrap:nowrap;overflow-x:auto;padding-bottom:2px;scrollbar-width:none}
  .topbar nav::-webkit-scrollbar{display:none}
  .topbar nav a{white-space:nowrap;padding:8px 10px;font-size:.84rem}
  .container{width:min(100% - 28px,1180px);padding-top:22px}
  .hero{padding:44px 0 42px;margin-bottom:30px}
  .hero h1{font-size:clamp(2.35rem,14vw,4rem)}
  .hero p{font-size:.96rem}
  .grid,.auction-grid,.form-grid{grid-template-columns:1fr}
  .span-2{grid-column:auto}
  .page-head,.section-head{align-items:flex-start;flex-direction:column}
  .page-head{padding-top:12px}
  .auth-card{margin:30px auto;padding:22px}
  .card{padding:20px}
  .gallery-thumbs{grid-template-columns:repeat(4,1fr)}
  .detail-grid,.auction-times{grid-template-columns:1fr}
  .auction-buybox{padding:20px}
  .price{font-size:2rem}
  .footer{width:calc(100% - 28px)}
}

@media(max-width:420px){
  .actions,.form-actions{display:grid;grid-template-columns:1fr;width:100%}
  .btn{width:100%}
  .auction-card-body{padding:15px}
}

/* Community Market V1.2 – Live-Bieten */
.live-buybox{border-color:#343434}
.live-status{display:inline-flex;align-items:center;gap:7px;min-height:28px;padding:5px 10px;border:1px solid #444;border-radius:999px;font-size:.68rem;font-weight:950;letter-spacing:.12em}
.live-status.active{background:#fff;color:#000;border-color:#fff}
.live-status.active:before{content:"";width:7px;height:7px;border-radius:50%;background:#000;animation:livePulse 1.2s infinite}
.live-status.scheduled{background:#121212;color:#ddd}
.live-status.ended{background:#090909;color:#777;border-color:#272727}
@keyframes livePulse{0%,100%{opacity:1;transform:scale(1)}50%{opacity:.3;transform:scale(.72)}}
.live-price{font-size:clamp(2.55rem,6vw,4rem);margin:7px 0 8px}
.highest-line{color:#9c9c9c;font-size:.92rem}.highest-line strong{color:#fff}
.countdown-box{display:grid;gap:3px;margin:22px 0 15px;padding:18px;border:1px solid #303030;border-radius:14px;background:#050505;text-align:center}
.countdown-box span{color:#777;font-size:.7rem;font-weight:900;letter-spacing:.12em;text-transform:uppercase}
.countdown-box strong{font-variant-numeric:tabular-nums;font-size:clamp(2rem,7vw,3rem);letter-spacing:.04em;line-height:1.05}
.countdown-box strong.urgent{animation:countdownBlink .75s infinite alternate}
@keyframes countdownBlink{from{opacity:1}to{opacity:.48}}
.bid-form{display:grid;gap:10px;margin-top:17px;padding-top:18px;border-top:1px solid #242424}
.bid-form>label{font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase;color:#aaa}
.bid-input-wrap{position:relative}.bid-input-wrap input{width:100%;height:58px;padding:10px 50px 10px 15px;background:#050505;border:1px solid #383838;border-radius:12px;color:#fff;font-size:1.35rem;font-weight:900;outline:none}
.bid-input-wrap input:focus{border-color:#fff;box-shadow:0 0 0 3px rgba(255,255,255,.08)}
.bid-input-wrap span{position:absolute;right:17px;top:50%;transform:translateY(-50%);font-weight:900;color:#777}
.minimum-line{margin:0;color:#777;font-size:.82rem}.minimum-line strong{color:#ddd}
.bid-button{min-height:52px;margin-top:3px;font-size:1rem;letter-spacing:.035em}
.bid-message{display:none;padding:11px 12px;border:1px solid #333;border-radius:9px;font-size:.85rem;line-height:1.35}.bid-message.show{display:block}.bid-message.success{background:#f3f3f3;color:#000;border-color:#fff}.bid-message.error{border-style:dashed;color:#eee}.bid-message.info{color:#bbb}
.anti-snipe-note,.seller-note{margin:13px 0 0;padding:11px 12px;border-left:2px solid #555;background:#0a0a0a;color:#777;font-size:.78rem;line-height:1.45}
.seller-note{margin-bottom:14px;color:#aaa}
.winner-box,.extension-box{display:grid;gap:4px;margin:14px 0;padding:14px;border:1px solid #fff;border-radius:11px;background:#fff;color:#000}.winner-box[hidden],.extension-box[hidden]{display:none}.winner-box strong{font-size:1rem}.winner-box span{font-size:.82rem}.extension-box{background:#111;color:#fff;border-color:#555;font-size:.82rem;font-weight:800}
.live-times{margin-bottom:0}.live-times strong{font-variant-numeric:tabular-nums}
.live-bids-card{margin-top:18px}.live-section-head{margin:0 0 14px;align-items:center}.live-section-head strong{font-size:.82rem;color:#888}
.live-bids-list{display:grid}.live-bid-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:13px 2px;border-top:1px solid #202020}.live-bid-row:first-child{border-top:0}.live-bid-row>div{display:flex;align-items:center;gap:7px;flex-wrap:wrap}.live-bid-row>div>strong{font-size:.92rem}.live-bid-row>div>span:last-child{width:100%;color:#666;font-size:.72rem;font-variant-numeric:tabular-nums}.live-bid-row>strong{font-size:1rem;white-space:nowrap;font-variant-numeric:tabular-nums}
.you-tag,.top-bid-tag{display:inline-flex;align-items:center;padding:2px 6px;border:1px solid #444;border-radius:999px;color:#aaa;font-size:.56rem!important;font-weight:950;letter-spacing:.08em}.top-bid-tag{background:#fff;color:#000;border-color:#fff}
.live-empty{padding:22px 4px;color:#666;font-size:.88rem;text-align:center;border-top:1px solid #202020}
.gallery-thumb.active{border-color:#fff!important}
@media(max-width:760px){.live-bids-card{padding:18px}.countdown-box strong{font-size:2.35rem}.live-price{font-size:2.7rem}.live-bid-row{padding:12px 0}}