*{box-sizing:border-box}:root{--app-chrome-top:64px;--app-chrome-bottom:80px}html{scrollbar-gutter:stable;height:100%}body{color:#10213f;background:#f2f8f2;height:100%;min-height:100%;margin:0;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}#root{height:100%;min-height:100%}a{color:inherit;text-decoration:none}.app-shell{flex-direction:column;height:100dvh;min-height:100%;max-height:100dvh;display:flex;overflow:hidden}.app-top-brand{padding:calc(12px + env(safe-area-inset-top,0px)) 20px 10px;z-index:20;background:#fff;border-bottom:1px solid #e4e8f1;flex-shrink:0;justify-content:center;align-items:center;display:flex}.brand-disabled{opacity:.55;cursor:not-allowed}.app-main-wrap{flex-direction:column;flex:1;min-height:0;display:flex;position:relative}.brand{align-items:center;gap:10px;font-size:1.1rem;font-weight:700;display:flex}.brand img{object-fit:contain;width:38px;height:38px}.app-main{-webkit-overflow-scrolling:touch;flex:1;width:100%;max-width:980px;min-height:0;margin:0 auto;padding:24px 16px 20px;overflow:hidden auto}html.page-home .app-main{flex-direction:column;min-height:0;padding:12px 16px 10px;display:flex;overflow-y:hidden}@media (width>=720px){html.page-home .app-main{padding:20px 16px 16px}}.first-like-blocker{z-index:25;padding:20px 16px 28px;padding-bottom:calc(28px + env(safe-area-inset-bottom));background:#10213f80;justify-content:center;align-items:flex-end;display:flex;position:absolute;inset:0}.first-like-blocker-card{text-align:center;background:#fff;border:1px solid #e4e8f1;border-radius:16px;max-width:360px;padding:18px 20px;box-shadow:0 16px 40px #0f20462e}.first-like-blocker-title{color:#10213f;margin:0 0 10px;font-size:1.1rem;font-weight:700}.first-like-blocker-hint{color:#5a6b85;margin:0;font-size:.95rem;line-height:1.4}.bottom-nav{z-index:40;padding:8px 12px calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(12px);background:#fffffff7;border-top:1px solid #e4e8f1;flex-shrink:0;justify-content:space-around;align-items:stretch;gap:4px;display:flex;position:relative}.bottom-nav-link-disabled{opacity:.45;pointer-events:none;cursor:not-allowed}.bottom-nav-events-spotlight{z-index:1;position:relative}.bottom-nav-events-spotlight:after{content:"";pointer-events:none;border:3px solid #22c55e;border-radius:50%;width:58px;height:58px;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 4px #22c55e47,0 0 20px #22c55e59}.bottom-nav-link{color:#5a6b85;border-radius:12px;flex-direction:column;flex:1;align-items:center;gap:4px;max-width:120px;padding:8px 10px;font-size:.72rem;font-weight:600;transition:color .15s,background .15s;display:flex}.bottom-nav-link svg{opacity:.85}.bottom-nav-link.active{color:#007400;background:#e8f7e8}.bottom-nav-link.active svg{opacity:1}.tutorial-overlay{top:var(--app-chrome-top);left:0;right:0;bottom:var(--app-chrome-bottom);z-index:50;-webkit-overflow-scrolling:touch;justify-content:center;align-items:center;padding:12px 16px;display:flex;position:fixed;overflow-y:auto}.tutorial-backdrop{background:#10213f73;position:absolute;inset:0}.tutorial-content{z-index:1;flex-direction:column;flex-shrink:0;align-items:center;gap:18px;width:100%;max-width:560px;margin:auto 0;display:flex;position:relative}.tutorial-footer{flex-shrink:0;justify-content:center;align-items:flex-start;width:100%;min-height:52px;display:flex}.tutorial-footer-spacer{width:100%;height:48px}.tutorial-heading{color:#fff;text-align:center;text-shadow:0 1px 2px #0003;margin:0;font-size:1.05rem;font-weight:700}.tutorial-demo-card{pointer-events:none;position:relative;box-shadow:0 22px 50px #0f204647}.tutorial-bubble{z-index:5;text-align:center;pointer-events:none;border-radius:12px;max-width:240px;padding:10px 14px;font-size:.88rem;font-weight:600;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);box-shadow:0 8px 24px #00000026}.tutorial-bubble-like{color:#0d4f0d;background:#c9f5c9;border:1px solid #7dd87d}.tutorial-bubble-nope{color:#6b0d0d;background:#ffd6d6;border:1px solid #f09999}button.tutorial-dismiss{min-width:200px}.page h1{margin-top:0;margin-bottom:18px}.quiz-attend-label{color:#506080;margin:0 0 6px;font-size:.95rem;font-weight:600}.quiz-question-heading{margin:0 0 20px;font-size:1.35rem;font-weight:700;line-height:1.25}.panel{background:#fff;border:1px solid #e4e8f1;border-radius:16px;padding:22px}.swipe-card{touch-action:none;cursor:grab;background:#fff;border:1px solid #e4e8f1;border-radius:18px;width:min(560px,100%);position:relative;overflow:hidden;box-shadow:0 14px 35px #0f204617}.card-image-wrap{position:relative;overflow:hidden}.card-image-skeleton{z-index:10;pointer-events:none;background:#e8eef8;position:absolute;inset:0}.card-image-wrap .card-image{z-index:2;position:relative}.image-gradient{z-index:3;pointer-events:none;background:linear-gradient(#0000,#10213f80);height:70px;position:absolute;inset:auto 0 0}.image-nav{z-index:4;pointer-events:none;justify-content:space-between;align-items:center;padding:0 10px;display:flex;position:absolute;inset:0}.image-nav-btn{pointer-events:auto;color:#10213f;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);opacity:.92;background:#ffffffe6;border:1px solid #e4e8f1e6;border-radius:999px;place-items:center;width:44px;height:44px;font-size:28px;line-height:1;transition:transform .12s,background .12s,opacity .12s;display:grid;box-shadow:0 10px 24px #0f204624}.image-nav-btn:hover{opacity:1;background:#fff;transform:scale(1.06)}.image-nav-btn:active{transform:scale(.98)}.image-nav-btn:disabled{opacity:.55;cursor:wait}.swipe-hint{z-index:5;color:#1d2c4a;background:#ffffffe6;border:1px solid #e4e8f1;border-radius:999px;padding:5px 10px;font-size:.8rem;font-weight:600;position:absolute;bottom:10px;left:12px}.image-nav-btn.left{color:#cf2c2c}.image-nav-btn.right{color:#00b100}.swipe-badge{z-index:6;letter-spacing:.06em;pointer-events:none;background:#fff;border:2px solid;border-radius:10px;padding:7px 12px;font-weight:800;position:absolute;top:18px}.swipe-badge.like{color:#00b100;border-color:#00b100;left:14px}.swipe-badge.nope{color:#cf2c2c;border-color:#cf2c2c;right:14px}.card-image{object-fit:cover;width:100%;height:250px}.card-body{overscroll-behavior:contain;scroll-behavior:smooth;max-height:360px;padding:18px;overflow:auto}.chip{color:#007400;text-transform:capitalize;background:#d8f2d8;border-radius:999px;margin:0 0 8px;padding:6px 10px;font-size:.9rem;font-weight:600;display:inline-block}.card-title{text-overflow:ellipsis;white-space:nowrap;margin:0 0 8px;overflow:hidden}.description{color:#506080}.description-preview{-webkit-line-clamp:3;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.btn{cursor:pointer;border:0;border-radius:10px;padding:12px;font-weight:600}.btn-primary{color:#fff;background:#00b100}.btn-secondary{color:#007400;background:#d8f2d8}.btn-ghost{color:#334261;background:#eef1f7}.btn-ghost.active{color:#007400;border:1px solid #00b100}.center-page{min-height:calc(100vh - 130px);padding-left:max(20px, env(safe-area-inset-left,0px));padding-right:max(20px, env(safe-area-inset-right,0px));padding-top:max(12px, env(safe-area-inset-top,0px));box-sizing:border-box;place-items:center;display:grid}.home-swipe-page{flex-direction:column;flex:1;align-items:stretch;width:100%;max-width:560px;min-height:0;margin:0 auto;padding:0 4px 4px;display:flex}.home-swipe-page h1{text-align:center;flex-shrink:0;width:100%;margin-top:0;margin-bottom:6px;font-size:clamp(1.15rem,4vw,1.45rem);line-height:1.2}.home-loading-copy{text-align:center;width:100%;margin:0 0 10px}.home-swipe-hint{color:#506080;text-align:center;flex-shrink:0;width:100%;margin:0 0 8px;font-size:.82rem;font-weight:600;line-height:1.3}.home-deck{flex-direction:column;flex:1;width:100%;min-height:0;display:flex}.swipe-card.home-deck-card{width:100%;max-width:none;min-height:0;max-height:calc(100dvh - var(--app-chrome-top) - var(--app-chrome-bottom) - 140px);flex-direction:column;flex:1;display:flex}.home-deck-card .card-image-wrap{flex:auto;min-height:180px;max-height:52dvh;position:relative}.home-deck-card .card-image{object-fit:cover;width:100%;height:100%;min-height:200px;display:block}.home-deck-card .card-body{flex-shrink:0;max-height:none;padding:14px 16px 16px;overflow:visible}.home-deck-card .card-title{white-space:normal;-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.home-deck-card .description-preview{-webkit-line-clamp:2}.home-deck-card .swipe-hint{padding:4px 8px;font-size:.72rem}.home-deck-card .swipe-hint-mobile{bottom:6px;left:8px;right:auto}.home-empty-panel{flex-shrink:0;margin-top:10px}.feed-meta{justify-content:space-between;align-items:center;gap:12px;width:min(560px,100%);margin-bottom:12px;display:flex}.cards-progress{background:#e6edf9;border:1px solid #dbe3f2;border-radius:999px;width:min(560px,100%);height:10px;margin-bottom:12px;overflow:hidden}.cards-progress-bar{background:linear-gradient(90deg,#00b100,#2fd66e);border-radius:999px;height:100%;transition:width .26s}.skeleton-card{cursor:default}.skeleton-image{background:#e8eef8;width:100%;height:250px}.skeleton-line{background:#e8eef8;border-radius:8px;height:14px;margin-bottom:12px}.skeleton-line.short{width:35%}.skeleton-line.long{width:80%}.shimmer{position:relative;overflow:hidden}.shimmer:after{content:"";background:linear-gradient(90deg,#0000,#ffffffb3,#0000);width:120%;height:100%;animation:1.2s linear infinite shimmer;position:absolute;top:0;left:-120%}@keyframes shimmer{0%{transform:translate(0)}to{transform:translate(180%)}}.events-loading{color:#506080;flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:200px;padding:32px 16px;font-size:.95rem;display:flex}.events-loading-full{flex:1;width:100%;min-height:min(320px,55dvh);margin-top:8px}.page-events-loading{flex-direction:column;min-height:0;display:flex}.events-loading-title{color:#10213f;margin:0;font-size:1.05rem;font-weight:700}.events-loading-sub{color:#6b7b94;margin:0;font-size:.9rem}.spinner{border:3px solid #c5ddc5;border-top-color:#00b100;border-radius:50%;width:40px;height:40px;animation:.75s linear infinite spinner-rotate}.spinner-lg{border-width:4px;border-color:#008a00 #b8d4b8 #b8d4b8;width:52px;height:52px}@keyframes spinner-rotate{to{transform:rotate(360deg)}}.onboarding-panel{text-align:center;background:#fff;border:1px solid #e4e8f1;border-radius:18px;width:min(760px,100%);padding:28px}.location-step .location-subtitle{max-width:28rem;margin:0 auto 1.25rem}.location-step .location-stack{flex-direction:column;align-items:center;gap:1rem;max-width:22rem;margin:0 auto;display:flex}.location-step .location-divider{color:#506080;text-transform:uppercase;letter-spacing:.08em;font-size:.85rem}.location-step .zip-inline{flex-wrap:wrap;justify-content:center;gap:10px;width:100%;display:flex}.location-step .zip-inline .input{flex:140px;min-width:140px}.stepper{color:#007400;font-weight:700}.question-actions{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.large{padding:14px 18px;font-size:1rem}.category-grid{grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:10px;margin:16px 0 18px;display:grid}.category-card{cursor:pointer;background:#fff;border:1px solid #d9e8d9;border-radius:12px;gap:8px;padding:14px;display:grid}.category-card.active{background:#f2fff2;border-color:#00b100;box-shadow:inset 0 0 0 1px #00b100}.emoji{font-size:1.5rem}.calendar-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;display:grid}.calendar-day{background:#fff;border:1px solid #e4e8f1;border-radius:14px;padding:14px}.past-events{margin-top:16px}.past-events ul{gap:10px;margin:0;padding:0;list-style:none;display:grid}.past-events li{border:1px solid #e4e8f1;border-radius:12px;justify-content:space-between;align-items:center;gap:10px;padding:12px;display:flex}.past-title{margin:0;font-weight:700}.attendance-actions{gap:8px;display:flex}.settings-panel{max-width:760px}.settings-row{flex-wrap:wrap;gap:10px;margin-top:12px;display:flex}.input{min-width:170px;font:inherit;border:1px solid #d6deee;border-radius:10px;padding:10px 12px}.calendar-day h3{margin-top:0}.calendar-day ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.calendar-day button{cursor:pointer;background:#fafcff;border:1px solid #dbe2f3;border-radius:10px;justify-content:space-between;width:100%;padding:10px;display:flex}.modal-backdrop{z-index:60;background:#10213f73;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.modal{background:#fff;border-radius:16px;width:min(560px,100%);padding:18px}.modal-scroll{-webkit-overflow-scrolling:touch;max-height:min(90dvh,880px);overflow-y:auto}.modal-calendar-actions{flex-wrap:wrap;gap:10px;margin:14px 0;display:flex}.modal-calendar-actions .modal-cal-btn{flex:1;min-width:132px}.modal-cal-btn{text-align:center;box-sizing:border-box;padding:12px 14px;font-size:.95rem;line-height:1.25}a.modal-cal-btn{justify-content:center;align-items:center;text-decoration:none;display:inline-flex}.modal-cal-note{color:#506080;margin:0 0 12px;font-size:.82rem;line-height:1.35}.event-detail-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:8px 14px;margin:10px 0 8px;display:grid}.event-detail-grid p{margin:0}.modal img{object-fit:cover;border-radius:10px;width:100%;height:220px}.error{color:#ac1d38}.status,.empty{color:#506080}.loading-hint{max-width:32rem;margin-top:12px;font-size:.88rem;font-weight:400;line-height:1.45;display:block}@media (width<=760px){.question-actions{grid-template-columns:1fr}.attendance-actions{flex-direction:column}}