.comm-page{padding-block:3rem}.comm-heading{display:flex;align-items:center;justify-content:space-between;gap:2rem;margin-bottom:2rem}.comm-heading h1{font-size:clamp(2.5rem,5vw,4rem);line-height:1.05;letter-spacing:-.04em;margin:.5rem 0 1rem}.comm-heading p,.comm-sign p,.comm-delivery p,.comm-guide p{color:var(--muted);max-width:42rem}.comm-sign{display:flex;align-items:center;justify-content:space-between;gap:2rem;padding:1.5rem 2rem;border-radius:22px;background:var(--navy,#16213a);color:#fff;margin-bottom:1.5rem}.comm-sign h2{margin:0}.comm-sign p{color:#d0d9e8}.comm-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}.comm-stats button{font:inherit;text-align:left;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:18px;padding:1.3rem;cursor:pointer}.comm-stats strong{display:block;font-size:2rem}.comm-stats span{color:var(--muted);font-size:.9rem}.comm-toolbar{display:flex;justify-content:space-between;align-items:center;margin:1.7rem 0}.comm-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:1.3rem}.comm-card{background:var(--surface);border:1px solid var(--line);padding:1.5rem;border-radius:22px;min-width:0}.comm-card-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.comm-card h2{font-size:1.4rem;margin:0}.comm-row,.comm-update{display:flex;width:100%;gap:.9rem;align-items:flex-start;border:0;border-top:1px solid var(--line);background:transparent;text-align:left;font:inherit;color:var(--ink);padding:1rem 0;cursor:pointer}.comm-row>span:nth-child(2),.comm-update>span:nth-child(2){flex:1;min-width:0}.comm-row small,.comm-row time,.comm-update small{display:block;color:var(--muted);font-size:.78rem}.comm-row p,.comm-update p{margin:.25rem 0;font-size:.9rem;color:var(--muted);overflow-wrap:anywhere;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.comm-row-end{text-align:right;display:grid;gap:.4rem;justify-items:end}.comm-update.unread b{color:var(--teal)}.comm-empty{text-align:center;padding:2rem .7rem}.comm-empty>span{display:inline-grid;place-items:center;width:52px;height:52px;border-radius:50%;background:color-mix(in srgb,var(--teal) 10%,var(--surface));color:var(--teal);font-size:1.7rem}.comm-empty p{font-size:.9rem;color:var(--muted);max-width:29rem;margin:.5rem auto 1rem}.comm-empty h3{font-size:1.1rem}.comm-delivery{margin-top:1.3rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}.comm-delivery label{display:flex;align-items:center;gap:.7rem;margin:.6rem 0;font-weight:600}.comm-delivery input{width:18px;height:18px;accent-color:var(--teal)}#comm-push{margin-top:1rem}.comm-guide{display:grid;grid-template-columns:repeat(3,1fr);gap:2rem;margin-top:2.5rem}.comm-guide article>span{color:var(--teal);font-weight:800}.comm-guide h3{margin:.6rem 0}.comm-guide p{font-size:.9rem}.comm-mine-head{display:flex;align-items:center;justify-content:space-between;gap:1rem}.ic-cconnection{font-size:.75rem;padding:.4rem 1rem;color:var(--muted);background:var(--bg);text-align:center}.ic-cconnection.bad{color:var(--bad,#b42318)}@media(max-width:760px){.comm-page{padding-block:1.5rem}.comm-heading,.comm-sign{align-items:flex-start;flex-direction:column;gap:1rem}.comm-stats{grid-template-columns:1fr 1fr;gap:.7rem}.comm-grid,.comm-delivery,.comm-guide{grid-template-columns:1fr}.comm-card{padding:1.1rem}.comm-heading .ownactions{margin:0}.comm-sign{padding:1.3rem}.comm-guide{gap:1rem}.comm-toolbar{gap:.5rem}.comm-mine-head{align-items:flex-start;flex-direction:column}}