@import "https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap";:root{color:#252532;font-synthesis:none;text-rendering:optimizelegibility;background:#f7f7fb;font-family:DM Sans,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}button{font:inherit;color:inherit;cursor:pointer;border:0}.app-shell{background:radial-gradient(circle at 100% 0,#efedff 0,#0000 30%),#f7f7fb;min-height:100dvh}.page{width:100%;max-width:680px;padding:22px 20px calc(110px + env(safe-area-inset-bottom));margin:0 auto}.topbar{justify-content:space-between;align-items:center;display:flex}.brand-lockup{letter-spacing:-.04em;align-items:center;gap:9px;font:700 22px Space Grotesk;display:flex}.brand-mark{color:#fff;background:#635bff;border-radius:10px;place-items:center;width:31px;height:31px;display:grid;box-shadow:0 5px 12px #635bff38}.icon-button{background:#fff;border-radius:13px;place-items:center;width:39px;height:39px;display:grid;position:relative;box-shadow:0 3px 15px #302c4b0d}.notification-dot{background:#ff6b62;border:1.5px solid #fff;border-radius:50%;width:6px;height:6px;position:absolute;top:8px;right:8px}.intro{padding:42px 0 24px}.eyebrow{color:#9292a2;letter-spacing:.12em;margin:0 0 8px;font-size:10px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:-.055em;margin-bottom:7px;font:700 31px Space Grotesk}h1 span{font-size:27px}.subtitle{color:#858592;margin-bottom:0;font-size:14px}.card-surface{background:#fff;border:1px solid #eeedf3;border-radius:20px;box-shadow:0 8px 22px #32304a08}.crew-card{background:linear-gradient(135deg,#fff 60%,#f2efff);padding:19px 18px 16px}.card-heading,.member-row,.section-heading,.event-card,.task-row,.invite-card{align-items:center;display:flex}.card-heading{justify-content:space-between}h2{letter-spacing:-.04em;margin:0;font:600 18px Space Grotesk}.round-arrow{color:#635bff;background:#eeecff;border-radius:12px;place-items:center;width:34px;height:34px;display:grid}.member-row{justify-content:space-between;margin-top:22px}.avatars{padding-left:7px;display:flex}.avatar,.add-avatar{border:2px solid #fff;border-radius:50%;place-items:center;width:32px;height:32px;margin-left:-7px;font-size:11px;font-weight:700;display:grid}.avatar.coral{color:#9b3e3a;background:#ffc6c2}.avatar.blue{color:#3154a3;background:#cbd8ff}.avatar.yellow{color:#886510;background:#ffe8a8}.avatar.mint{color:#237d69;background:#b9f0df}.add-avatar{color:#77758a;background:#f0eff5}.member-count{color:#8c8b98;font-size:12px}.section-heading{justify-content:space-between;margin:28px 2px 12px}.section-heading.compact{margin:0 0 13px}.text-button{color:#7068e6;background:0 0;align-items:center;gap:2px;padding:0;font-size:12px;font-weight:600;display:inline-flex}.event-card{gap:14px;padding:15px}.event-date{color:#655de4;text-align:center;background:#efedff;border-radius:13px;flex:0 0 45px;width:45px;padding:8px 0}.event-date span,.event-date small{letter-spacing:.08em;font-size:9px;font-weight:700;display:block}.event-date strong{margin:-1px 0;font:700 21px Space Grotesk;display:block}.event-info{flex:1;min-width:0}.pill{letter-spacing:.08em;border-radius:6px;margin-bottom:6px;padding:4px 7px;font-size:8px;font-weight:700;display:inline-block}.pill.purple{color:#7068e6;background:#efedff}.event-info h3{margin-bottom:5px;font-size:15px}.event-info p{color:#90909b;margin:0;font-size:11px}.small-chevron{color:#aaaab7;background:0 0}.stats-grid{grid-template-columns:1fr 1fr;gap:12px;margin-top:12px;display:grid}.stat-card{padding:15px}.stat-icon{border-radius:10px;place-items:center;width:30px;height:30px;margin-bottom:13px;display:grid}.stat-icon.orange{color:#de7c3c;background:#fff0e1}.stat-icon.green{color:#2b9b76;background:#e5f8f0}.stat-label{color:#8e8e9b;margin-bottom:2px;font-size:11px}.stat-card strong{letter-spacing:-.04em;font:600 23px Space Grotesk}.stat-card strong small{color:#a0a0ac;font:500 12px DM Sans}.stat-card p{color:#8d8c98;margin:4px 0 0;font-size:11px}.stat-card p span{color:#de7c3c}.progress{background:#edf1ef;border-radius:3px;height:5px;margin-top:11px;overflow:hidden}.progress span{border-radius:inherit;background:#40b78c;height:100%;display:block}.tasks-card{margin-top:12px;padding:16px}.task-row{color:#41404d;text-align:left;background:0 0;border-top:1px solid #f1f0f4;gap:10px;width:100%;padding:10px 0;font-size:13px}.task-check{color:#fff;border:1.5px solid #c8c7d3;border-radius:6px;place-items:center;width:18px;height:18px;display:grid}.task-row.done{color:#a1a0ab;text-decoration:line-through}.task-row.done .task-check{background:#46b890;border-color:#46b890}.task-owner{color:#9897a4;margin-left:auto;font-size:11px}.invite-card{color:#fff;background:#635bff;border-radius:19px;gap:13px;margin-top:12px;padding:15px 16px;box-shadow:0 9px 20px #635bff2b}.invite-icon{background:#ffffff26;border-radius:12px;place-items:center;width:38px;height:38px;display:grid}.invite-card h3{margin-bottom:2px;font:600 14px Space Grotesk}.invite-card p{color:#d9d6ff;margin:0;font-size:11px}.round-arrow.light{color:#fff;background:#ffffff21;margin-left:auto}.bottom-nav{z-index:3;padding:10px max(18px, calc((100vw - 680px) / 2)) calc(10px + env(safe-area-inset-bottom));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffffff2;border-top:1px solid #ebeaf1;justify-content:center;gap:5px;display:flex;position:fixed;bottom:0;left:0;right:0}.bottom-nav button{color:#aaa9b7;background:0 0;flex-direction:column;flex:1;align-items:center;gap:4px;max-width:150px;padding:3px 0;font-size:10px;display:flex}.bottom-nav button.active{color:#635bff;font-weight:600}@media (width>=600px){.page{padding-top:30px}.intro{padding-top:58px}}.auth-state{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:100dvh;display:flex}.auth-state h1{margin:18px 0 8px}.auth-state p{color:#777684;max-width:280px;margin:0}.create-crew>p:not(.eyebrow):not(.form-error){color:#858592;margin:7px 0 16px;font-size:13px}.create-crew label{color:#777684;margin-bottom:6px;font-size:11px;font-weight:600;display:block}.create-crew-row{gap:8px;display:flex}.create-crew input{min-width:0;font:inherit;background:#fff;border:1px solid #dedce8;border-radius:12px;outline:none;flex:1;padding:11px 12px;font-size:13px}.create-crew input:focus{border-color:#766fff;box-shadow:0 0 0 3px #635bff18}.create-crew button[type=submit]{color:#fff;background:#635bff;border-radius:12px;padding:0 14px;font-size:12px;font-weight:700}.create-crew button:disabled{cursor:default;opacity:.55}.create-crew .form-error{color:#b83c43;margin:10px 0 0;font-size:12px}.invite-notice{color:#57516d;background:#eeecff;border-radius:12px;margin:-10px 0 14px;padding:11px 13px;font-size:12px}.members-card{margin-top:12px;padding:16px}.members-card .section-heading>span{color:#9292a2;font-size:12px}.member-list-row{border-top:1px solid #f1f0f4;align-items:center;gap:10px;padding:10px 0;display:flex}.member-list-row:first-of-type{border-top:0}.member-list-row .avatar{border:0;flex:0 0 32px;margin:0}.member-list-row>div:nth-child(2){flex:1;min-width:0}.member-list-row strong{text-overflow:ellipsis;white-space:nowrap;font-size:13px;display:block;overflow:hidden}.member-list-row p{color:#9292a2;margin:2px 0 0;font-size:11px}.member-list-row>span{color:#7068e6;font-size:10px;font-weight:700}.invite-card button:disabled{opacity:.55}.invite-link-box{background:#fff;border:1px solid #eeedf3;border-radius:14px;gap:8px;margin-top:8px;padding:10px;display:flex}.invite-link-box input{color:#777684;min-width:0;font:inherit;border:1px solid #dedce8;border-radius:9px;flex:1;padding:8px 9px;font-size:11px}.invite-link-box button{color:#fff;background:#635bff;border-radius:9px;padding:0 12px;font-size:11px;font-weight:700}