@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--hm-ink:#281522;--hm-muted:#8d7b87;--hm-pink:#c62828;--hm-purple:#b71c1c;--hm-bg:#ffead2;--hm-line:#f3d1b8}
.hm-app{font-family:'DM Sans',sans-serif;color:var(--hm-ink);background:var(--hm-bg);min-height:780px;max-width:1440px;margin:0 auto;border-radius:24px;overflow:hidden;position:relative;padding-bottom:76px;box-sizing:border-box}.hm-app *{box-sizing:border-box}.hm-topbar{height:76px;padding:0 clamp(18px,5vw,70px);display:flex;align-items:center;justify-content:space-between;background:#fffaf5;border-bottom:1px solid var(--hm-line)}.hm-brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--hm-ink);font:800 24px Manrope,sans-serif;letter-spacing:-1.2px}.hm-brand>span:last-child>span{color:var(--hm-pink)}.hm-brand-icon{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(140deg,#ff6f9f,#d34f9c);color:white;font-size:21px}.hm-top-actions{display:flex;align-items:center;gap:15px}.hm-demo-pill{font-size:10px;letter-spacing:1px;font-weight:800;color:#9460c7;background:#ffe3d2;border-radius:30px;padding:8px 12px;display:inline-flex;align-items:center;gap:7px}.hm-demo-pill i{width:6px;height:6px;background:#e65b9a;border-radius:50%}.hm-avatar-mini{border:0;width:38px;height:38px;border-radius:50%;background:#ffd9c2;color:#a51d1d;font-weight:800}.hm-main{max-width:1120px;margin:0 auto;padding:38px 28px 25px}.hm-view{display:none}.hm-view.is-active{display:block}.hm-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:24px}.hm-eyebrow{font-size:10px;letter-spacing:2px;color:var(--hm-pink);font-weight:800;margin:0 0 8px}.hm-heading h1{font:800 clamp(27px,4vw,38px) Manrope,sans-serif;letter-spacing:-1.5px;margin:0}.hm-subtitle{color:var(--hm-muted);font-size:14px;margin:7px 0 0}.hm-filter{width:44px;height:44px;border-radius:14px;border:1px solid var(--hm-line);background:white;font-size:22px;color:#786d83}.hm-filter-panel{display:flex;align-items:end;gap:15px;background:#fff;padding:16px;border-radius:16px;margin-bottom:18px;box-shadow:0 8px 30px #38204c0b}.hm-filter-panel label{display:grid;gap:7px;font-size:12px;color:var(--hm-muted);font-weight:700}.hm-filter-panel select{padding:10px 14px;border:1px solid var(--hm-line);border-radius:10px;color:var(--hm-ink);background:white}.hm-filter-apply,.hm-primary{border:0;border-radius:12px;background:linear-gradient(120deg,#f04438,#b71c1c);color:#fff;font-weight:800;padding:12px 18px}.hm-discovery{max-width:460px;margin:0 auto}.hm-card-stack{height:min(570px,64vh);min-height:430px;position:relative;display:grid;place-items:center}.hm-person-card{position:absolute;width:min(100%,390px);height:100%;max-height:570px;border-radius:25px;overflow:hidden;background:#d9c9d7;box-shadow:0 18px 55px #32223c24;touch-action:pan-y;user-select:none;transition:transform .28s ease,opacity .28s ease;cursor:grab}.hm-person-card:active{cursor:grabbing}.hm-person-card:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 38%,#170f24c9 100%);z-index:1}.hm-person-art{position:absolute;inset:0;display:grid;place-items:center;overflow:hidden}.hm-person-art:before{content:"";position:absolute;width:76%;height:76%;border-radius:50%;background:var(--art-glow,#f6c3d3);filter:blur(1px);top:9%;left:12%;opacity:.72}.hm-person-art:after{content:"";position:absolute;width:43%;height:52%;border-radius:48% 48% 42% 42%;background:var(--art-body,#b76c78);bottom:-8%;left:29%;box-shadow:0 -120px 0 -27px var(--art-hair,#4b3345)}.hm-person-art .hm-face{position:absolute;z-index:1;top:23%;width:31%;height:37%;border-radius:46% 46% 48% 48%;background:var(--art-face,#e6ad8d);box-shadow:inset 0 -8px 0 #9c5b4822}.hm-person-art .hm-hair{position:absolute;z-index:2;top:18%;width:36%;height:28%;border-radius:55% 55% 20% 20%;background:var(--art-hair,#4b3345)}.hm-person-card[data-tone="2"] .hm-person-art:before{width:90%;height:90%;top:4%;left:5%}.hm-person-card[data-tone="3"] .hm-person-art .hm-hair{height:42%;border-radius:50% 50% 40% 40%}.hm-person-card[data-tone="4"] .hm-person-art .hm-person-art{filter:hue-rotate(20deg)}.hm-card-content{position:absolute;z-index:2;bottom:0;left:0;right:0;padding:26px;color:white}.hm-online{font-size:11px;font-weight:700;background:#ffffff27;border:1px solid #ffffff50;padding:7px 10px;border-radius:30px;display:inline-flex;align-items:center;gap:6px;margin-bottom:12px}.hm-online:before{content:"";width:6px;height:6px;border-radius:50%;background:#6df0b0}.hm-card-content h2{font:800 30px Manrope,sans-serif;letter-spacing:-1px;margin:0}.hm-card-content h2 span{font-weight:500;font-size:22px}.hm-card-location{font-size:13px;margin:5px 0 12px;color:#f4eaf5}.hm-card-bio{font-size:13px;line-height:1.5;margin:0 0 13px;color:#fff}.hm-tags{display:flex;flex-wrap:wrap;gap:7px}.hm-tags span{background:#ffffff25;border:1px solid #ffffff45;padding:6px 10px;border-radius:30px;font-size:10px;font-weight:700}.hm-stamp{position:absolute;z-index:3;top:28px;border:4px solid white;border-radius:9px;padding:6px 13px;font:900 24px Manrope;opacity:0;transform:rotate(-15deg)}.hm-stamp.like{left:20px;color:#76e5bd}.hm-stamp.nope{right:20px;color:#ff789b;transform:rotate(15deg)}.hm-actions{display:flex;align-items:center;justify-content:center;gap:23px;margin:22px 0 12px}.hm-action{border:0;border-radius:50%;background:white;box-shadow:0 7px 24px #38204c16;display:grid;place-items:center;cursor:pointer;transition:transform .15s}.hm-action:hover{transform:translateY(-3px) scale(1.04)}.hm-nope{width:58px;height:58px;color:#f16a8d;font-size:34px}.hm-super{width:48px;height:48px;color:#8b6ee1;font-size:23px}.hm-like{width:68px;height:68px;color:#ef4f82;font-size:33px}.hm-hint{text-align:center;font-size:10px;color:#b1a9b8;letter-spacing:.3px}.hm-hint span{margin:0 9px}.hm-empty{background:white;border:1px solid var(--hm-line);border-radius:20px;padding:50px 25px;text-align:center;color:var(--hm-muted)}.hm-empty b{display:block;color:var(--hm-ink);font-size:18px;margin-bottom:7px}.hm-match-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:15px}.hm-match-item{background:#fff;border:1px solid var(--hm-line);border-radius:18px;padding:17px;display:flex;gap:13px;align-items:center;cursor:pointer;text-align:left}.hm-match-avatar{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;color:#fff;font-size:23px;font-weight:800;background:linear-gradient(140deg,#ef8da9,#9471df);flex:none}.hm-match-item strong{display:block;font-size:15px}.hm-match-item small{color:var(--hm-muted);font-size:12px}.hm-chat-layout{display:grid;grid-template-columns:290px 1fr;min-height:420px;background:white;border:1px solid var(--hm-line);border-radius:20px;overflow:hidden}.hm-chat-list{border-right:1px solid var(--hm-line);padding:12px}.hm-chat-person{width:100%;border:0;background:white;display:flex;align-items:center;gap:12px;padding:12px;border-radius:12px;text-align:left;cursor:pointer}.hm-chat-person.is-selected,.hm-chat-person:hover{background:#fff0e5}.hm-chat-person strong{display:block;font-size:13px}.hm-chat-person small{color:var(--hm-muted)}.hm-chat-room{display:flex;flex-direction:column;min-height:420px}.hm-chat-empty{margin:auto;text-align:center;color:var(--hm-muted)}.hm-chat-empty span{font-size:35px}.hm-chat-empty h3{color:var(--hm-ink);margin:8px 0}.hm-chat-messages{flex:1;padding:20px;overflow:auto;max-height:350px}.hm-bubble{max-width:78%;padding:11px 14px;border-radius:15px;margin:8px 0;font-size:13px;line-height:1.45;background:#f3eff7}.hm-bubble.mine{margin-left:auto;background:#ffe0d2;color:#8f211c;border-bottom-right-radius:4px}.hm-bubble.theirs{border-bottom-left-radius:4px}.hm-chat-form{display:flex;gap:8px;padding:13px;border-top:1px solid var(--hm-line)}.hm-chat-form input{min-width:0;flex:1;border:1px solid var(--hm-line);border-radius:12px;padding:12px;font:inherit}.hm-chat-form button{border:0;border-radius:12px;background:var(--hm-pink);color:#fff;padding:0 18px;font-weight:800}.hm-own-profile{display:flex;align-items:center;gap:20px;padding:25px;background:white;border:1px solid var(--hm-line);border-radius:20px}.hm-own-avatar{width:82px;height:82px;border-radius:25px;background:linear-gradient(140deg,#f3a3bd,#a78be7);display:grid;place-items:center;color:white;font-size:35px;font-weight:800}.hm-own-profile h2{margin:0 0 5px;font:800 21px Manrope}.hm-own-profile p{color:var(--hm-muted);margin:0 0 10px;font-size:13px}.hm-profile-note{margin-top:17px;padding:22px;background:#f5effb;border-radius:17px;color:#665574;font-size:13px;line-height:1.6}.hm-profile-note strong{color:#342842}.hm-profile-note p{margin:6px 0 0}.hm-nav{position:absolute;bottom:0;left:0;right:0;height:76px;background:#fff;border-top:1px solid var(--hm-line);display:flex;align-items:center;justify-content:center;gap:clamp(18px,6vw,70px);z-index:5}.hm-nav button{border:0;background:transparent;color:#a49baa;font:700 11px 'DM Sans';display:flex;flex-direction:column;align-items:center;gap:4px;position:relative;cursor:pointer;min-width:55px}.hm-nav button span{font-size:22px;line-height:1}.hm-nav button.is-active{color:var(--hm-pink)}.hm-nav button b{position:absolute;top:-3px;right:3px;background:var(--hm-pink);color:white;border-radius:20px;padding:2px 5px;font-size:9px}.hm-toast{position:fixed;z-index:20;bottom:95px;left:50%;transform:translate(-50%,15px);opacity:0;background:#30253b;color:#fff;padding:12px 18px;border-radius:30px;font-size:12px;pointer-events:none;transition:.2s}.hm-toast.show{opacity:1;transform:translate(-50%,0)}.hm-modal{position:fixed;inset:0;background:#21152dbd;z-index:30;display:grid;place-items:center;padding:20px}.hm-modal[hidden]{display:none}.hm-modal-card{background:#fff;border-radius:25px;padding:38px 30px;text-align:center;max-width:390px;width:100%;position:relative;box-shadow:0 20px 70px #160d1b55}.hm-modal-close{position:absolute;right:17px;top:12px;border:0;background:transparent;font-size:27px;color:#988e9e}.hm-match-spark{width:70px;height:70px;border-radius:23px;background:linear-gradient(140deg,#ff78a0,#9c72e2);display:grid;place-items:center;color:#fff;font-size:35px;margin:0 auto 17px}.hm-modal-card h2{font:800 25px Manrope;margin:5px 0}.hm-modal-card>p:not(.hm-eyebrow){font-size:13px;color:var(--hm-muted)}.hm-modal-actions{display:grid;gap:9px;margin-top:22px}.hm-secondary{border:0;background:#f6f1f8;color:#756a80;padding:12px;border-radius:12px;font-weight:700}.hm-footer{text-align:center;padding:14px 10px;color:#b0a8b6;font-size:10px}.hm-card-stack .hm-card-empty{background:#fff;border-radius:25px;padding:35px;text-align:center;color:var(--hm-muted);box-shadow:0 18px 55px #32223c12}.hm-card-empty strong{display:block;color:var(--hm-ink);font-size:20px;margin:10px}
@media(max-width:650px){.hm-app{border-radius:0;min-height:100vh;padding-bottom:68px}.hm-topbar{height:62px;padding:0 17px}.hm-brand{font-size:21px}.hm-main{padding:24px 15px 20px}.hm-heading{margin-bottom:17px}.hm-heading h1{font-size:28px}.hm-subtitle{font-size:12px;max-width:270px;line-height:1.45}.hm-filter{width:40px;height:40px}.hm-card-stack{height:min(570px,calc(100svh - 255px));min-height:390px}.hm-person-card{border-radius:22px}.hm-card-content{padding:20px}.hm-card-content h2{font-size:27px}.hm-actions{gap:20px;margin:18px 0 8px}.hm-nav{height:68px;gap:0;justify-content:space-around}.hm-nav button{font-size:10px}.hm-nav button span{font-size:21px}.hm-filter-panel{flex-wrap:wrap}.hm-filter-panel label{flex:1;min-width:125px}.hm-filter-apply{width:100%}.hm-chat-layout{grid-template-columns:1fr;min-height:0}.hm-chat-list{display:flex;overflow-x:auto;border-right:0;border-bottom:1px solid var(--hm-line)}.hm-chat-person{min-width:150px}.hm-chat-room{min-height:330px}.hm-chat-messages{max-height:270px}.hm-own-profile{padding:18px;gap:14px}.hm-own-avatar{width:65px;height:65px}.hm-footer{padding-bottom:10px}}
.hm-account-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:18px}.hm-account-panel{background:#fff;border:1px solid var(--hm-line);border-radius:20px;padding:22px;margin-top:16px}.hm-account-panel h2{font:800 20px Manrope;margin:0 0 8px}.hm-account-panel p{font-size:13px;line-height:1.55;color:var(--hm-muted)}.hm-account-form{display:grid;gap:12px}.hm-account-form label{display:grid;gap:6px;font-size:12px;font-weight:700;color:#725d6b}.hm-account-form input,.hm-account-form textarea{width:100%;border:1px solid var(--hm-line);border-radius:11px;padding:12px;font:inherit;color:var(--hm-ink);background:#fff}.hm-account-form input:focus,.hm-account-form textarea:focus{outline:2px solid #f4a5c4;outline-offset:1px}.hm-account-form .hm-primary{cursor:pointer}.hm-account-logout{margin-top:12px}.hm-account-logout button{border:0;background:#f8edf2;color:#9a4269;padding:10px 14px;border-radius:10px;font-weight:700;cursor:pointer}.hm-account-success{padding:10px 12px;background:#effaf3;color:#237447;border-radius:10px}@media(max-width:650px){.hm-account-grid{grid-template-columns:1fr}.hm-account-panel{padding:17px}}

/* Mobone Dating 2.1 – Fotogalerien und orange/rote Farbwelt */
.hm-person-photo{position:absolute;inset:0;background:#e8b99a;overflow:hidden}.hm-person-photo>img{width:100%;height:100%;object-fit:cover;object-position:center 28%;display:block}.hm-person-photo:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#1b101000 35%,#170f24d9 100%)}.hm-photo-strip{position:absolute;z-index:3;top:14px;left:14px;right:14px;display:flex;gap:7px}.hm-photo-strip img{width:54px;height:66px;object-fit:cover;border:2px solid #ffffffd9;border-radius:10px;box-shadow:0 3px 12px #24101844}.hm-card-content{padding-top:90px}.hm-app{background:var(--hm-bg)}.hm-nav{background:#fffaf5}.hm-person-card{background:#f4c5a3}
@media(max-width:560px){.hm-photo-strip img{width:43px;height:54px}.hm-card-content{padding:20px;padding-top:82px}.hm-main{padding:26px 14px 20px}}

.hm-filter-panel input{padding:10px 14px;border:1px solid var(--hm-line);border-radius:10px;color:var(--hm-ink);background:#fff;min-width:140px;font:inherit}.hm-filter-panel label{min-width:130px}.hm-account-form select{width:100%;padding:12px;border:1px solid var(--hm-line);border-radius:10px;background:#fff;color:var(--hm-ink);font:inherit}.hm-account-form label{display:grid;gap:7px}

.hm-account-error{background:#fff0ed;color:#a1261d;border:1px solid #f2b7ae;border-radius:12px;padding:12px 15px;font-weight:700;font-size:13px;margin:12px 0}.hm-account-form input:focus,.hm-account-form select:focus,.hm-account-form textarea:focus{outline:2px solid #d83232;outline-offset:1px}

/* Mobone Dating 2.3 – professioneller, klarer Auftritt */
:root{--hm-ink:#29201e;--hm-muted:#786b66;--hm-pink:#d92332;--hm-purple:#b91f2b;--hm-bg:#fff0e3;--hm-line:#f0d5c6}
.hm-app{background:linear-gradient(145deg,#fff1e5 0%,#ffe4cf 100%);box-shadow:0 18px 65px #4b1b1012;border:1px solid #f3d7c7}
.hm-topbar{background:#fffdfa;border-bottom-color:#f0d9cc}.hm-brand-icon{background:linear-gradient(145deg,#f04b43,#b91528);box-shadow:0 5px 15px #c6282833}
.hm-demo-pill{color:#9d271f;background:#ffebe2}.hm-demo-pill i{background:#d92332}
.hm-heading h1{color:#2b201e}.hm-eyebrow{color:#c92330}.hm-filter,.hm-filter-panel,.hm-account-panel,.hm-own-profile,.hm-chat-layout,.hm-match-item{box-shadow:0 10px 30px #5725170b}
.hm-filter-apply,.hm-primary{background:linear-gradient(120deg,#ef493e,#bd172b);box-shadow:0 7px 18px #c6282828}
.hm-action{box-shadow:0 9px 25px #5a241b1c}.hm-like{color:#d92332}.hm-nope{color:#b75c48}.hm-nav button.is-active,.hm-nav button b{color:#c92330}.hm-nav button b{background:#c92330;color:white}
.hm-account-panel{border-color:#f0d5c6}.hm-account-form input,.hm-account-form select,.hm-account-form textarea{border-color:#ead4c8;background:#fffdfb}.hm-account-form input:focus,.hm-account-form select:focus,.hm-account-form textarea:focus{outline:2px solid #e65b53;outline-offset:1px}.hm-profile-note{background:#fff4ec;color:#75564d}.hm-profile-note strong{color:#3a2420}
.hm-chat-form button{background:#c92330}.hm-bubble.mine{background:#ffe3d9;color:#8e211e}
@media(min-width:900px){.hm-main{padding-top:48px}.hm-discovery{max-width:480px}.hm-account-grid{gap:22px}.hm-account-panel{padding:28px}}