
:root{--ink:#294638;--green:#406d55;--soft:#eaf0e4;--paper:#f8f5ed;--card:#fffef9;--line:#e1e5da;--muted:#798078;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:var(--paper)}*{box-sizing:border-box}body{margin:0}button,input,textarea,select{font:inherit}button,a,input,select,textarea{touch-action:manipulation}button{cursor:pointer;background:var(--soft);color:var(--green);border:1px solid transparent;border-radius:11px;padding:10px 14px;min-height:42px}button.primary,.button.primary{background:var(--green);color:white}button:disabled{opacity:.55;cursor:default}.text-button{border:0;background:none;padding:4px;min-height:32px;color:var(--green)}a{color:var(--green);text-decoration:none}input:not([type=checkbox]),textarea,select{width:100%;min-width:0;background:white;color:var(--ink);border:1px solid var(--line);padding:11px 12px;border-radius:10px;font-size:16px}input[type=checkbox]{accent-color:var(--green);width:18px;height:18px}label{display:block;font-size:14px;margin:14px 0 6px}label.check{display:flex;align-items:center;gap:8px}.muted,small{color:var(--muted);font-size:13px;line-height:1.5}h1{font-size:26px}h2{font-size:20px;margin:12px 0}h3{font-size:16px;margin:18px 0 10px}p{line-height:1.5}.card{background:var(--card);border:1px solid #eeeae1;border-radius:18px;padding:18px;box-shadow:0 2px 3px #29463805,0 6px 14px #29463806}.feedback{font-size:13px;line-height:1.5;color:var(--green);margin:8px 0}.feedback.error{color:#a3473c}[hidden]{display:none!important}.row{display:flex;align-items:center;justify-content:space-between;gap:10px}.avatar{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:50%;background:#dbe9e0;color:var(--green);font-size:20px}.avatar.tone-1{background:#f7ddd9;color:#96544e}.avatar.tone-2{background:#f7e4cb;color:#95643a}.app-brand{display:flex;align-items:center;gap:8px;font-size:20px;font-weight:700}.app-brand img{width:38px;height:38px}.auth-main{max-width:420px;margin:auto;padding:40px 22px max(30px,env(safe-area-inset-bottom));min-height:100dvh;display:flex;flex-direction:column;justify-content:center}.auth-brand{text-align:center;margin-bottom:20px}.auth-brand img{width:84px;height:84px}.auth-brand h1{font-size:30px;margin:8px 0}.auth-brand p{font-size:15px;margin:0}.auth-main .card{padding:20px}.auth-main .wide{display:block;width:100%;margin:18px 0 0}.password-wrap{position:relative}.password-wrap input{padding-right:50px!important}.password-wrap button{position:absolute;right:3px;top:3px;padding:5px;background:none;min-height:38px;width:42px}.login-options{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:13px}.login-options label{margin:12px 0}.auth-divider{display:flex;align-items:center;gap:12px;margin:20px 0;font-size:12px;color:var(--muted)}.auth-divider:before,.auth-divider:after{content:'';height:1px;background:var(--line);flex:1}.secondary-link{display:block;padding:12px;text-align:center;border:1px solid var(--green);border-radius:11px;font-size:14px}.auth-footer{text-align:center;font-size:12px;color:var(--muted);margin-top:24px}.help-card{background:#f0f3ee;padding:14px;border-radius:12px;margin-top:20px;font-size:13px}.auth-back{margin-bottom:20px}.space-main{max-width:600px;margin:auto;padding:18px 18px 112px}.space-main>header{margin-bottom:24px}.space-heading{margin:14px 0}.account-summary{display:flex;align-items:center;gap:8px;font-size:12px}.account-summary .avatar{width:32px;height:32px;flex-basis:32px;font-size:16px}.account-summary small{display:block}.space-name-line{display:flex;align-items:center;gap:6px;min-width:0}.space-name-line h2{margin:0;font-size:20px;overflow-wrap:anywhere}.space-card .space-icon{width:52px;height:52px;flex:0 0 52px;background:#e4efe3;border-radius:13px;display:grid;place-items:center;font-size:32px}.space-card .space-info{flex:1;min-width:0}.space-card{padding:16px}.members-title{margin:18px 0 8px}.member-item{display:flex;align-items:center;gap:10px;width:100%;text-align:left;background:transparent;border-radius:0;border-bottom:1px solid var(--line);padding:12px 0;color:var(--ink)}.member-item .member-copy{flex:1;min-width:0}.member-item b{font-size:15px}.member-item small{display:block;overflow-wrap:anywhere}.member-item .state{font-size:12px;color:var(--muted);white-space:nowrap}.member-item .pending{color:#b96d51}.settings-list{padding:3px 14px;margin-top:20px}.settings-row{display:flex;align-items:center;justify-content:space-between;width:100%;padding:14px 0;background:transparent;border-radius:0;border-bottom:1px solid var(--line);color:var(--ink);text-align:left;font-size:14px}.settings-row:last-child{border-bottom:0}.settings-row small{margin-left:12px;text-align:right}.logout-button{width:100%;margin-top:18px;background:#f0e7e2;color:#a14f43}.space-nav{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:min(100%,600px);display:flex;padding:8px 18px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#fffef9f5;z-index:10}.space-nav a{flex:1;display:flex;align-items:center;flex-direction:column;gap:4px;padding:5px;color:var(--muted);font-size:14px}.space-nav a.active{color:var(--green)}.space-nav svg{width:25px;height:25px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}.sheet{width:min(100%,600px);max-width:100%;max-height:85dvh;margin:auto auto 0;padding:0;border:1px solid var(--line);border-radius:24px 24px 0 0;background:var(--card);color:var(--ink);overflow:hidden}.sheet::backdrop{background:#263b3855}.sheet-head{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--line)}.sheet-head h2{margin:0}.sheet-content{overflow:auto;max-height:calc(85dvh - 78px);padding:18px 20px max(22px,env(safe-area-inset-bottom))}.sheet-close{background:none;font-size:24px;padding:4px;min-width:38px}.sheet-footer{display:flex;align-items:center;gap:12px;margin-top:20px}.sheet-footer .primary{flex:1}.danger-text{background:transparent;color:#a3473c;font-size:14px;padding:10px 0}.switch-item{display:flex;align-items:center;gap:12px;width:100%;padding:14px;text-align:left;margin-bottom:10px;background:#f7f8f3;border:1px solid var(--line)}.switch-item.selected{background:var(--soft);border-color:#bacfb7}.switch-item b{display:block}.switch-item span:last-child{margin-left:auto}.avatar-options{display:flex;gap:6px;flex-wrap:wrap}.avatar-options button{padding:4px;min-width:34px;min-height:34px}.avatar-options button.selected{border:1px solid var(--green)}.inline-edit{display:flex;gap:6px;margin-top:10px}.inline-edit input{flex:1;min-width:0}.phone-fields{display:grid;grid-template-columns:110px minmax(0,1fr);gap:8px}.invite-result{background:var(--soft);border-radius:12px;padding:12px;margin-top:12px;overflow-wrap:anywhere}.sheet .wide{width:100%}.note-label{margin-top:18px}@media(max-width:350px){.space-main{padding:12px 12px 108px}.space-card{padding:12px}.space-name-line h2{font-size:18px}.space-card .space-icon{width:42px;height:42px;flex-basis:42px}.space-card .text-button{font-size:12px}.auth-main{padding:24px 16px}}

.space-nav{gap:10px;width:min(100%,760px)}.space-nav a{justify-content:center;min-height:52px;padding:4px;border-radius:24px;font-weight:500;line-height:1.2}.space-nav a.active{background:var(--soft)}

.space-main{max-width:760px}@media(min-width:900px){.space-main{padding-top:30px}.sheet{margin:auto;border-radius:24px;width:560px}.auth-main{padding-top:36px;padding-bottom:36px}}

body.embedded-space .space-nav{display:none!important}body.embedded-space .space-main{padding-bottom:24px}

.app-start-loading{position:fixed;inset:0;z-index:90;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:12px;padding:24px;background:#f8f5ed;color:#406d55;text-align:center;box-sizing:border-box}.app-start-loading[hidden]{display:none!important}.app-start-loading>img{width:64px;height:64px;animation:app-start-breathe 1.8s ease-in-out infinite}.app-start-loading h2{font-size:20px;line-height:1.5;margin:0}.app-start-loading p{font-size:14px;line-height:1.7;margin:0;max-width:100%;overflow-wrap:anywhere;color:#6c786f}.loading-dots{display:flex;gap:7px;margin:6px 0}.loading-dots i{width:6px;height:6px;border-radius:50%;background:#90ac95;animation:app-start-dot 1.2s ease-in-out infinite}.loading-dots i:nth-child(2){animation-delay:.15s}.loading-dots i:nth-child(3){animation-delay:.3s}.load-error .loading-dots{display:none}.load-error>img{animation:none}.app-start-loading button{margin-top:8px}@keyframes app-start-breathe{0%,100%{transform:translateY(0);opacity:1}50%{transform:translateY(-3px);opacity:.85}}@keyframes app-start-dot{0%,100%{opacity:.35}50%{opacity:1}}@media(prefers-reduced-motion:reduce){.app-start-loading>img,.loading-dots i{animation:none}}

.app-start-loading p.loading-copy{max-width:300px;min-height:48px;color:#406d55;font-size:15px;line-height:1.7;margin:2px 0 8px}
