:root{background:#f4f6f8;color:#1e2732;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}body{margin:0;min-width:320px;min-height:100vh}button,input,textarea{font:inherit}button,.sso-button,.mother-link{align-items:center;border:0;border-radius:8px;cursor:pointer;display:inline-flex;gap:.45rem;justify-content:center;min-height:40px;padding:.55rem .8rem;text-decoration:none}button{background:#1f2937;color:#fff}button.secondary{background:#eef2f5;color:#1e2732}input,textarea{background:#fff;border:1px solid #d5dde5;border-radius:8px;color:#1e2732;padding:.65rem .75rem;width:100%}textarea{min-height:96px;resize:vertical}h1,h2,p{margin-top:0}.social-shell{display:grid;grid-template-columns:260px minmax(0,1fr);min-height:100vh}.sidebar{background:#fff;border-right:1px solid #dde4eb;display:flex;flex-direction:column;gap:1rem;padding:1rem}.eyebrow{color:#466078;font-size:.74rem;font-weight:800;letter-spacing:0;margin-bottom:.35rem;text-transform:uppercase}.sidebar h1{font-size:2rem;line-height:1;margin:0}nav{display:grid;gap:.45rem}nav a{align-items:center;border-radius:8px;color:#3d4652;display:flex;gap:.5rem;min-height:40px;padding:.55rem .7rem;text-decoration:none}nav a.active{background:#e8f0fe;color:#174ea6;font-weight:800}.mother-link{background:#eef4ff;border:1px solid #c8d7f2;color:#1e4f91;font-weight:800}.mother-link.compact{width:100%}.sso-button{background:#1f2937;color:#fff;font-weight:800}.me-card,.panel,.composer,.post-card{background:#fff;border:1px solid #dde4eb;border-radius:8px}.me-card{display:grid;gap:.35rem;justify-items:start;padding:.8rem}.me-card span,.muted,.empty,.post-card header span,.profile-row span,.hero p{color:#6b7683}.logout{background:#fff1f2;color:#9f1239;margin-top:auto;width:100%}.content{display:grid;gap:1rem;padding:1rem}.notice{background:#eef8f4;border:1px solid #93c5b5;border-radius:8px;color:#23634f;margin:0;padding:.75rem}.composer{display:grid;gap:.65rem;padding:.9rem}.composer button{justify-self:end}.post-list{display:grid;gap:.85rem}.post-card{display:grid;gap:.7rem;padding:.9rem}.post-card header,.post-card footer,.profile-row,.notification{align-items:center;display:flex;gap:.7rem}.post-card header a,.profile-row a{color:#1e2732;font-weight:800;text-decoration:none}.post-card header div,.profile-row div{display:grid;min-width:0}.post-card footer{border-top:1px solid #edf1f5;padding-top:.65rem}.post-card footer a,.post-card footer button{background:#eef2f5;color:#1e2732;text-decoration:none}.post-card footer button.active{background:#fee2e2;color:#991b1b}.comments{display:grid;gap:.45rem}.comments p{background:#f7f9fb;border-radius:8px;margin:0;padding:.5rem .65rem}.comment-box{display:grid;gap:.45rem;grid-template-columns:minmax(0,1fr) auto}.grid-view{display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.panel{align-content:start;display:grid;gap:.75rem;padding:.9rem}.panel h2{font-size:1.15rem;margin-bottom:0}.profile-row{border-top:1px solid #edf1f5;padding-top:.65rem}.profile-row>div{flex:1}.profile-row>button,.profile-row>span{margin-left:auto}.notification{border-top:1px solid #edf1f5;justify-content:space-between;padding-top:.65rem}.notification.unread{background:#f8fbff;border-radius:8px;padding:.65rem}.notification p{margin:0}.avatar{align-items:center;background:#dbeafe;border-radius:999px;color:#174ea6;display:inline-flex;flex:0 0 auto;font-weight:900;height:42px;justify-content:center;object-fit:cover;width:42px}.profile-view .avatar{height:76px;width:76px}.public-page{align-content:center;display:grid;justify-items:center;min-height:100vh;padding:1.25rem;text-align:center}.hero{display:grid;gap:.8rem;justify-items:center;max-width:760px}.hero h1{font-size:clamp(3rem,10vw,7rem);line-height:.95;margin:0}@media(max-width:860px){.social-shell{grid-template-columns:1fr}.sidebar{border-bottom:1px solid #dde4eb;border-right:0}nav{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:620px){.content{padding:.7rem}nav,.grid-view,.comment-box{grid-template-columns:1fr}.profile-row,.notification{align-items:flex-start;flex-direction:column}}