:root{--ink: #17211c;--muted: #64716a;--surface: #ffffff;--surface-soft: #f3f6f4;--line: #dde5e0;--brand: #1f6b4f;--brand-dark: #174e3b;--brand-soft: #dff3e9;--accent: #d99b45;--danger: #a84242;--shadow: 0 18px 50px rgba(24, 50, 38, .12);--radius-lg: 24px;--radius-md: 16px;--radius-sm: 12px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}[hidden]{display:none!important}html{background:#eaf0ec;color:var(--ink)}body{margin:0;min-height:100vh;background:linear-gradient(180deg,#f6faf7,#eaf0ec)}button,input,select,textarea{font:inherit}button{cursor:pointer}button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid rgba(31,107,79,.28);outline-offset:2px}.app-shell{min-height:100vh;padding-bottom:84px}.topbar{position:sticky;top:0;z-index:500;display:flex;align-items:center;justify-content:space-between;padding:14px clamp(18px,4vw,52px);background:#f6faf7eb;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(221,229,224,.9)}.brand{display:flex;align-items:center;gap:11px;border:0;background:transparent;color:var(--ink);text-align:left;padding:0}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:var(--brand);color:#fff;font-weight:900;font-size:22px}.brand strong,.brand small{display:block}.brand strong{font-size:18px}.brand small{color:var(--muted);margin-top:1px}main{width:min(1440px,100%);margin:0 auto;padding:28px clamp(18px,4vw,52px) 46px}.view{display:none}.view.active{display:block;animation:fade-in .18s ease}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}to{opacity:1;transform:none}}.hero,.page-header{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:24px}.hero h1,.page-header h1{margin:2px 0 8px;font-size:clamp(34px,5vw,64px);line-height:1;letter-spacing:-.04em}.hero p,.page-header p{margin:0;color:var(--muted);max-width:680px;font-size:17px}.eyebrow{color:var(--brand);font-weight:800;text-transform:uppercase;letter-spacing:.12em;font-size:12px!important}.primary-button,.secondary-button,.ghost-button{border:0;border-radius:13px;padding:12px 17px;font-weight:800;transition:.16s ease}.primary-button{background:var(--brand);color:#fff;box-shadow:0 8px 22px #1f6b4f38}.primary-button:hover{background:var(--brand-dark);transform:translateY(-1px)}.primary-button.compact{padding:10px 14px}.secondary-button{background:var(--surface);color:var(--ink);border:1px solid var(--line)}.secondary-button:hover{background:var(--surface-soft)}.ghost-button{background:transparent;color:var(--brand);padding:9px 0}.danger-button{color:var(--danger)}.filter-bar{display:grid;grid-template-columns:repeat(3,minmax(150px,1fr));gap:12px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-md);margin-bottom:18px}label span{display:block;font-size:12px;color:var(--muted);font-weight:800;margin:0 0 6px}.field-hint{display:block;margin-top:6px;color:var(--muted);font-size:12px;line-height:1.4}input,select,textarea{width:100%;border:1px solid var(--line);background:#fff;border-radius:12px;padding:11px 12px;color:var(--ink);outline:none}input:focus,select:focus,textarea:focus{border-color:var(--brand);box-shadow:0 0 0 3px #1f6b4f1f}textarea{resize:vertical}.content-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(360px,.75fr);gap:18px;align-items:start}.map-panel,.event-panel,.surface-card{background:var(--surface);border:1px solid var(--line);border-radius:var(--radius-lg);box-shadow:var(--shadow)}.map-panel{position:sticky;top:92px;overflow:hidden}#map{height:min(68vh,720px);min-height:500px}.map-hint{padding:11px 16px;color:var(--muted);font-size:13px;border-top:1px solid var(--line)}.event-panel{padding:18px;min-height:500px}.section-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px}.section-heading h2{margin:0;font-size:22px}.section-heading .eyebrow{margin:0 0 4px}.count-badge{display:grid;place-items:center;min-width:31px;height:31px;padding:0 9px;border-radius:999px;background:var(--brand-soft);color:var(--brand-dark);font-weight:900}.event-list{display:grid;gap:12px}.event-card{border:1px solid var(--line);border-radius:17px;padding:15px;background:#fff;transition:.16s ease}.event-card:hover{border-color:#b9cec2;transform:translateY(-1px);box-shadow:0 10px 28px #152f2214}.event-card-header{display:flex;justify-content:space-between;gap:12px}.event-card h3{margin:4px 0 7px;font-size:18px;line-height:1.2}.event-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.45}.event-meta{display:grid;gap:5px;margin:12px 0}.event-meta span{color:var(--muted);font-size:13px}.event-actions{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:14px}.event-actions>div{display:flex;gap:8px}.category-pill,.visibility-pill{display:inline-flex;align-items:center;width:fit-content;border-radius:999px;padding:5px 9px;font-size:11px;font-weight:900}.category-pill{background:#f3eadc;color:#815c28}.category-sport{background:#e0edf8;color:#315f83}.category-familie{background:#efe5f7;color:#71508a}.category-freizeit{background:#e5f1e7;color:#466f4e}.category-helfen{background:#f8e6cf;color:#8a5520}.visibility-pill{background:var(--surface-soft);color:var(--muted)}.participant-row{display:flex;align-items:center;gap:8px;color:var(--muted);font-size:13px}.mini-avatars{display:flex}.mini-avatar{display:grid;place-items:center;width:25px;height:25px;border-radius:50%;background:var(--brand-soft);color:var(--brand-dark);border:2px solid #fff;margin-left:-6px;font-size:9px;font-weight:900}.mini-avatar:first-child{margin-left:0}.empty-state{padding:42px 20px;text-align:center;color:var(--muted)}.empty-state strong{color:var(--ink);font-size:18px}.empty-state .primary-button{margin-top:10px}.two-column,.profile-layout{display:grid;grid-template-columns:1fr 1fr;gap:18px}.surface-card{padding:20px}.compact-list .event-card{box-shadow:none}.profile-layout{grid-template-columns:minmax(320px,.8fr) minmax(320px,1.2fr)}.profile-form{display:grid;gap:14px}.account-actions{display:grid;gap:10px;margin-top:22px;padding-top:18px;border-top:1px solid var(--line)}.danger-text{color:#9e2d2d;justify-self:start}.social-layout{align-items:start}.inline-form{display:flex;gap:10px;align-items:end}.inline-form input{min-width:0;flex:1}.contact-list{display:grid;gap:10px;margin-top:14px}.contact-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0;border-bottom:1px solid var(--line)}.contact-row:last-child{border-bottom:0}.contact-row strong,.contact-row span{overflow-wrap:anywhere}.contact-row-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:7px}.contact-row .compact{padding:8px 10px;font-size:13px}.avatar{display:grid;place-items:center;width:86px;height:86px;border-radius:28px;background:var(--brand);color:#fff;font-size:29px;font-weight:900;overflow:hidden}.avatar.has-image{background:var(--surface-muted)}.avatar img{width:100%;height:100%;object-fit:cover}.profile-photo-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.file-button{cursor:pointer}.file-button input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%)}.stats-card h2{margin-top:0}.stats-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.stats-grid div{background:var(--surface-soft);border-radius:16px;padding:18px}.stats-grid strong,.stats-grid span{display:block}.stats-grid strong{font-size:30px}.stats-grid span{color:var(--muted);margin-top:4px}.info-box{margin-top:20px;padding:16px;border:1px solid #cbe1d5;background:#f0faf4;border-radius:16px}.info-box p{color:var(--muted);margin:5px 0 0;line-height:1.5}.bottom-nav{position:fixed;left:50%;bottom:14px;transform:translate(-50%);z-index:800;display:flex;gap:4px;padding:7px;border:1px solid rgba(221,229,224,.9);background:#fffffff0;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);border-radius:18px;box-shadow:0 14px 40px #13312329}.nav-item{border:0;background:transparent;color:var(--muted);min-width:98px;border-radius:13px;padding:9px 13px;font-weight:800}.nav-item span{margin-right:5px}.nav-item.active{background:var(--brand);color:#fff}.modal{width:min(760px,calc(100% - 28px));max-height:calc(100vh - 32px);border:0;border-radius:24px;padding:0;box-shadow:0 32px 90px #0c221747}.auth-modal{width:min(560px,calc(100% - 28px))}.auth-modal .field-hint{margin-top:-4px}.modal::backdrop{background:#0d191285;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.modal form,#detail-content{padding:24px}.modal-header{display:flex;justify-content:space-between;gap:12px;align-items:start;margin-bottom:20px}.modal-header h2{margin:3px 0 0;font-size:28px}.icon-button{width:38px;height:38px;border-radius:50%;border:1px solid var(--line);background:var(--surface-soft);font-size:26px;line-height:1}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.full-width{grid-column:1 / -1}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.location-picker{position:relative}.location-picker-heading{display:grid;gap:3px;margin-bottom:6px}.location-picker-heading>span{font-size:12px;color:var(--muted);font-weight:800}.location-picker-heading small{color:var(--muted);font-size:12px}#location-picker-map{height:260px;margin-top:10px;border:1px solid var(--line);border-radius:14px;overflow:hidden}#live-location-map{height:240px;margin-top:12px;border:1px solid var(--line);border-radius:14px;overflow:hidden}#live-location-map:empty{display:none}.location-results{position:absolute;z-index:10;top:72px;right:0;left:0;max-height:190px;overflow-y:auto;padding:6px;border:1px solid var(--line);border-radius:12px;background:var(--surface);box-shadow:var(--shadow)}.location-result{display:block;width:100%;border:0;border-radius:9px;padding:10px;background:transparent;color:var(--ink);text-align:left;font-size:13px;line-height:1.35}.location-result:hover,.location-result:focus-visible{background:var(--surface-soft)}.check-label{display:flex;align-items:flex-start;gap:9px;color:var(--ink);font-size:13px;line-height:1.4}.check-label input{width:auto;margin:2px 0 0}.check-label span{margin:0;color:inherit;font-size:inherit;font-weight:700}.recurrence-settings{display:grid;gap:10px;padding:13px;border:1px solid var(--line);border-radius:14px;background:var(--surface-soft)}.recurrence-options{display:grid;grid-template-columns:1fr 1fr;gap:12px}.modal-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.form-error{margin:16px 0 -4px;padding:11px 13px;border:1px solid #d87d70;border-radius:12px;background:#fff1ee;color:#8b2e21;font-weight:700}.detail-hero{border-radius:18px;padding:18px;background:linear-gradient(135deg,#e4f5ec,#f7f1e6);margin-bottom:18px}.detail-hero h2{margin:8px 0;font-size:30px}.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.detail-box{padding:14px;border-radius:14px;background:var(--surface-soft)}.detail-box span,.detail-box strong{display:block}.detail-box span{color:var(--muted);font-size:12px;margin-bottom:4px}.detail-description{margin:18px 0;color:var(--muted);line-height:1.6}.detail-actions{display:flex;gap:10px;justify-content:flex-end;flex-wrap:wrap}.detail-section{margin-top:18px;padding-top:18px;border-top:1px solid var(--line)}.detail-section h3{margin:0 0 10px;font-size:17px}.notice-box{margin:14px 0;padding:12px 14px;border-radius:12px;background:#fff6e7;color:#6d4a1e;font-size:14px;line-height:1.45}.chat-list{display:grid;gap:8px;max-height:220px;overflow-y:auto;margin-bottom:10px}.chat-message{padding:10px 12px;border-radius:12px;background:var(--surface-soft);font-size:14px;line-height:1.4}.chat-message strong{display:block;font-size:12px;margin-bottom:3px}.chat-form{display:flex;gap:8px}.chat-form input{min-width:0}.chat-form button{flex:0 0 auto}.reminder-options{display:flex;flex-wrap:wrap;gap:10px}.reminder-options label{display:flex;align-items:center;gap:6px;font-size:13px}.reminder-options input{width:auto}.toast{position:fixed;left:50%;bottom:92px;transform:translate(-50%,18px);opacity:0;pointer-events:none;z-index:1000;padding:12px 16px;border-radius:13px;background:#12261c;color:#fff;box-shadow:var(--shadow);transition:.18s ease}.toast.show{opacity:1;transform:translate(-50%)}.leaflet-popup-content-wrapper{border-radius:14px}.leaflet-popup-content{margin:12px 14px}.map-popup strong{display:block;margin-bottom:5px}.map-popup button{border:0;background:var(--brand);color:#fff;border-radius:9px;padding:7px 10px;margin-top:8px;font-weight:800}@media(max-width:980px){.content-grid{grid-template-columns:1fr}.map-panel{position:relative;top:0}#map{min-height:380px;height:48vh}.two-column,.profile-layout{grid-template-columns:1fr}}@media(max-width:680px){main{padding-top:20px}.brand small{display:none}.hero,.page-header{display:block}.hero .secondary-button{margin-top:16px}.filter-bar{grid-template-columns:1fr 1fr}.filter-bar label:last-child{grid-column:1 / -1}.form-grid,.detail-grid{grid-template-columns:1fr}.full-width{grid-column:auto}.event-actions{align-items:stretch;flex-direction:column}.event-actions>div{width:100%}.event-actions button{flex:1}.bottom-nav{width:calc(100% - 20px);justify-content:stretch}.nav-item{min-width:0;flex:1}.stats-grid{grid-template-columns:1fr}.modal form,#detail-content{padding:18px}#location-picker-map{height:220px}#live-location-map{height:210px}.recurrence-options{grid-template-columns:1fr}.inline-form{align-items:stretch;flex-direction:column}.contact-row{align-items:flex-start;flex-direction:column}.contact-row-actions{justify-content:flex-start}}