:root{color-scheme:light;font-family:Poppins,Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#fffaf1;color:#1c2534}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:radial-gradient(960px 520px at 12% -12%,rgba(61,153,158,.22),transparent 60%),radial-gradient(840px 480px at 88% -8%,rgba(254,127,67,.18),transparent 60%),#fffaf1}.page{min-height:100vh}.page__inner{max-width:1240px;margin:0 auto;padding:3.5rem 1.9rem 4.2rem;display:grid;gap:3rem}.hero-grid{position:relative;background:linear-gradient(135deg,#3d999e29,#fe7f4324);border:1px solid rgba(61,153,158,.22);border-radius:40px;padding:3rem;display:grid;gap:3rem;grid-template-columns:minmax(0,1.1fr) minmax(320px,1fr);align-items:center;box-shadow:0 32px 68px #3d999e38;overflow:hidden}.hero-grid:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(420px at 80% 20%,rgba(255,255,255,.25),transparent 70%);pointer-events:none}.hero-grid__copy{position:relative;z-index:2;display:grid;gap:1.6rem;color:#1c2534}.hero-grid__badge{display:inline-flex;align-items:center;gap:.45rem;padding:.5rem 1.15rem;border-radius:999px;font-size:.75rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;background:#fe7f433d;color:#b44b12}.hero-grid__copy h1{margin:0;font-size:clamp(2.5rem,4vw,3.25rem);letter-spacing:-.03em}.hero-grid__copy p{margin:0;max-width:560px;color:#1c2534d1;line-height:1.6}.hero-grid__friends{position:relative;z-index:2;background:#ffffffeb;border-radius:26px;border:1px solid rgba(61,153,158,.2);padding:1.85rem 1.9rem;box-shadow:0 24px 46px #3d999e33;display:grid;gap:1.1rem;color:#1c2534d9}.hero-grid__friends h3{margin:0;font-size:1.2rem}.hero-grid__friends p{margin:0;font-size:.9rem;color:#1c2534ad}.friend-editor{list-style:none;padding:0;margin:0;display:grid;gap:.9rem}.friend-editor__item{display:grid;gap:.4rem}.friend-editor__row{display:flex;align-items:center;gap:.6rem}.friend-editor__row input{flex:1;border:1px solid rgba(61,153,158,.26);border-radius:12px;padding:.65rem .85rem;background:#fffffffa;font:inherit;color:inherit}.friend-editor__remove{border:none;background:#3d999e1f;color:#0f4d51;border-radius:999px;width:32px;height:32px;display:grid;place-items:center;font-size:1.2rem;cursor:pointer}.friend-editor__remove:hover{background:#3d999e38}.friend-editor__remove:disabled{opacity:.4;cursor:not-allowed;background:#3d999e1f}.friend-editor__tag{display:inline-flex;align-items:center;gap:.4rem;padding:.25rem .8rem;font-weight:600;font-size:.85rem;border-radius:999px;background:#3d999e2e;color:#0f4d51}.friend-editor__item textarea{border:1px solid rgba(61,153,158,.26);border-radius:12px;padding:.7rem .85rem;background:#fffffffa;font:inherit;color:inherit;resize:vertical;min-height:64px}.friend-editor__add{align-self:flex-start;padding-inline:1.2rem}.hero-grid__summary{border:1px solid rgba(61,153,158,.28);background:#ffffffc7;border-radius:20px;padding:1.25rem 1.4rem;display:grid;gap:.75rem;box-shadow:0 18px 36px #3d999e38}.hero-grid__summary-label{font-size:.72rem;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:#0f4d51}.hero-grid__chips{display:flex;flex-wrap:wrap;gap:.45rem}.search-form{display:grid;gap:1.35rem;padding:1.8rem 2rem;border-radius:26px;background:#ffffffeb;border:1px solid rgba(61,153,158,.2);box-shadow:0 24px 48px #3d999e2e}.field{display:grid;gap:.55rem}.field span{font-weight:600;font-size:.95rem;color:#1c2534}.field--textarea textarea{resize:vertical}textarea,input{border:1px solid rgba(61,153,158,.3);border-radius:14px;padding:.95rem 1.1rem;background:#fffffffa;font:inherit;color:inherit;transition:border-color .18s ease,box-shadow .18s ease}textarea:focus,input:focus{outline:none;border-color:#3d999ef2;box-shadow:0 0 0 3px #3d999e33}.search-form__row{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(200px,1fr))}.search-form__actions{display:flex;gap:.85rem;flex-wrap:wrap}.search-form__suggestions{display:flex;flex-wrap:wrap;gap:.6rem}.suggestion-chip{border:none;border-radius:999px;padding:.45rem .95rem;background:#fe7f432e;color:#b44b12;font-weight:500;cursor:pointer;transition:background .18s ease,transform .18s ease}.suggestion-chip:hover{background:#fe7f4347;transform:translateY(-1px)}.btn{border:none;border-radius:999px;padding:.9rem 1.9rem;font-weight:600;font-size:.95rem;cursor:pointer;transition:transform .16s ease,box-shadow .16s ease,opacity .16s ease}.btn--primary{background:linear-gradient(135deg,#3d999e,#fe7f43);color:#fff;box-shadow:0 20px 38px #3d999e59}.btn--primary:disabled{opacity:.65;cursor:wait;box-shadow:none}.btn--primary:not(:disabled):hover{transform:translateY(-1px);box-shadow:0 26px 44px #3d999e61}.btn--ghost{background:#3d999e1f;color:#1c2534;border:1px solid rgba(61,153,158,.22)}.btn--ghost:hover{background:#3d999e33}.btn--outline{background:transparent;border:1px solid rgba(61,153,158,.32);color:#0f4d51}.btn--outline:hover{background:#3d999e1f}.panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);gap:2.2rem;align-items:start}.activity-panel{background:#fffffff0;border-radius:28px;padding:2.1rem 2.3rem;border:1px solid rgba(61,153,158,.2);box-shadow:0 26px 52px #3d999e2e;display:grid;gap:1.6rem}.activity-panel__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.activity-panel__header h2{margin:0;font-size:1.35rem;letter-spacing:-.01em}.muted{margin:.35rem 0 0;color:#1c2534ad;font-size:.92rem}.activity-panel__count{display:inline-flex;align-items:center;justify-content:center;min-width:2.4rem;padding:.4rem .7rem;border-radius:999px;font-weight:600;color:#0f4d51;background:#3d999e38}.activity-panel__list{display:grid;gap:1.1rem}.activity-panel__placeholder{background:#fffaf1e6;border:1px dashed rgba(61,153,158,.32);border-radius:20px;padding:1.5rem;color:#1c2534ad;text-align:center;font-size:.95rem}.alert{padding:.95rem 1rem;border-radius:16px;font-size:.92rem}.alert--error{background:#fe7f4329;border:1px solid rgba(254,127,67,.32);color:#b44b12}.activity-card{border:none;padding:0;border-radius:20px;overflow:hidden;background:#fff;border:1px solid rgba(61,153,158,.22);box-shadow:0 18px 34px #3d999e2e;text-align:left;display:grid;cursor:pointer;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.activity-card:hover{transform:translateY(-4px);box-shadow:0 24px 44px #3d999e3d;border-color:#3d999e61}.activity-card--active{border-color:#fe7f43a6;box-shadow:0 28px 48px #fe7f4347}.activity-card__media{height:160px;background-size:cover;background-position:center}.activity-card__media--fallback{display:grid;place-items:center;background:linear-gradient(135deg,#3d999e,#fe7f43);color:#fff;font-weight:700;font-size:2.2rem}.activity-card__body{padding:1.35rem 1.5rem 1.4rem;display:grid;gap:.75rem}.activity-card__head h3{margin:0;font-size:1.12rem;letter-spacing:-.01em}.activity-card__meta{margin:0;color:#1c2534ad;font-size:.92rem}.activity-card__summary{margin:0;color:#1c2534c7;line-height:1.55}.activity-card__match{display:grid;gap:.45rem}.activity-card__match-bar{position:relative;height:6px;border-radius:999px;background:#3d999e2e;overflow:hidden}.activity-card__match-bar span{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:999px;background:linear-gradient(135deg,#3d999e,#fe7f43)}.activity-card__match-label{display:flex;align-items:baseline;justify-content:space-between;gap:.6rem;font-size:.82rem;color:#1c2534b8}.activity-card__match-label strong{font-size:.92rem;color:#0f4d51}.activity-card__links{display:flex;gap:.85rem;flex-wrap:wrap}.activity-card__links a{font-size:.92rem;font-weight:600;color:#0f4d51;text-decoration:none}.activity-card__links a:hover{text-decoration:underline}.map-panel{background:#fffffff0;border-radius:28px;border:1px solid rgba(61,153,158,.2);box-shadow:0 26px 52px #3d999e2e;padding:1.9rem 1.8rem 2rem;display:grid;gap:1.1rem;position:sticky;top:2.5rem}.map-panel--empty{align-items:center;justify-items:center;text-align:center;padding:2.4rem 2rem;color:#1c2534ad}.map-panel__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.map-panel__header h3{margin:0;font-size:1.18rem}.map-panel__header p{margin:.35rem 0 0;color:#1c2534ad}.map-panel__actions{display:flex;gap:.75rem;flex-wrap:wrap}.map-panel__frame{width:100%;min-height:320px;border:none;border-radius:18px;box-shadow:0 22px 38px #3d999e2e}.map-panel__fallback{background:#3d999e1a;border-radius:18px;padding:1.4rem;text-align:center;color:#1c2534ad}.match-panel{background:#fffffff0;border-radius:28px;border:1px solid rgba(61,153,158,.2);box-shadow:0 26px 52px #3d999e2e;padding:1.95rem 1.9rem 2.1rem;display:grid;gap:1.1rem}.match-panel--empty{align-items:center;justify-items:center;text-align:center;padding:2.4rem 2rem;color:#1c2534ad}.match-panel__header{display:flex;justify-content:space-between;align-items:flex-start;gap:1rem}.match-panel__header h3{margin:0;font-size:1.18rem}.match-panel__header p{margin:.3rem 0 0;font-size:.9rem;color:#1c2534ad}.match-panel__score{display:grid;justify-items:center;background:#3d999e1f;border-radius:16px;padding:.75rem 1.1rem;border:1px solid rgba(61,153,158,.24);text-align:center}.match-panel__score span{font-size:.75rem;text-transform:uppercase;letter-spacing:.16em;color:#0f4d51}.match-panel__score strong{font-size:1.35rem;color:#0f4d51}.match-panel__legend{list-style:none;padding:0;margin:0;display:grid;gap:.6rem}.match-panel__legend li{display:flex;justify-content:space-between;align-items:center;font-size:.9rem;color:#1c2534bf}.match-panel__legend strong{font-weight:600;color:#0f4d51}.radar{display:flex;justify-content:center}.radar svg{width:clamp(220px,30vw,280px);height:clamp(220px,30vw,280px)}.radar__grid path{fill:none;stroke:#3d999e38;stroke-width:1}.radar__axis line{stroke:#3d999e40;stroke-width:1}.radar__label{font-size:.75rem;text-anchor:middle;fill:#1c2534b8}.radar__value{fill:#3d999e40;stroke:#3d999ea6;stroke-width:2}.tag-cloud{display:flex;gap:.5rem;flex-wrap:wrap}.tag-chip{padding:.35rem .65rem;border-radius:999px;background:#3d999e1f;font-size:.78rem;font-weight:600;color:#0f4d51;text-transform:capitalize}@media (max-width: 1080px){.hero-grid{grid-template-columns:1fr;text-align:center}.hero-grid__copy{justify-items:center}.hero-grid__friends{justify-items:stretch;text-align:left}.search-form__row{grid-template-columns:1fr}}@media (max-width: 960px){.panels{grid-template-columns:1fr}.map-panel{position:static}}@media (max-width: 720px){.page__inner{padding:2.5rem 1.4rem 3.2rem;gap:2.5rem}.hero-grid{padding:2.4rem 1.9rem}.search-form,.hero-grid__friends{padding:1.6rem 1.5rem}.activity-panel{padding:1.8rem 1.6rem}.map-panel,.match-panel{padding:1.7rem 1.5rem}}