@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Noto+Sans+JP:wght@400;500;600;700;800;900&display=swap";:root{font-family:DM Sans,Noto Sans JP,system-ui,sans-serif;color:#18382f;background:#f2f6f2;font-synthesis:none;line-height:1.5;--green:#098d68;--green-dark:#006d51;--forest:#092d24;--ink:#1e3c32;--muted:#7b9087;--border:#e7efea;--soft:#eaf6ef;--shadow:0 12px 44px #163e2710}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #52dba4;outline-offset:2px}input,textarea{outline:none}h1,h2,h3,h4,p{margin-top:0}a{color:inherit}.muted{color:var(--muted)!important}.eyebrow{color:var(--green);font-size:11px;letter-spacing:.18em;font-weight:800}.app-state{min-height:100vh;display:flex;justify-content:center;align-items:center;flex-direction:column;gap:14px;background:#f5faf7;text-align:center;padding:24px}.app-state .loading-mark{width:75px;height:75px;display:grid;place-items:center;background:#0f936b;color:#fff;font-size:50px;border-radius:24px;box-shadow:0 15px 40px #158b6555}.setup-card{max-width:520px;padding:40px;border-radius:28px;background:#fff;box-shadow:var(--shadow)}.setup-icon{display:inline-grid;width:68px;height:68px;place-items:center;border-radius:22px;background:var(--green);color:#fff;font-size:43px}.setup-card code{background:#e8f1e9;border-radius:4px;padding:2px 5px}.warning-text{color:#ac6b2d}.inline-error{background:#fff2f2;border:1px solid #ffd4da;color:#9b3145;padding:12px 15px;border-radius:13px;font-size:13px;display:flex;gap:10px;align-items:center;justify-content:space-between}.inline-error button{border:0;background:#fff3f3;color:#a72c4b;font-weight:800}.notice{background:#e5f9ee;border:1px solid #b6e9cd;color:#177251;padding:12px 15px;border-radius:14px;margin:12px 0}.primary-btn,.send-btn{background:linear-gradient(135deg,#0ba77b,#087b5a);border:0;color:#fff;border-radius:13px;font-weight:800;padding:12px 18px;box-shadow:0 5px 16px #00976a29;white-space:nowrap;transition:transform .18s}.primary-btn:hover:not(:disabled),.send-btn:hover:not(:disabled){transform:translateY(-2px)}.outline-btn,.mini-btn{border:1px solid #cfe9db;background:#fff;border-radius:11px;padding:9px 15px;font-weight:800;color:var(--green-dark)}.mini-btn{padding:7px 11px}.subtle-btn,.text-link{border:0;background:transparent;color:var(--green);font-weight:800;cursor:pointer}.login-root{min-height:100vh;display:grid;grid-template-columns:56% 44%;background:#fff}.login-decoration{position:relative;display:flex;align-items:center;min-height:100vh;overflow:hidden;background:radial-gradient(circle at 85% 25%,#21b9904f,transparent 44%),linear-gradient(135deg,#08372c,#061e19 65%,#04372e)}.glass-orb{position:absolute;border:1px solid #a8ebcf55;border-radius:50%;background:#7ce8ae11;box-shadow:inset 0 0 120px #9ddfc620;filter:blur(.3px)}.orb-a{width:520px;height:520px;right:-190px;top:-120px}.orb-b{width:390px;height:390px;right:80px;bottom:-240px}.login-content{position:relative;padding:clamp(35px,7vw,130px);z-index:1;color:#fff}.logo-mark{display:grid;place-items:center;width:68px;height:68px;border-radius:21px;background:linear-gradient(140deg,#2ed6ab,#087b58);font-size:49px;box-shadow:0 20px 40px #02251955}.login-content>.overline{display:block;letter-spacing:.2em;font-size:11px;font-weight:700;margin-top:70px;color:#85d9bc}.login-content h1{font-size:clamp(33px,4.2vw,71px);letter-spacing:-.045em;line-height:1.32;margin-top:19px;margin-bottom:25px}.login-content h1 em{color:#70dcae;font-style:normal}.login-content p{color:#b5d3ca;line-height:2.1;font-size:15px}.feature-pills{display:flex;flex-wrap:wrap;gap:10px;margin-top:35px}.feature-pills span{border:1px solid #8ecfba35;border-radius:30px;padding:10px 13px;background:#ffffff0c;color:#c1e8d9;font-size:12px}.login-panel{display:grid;place-items:center;padding:28px}.login-card{width:min(410px,100%);padding:22px}.login-card h2{font-size:36px;letter-spacing:-.04em;margin:12px 0 8px}.login-card p{color:#7b9188;font-size:13px;margin-bottom:25px}.login-card label,.profile-form label{display:flex;flex-direction:column;gap:8px;margin:17px 0;font-size:13px;font-weight:800;color:#466255}.login-card input,.profile-form input,.profile-form textarea{border:1px solid #dfebe4;background:#f6faf7;padding:14px 15px;border-radius:12px;color:var(--ink);width:100%}.login-submit{width:100%;padding:15px 20px;margin-top:13px;display:flex;justify-content:space-between}.text-link{display:block;margin:23px auto}.login-card .login-foot{font-size:11px;text-align:center;color:#9cafaa;margin-top:45px}.mobile-brand{display:none}.workspace{display:flex;width:100%;height:100dvh;min-height:510px;overflow:hidden;background:#f5f8f6}.app-rail{width:88px;flex-shrink:0;display:flex;align-items:center;flex-direction:column;background:linear-gradient(180deg,#062e24,#031f19);padding:24px 8px 22px;color:#b7e7d5;z-index:2}.rail-logo{width:51px;height:51px;border-radius:18px;background:linear-gradient(140deg,#2cdbac,#0a9569);font-size:35px;display:grid;place-items:center;color:#fff;box-shadow:0 9px 30px #20dbad2e}.rail-items{width:100%;display:flex;flex-direction:column;gap:14px;margin-top:75px}.rail-items button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;padding:10px 0;border:0;background:transparent;border-radius:13px;color:#8cb9a6;transition:background .15s}.rail-items button.active{color:#fff;background:#ffffff1c}.rail-items button:hover{background:#ffffff12}.rail-icon{font-size:25px;line-height:1}.rail-items button small{font-size:10px;font-weight:700}.rail-bottom{margin-top:auto;border:0;background:#ffffff12;color:#c5e9dc;border-radius:11px;padding:8px 13px;font-size:23px}.room-sidebar{width:340px;flex-shrink:0;display:flex;flex-direction:column;background:#fff;border-right:1px solid var(--border)}.room-head{padding:28px 25px 8px}.room-brand{display:flex;align-items:center;gap:8px;font-size:17px;font-weight:900;letter-spacing:-.02em;color:#0e604b}.small-leaf{color:#00ac75;font-size:27px}.room-brand small{font-size:9px;letter-spacing:.15em;color:#0e8d66;margin-left:3px}.room-head h1{font-size:25px;letter-spacing:-.05em;margin:34px 0 10px}.room-head h1 span{font-size:13px;color:var(--muted);margin-left:8px}.sidebar-search{margin:9px 17px 15px;display:flex;align-items:center;background:#f1f6f2;border:1px solid #e8efe9;border-radius:13px;padding:0 13px;gap:10px;color:#8aaca0}.sidebar-search span{font-size:27px}.sidebar-search input{background:transparent;border:0;padding:13px 0;width:100%;font-size:13px}.sidebar-meta{display:flex;align-items:center;justify-content:space-between;margin:0 23px 14px;font-size:12px;font-weight:800;color:#779286}.sidebar-meta button{border:0;background:none;color:var(--green);font-weight:800;font-size:11px}.room-list{flex:1;overflow-y:auto}.room-item{width:100%;border:0;border-left:3px solid transparent;background:#fff;text-align:left;display:flex;align-items:center;gap:10px;padding:14px 17px;transition:background .15s}.room-item:hover{background:#f8fbf9}.room-item.active{background:#edfaf2;border-left-color:#00a875}.avatar{display:grid;place-items:center;flex-shrink:0;width:45px;height:45px;border-radius:17px;color:#0c815c;background:linear-gradient(135deg,#d5f5e6,#e0edf9);font-weight:900;font-size:20px;overflow:hidden}.avatar img{width:100%;height:100%;object-fit:cover}.avatar-lg{width:49px;height:49px;border-radius:17px}.room-item-text{flex:1;min-width:0}.room-item-text strong{display:block;color:#27483b;font-size:13px;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}.room-item-text small{display:block;color:#91a39a;font-size:11px;margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.room-item-info{display:flex;flex-direction:column;align-items:end;gap:9px;color:#91a39a;font-size:11px}.room-item-info b{background:#0aa579;color:#fff;font-size:10px;padding:3px 7px;min-width:22px;text-align:center;border-radius:20px}.sidebar-footer{border-top:1px solid var(--border);padding:15px 18px;font-size:10px;font-weight:700;color:#879d91}.online-dot{display:inline-block;background:#30cf85;border-radius:50%;height:8px;width:8px;margin-right:5px}.version-tag{float:right;color:#0b9870}.empty-side{padding:30px 20px;text-align:center;color:var(--muted);font-size:12px}.empty-side button{background:none;border:0;color:var(--green);margin-top:12px;font-weight:800}.workspace-main{flex:1;min-width:0;display:flex;flex-direction:column;position:relative;background:#f8faf8}.info-sidebar{width:248px;flex-shrink:0;background:#fff;border-left:1px solid var(--border);padding:22px 18px;overflow-y:auto}.info-banner{background:linear-gradient(160deg,#0b543c,#0e956e);color:#fff;text-align:center;border-radius:20px;padding:22px 13px 25px}.info-banner .eyebrow{color:#b9f4d3;font-size:9px}.info-circle{margin:22px auto 13px;width:70px;height:70px;border-radius:50%;display:grid;place-items:center;background:#ffffff24;border:1px solid #ffffff64;font-size:48px}.info-banner h3{font-size:18px;margin-bottom:4px}.info-banner p{font-size:11px;color:#c3f1dd}.info-card{padding:24px 7px}.info-card h4{font-size:14px;margin-bottom:17px}.info-line{display:flex;gap:10px;align-items:center;font-size:12px;padding:10px 2px;color:#6f847b;border-bottom:1px solid #eff4f1}.info-line strong{margin-left:auto;color:#0c8764}.info-tip{padding:17px;background:#f1faf4;border-radius:18px;font-size:12px}.info-tip strong{color:#0a8b62}.info-tip p{color:#7a9488;line-height:1.8;margin:7px 0 0}.disclaimer{display:block;margin:15px 3px;color:#a4b3aa;font-size:10px}.welcome-state{display:flex;align-items:center;justify-content:center;flex-direction:column;min-height:100%;padding:24px;text-align:center}.welcome-illustration{position:relative;display:grid;place-items:center;width:150px;height:150px;border-radius:44px;background:linear-gradient(145deg,#d8f4e1,#b8eed5);box-shadow:0 20px 70px #2c956d25;margin-bottom:45px}.welcome-illustration>span{font-size:92px;color:#1eaa7c}.welcome-illustration>i{position:absolute;bottom:-9px;right:-8px;font-style:normal;font-size:32px;background:#fff;border-radius:15px;padding:7px}.welcome-state h1{font-size:clamp(25px,3vw,40px);line-height:1.45;letter-spacing:-.04em;margin:17px 0}.welcome-state p{color:#8ea39a;font-size:13px;line-height:2}.welcome-state .primary-btn{margin-top:23px}.chat-panel{flex:1;min-height:0;display:flex;flex-direction:column}.chat-top{display:flex;align-items:center;padding:18px 25px;gap:14px;background:#fff;border-bottom:1px solid var(--border);min-height:83px}.chat-top-title{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}.chat-top-title strong{font-size:17px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-top-title span{font-size:11px;color:#8ba197}.top-actions{display:flex;gap:8px}.icon-btn{background:#f2f7f3;border:0;color:#4f806e;font-size:21px;width:39px;height:39px;border-radius:12px;display:grid;place-items:center}.icon-btn:hover{background:#dbf5e4;color:#007959}.call-action{color:#0a9e76;background:#eaf8ef}.chat-extra{padding:10px 22px;background:#fff;border-bottom:1px solid var(--border)}.search-results input{border:1px solid var(--border);border-radius:9px;padding:8px;width:100%}.search-results{max-height:240px;overflow:auto}.search-results>button{border:0;border-bottom:1px solid var(--border);background:none;display:flex;justify-content:space-between;align-items:center;gap:15px;padding:9px;width:100%;text-align:left}.search-results>button span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-results small{flex-shrink:0;color:var(--muted)}.media-list{display:flex;overflow-x:auto;gap:12px;max-height:155px}.media-list .chat-image{width:115px;height:110px;object-fit:cover}.message-scroll{flex:1;overflow-y:auto;padding:26px 6% 24px;background:radial-gradient(circle at 95% 15%,#d7f3e833,transparent 40%),#f9fbf9}.empty{margin:10vh auto;text-align:center;color:#8ba69a}.empty>span{font-size:38px}.empty strong{display:block;color:#5b8372;font-size:18px}.message-row{display:flex;flex-direction:column;align-items:flex-start;margin-bottom:15px;gap:5px}.message-row.mine{align-items:flex-end}.message-box{max-width:min(77%,570px);padding:12px 15px;border-radius:17px 17px 17px 5px;background:#fff;border:1px solid #e9f0ea;box-shadow:0 3px 14px #164c2310;overflow:hidden}.mine .message-box{background:linear-gradient(140deg,#16a77d,#0b8968);border-color:transparent;color:#fff;border-radius:17px 17px 5px}.message-text{font-size:14px;line-height:1.7;white-space:pre-wrap;overflow-wrap:anywhere}.message-meta{display:flex;justify-content:flex-end;font-size:10px;opacity:.65;margin-top:5px}.chat-image{display:block;max-width:260px;max-height:240px;object-fit:cover;border-radius:11px;margin-top:6px}.attachment-link{display:block;text-decoration:none;margin:8px 0}.attachment-link>span{font-size:12px;text-decoration:underline}.attachment-loading{font-size:12px;opacity:.6}.message-hover{display:flex;gap:4px;opacity:0;transition:opacity .15s}.message-row:hover .message-hover,.message-hover:focus-within{opacity:1}.message-hover button{padding:3px 6px;background:#fff;border:1px solid #e4f0e8;border-radius:8px;font-size:12px}.chat-composer{background:#fff;border-top:1px solid var(--border);padding:14px 20px 11px}.compose-row{display:flex;align-items:flex-end;gap:10px;background:#f4f8f5;border:1px solid #e6efe8;border-radius:17px;padding:8px 10px}.compose-row textarea{flex:1;border:0;background:transparent;resize:vertical;min-height:35px;max-height:140px;padding:7px;color:#254d3f;font-size:13px}.compose-row .send-btn{padding:10px 14px;font-size:12px}.chat-composer>small{display:block;text-align:center;color:#a1b0a8;margin-top:9px;font-size:10px}.reply-chip{display:flex;align-items:center;justify-content:space-between;gap:10px;color:#408665;background:#ecfaf2;padding:5px 12px;margin-bottom:8px;border-radius:8px;font-size:12px}.reply-chip button{border:0;background:none;font-size:18px}.mobile-back{display:none}.page-scroll{flex:1;overflow-y:auto;padding:clamp(18px,3vw,40px) clamp(15px,3vw,48px)}.page-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;gap:20px}.page-title h1{font-size:clamp(25px,2.4vw,34px);letter-spacing:-.05em;margin:8px 0 5px}.page-title p{margin:0;color:#87a097;font-size:12px}.card,.feed-card{background:#fff;border:1px solid #e6eee8;box-shadow:0 6px 28px #13392508;border-radius:22px;padding:23px;margin-bottom:22px}.card h3{margin:0 0 14px;font-size:16px;color:#1d503e}.card small{color:#91a69b;font-size:11px}.card p{font-size:13px;line-height:1.8}.grid-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.inline-form{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.inline-form input,.full-input,.card textarea,.search-results input{background:#f7faf7;border:1px solid #e5efe7;border-radius:12px;color:#2a5446;padding:12px;min-width:0}.inline-form>input{flex:1}.full-input{display:block;width:100%;margin:8px 0 14px}.compact-row{display:flex;gap:12px;align-items:center;padding:6px 0}.compact-row .grow{flex:1}.friend-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.friend-card{padding:14px;display:flex;align-items:center;gap:13px;border:1px solid #ecf2ec;border-radius:14px;background:#fcfefb;text-align:left}.friend-card>span:nth-child(2){display:flex;flex-direction:column;min-width:0}.friend-card strong{color:#2d4c40;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.friend-card small{color:#86a195}.friend-chat-icon{margin-left:auto;color:#14a276}.checkbox-list{display:flex;gap:12px;flex-wrap:wrap;margin:15px 0}.checkbox-list label{display:flex;align-items:center;gap:5px;font-size:12px;border-radius:11px;border:1px solid var(--border);padding:8px 11px}.checkbox-list input{accent-color:var(--green)}.social-top .card{min-height:200px}.note-list{display:flex;gap:10px;overflow-x:auto;margin-bottom:15px}.note-bubble{display:flex;flex-direction:column;max-width:190px;background:#e9f7ee;border-radius:14px;padding:10px 13px;font-size:12px}.note-bubble strong{color:#1b805c}.note-bubble span{overflow-wrap:anywhere}.card textarea{display:block;width:100%;resize:vertical;min-height:93px}.color-row{display:flex;gap:9px;margin:14px 0}.color-row button{height:29px;width:29px;border-radius:50%;border:3px solid transparent}.color-row button.picked{border-color:#a9e5ba;box-shadow:0 0 0 2px var(--green)}.story-list{display:flex;gap:16px;overflow-x:auto;padding:6px 0 12px}.story-tile{min-width:200px;max-width:220px;height:255px;color:#fff;border-radius:19px;padding:16px;display:flex;flex-direction:column;box-shadow:0 10px 30px #002d1933}.story-tile strong{font-size:12px}.story-tile p{flex:1;overflow:hidden;word-break:break-word;font-weight:800;font-size:14px}.story-tile img,.story-tile video{width:100%;max-height:105px;object-fit:cover;border-radius:8px}.story-tile small{color:#e2f5e6}.story-actions button{background:#fff2;color:inherit;border:1px solid #fff5;border-radius:8px;font-size:11px}.moment-form textarea{min-height:105px}.upload-label{cursor:pointer;display:inline-block}.feed-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.feed-card{min-width:0;margin:0}.feed-author{display:flex;gap:10px;align-items:center}.feed-author>div{display:flex;flex-direction:column}.feed-author small{color:#9ca9a2}.feed-author .subtle-btn{margin-left:auto}.feed-card>p{white-space:pre-wrap;word-break:break-word;margin-top:15px}.feed-image{width:100%;max-height:360px;border-radius:15px;object-fit:cover}.empty-hint{color:var(--muted);padding:24px}.profile-card{border-radius:25px;background:#fff;overflow:hidden;border:1px solid var(--border);margin-bottom:22px}.profile-cover{height:185px;background:radial-gradient(circle at 80% 10%,#4fbe93,#07563d 65%);background-size:cover;background-position:center}.profile-body{display:flex;align-items:flex-end;gap:20px;padding:0 24px 27px;margin-top:-33px}.profile-avatar{width:99px;height:99px;border:5px solid white;border-radius:28px;font-size:42px}.profile-title{flex:1;align-self:center;margin-top:28px}.profile-title h2{margin:0;font-size:22px}.profile-title span{font-size:12px;color:var(--muted)}.profile-form label{max-width:600px}.profile-form textarea{min-height:120px}.soft-card{background:#f0f9f4;border-color:#e3f2e8}.modal-backdrop{position:fixed;inset:0;background:#02170fd9;backdrop-filter:blur(7px);z-index:50;display:grid;place-items:center;padding:15px}.call-dialog{width:min(480px,100%);max-height:calc(100dvh - 22px);overflow:auto;background:linear-gradient(180deg,#062a25,#092f26);color:#fff;border:1px solid #ffffff22;border-radius:29px;padding:23px;text-align:center;box-shadow:0 30px 110px #0009}.call-header h2{margin:12px 0 4px;font-size:24px}.call-header p{font-size:13px;color:#b6dcd0}.call-emblem{height:62px;width:62px;margin:auto;background:#ffffff1b;border-radius:21px;display:grid;place-items:center;font-size:32px}.call-stage{height:225px;border-radius:20px;background:radial-gradient(circle at 50% 40%,#27674e,#072a23);position:relative;overflow:hidden;margin:15px 0}.call-video-host,.call-video-host video{height:100%;width:100%;object-fit:cover}.call-self-host{position:absolute;width:105px;height:130px;bottom:14px;right:12px;z-index:4}.call-self-host video{object-fit:cover;height:100%;width:100%;border-radius:13px}.call-placeholder{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:15px;color:#b5efce;pointer-events:none}.call-placeholder span{font-size:85px}.call-placeholder strong{font-size:12px}.call-badge{position:absolute;z-index:5;left:12px;top:12px;border-radius:20px;background:#05271bd9;font-size:11px;padding:7px 11px;color:#a3f2c9}.call-time{font-size:24px;font-weight:800;margin-bottom:16px;font-variant-numeric:tabular-nums}.call-buttons{display:flex;align-items:center;gap:9px;justify-content:center;flex-wrap:wrap;margin-bottom:8px}.call-buttons button{border:0;padding:12px 15px;border-radius:12px;font-size:12px;font-weight:800}.call-control{background:#ffffff23;color:#fff}.accept-btn{background:#12b982;color:#fff}.hangup-btn{background:#d94863;color:#fff}.call-footnote{font-size:10px;color:#97bcae;margin-top:19px;line-height:1.8}@media(max-width:1200px){.info-sidebar{display:none}.room-sidebar{width:318px}}@media(max-width:860px){.app-rail{width:69px}.room-sidebar{width:265px}.rail-items button small{font-size:9px}.room-head{padding:20px}.room-head h1{font-size:21px}.chat-top{padding:13px}.top-actions{gap:4px}.top-actions .icon-btn{width:32px;height:32px;font-size:19px}.grid-2,.feed-list,.login-root{grid-template-columns:1fr}.login-decoration{display:none}.login-panel{min-height:100vh;background:radial-gradient(circle at 95% 10%,#c6f0d4,transparent 60%),#f6faf6}.login-card{padding:28px;background:#fff;border-radius:26px;box-shadow:var(--shadow)}.mobile-brand{display:flex;align-items:center;gap:9px;margin-bottom:28px;font-weight:900;color:var(--green)}.mobile-brand .logo-mark{width:42px;height:42px;border-radius:12px;font-size:30px}}@media(max-width:640px){.workspace{min-height:0;height:100dvh}.app-rail{width:55px;padding:14px 4px}.rail-logo{width:42px;height:42px;border-radius:14px;font-size:28px}.rail-items{margin-top:35px}.rail-items button{gap:2px}.rail-icon{font-size:21px}.rail-items button small{font-size:8px}.room-sidebar{flex:1;width:auto}.room-sidebar.room-mobile-hidden{display:none}.room-list{padding-bottom:40px}.workspace-main{display:none}.workspace-main.room-active,.workspace-main:has(.page-scroll),.workspace-main:has(.welcome-state){display:flex}.workspace-main:has(.welcome-state){display:none}.workspace-main.room-active{display:flex}.workspace-main:has(.page-scroll){width:calc(100% - 55px)}.workspace:has(.room-sidebar:not(.room-mobile-hidden)) .workspace-main:not(:has(.page-scroll)){display:none}.mobile-back{display:block;background:#f0faf2;border:0;text-align:left;color:#088d62;padding:9px;font-size:12px;font-weight:800}.chat-top{gap:8px;padding:10px}.chat-top>.avatar{height:40px;width:40px}.chat-top-title strong{font-size:13px}.chat-top-title span{font-size:9px}.chat-top .top-actions{gap:2px}.top-actions .icon-btn{width:29px;height:30px;font-size:17px}.message-box{max-width:90%}.chat-composer{padding:8px}.compose-row{gap:3px;padding:5px}.compose-row .send-btn{padding:9px}.page-scroll{padding:15px}.page-title{margin-bottom:15px}.page-title h1{font-size:24px}.card{padding:18px}.friend-grid{grid-template-columns:1fr}.profile-body{gap:8px;flex-wrap:wrap;padding:0 15px 18px}.profile-avatar{height:72px;width:72px;font-size:28px}.profile-title{margin-top:34px}.profile-cover{height:130px}.message-hover{opacity:1}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;animation-duration:.01ms!important;transition-duration:.01ms!important}}