@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600&family=Montserrat:wght@600&display=swap";:root{--bg: #0a0a0a;--panel: #1a1a1a;--card: #333333;--card-low: #262626;--chip: rgba(255, 255, 255, .15);--text: #ffffff;--muted: rgba(255, 255, 255, .5);--green: #30b224;--red: #cc1f1f;--radius-xl: 36px;--radius-lg: 24px;--safe-top: env(safe-area-inset-top, 0px);--safe-bottom: env(safe-area-inset-bottom, 0px)}*{box-sizing:border-box;-webkit-tap-highlight-color:transparent}html,body,#app{width:100%;min-height:100%;margin:0;background:var(--bg);color:var(--text);font-family:Inter,system-ui,sans-serif}body{display:flex;justify-content:center}button,input{font:inherit}button{border:0;color:inherit}#app{max-width:393px;min-height:100vh;position:relative;overflow:hidden}.app-shell{min-height:100vh;display:flex;flex-direction:column;background:var(--bg);position:relative}.header{display:flex;align-items:center;gap:20px;padding:calc(64px + var(--safe-top)) 16px 16px}.avatar{border-radius:999px;object-fit:cover;display:grid;place-items:center;flex:0 0 auto}.space-avatar{border-radius:24px}.avatar-fallback{background:linear-gradient(135deg,#565656,#2d2d2d);color:#fff;font-family:Montserrat,sans-serif;font-size:14px}.space-trigger{flex:1;display:grid;grid-template-columns:minmax(0,max-content) 20px;grid-template-areas:"title icon" "meta meta";gap:4px 12px;align-items:center;min-width:0;padding:0;background:transparent;text-align:left}.space-trigger strong,.space-info strong,.task-title,h1,h2,h3,.wide-action,.primary-action,.fab{font-family:Montserrat,Inter,sans-serif;font-weight:600}.space-trigger strong{grid-area:title;font-size:19px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.space-trigger .icon{grid-area:icon}.space-trigger span,.space-info span,.muted{color:var(--muted);font-size:13px}.body-panel{flex:1;min-height:0;background:var(--panel);border-radius:var(--radius-xl) var(--radius-xl) 0 0;padding:16px;overflow-y:auto;overflow-x:hidden}.filters{display:flex;gap:2px;margin-bottom:8px}.filter{flex:1;display:flex;justify-content:center;gap:6px;padding:10px 12px;border-radius:24px;background:var(--card);color:var(--muted);font-size:15px}.filter.active{background:#fff;color:#0d0d0d;font-weight:500}.task-list{display:flex;flex-direction:column;gap:8px}.task-state{position:relative;width:100%;border-radius:24px;overflow:hidden;background:var(--card-low);touch-action:pan-y}.task-block{position:relative;z-index:2;background:var(--card-low);border-radius:24px;will-change:transform}.task-card{display:flex;gap:12px;align-items:flex-start;width:100%;padding:12px;background:var(--card);border-radius:24px;overflow:hidden}.task-content{min-width:0;flex:1;display:flex;flex-direction:column;gap:12px}.task-title{font-size:15px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.task-desc{margin-top:2px;color:var(--muted);font-size:13px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.tags{display:flex;flex-wrap:wrap;gap:4px}.tag{border-radius:24px;padding:6px 12px;background:var(--chip);color:#fff;font-size:13px;white-space:nowrap}.task-status{display:flex;align-items:center;gap:6px;padding:8px 16px;font-size:13px;white-space:nowrap;overflow:hidden}.mini-avatars{display:flex}.mini-avatars .avatar{margin-right:-2px;outline:1px solid var(--card-low)}.mini-count{width:16px;height:16px;border-radius:16px;background:#525252;font-size:9px;display:grid;place-items:center}.swipe-action{position:absolute;right:0;top:0;bottom:0;z-index:1;width:72px;opacity:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;border-radius:24px;font-size:11px;color:var(--muted)}.swipe-action.accept{background:var(--green)}.swipe-action.cancel{background:var(--red)}.swipe-action .icon{width:36px;height:36px}.fab{position:absolute;left:50%;bottom:calc(48px + var(--safe-bottom));transform:translate(-50%);display:flex;gap:6px;align-items:center;padding:12px 36px;border-radius:24px;background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:17px}.icon{width:24px;height:24px;display:block}.overlay{position:absolute;top:0;right:0;bottom:0;left:0;z-index:20;background:#0a0a0a40;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);display:flex;align-items:flex-end;animation:fade-in .18s ease both}.overlay-top{align-items:flex-start;padding-top:calc(108px + var(--safe-top))}.bottom-sheet,.top-menu{width:100%;background:#0a0a0abf;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);padding:16px 16px calc(64px + var(--safe-bottom))}.bottom-sheet{max-height:calc(100vh - 124px);overflow-y:auto;border-radius:36px 36px 0 0;display:flex;flex-direction:column;gap:16px;animation:slide-up .2s ease both}.sheet-large{max-height:calc(100vh - 72px)}.top-menu{border-radius:0 0 36px 36px;display:flex;flex-direction:column;gap:16px;animation:slide-down .2s ease both}.sheet-head{display:flex;align-items:flex-start;gap:4px}.sheet-head h2{flex:1;margin:0;font-size:19px}.icon-button,.naked{background:transparent;padding:0}.sheet-desc{margin:-10px 0 0;color:var(--muted);font-size:13px}.person-row,.member-row,.space-menu-item,.space-select,.space-settings-head{display:flex;align-items:center;gap:20px;width:100%}.person-row{gap:12px}.person-info,.member-info,.space-info{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px;text-align:left}.person-label{color:var(--muted);font-size:11px}.primary-action,.wide-action{width:100%;display:flex;align-items:center;justify-content:center;gap:6px;padding:12px;border-radius:24px;background:var(--chip);font-size:17px}.primary-action.success{background:var(--green)}.primary-action.danger{background:var(--red)}.primary-action.disabled{opacity:.5}.space-select{min-width:0;background:transparent;padding:0}.settings-button,.danger-icon{width:64px;align-self:stretch;display:grid;place-items:center;border-radius:24px;background:var(--chip)}.danger-icon{background:var(--red)}.menu-dismiss{position:absolute;inset:auto 0 0 0;height:100vh;z-index:-1;background:transparent}.field{width:100%;min-height:48px;border:0;outline:0;border-radius:24px;padding:12px;background:var(--chip);color:var(--text);font-family:Montserrat,Inter,sans-serif;font-size:17px;font-weight:600}.field::placeholder{color:var(--muted)}.field.invalid{box-shadow:inset 0 0 0 1px var(--red)}.scroll-row{width:calc(100% + 32px);margin:0 -16px;padding:0 16px;overflow-x:auto;display:flex;gap:4px}.chip{flex:0 0 auto;min-height:48px;border-radius:24px;background:var(--chip);color:var(--muted);padding:12px;font-family:Montserrat,Inter,sans-serif;font-size:17px;font-weight:600;white-space:nowrap}.chip.selected{color:#0d0d0d;background:#fff}.users-list{display:flex;flex-direction:column;gap:8px;overflow-y:auto}.empty{color:var(--muted);padding:40px 16px;text-align:center}.empty.full{min-height:60vh;display:flex;flex-direction:column;justify-content:center;gap:12px}.empty h1,.empty p{margin:0}.toast,.error{border-radius:18px;background:#cc1f1f2e;color:#ffb3b3;padding:10px 12px;font-size:13px}.toast{position:absolute;left:16px;right:16px;bottom:16px}.hidden{display:none}.list-spacer{height:104px}@keyframes slide-up{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes slide-down{0%{transform:translateY(-24px);opacity:0}to{transform:translateY(0);opacity:1}}@keyframes fade-in{0%{opacity:0}to{opacity:1}}