:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,sans-serif;color:#15343c;background:#f5f7f8;font-synthesis:none}*{box-sizing:border-box}body{margin:0}button,select,textarea,input{font:inherit}button{cursor:pointer}header{height:64px;padding:calc(env(safe-area-inset-top) + 10px) 18px 10px;display:flex;align-items:center;gap:10px;background:#fff;border-bottom:1px solid #e8edef;position:sticky;top:0;z-index:5}.brand{display:flex;align-items:center;gap:9px;margin-right:auto;font-size:20px}.brand img{width:34px;height:34px}.icon{border:0;background:#eef7f6;border-radius:12px;width:40px;height:40px;color:#176b87}.offline{background:#fff1bf;color:#725300;text-align:center;padding:7px;font-size:12px}.content{padding:18px 16px 92px;max-width:680px;margin:auto}.welcome{display:flex;justify-content:space-between;align-items:center;background:linear-gradient(135deg,#176b87,#2aae8a);color:#fff;border-radius:22px;padding:20px;box-shadow:0 12px 30px #176b8730}.welcome small{letter-spacing:1.4px;opacity:.75}.welcome h2{margin:4px 0;font-size:27px}.welcome img{width:60px;height:60px;border-radius:50%;object-fit:cover;border:3px solid #ffffff80}.quick{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin:17px 0 23px}.quick button{border:1px solid #e2eaec;background:#fff;border-radius:16px;padding:14px 6px;color:#24484f}.quick span{display:block;font-size:22px;color:#199377;margin-bottom:6px}.content h3{margin:8px 3px 12px}.feed{display:grid;gap:12px}.feed article{background:#fff;border:1px solid #e4eaec;border-radius:18px;overflow:hidden;padding:15px}.meta{display:flex;gap:10px;align-items:center}.meta .avatar{width:39px;height:39px;border-radius:50%;background:#d8efea;color:#14725f;display:grid;place-items:center;font-weight:700}.meta div:nth-child(2){display:grid}.meta small{color:#71858a;font-size:12px}.meta>button{margin-left:auto;border:0;background:none}.feed h4{margin:14px 0 5px}.feed p{white-space:pre-wrap;line-height:1.45}.post-img{width:calc(100% + 30px);margin:8px -15px 0;max-height:420px;object-fit:cover}.actions{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid #edf1f2;margin:12px -8px -7px;padding-top:8px}.actions button{border:0;background:none;color:#526d73;padding:8px 2px;font-size:12px}nav{position:fixed;bottom:0;left:0;right:0;background:#fff;border-top:1px solid #dfe7e9;display:grid;grid-template-columns:repeat(5,1fr);padding:7px 4px calc(env(safe-area-inset-bottom) + 7px);z-index:10}nav button{border:0;background:none;color:#72878b;font-size:11px}nav span{display:block;font-size:23px;height:27px}nav button.active{color:#167d72;font-weight:700}.login{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:28px;background:radial-gradient(circle at 50% 20%,#dcf3ef,#f7fafb 48%)}.brand-logo{width:104px;height:104px;filter:drop-shadow(0 12px 18px #176b8740)}.login h1{font-size:38px;margin:18px 0 2px}.login p{color:#638087;margin:0 0 38px}.login button,.filters button,.composer button,.profile>button,.empty button{background:#176b87;color:#fff;border:0;border-radius:13px;padding:14px 22px;font-weight:700}.login button{width:min(100%,340px);background:#fff;color:#344f55;border:1px solid #dbe4e6;box-shadow:0 5px 20px #254c5415}.login small{max-width:330px;color:#789095;margin-top:20px}.filters,.composer{display:grid;gap:11px;background:#fff;border:1px solid #e1e9eb;border-radius:18px;padding:15px}.filters{grid-template-columns:1fr 1fr}.filters select{min-width:0;padding:12px;border:1px solid #dbe5e7;border-radius:11px;background:#fff}.filters button{grid-column:1/-1}.composer textarea{min-height:190px;resize:vertical;border:0;outline:0}.empty{text-align:center;background:#fff;border:1px dashed #ccdadd;border-radius:18px;padding:40px 20px;color:#70898e}.empty span{font-size:52px}.profile{text-align:center;display:grid;gap:12px}.profile>img{width:100px;height:100px;border-radius:50%;margin:10px auto;object-fit:cover}.profile h2,.profile p{margin:0}.pill{background:#dff2ed;color:#166e60;border-radius:30px;padding:6px 12px;margin:auto;text-transform:capitalize}.profile a{color:#176b87;text-decoration:none}.profile .danger{background:#fff;color:#bb3e3e;border:1px solid #efcaca}.toast{position:fixed;left:50%;bottom:90px;transform:translate(-50%);background:#15343c;color:#fff;padding:12px 18px;border-radius:12px;z-index:30;box-shadow:0 6px 25px #0004;white-space:nowrap}@media(min-width:700px){.content{padding-top:28px}nav{left:50%;transform:translate(-50%);max-width:680px;border:1px solid #dfe7e9;border-radius:20px 20px 0 0}.quick button{padding:20px}}.download-link{margin:16px 0 0;color:#176b87;font-weight:700;text-decoration:none}.modal-wrap{position:fixed;top:0;right:0;bottom:0;left:0;background:#102f38aa;z-index:100;display:grid;place-items:center;padding:20px}.update-modal{background:#fff;border-radius:24px;padding:26px;max-width:400px;width:100%;text-align:center;box-shadow:0 24px 70px #0005}.update-icon{display:grid;place-items:center;width:62px;height:62px;margin:auto;background:#dff3ee;color:#187565;border-radius:50%;font-size:34px}.update-modal h2{margin:14px 0 4px}.update-modal p{color:#6a8287}.release-notes{text-align:left;white-space:pre-wrap;background:#f4f8f8;border-radius:12px;padding:13px;margin:14px 0}.update-modal button{display:block;width:100%;border:0;border-radius:12px;padding:13px;background:#176b87;color:#fff;font-weight:700;margin-top:10px}.update-modal button.secondary{background:#eef4f3;color:#284e55}.update-modal small{display:block;margin-top:14px;color:#779095}.section-title{display:flex;justify-content:space-between;align-items:center}.section-title button,.back,.search button,.message-form button{border:0;background:#176b87;color:#fff;border-radius:11px;padding:10px 14px}.search{display:flex;gap:8px;margin-bottom:14px}.search input,.message-form input{flex:1;border:1px solid #d9e5e6;border-radius:11px;padding:12px}.people{display:grid;gap:9px}.people article{display:flex;align-items:center;gap:11px;background:#fff;border:1px solid #e0e9ea;border-radius:15px;padding:12px}.people img{width:45px;height:45px;border-radius:50%;object-fit:cover}.people article>div{display:grid;margin-right:auto;min-width:0}.people small{color:#71878b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.people button{border:0;background:#e4f3f0;color:#176b67;border-radius:10px;padding:9px}.messages{height:calc(100vh - 190px);overflow:auto;display:flex;flex-direction:column;gap:8px;padding:12px 0}.bubble{max-width:80%;background:#fff;border:1px solid #e0e9ea;border-radius:15px 15px 15px 4px;padding:10px 13px;align-self:flex-start}.bubble.mine{background:#dff3ee;border-color:#c4e8df;border-radius:15px 15px 4px;align-self:flex-end}.bubble p{margin:3px 0;white-space:pre-wrap}.bubble small{color:#71878b}.message-form{position:fixed;bottom:70px;left:50%;transform:translate(-50%);width:min(680px,100%);display:flex;gap:8px;background:#fff;padding:10px 14px;border-top:1px solid #e2e9ea}.badge{display:inline-grid;place-items:center;background:#db3434;color:#fff;border-radius:20px;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-style:normal;font-weight:800;position:absolute;transform:translate(-7px,-6px)}.badge.hidden,.hidden{display:none!important}.avatar-img{width:39px;height:39px;border-radius:50%;object-fit:cover;background:#e3f0ee}.meta{position:relative}.meta [data-profile],.comment-list [data-profile],.people [data-profile]{cursor:pointer}.post-menu{position:absolute;right:0;top:40px;background:#fff;border:1px solid #dae5e6;border-radius:12px;box-shadow:0 12px 35px #18343c28;z-index:4;padding:6px;display:grid;min-width:120px}.post-menu button{border:0;background:#fff;text-align:left;padding:9px 12px;border-radius:8px}.post-menu button:hover{background:#f0f6f5}.danger-text{color:#bd3434!important}.counts{display:flex;justify-content:space-between;color:#72868a;font-size:12px;padding:10px 2px 5px}.actions button.selected{color:#16816f;font-weight:800}.comment-list{border-top:1px solid #edf1f2;padding-top:9px;display:grid;gap:7px}.comment-list>div{display:flex;gap:8px;align-items:flex-start}.comment-list img{width:27px;height:27px;border-radius:50%;object-fit:cover}.comment-list p{background:#f1f6f5;border-radius:12px;padding:7px 10px;margin:0;font-size:13px}.active-post{border-color:#a8dbd1!important;box-shadow:0 5px 22px #1a927319}.helpful span{display:block}.hint{background:#e7f5f1;color:#285f56;padding:11px;border-radius:11px;font-size:13px}.compact textarea{min-height:70px}.composer input,.composer select,.composer textarea{width:100%;border:1px solid #dbe5e7;border-radius:11px;padding:12px;background:#fff}.profile-links,.profile-actions{display:grid;grid-template-columns:1fr 1fr;gap:9px}.profile-links button,.profile-actions button{border:0;background:#176b87;color:#fff;border-radius:12px;padding:12px}.profile.public{margin-bottom:14px}.stats{display:flex;justify-content:center;gap:35px}.stats button{border:0;background:none;display:grid;color:#46666c}.stats b{font-size:22px;color:#173f47}.profile-card{background:#fff;border:1px solid #e0e9ea;border-radius:16px;padding:15px;text-align:left}.profile-card h3{margin-top:0}.academic-row{display:flex;justify-content:space-between;gap:14px;border-top:1px solid #edf1f2;padding:9px 0}.academic-row span,.academic-row a{color:#607a80;text-align:right}.visible-field{display:grid;grid-template-columns:1fr auto;gap:8px;align-items:center}.visible-field>label{display:flex;align-items:center;gap:4px;font-size:12px}.visible-field>label input{width:auto}.task-group{margin-top:18px}.task{display:flex;align-items:flex-start;gap:10px;background:#fff;border:1px solid #e0e9ea;border-radius:14px;padding:12px;margin:8px 0}.task>button{border:0;background:#e4f3f0;color:#167363;border-radius:50%;width:30px;height:30px}.task>div{flex:1}.task p{margin:4px 0}.task small{color:#72878b}.task.done{opacity:.62}.task.done b{text-decoration:line-through}.admin-list{display:grid;gap:8px}.admin-list article{background:#fff;border:1px solid #e0e9ea;border-radius:14px;padding:11px;display:flex;gap:6px;align-items:center}.admin-list article>div{display:grid;margin-right:auto}.admin-list small{color:#71878b}.admin-list button{border:0;background:#e7f3f1;color:#176b67;border-radius:8px;padding:7px}.bubble>div{display:flex;align-items:center;gap:6px}.bubble img{width:22px;height:22px;border-radius:50%;object-fit:cover}@media(max-width:520px){.profile-links{grid-template-columns:1fr}.academic-row{display:grid}.academic-row span,.academic-row a{text-align:left}.admin-list article{flex-wrap:wrap}.admin-list article>div{width:100%}}.notify-icon{position:relative}.openable-post,.feed h4[data-post-open]{cursor:pointer}.discussion-summary{width:100%;display:flex;justify-content:space-between;border:0;background:none;color:#6d8388;padding:11px 2px 7px}.zoomable{cursor:zoom-in}.bubble a{color:#087b9f;text-decoration:underline;overflow-wrap:anywhere}.privacy-switch{display:flex;align-items:center;justify-content:space-between;gap:15px;background:#eef8f6;border-radius:14px;padding:13px}.privacy-switch div{display:grid;gap:3px}.privacy-switch small{color:#5e797e}.privacy-switch label{position:relative}.privacy-switch input{width:46px;height:25px;accent-color:#168370}.private-card{background:#fff;border:1px solid #e1e9ea;border-radius:18px;padding:35px 20px;text-align:center}.private-card img{width:80px;height:80px;border-radius:50%;object-fit:cover}.notification-list,.report-list,.user-admin-list{display:grid;gap:9px}.notification-list article,.report-list article,.user-admin-list article{background:#fff;border:1px solid #dfe8ea;border-radius:15px;padding:13px;display:flex;gap:11px;align-items:flex-start}.notification-list article.unread{border-color:#78c6b5;background:#f0fbf8}.notification-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e3f4f0;color:#157261;font-size:20px}.notification-list article>div,.report-list article>div,.user-admin-list article>div{display:grid;gap:3px;min-width:0;flex:1}.notification-list small,.report-list small,.user-admin-list small{color:#70868b}.report-list select,.user-admin-list select{border:1px solid #cedcdf;border-radius:9px;background:#fff;padding:8px}.user-admin-list img{width:42px;height:42px;border-radius:50%;object-fit:cover}.post-detail{background:#f7f9fa;border-radius:22px;width:min(680px,100%);max-height:min(90vh,900px);overflow:auto;padding:20px;position:relative}.post-detail>.close{position:sticky;top:0;float:right;z-index:2;border:0;background:#173f47;color:#fff;border-radius:50%;width:38px;height:38px;font-size:22px}.post-detail>.meta{padding-right:45px}.reaction-people,.discussion{background:#fff;border:1px solid #e0e8ea;border-radius:15px;padding:13px;margin-top:14px}.reaction-people>div{display:flex;align-items:center;gap:9px;padding:6px 0}.reaction-people img,.detail-comment>img{width:32px;height:32px;border-radius:50%;object-fit:cover}.comment-form{display:flex;gap:8px;margin-bottom:12px}.comment-form input{flex:1;border:1px solid #d5e2e4;border-radius:11px;padding:11px}.comment-form button,.detail-comment button{border:0;background:#e0f2ee;color:#156e60;border-radius:9px;padding:7px 10px}.detail-comment{display:flex;gap:9px;margin:10px 0 10px calc(var(--level) * 22px)}.detail-comment>div{flex:1}.detail-comment p{background:#eef4f4;border-radius:12px;padding:9px;margin:0 0 4px}.detail-comment small{color:#73888c;margin-right:8px}.image-viewer{position:fixed;top:0;right:0;bottom:0;left:0;background:#071518f2;z-index:300;display:grid;grid-template-rows:1fr auto;touch-action:none}.image-stage{overflow:hidden;display:grid;place-items:center;touch-action:none}.image-stage img{max-width:100%;max-height:100%;object-fit:contain;will-change:transform;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.image-controls{display:flex;justify-content:center;gap:9px;padding:14px calc(14px + env(safe-area-inset-right)) calc(14px + env(safe-area-inset-bottom))}.image-controls button{border:1px solid #ffffff40;background:#193338;color:#fff;border-radius:12px;min-width:48px;padding:11px}.busy-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0d2a3188;z-index:400;display:grid;place-items:center;padding:20px}.busy-overlay>div{background:#fff;border-radius:18px;padding:22px 26px;display:flex;align-items:center;gap:13px;box-shadow:0 18px 60px #0005}.spinner{width:27px;height:27px;border:3px solid #cce7e1;border-top-color:#168370;border-radius:50%;animation:spin .75s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(max-width:520px){.post-detail{max-height:94vh;padding:14px}.detail-comment{margin-left:calc(var(--level) * 12px)}.notification-list article,.report-list article,.user-admin-list article{flex-wrap:wrap}}