*{box-sizing:border-box}body.home{margin:0;font-family:system-ui,Arial,sans-serif;background:#f3f4f7;color:#222;padding-bottom:80px}
.home .hidden{display:none!important}
.home .topbar{background:#14122b;padding:10px 16px;display:flex;justify-content:center}.home .topbar img{height:34px;border-radius:6px}
.home .prof{display:flex;align-items:center;gap:10px;padding:12px 16px}.home .av{width:44px;height:44px;border-radius:50%;background:linear-gradient(135deg,#7b5cff,#2bd);color:#fff;display:grid;place-items:center;font-weight:700}
.home .prof b{flex:1}.home .lo{background:none;border:0;color:#16a34a;font-weight:600;font-size:14px;cursor:pointer}
.home .sbox{margin:0 16px 8px;background:#fff;border-radius:24px;padding:4px 4px 4px 16px;display:flex;gap:6px;align-items:center;box-shadow:0 1px 4px #0001}
.home .sbox input{flex:1;border:0;outline:0;font-size:16px;padding:8px 0;background:none;min-width:0}.home .sbox button{background:#22c55e;color:#fff;border:0;border-radius:20px;padding:8px 16px;font-weight:700}
.home #findRes{margin:0 16px}.home .fres{background:#fff;border-radius:16px;padding:12px 14px;margin-bottom:8px;display:flex;align-items:center;gap:10px;box-shadow:0 1px 4px #0001}.home .fres div{flex:1}.home .fres small{color:#777;display:block}
.home .fres a,.home .fres button{background:#22c55e;color:#fff;border:0;border-radius:14px;padding:8px 14px;font-weight:700;text-decoration:none}
.home .hint{margin:0 16px 8px;color:#888;font-size:13px;text-align:center}
.home .img h3{font-size:24px;margin:0;word-break:break-word}.home .img small{opacity:.85}
.home .go{display:block;text-align:center;text-decoration:none;width:100%;margin-top:12px;background:#22c55e;color:#fff;border:0;border-radius:16px;padding:14px;font-size:17px;font-weight:700;cursor:pointer}
.home .dots{display:flex;justify-content:center;gap:6px;margin:10px}.home .dots i{width:7px;height:7px;border-radius:50%;background:#ccc}.home .dots i.on{background:#22c55e;width:18px;border-radius:4px}
.home .promo{margin:6px 16px;border-radius:16px;padding:18px;background:linear-gradient(90deg,#1a1405,#4a3510);color:#f5c542;border:1px solid #c9a227}
.home .promo h4{font-size:22px;letter-spacing:1px;margin:0}.home .promo p{color:#eee;font-size:12px;margin:4px 0 0}
.home nav{position:fixed;bottom:0;left:0;right:0;background:#fff;display:flex;border-top:1px solid #ddd;padding:8px 0 max(8px,env(safe-area-inset-bottom));z-index:20}.home nav a{flex:1;text-align:center;font-size:12px;color:#888;cursor:pointer}.home nav a span{display:block;font-size:22px}.home nav a.on{color:#22c55e;font-weight:700}
.home .overlay{position:fixed;inset:0;z-index:30;display:flex;align-items:center;justify-content:center;background:rgba(240,241,245,.97);padding:20px}
.home .lcard{width:100%;max-width:360px;background:#fff;border-radius:22px;padding:20px;box-shadow:0 4px 20px #0002;display:flex;flex-direction:column;gap:10px}
.home .lcard .logo{text-align:center}.home .lcard .logo img{height:48px;border-radius:6px}.home .lcard h2{margin:4px 0;font-size:20px;text-align:center}
.home .lcard input{border:1px solid #ddd;border-radius:14px;padding:12px 14px;font-size:16px;background:#f7f7f9}
.home .tabs{display:flex;gap:6px;background:#f0f1f4;border-radius:14px;padding:4px}.home .tabs button{flex:1;border:0;background:none;border-radius:10px;padding:9px;font-weight:700;color:#888}.home .tabs button.on{background:#fff;color:#16a34a;box-shadow:0 1px 3px #0002}
.home .ghost{background:none;border:0;color:#666;padding:8px;font-weight:600}.home .nerr{color:#dc2626;font-size:13px;min-height:1em;margin:0}.home .note{color:#888;font-size:12px;margin:0}
.home .toast{position:fixed;left:50%;bottom:90px;transform:translateX(-50%);background:#222;color:#fff;padding:10px 16px;border-radius:20px;opacity:0;transition:.3s;pointer-events:none;z-index:40;font-size:14px}.home .toast.on{opacity:1}
/* v2: 549px app width, big cards */
body.home{max-width:549px;margin:0 auto;background:#f3f4f7;min-height:100vh}
html{background:#e4e6ec}
.home nav{left:50%;right:auto;transform:translateX(-50%);width:100%;max-width:549px}
.home .go{padding:18px;font-size:20px;border-radius:18px}

/* v3 carousel: one size for every item */
.home .car{display:flex;flex-wrap:nowrap;gap:14px;overflow-x:auto;overflow-y:hidden;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;padding:8px 0;scrollbar-width:none;overscroll-behavior-x:contain}
.home .car::-webkit-scrollbar{display:none}
.home .car.drag{scroll-snap-type:none;cursor:grabbing;user-select:none}
.home .card{flex:0 0 78%;width:auto;min-width:0;max-width:none;margin:0;height:404px;display:flex;flex-direction:column;scroll-snap-align:center;background:#fff;border-radius:22px;padding:14px;box-shadow:0 3px 12px #0002;touch-action:pan-x pan-y;box-sizing:border-box}
.home .card .img{flex:0 0 300px;height:300px;border-radius:16px;background:radial-gradient(circle at 30% 20%,var(--c,#3b2a7a),#0b0a1f 75%);color:#fff;padding:16px;display:flex;flex-direction:column;justify-content:flex-end;overflow:hidden}
.home .card .img h3{font-size:30px;margin:0;word-break:break-word}.home .card .img small{font-size:15px;opacity:.85}
.home .card .go{margin-top:auto}
.home .card.dark{background:#14122b;color:#fff}.home .card.dark .img{background:#0b0a1f;align-items:center;justify-content:center;text-align:center;gap:12px}.home .card.dark .img img{width:80%;border-radius:6px;pointer-events:none;-webkit-user-drag:none}.home .card.dark .img div{font-size:18px}

/* v5 centering: spacers instead of % padding (padding % shrank cards and offset the snap) */
.home .car::before,.home .car::after{content:'';flex:0 0 calc(11% - 14px)}
/* v6: narrower cards like before, more space between */
.home .car{gap:28px}
.home .card{flex:0 0 62%}
.home .car::before,.home .car::after{flex:0 0 calc(19% - 28px)}
.home .card{cursor:pointer}
.home .card .img.pic h3,.home .card .img.pic small{text-shadow:0 1px 4px #000}