*{box-sizing:border-box}body{margin:0;font-family:Arial,Helvetica,sans-serif;background:#e9ecf5;color:#1f2937}a{text-decoration:none;color:inherit}button,input,textarea{font-family:inherit}.app{max-width:480px;min-height:100vh;margin:0 auto;background:#f4f6fb;padding-bottom:86px;position:relative}.topbar{position:sticky;top:0;z-index:20;background:rgba(244,246,251,.94);backdrop-filter:blur(12px);padding:16px 18px 10px}.topline{display:flex;align-items:center;justify-content:space-between}.logo{font-size:25px;font-weight:900;color:#2457ff;letter-spacing:-.7px}.logo span{color:#8b5cf6}.mini-user{width:38px;height:38px;border-radius:50%;background:linear-gradient(135deg,#2457ff,#8b5cf6);display:grid;place-items:center;color:#fff;overflow:hidden}.mini-user img{width:100%;height:100%;object-fit:cover}.login-pill{background:#fff;border:1px solid #dbe2ff;border-radius:999px;padding:9px 14px;color:#2457ff;font-weight:800;font-size:13px}.container{padding:12px 18px}.search-box,.input-like{display:flex;align-items:center;background:#fff;border:1px solid #e5e7eb;border-radius:999px;padding:12px 14px;font-size:14px;color:#6b7280;margin-bottom:14px}.hero{background:linear-gradient(135deg,#2457ff,#8b5cf6);color:#fff;border-radius:26px;padding:24px;box-shadow:0 16px 34px rgba(79,124,255,.28);overflow:hidden}.hero h1{margin:0 0 10px;font-size:28px;line-height:1.05;letter-spacing:-.8px}.hero p{margin:0;font-size:14px;opacity:.92;line-height:1.45}.actions{margin-top:18px;display:grid;gap:10px}.btn{width:100%;border:0;border-radius:16px;padding:14px 18px;font-size:15px;font-weight:800;cursor:pointer;text-align:center;display:inline-block}.btn-primary{background:#2457ff;color:#fff;box-shadow:0 10px 24px rgba(36,87,255,.25)}.btn-gradient{background:linear-gradient(135deg,#2457ff,#8b5cf6);color:#fff}.btn-light{background:#fff;color:#2457ff;border:1px solid #cfd8ff}.btn-muted{background:#f3f4f6;color:#374151}.btn-danger{background:#fee2e2;color:#991b1b}.section-head{display:flex;align-items:center;justify-content:space-between;margin:24px 0 12px}.section-title{font-size:16px;font-weight:900}.link-blue{color:#2457ff;font-weight:800;font-size:13px}.category-row{display:flex;gap:10px;overflow-x:auto;padding-bottom:4px}.category-card{min-width:84px;background:#fff;border-radius:18px;padding:14px 10px;text-align:center;box-shadow:0 8px 22px rgba(15,23,42,.06)}.category-icon{width:44px;height:44px;border-radius:16px;margin:0 auto 8px;display:grid;place-items:center;background:linear-gradient(135deg,#eef2ff,#ede9fe);font-size:22px}.category-card span{font-size:12px;font-weight:800}.card{background:#fff;border-radius:22px;padding:16px;margin-bottom:12px;box-shadow:0 8px 22px rgba(15,23,42,.055);border:1px solid rgba(229,231,235,.8)}.topic-card{background:#fff;border-radius:18px;padding:14px;margin-bottom:10px;box-shadow:0 8px 22px rgba(15,23,42,.05);border:1px solid #eef0f4}.topic-card strong{display:block;font-size:14px;margin-bottom:5px}.topic-card small,.muted{color:#6b7280;font-size:12px}.form-card{background:#fff;border-radius:24px;padding:22px;box-shadow:0 12px 30px rgba(15,23,42,.08)}.form-card h1,.page-title{margin:0 0 8px;font-size:26px;letter-spacing:-.7px}.form-card p{margin:0 0 20px;color:#6b7280;font-size:14px;line-height:1.45}.form-group{margin-bottom:14px}.form-group label{display:block;margin-bottom:7px;font-size:13px;font-weight:800}.form-group input,.form-group textarea{width:100%;border:1px solid #e5e7eb;background:#f9fafb;border-radius:15px;padding:13px 14px;font-size:15px;outline:none}.form-group textarea{min-height:110px;resize:vertical}.form-group input:focus,.form-group textarea:focus{border-color:#2457ff;background:#fff}.alert{padding:13px 14px;border-radius:14px;margin-bottom:14px;font-size:14px;line-height:1.4}.alert-error{background:#fee2e2;color:#991b1b}.alert-success{background:#dcfce7;color:#166534}.profile-head{background:#fff;border-radius:28px;padding:22px;text-align:center;box-shadow:0 12px 30px rgba(15,23,42,.07);margin-bottom:14px}.avatar{width:96px;height:96px;border-radius:50%;background:linear-gradient(135deg,#2457ff,#8b5cf6);color:#fff;display:grid;place-items:center;font-size:36px;font-weight:900;margin:0 auto 12px;overflow:hidden;border:4px solid #ede9fe}.avatar img{width:100%;height:100%;object-fit:cover}.profile-head h1{font-size:24px;margin:0 0 3px}.profile-head .user{color:#6d5dfc;font-weight:800;font-size:14px}.profile-bio{font-size:14px;line-height:1.45;color:#374151;margin-top:12px}.stats-grid{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:10px}.stat-card{background:#fff;border:1px solid #eef0f4;border-radius:18px;padding:14px;text-align:left}.stat-card strong{display:block;font-size:20px}.stat-card span{font-size:12px;color:#6b7280}.chips{display:flex;flex-wrap:wrap;gap:8px}.chip{border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:8px 11px;font-size:13px}.community-card{position:relative;min-height:104px;border-radius:22px;overflow:hidden;margin-bottom:12px;color:#fff;background:linear-gradient(135deg,#1e3a8a,#7c3aed);box-shadow:0 10px 26px rgba(15,23,42,.12)}.community-card img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:.55}.community-card .overlay{position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.58),rgba(0,0,0,.08))}.community-info{position:relative;z-index:2;padding:16px;display:flex;align-items:center;justify-content:space-between;gap:12px}.community-info h3{margin:0 0 4px;font-size:20px}.community-info p{margin:0;font-size:12px;opacity:.92}.small-pill{background:#fff;color:#2457ff;border-radius:999px;padding:8px 13px;font-size:13px;font-weight:900;white-space:nowrap}.cover{height:155px;border-radius:0 0 28px 28px;background:linear-gradient(135deg,#2457ff,#8b5cf6);position:relative;overflow:hidden;margin:-12px -18px 0}.cover img{width:100%;height:100%;object-fit:cover;opacity:.75}.community-detail{background:#fff;border-radius:24px;padding:18px;margin-top:-32px;position:relative;z-index:2;box-shadow:0 12px 28px rgba(15,23,42,.09)}.community-detail h1{margin:0 0 4px;font-size:26px}.tabs{display:flex;gap:8px;overflow-x:auto;margin:14px 0}.tab{border:1px solid #e5e7eb;border-radius:999px;padding:9px 12px;background:#fff;font-weight:800;font-size:13px}.tab.active{background:#2457ff;color:#fff;border-color:#2457ff}.post-meta{display:flex;align-items:center;gap:8px;margin-bottom:8px}.mini-avatar{width:34px;height:34px;border-radius:50%;background:linear-gradient(135deg,#2457ff,#8b5cf6);color:#fff;display:grid;place-items:center;font-weight:900;overflow:hidden;flex:none}.mini-avatar img{width:100%;height:100%;object-fit:cover}.message{font-size:14px;line-height:1.45;white-space:pre-wrap}.bottom-nav{position:fixed;left:50%;bottom:0;transform:translateX(-50%);width:100%;max-width:480px;background:#fff;border-top:1px solid #e5e7eb;display:grid;grid-template-columns:repeat(5,1fr);padding:8px 8px 10px;z-index:40;box-shadow:0 -8px 25px rgba(15,23,42,.08)}.nav-item{text-align:center;font-size:11px;color:#6b7280;padding:6px 2px}.nav-item .ico{display:block;font-size:20px;margin-bottom:3px}.nav-item.active{color:#2457ff;font-weight:900}.nav-plus{width:44px;height:44px;margin:0 auto;border-radius:50%;background:linear-gradient(135deg,#2457ff,#8b5cf6);color:#fff;display:grid;place-items:center;font-size:24px;font-weight:900;box-shadow:0 10px 24px rgba(36,87,255,.35)}.auth-links{text-align:center;margin-top:16px;color:#6b7280;font-size:14px}.auth-links a{color:#2457ff;font-weight:900}.row-actions{display:flex;gap:8px;margin-top:12px}.row-actions .btn{padding:11px 12px;font-size:13px}.empty{background:#fff;border:1px dashed #d1d5db;color:#6b7280;border-radius:18px;padding:18px;text-align:center;font-size:14px}.fab-space{height:12px}@media (min-width:481px){.app{border-left:1px solid #e5e7eb;border-right:1px solid #e5e7eb}}

.top-actions{display:flex;align-items:center;gap:8px}.notif{position:relative;width:38px;height:38px;border-radius:50%;background:#fff;border:1px solid #e5e7eb;display:grid;place-items:center}.notif b{position:absolute;right:-2px;top:-3px;background:#ef4444;color:#fff;border-radius:999px;font-size:10px;line-height:1;padding:4px 6px}.admin-dot{background:#111827;color:#fff;border-radius:999px;padding:8px 9px;font-size:11px;font-weight:900}.header-flash{margin:10px 0 0}.pill-line{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.mini-btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:8px 11px;font-size:12px;font-weight:900;color:#2457ff}.danger-link{color:#b91c1c;font-weight:900}.admin-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.admin-card{background:#fff;border:1px solid #e5e7eb;border-radius:20px;padding:16px;box-shadow:0 8px 18px rgba(15,23,42,.05)}.admin-card strong{font-size:24px;display:block}.admin-card span{font-size:12px;color:#6b7280}.list-row{background:#fff;border:1px solid #eef0f4;border-radius:18px;padding:13px;margin-bottom:10px;display:flex;gap:10px;align-items:center;justify-content:space-between}.list-row .main{min-width:0}.list-row b{display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.badge{display:inline-block;border-radius:999px;background:#eef2ff;color:#2457ff;padding:5px 8px;font-size:11px;font-weight:900}.badge-red{background:#fee2e2;color:#991b1b}.badge-green{background:#dcfce7;color:#166534}.switch-row{background:#fff;border:1px solid #eef0f4;border-radius:18px;padding:14px;margin-bottom:10px}.select{width:100%;border:1px solid #e5e7eb;background:#f9fafb;border-radius:15px;padding:13px 14px;font-size:15px}.notice-dot{width:10px;height:10px;border-radius:50%;background:#2457ff;display:inline-block;margin-right:6px}.reply-tools,.moderator-tools{display:flex;gap:8px;flex-wrap:wrap;margin-top:10px}.inline-form{display:inline}.tabs a.tab{color:inherit}.fixed-topic{border:2px solid #c7d2fe}.fixed-topic strong:before{content:'📌 ';}.privacy-note{background:#eef2ff;color:#3730a3;border-radius:16px;padding:12px;font-size:13px;margin:10px 0}.two-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.small-text{font-size:12px;color:#6b7280}.search-form{display:flex;gap:8px}.search-form input{flex:1;border:1px solid #e5e7eb;background:#fff;border-radius:999px;padding:12px 14px;font-size:14px}.search-form button{width:auto;border-radius:999px;padding:12px 15px}.community-info .badge{background:#fff;color:#2457ff}.muted-block{background:#f9fafb;border-radius:14px;padding:10px;font-size:13px;color:#6b7280}.danger-zone{border:1px solid #fecaca;background:#fff7f7}


/* Identidade visual Comunia - atualização oficial */
:root{
    --comunia-blue:#0065ff;
    --comunia-lilac:#b35cff;
    --comunia-indigo:#172554;
    --comunia-bg:#f7f8ff;
    --comunia-soft:#eef2ff;
}
body{
    background: radial-gradient(circle at top left, rgba(0,101,255,.10), transparent 32%),
                radial-gradient(circle at top right, rgba(179,92,255,.12), transparent 34%),
                #eef1fb;
}
.app{
    background: linear-gradient(180deg,#fbfcff 0%,#f4f6ff 45%,#f6f4ff 100%);
}
.topbar{
    background: rgba(255,255,255,.88);
    border-bottom:1px solid rgba(137,115,255,.12);
    box-shadow: 0 10px 28px rgba(23,37,84,.05);
}
.logo.brand-logo{
    display:flex;
    align-items:center;
    width:154px;
    height:42px;
    line-height:0;
    overflow:visible;
}
.logo.brand-logo img{
    display:block;
    width:154px;
    max-height:42px;
    object-fit:contain;
}
.hero,.btn-gradient,.nav-plus,.mini-user,.avatar{
    background: linear-gradient(135deg,var(--comunia-blue),var(--comunia-lilac)) !important;
}
.btn-primary{
    background: var(--comunia-blue) !important;
}
.btn-light,.login-pill,.link-blue,.nav-item.active,.small-pill{
    color: var(--comunia-blue) !important;
}
.btn-light,.login-pill{
    border-color: rgba(0,101,255,.25) !important;
}
.hero{
    position:relative;
    border:1px solid rgba(255,255,255,.45);
}
.hero:after{
    content:"";
    position:absolute;
    right:-35px;
    top:-35px;
    width:140px;
    height:140px;
    background:url('../img/icone-comunia.png') center/contain no-repeat;
    opacity:.16;
}
.card,.topic-card,.form-card,.profile-head,.category-card,.stat-card,.community-detail{
    border-color:rgba(137,115,255,.13) !important;
    box-shadow:0 10px 26px rgba(23,37,84,.06) !important;
}
.category-icon{
    background:linear-gradient(135deg,rgba(0,101,255,.12),rgba(179,92,255,.16)) !important;
}
.bottom-nav{
    border-top:1px solid rgba(137,115,255,.14);
    box-shadow:0 -10px 25px rgba(23,37,84,.07);
}
.search-box,.input-like,.search-form input{
    border-color:rgba(137,115,255,.16) !important;
}
@media (max-width:360px){
    .logo.brand-logo{width:132px;height:38px}
    .logo.brand-logo img{width:132px;max-height:38px}
}


/* AJUSTE MOBILE - LOGO MENOR + ENTRAR AO LADO DA LOGO */
.topbar{
    padding:10px 16px 8px !important;
}
.topline{
    display:flex !important;
    align-items:center !important;
    justify-content:space-between !important;
    gap:10px !important;
    min-height:42px !important;
}
.logo.brand-logo{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-start !important;
    width:144px !important;
    max-width:144px !important;
    height:42px !important;
    max-height:42px !important;
    line-height:0 !important;
    overflow:hidden !important;
    flex:0 0 144px !important;
}
.logo.brand-logo img{
    display:block !important;
    width:144px !important;
    height:auto !important;
    max-width:144px !important;
    max-height:42px !important;
    object-fit:contain !important;
}
.top-actions{
    display:flex !important;
    align-items:center !important;
    justify-content:flex-end !important;
    gap:8px !important;
    margin-left:auto !important;
    flex-shrink:0 !important;
}
.login-pill{
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    height:34px !important;
    padding:0 15px !important;
    border-radius:999px !important;
    font-size:13px !important;
    font-weight:900 !important;
    background:#fff !important;
    white-space:nowrap !important;
}
.container{
    padding-top:14px !important;
}
.search-form{
    margin-top:2px !important;
}
.search-form input{
    min-width:0 !important;
}
.search-form button{
    flex:0 0 46px !important;
    width:46px !important;
    height:46px !important;
    padding:0 !important;
}
@media (max-width:380px){
    .logo.brand-logo{
        width:124px !important;
        max-width:124px !important;
        flex-basis:124px !important;
        height:36px !important;
        max-height:36px !important;
    }
    .logo.brand-logo img{
        width:124px !important;
        max-width:124px !important;
        max-height:36px !important;
    }
    .login-pill{
        height:32px !important;
        padding:0 12px !important;
        font-size:12px !important;
    }
}


/* Sistema de postagens com memória social */
.memory-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:14px 0}
.memory-card{background:#fff;border:1px solid rgba(137,115,255,.15);border-radius:22px;padding:16px;box-shadow:0 10px 26px rgba(23,37,84,.06)}
.memory-card .big-ico{font-size:26px;margin-bottom:8px;display:block}
.memory-card b{display:block;font-size:15px;margin-bottom:5px}
.memory-card span{font-size:12px;color:#6b7280;line-height:1.35;display:block}
.memory-card.full{grid-column:1/-1}
.album-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.album-card{background:#fff;border-radius:20px;overflow:hidden;border:1px solid rgba(137,115,255,.15);box-shadow:0 8px 22px rgba(23,37,84,.055)}
.album-cover{height:118px;background:linear-gradient(135deg,rgba(0,101,255,.14),rgba(179,92,255,.20));display:grid;place-items:center;font-size:34px;color:#2457ff}
.album-cover img{width:100%;height:100%;object-fit:cover;display:block}
.album-info{padding:12px}
.album-info b{font-size:14px;display:block;line-height:1.2}
.album-info small{font-size:11px;color:#6b7280}
.photo-grid{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.photo-thumb{display:block;position:relative;border-radius:16px;overflow:hidden;background:#eef2ff;aspect-ratio:1/1;border:1px solid rgba(137,115,255,.14)}
.photo-thumb img{width:100%;height:100%;object-fit:cover;display:block}
.photo-page-img{width:100%;border-radius:22px;display:block;background:#eef2ff}
.poll-option{border:1px solid #e5e7eb;background:#fff;border-radius:16px;padding:12px;margin-bottom:9px;display:flex;align-items:center;gap:10px}
.poll-bar{height:10px;background:#eef2ff;border-radius:999px;overflow:hidden;margin-top:8px}
.poll-fill{height:100%;background:linear-gradient(135deg,var(--comunia-blue),var(--comunia-lilac));border-radius:999px}
.inline-tabs{display:flex;gap:8px;overflow-x:auto;padding:4px 0 12px}
.inline-tabs a{white-space:nowrap;border:1px solid rgba(137,115,255,.18);background:#fff;border-radius:999px;padding:9px 12px;font-size:13px;font-weight:900;color:#2457ff}
.comment-card{background:#fff;border:1px solid #eef0f4;border-radius:18px;padding:13px;margin-bottom:10px}


/* Ajustes inspirados na organização do Orkut, sem copiar identidade */
.admin-dot{background:transparent !important;color:var(--comunia-blue) !important;border:0 !important;padding:0 2px !important;font-size:12px !important;font-weight:900 !important;text-transform:lowercase !important}.logout-mini{color:#64748b;font-size:12px;font-weight:900;padding:6px 2px}.top-actions{gap:7px !important}.mini-user{width:34px;height:34px}.notif{width:34px;height:34px}.pill-line{justify-content:center;display:grid !important;grid-template-columns:1fr 1fr;gap:10px;max-width:330px;margin:14px auto 0}.pill-line .mini-btn{height:42px;padding:0 10px;border-radius:999px;font-size:13px;box-shadow:0 6px 18px rgba(23,37,84,.045)}.orkut-stats{display:grid;grid-template-columns:repeat(5,1fr);gap:7px;margin:14px 0}.orkut-stats a{background:#fff;border:1px solid rgba(137,115,255,.15);border-radius:16px;padding:9px 4px;text-align:center;box-shadow:0 8px 20px rgba(23,37,84,.05)}.orkut-stats span{display:block;font-size:18px;line-height:1}.orkut-stats b{display:block;font-size:14px;margin:3px 0 0;color:#111827}.orkut-stats small{display:block;font-size:10px;color:#64748b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.social-card{background:#fff;border-radius:22px;border:1px solid rgba(137,115,255,.15);box-shadow:0 10px 24px rgba(23,37,84,.06);padding:0;margin:14px 0;overflow:hidden}.social-tab-title{background:linear-gradient(135deg,rgba(0,101,255,.10),rgba(179,92,255,.12));color:#2457ff;font-weight:900;text-transform:lowercase;padding:10px 14px;border-bottom:1px solid rgba(137,115,255,.13)}.social-row{display:grid;grid-template-columns:108px 1fr;gap:8px;padding:10px 14px;border-bottom:1px solid #f1f5f9;font-size:13px;align-items:start}.social-row:nth-child(even){background:#f8fbff}.social-row span{color:#64748b;text-align:right}.social-row b{font-weight:700;color:#1f2937;line-height:1.35}.friend-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:10px}.friend-card{background:#fff;border:1px solid rgba(137,115,255,.15);border-radius:18px;padding:10px;text-align:center;box-shadow:0 8px 20px rgba(23,37,84,.05);min-width:0}.friend-card img,.friend-fallback{width:58px;height:58px;border-radius:16px;object-fit:cover;margin:0 auto 7px;display:grid;place-items:center;background:linear-gradient(135deg,var(--comunia-blue),var(--comunia-lilac));color:#fff;font-weight:900}.friend-card span{font-size:12px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}.empty.full{grid-column:1/-1}.quick-menu-toggle{display:none}.quick-menu-backdrop{position:fixed;inset:0;background:rgba(15,23,42,.35);z-index:49;opacity:0;pointer-events:none;transition:.2s}.quick-menu-panel{position:fixed;left:50%;bottom:72px;transform:translateX(-50%) translateY(16px);width:calc(100% - 28px);max-width:452px;background:#fff;border-radius:28px;padding:12px 14px 16px;z-index:50;box-shadow:0 24px 60px rgba(15,23,42,.24);opacity:0;pointer-events:none;transition:.2s;border:1px solid rgba(137,115,255,.14)}.quick-menu-toggle:checked ~ .quick-menu-backdrop{opacity:1;pointer-events:auto}.quick-menu-toggle:checked ~ .quick-menu-panel{opacity:1;pointer-events:auto;transform:translateX(-50%) translateY(0)}.quick-menu-handle{width:42px;height:5px;border-radius:999px;background:#e5e7eb;margin:0 auto 10px}.quick-menu-title{font-size:16px;font-weight:900;text-align:center;margin-bottom:12px}.quick-menu-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.quick-menu-grid a{border:1px solid rgba(137,115,255,.15);background:#fbfcff;border-radius:18px;padding:12px;display:block}.quick-menu-grid span{font-size:23px;display:block;margin-bottom:5px}.quick-menu-grid b{display:block;font-size:13px}.quick-menu-grid small{font-size:11px;color:#64748b}.nav-create{cursor:pointer}.inline-tabs a.active{background:linear-gradient(135deg,var(--comunia-blue),var(--comunia-lilac));color:#fff !important}.text-memory-card strong{display:block;font-size:15px;margin-bottom:6px}.search-form{margin-bottom:14px}