:root{color:#221d1b;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f7f4ee;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;margin:0}button,a{-webkit-tap-highlight-color:transparent}button:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #0f4c3a59}.app-screen{color:#201a17;background:linear-gradient(#104e3b14,#f7f4ee00 34%),#f7f4ee;place-items:center;min-height:100vh;padding:18px;display:grid}.phone-frame{background:#fffaf2;border:1px solid #ddd3c7;border-radius:28px;grid-template-rows:auto auto auto minmax(0,1fr) auto;width:min(100%,430px);min-height:min(860px,100vh - 36px);max-height:calc(100vh - 36px);display:grid;overflow:hidden;box-shadow:0 24px 70px #2f251c2e}.center-frame{text-align:center;place-items:center;padding:24px}.app-header{grid-template-columns:42px minmax(0,1fr) 42px;align-items:center;gap:12px;min-height:76px;padding:14px 16px 10px;display:grid}.ghost-icon{color:#2c2520;cursor:pointer;background:#f1ece4;border:0;border-radius:12px;place-items:center;width:42px;height:42px;display:grid}.ghost-icon:disabled{opacity:.35;cursor:default}.brand-lockup{align-items:center;gap:10px;min-width:0;display:flex}.app-logo{color:#fffaf2;background:#104e3b;border-radius:12px;place-items:center;width:42px;height:42px;font-weight:900;display:grid}.app-logo.large{border-radius:20px;width:68px;height:68px;margin-bottom:18px;font-size:22px}.auth-frame{background:linear-gradient(#fffaf2 0%,#f7f0e5 56%,#efe5d7 100%);grid-template-rows:minmax(0,1fr) auto}.verify-frame{flex-direction:column;justify-content:center;gap:14px;padding:24px;display:flex}.auth-hero{flex-direction:column;justify-content:flex-end;padding:36px 22px 18px;display:flex}.auth-hero h1{font-size:46px;line-height:.98}.auth-hero>p:last-child{color:#62574f;margin-top:12px;font-size:16px;line-height:1.45}.auth-card{background:#fffaf2f0;border:1px solid #e0d7cb;border-radius:24px;gap:14px;margin:0 14px 14px;padding:14px;display:grid;box-shadow:0 14px 34px #2f251c1f}.segmented-control{background:#eee5d9;border-radius:16px;grid-template-columns:1fr 1fr;height:48px;padding:4px;display:grid}.segmented-control button{color:#5b5149;cursor:pointer;background:0 0;border:0;border-radius:13px;font-weight:900}.segmented-control button.active{color:#fffaf2;background:#104e3b}.auth-copy{gap:6px;display:grid}.auth-copy h2{color:#201a17;margin:0;font-size:24px;line-height:1.12}.auth-copy p{color:#6d6259;font-size:14px;line-height:1.42}.dev-code{color:#104e3b;background:#e9f4e3;border-radius:12px;margin:0;padding:10px 12px;font-weight:900}.form-error{color:#8f281c;background:#f8dfd9;border-radius:12px;margin:0;padding:10px 12px;font-size:13px;font-weight:800}.muted,.empty-state{color:#70655c;font-size:14px;line-height:1.4}.ufma-button{color:#70645a;background:#f5eee5;border:1px dashed #c9baaa;border-radius:16px;justify-content:center;align-items:center;gap:8px;min-height:48px;font-weight:900;display:flex}.ufma-button span{color:#936734;background:#eadcc7;border-radius:999px;padding:3px 7px;font-size:11px}.brand-lockup strong,.brand-lockup span{display:block}.brand-lockup strong{font-size:17px;line-height:1.1}.brand-lockup span{color:#74675d;font-size:13px;line-height:1.2}.step-count{color:#104e3b;justify-self:end;font-size:13px;font-weight:900}.progress-track{background:#efe7dc;height:5px}.progress-track span{background:#104e3b;border-radius:999px;height:100%;transition:width .18s;display:block}.step-copy{padding:24px 20px 16px}.eyebrow{color:#936734;letter-spacing:0;text-transform:uppercase;margin:0 0 8px;font-size:12px;font-weight:900}h1,p{margin:0}h1{color:#201a17;letter-spacing:0;font-size:31px;line-height:1.08}.step-copy>p:last-child{color:#6d6259;margin-top:10px;font-size:15px;line-height:1.45}.choice-list,.chip-grid,.profile-form{min-height:0;padding:0 20px 18px;overflow-y:auto}.choice-list{align-content:start;gap:10px;display:grid}button,input,textarea{font:inherit}.choice-card{text-align:left;color:#2d2520;cursor:pointer;background:#fff;border:1px solid #e0d7cb;border-radius:16px;grid-template-columns:28px minmax(0,1fr);gap:10px;width:100%;min-height:78px;padding:12px;display:grid}.choice-card.active{background:#e9f4e3;border-color:#9dc38f}.checkmark{color:#104e3b;background:#fffaf2;border:1px solid #d7cdbf;border-radius:9px;place-items:center;width:28px;height:28px;display:grid}.choice-card.active .checkmark{color:#fff;background:#104e3b;border-color:#104e3b}.choice-card strong,.choice-card small{display:block}.choice-card strong{font-size:15px;line-height:1.25}.choice-card small{color:#70655c;margin-top:4px;font-size:13px;line-height:1.35}.chip-grid{flex-wrap:wrap;align-content:flex-start;align-items:flex-start;gap:10px;display:flex}.interest-chip{color:#332b26;cursor:pointer;background:#fff;border:1px solid #e0d7cb;border-radius:999px;min-height:42px;padding:0 14px;font-weight:800}.interest-chip.active{color:#fff;background:#104e3b;border-color:#104e3b}.profile-form{align-content:start;gap:14px;display:grid}.photo-picker{color:#104e3b;cursor:pointer;background:#f4efe7;border:1px dashed #bfae9d;border-radius:28px;justify-self:center;place-items:center;gap:4px;width:118px;height:118px;display:grid}.photo-picker span{font-size:12px;font-weight:900}label{gap:7px;display:grid}.photo-picker input{display:none}label>span{color:#514740;font-size:13px;font-weight:900}.input-shell{color:#74675d;background:#fff;border:1px solid #e0d7cb;border-radius:14px;align-items:center;gap:10px;min-height:50px;padding:0 13px;display:flex}input,textarea{color:#201a17;background:0 0;border:0;outline:0;width:100%}textarea{resize:none;background:#fff;border:1px solid #e0d7cb;border-radius:14px;min-height:96px;padding:13px}.ufma-login-note{color:#514740;background:#f1ece4;border-radius:16px;gap:10px;padding:12px;display:flex}.ufma-login-note svg{color:#104e3b;flex-shrink:0;margin-top:2px}.ufma-login-note strong{font-size:13px;display:block}.ufma-login-note p{margin-top:3px;font-size:12px;line-height:1.35}.bottom-actions{background:#fffaf2f0;border-top:1px solid #e4dbcf;padding:12px 20px 18px}.helper-line{color:#70655c;align-items:center;gap:7px;min-height:24px;margin-bottom:10px;font-size:12px;display:flex}.continue-button{color:#fffaf2;cursor:pointer;background:#104e3b;border:0;border-radius:16px;justify-content:center;align-items:center;gap:8px;width:100%;min-height:52px;font-weight:900;display:inline-flex}.continue-button:disabled{color:#93877c;cursor:default;background:#e3dbcf}.app-frame{grid-template-rows:auto minmax(0,1fr) auto}.main-header{border-bottom:1px solid #e4dbcf;justify-content:space-between;align-items:center;min-height:82px;padding:16px 18px 12px;display:flex}.main-header h1{font-size:30px}.app-content{min-height:0;padding:14px;overflow-y:auto}.screen-stack{gap:12px;display:grid}.bottom-nav{background:#fffaf2f5;border-top:1px solid #e4dbcf;grid-template-columns:repeat(4,1fr);gap:6px;min-height:72px;padding:8px;display:grid}.bottom-nav button{color:#6d6259;cursor:pointer;background:0 0;border:0;border-radius:16px;place-items:center;gap:3px;font-size:12px;font-weight:900;display:grid}.bottom-nav button.active{color:#104e3b;background:#e9f4e3}.composer,.post-card,.group-card,.profile-card,.admin-card{background:#fff;border:1px solid #e0d7cb;border-radius:20px;padding:14px;box-shadow:0 10px 26px #2f251c12}.composer{gap:10px;display:grid}.composer textarea{min-height:84px}.composer input,.composer select{color:#201a17;background:#fffaf2;border:1px solid #e0d7cb;border-radius:14px;min-height:44px;padding:0 12px}.composer-actions,.post-actions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.file-button,.send-button,.post-actions button,.group-card button{color:#104e3b;cursor:pointer;background:#e9f4e3;border:0;border-radius:12px;justify-content:center;align-items:center;gap:7px;min-height:38px;padding:0 12px;font-weight:900;display:inline-flex}.send-button{color:#fffaf2;background:#104e3b;margin-left:auto}.send-button:disabled{color:#93877c;cursor:default;background:#e3dbcf}.filter-row{gap:8px;display:flex;overflow-x:auto}.filter-row button{color:#514740;background:#fff;border:1px solid #e0d7cb;border-radius:999px;flex:none;min-height:38px;padding:0 14px;font-weight:900}.filter-row button.active{color:#fffaf2;background:#104e3b;border-color:#104e3b}.post-card{gap:12px;display:grid}.post-head{align-items:center;gap:10px;display:flex}.post-head strong,.post-head span{display:block}.post-head span,.group-card span{color:#70655c;font-size:12px;font-weight:800}.avatar{color:#fffaf2;background:#104e3b;border-radius:14px;flex-shrink:0;place-items:center;width:42px;height:42px;font-weight:900;display:grid;overflow:hidden}.avatar.big{border-radius:28px;width:88px;height:88px;font-size:26px}.avatar img,.post-image{object-fit:cover;width:100%;height:100%}.post-image{border-radius:16px;max-height:320px;display:block}.group-card{gap:8px;display:grid}.group-card h2,.profile-card h2,.admin-card h2{margin:0;font-size:22px}.group-card p,.profile-card p{color:#62574f;margin:0;line-height:1.4}.chat-layout{grid-template-rows:auto minmax(0,1fr)}.chat-list{gap:8px;display:flex;overflow-x:auto}.chat-list button{text-align:left;background:#fff;border:1px solid #e0d7cb;border-radius:16px;flex:0 0 170px;min-height:64px;padding:10px}.chat-list button.active{background:#e9f4e3;border-color:#104e3b}.chat-list strong,.chat-list span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.chat-list span{color:#70655c;font-size:12px}.conversation{background:#fff;border:1px solid #e0d7cb;border-radius:20px;grid-template-rows:minmax(0,1fr) auto;min-height:430px;display:grid;overflow:hidden}.message-list{flex-direction:column;gap:8px;min-height:0;padding:12px;display:flex;overflow-y:auto}.message-bubble{background:#f1ece4;border-radius:16px;max-width:82%;padding:10px}.message-bubble.mine{color:#fffaf2;background:#104e3b;align-self:flex-end}.message-bubble strong{opacity:.8;font-size:11px;display:block}.message-compose{border-top:1px solid #e0d7cb;grid-template-columns:minmax(0,1fr) 44px;gap:8px;padding:10px;display:grid}.message-compose input{border:1px solid #e0d7cb;border-radius:14px;min-height:44px;padding:0 12px}.message-compose button{color:#fffaf2;background:#104e3b;border:0;border-radius:14px}.profile-card{text-align:center;justify-items:center;gap:8px;display:grid}.admin-card{gap:8px;display:grid}.admin-report{background:#f1ece4;border-radius:12px;gap:3px;padding:10px;display:grid}@media (width<=520px){.app-screen{place-items:stretch stretch;padding:0}.phone-frame{border:0;border-radius:0;width:100%;min-height:100vh;max-height:100vh}.step-copy{padding-top:22px}}
