*{box-sizing:border-box}html{font-size:16px;-webkit-text-size-adjust:none;text-size-adjust:none}html,body{margin:0;width:100%;min-height:100%;overflow-x:hidden}body{font-family:Arial,Helvetica,sans-serif;background:#eef8ff;color:#10295a}button,input,textarea,select{font:inherit}button{cursor:pointer;-webkit-tap-highlight-color:transparent}.icon{display:inline-grid;place-items:center}.icon svg{width:100%;height:100%;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}.app-header{position:sticky;top:0;z-index:80;height:88px;padding:18px 18px 14px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(110deg,#05265b 0%,#0968dc 82%);color:white;box-shadow:0 2px 14px rgba(8,45,97,.18);overflow:hidden}.app-header:after{content:'🌴';position:absolute;right:85px;top:-18px;font-size:100px;opacity:.08;transform:rotate(-12deg);pointer-events:none}.brand{position:relative;z-index:1;border:0;background:transparent;color:#fff;display:flex;align-items:center;gap:12px;padding:0;font-weight:800;font-size:22px}.brand-logo{position:relative;width:46px;height:46px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(145deg,#62d6ef,#176bd5);border:2px solid rgba(255,255,255,.38);box-shadow:inset 0 0 0 3px rgba(255,255,255,.09),0 7px 14px rgba(0,24,66,.2)}.brand-logo i{position:absolute;width:12px;height:12px;border-radius:50%;background:#ffe05a;right:7px;top:6px}.brand-logo b{font-size:28px;color:white;transform:rotate(-6deg);line-height:1}.header-actions{display:flex;gap:8px;position:relative;z-index:1}.round-button{position:relative;width:44px;height:44px;border-radius:50%;border:1px solid rgba(255,255,255,.26);background:rgba(255,255,255,.1);color:#fff;padding:11px}.badge{position:absolute;min-width:17px;height:17px;padding:0 4px;border-radius:99px;background:#ef2c3a;color:#fff;font-size:10px;font-style:normal;font-weight:900;line-height:17px;text-align:center}.round-button .badge{right:-3px;top:-3px}.app-main{width:100%;max-width:760px;margin:0 auto;padding:12px 10px 104px;min-height:calc(100vh - 88px)}.screen-loading{display:grid;gap:12px}.skeleton{position:relative;overflow:hidden;border-radius:20px;background:#dfeaf3}.skeleton:after{content:'';position:absolute;inset:0;transform:translateX(-100%);background:linear-gradient(90deg,transparent,rgba(255,255,255,.6),transparent);animation:shimmer 1.2s infinite}@keyframes shimmer{100%{transform:translateX(100%)}}.hero-skeleton{height:170px}.card-skeleton{height:230px}.card-skeleton.small{height:150px}.app-nav{position:fixed;z-index:100;left:10px;right:10px;bottom:max(8px,env(safe-area-inset-bottom,0px));height:78px;padding:6px 5px;display:grid;grid-template-columns:repeat(7,minmax(0,1fr));align-items:end;border:1px solid rgba(181,204,226,.7);border-radius:24px;background:rgba(255,255,255,.96);box-shadow:0 12px 30px rgba(17,54,99,.18);backdrop-filter:blur(15px);-webkit-backdrop-filter:blur(15px)}.nav-item{position:relative;border:0;background:transparent;color:#5b7190;min-width:0;height:62px;padding:5px 1px 3px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:4px;border-radius:15px}.nav-item>.icon{width:25px;height:25px}.nav-item>span:last-child{font-size:9px;font-weight:800;line-height:1.05;white-space:nowrap}.nav-item.active{color:#086cf0;background:#edf5ff}.camera-nav{overflow:visible}.camera-circle{width:48px;height:48px;margin-top:-21px;display:grid!important;place-items:center;border-radius:50%;background:linear-gradient(145deg,#0968ee,#0da5ef);border:3px solid #fff;box-shadow:0 7px 18px rgba(7,102,229,.3);color:#fff}.camera-circle .icon{width:24px;height:24px}.nav-badge{right:4px;top:2px}.card{position:relative;overflow:hidden;border:1px solid #d5e4f1;border-radius:22px;background:rgba(255,255,255,.96);box-shadow:0 8px 22px rgba(27,72,119,.08)}.section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;padding:15px 16px 10px}.section-head h2{margin:0;color:#10295a;font-size:18px}.section-head p{margin:3px 0 0;color:#7a8ba3;font-size:11px}.link-button{border:0;background:transparent;color:#0870eb;font-weight:800;padding:2px 0;font-size:12px}.home-grid{display:grid;gap:10px}.beach-card{min-height:145px;display:grid;grid-template-columns:minmax(0,1fr) 56px;gap:10px;padding:16px 14px;background:radial-gradient(circle at 72% 16%,rgba(255,219,97,.34),transparent 22%),linear-gradient(145deg,#fafdff,#e9f8ff 55%,#fff4df);text-decoration:none;color:inherit}.beach-card:before{content:'☀️ 〰〰 ⛱️';position:absolute;right:44px;top:16px;font-size:38px;opacity:.10;letter-spacing:-7px;white-space:nowrap}.beach-card:after{content:'〰〰〰 🐚';position:absolute;left:0;right:0;bottom:-8px;color:#2ea0c5;font-size:26px;opacity:.12;white-space:nowrap}.beach-label{font-size:10px;font-weight:900;color:#0870e7;letter-spacing:.14em;text-transform:uppercase}.beach-title{margin:6px 0 4px;font-size:24px;line-height:1.1}.beach-title .yellow{color:#ee9900}.beach-title .green{color:#1f9d63}.beach-title .red{color:#dc3841}.beach-time{font-size:11px;color:#687d98}.beach-facts{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;margin-top:12px}.beach-fact{padding:7px 4px;border:1px solid #d9e6ef;border-radius:12px;background:rgba(255,255,255,.78);text-align:center;min-width:0}.beach-fact b{display:block;font-size:15px}.beach-fact small{display:block;margin-top:2px;font-size:8px;color:#5a6f89;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.traffic{align-self:center;width:49px;padding:6px;border-radius:18px;background:linear-gradient(#1c3b64,#10284b);box-shadow:0 7px 18px rgba(5,34,71,.25);display:grid;gap:5px}.traffic i{width:37px;height:37px;border-radius:50%;display:block;opacity:.2;box-shadow:inset 0 2px 4px rgba(0,0,0,.25)}.traffic .r{background:#f04444}.traffic .y{background:#ffc400}.traffic .g{background:#27bd6d}.traffic[data-status=red] .r,.traffic[data-status=yellow] .y,.traffic[data-status=green] .g{opacity:1;box-shadow:0 0 14px currentColor,inset 0 2px 3px rgba(255,255,255,.2)}.list{padding:0 12px 12px}.mini-post{display:grid;grid-template-columns:40px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 2px;border-top:1px solid #edf1f5;text-decoration:none;color:inherit}.mini-post:first-child{border-top:0}.avatar{width:var(--avatar,40px);height:var(--avatar,40px);min-width:var(--avatar,40px);border-radius:50%;overflow:hidden;display:grid;place-items:center;background:linear-gradient(145deg,#0f3265,#164d91);color:#fff;font-size:12px;font-weight:900;border:2px solid #fff;box-shadow:0 2px 7px rgba(20,55,91,.16)}.avatar img{width:100%;height:100%;object-fit:cover;display:block}.mini-post strong{display:block;font-size:13px;color:#142d59}.mini-post time{margin-left:6px;color:#8897aa;font-size:10px;font-weight:400}.mini-post h3{margin:3px 0 1px;font-size:13px;color:#183665}.mini-post p{margin:0;color:#677b95;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.thumb{width:55px;height:55px;border-radius:11px;overflow:hidden;background:#e9f1f8}.thumb img{width:100%;height:100%;object-fit:cover}.weather-grid{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));padding:2px 8px 12px}.weather-day{min-width:0;padding:7px 1px;text-align:center;border-left:1px solid #edf1f4}.weather-day:first-child{border-left:0}.weather-day b{display:block;font-size:10px}.weather-day .wx{display:block;font-size:22px;margin:6px 0}.weather-day .temps{font-size:9px;color:#637893;white-space:nowrap}.event-row{display:grid;grid-template-columns:45px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 2px;border-top:1px solid #edf1f5}.event-row:first-child{border-top:0}.event-date{width:43px;height:45px;border-radius:12px;background:#eff7ff;border:1px solid #d7e6f2;display:grid;place-items:center;align-content:center;color:#2574ce}.event-date b{font-size:15px;line-height:1}.event-date small{font-size:9px;text-transform:uppercase}.event-copy strong{display:block;font-size:12px}.event-copy small{display:block;margin-top:3px;color:#8190a3;font-size:10px}.swap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:7px;padding:2px 10px 12px}.swap-item{padding:10px;border:1px solid #dbe7ef;border-radius:14px;background:#f9fcff}.swap-item em{display:block;color:#288166;font-size:9px;font-style:normal;font-weight:900;text-transform:uppercase}.swap-item strong{display:-webkit-box;margin-top:4px;font-size:11px;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.swap-item b{display:block;margin-top:6px;color:#1e765a;font-size:11px}.swap-item small{display:block;margin-top:3px;color:#8595a7;font-size:9px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.feed-screen{display:grid;gap:10px}.feed-intro{padding:13px 14px;display:flex;align-items:center;justify-content:space-between;background:linear-gradient(135deg,#fff,#f3faff)}.feed-intro:after{content:'🌴 〰';position:absolute;right:115px;bottom:-13px;font-size:42px;opacity:.07}.feed-intro h1{margin:0;font-size:20px}.feed-intro p{margin:3px 0 0;color:#71839b;font-size:11px}.feed-intro-actions{display:flex;gap:7px}.small-icon-btn{width:42px;height:42px;border:1px solid #dbe5ef;border-radius:13px;background:#fff;color:#1d67b4;padding:10px}.composer-card{padding:11px 12px 10px;background:linear-gradient(180deg,#fff 0%,#fff 68%,#eaf9ff 100%)}.composer-card:after{content:'⛱️ 〰〰 🐚';position:absolute;left:-4px;right:-4px;bottom:-9px;font-size:30px;opacity:.10;white-space:nowrap;letter-spacing:4px}.composer-top{display:flex;align-items:center;gap:9px;position:relative;z-index:1}.composer-prompt{flex:1;min-width:0;height:44px;border:1px solid #d9e2eb;border-radius:999px;background:#f4f6f9;color:#69788d;text-align:left;padding:0 14px}.quick-actions{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);margin-top:9px;padding-top:8px;border-top:1px solid #edf1f5}.quick-actions button{border:0;background:transparent;color:#496784;padding:4px 1px;font-size:10px;font-weight:800;display:flex;align-items:center;justify-content:center;gap:4px}.quick-actions .icon{width:20px;height:20px;color:#176bb7}.feed-card{background:linear-gradient(180deg,#fff 0%,#fff 79%,#f6fbff 100%)}.feed-card:after{content:'〰〰 🐚';position:absolute;right:-2px;bottom:-8px;color:#33a0c4;font-size:27px;opacity:.07;pointer-events:none}.post-head{display:grid;grid-template-columns:44px minmax(0,1fr) 38px;gap:9px;align-items:center;padding:11px 12px 7px}.post-author strong{font-size:14px;color:#132b55}.post-author strong.admin{color:#d62f39}.admin-tag{display:inline-block;margin-left:5px;padding:2px 5px;border-radius:99px;background:#ffe8e8;color:#cb2933;font-size:7px;font-weight:900;vertical-align:2px}.post-meta{display:block;margin-top:2px;color:#8290a3;font-size:10px}.more-button{width:36px;height:36px;border:0;border-radius:50%;background:transparent;color:#64758b;font-size:20px;font-weight:900}.more-button:active{background:#eef3f7}.post-body{padding:5px 12px 10px}.post-body h2{margin:0 0 5px;font-size:16px}.post-body p{margin:0;color:#34455b;font-size:13px;line-height:1.42;white-space:pre-wrap}.post-location{display:flex;align-items:center;gap:4px;margin-top:7px;color:#6c809a;font-size:10px}.post-gallery{display:grid;gap:2px;grid-template-columns:repeat(2,1fr);background:#e7edf2}.post-gallery.one{grid-template-columns:1fr}.post-gallery img{display:block;width:100%;height:190px;object-fit:cover}.post-gallery.one img{height:auto;max-height:420px}.post-gallery img:nth-child(3){grid-column:1/-1;height:160px}.post-stats{display:flex;justify-content:space-between;padding:8px 12px;color:#78889d;font-size:10px;border-bottom:1px solid #edf1f4}.post-actions{display:grid;grid-template-columns:repeat(4,1fr);padding:3px 6px 6px}.post-action{border:0;background:transparent;color:#52677f;min-height:42px;border-radius:9px;display:flex;align-items:center;justify-content:center;gap:5px;font-size:10px;font-weight:800}.post-action .icon{width:21px;height:21px}.post-action.active{color:#0a6de9}.post-action:active{background:#f0f4f7}.load-more{width:100%;min-height:46px;border:1px solid #d5e3ef;border-radius:14px;background:#fff;color:#316696;font-weight:800}.overlay{position:fixed;z-index:300;inset:0;display:flex;align-items:flex-end;justify-content:center}.overlay[hidden]{display:none!important}.overlay.dim{background:rgba(6,23,49,.32)}.overlay.dark{background:rgba(4,12,25,.92);align-items:center}.sheet,.action-sheet{width:min(760px,100%);background:#fff;box-shadow:0 -20px 50px rgba(7,29,61,.24)}.full-sheet{height:100%;max-height:100%;overflow:auto}.sheet-header{position:sticky;top:0;z-index:2;height:62px;padding:10px 12px;display:grid;grid-template-columns:44px 1fr auto;align-items:center;border-bottom:1px solid #e5ebf1;background:#fff}.sheet-header strong{text-align:center;font-size:16px}.sheet-back{border:0;background:transparent;font-size:32px;color:#355473}.publish-button{border:0;border-radius:10px;background:#0872ed;color:#fff;padding:9px 13px;font-weight:800}.composer-author{padding:12px 15px;display:flex;align-items:center;gap:10px}.composer-author strong{font-size:14px}.composer-author small{display:block;color:#8190a3;font-size:10px;margin-top:2px}.post-type-row{display:flex;gap:6px;overflow-x:auto;padding:0 14px 10px;scrollbar-width:none}.post-type-row::-webkit-scrollbar{display:none}.type-chip{border:1px solid #dbe4ed;background:#fff;color:#53677f;border-radius:99px;padding:7px 11px;font-size:11px;font-weight:800;white-space:nowrap}.type-chip.active{background:#eaf4ff;border-color:#bcd7f3;color:#0870e5}.composer-title{display:block;width:calc(100% - 28px);margin:0 14px 7px;border:0;border-bottom:1px solid #edf1f4;padding:10px 2px;font-size:16px;font-weight:800;outline:none}.composer-body{display:block;width:calc(100% - 28px);min-height:180px;margin:0 14px;border:0;padding:10px 2px;resize:none;outline:none;font-size:17px;line-height:1.45;color:#1b2f4e}.composer-photo-preview{display:grid;grid-template-columns:repeat(3,1fr);gap:5px;padding:0 14px 10px}.photo-preview{position:relative;border-radius:12px;overflow:hidden;background:#e8eff5;aspect-ratio:1}.photo-preview img{width:100%;height:100%;object-fit:cover}.photo-preview button{position:absolute;right:5px;top:5px;width:27px;height:27px;border:0;border-radius:50%;background:rgba(5,20,40,.72);color:white}.composer-options{margin:8px 14px 30px;border-top:1px solid #e6edf3}.composer-options>button,.composer-options>label{width:100%;min-height:54px;border:0;border-bottom:1px solid #edf1f4;background:transparent;display:flex;align-items:center;gap:12px;padding:9px 3px;color:#344d69;text-align:left}.composer-options .icon{width:24px;height:24px;color:#176dc4}.composer-options input,.composer-options select{flex:1;border:0;background:transparent;outline:none;color:#344d69}.compact-sheet{border-radius:25px 25px 0 0;padding:8px 12px max(16px,env(safe-area-inset-bottom))}.grabber{width:48px;height:5px;border-radius:99px;background:#aab2bc;margin:2px auto 10px}.action-sheet{border-radius:25px 25px 0 0;padding:8px 12px max(14px,env(safe-area-inset-bottom))}.action-sheet h3{margin:5px 7px 10px;font-size:17px}.action-sheet>button:not(.cancel-action){width:100%;min-height:62px;border:0;border-radius:15px;background:#f7f9fc;margin:5px 0;display:flex;align-items:center;gap:12px;padding:9px 12px;text-align:left;color:#263c59}.action-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:13px;background:#eaf4ff;color:#0870e5}.action-icon .icon{width:23px;height:23px}.action-sheet button strong{display:block;font-size:13px}.action-sheet button small{display:block;margin-top:2px;color:#8290a1;font-size:10px}.cancel-action,.wide-secondary{width:100%;min-height:48px;border:0;border-radius:14px;background:#eef2f6;color:#486079;font-weight:800;margin-top:7px}.comments-sheet,.notification-sheet{height:min(82vh,720px);border-radius:25px 25px 0 0;display:flex;flex-direction:column}.comments-head{height:48px;padding:4px 14px 8px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #e7edf2}.comments-head button{width:34px;height:34px;border:0;border-radius:50%;background:#f0f3f6;color:#52667c;font-size:20px}.comments-list,.notification-list{flex:1;overflow-y:auto;padding:8px 12px}.comment-row{display:grid;grid-template-columns:36px 1fr auto;gap:8px;align-items:start;margin:8px 0}.comment-row.reply{margin-left:38px}.comment-bubble{padding:8px 10px;border-radius:14px;background:#f1f4f7}.comment-bubble strong{font-size:11px}.comment-bubble strong.admin{color:#d62f39}.comment-bubble p{margin:3px 0 0;font-size:12px;line-height:1.35}.comment-time{display:block;margin-top:3px;color:#8694a6;font-size:9px}.comment-compose{display:grid;grid-template-columns:36px 1fr 40px;gap:7px;align-items:center;padding:9px 12px max(10px,env(safe-area-inset-bottom));border-top:1px solid #e4eaf0;background:#fff}.comment-compose input{height:42px;border:1px solid #dce5ed;border-radius:99px;background:#f3f5f8;padding:0 14px;outline:none}.comment-compose button{width:40px;height:40px;border:0;border-radius:50%;background:#0871e8;color:white;padding:10px}.notification-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;gap:9px;padding:9px 2px;border-bottom:1px solid #eef2f5}.notification-item.unread{background:#f5f9ff}.notification-item strong{font-size:12px}.notification-item p{margin:3px 0;color:#61758e;font-size:11px}.notification-item time{color:#8796a8;font-size:9px}.lightbox-close{position:absolute;right:14px;top:14px;width:42px;height:42px;border:0;border-radius:50%;background:rgba(255,255,255,.15);color:white;font-size:25px}.dark img{max-width:100%;max-height:88vh;object-fit:contain}.report-sheet label{display:block;margin:10px 5px;color:#486079;font-size:11px;font-weight:800}.report-sheet select,.report-sheet textarea{display:block;width:100%;margin-top:5px;border:1px solid #d8e3ed;border-radius:12px;background:#f8fafc;padding:10px;color:#263c59}.report-sheet textarea{min-height:90px;resize:none}.primary-wide{width:100%;min-height:48px;border:0;border-radius:14px;background:#0871e8;color:white;font-weight:800}.toast{position:fixed;z-index:500;left:50%;bottom:105px;transform:translateX(-50%);max-width:calc(100% - 30px);padding:10px 14px;border-radius:12px;background:#102b50;color:white;font-size:12px;box-shadow:0 8px 20px rgba(0,0,0,.2)}.messages-screen{display:grid;gap:10px}.tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;padding:6px}.tab{border:0;border-radius:12px;background:transparent;color:#657991;padding:10px 5px;font-size:11px;font-weight:800}.tab.active{background:#eaf4ff;color:#0870e5}.conversation-row,.friend-row{display:grid;grid-template-columns:44px minmax(0,1fr) auto;gap:9px;align-items:center;padding:10px 12px;border-top:1px solid #edf1f5}.conversation-row:first-child,.friend-row:first-child{border-top:0}.conversation-row strong,.friend-row strong{display:block;font-size:13px}.conversation-row strong.admin,.friend-row strong.admin{color:#d62f39}.conversation-row p,.friend-row p{margin:3px 0 0;color:#7a8ca2;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.count-pill{min-width:20px;height:20px;padding:0 6px;border-radius:99px;background:#0870e5;color:white;font-size:9px;font-weight:900;line-height:20px;text-align:center}.friend-actions{display:flex;gap:5px}.friend-actions button{border:0;border-radius:10px;padding:7px 9px;font-size:10px;font-weight:800}.friend-actions .accept{background:#0870e5;color:white}.friend-actions .decline{background:#eef2f6;color:#61758e}.chat-screen{position:fixed;z-index:150;inset:0;background:#eef7fd;display:flex;flex-direction:column}.chat-head{height:65px;display:grid;grid-template-columns:40px 42px 1fr 40px;gap:8px;align-items:center;padding:8px 10px;background:#fff;border-bottom:1px solid #dce6ee}.chat-back,.chat-more{width:38px;height:38px;border:0;border-radius:50%;background:#f2f5f8;color:#52677e}.chat-head strong{font-size:13px}.chat-head strong.admin{color:#d62f39}.chat-body{flex:1;overflow-y:auto;padding:12px}.bubble{max-width:78%;margin:5px 0;padding:9px 11px;border-radius:16px;background:#fff;color:#263c59;box-shadow:0 2px 7px rgba(22,56,94,.06)}.bubble.mine{margin-left:auto;background:#dff0ff}.bubble p{margin:0;font-size:12px;line-height:1.4}.bubble time{display:block;margin-top:4px;color:#8090a2;font-size:8px}.chat-compose{display:grid;grid-template-columns:1fr 42px;gap:7px;padding:9px 10px max(9px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid #dae4ec}.chat-compose input{height:43px;border:1px solid #dbe5ed;border-radius:99px;background:#f2f5f8;padding:0 14px;outline:none}.chat-compose button{width:42px;height:42px;border:0;border-radius:50%;background:#0870e5;color:white;padding:10px}.profile-hero{padding:18px 16px;background:radial-gradient(circle at 73% 18%,rgba(255,222,102,.38),transparent 22%),linear-gradient(145deg,#f4fbff,#e4f5ff 58%,#fff0d8);min-height:210px}.profile-hero:before{content:'🌴';position:absolute;left:-12px;top:-20px;font-size:90px;opacity:.12;transform:rotate(18deg)}.profile-hero:after{content:'⛱️ ⛵ 〰〰';position:absolute;right:-5px;bottom:18px;font-size:43px;opacity:.13;white-space:nowrap}.profile-main{position:relative;z-index:1;display:grid;grid-template-columns:100px 1fr;gap:15px;align-items:center}.profile-main .avatar{--avatar:100px;font-size:24px;border-width:4px}.profile-main h1{margin:2px 0 5px;font-size:30px}.eyebrow{color:#0870e5;font-size:10px;letter-spacing:.13em;text-transform:uppercase;font-weight:900}.profile-line{color:#536e8c;font-size:12px;line-height:1.5}.profile-points{margin-top:6px;color:#243f61;font-size:13px;font-weight:800}.profile-actions{position:relative;z-index:1;display:grid;grid-template-columns:repeat(2,1fr);gap:7px;margin-top:15px}.profile-actions button{min-height:45px;border:1px solid #d3dfeb;border-radius:13px;background:rgba(255,255,255,.86);color:#0870e5;font-size:11px;font-weight:800}.info-card{padding:15px 16px}.info-card h2{margin:0 0 10px;font-size:17px}.info-card p{margin:0;color:#667b95;font-size:12px;line-height:1.5}.profile-list{display:grid;gap:11px}.profile-list div{display:grid;grid-template-columns:26px 1fr;gap:9px}.profile-list .icon{width:23px;height:23px;color:#0870e5}.profile-list strong{display:block;font-size:12px}.profile-list span{display:block;margin-top:2px;color:#6e8198;font-size:11px}.admin-panel .report-row{padding:10px 0;border-top:1px solid #edf1f5}.admin-panel .report-row:first-child{border-top:0}.report-row strong{font-size:11px}.report-row p{margin:3px 0;color:#6b7f97;font-size:10px}.report-row button{border:0;border-radius:9px;background:#eaf4ff;color:#0870e5;padding:7px 9px;font-size:9px;font-weight:800}.empty{padding:22px 14px;text-align:center;color:#7e8fa5;font-size:12px}.search-panel{padding:10px}.search-input{width:100%;height:46px;border:1px solid #dbe5ed;border-radius:14px;background:#fff;padding:0 13px;outline:none}.pull-hint{text-align:center;color:#8a98aa;font-size:9px;margin-bottom:5px}@media(max-width:390px){.brand{font-size:19px}.brand-logo{width:42px;height:42px}.app-header{height:82px;padding-left:13px;padding-right:13px}.app-main{padding-left:7px;padding-right:7px}.app-nav{left:5px;right:5px}.nav-item>span:last-child{font-size:8px}.beach-facts .beach-fact:nth-child(4){display:none}.beach-facts{grid-template-columns:repeat(3,1fr)}.weather-day .wx{font-size:19px}.weather-day b{font-size:9px}.swap-grid{grid-template-columns:repeat(2,1fr)}.swap-item:nth-child(3){display:none}.profile-main{grid-template-columns:82px 1fr}.profile-main .avatar{--avatar:82px}.profile-main h1{font-size:25px}}
/* 1.3.0 User-Karte & Burger-Menü */
.app-menu-sheet{max-height:min(680px,86dvh);overflow:auto}.app-menu-head{display:flex;align-items:center;justify-content:space-between;padding:4px 4px 10px}.app-menu-head strong{font-size:18px}.app-menu-head button{width:36px;height:36px;border:0;border-radius:50%;background:#eef4f8;color:#52677f;font-size:24px}.user-map-screen{display:grid;gap:10px}.user-map-intro{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:16px;background:radial-gradient(circle at 82% 15%,rgba(255,216,93,.22),transparent 26%),linear-gradient(145deg,#fff,#effaff)}.user-map-intro h1{margin:3px 0;font-size:24px}.user-map-intro p{margin:0;color:#687d98;font-size:12px;line-height:1.4}.user-map-card{padding:10px}.user-map-toolbar{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:2px 2px 10px}.user-map-toolbar>strong{color:#6b8099;font-size:10px;white-space:nowrap}.map-filter-row{display:flex;gap:5px;overflow:auto}.map-filter-row button{border:1px solid #d6e4ef;border-radius:999px;background:#fff;color:#58708c;padding:7px 10px;font-size:10px;font-weight:800;white-space:nowrap}.map-filter-row button.active{background:#eaf4ff;border-color:#9cc8f5;color:#086be7}.user-map-board{position:relative;height:min(455px,54dvh);min-height:360px;border:1px solid #d5e6f3;border-radius:20px;overflow:hidden;background:radial-gradient(circle at 50% 42%,#f9fdff 0%,#e8f7ff 72%,#dff2fb 100%)}.user-map-board:before{content:'☁️';position:absolute;left:8%;top:12%;font-size:45px;opacity:.18}.user-map-board:after{content:'☀️';position:absolute;right:8%;top:8%;font-size:42px;opacity:.25}.germany-outline{position:absolute;inset:5% 11% 4%;width:78%;height:91%;filter:drop-shadow(0 10px 18px rgba(46,104,148,.12))}.germany-outline>path:first-child{fill:#fffdf8;stroke:#8dbddd;stroke-width:1.2}.germany-outline .map-river{fill:none;stroke:#b8dff0;stroke-width:1.3;stroke-linecap:round;opacity:.8}.map-sea-label{position:absolute;color:#8eb3ca;font-size:9px;font-weight:800;letter-spacing:.08em}.map-sea-label.north{left:7%;top:7%}.map-sea-label.east{right:5%;top:17%}.user-map-markers{position:absolute;inset:6% 11% 4%}.user-map-marker{position:absolute;transform:translate(-50%,-50%);width:29px;height:29px;padding:2px;border:2px solid #fff;border-radius:50%;background:#0b73ea;color:#fff;box-shadow:0 4px 10px rgba(13,77,143,.28);z-index:3}.user-map-marker>span{display:grid;place-items:center;width:100%;height:100%;border-radius:50%;font-size:8px;font-weight:900}.user-map-marker.dating{background:#b64bdc}.user-map-marker.admin{box-shadow:0 0 0 2px #e13a46,0 4px 10px rgba(13,77,143,.28)}.user-map-marker:active{transform:translate(-50%,-50%) scale(.9)}.user-map-detail{min-height:92px;margin-top:9px;padding:10px;border:1px solid #e0e9f1;border-radius:15px;background:#fbfdff}.user-map-person{display:flex;align-items:center;gap:10px;margin-bottom:9px}.user-map-person>div{min-width:0;flex:1}.user-map-person strong{display:block;font-size:14px}.user-map-person small{display:block;margin-top:2px;color:#71859d;font-size:10px}.map-status-row{display:flex;gap:5px;flex-wrap:wrap;margin-top:5px}.map-status-chip{display:inline-flex;padding:3px 7px;border-radius:999px;background:#eef4f8;color:#536b85;font-size:9px;font-weight:800}.map-status-chip.dating{background:#f6e9fb;color:#8e35af}.user-map-sharing{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:9px;padding:9px 10px;border-radius:12px;background:#f6f8fa;color:#6d8096;font-size:10px}.user-map-sharing.on{background:#ecfbf3;color:#237452}.user-map-sharing button{border:0;background:transparent;color:#086be7;font-size:10px;font-weight:800}.map-attribution{display:block;margin:8px 2px 0;color:#93a0b0;font-size:8px}.user-map-lock{max-width:520px;margin:30px auto;padding:28px 20px;text-align:center}.map-lock-icon{font-size:52px}.user-map-lock h1{margin:8px 0}.user-map-lock p{color:#657b95;line-height:1.45}.user-map-lock strong{display:block;margin:12px 0 20px;color:#173764}.profile-map-summary{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:13px 14px}.profile-map-summary>div{display:flex;align-items:center;gap:10px;min-width:0}.profile-map-icon{display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:#edf7ff;font-size:22px}.profile-map-summary h2{margin:0;font-size:15px}.profile-map-summary p{margin:3px 0 0;color:#76899f;font-size:10px}.profile-map-summary>button{border:0;background:transparent;color:#0870e9;font-size:11px;font-weight:900;white-space:nowrap}.profile-relationship{margin-top:5px;color:#6e4a86;font-size:11px;font-weight:800}
/* 1.3.1 – Profil, User-Karte und Menü kompakter */
.profile-edit-screen{display:grid;gap:10px}.profile-edit-head{padding:14px 15px;display:flex;align-items:flex-start;gap:10px}.profile-edit-head h1{margin:2px 0 3px;font-size:21px}.profile-edit-head p{margin:0;color:#72859d;font-size:11px;line-height:1.4}.back-inline{width:36px;height:36px;border:0;border-radius:12px;background:#edf5ff;color:#096be7;font-size:26px}.profile-edit-form{padding:14px;display:grid;gap:12px}.profile-edit-avatar{display:flex;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #edf1f5}.profile-edit-avatar>div{display:grid;gap:5px}.secondary-button{display:inline-flex;align-items:center;justify-content:center;width:max-content;min-height:34px;padding:0 11px;border:1px solid #d6e3ef;border-radius:11px;background:#f7fbff;color:#176bc8;font-size:11px;font-weight:800}.profile-edit-form>label,.form-grid>label{display:grid;gap:5px;color:#294465;font-size:11px;font-weight:800}.profile-edit-form input[type=text],.profile-edit-form input:not([type]),.profile-edit-form input[type=number],.profile-edit-form input[name],.profile-edit-form textarea,.profile-edit-form select{width:100%;min-height:44px;border:1px solid #d5e1eb;border-radius:12px;background:#fff;color:#18345c;padding:10px 12px;font-size:13px;outline:none}.profile-edit-form textarea{resize:vertical;min-height:92px}.form-grid{display:grid;gap:9px}.form-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.switch-row{display:flex!important;align-items:flex-start!important;gap:10px!important;padding:11px 12px;border:1px solid #e0e9f1;border-radius:14px;background:#f8fbff;font-weight:400!important}.switch-row input[type=checkbox]{appearance:auto!important;-webkit-appearance:checkbox!important;width:20px!important;height:20px!important;min-width:20px!important;max-width:20px!important;min-height:20px!important;max-height:20px!important;flex:0 0 20px!important;margin:1px 0 0!important;accent-color:#0872ef}.switch-row span{display:grid;gap:2px}.switch-row strong{font-size:12px;color:#19375e}.switch-row small{font-size:10px;color:#75879d;line-height:1.35}.profile-map-benefits{padding:12px;border-radius:15px;background:linear-gradient(135deg,#eef8ff,#fff9ec);border:1px solid #d9e8f2}.benefit-title{font-size:12px;font-weight:900;color:#123463;margin-bottom:8px}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.benefit-grid>span{display:grid;gap:2px;padding:8px;border-radius:11px;background:rgba(255,255,255,.78);font-size:16px}.benefit-grid b{font-size:9px;color:#18385f}.benefit-grid small{font-size:8px;color:#72849a;line-height:1.3}.profile-edit-actions{display:grid;grid-template-columns:1fr 1.3fr;gap:8px;padding-top:2px}.user-map-lock{max-width:620px;margin:10px auto;padding:24px 18px!important;text-align:center}.user-map-lock .map-lock-icon{font-size:44px!important;margin-bottom:4px}.user-map-lock h1{margin:4px 0 6px;font-size:27px}.user-map-lock>p{max-width:520px;margin:0 auto 13px;color:#657b95;font-size:13px;line-height:1.45}.map-benefits{margin:14px 0;display:grid;gap:7px;text-align:left}.map-benefits h3{margin:0 0 2px;font-size:13px}.map-benefits>div{display:grid;grid-template-columns:30px minmax(0,1fr);gap:8px;align-items:start;padding:9px 10px;border:1px solid #e0e9f1;border-radius:12px;background:#f9fcff}.map-benefits>div>span{font-size:18px}.map-benefits p{margin:0;display:grid;gap:2px}.map-benefits strong{font-size:11px;color:#19375d}.map-benefits small{font-size:9px;color:#75879d;line-height:1.35}.app-menu-sheet{max-height:min(86dvh,720px)!important}.app-menu-head{padding-bottom:8px!important}.app-menu-head>div{display:grid;gap:2px}.app-menu-head small{color:#7b8da3;font-size:10px}.app-menu-scroll{overflow:auto;overscroll-behavior:contain;padding:0 2px 4px}.app-menu-scroll>button{min-height:54px!important}.app-menu-scroll .action-icon{font-size:20px!important}.app-menu-scroll strong{font-size:12px!important}.app-menu-scroll small{font-size:9px!important}@media(max-width:430px){.benefit-grid{grid-template-columns:1fr}.form-grid.two{grid-template-columns:1fr 1fr}.profile-edit-form{padding:12px}.user-map-lock{padding:20px 14px!important}}
/* 1.9.2 – Einheitliche Profile, Aktivitäten, Status und Freundesliste */
.feed-card{--feed-accent:#237be5;border-top:4px solid var(--feed-accent);box-shadow:0 12px 32px rgba(20,57,103,.11)}
.feed-card.feed-type-question{--feed-accent:#7652d5}.feed-card.feed-type-tip{--feed-accent:#d48b13}.feed-card.feed-type-meetup{--feed-accent:#128b83}.feed-card.feed-type-alert{--feed-accent:#dc4659}.feed-card.feed-type-poll{--feed-accent:#5265db}
.feed-card .post-head{grid-template-columns:minmax(0,1fr) 40px;padding:14px 14px 10px;background:linear-gradient(110deg,color-mix(in srgb,var(--feed-accent) 9%,white),#fff 62%)}
.post-author-profile{display:grid;grid-template-columns:48px minmax(0,1fr);gap:10px;align-items:center;width:100%;min-width:0;padding:0;border:0;background:transparent;text-align:left;color:inherit}
.feed-card-title{display:block;margin-bottom:4px;color:#102b58;font-size:17px;font-weight:900;line-height:1.2;letter-spacing:-.01em}
.post-author>strong{display:flex;align-items:center;gap:5px;flex-wrap:wrap;font-size:12px;color:#244267}.post-meta{line-height:1.4}
.member-role-badge{display:inline-flex;align-items:center;padding:2px 6px;border-radius:999px;color:#fff;font-size:7px;font-weight:900;line-height:1.35;text-transform:uppercase;letter-spacing:.02em}.role-admin{background:#d73342}.role-moderator{background:#e77a19}.role-content{background:#d7a900}.role-member{background:#2d76d2}
.feed-card .post-body{padding:11px 15px 13px}.feed-card .post-body p{font-size:14px;line-height:1.52}.feed-type-badge{display:inline-flex;margin-bottom:9px;padding:4px 8px;border-radius:999px;background:color-mix(in srgb,var(--feed-accent) 11%,white);color:var(--feed-accent);font-size:10px;font-weight:900}
.post-status-line{padding:8px 14px 3px;color:#718399;font-size:10px}.post-stats{align-items:center;padding:8px 14px}.reaction-summary-inline b{display:inline-flex;gap:3px}.reaction-summary-inline b>span{padding:2px 5px;border-radius:999px;background:#f0f5fa}
.feed-card .post-actions{border-top:1px solid #e7edf3;padding:5px 7px 7px}.feed-card .post-action{font-size:10px;font-weight:850}.reaction-action-emoji{font-size:20px}
.feed-poll{margin:8px 13px 13px;padding:14px;border:1px solid color-mix(in srgb,var(--feed-accent) 25%,#dce6ef);border-radius:18px;background:linear-gradient(145deg,color-mix(in srgb,var(--feed-accent) 7%,white),#fff)}
.feed-poll h3{margin:0 0 12px;font-size:16px}.feed-poll-options{display:grid;gap:8px}.feed-poll-option{position:relative;isolation:isolate;min-height:52px;overflow:hidden;padding:10px 12px 15px 40px;border:1px solid #cfddec;border-radius:14px;background:#fff;color:#18375f;text-align:left}.feed-poll-option:before{content:'□';position:absolute;left:13px;top:12px;color:var(--feed-accent);font-size:19px;font-weight:900}.feed-poll-option.voted:before{content:'☑'}.feed-poll-option:after{content:'';position:absolute;z-index:-1;left:0;bottom:0;width:var(--poll-percent);height:7px;background:linear-gradient(90deg,var(--feed-accent),#63b8e9)}.feed-poll-option span{font-weight:800}.feed-poll-option strong{float:right;color:var(--feed-accent);font-size:11px}.feed-poll-meta{display:flex;justify-content:space-between;margin-top:9px;color:#7d8c9e;font-size:9px}
#comments-overlay{overscroll-behavior:contain}.comments-sheet{height:min(90dvh,820px);overflow:hidden}.comments-list{overscroll-behavior:contain;padding:10px 14px 16px;background:linear-gradient(#fbfdff,#f4f9fd)}
.comment-row{position:relative;grid-template-columns:38px minmax(0,1fr) 34px;gap:8px;margin:10px 0}.comment-row.reply{margin-left:min(42px,10vw)}.comment-row.reply:before{content:'';position:absolute;left:-22px;top:-15px;width:15px;height:34px;border-left:2px solid #cad8e7;border-bottom:2px solid #cad8e7;border-radius:0 0 0 12px}
.comment-author-avatar{padding:0;border:0;background:transparent}.comment-content{min-width:0}.comment-bubble{padding:10px 12px;border:1px solid #dde6ef;border-radius:16px;background:#fff;box-shadow:0 3px 12px rgba(24,53,90,.06)}.comment-author-name{display:flex;align-items:center;gap:5px;flex-wrap:wrap;padding:0;border:0;background:transparent;color:#17335d;font-size:12px;font-weight:900}.comment-bubble p{font-size:13px;line-height:1.48}.comment-meta{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin:4px 0 0 8px}.comment-time{display:inline;margin:0}.comment-reply-button,.comment-helpful-button{padding:3px 7px;border:0;border-radius:999px;background:transparent;color:#2970bd;font-size:10px;font-weight:850}.comment-helpful-button{border:1px solid #b7ddcd;background:#eefaf5;color:#27755a}.comment-helpful-button.active{background:#dff4ea}.comment-more{width:32px;height:32px}
.comment-image{display:block;max-width:260px;margin-top:8px;padding:0;border:0;border-radius:12px;overflow:hidden;background:#e9eff5}.comment-image img{display:block;width:100%;max-height:220px;object-fit:cover}
.comment-compose{grid-template-columns:36px minmax(0,1fr) 38px 38px 42px;gap:6px;padding:9px 10px max(10px,env(safe-area-inset-bottom));box-shadow:0 -7px 24px rgba(21,50,88,.09)}.comment-compose-field{position:relative;min-width:0}.comment-compose-field textarea{display:block;width:100%;min-height:44px;max-height:110px;resize:none;border:1px solid #d9e3ec;border-radius:17px;background:#f3f6f9;padding:11px 12px;outline:none;color:#17335d}.comment-compose-field>small{display:block;margin:3px 3px 0;color:#8795a5;font-size:8px}.comment-compose .comment-emoji-button,.comment-compose .comment-image-button{width:38px;height:38px;padding:8px;border:1px solid #d8e5f0;background:#eef6ff;color:#176bc3;font-size:18px}.comment-compose button[type=submit]{width:42px;height:42px}.comment-emoji-palette{display:flex;gap:5px;overflow:auto;padding:8px 12px;border-top:1px solid #e4ebf2;background:#fff}.comment-emoji-palette[hidden]{display:none}.comment-emoji-palette button{min-width:37px;height:37px;border:1px solid #dfe7ef;border-radius:11px;background:#f8fbfe;font-size:20px}
.feed-mention-suggestions button small .member-role-badge{margin-right:4px}
.chat-image,.public-post-image,.unit-guest-photo{cursor:zoom-in}
@media(max-width:430px){.feed-card-title{font-size:15px}.comment-compose{grid-template-columns:32px minmax(0,1fr) 35px 35px 39px;padding-inline:7px}.comment-compose .comment-emoji-button,.comment-compose .comment-image-button{width:35px;height:35px}.comment-compose button[type=submit]{width:39px;height:39px}.comment-row.reply{margin-left:24px}.post-action span:last-child{display:none}}