:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:#1c302c;background:#f6f7f3;font-synthesis:none;--green: #1c4238;--coral: #ed8569;--muted: #7b8580;--line: #e4e9e2}*{box-sizing:border-box}body{margin:0}button,input,textarea{font:inherit}button,a,input,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;background:none;color:inherit}button:disabled{cursor:wait;opacity:.5}button:focus-visible,a:focus-visible{outline:3px solid #e18a60;outline-offset:3px}a{color:inherit}input,textarea{border:1px solid #d9e1d9;border-radius:12px;padding:13px 15px;background:#fff;color:#1c302c;width:100%;outline:none}input:focus,textarea:focus{border-color:#638374;box-shadow:0 0 0 3px #dce7df}input[type=checkbox]{width:18px;height:18px;accent-color:var(--green)}label{display:block;text-align:left;font-size:13px;font-weight:600;line-height:1.5}label input,label textarea{margin-top:8px}p{line-height:1.7;color:#758078}h1,h2,h3,p{margin-top:0}h1{font-size:38px;line-height:1.18;letter-spacing:-1.6px;font-weight:550;margin-bottom:16px}h2{font-size:23px;letter-spacing:-.6px;font-weight:550;margin-bottom:9px}h3{font-size:17px;font-weight:600}small{font-size:11px;color:#7f8983;line-height:1.6}strong{font-weight:600}.app{display:flex;min-height:100dvh}.sidebar{position:fixed;inset:0 auto 0 0;width:232px;background:#edf1e9;padding:36px 25px;display:flex;flex-direction:column;border-right:1px solid #e1e6dc}.brand{display:flex;gap:10px;align-items:center;font-size:29px;font-weight:750;letter-spacing:-1.8px}.brand-go{font-weight:450;color:#849382}.brand-mark{width:37px;height:39px;display:inline-flex;justify-content:center;align-items:center;font-size:32px;color:#f9f5e8;background:#214b3d;border-radius:12px 12px 12px 3px;line-height:1;letter-spacing:-5px;padding-right:5px}.brand-mark span{color:#eea285;font-size:39px}.tagline{font-size:13px;line-height:1.65;margin:28px 0 42px;color:#87927f}.sidebar nav{display:grid;gap:9px}.sidebar nav button{display:flex;align-items:center;gap:14px;padding:15px 14px;text-align:left;font-size:14px;border-radius:12px;color:#7c877b}.sidebar nav button.selected{background:#fff;color:#294b3a;box-shadow:0 3px 10px #26362805}.sidebar-bottom{margin-top:auto;display:flex;gap:9px;color:#8c9687;font-size:11px;align-items:center}.app main{margin-left:232px;flex:1;min-width:0}.topbar{height:92px;border-bottom:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;padding:0 44px}.desktop-label{font-size:13px;color:#667463}.topnote{font-size:11px;color:#7e897c;display:flex;align-items:center;gap:7px}.dot{height:5px;width:5px;background:#d18b6a;border-radius:50%}.mobile-brand{display:none}.page{max-width:1120px;margin:auto;padding:45px 44px 36px}.eyebrow{display:block;font-size:10px;letter-spacing:2px;color:#8a9a85;font-weight:650;margin-bottom:17px}.page-title{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:30px}.page-title p{font-size:13px;margin:0}.visibility{border:1px solid #dbe3d7;border-radius:24px;padding:10px 13px;display:flex;gap:7px;align-items:center;font-size:10px;white-space:nowrap;color:#7f8b77}.discovery-card{border:1px solid #e0e7dc;border-radius:24px;background:linear-gradient(140deg,#f0f3ec,#f9faf5);padding:36px 28px 29px;text-align:center;position:relative;overflow:hidden}.radar{height:154px;width:240px;margin:0 auto 19px;display:flex;align-items:center;justify-content:center;position:relative}.radar>div{position:absolute;border:1px solid #dce5d8;border-radius:50%;width:150px;height:150px}.radar>div:nth-child(2){width:106px;height:106px;border-color:#d4dfcf}.radar>div:nth-child(3){height:62px;width:62px;background:#e2eadd}.radar svg{z-index:1;color:#658062}.discovery-card h2{font-size:23px}.discovery-card p{font-size:12px;line-height:1.8}.privacy-chip{display:inline-flex;gap:7px;align-items:center;font-size:10px;color:#83927d;background:#eaf0e4;padding:8px 12px;border-radius:20px;margin-top:6px}.invite-card{display:flex;gap:18px;align-items:center;background:#fff;border:1px solid #e6e8e0;border-radius:21px;padding:25px;margin-top:24px}.invite-symbol{width:58px;height:60px;background:#f9eee5;color:#c78666;display:flex;align-items:center;justify-content:center;border-radius:17px;flex-shrink:0}.invite-card .eyebrow{font-size:8px;margin-bottom:7px;letter-spacing:1.5px;color:#b78b72}.invite-card h2{font-size:20px;margin-bottom:5px}.invite-card p{font-size:11px;margin-bottom:0}.invite-card>.primary{margin-left:auto;font-size:11px;padding:15px 17px}.primary,.secondary{display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:11px;padding:14px 20px;font-size:13px;min-height:46px}.primary{background:var(--green);color:#fff;box-shadow:0 4px 8px #1736280a}.primary:hover{background:#2c5847}.secondary{border:1px solid #dbe3d7;background:#fff;color:#52644e}.principles{display:flex;justify-content:space-between;gap:12px;font-size:10px;color:#899380;margin:27px 4px}.principles span{display:flex;gap:6px;align-items:center}.optional{margin-top:18px;font-size:11px;color:#798573}.optional summary{cursor:pointer}.optional p{font-size:12px;max-width:650px}.optional input{max-width:320px}.error{background:#fff0ec;border-bottom:1px solid #edc7bc;color:#94472f;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 25px;font-size:13px}.error button{display:flex}.badge{font-size:10px;border-radius:20px;background:#bd7158;color:#fff;padding:2px 6px;line-height:1.6;margin-left:auto}.welcome{position:relative;max-width:1150px;margin:auto;padding:80px 55px;min-height:700px}.welcome h1{font-size:48px}.welcome h1 em{font-style:normal;color:#8a9a79}.welcome p{font-size:14px}.welcome form{width:330px;display:grid;gap:15px;margin-top:30px}.check{display:flex;gap:8px;align-items:center;flex-wrap:wrap;font-size:11px;font-weight:400}.check input{margin:0}.text-button{padding:12px 0;font-size:12px;color:#7b8a72}.welcome-art{position:absolute;right:0;top:70px;width:43%;height:460px;overflow:hidden}.orbit{position:absolute;top:35px;left:10px;border:1px solid #e0e6db;border-radius:50%;width:380px;height:380px}.orbit.two{top:75px;left:50px;width:300px;height:300px}.orbit.three{top:115px;left:90px;width:220px;height:220px;background:#eaf0e3}.art-bubble{position:absolute;top:180px;left:50px;background:#d89474;color:#fff8ef;padding:25px 32px;border-radius:30px 30px 30px 3px;font-size:32px;transform:rotate(-8deg);box-shadow:10px 18px 35px #aa855519}.art-bubble span{padding-left:10px}.art-label{position:absolute;top:320px;left:130px;font-size:12px;line-height:1.6;color:#8b987f;transform:rotate(-8deg)}.invite-page{text-align:center;max-width:590px;margin:0 auto;padding:65px 25px}.inv-illustration{width:110px;height:110px;background:#e6eddf;display:flex;align-items:center;justify-content:center;border-radius:36px;position:relative;color:#79906d;margin:0 auto 35px}.floating-dot{width:21px;height:21px;border:5px solid #f6f7f3;border-radius:50%;position:absolute;background:#d39374;right:-7px;top:8px}.invite-page h1{font-size:36px}.invite-page p{font-size:13px;margin-bottom:25px}.invite-actions{display:flex;gap:12px;justify-content:center;margin:25px 0}.invite-actions button{min-width:155px}.invite-page form{display:grid;gap:20px;max-width:350px;margin:30px auto 22px}.invite-page>label{max-width:350px;margin:auto}.loading{height:100dvh;display:flex;align-items:center;justify-content:center;flex-direction:column}.loading p{font-size:13px}.avatar{display:flex;flex-shrink:0;width:47px;height:47px;border-radius:16px;background:#e7ecdf;align-items:center;justify-content:center;color:#899978;font-size:22px;object-fit:cover}.inbox>p{font-size:13px}.empty{border:1px dashed #d8e2d1;border-radius:22px;text-align:center;padding:75px 20px;margin-top:40px}.empty>svg{color:#93a087;margin-bottom:23px}.empty p{font-size:13px}.empty .primary{margin-top:15px}.conversation{padding:22px 0;width:100%;display:flex;align-items:center;gap:18px;text-align:left;border-bottom:1px solid #e4e9de}.conversation>div{min-width:0;flex:1}.conversation strong{font-size:15px}.conversation p{margin:5px 0 0;font-size:12px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.conversation>span{display:flex;gap:10px;flex-direction:column;font-size:10px;color:#8a957f}.request{display:flex;gap:12px;align-items:center;margin:15px 0;font-size:13px}.request strong{flex:1}.request button{padding:10px;font-size:11px}.requests{border:1px solid #dedfd1;border-radius:17px;padding:20px;margin:25px 0}.chat{height:calc(100dvh - 92px);max-width:1060px;margin:auto;display:flex;flex-direction:column;background:#fafbf7}.chat-head{display:flex;align-items:center;gap:13px;padding:20px 26px;border-bottom:1px solid var(--line);background:#f6f7f3}.chat-head h2{font-size:16px;margin:0}.chat-head small{font-size:10px}.online{color:#72926a}.icon{padding:7px;display:inline-flex;align-items:center;justify-content:center}.chat-tools{margin-left:auto;display:flex;gap:4px;color:#929c88}.chat-messages{flex:1;overflow-y:auto;padding:15px 32px;display:flex;flex-direction:column;gap:12px}.chat-notice{font-size:10px;display:flex;gap:6px;align-items:center;justify-content:center;padding:8px;color:#929a8b}.chat-empty{margin:auto;text-align:center;color:#9aa78d;padding:30px}.chat-empty h3{margin:20px 0 8px}.chat-empty p{font-size:12px}.message{align-self:flex-start;max-width:76%;padding:12px 15px 8px;background:#e9eee3;border-radius:16px 16px 16px 3px}.message p{margin:0;white-space:pre-wrap;overflow-wrap:anywhere;font-size:14px;color:#425039;line-height:1.5}.message small{display:flex;justify-content:flex-end;align-items:center;gap:6px;font-size:9px;margin-top:4px}.message.mine{align-self:flex-end;background:#254b3c;border-radius:16px 16px 3px}.message.mine p{color:#f4f6f0}.message.mine small{color:#bacbbe}.date-label{text-align:center;font-size:10px;color:#a2a996;margin:10px}.composer{display:flex;gap:9px;padding:17px 25px calc(17px + env(safe-area-inset-bottom));border-top:1px solid var(--line);background:#f6f7f3}.composer input{flex:1;font-size:13px;border-radius:16px}.composer button{background:#29513e;color:#fff;display:flex;align-items:center;justify-content:center;width:47px;border-radius:14px}.membership,.limit{background:#f5eada;padding:17px 25px;font-size:12px}.membership{display:flex;align-items:center;gap:12px}.membership p,.limit p{font-size:11px;margin:5px 0}.membership>div{flex:1}.membership>button{white-space:nowrap;font-size:11px}.membership>.text-button{color:#8e8b7a}.limit .primary{font-size:11px;padding:10px;margin-top:8px}.profile{max-width:780px}.profile-form{display:grid;gap:20px;background:#fff;padding:28px;border:1px solid var(--line);border-radius:20px;margin:27px 0}.profile-form>.avatar{width:67px;height:67px;font-size:28px}.profile-form label{font-size:12px}.switch-row{display:flex;align-items:center;justify-content:space-between}.switch-row input{margin:0}.muted{font-size:12px;color:#899280}.profile-account{padding:22px;background:#eaf0e3;border-radius:18px;margin-bottom:30px}.profile-account p{font-size:12px}.profile h3{margin-top:25px}.settings-row{display:flex;gap:10px;justify-content:space-between;align-items:center;width:100%;font-size:12px;text-align:left;padding:17px 0;border-bottom:1px solid var(--line)}.settings-row button{font-size:11px;border:1px solid #d9dfd2;padding:8px 12px;border-radius:8px;white-space:nowrap}.danger{color:#a2644c}.privacy-link{display:block;font-size:12px;padding:22px 0}.bottom-nav{display:none}.modal-backdrop{position:fixed;inset:0;background:#192c2870;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);z-index:20;display:flex;align-items:center;justify-content:center;padding:20px}.modal{position:relative;width:440px;max-height:93dvh;overflow:auto;background:#fafbf7;border-radius:25px;padding:33px;text-align:center;box-shadow:0 20px 100px #11231b20}.close{position:absolute;right:12px;top:12px;color:#84917a}.modal-symbol{background:#e9ede3;color:#74876b;border-radius:16px;width:55px;height:55px;display:flex;align-items:center;justify-content:center;margin:0 auto 22px}.modal h2{font-size:25px;margin-top:15px}.modal p{font-size:12px}.modal form{display:grid;gap:18px;margin-top:25px}.modal input{font-size:12px}.qr{display:block;width:195px;height:195px;margin:20px auto;border-radius:13px;border:1px solid #e6e8e0}.share-buttons{display:flex;gap:12px;margin:15px 0}.share-buttons>button{flex:1}.modal small{display:block;font-size:10px}.legal{max-width:780px;margin:40px auto;padding:25px;line-height:1.7}.legal h1{margin-top:45px}.legal h2{margin-top:35px}.legal p{font-size:14px}@media(min-width:1400px){.page{padding-top:60px}.discovery-card{padding:45px}.radar{height:180px;margin-bottom:25px}}@media(max-width:1100px){.sidebar{width:200px;padding:32px 20px}.app main{margin-left:200px}.page{padding:35px 27px}.topbar{padding:0 27px}.page-title{display:block}.visibility{display:inline-flex;margin-top:18px}.invite-card{flex-wrap:wrap}.invite-card>.primary{margin-left:76px}.welcome{padding:60px 30px}.welcome-art{opacity:.5;width:35%;pointer-events:none}.welcome h1{font-size:39px}}@media(max-width:740px){.sidebar{display:none}.app main{margin-left:0}.topbar{height:76px;padding:0 22px}.mobile-brand{display:block}.brand{font-size:26px}.brand-mark{width:32px;height:34px;font-size:29px}.desktop-label{display:none}.topnote{font-size:8px}.topnote .dot{width:4px;height:4px}.page{padding:31px 22px 105px}.eyebrow{font-size:8px;letter-spacing:1.5px}h1{font-size:30px;letter-spacing:-1px}.page-title{margin-bottom:24px}.page-title p{font-size:11px}.visibility{font-size:9px;padding:8px 11px;margin-top:16px}.discovery-card{padding:26px 15px 25px;border-radius:21px}.radar{height:140px;margin-bottom:17px}.radar>div{width:140px;height:140px}.discovery-card h2{font-size:21px}.discovery-card p{font-size:11px}.privacy-chip{font-size:8px}.invite-card{margin-top:18px;padding:20px;gap:14px}.invite-symbol{width:40px;height:45px;border-radius:12px}.invite-symbol svg{width:22px}.invite-card h2{font-size:17px}.invite-card p{font-size:10px}.invite-card .eyebrow{font-size:7px;letter-spacing:1px}.invite-card>.primary{width:100%;margin:4px 0 0;font-size:12px}.principles{flex-direction:column;gap:9px;font-size:9px;margin-top:22px}.bottom-nav{position:fixed;bottom:0;left:0;right:0;display:flex;justify-content:space-around;background:#f8faf5eb;-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);border-top:1px solid #e0e5d9;padding:10px 8px calc(10px + env(safe-area-inset-bottom));z-index:5}.bottom-nav button{position:relative;display:flex;flex-direction:column;align-items:center;gap:6px;color:#9da792;font-size:10px;min-width:80px;padding:2px}.bottom-nav button.selected{color:#2c553f}.bottom-nav i{position:absolute;top:0;right:28px;border-radius:50%;width:5px;height:5px;background:#d48d6d}.welcome{padding:40px 24px}.welcome h1{font-size:38px}.welcome p{font-size:12px}.welcome form{width:100%;max-width:400px}.welcome-art{position:relative;top:0;left:0;height:285px;width:100%;opacity:1;margin-top:20px}.orbit{top:20px;left:20px;width:290px;height:290px}.orbit.two{top:50px;left:50px;width:230px;height:230px}.orbit.three{top:80px;left:80px;width:170px;height:170px}.art-bubble{top:120px;left:40px;font-size:28px}.art-label{top:220px;left:165px}.invite-page{padding:44px 23px}.invite-page h1{font-size:31px}.invite-page p{font-size:12px}.invite-actions{gap:10px}.invite-actions button{min-width:125px}.inv-illustration{width:95px;height:95px;margin-bottom:30px}.chat{height:calc(100dvh - 76px)}.chat-head{padding:16px 14px;gap:10px}.chat-head .avatar{width:39px;height:39px;border-radius:13px;font-size:18px}.chat-head h2{font-size:14px}.chat-tools{gap:0}.chat-messages{padding:10px 17px;gap:10px}.message{max-width:87%;padding:10px 13px 7px}.message p{font-size:13px}.composer{padding:13px 14px calc(13px + env(safe-area-inset-bottom))}.membership{padding:14px;flex-wrap:wrap;gap:5px 15px}.membership>div{min-width:100%}.limit{padding:17px}.conversation{gap:12px}.conversation .avatar{width:43px;height:43px;font-size:20px}.conversation strong{font-size:14px}.conversation p{font-size:11px}.requests{padding:14px}.request{flex-wrap:wrap}.request .avatar{width:32px;height:32px;font-size:17px}.request strong{font-size:12px}.profile-form{padding:21px}.modal{padding:29px 24px;border-radius:23px}.modal-backdrop{padding:15px}.error{padding:10px 16px;font-size:12px}.empty{padding:50px 15px}.empty h2{font-size:21px}}