:root{--c22-bg:#030506;--c22-panel:#080c0f;--c22-panel2:#0e1317;--c22-line:rgba(255,255,255,.09);--c22-gold:#d79a3f;--c22-gold2:#f0b45b;--c22-text:#f7f7f8;--c22-muted:#919aa2;--c22-rail:210px}
#communityView{min-height:100vh;background:radial-gradient(circle at 70% -10%,rgba(29,72,94,.13),transparent 35%),var(--c22-bg);color:var(--c22-text)}
.c22 *{box-sizing:border-box}.c22 button,.c22 input,.c22 select,.c22 textarea{font:inherit}.c22 button{cursor:pointer}.c22{min-height:100vh}
.c22-rail{position:fixed;z-index:60;inset:0 auto 0 0;width:var(--c22-rail);background:linear-gradient(180deg,#050809,#05090b 58%,#030506);border-right:1px solid #20282e;padding:0 9px 16px}.c22-brand{height:86px;border:0;border-bottom:1px solid #171d21;background:none;width:100%;display:flex;align-items:center;padding:0 10px}.c22-brand img{width:155px;max-width:100%}.c22-nav{display:grid;gap:2px;padding-top:9px}.c22-nav button{height:40px;border:1px solid transparent;border-radius:7px;background:transparent;color:#c9ced2;display:grid;grid-template-columns:29px 1fr;align-items:center;text-align:left;padding:0 9px}.c22-nav button b{font-size:15px;color:var(--c22-gold2)}.c22-nav button span{font-size:9px}.c22-nav button.active{background:linear-gradient(90deg,#382615,#151006);border-color:#584124;color:#fff}.c22-railfoot{position:absolute;left:9px;right:9px;bottom:14px;border:1px solid #29333a;border-radius:9px;background:#090e11;padding:10px}.c22-railfoot b,.c22-railfoot small{display:block}.c22-railfoot b{font-size:8px;color:var(--c22-gold2)}.c22-railfoot small{font-size:6px;color:#aab0b5;line-height:1.5;margin:4px 0 7px}
.c22-shell{margin-left:var(--c22-rail);padding:0 11px 88px}.c22-top{height:60px;display:grid;grid-template-columns:1fr minmax(360px,630px) auto;align-items:center;gap:12px}.c22-top-left{font-size:7px;color:#6f7981;letter-spacing:.1em}.c22-search{height:36px;border:1px solid #283139;border-radius:9px;background:#06090b;display:flex;align-items:center;padding:0 11px;color:#8d969d}.c22-search input{flex:1;border:0;outline:0;background:none;color:#fff;padding-left:8px;font-size:8px}.c22-user{display:flex;align-items:center;gap:7px;font-size:8px}.c22-ava{width:31px;height:31px;border-radius:50%;background:#2c2117;color:var(--c22-gold2);display:grid;place-items:center;overflow:hidden}.c22-chip{background:#c78d3b;color:#070605;padding:4px 7px;border-radius:4px;font-size:6px;font-weight:900}
.c22-homegrid{display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:9px}.c22-main,.c22-right{min-width:0}
.c22-hero{height:338px;position:relative;overflow:hidden;border:1px solid var(--c22-line);border-radius:12px;background:#071015}.c22-hero img{width:100%;height:100%;object-fit:cover;transition:opacity .35s,transform 6s ease}.c22-hero img.zoom{transform:scale(1.045)}.c22-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(2,4,5,.94),rgba(2,4,5,.48) 45%,rgba(2,4,5,.06) 80%),linear-gradient(0deg,rgba(2,4,5,.70),transparent 60%)}.c22-herocopy{position:absolute;z-index:2;left:26px;top:26px;max-width:520px}.c22-eyebrow{font-size:7px;color:var(--c22-gold2);font-weight:900;letter-spacing:.16em}.c22-herocopy h1{font-size:42px;line-height:.91;letter-spacing:-.045em;margin:7px 0 10px}.c22-herocopy em{font-style:normal;color:var(--c22-gold2)}.c22-herocopy p{font-size:8px;line-height:1.5;color:#d2d6d8;max-width:470px}.c22-actions{display:flex;gap:7px;margin-top:14px}.c22-btn{min-height:34px;border-radius:6px;padding:0 13px;font-size:7px;font-weight:900;border:1px solid var(--c22-line)}.c22-btn.gold{background:linear-gradient(#e0a94f,#956126);border-color:#dba34b;color:#080605}.c22-btn.dark{background:#080c0f;color:#fff}.c22-btn.full{width:100%}.c22-btn:disabled{opacity:.4;cursor:not-allowed}.c22-herometa{position:absolute;z-index:3;left:18px;right:18px;bottom:11px;display:flex;align-items:end;justify-content:space-between}.c22-stats{display:grid;grid-template-columns:repeat(4,103px);background:#030507c8;border:1px solid var(--c22-line);border-radius:8px;overflow:hidden;backdrop-filter:blur(8px)}.c22-stat{padding:8px 10px;border-right:1px solid var(--c22-line)}.c22-stat:last-child{border:0}.c22-stat b{font-size:13px}.c22-stat small{display:block;font-size:5px;color:var(--c22-muted);margin-top:2px}.c22-dots{display:flex;gap:5px}.c22-dots i{width:5px;height:5px;border-radius:50%;background:#7d858a}.c22-dots i.active{background:var(--c22-gold2);transform:scale(1.3)}
.c22-quick{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:7px}.c22-quick button{height:90px;position:relative;overflow:hidden;border:1px solid var(--c22-line);border-radius:9px;background:#080b0d;padding:0;text-align:left}.c22-quick img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08) brightness(.72);transition:.5s}.c22-quick button:hover img{transform:scale(1.05)}.c22-quick button:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,5,7,.92),rgba(3,5,7,.12))}.c22-quick span{position:absolute;z-index:2;left:10px;top:50%;transform:translateY(-50%);color:#fff}.c22-quick b,.c22-quick small{display:block}.c22-quick b{font-size:9px}.c22-quick small{font-size:6px;color:#c2c7ca;margin-top:3px}
.c22-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;margin-top:7px}.c22-mini{border:1px solid var(--c22-line);border-radius:8px;background:#080c0f;padding:9px}.c22-mini b{font-size:7px;color:var(--c22-gold2)}.c22-mini p{font-size:6px;color:var(--c22-muted);line-height:1.4;margin:4px 0 0}
.c22-panel,.c22-card{border:1px solid var(--c22-line);border-radius:10px;background:linear-gradient(180deg,#0a0e11,#06090b);overflow:hidden}.c22-panel{margin-top:7px}.c22-panelhead,.c22-cardtitle{min-height:39px;padding:0 10px;display:flex;align-items:center;justify-content:space-between}.c22-panelhead b,.c22-cardtitle b{font-size:7px;color:var(--c22-gold2);letter-spacing:.06em}.c22-panelhead button,.c22-cardtitle button{border:0;background:none;color:#bf9254;font-size:6px}.c22-feedgrid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:#22282c}.c22-post{background:#070a0c}.c22-ph{display:flex;align-items:center;gap:7px;padding:8px}.c22-ph i{width:27px;height:27px;border-radius:50%;background:#172027}.c22-ph b,.c22-ph small{display:block}.c22-ph b{font-size:7px}.c22-ph small{font-size:5px;color:var(--c22-muted)}.c22-post p{font-size:7px;padding:0 8px;margin:0 0 5px;color:#cdd2d5}.c22-post>img{width:100%;height:185px;object-fit:cover}.c22-post footer{padding:6px 8px;font-size:6px;color:#9fa7ad}.c22-right{display:grid;align-content:start;gap:7px}.c22-card{padding:9px}.c22-card>img{width:100%;height:118px;object-fit:cover;border-radius:7px}.c22-card h3{font-size:10px;margin:7px 0 3px}.c22-card p{font-size:6px;color:#b9c0c5;line-height:1.5;margin:0}.c22-card .c22-btn{width:100%;margin-top:6px}.c22-meetimg{height:118px;position:relative}.c22-meetimg img{width:100%;height:100%;object-fit:cover;border-radius:7px}.c22-date{position:absolute;left:7px;bottom:7px;background:#050708dd;padding:6px 8px;border:1px solid #3b4349;border-radius:7px;font-size:15px;font-weight:900}.c22-date small{display:block;font-size:5px}.c22-marketrow{display:grid;grid-template-columns:repeat(3,1fr);gap:5px}.c22-marketitem{border:1px solid var(--c22-line);border-radius:7px;overflow:hidden;background:#090d10}.c22-marketitem img{width:100%;height:68px;object-fit:cover}.c22-marketitem div{padding:4px}.c22-marketitem b,.c22-marketitem small{display:block;font-size:5px}.c22-marketitem small{color:var(--c22-muted)}.c22-highlight{text-align:center;background:radial-gradient(circle at 10% 10%,rgba(214,155,67,.18),transparent 35%),#090d10}.c22-highlight strong{color:var(--c22-gold2);font-size:12px;display:block}.c22-highlight small{display:block;font-size:6px;color:#b5bcc1;margin:3px 0}
.c22-page{min-height:calc(100vh - 60px)}.c22-pagehead{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end;margin-bottom:8px}.c22-pagehead small{font-size:6px;color:var(--c22-gold2);font-weight:900;letter-spacing:.12em}.c22-pagehead h1{font-size:29px;margin:4px 0 2px}.c22-pagehead p{font-size:7px;color:#a9b0b5;max-width:820px}.c22-pagehero{height:190px;position:relative;border:1px solid var(--c22-line);border-radius:12px;overflow:hidden;margin-bottom:8px}.c22-pagehero img{width:100%;height:100%;object-fit:cover}.c22-pagehero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#030506e8,#0305062a)}.c22-pagehero div{position:absolute;z-index:2;left:20px;top:50%;transform:translateY(-50%);max-width:560px}.c22-pagehero small{font-size:6px;color:var(--c22-gold2);font-weight:900}.c22-pagehero h2{font-size:27px;margin:4px 0}.c22-pagehero p{font-size:7px;color:#c0c6ca;line-height:1.5}.c22-pagegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.c22-feature{border:1px solid var(--c22-line);border-radius:10px;background:#080c0f;overflow:hidden}.c22-feature img{width:100%;height:135px;object-fit:cover}.c22-feature div{padding:9px}.c22-feature h3{font-size:9px;color:var(--c22-gold2);margin:0 0 4px}.c22-feature p{font-size:7px;color:#adb5ba;line-height:1.5;margin:0}.c22-feature footer{padding:0 9px 9px}.c22-feature .c22-btn{width:100%}
.c22-roomrow{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-bottom:8px}.c22-room{height:115px;position:relative;overflow:hidden;border:1px solid var(--c22-line);border-radius:11px;background:#080c0f;padding:0;text-align:left;color:#fff}.c22-room img{width:100%;height:100%;object-fit:cover;filter:brightness(.58) saturate(1.04)}.c22-room:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,rgba(3,5,7,.92),rgba(3,5,7,.08))}.c22-room span{position:absolute;z-index:2;left:11px;right:11px;bottom:10px}.c22-room b,.c22-room small{display:block}.c22-room b{font-size:10px;color:var(--c22-gold2)}.c22-room small{font-size:6px;color:#d4d8da;margin-top:2px}.c22-chatlayout{display:grid;grid-template-columns:285px 1fr;gap:7px}.c22-convs,.c22-messages{border:1px solid var(--c22-line);border-radius:11px;background:#080c0f;min-height:470px}.c22-convs{padding:7px}.c22-conv{width:100%;border:0;border-bottom:1px solid var(--c22-line);background:none;color:#fff;padding:8px;text-align:left;display:flex;gap:7px;align-items:center}.c22-conv:last-child{border-bottom:0}.c22-conv i{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;background:#172027;color:var(--c22-gold2);font-style:normal}.c22-conv b,.c22-conv small{display:block;font-size:6px}.c22-conv small{color:var(--c22-muted);margin-top:2px}.c22-messagehead{height:48px;padding:0 11px;border-bottom:1px solid var(--c22-line);display:flex;align-items:center;justify-content:space-between}.c22-messagehead b{font-size:8px}.c22-msglist{height:350px;overflow:auto;padding:9px;display:grid;align-content:start;gap:6px}.c22-msg{max-width:72%;padding:7px 8px;border-radius:9px;background:#11171b;font-size:7px}.c22-msg.mine{justify-self:end;background:#3b2a16}.c22-msg small{display:block;font-size:5px;color:#9da5ab;margin-top:3px}.c22-compose{display:grid;grid-template-columns:1fr auto;gap:6px;padding:8px;border-top:1px solid var(--c22-line)}.c22-compose textarea{height:40px;border:1px solid #2b353c;border-radius:8px;background:#070a0d;color:white;padding:7px;font-size:7px}
.c22-dbwrap{display:grid;grid-template-columns:minmax(0,1fr) 310px;gap:8px}.c22-dbpanel,.c22-dbdetail{border:1px solid var(--c22-line);border-radius:11px;background:#080c0f;padding:10px}.c22-dbfilters{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.c22-dbfilters label{display:grid;gap:4px;font-size:6px;color:#aeb5ba}.c22-dbfilters select,.c22-dbfilters input{height:36px;border:1px solid #2b353c;border-radius:7px;background:#06090b;color:#fff;padding:0 8px;font-size:7px}.c22-dbactions{display:flex;gap:6px;margin-top:7px}.c22-dbresults{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin-top:8px}.c22-dbcar{display:grid;grid-template-columns:68px 1fr auto;gap:7px;align-items:center;border:1px solid var(--c22-line);border-radius:8px;background:#0a0e11;padding:6px;color:#fff;text-align:left}.c22-dbcar img{width:68px;height:52px;object-fit:cover;border-radius:6px}.c22-dbcar b,.c22-dbcar small,.c22-dbcar span{display:block}.c22-dbcar b{font-size:7px}.c22-dbcar small{font-size:5px;color:#9da6ac;margin-top:2px}.c22-dbcar span{font-size:7px;color:var(--c22-gold2);margin-top:3px}.c22-dbcar i{font-style:normal;font-size:12px;color:#80633e}.c22-dbcar.selected{border-color:#bd8640;box-shadow:inset 0 0 0 1px #dba34e}.c22-dbdetail .vehiclepic{width:100%;height:170px;object-fit:cover;border-radius:8px}.c22-dbdetail h3{font-size:15px;margin:8px 0 3px}.c22-specs{display:grid;grid-template-columns:1fr 1fr;gap:5px;margin-top:8px}.c22-specs div{border:1px solid var(--c22-line);border-radius:7px;background:#0a0e11;padding:7px}.c22-specs small,.c22-specs b{display:block}.c22-specs small{font-size:5px;color:#8f989f}.c22-specs b{font-size:10px;margin-top:2px}.c22-stagegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:8px}.c22-stage{border:1px solid #2b353c;border-radius:9px;background:#080c0f;padding:10px;color:#fff;text-align:left}.c22-stage.active{border-color:#b27d35;box-shadow:inset 0 0 0 1px #d89c47}.c22-stage h3{font-size:10px;color:var(--c22-gold2);margin:0 0 6px}.c22-stage .spec{display:flex;justify-content:space-between}.c22-stage .spec b{font-size:9px}.c22-stage .spec span{font-size:5px;color:#9ca4aa}.c22-options{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:7px}.c22-option{display:flex;align-items:center;gap:6px;border:1px solid var(--c22-line);border-radius:8px;background:#090d10;padding:7px;font-size:6px}.c22-summary{margin-top:8px;border:1px solid #60451f;border-radius:9px;background:linear-gradient(90deg,#261a0d,#0a0d0f);padding:10px;display:flex;justify-content:space-between;align-items:center}.c22-summary b{font-size:15px;color:var(--c22-gold2)}
.c22-livegrid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.c22-livecard{border:1px solid var(--c22-line);border-radius:10px;background:#080c0f;overflow:hidden}.c22-livecard img{width:100%;height:140px;object-fit:cover}.c22-livecard div{padding:9px}.c22-livecard h3{font-size:9px;margin:0 0 4px}.c22-livecard p{font-size:6px;color:#aeb5ba;line-height:1.4}.c22-badge{display:inline-block;padding:4px 6px;border:1px solid #6a4d27;border-radius:999px;color:var(--c22-gold2);font-size:5px}.c22-countdown{display:flex;gap:5px;margin-top:6px}.c22-countdown span{border:1px solid var(--c22-line);background:#070a0c;border-radius:6px;padding:6px 8px;font-size:8px;color:var(--c22-gold2)}
.c22-modal{position:fixed;z-index:1000;inset:0;background:#000b;display:grid;place-items:center;padding:15px}.c22-modalbox{width:min(560px,96vw);max-height:88vh;overflow:auto;border:1px solid #3b454b;border-radius:14px;background:#080c0f;padding:15px}.c22-modalbox h2{font-size:18px;margin:0 0 8px}.c22-modalbox p{font-size:8px;color:#b4bcc1;line-height:1.5}.c22-modalbox label{display:grid;gap:4px;margin-top:8px;font-size:7px;color:#aeb5ba}.c22-modalbox input,.c22-modalbox textarea,.c22-modalbox select{height:38px;border:1px solid #2b353c;border-radius:8px;background:#06090b;color:#fff;padding:0 9px;font-size:8px}.c22-modalbox textarea{height:75px;padding-top:8px}.c22-slots{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:6px}.c22-slot{height:36px;border:1px solid #2b353c;border-radius:7px;background:#0a0e11;color:#fff;font-size:7px}.c22-slot.active{border-color:#c28a42;color:var(--c22-gold2)}.c22-slot:disabled{opacity:.3}.c22-modalactions{display:flex;gap:6px;margin-top:12px}.c22-note{border:1px solid #5b421f;background:#20170d;border-radius:8px;padding:8px;color:#e7c187;font-size:7px;line-height:1.5}
.c22-mobile{display:none}
@media(max-width:1000px){.c22-homegrid{grid-template-columns:minmax(0,1fr) 300px}.c22-top{grid-template-columns:1fr minmax(280px,500px) auto}.c22-top-left{display:none}.c22-pagegrid,.c22-livegrid{grid-template-columns:1fr 1fr}.c22-dbfilters{grid-template-columns:1fr 1fr}}
@media(max-width:820px){:root{--c22-rail:0px}.c22-rail{display:none}.c22-shell{margin-left:0;padding:0 7px 82px}.c22-top{height:52px;grid-template-columns:1fr auto}.c22-search{grid-column:1}.c22-user b,.c22-user>span:not(.c22-chip),.c22-user .c22-ava{display:none}.c22-homegrid{display:block}.c22-right{margin-top:7px}.c22-hero{height:470px;border-radius:14px}.c22-herocopy{left:17px;right:17px;top:25px}.c22-herocopy h1{font-size:34px}.c22-herocopy p{font-size:7px}.c22-herometa{left:10px;right:10px;bottom:10px}.c22-stats{grid-template-columns:1fr 1fr;width:100%}.c22-stat:nth-child(2){border-right:0}.c22-stat:nth-child(-n+2){border-bottom:1px solid var(--c22-line)}.c22-dots{display:none}.c22-quick{grid-template-columns:1fr 1fr}.c22-quick button{height:105px}.c22-strip{display:flex;overflow:auto;scroll-snap-type:x mandatory}.c22-mini{min-width:52vw;scroll-snap-align:start}.c22-feedgrid{display:flex;overflow:auto;scroll-snap-type:x mandatory}.c22-post{min-width:86vw;scroll-snap-align:start}.c22-post>img{height:auto;aspect-ratio:4/3}.c22-pagehead{grid-template-columns:1fr}.c22-pagegrid,.c22-livegrid{grid-template-columns:1fr}.c22-roomrow{display:flex;overflow:auto;scroll-snap-type:x mandatory}.c22-room{min-width:76vw;scroll-snap-align:start;height:125px}.c22-chatlayout{grid-template-columns:1fr}.c22-convs{min-height:auto}.c22-messages{min-height:450px}.c22-dbwrap{grid-template-columns:1fr}.c22-dbfilters{grid-template-columns:1fr 1fr}.c22-dbresults{display:flex;overflow:auto;scroll-snap-type:x mandatory}.c22-dbcar{min-width:82vw;scroll-snap-align:start}.c22-stagegrid{grid-template-columns:1fr}.c22-options{grid-template-columns:1fr 1fr}.c22-mobile{display:grid;position:fixed;z-index:100;left:7px;right:7px;bottom:7px;height:60px;grid-template-columns:repeat(5,1fr);border:1px solid #29333a;border-radius:16px;background:rgba(4,7,9,.95);backdrop-filter:blur(14px);overflow:hidden}.c22-mobile button{border:0;background:none;color:#9ba3a9;font-size:7px}.c22-mobile button b{display:block;font-size:16px;color:var(--c22-gold2);margin-bottom:2px}}
@media(max-width:520px){.c22-hero{height:500px}.c22-herocopy h1{font-size:31px}.c22-actions{flex-wrap:wrap}.c22-quick button{height:100px}.c22-dbfilters{grid-template-columns:1fr}.c22-options{grid-template-columns:1fr}.c22-summary{display:block}.c22-summary .c22-btn{width:100%;margin-top:8px}.c22-slots{grid-template-columns:1fr 1fr}.c22-room{min-width:84vw}}


/* v23 Premium Finish */
.c22{--ease:cubic-bezier(.2,.8,.2,1)}.c22 button,.c22-card,.c22-tile,.c22-box{transition:transform .22s var(--ease),border-color .22s,box-shadow .22s,background .22s}
.c22 button:active{transform:scale(.975)}.c22-tile:hover,.c22-card:hover{border-color:rgba(240,180,90,.38);box-shadow:0 12px 34px rgba(0,0,0,.28);transform:translateY(-2px)}
.c22-hero{box-shadow:0 24px 70px rgba(0,0,0,.35)}.c22-hero img{animation:c23Hero 18s ease-in-out infinite alternate}@keyframes c23Hero{to{transform:scale(1.045) translateX(-.6%)}}
.c22-pagehero img{animation:c23Page 16s ease-in-out infinite alternate}@keyframes c23Page{to{transform:scale(1.035)}}
.c22-card img,.c22-box img,.c22-post>img{filter:saturate(1.05) contrast(1.02)}
.c22-card h3,.c22-head b{letter-spacing:.025em}.c22-chip{box-shadow:0 0 18px rgba(215,154,63,.12)}
.c23-progress{height:6px;border-radius:20px;background:#151a1e;overflow:hidden;margin:9px 0}.c23-progress i{display:block;height:100%;background:linear-gradient(90deg,#8d5d27,#efb35a);border-radius:20px}
.c23-specs{display:grid;grid-template-columns:repeat(2,1fr);gap:6px;margin:8px 0}.c23-spec{padding:9px;border:1px solid rgba(255,255,255,.08);border-radius:7px;background:#070a0c}.c23-spec b{display:block;color:#f0b45a;font-size:12px}.c23-spec small{font-size:7px;color:#8f979e}
.c23-status{display:inline-flex;align-items:center;gap:5px;font-size:7px;color:#b8bec3}.c23-status:before{content:"";width:6px;height:6px;border-radius:50%;background:#78b778;box-shadow:0 0 8px #78b778}
.c23-empty{text-align:center;padding:30px 16px;border:1px dashed rgba(255,255,255,.13);border-radius:9px;background:linear-gradient(180deg,#090d10,#06090b)}.c23-empty b{display:block;color:#efb35a;font-size:10px}.c23-empty p{font-size:8px;color:#8f979e}
.c23-skeleton{position:relative;overflow:hidden;background:#11161a!important}.c23-skeleton:after{content:"";position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);animation:c23sk 1.4s infinite}@keyframes c23sk{to{transform:translateX(100%)}}
.c23-notice{border-left:2px solid #d79a3f;background:#0a0e11;padding:8px 10px;border-radius:4px;font-size:8px;color:#c0c6ca;margin:7px 0}
@media(max-width:900px){.c22-card:hover,.c22-tile:hover{transform:none}.c22-pagehero h2{font-size:24px}.c22-card{padding:10px}.c22-card p{line-height:1.45}.c23-specs{grid-template-columns:1fr 1fr}}

/* v23.1 routing controls */
.c231-switch{margin-top:6px!important}
.c231-home{width:100%;margin-top:6px;border:0;background:transparent;color:#8f979e;font-size:7px;padding:6px}
.c231-home:hover{color:#efb35a}
.c231-toplink{margin-left:9px;border:0;background:transparent;color:#d8a04b;font-size:7px;padding:3px 5px}
@media(max-width:900px){.c231-toplink{display:inline-block}.c22-top-left{font-size:7px}.c231-home{display:none}}

/* v23.2 Desktop + Mobile fit and reliable account controls */
.c232-logout{width:100%;margin-top:3px;padding:7px;border:0;background:transparent;color:#a8afb5;font-size:7px}
.c232-logout:hover{color:#e9b15d}
.c232-mobile-switch,.c232-mobile-logout{display:none;width:30px;height:30px;border:1px solid var(--c22-line);border-radius:7px;background:#080c0f;color:#e0a64f}
@media(min-width:1200px){
  .c22-shell{max-width:1680px;margin-left:var(--c22-rail);padding-left:18px;padding-right:18px}
  .c22-homegrid{grid-template-columns:minmax(0,1fr) 360px;gap:12px}
  .c22-hero{height:390px}
  .c22-quick{grid-template-columns:repeat(3,1fr)}
  .c22-post>img{height:230px}
  .c22-pagegrid{grid-template-columns:repeat(3,minmax(0,1fr))}
  .c22-dbwrap{grid-template-columns:minmax(0,1fr) 360px}
}
@media(min-width:821px) and (max-width:1199px){
  .c22-shell{padding-left:10px;padding-right:10px}
  .c22-homegrid{grid-template-columns:minmax(0,1fr) 310px}
  .c22-hero{height:355px}
  .c22-quick{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:820px){
  .c22-top{padding:0 3px;gap:6px}
  .c22-search{min-width:0}
  .c22-search input{font-size:8px}
  .c232-mobile-switch,.c232-mobile-logout{display:grid;place-items:center;flex:0 0 30px}
  .c22-user{gap:4px}
  .c22-user .c22-chip{display:none}
  .c22-hero{min-height:440px;height:auto;aspect-ratio:9/11}
  .c22-herocopy{top:22px}
  .c22-herocopy p{max-width:92%;font-size:8px;line-height:1.45}
  .c22-actions{gap:6px}
  .c22-actions .c22-btn{min-height:34px;padding:0 10px}
  .c22-quick button{min-height:108px}
  .c22-right .c22-box{margin-bottom:7px}
  .c22-page{padding-bottom:8px}
  .c22-pagehero{height:190px}
  .c22-pagehead h1{font-size:26px}
  .c22-mobile{padding-bottom:max(0px,env(safe-area-inset-bottom))}
}
@media(max-width:430px){
  .c22-shell{padding-left:5px;padding-right:5px}
  .c22-top{height:50px}
  .c22-hero{aspect-ratio:9/12}
  .c22-herocopy h1{font-size:29px}
  .c22-herometa{bottom:8px}
  .c22-quick{gap:5px}
  .c22-mini{min-width:66vw}
  .c22-post{min-width:91vw}
  .c22-dbcar{min-width:88vw}
}


/* v23.3 — no horizontal dragging: every Community page fits the viewport */
html,body,#communityView,.c22{max-width:100%;overflow-x:hidden!important}
#communityView *{min-width:0}
.c22-shell{width:auto;max-width:calc(100vw - var(--c22-rail));overflow-x:hidden!important}
.c22-homegrid,.c22-pagegrid,.c22-livegrid,.c22-dbwrap,.c22-chatlayout,.c22-dbfilters,.c22-options,.c22-stagegrid,.c22-quick,.c22-feedgrid,.c22-roomrow,.c22-strip,.c22-dbresults{
  max-width:100%;overflow-x:hidden!important
}
.c22 img{max-width:100%}
.c22-card,.c22-box,.c22-post,.c22-room,.c22-dbcar,.c22-mini,.c22-tile{max-width:100%}

@media(max-width:1199px){
  .c22-homegrid{grid-template-columns:minmax(0,1fr) 300px!important}
  .c22-pagegrid,.c22-livegrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .c22-dbwrap{grid-template-columns:minmax(0,1fr)!important}
}
@media(max-width:820px){
  .c22-shell{width:100%!important;max-width:100vw!important;margin-left:0!important;padding-left:7px!important;padding-right:7px!important}
  .c22-homegrid{display:block!important}
  .c22-right{width:100%!important}
  .c22-quick,.c22-pagegrid,.c22-livegrid,.c22-dbfilters,.c22-options,.c22-stagegrid{grid-template-columns:1fr 1fr!important}
  .c22-feedgrid,.c22-roomrow,.c22-strip,.c22-dbresults{
    display:grid!important;
    grid-template-columns:1fr!important;
    overflow:visible!important;
    scroll-snap-type:none!important;
  }
  .c22-post,.c22-room,.c22-mini,.c22-dbcar{
    min-width:0!important;
    width:100%!important;
    scroll-snap-align:none!important;
  }
  .c22-post>img{width:100%!important;height:auto!important;aspect-ratio:4/3;object-fit:cover}
  .c22-room{height:auto!important;min-height:120px}
  .c22-dbcar{display:grid!important;grid-template-columns:110px minmax(0,1fr)!important}
  .c22-dbcar img{width:110px!important;height:100%!important;min-height:110px!important;object-fit:cover}
  .c22-marketgrid,.c22-garagegrid{grid-template-columns:1fr!important}
  .c22-chatlayout{display:block!important}
  .c22-convs,.c22-messages{width:100%!important}
}
@media(max-width:520px){
  .c22-quick,.c22-pagegrid,.c22-livegrid,.c22-dbfilters,.c22-options,.c22-stagegrid{grid-template-columns:1fr!important}
  .c22-hero{width:100%!important;max-width:100%!important}
  .c22-herocopy{left:14px!important;right:14px!important}
  .c22-actions{display:grid!important;grid-template-columns:1fr!important}
  .c22-actions .c22-btn{width:100%!important}
  .c22-stats{grid-template-columns:1fr 1fr!important}
  .c22-dbcar{grid-template-columns:92px minmax(0,1fr)!important}
  .c22-dbcar img{width:92px!important}
  .c22-modalbox{width:calc(100vw - 16px)!important;max-width:calc(100vw - 16px)!important}
  .c22-mobile{left:5px!important;right:5px!important}
}

/* v23.4 — Nm, direct support and transparent tuning prices */
.c234-dual{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.c234-support{margin-top:6px!important}
.c234-support-chat{margin-top:10px!important}
.c234-stageprice{display:block;margin-top:9px;padding-top:8px;border-top:1px solid var(--c22-line);color:var(--c22-gold2);font-size:13px}
.c234-optprice{color:var(--c22-gold2);font-weight:900}
.c234-bookingnote{display:flex;justify-content:space-between;gap:10px;align-items:center;margin:10px 0 7px;padding:9px 11px;border:1px solid #5c431f;border-radius:8px;background:#1a1209}
.c234-bookingnote b{font-size:9px;color:var(--c22-gold2)}
.c234-bookingnote span{font-size:7px;color:#c8cdd1}
.c22-dbcar strong{font-weight:900}
@media(max-width:520px){
 .c234-dual{grid-template-columns:1fr}
 .c234-bookingnote{display:block}
 .c234-bookingnote span{display:block;margin-top:4px}
}

/* v23.5 — every shown vehicle has Nm + full Gratis/Basis/VIP pricing */
.c235-tierprices{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;margin-top:9px}
.c235-tierprices span,.c235-optiontiers span{border:1px solid var(--c22-line);border-radius:7px;background:#070a0c;padding:6px;text-align:center}
.c235-tierprices span.active,.c235-optiontiers span.active{border-color:#d79a3f;background:linear-gradient(180deg,#23180c,#0d0b08);box-shadow:0 0 16px rgba(215,154,63,.12)}
.c235-tierprices small,.c235-optiontiers small{display:block;font-size:6px;color:#8f979e}
.c235-tierprices b{display:block;margin-top:2px;color:#f0b45a;font-size:10px}
.c235-optiontiers{display:grid;grid-template-columns:repeat(3,1fr);gap:4px;width:100%;margin-top:7px}
.c235-optiontiers b{display:block;margin-top:2px;color:#f0b45a;font-size:8px}
.c22-option{display:block!important}
.c22-option>input{margin-right:5px}
@media(max-width:520px){
 .c235-tierprices{grid-template-columns:1fr 1fr 1fr}
 .c235-optiontiers{grid-template-columns:1fr 1fr 1fr}
 .c235-tierprices span,.c235-optiontiers span{padding:5px 3px}
 .c235-tierprices b{font-size:9px}
 .c235-optiontiers b{font-size:7px}
}

/* v23.6 — fixed option tier pricing in Admin */
.sc236-option-admin{display:grid;grid-template-columns:repeat(4,minmax(92px,1fr)) auto;gap:7px;align-items:end;min-width:min(100%,760px)}
.sc236-option-admin label{display:grid;gap:3px;color:#9fa7ad;font-size:8px}
.sc236-option-admin .mini-price{width:100%!important;min-width:0}
@media(max-width:900px){.sc236-option-admin{grid-template-columns:1fr 1fr}.sc236-option-admin .save-option{grid-column:1/-1}}
@media(max-width:520px){.sc236-option-admin{grid-template-columns:1fr 1fr}}

/* v23.8 — tuning option symbols */
.c238-optionhead{display:flex;align-items:center;gap:8px;min-height:30px}
.c238-optionhead input{flex:0 0 auto}
.c238-optionhead strong{font-size:9px;color:#f0f2f3}
.c238-optionicon{
  width:28px;height:28px;flex:0 0 28px;
  display:grid;place-items:center;
  border:1px solid rgba(215,154,63,.35);
  border-radius:7px;
  background:linear-gradient(180deg,#171109,#090b0d);
  color:#efb35a;
  font-size:10px;font-weight:900;letter-spacing:-.02em;
  box-shadow:inset 0 0 12px rgba(215,154,63,.06)
}
.c22-option:has(input:checked) .c238-optionicon{
  border-color:#e3aa52;
  background:linear-gradient(180deg,#33220f,#140e08);
  box-shadow:0 0 15px rgba(215,154,63,.16)
}
@media(max-width:520px){
  .c238-optionicon{width:26px;height:26px;flex-basis:26px;font-size:9px}
  .c238-optionhead strong{font-size:8px}
}