:root{
    --lpc-navy:#0E2D7B;
    --lpc-navy-deep:#071F58;
    --lpc-navy-soft:#1C4AA0;
    --lpc-amber:#F8B861;
    --lpc-amber-hover:#F2AA49;
    --lpc-amber-active:#E89A34;
    --lpc-amber-text:#B96712;
    --lpc-amber-text-hover:#914B0C;
    --lpc-amber-text-active:#743A08;
    --lpc-page:#EFF3F7;
    --lpc-page-overlay:rgba(248,250,252,.72);
    --lpc-panel:#FFFFFF;
    --lpc-panel-soft:#F7F9FC;
    --lpc-border:#DDE5ED;
    --lpc-border-strong:#CFDAE5;
    --lpc-text:#16345E;
    --lpc-muted:#5D708A;
    --lpc-soft-text:#7C8CA2;
    --lpc-sidebar-foreground:#FFFFFF;
    --lpc-danger:#E24E55;
    --lpc-focus:rgba(14,45,123,.18);
    --lpc-shadow:0 10px 32px rgba(18,47,84,.065);
    --lpc-shadow-hover:0 18px 46px rgba(18,47,84,.11);
    --lpc-shadow-float:0 22px 60px rgba(7,31,88,.18);
    --lpc-radius:16px;
    --lpc-sidebar-width:270px;
    --lpc-header-height:70px;
    --lpc-font:"Segoe UI Variable","Segoe UI",-apple-system,BlinkMacSystemFont,Roboto,Helvetica,Arial,sans-serif;
    --lpc-ease:cubic-bezier(.2,.8,.2,1);
    --lpc-ease-soft:cubic-bezier(.22,1,.36,1);
    --lpc-fast:160ms;
    --lpc-medium:260ms;
    --lpc-slow:420ms;
    --lpc-safe-top:env(safe-area-inset-top,0px);
    --lpc-safe-bottom:env(safe-area-inset-bottom,0px);
}

html.lpc-lock-scroll{
    overflow:hidden;
}

body.lpc-community-page,
body:has(.lpc-app){
    overflow-x:clip;
}

.lpc-app,
.lpc-app *{
    box-sizing:border-box;
}

.lpc-app{
    position:relative;
    width:100vw;
    width:100dvw;
    max-width:100vw;
    max-width:100dvw;
    min-height:100vh;
    min-height:100dvh;
    margin-left:calc(50% - 50vw);
    margin-left:calc(50% - 50dvw);
    overflow-x:clip;
    color:var(--lpc-text);
    background:transparent;
    font-family:var(--lpc-font);
    font-size:15px;
    font-style:normal;
    font-weight:400;
    line-height:1.5;
    letter-spacing:0;
    text-align:left;
    text-rendering:optimizeLegibility;
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
    font-synthesis:none;
    isolation:isolate;
    animation:lpc-app-reveal var(--lpc-medium) var(--lpc-ease-soft) both;
}

@keyframes lpc-app-reveal{
    from{opacity:0}
    to{opacity:1}
}

/* Shared lazy media preview state. Video bytes are attached only when a preview nears the viewport. */
.lpc-app [data-lpc-media-lazy-video]{
    opacity:.02;
    background:linear-gradient(145deg,#0B2A63,#071C42);
    transition:opacity .26s var(--lpc-ease);
}

.lpc-app [data-lpc-media-lazy-video].is-media-ready{
    opacity:1;
}

.lpc-app [data-lpc-media-lazy-video].is-media-error{
    opacity:0;
}

.lpc-app h1,
.lpc-app h2,
.lpc-app h3,
.lpc-app h4,
.lpc-app h5,
.lpc-app h6,
.lpc-app p{
    margin:0;
    font-family:inherit;
    color:inherit;
}

.lpc-app a,
.lpc-app button,
.lpc-app input,
.lpc-app textarea,
.lpc-app select{
    font-family:inherit;
    letter-spacing:0;
    text-transform:none;
}

.lpc-app img{
    display:block;
    max-width:100%;
    height:auto;
}

.lpc-app svg{
    display:block;
    width:1em;
    height:1em;
    flex:0 0 auto;
    overflow:visible;
}

html,
body.lpc-community-page,
.lpc-app,
.lpc-app *{
    scrollbar-width:thin;
    scrollbar-color:rgba(14,45,123,.34) #E9EFF4;
}

html{
    scrollbar-gutter:stable;
}

html::-webkit-scrollbar,
body.lpc-community-page::-webkit-scrollbar{
    width:11px;
    height:11px;
}

.lpc-app *::-webkit-scrollbar{
    width:8px;
    height:8px;
}

html::-webkit-scrollbar-track,
body.lpc-community-page::-webkit-scrollbar-track,
.lpc-app *::-webkit-scrollbar-track{
    background:#E9EFF4;
}

html::-webkit-scrollbar-thumb,
body.lpc-community-page::-webkit-scrollbar-thumb,
.lpc-app *::-webkit-scrollbar-thumb{
    border:2px solid #E9EFF4;
    border-radius:999px;
    background:linear-gradient(180deg,rgba(14,45,123,.42),rgba(14,45,123,.28));
    background-clip:padding-box;
}

html::-webkit-scrollbar-thumb:hover,
body.lpc-community-page::-webkit-scrollbar-thumb:hover,
.lpc-app *::-webkit-scrollbar-thumb:hover{
    background:linear-gradient(180deg,rgba(14,45,123,.62),rgba(14,45,123,.42));
    background-clip:padding-box;
}

/* Clean component reset. One source of truth instead of theme-specific patches. */
.lpc-app button{
    all:unset;
    box-sizing:border-box;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    font-family:inherit;
    font-size:14px;
    font-style:normal;
    font-weight:600;
    line-height:1.2;
    color:inherit;
    cursor:pointer;
    user-select:none;
    -webkit-tap-highlight-color:transparent;
    transition:background-color var(--lpc-fast) var(--lpc-ease),border-color var(--lpc-fast) var(--lpc-ease),color var(--lpc-fast) var(--lpc-ease),box-shadow var(--lpc-medium) var(--lpc-ease),transform var(--lpc-fast) var(--lpc-ease),opacity var(--lpc-fast) var(--lpc-ease);
}

.lpc-app button:focus-visible,
.lpc-app a:focus-visible{
    outline:2px solid rgba(14,45,123,.32);
    outline-offset:3px;
}

.lpc-app button[disabled],
.lpc-app button[aria-disabled="true"]{
    cursor:not-allowed;
    opacity:.55;
}

.lpc-app [hidden]{
    display:none;
}

.lpc-app input[type="search"],
.lpc-app input[type="text"],
.lpc-app textarea{
    all:unset;
    box-sizing:border-box;
    font-family:inherit;
    font-size:14px;
    font-weight:400;
    line-height:1.25;
    color:var(--lpc-text);
    background:#fff;
    border:1px solid var(--lpc-border);
    border-radius:12px;
}

/* Keep native select layout mechanics intact. Resetting a <select> with
 * `all: unset` breaks the browser's internal option alignment and can pin
 * the selected text to the top edge. We normalize the visual properties
 * explicitly instead, while component-level controls can still opt into
 * appearance:none for custom arrows. */
.lpc-app select{
    box-sizing:border-box;
    margin:0;
    font-family:inherit;
    font-size:14px;
    font-weight:400;
    line-height:normal;
    letter-spacing:0;
    text-transform:none;
    color:var(--lpc-text);
    background-color:#fff;
    border:1px solid var(--lpc-border);
    border-radius:12px;
    vertical-align:middle;
}

.lpc-app input::placeholder,
.lpc-app textarea::placeholder{
    color:#8B97A8;
    opacity:1;
}

.lpc-app input:focus,
.lpc-app textarea:focus,
.lpc-app select:focus{
    border-color:rgba(14,45,123,.48);
    box-shadow:0 0 0 3px var(--lpc-focus);
}

/* Header */
.lpc-header{
    position:-webkit-sticky;
    position:sticky;
    top:0;
    z-index:170;
    width:100%;
    min-width:0;
    background:rgba(255,255,255,.96);
    border-bottom:1px solid rgba(211,220,230,.9);
    box-shadow:0 2px 12px rgba(12,38,78,.035);
    backdrop-filter:saturate(150%) blur(14px);
}

.admin-bar .lpc-header{
    top:32px;
}

.lpc-header-inner{
    width:min(1500px,calc(100% - 36px));
    min-height:var(--lpc-header-height);
    margin:0 auto;
    display:grid;
    grid-template-columns:210px 96px minmax(260px,1fr) auto;
    align-items:center;
    gap:16px;
}

.lpc-app .lpc-brand{
    width:188px;
    max-width:100%;
    height:50px;
    justify-content:flex-start;
    padding:4px 0;
    border:0;
    border-radius:10px;
    background:transparent;
    color:var(--lpc-navy);
    box-shadow:none;
    opacity:1;
    filter:none;
}

.lpc-app .lpc-brand:hover{
    border-color:transparent;
    background:transparent;
    color:var(--lpc-navy);
    box-shadow:none;
    opacity:1;
    filter:none;
    transform:translateY(-1px);
}

.lpc-app .lpc-brand:active{
    border-color:transparent;
    background:transparent;
    color:var(--lpc-navy);
    box-shadow:none;
    opacity:1;
    filter:none;
    transform:scale(.99);
}

.lpc-brand-image{
    width:auto;
    max-width:170px;
    max-height:44px;
    object-fit:contain;
}

.lpc-brand-text{
    display:inline-flex;
    align-items:center;
    max-width:190px;
    min-height:32px;
    overflow:hidden;
    color:var(--lpc-navy);
    font-size:18px;
    font-weight:650;
    line-height:1.15;
    letter-spacing:-.02em;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.lpc-app .lpc-site-home{
    all:unset;
    box-sizing:border-box;
    min-height:42px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    gap:8px;
    padding:0 14px;
    border:1px solid transparent;
    border-radius:11px;
    color:var(--lpc-navy);
    font-family:inherit;
    font-size:14px;
    font-weight:700;
    line-height:1;
    cursor:pointer;
    transition:background-color var(--lpc-fast) var(--lpc-ease),border-color var(--lpc-fast) var(--lpc-ease),color var(--lpc-fast) var(--lpc-ease),transform var(--lpc-fast) var(--lpc-ease);
}

.lpc-site-home .lpc-button-icon{
    width:20px;
    height:20px;
    display:grid;
    place-items:center;
    font-size:20px;
}

.lpc-app .lpc-site-home:hover{
    background:#F2F5F8;
    border-color:#E5EAF0;
    color:var(--lpc-navy-deep);
}

.lpc-app .lpc-site-home:active{
    background:#E9EEF4;
}

.lpc-header-search{
    position:relative;
    width:100%;
    max-width:620px;
    min-width:0;
    justify-self:center;
}

.lpc-header-search-icon{
    position:absolute;
    left:17px;
    top:50%;
    z-index:2;
    width:18px;
    height:18px;
    display:grid;
    place-items:center;
    transform:translateY(-50%);
    color:var(--lpc-navy);
    font-size:18px;
    pointer-events:none;
}

.lpc-app .lpc-header-search input{
    width:100%;
    height:42px;
    padding:0 88px 0 46px;
    border:1px solid #E6EBF0;
    border-radius:999px;
    background:#F4F6F9;
    font-size:14px;
    font-weight:400;
}

.lpc-app .lpc-header-search input:hover{
    background:#F0F3F6;
    border-color:#DCE3EA;
}

.lpc-app .lpc-header-search input:focus{
    background:#fff;
}

.lpc-header-search:focus-within{
    z-index:205;
}

.lpc-app .lpc-header-search-clear,
.lpc-app .lpc-header-search-open{
    position:absolute;
    top:50%;
    z-index:4;
    display:grid;
    width:30px;
    height:30px;
    min-width:30px;
    min-height:30px;
    place-items:center;
    padding:0;
    border:0;
    border-radius:50%;
    transform:translateY(-50%);
    cursor:pointer;
    transition:background-color var(--lpc-fast) var(--lpc-ease),color var(--lpc-fast) var(--lpc-ease),transform var(--lpc-fast) var(--lpc-ease);
}

.lpc-app .lpc-header-search-clear{
    right:42px;
    background:transparent;
    color:#718297;
}

.lpc-app .lpc-header-search-clear[hidden]{display:none}
.lpc-app .lpc-header-search-clear:hover{background:#E8EEF4;color:var(--lpc-navy)}
.lpc-app .lpc-header-search-clear:active{transform:translateY(-50%) scale(.94)}
.lpc-header-search-clear svg{width:14px;height:14px}

.lpc-app .lpc-header-search-open{
    right:6px;
    background:rgba(248,184,97,.18);
    color:var(--lpc-navy);
}

.lpc-app .lpc-header-search-open:hover,
.lpc-app .lpc-header-search-open:focus-visible{
    background:var(--lpc-amber);
    color:var(--lpc-navy-deep);
}

.lpc-app .lpc-header-search-open:active{transform:translateY(-50%) scale(.94)}
.lpc-header-search-open svg{width:15px;height:15px}

.lpc-header-search.is-open .lpc-app .lpc-header-search-open,
.lpc-header-search.is-open .lpc-header-search-open{background:var(--lpc-navy);color:#fff}

.lpc-header-search-panel{
    position:absolute;
    top:calc(100% + 9px);
    left:0;
    z-index:220;
    width:100%;
    min-width:420px;
    max-height:min(620px,calc(100vh - var(--lpc-header-height) - 34px));
    overflow-y:auto;
    overscroll-behavior:contain;
    padding:8px;
    border:1px solid #DCE5EE;
    border-radius:18px;
    background:#fff;
    box-shadow:0 22px 54px rgba(17,43,77,.18),0 3px 12px rgba(17,43,77,.06);
}

.lpc-header-search-panel[hidden]{display:none}
.lpc-header-search-results{display:grid;gap:3px}
.lpc-header-search-section{display:grid;gap:5px;padding:5px}
.lpc-header-search-section+ .lpc-header-search-section{border-top:1px solid #EDF1F5;padding-top:10px;margin-top:2px}
.lpc-header-search-section>header{display:flex;align-items:center;gap:7px;padding:2px 7px 4px;color:#61758B}
.lpc-header-search-section>header>span{display:grid;width:18px;height:18px;place-items:center;color:var(--lpc-navy)}
.lpc-header-search-section>header svg{width:14px;height:14px}
.lpc-header-search-section>header strong{font-size:10.5px;font-weight:700;letter-spacing:.045em;text-transform:uppercase}
.lpc-header-search-list{display:grid;gap:2px}

.lpc-app .lpc-header-search-item{
    box-sizing:border-box;
    width:100%;
    min-width:0;
    min-height:52px;
    display:grid;
    grid-template-columns:40px minmax(0,1fr) 22px;
    align-items:center;
    gap:10px;
    padding:6px 8px;
    border:1px solid transparent;
    border-radius:12px;
    background:transparent;
    color:#244562;
    font-family:inherit;
    text-align:left;
    text-decoration:none;
    cursor:pointer;
}

.lpc-app .lpc-header-search-item:hover,
.lpc-app .lpc-header-search-item:focus-visible{
    border-color:#E0E8F0;
    background:#F4F7FA;
    color:var(--lpc-navy);
    outline:0;
}

.lpc-header-search-item>img,
.lpc-header-search-group-avatar{
    width:38px;
    height:38px;
    display:grid;
    place-items:center;
    overflow:hidden;
    border-radius:50%;
    background:#EDF2F7;
    color:var(--lpc-navy);
}
.lpc-header-search-item>img,.lpc-header-search-group-avatar img{width:38px;height:38px;object-fit:cover}
.lpc-header-search-group-avatar svg{width:18px;height:18px}
.lpc-header-search-type-icon{width:38px;height:38px;display:grid;place-items:center;border-radius:11px;background:rgba(248,184,97,.18);color:var(--lpc-navy)}
.lpc-header-search-type-icon svg{width:17px;height:17px}
.lpc-header-search-item>span:nth-child(2){min-width:0;display:grid;gap:2px}
.lpc-header-search-item>span:nth-child(2)>strong{overflow:hidden;color:#203E5B;font-size:12.5px;font-weight:600;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.lpc-header-search-item>span:nth-child(2)>small{overflow:hidden;color:#7A8B9C;font-size:10.5px;line-height:1.3;text-overflow:ellipsis;white-space:nowrap}
.lpc-header-search-item>i{display:grid;place-items:center;color:#9AA8B6}
.lpc-header-search-item>i svg{width:13px;height:13px;transform:rotate(-90deg)}

.lpc-header-search-chips,.lpc-header-search-trending{display:flex;flex-wrap:wrap;gap:6px;padding:1px 5px 4px}
.lpc-app .lpc-header-search-chips button,
.lpc-app .lpc-header-search-trending button{
    display:inline-flex;
    min-width:0;
    min-height:34px;
    align-items:center;
    gap:6px;
    padding:0 10px;
    border:1px solid #E1E8EF;
    border-radius:999px;
    background:#F8FAFC;
    color:#36546F;
    font-family:inherit;
    cursor:pointer;
}
.lpc-app .lpc-header-search-chips button:hover,
.lpc-app .lpc-header-search-chips button:focus-visible,
.lpc-app .lpc-header-search-trending button:hover,
.lpc-app .lpc-header-search-trending button:focus-visible{border-color:#C9D7E4;background:#EDF3F8;color:var(--lpc-navy);outline:0}
.lpc-header-search-chips button svg{width:13px;height:13px}
.lpc-header-search-chips button span,.lpc-header-search-trending button strong{max-width:150px;overflow:hidden;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}
.lpc-header-search-trending button>span{color:#B87518;font-size:12px;font-weight:700}
.lpc-header-search-trending button small{color:#8C9AA8;font-size:9.5px}
.lpc-header-search-trending.is-compact{padding-bottom:5px}

.lpc-app .lpc-header-search-footer{
    width:100%;
    min-width:0;
    display:grid;
    grid-template-columns:34px minmax(0,1fr) 20px;
    align-items:center;
    gap:9px;
    margin-top:3px;
    padding:9px 10px;
    border:0;
    border-top:1px solid #E8EDF2;
    border-radius:0 0 11px 11px;
    background:#fff;
    color:var(--lpc-navy);
    font-family:inherit;
    text-align:left;
    cursor:pointer;
}
.lpc-app .lpc-header-search-footer:hover,.lpc-app .lpc-header-search-footer:focus-visible{background:#F2F6FA;outline:0}
.lpc-header-search-footer>svg:first-child{width:18px;height:18px;padding:7px;border-radius:10px;box-sizing:content-box;background:rgba(248,184,97,.22)}
.lpc-header-search-footer>span{min-width:0;display:grid;gap:2px}
.lpc-header-search-footer strong{overflow:hidden;font-size:11.5px;font-weight:700;text-overflow:ellipsis;white-space:nowrap}
.lpc-header-search-footer small{color:#8291A0;font-size:9.5px}
.lpc-header-search-footer>svg:last-child{width:13px;height:13px;transform:rotate(-90deg)}

.lpc-header-search-empty{display:flex;align-items:center;gap:11px;padding:18px 14px;color:#738598}
.lpc-header-search-empty>span{width:36px;height:36px;display:grid;flex:0 0 36px;place-items:center;border-radius:11px;background:#F1F5F8;color:var(--lpc-navy);font-weight:700}
.lpc-header-search-empty>span svg{width:17px;height:17px}
.lpc-header-search-empty>div{display:grid;gap:2px}
.lpc-header-search-empty strong{color:#2B4965;font-size:12px;font-weight:600}
.lpc-header-search-empty small{font-size:10.5px;line-height:1.45}
.lpc-header-search-loading{display:flex;min-height:74px;align-items:center;justify-content:center;gap:6px;color:#74879A}
.lpc-header-search-loading>span{width:6px;height:6px;border-radius:50%;background:var(--lpc-navy);animation:lpcHeaderSearchDot 1s ease-in-out infinite}
.lpc-header-search-loading>span:nth-child(2){animation-delay:.12s}.lpc-header-search-loading>span:nth-child(3){animation-delay:.24s}
.lpc-header-search-loading em{margin-left:4px;font-size:10.5px;font-style:normal;font-weight:600}
@keyframes lpcHeaderSearchDot{0%,70%,100%{opacity:.25;transform:translateY(0)}35%{opacity:1;transform:translateY(-3px)}}

.lpc-header-actions{
    position:relative;
    min-width:0;
    display:flex;
    align-items:center;
    justify-content:flex-end;
    gap:7px;
}

.lpc-app .lpc-icon-button,
.lpc-app .lpc-mobile-menu-button,
.lpc-app .lpc-mobile-sidebar-head button{
    width:42px;
    height:42px;
    min-width:42px;
    min-height:42px;
    padding:0;
    place-items:center;
    border:1px solid transparent;
    border-radius:50%;
    background:transparent;
    color:var(--lpc-navy);
    font-size:20px;
}

.lpc-app .lpc-icon-button,
.lpc-app .lpc-mobile-sidebar-head button{
    display:grid;
}

.lpc-app .lpc-mobile-search-button,
.lpc-app .lpc-mobile-menu-button{
    display:none;
}

.lpc-app .lpc-icon-button:hover,
.lpc-app .lpc-mobile-menu-button:hover,
.lpc-app .lpc-mobile-sidebar-head button:hover{
    background:#F2F5F8;
    border-color:#E3E9EF;
    color:var(--lpc-navy-deep);
}

.lpc-app .lpc-icon-button:active,
.lpc-app .lpc-mobile-menu-button:active,
.lpc-app .lpc-mobile-sidebar-head button:active{
    background:#E8EDF3;
    transform:scale(.97);
}

.lpc-app .lpc-icon-button{
    position:relative;
}

.lpc-notice-dot{
    position:absolute;
    top:6px;
    right:6px;
    width:8px;
    height:8px;
    border:2px solid #fff;
    border-radius:50%;
    background:var(--lpc-amber);
}

.lpc-app .lpc-profile-button{
    max-width:205px;
    min-height:46px;
    justify-content:flex-start;
    gap:9px;
    padding:3px 9px 3px 3px;
    border:1px solid transparent;
    border-radius:999px;
    background:transparent;
    color:var(--lpc-text);
}

.lpc-app .lpc-profile-button:hover{
    background:#F2F5F8;
    border-color:#E5EAF0;
}

.lpc-app .lpc-profile-button:active{
    background:#E9EDF3;
}

.lpc-profile-button img{
    width:38px;
    height:38px;
    min-width:38px;
    border:2px solid #fff;
    border-radius:50%;
    object-fit:cover;
    box-shadow:0 0 0 1px #DFE5EC;
}

.lpc-profile-button>span{
    max-width:112px;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--lpc-navy-deep);
    font-size:15px;
    font-weight:700;
}

.lpc-profile-button i{
    width:14px;
    height:14px;
    display:grid;
    place-items:center;
    color:var(--lpc-navy);
    font-size:14px;
    font-style:normal;
    transform:rotate(90deg);
}

.lpc-profile-menu{
    position:absolute;
    right:0;
    top:52px;
    z-index:220;
    width:214px;
    padding:8px;
    background:rgba(255,255,255,.985);
    border:1px solid var(--lpc-border);
    border-radius:14px;
    box-shadow:var(--lpc-shadow-float);
    opacity:0;
    visibility:hidden;
    pointer-events:none;
    transform:translateY(-7px) scale(.985);
    transform-origin:top right;
    transition:opacity var(--lpc-fast) var(--lpc-ease),transform var(--lpc-medium) var(--lpc-ease-soft),visibility 0s linear var(--lpc-medium);
}

.lpc-app.is-profile-open .lpc-profile-menu{
    opacity:1;
    visibility:visible;
    pointer-events:auto;
    transform:none;
    transition-delay:0s;
}

.lpc-app .lpc-profile-menu :is(button,a){
    width:100%;
    min-height:42px;
    justify-content:flex-start;
    gap:10px;
    padding:0 12px;
    border:1px solid transparent;
    border-radius:10px;
    background:transparent;
    color:var(--lpc-text);
    font-size:14px;
    font-weight:600;
    text-align:left;
}

.lpc-app .lpc-profile-menu :is(button,a) svg{
    width:18px;
    height:18px;
    color:var(--lpc-navy);
}

.lpc-app .lpc-profile-menu a{
    display:flex;
    align-items:center;
    text-decoration:none;
}

.lpc-profile-menu .lpc-nav-custom-icon,
.lpc-mobile-nav-icon-wrap .lpc-nav-custom-icon{
    display:block;
    width:20px;
    height:20px;
    flex:0 0 20px;
    background-color:currentColor;
    -webkit-mask-image:var(--lpc-nav-custom-icon);
    mask-image:var(--lpc-nav-custom-icon);
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-size:contain;
    mask-size:contain;
}

.lpc-app .lpc-profile-menu :is(button,a):hover{
    background:#F3F6F8;
    border-color:#E7ECF1;
    color:var(--lpc-navy-deep);
}

.lpc-app .lpc-profile-menu :is(button,a):active{
    background:#E9EEF3;
}

/* Layout */
.lpc-layout{
    width:min(1500px,calc(100% - 36px));
    margin:0 auto;
    padding:16px 0 46px;
    display:grid;
    grid-template-columns:var(--lpc-sidebar-width) minmax(0,1fr) var(--lpc-sidebar-width);
    grid-template-areas:"left main right";
    align-items:start;
    gap:16px;
    min-width:0;
}

.lpc-app.lpc-without-left-sidebar .lpc-layout{
    grid-template-columns:minmax(0,1fr) var(--lpc-sidebar-width);
    grid-template-areas:"main right";
}

.lpc-app.lpc-without-right-sidebar .lpc-layout{
    grid-template-columns:var(--lpc-sidebar-width) minmax(0,1fr);
    grid-template-areas:"left main";
}

.lpc-app.lpc-without-left-sidebar.lpc-without-right-sidebar .lpc-layout{
    grid-template-columns:minmax(0,1fr);
    grid-template-areas:"main";
}

/* Desktop navigation contracts into a usable icon rail, never a hidden column. */
.lpc-app .lpc-sidebar-collapse-toggle{display:none}
.lpc-rail-tooltip{position:fixed;z-index:100000;max-width:240px;padding:10px 14px;border:1px solid #294a83;border-radius:10px;color:#fff;background:#071f58;box-shadow:0 8px 24px rgba(7,31,88,.2);font:600 13px/1.5 var(--lpc-font, sans-serif);overflow-wrap:anywhere}
.lpc-rail-tooltip[hidden]{display:none}
@media (min-width:1025px){
    .lpc-app .lpc-layout{width:min(1760px,calc(100% - 32px))}
    .lpc-app .lpc-sidebar-collapse-toggle{display:flex;align-items:center;justify-content:flex-start;gap:12px;flex-shrink:0;width:100%;min-height:44px;margin:0 0 6px;padding:0 13px;border:1px solid #FFFFFF38;border-radius:10px;background:#FFFFFF1A;-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);box-shadow:0 6px 18px #00000029;color:var(--lpc-sidebar-foreground);font-family:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background-color var(--lpc-fast) var(--lpc-ease),border-color var(--lpc-fast) var(--lpc-ease),box-shadow var(--lpc-fast) var(--lpc-ease),transform var(--lpc-fast) var(--lpc-ease)}
    .lpc-app .lpc-sidebar-collapse-toggle:hover,.lpc-app .lpc-sidebar-collapse-toggle:active{background:#F4AB4AC7;color:var(--lpc-sidebar-foreground);border-color:#FFE5B857;box-shadow:0 6px 18px #0000002E}
    .lpc-app .lpc-sidebar-collapse-toggle:focus-visible,.lpc-app .lpc-sidebar-left .lpc-nav-item:focus-visible{outline:2px solid #0e2d7b;outline-offset:-3px}
    .lpc-sidebar-collapse-icon{display:grid;place-items:center;flex:0 0 22px;width:22px;height:22px}
    .lpc-sidebar-collapse-icon svg{width:18px;height:18px;transform:rotate(180deg)}
    .lpc-app.lpc-left-sidebar-collapsed .lpc-layout{grid-template-columns:76px minmax(0,1fr) var(--lpc-sidebar-width)}
    .lpc-app.lpc-left-sidebar-collapsed.lpc-without-right-sidebar .lpc-layout{grid-template-columns:76px minmax(0,1fr);grid-template-areas:"left main"}
    .lpc-app.lpc-left-sidebar-collapsed .lpc-sidebar-left .lpc-sidebar-sticky{scrollbar-gutter:auto;scrollbar-width:thin;gap:8px}
    .lpc-app.lpc-left-sidebar-collapsed .lpc-sidebar-left .lpc-sidebar-sticky>:not(.lpc-nav):not(.lpc-create-group-rail-button){display:none}
    .lpc-app.lpc-left-sidebar-collapsed .lpc-sidebar-left .lpc-nav{padding:8px;gap:6px;flex-shrink:0}
    .lpc-app.lpc-left-sidebar-collapsed .lpc-sidebar-left .lpc-nav-label{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
    .lpc-app.lpc-left-sidebar-collapsed .lpc-sidebar-left :is(.lpc-nav-item,.lpc-sidebar-collapse-toggle,.lpc-create-group-rail-button){position:relative;display:flex;align-items:center;justify-content:center;min-height:46px;padding:0;gap:0;flex-shrink:0}
    .lpc-app.lpc-left-sidebar-collapsed .lpc-sidebar-collapse-icon svg{transform:rotate(0)}
    .lpc-app.lpc-left-sidebar-collapsed .lpc-sidebar-collapse-toggle{background:#F4AB4AC7;border-color:#FFE5B857;box-shadow:0 6px 18px #0000002E}
    .lpc-app.lpc-left-sidebar-collapsed .lpc-sidebar-collapse-toggle:hover{background:#F4AB4AC7;color:var(--lpc-sidebar-foreground);border-color:#FFE5B857}
    .lpc-app.lpc-left-sidebar-collapsed .lpc-nav-item .lpc-nav-count{position:absolute;top:1px;right:1px;min-width:16px;height:16px;padding:0 3px;margin:0;font-size:9px;line-height:16px}
    .lpc-app.lpc-left-sidebar-collapsed .lpc-create-group-rail-button{width:60px;align-self:center}
}

.lpc-header-search--disabled{
    min-height:1px;
}

.lpc-sidebar,
.lpc-main{
    min-width:0;
    max-width:100%;
}

.lpc-sidebar-left,
.lpc-sidebar-right{
    position:relative;
    color:var(--lpc-sidebar-foreground);
    z-index:1;
    align-self:stretch;
}

.lpc-sidebar-sticky{
    position:-webkit-sticky;
    position:sticky;
    top:var(--lpc-sidebar-smart-top,calc(var(--lpc-header-height) + 16px));
    display:flex;
    min-width:0;
    min-height:0;
    max-height:var(--lpc-sidebar-available-height,calc(100dvh - var(--lpc-header-height) - 32px));
    flex-direction:column;
    gap:12px;
    overflow-x:hidden;
    overflow-y:auto;
    overscroll-behavior-y:contain;
    scrollbar-gutter:stable;
    scrollbar-width:thin;
    scrollbar-color:#c5d1dd transparent;
    scroll-behavior:smooth;
    padding:0 4px 2px 0;
    border:0;
    border-radius:0;
    background:transparent;
    box-shadow:none;
}
.lpc-sidebar-sticky::-webkit-scrollbar{width:7px}
.lpc-sidebar-sticky::-webkit-scrollbar-track{background:transparent}
.lpc-sidebar-sticky::-webkit-scrollbar-thumb{border-radius:999px;background:#c5d1dd}

.lpc-sidebar-dynamic{
    display:flex;
    min-width:0;
    max-width:100%;
    flex-direction:column;
    gap:12px;
    background:transparent;
}

.lpc-sidebar-sticky>.lpc-nav{
    flex:0 0 auto;
    overflow:visible;
    background:var(--lpc-panel);
    background-clip:padding-box;
    -webkit-backdrop-filter:blur(8px) saturate(1.04);
    backdrop-filter:blur(8px) saturate(1.04);
}
.lpc-sidebar-sticky>.lpc-side-card,
.lpc-sidebar-sticky>.lpc-trending-card,
.lpc-sidebar-dynamic>.lpc-side-card,
.lpc-sidebar-dynamic>.lpc-trending-card{
    flex:0 0 auto;
    overflow:hidden;
    background:var(--lpc-panel);
    background-clip:padding-box;
    -webkit-backdrop-filter:blur(8px) saturate(1.04);
    backdrop-filter:blur(8px) saturate(1.04);
}

.admin-bar .lpc-sidebar-sticky{
    top:var(--lpc-sidebar-smart-top,calc(var(--lpc-header-height) + 48px));
}

.lpc-sidebar-left{
    grid-area:left;
}

.lpc-main{
    position:relative;
    z-index:2;
    grid-area:main;
    display:flex;
    flex-direction:column;
    gap:12px;
    scroll-margin-top:calc(var(--lpc-header-height) + 12px);
}

.lpc-sidebar-right{
    grid-area:right;
}

/* Left rail */
.lpc-mobile-sidebar-head{
    display:none;
}

.lpc-nav,
.lpc-trending-card,
.lpc-content-card,
.lpc-page-head,
.lpc-stories-card,
.lpc-composer-card,
.lpc-feed-filter-card,
.lpc-feed-empty-card,
.lpc-side-card{
    min-width:0;
    max-width:100%;
    background:rgba(255,255,255,.99);
    border:1px solid var(--lpc-border);
    border-radius:var(--lpc-radius);
    box-shadow:var(--lpc-shadow);
    transition:border-color var(--lpc-medium) var(--lpc-ease),box-shadow var(--lpc-medium) var(--lpc-ease),transform var(--lpc-medium) var(--lpc-ease-soft),background-color var(--lpc-medium) var(--lpc-ease);
}

@media (hover:hover){
    .lpc-content-card:hover,
    .lpc-stories-card:hover,
    .lpc-composer-card:hover,
    .lpc-feed-filter-card:hover,
    .lpc-feed-empty-card:hover,
    .lpc-side-card:hover,
    .lpc-trending-card:hover{
        border-color:rgba(14,45,123,.16);
        box-shadow:var(--lpc-shadow-hover);
        transform:translateY(-1px);
    }
}

.lpc-nav{
    display:flex;
    min-height:max-content;
    flex:0 0 auto;
    flex-direction:column;
    gap:5px;
    overflow:visible;
    padding:10px;
}

.lpc-nav-section-label{
    display:flex;
    align-items:center;
    min-height:28px;
    padding:7px 10px 3px;
    color:var(--lpc-sidebar-foreground);
    font-size:10.5px;
    font-weight:700;
    letter-spacing:.12em;
    text-transform:uppercase;
    opacity:.82;
}

.lpc-app .lpc-nav-item{
    display:flex;
    align-items:center;
    box-sizing:border-box;
    width:100%;
    min-height:46px;
    justify-content:flex-start;
    gap:12px;
    padding:0 13px;
    border:1px solid #FFFFFF38;
    border-radius:11px;
    background:#FFFFFF1A;
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
    box-shadow:0 6px 18px #00000029;
    color:var(--lpc-sidebar-foreground);
    font-size:14.5px;
    font-weight:600;
    text-align:left;
    text-decoration:none;
    cursor:pointer;
    transition:background-color var(--lpc-fast) var(--lpc-ease),border-color var(--lpc-fast) var(--lpc-ease),box-shadow var(--lpc-fast) var(--lpc-ease),color var(--lpc-fast) var(--lpc-ease),transform var(--lpc-fast) var(--lpc-ease);
}

.lpc-nav-icon{
    width:22px;
    height:22px;
    display:grid;
    place-items:center;
    flex:0 0 22px;
    color:var(--lpc-sidebar-foreground);
    font-size:20px;
}

.lpc-nav-icon .lpc-nav-custom-icon{
    display:block;
    width:20px;
    height:20px;
    background-color:currentColor;
    -webkit-mask-image:var(--lpc-nav-custom-icon);
    mask-image:var(--lpc-nav-custom-icon);
    -webkit-mask-repeat:no-repeat;
    mask-repeat:no-repeat;
    -webkit-mask-position:center;
    mask-position:center;
    -webkit-mask-size:contain;
    mask-size:contain;
}

.lpc-app .lpc-nav-item:hover,
.lpc-app .lpc-nav-item:focus-visible{
    background:#F4AB4AC7;
    border-color:#FFE5B857;
    box-shadow:0 6px 18px #0000002E;
    color:var(--lpc-sidebar-foreground);
}

.lpc-app .lpc-nav-item:active{
    background:#F4AB4AC7;
    border-color:#FFE5B857;
    box-shadow:0 6px 18px #0000002E;
}

.lpc-app .lpc-nav-item.is-active{
    background:#F4AB4AC7;
    border-color:#FFE5B857;
    -webkit-backdrop-filter:blur(18px);
    backdrop-filter:blur(18px);
    box-shadow:0 6px 18px #0000002E;
    color:var(--lpc-sidebar-foreground);
    font-weight:700;
}

.lpc-app .lpc-nav-item.is-active .lpc-nav-icon{
    color:var(--lpc-sidebar-foreground);
}

.lpc-app .lpc-nav-item.is-active:hover,
.lpc-app .lpc-nav-item.is-active:focus-visible{
    background:#F4AB4AC7;
    border-color:#FFE5B857;
    box-shadow:0 6px 18px #0000002E;
}

.lpc-app .lpc-nav-item.is-active:active{
    background:#F4AB4AC7;
    border-color:#FFE5B857;
    box-shadow:0 6px 18px #0000002E;
}

.lpc-app .lpc-create-group-rail-button{
    width:100%;
    min-height:46px;
    padding:0 16px;
    border:1px solid var(--lpc-navy);
    border-radius:12px;
    background:var(--lpc-navy);
    color:var(--lpc-sidebar-foreground);
    font-size:14px;
    font-weight:700;
}

.lpc-create-group-rail-button svg{
    width:18px;
    height:18px;
}

.lpc-app .lpc-create-group-rail-button:hover{
    background:var(--lpc-navy-deep);
    border-color:var(--lpc-navy-deep);
    color:var(--lpc-sidebar-foreground);
    box-shadow:0 8px 20px rgba(14,45,123,.16);
    transform:translateY(-1px);
}

.lpc-app .lpc-create-group-rail-button:active{
    background:var(--lpc-navy-soft);
    border-color:var(--lpc-navy-soft);
    transform:translateY(0);
    box-shadow:none;
}

.lpc-trending-card{
    padding:17px;
}

.lpc-trending-title{
    display:flex;
    align-items:center;
    gap:9px;
    margin-bottom:12px;
    color:var(--lpc-sidebar-foreground);
}

.lpc-trending-title>span{
    width:22px;
    height:22px;
    display:grid;
    place-items:center;
    color:var(--lpc-sidebar-foreground);
    font-size:20px;
}

.lpc-trending-title strong{
    font-size:14px;
    font-weight:600;
}

.lpc-topic-list{
    display:flex;
    flex-direction:column;
    gap:5px;
}

.lpc-app .lpc-topic-list>button{
    width:100%;
    min-height:48px;
    display:grid;
    grid-template-columns:26px minmax(0,1fr) 20px;
    align-items:center;
    gap:9px;
    padding:6px 7px;
    border:1px solid transparent;
    border-radius:11px;
    color:var(--lpc-sidebar-foreground);
    background:transparent;
    text-align:left;
}

.lpc-app .lpc-topic-list>button:hover{
    border-color:#E6EDF3;
    color:var(--lpc-sidebar-foreground);
    background:rgba(244,171,74,.22);
    transform:translateX(2px);
}

.lpc-topic-rank{
    display:grid;
    place-items:center;
    width:26px;
    height:26px;
    border-radius:8px;
    color:var(--lpc-sidebar-foreground);
    background:rgba(255,255,255,.12);
    font-size:10.5px;
    font-weight:700;
}

.lpc-topic-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:2px;
}

.lpc-topic-copy strong{
    overflow:hidden;
    color:var(--lpc-sidebar-foreground);
    font-size:13px;
    font-weight:700;
    line-height:1.2;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.lpc-topic-copy small{
    color:var(--lpc-sidebar-foreground);
    font-size:10.25px;
    font-weight:500;
    line-height:1.2;
}

.lpc-topic-go{
    display:grid;
    place-items:center;
    width:20px;
    height:20px;
    color:var(--lpc-sidebar-foreground);
}

.lpc-topic-go svg{
    width:14px;
    height:14px;
}

.lpc-topic-empty{
    padding:10px 7px 4px;
    color:var(--lpc-sidebar-foreground);
    font-size:11px;
    font-weight:500;
    line-height:1.45;
}

/* Shared module cards */
.lpc-page-head{
    position:relative;
    min-height:150px;
    padding:26px 28px;
    display:flex;
    align-items:flex-end;
    justify-content:space-between;
    gap:22px;
    overflow:hidden;
    border:0;
    color:#fff;
    background:
        radial-gradient(circle at 88% 18%,rgba(248,184,97,.22),transparent 25%),
        linear-gradient(125deg,#0A2B70 0%,#123E82 60%,#236D93 100%);
}

.lpc-page-head::after{
    content:"";
    position:absolute;
    right:-90px;
    bottom:-110px;
    width:290px;
    height:290px;
    border:36px solid rgba(255,255,255,.055);
    border-radius:50%;
    pointer-events:none;
}

.lpc-page-head>div{
    position:relative;
    z-index:1;
    max-width:720px;
    min-width:0;
}

.lpc-page-eyebrow{
    display:block;
    margin-bottom:7px;
    color:var(--lpc-amber);
    font-size:11px;
    font-weight:700;
    letter-spacing:.14em;
    text-transform:uppercase;
}

.lpc-app .lpc-page-head h1{
    color:#fff;
    font-size:36px;
    font-weight:700;
    line-height:1.08;
    letter-spacing:-.025em;
}

.lpc-app .lpc-page-head p{
    margin-top:8px;
    color:rgba(255,255,255,.82);
    font-size:15px;
    font-weight:400;
    line-height:1.6;
}

.lpc-content-card{
    padding:24px;
}

.lpc-app .lpc-primary-button,
.lpc-app .lpc-secondary-button{
    min-height:42px;
    padding:0 18px;
    border-radius:11px;
    font-size:14px;
    font-weight:700;
    text-align:center;
    white-space:nowrap;
}

.lpc-app .lpc-primary-button{
    border:1px solid var(--lpc-navy);
    background:var(--lpc-navy);
    color:#fff;
}

.lpc-app .lpc-primary-button:hover{
    background:var(--lpc-navy-deep);
    border-color:var(--lpc-navy-deep);
    color:#fff;
    box-shadow:0 7px 18px rgba(14,45,123,.16);
    transform:translateY(-1px);
}

.lpc-app .lpc-primary-button:active{
    background:var(--lpc-navy-soft);
    border-color:var(--lpc-navy-soft);
    transform:none;
    box-shadow:none;
}

.lpc-app .lpc-primary-button svg{
    width:17px;
    height:17px;
}

.lpc-app .lpc-secondary-button{
    border:1px solid var(--lpc-amber);
    background:var(--lpc-amber);
    color:var(--lpc-navy-deep);
}

.lpc-app .lpc-secondary-button:hover{
    background:var(--lpc-amber-hover);
    border-color:var(--lpc-amber-hover);
    color:var(--lpc-navy-deep);
    box-shadow:0 7px 18px rgba(248,184,97,.22);
    transform:translateY(-1px);
}

.lpc-app .lpc-secondary-button:active{
    background:var(--lpc-amber-active);
    border-color:var(--lpc-amber-active);
    transform:none;
    box-shadow:none;
}

/* Stories */
.lpc-stories-card{
    padding:13px 18px 15px;
    overflow:hidden;
}

.lpc-section-heading{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:9px;
}

.lpc-app .lpc-section-heading h2{
    color:var(--lpc-navy-deep);
    font-size:17px;
    font-weight:700;
    line-height:1.2;
}

.lpc-app .lpc-text-action{
    min-height:32px;
    gap:5px;
    padding:0 6px;
    border:1px solid transparent;
    border-radius:8px;
    background:transparent;
    color:var(--lpc-amber-text);
    box-shadow:none;
    font-size:13px;
    font-weight:700;
    line-height:1;
    text-decoration:none;
}

.lpc-text-action span{
    width:13px;
    height:13px;
    display:grid;
    place-items:center;
    color:inherit;
}

.lpc-text-action span svg{
    width:13px;
    height:13px;
    color:inherit;
}

.lpc-app .lpc-text-action:hover{
    border-color:rgba(248,184,97,.28);
    background:rgba(248,184,97,.10);
    color:var(--lpc-amber-text-hover);
    box-shadow:none;
    transform:translateX(1px);
}

.lpc-app .lpc-text-action:active{
    border-color:rgba(248,184,97,.38);
    background:rgba(248,184,97,.16);
    color:var(--lpc-amber-text-active);
    box-shadow:none;
    transform:translateX(1px) scale(.98);
}

.lpc-stories-strip{
    display:flex;
    align-items:flex-start;
    gap:13px;
    min-width:0;
    max-width:100%;
    padding:2px 1px;
    overflow-x:auto;
    overflow-y:hidden;
    -webkit-overflow-scrolling:touch;
    scroll-behavior:smooth;
    scroll-snap-type:x proximity;
    overscroll-behavior-x:contain;
}


.lpc-app .lpc-story-item,
.lpc-story-placeholder{
    display:flex;
    flex:0 0 72px;
    width:72px;
    scroll-snap-align:start;
    min-width:0;
    flex-direction:column;
    align-items:center;
    justify-content:flex-start;
    gap:6px;
    padding:0;
    background:transparent;
    color:var(--lpc-navy);
    text-align:center;
}

.lpc-story-ring{
    width:58px;
    height:58px;
    display:grid;
    place-items:center;
    padding:3px;
    border-radius:50%;
    background:linear-gradient(145deg,#FF7D52 0%,#F2A23A 42%,#1B78E2 48%,#1B78E2 100%);
}

.lpc-story-ring img,
.lpc-story-ring>i{
    width:52px;
    height:52px;
    border:2px solid #fff;
    border-radius:50%;
    object-fit:cover;
    background:#fff;
}

.lpc-story-ring>i{
    display:grid;
    place-items:center;
    color:var(--lpc-navy);
    font-style:normal;
    font-size:21px;
}

.lpc-story-ring>i svg{
    width:20px;
    height:20px;
}

.lpc-story-ring.is-yours{
    background:var(--lpc-navy);
}

.lpc-story-item strong{
    width:100%;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
    color:var(--lpc-navy);
    font-size:12px;
    font-weight:600;
    line-height:1.2;
}

.lpc-app button.lpc-story-item:hover .lpc-story-ring{
    transform:translateY(-2px);
    box-shadow:0 6px 15px rgba(14,45,123,.12);
}

.lpc-app button.lpc-story-item:active .lpc-story-ring{
    transform:scale(.97);
}

.lpc-story-placeholder{
    pointer-events:none;
}

.lpc-story-placeholder .lpc-story-ring{
    padding:0;
    background:#EEF1F4;
    border:1px solid #E4E8EE;
}

.lpc-story-placeholder .lpc-story-ring i{
    width:100%;
    height:100%;
    border:0;
    background:linear-gradient(110deg,#EEF1F4 25%,#F8F9FA 45%,#EEF1F4 65%);
    background-size:200% 100%;
    animation:lpc-placeholder 1.5s linear infinite;
}

.lpc-story-placeholder strong{
    width:45px;
    height:8px;
    border-radius:999px;
    background:#EEF1F4;
}

/* Composer */
.lpc-composer-card{
    padding:14px 16px;
}

.lpc-composer-row{
    min-width:0;
    display:flex;
    align-items:center;
    gap:12px;
}

.lpc-app .lpc-composer-avatar{
    display:block;
    width:44px;
    height:44px;
    min-width:44px;
    flex:0 0 44px;
    aspect-ratio:1/1;
    border:2px solid #fff;
    border-radius:50%;
    background:#E9EEF4;
    box-shadow:0 0 0 1px #DCE5ED;
    object-fit:cover;
    object-position:center;
}

.lpc-app .lpc-composer-prompt{
    flex:1 1 auto;
    min-width:0;
    min-height:44px;
    justify-content:flex-start;
    padding:0 17px;
    overflow:hidden;
    border:1px solid #E1E8EF;
    border-radius:999px;
    background:#F6F8FA;
    color:#61748B;
    font-size:14px;
    font-weight:400;
    text-align:left;
    text-overflow:ellipsis;
    white-space:nowrap;
    transition:background-color var(--lpc-fast) var(--lpc-ease),border-color var(--lpc-fast) var(--lpc-ease),color var(--lpc-fast) var(--lpc-ease),box-shadow var(--lpc-fast) var(--lpc-ease);
}

.lpc-app .lpc-composer-prompt:hover{
    background:#F0F4F7;
    border-color:#D7E0E8;
    color:#465D79;
}

.lpc-app .lpc-composer-prompt:focus-visible{
    outline:2px solid rgba(248,184,97,.62);
    outline-offset:2px;
    border-color:rgba(14,45,123,.42);
    background:#fff;
    color:var(--lpc-navy-deep);
}

.lpc-app .lpc-composer-prompt:active{
    background:#E9EEF3;
}

.lpc-composer-actions{
    display:flex;
    align-items:stretch;
    gap:4px;
    min-width:0;
    margin-top:10px;
    padding-top:10px;
    border-top:1px solid #EEF2F5;
}

.lpc-app .lpc-composer-actions>button:not(.lpc-post-button){
    flex:1 1 0;
    min-width:0;
    min-height:38px;
    padding:0 8px;
    border:1px solid transparent;
    border-radius:9px;
    background:transparent;
    color:#29497D;
    font-size:13px;
    font-weight:600;
    white-space:nowrap;
    overflow:hidden;
}

.lpc-composer-actions>button:not(.lpc-post-button) span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
}

.lpc-composer-actions>button:not(.lpc-post-button) svg{
    width:18px;
    height:18px;
    color:var(--lpc-navy);
}

.lpc-composer-actions>button[data-lpc-compose-open="video"] svg{
    color:#C74E43;
}

.lpc-composer-actions>button[data-lpc-compose-open="feeling"] svg{
    color:#F1A13A;
}

.lpc-composer-actions>button[data-lpc-compose-open="location"] svg{
    color:var(--lpc-danger);
}

.lpc-app .lpc-composer-actions>button:not(.lpc-post-button):hover{
    background:#F3F6F8;
    border-color:#E9EDF2;
    color:var(--lpc-navy-deep);
}

.lpc-app .lpc-composer-actions>button:not(.lpc-post-button):active{
    background:#E9EDF2;
}

.lpc-app .lpc-post-button{
    flex:0 0 auto;
    min-width:92px;
    min-height:38px;
    margin-left:4px;
    padding:0 20px;
    border:1px solid var(--lpc-navy);
    border-radius:999px;
    background:var(--lpc-navy);
    color:#fff;
    font-size:14px;
    font-weight:700;
}

.lpc-post-button svg{
    width:16px;
    height:16px;
}

.lpc-app .lpc-post-button:hover{
    background:var(--lpc-navy-deep);
    border-color:var(--lpc-navy-deep);
    box-shadow:0 6px 14px rgba(14,45,123,.16);
}

.lpc-app .lpc-post-button:active{
    background:var(--lpc-navy-soft);
    border-color:var(--lpc-navy-soft);
    box-shadow:none;
    transform:scale(.98);
}

/* Feed filters */
.lpc-feed-filter-card{
    min-height:44px;
    padding:3px 8px;
    display:grid;
    grid-template-columns:minmax(0,1fr);
    align-items:center;
    gap:6px;
    overflow:visible;
}

.lpc-feed-tabs{
    min-width:0;
    width:100%;
    display:grid;
    grid-template-columns:repeat(4,minmax(0,1fr));
    align-items:stretch;
    gap:2px;
    overflow:hidden;
}

.lpc-app .lpc-feed-tabs button{
    position:relative;
    min-width:0;
    min-height:34px;
    padding:0 10px;
    border-radius:7px;
    background:transparent;
    color:#38577F;
    font-size:13.25px;
    font-weight:600;
    line-height:1;
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis;
}

.lpc-app .lpc-feed-tabs button:hover{
    background:#F3F6F8;
    color:var(--lpc-navy-deep);
}

.lpc-app .lpc-feed-tabs button:active{
    background:#E9EDF2;
    color:var(--lpc-navy-deep);
}

.lpc-app .lpc-feed-tabs button.is-active{
    color:var(--lpc-navy-deep);
    background:transparent;
    font-weight:700;
}

.lpc-feed-tabs button.is-active::after{
    content:"";
    position:absolute;
    left:22%;
    right:22%;
    bottom:0;
    height:2px;
    border-radius:2px 2px 0 0;
    background:var(--lpc-amber);
    pointer-events:none;
}

.lpc-feed-intelligence-note{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    min-width:0;
    padding:1px 7px 4px;
    color:#60758D;
    font-size:11.5px;
    line-height:1.35;
}

.lpc-feed-intelligence-note>div{
    min-width:0;
    display:flex;
    align-items:center;
    gap:7px;
}

.lpc-feed-intelligence-note strong{
    flex:0 0 auto;
    padding:3px 7px;
    border:1px solid #DCE6EF;
    border-radius:999px;
    color:var(--lpc-navy-deep);
    background:#F5F8FB;
    font-size:10.5px;
    font-weight:700;
    letter-spacing:.01em;
}

.lpc-feed-intelligence-note>div>span{
    min-width:0;
    overflow:hidden;
    text-overflow:ellipsis;
    white-space:nowrap;
}

.lpc-app .lpc-feed-refresh{
    min-height:30px;
    flex:0 0 auto;
    gap:6px;
    padding:0 9px;
    border:1px solid #D8E3EC;
    border-radius:8px;
    color:#38577F;
    background:#fff;
    font-size:10.75px;
    font-weight:700;
    box-shadow:0 2px 8px rgba(18,47,84,.03);
}

.lpc-app .lpc-feed-refresh:hover,
.lpc-app .lpc-feed-refresh:focus-visible{
    border-color:rgba(248,184,97,.75);
    color:var(--lpc-navy-deep);
    background:#FFF9F0;
}

.lpc-app .lpc-feed-refresh:active{
    color:#fff;
    background:var(--lpc-navy);
    border-color:var(--lpc-navy);
    transform:scale(.98);
}

.lpc-feed-refresh svg{
    width:14px;
    height:14px;
}

.lpc-feed-refresh.is-refreshing svg{
    animation:lpc-feed-refresh-spin .75s linear infinite;
}

@keyframes lpc-feed-refresh-spin{
    to{transform:rotate(360deg)}
}


/* Feed empty state */
.lpc-feed-empty-card{
    min-height:300px;
    padding:38px 28px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.lpc-feed-empty-visual{
    width:64px;
    height:64px;
    margin-bottom:15px;
    display:grid;
    place-items:center;
    border-radius:20px;
    background:linear-gradient(145deg,#EDF3FB,#F6F9FC);
    color:var(--lpc-navy);
    font-size:29px;
}

.lpc-app .lpc-feed-empty-card h2{
    color:var(--lpc-navy-deep);
    font-size:20px;
    font-weight:700;
    letter-spacing:-.01em;
}

.lpc-app .lpc-feed-empty-card p{
    max-width:580px;
    margin:8px 0 18px;
    color:var(--lpc-muted);
    font-size:14px;
    line-height:1.65;
}

/* Generic modules */
.lpc-empty-module{
    min-height:240px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:18px;
}

.lpc-empty-icon{
    width:58px;
    height:58px;
    min-width:58px;
    display:grid;
    place-items:center;
    border-radius:17px;
    background:linear-gradient(145deg,#EDF3FB,#F8FAFC);
    color:var(--lpc-navy);
    font-size:28px;
}

.lpc-empty-module>div:last-child{
    max-width:600px;
}

.lpc-app .lpc-empty-module h2{
    color:var(--lpc-navy-deep);
    font-size:19px;
    font-weight:700;
}

.lpc-app .lpc-empty-module p{
    margin-top:7px;
    color:var(--lpc-muted);
    font-size:14px;
    line-height:1.65;
}

.lpc-module-search{
    display:grid;
    grid-template-columns:auto minmax(0,1fr) auto;
    align-items:center;
    gap:9px;
}

.lpc-module-search>span{
    width:20px;
    height:20px;
    color:var(--lpc-navy);
    font-size:19px;
}

.lpc-app .lpc-module-search input{
    width:100%;
    height:44px;
    padding:0 14px;
}

.lpc-search-placeholder{
    margin-top:18px;
    padding:22px;
    border:1px dashed #D6E0E8;
    border-radius:12px;
    background:#F8FAFB;
}

.lpc-search-placeholder strong{
    color:var(--lpc-navy-deep);
    font-size:15px;
    font-weight:700;
}

.lpc-search-placeholder p{
    margin-top:5px;
    color:var(--lpc-muted);
    font-size:13.5px;
    line-height:1.55;
}

/* Right rail */
.lpc-side-card{
    padding:14px;
}

.lpc-side-card-head{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:10px;
    margin-bottom:10px;
}

.lpc-side-card-head h3{
    color:var(--lpc-sidebar-foreground);
    font-size:15px;
    font-weight:700;
    line-height:1.2;
}

.lpc-sidebar-right .lpc-text-action,
.lpc-sidebar-right .lpc-text-action:hover,
.lpc-sidebar-right .lpc-text-action:active{
    color:var(--lpc-sidebar-foreground);
}

.lpc-side-list,
.lpc-popular-list{
    display:flex;
    flex-direction:column;
}

.lpc-side-list{
    gap:4px;
}

.lpc-popular-list{
    gap:7px;
}

.lpc-side-list-row,
.lpc-popular-row{
    min-width:0;
    display:grid;
    align-items:center;
    gap:9px;
    padding:5px;
    border-radius:10px;
    transition:background-color var(--lpc-fast) var(--lpc-ease),transform var(--lpc-fast) var(--lpc-ease);
}

.lpc-side-list-row{
    grid-template-columns:46px minmax(0,1fr) auto;
}

.lpc-popular-row{
    grid-template-columns:58px minmax(0,1fr);
    gap:10px;
    padding:6px 4px;
}

.lpc-side-list-row:hover,
.lpc-popular-row:hover{
    background:#F7F9FA;
    transform:translateX(2px);
}

.lpc-side-thumb,
.lpc-popular-thumb{
    display:block;
    border-radius:8px;
    background:#EEF1F4;
}

.lpc-side-thumb{
    width:46px;
    height:38px;
}

.lpc-popular-thumb{
    width:58px;
    height:58px;
    aspect-ratio:1/1;
}

.lpc-side-copy{
    min-width:0;
    display:flex;
    flex-direction:column;
    gap:7px;
}

.lpc-ui-skeleton,
.lpc-skeleton{
    position:relative;
    overflow:hidden;
    background:#EAF0F4;
}

.lpc-ui-skeleton::after,
.lpc-skeleton::after{
    content:"";
    position:absolute;
    inset:0;
    transform:translateX(-100%);
    background:linear-gradient(90deg,transparent,rgba(255,255,255,.78),transparent);
    animation:lpc-placeholder 1.45s var(--lpc-ease) infinite;
}

@keyframes lpc-placeholder{
    100%{transform:translateX(100%)}
}

.lpc-app .lpc-join-button{
    min-width:60px;
    min-height:34px;
    padding:0 13px;
    border:1px solid #DDE5ED;
    border-radius:999px;
    background:#F6F8FA;
    color:var(--lpc-navy);
    font-size:12.5px;
    font-weight:700;
}

.lpc-app .lpc-join-button:hover{
    background:var(--lpc-navy);
    border-color:var(--lpc-navy);
    color:#fff;
}

.lpc-app .lpc-join-button:active{
    background:var(--lpc-navy-deep);
    border-color:var(--lpc-navy-deep);
}

.lpc-popular-number{
    color:var(--lpc-sidebar-foreground);
    font-size:13px;
    font-weight:700;
    text-align:center;
}

.lpc-create-group-card{
    position:relative;
    display:flex;
    align-items:flex-start;
    height:auto;
    min-height:0;
    overflow:hidden;
    padding:18px;
    background:linear-gradient(135deg,#F8FBFE 0%,#EAF3FA 100%);
}

.lpc-sidebar-sticky>.lpc-create-group-card{
    flex:0 0 auto;
}

.lpc-create-group-card::after{
    content:"";
    position:absolute;
    right:-58px;
    bottom:-70px;
    width:170px;
    height:170px;
    border:26px solid rgba(14,45,123,.055);
    border-radius:50%;
}

.lpc-create-group-copy{
    position:relative;
    z-index:2;
    width:100%;
    min-width:0;
    max-width:195px;
}

.lpc-side-kicker{
    display:block;
    margin-bottom:6px;
    color:var(--lpc-sidebar-foreground);
    font-size:10px;
    font-weight:700;
    letter-spacing:.15em;
}

.lpc-create-group-card h3{
    color:var(--lpc-sidebar-foreground);
    font-size:24px;
    font-weight:700;
    line-height:1.08;
    letter-spacing:-.02em;
}

.lpc-create-group-card p{
    margin:8px 0 12px;
    color:var(--lpc-sidebar-foreground);
    font-size:13px;
    line-height:1.55;
}

.lpc-create-group-card .lpc-secondary-button{
    min-height:36px;
    padding:0 15px;
    border-color:#FFE5B857;
    background:#F4AB4AC7;
    color:var(--lpc-sidebar-foreground);
    font-size:13px;
}

.lpc-create-group-card .lpc-secondary-button:hover,
.lpc-create-group-card .lpc-secondary-button:active{
    border-color:#FFE5B857;
    background:#F4AB4AC7;
    color:var(--lpc-sidebar-foreground);
}

.lpc-create-group-card .lpc-secondary-button svg{
    width:13px;
    height:13px;
}

.lpc-create-group-mark{
    position:absolute;
    right:15px;
    bottom:18px;
    z-index:1;
    width:68px;
    height:68px;
    display:grid;
    place-items:center;
    color:var(--lpc-sidebar-foreground);
    opacity:.2;
    font-size:62px;
}

/* Loading, errors, toasts */
.lpc-loading{
    display:flex;
    flex-direction:column;
    gap:12px;
}

.lpc-skeleton{
    border-radius:var(--lpc-radius);
}

.lpc-skeleton-title{height:118px}
.lpc-skeleton-copy{height:102px}
.lpc-skeleton-card{height:240px}
.lpc-skeleton-card.short{height:170px}

.lpc-request-error{
    min-height:260px;
    display:flex;
    flex-direction:column;
    align-items:center;
    justify-content:center;
    text-align:center;
}

.lpc-request-error strong{
    color:var(--lpc-navy-deep);
    font-size:19px;
    font-weight:700;
}

.lpc-request-error p{
    margin:7px 0 16px;
    color:var(--lpc-muted);
    font-size:14px;
}

.lpc-mobile-overlay{
    display:none;
    opacity:0;
    visibility:hidden;
    pointer-events:none;
}

.lpc-toast-region{
    position:fixed;
    right:20px;
    bottom:20px;
    z-index:400;
    display:flex;
    flex-direction:column;
    gap:8px;
    pointer-events:none;
}

.lpc-toast{
    max-width:330px;
    padding:12px 14px;
    border:1px solid #DCE3EB;
    border-radius:11px;
    background:#fff;
    color:var(--lpc-text);
    box-shadow:0 14px 38px rgba(7,31,88,.18);
    font-size:13.5px;
    font-weight:600;
    animation:lpc-toast-in var(--lpc-medium) var(--lpc-ease-soft) both;
    transition:opacity var(--lpc-fast) var(--lpc-ease),transform var(--lpc-fast) var(--lpc-ease);
}

.lpc-toast strong{
    color:var(--lpc-navy-deep);
    font-weight:600;
}

@keyframes lpc-toast-in{
    from{opacity:0;transform:translateY(7px)}
    to{opacity:1;transform:none}
}

.lpc-login-required{
    max-width:560px;
    margin:50px auto;
    padding:34px;
    background:#fff;
    border:1px solid var(--lpc-border);
    border-radius:16px;
    box-shadow:var(--lpc-shadow);
    font-family:var(--lpc-font);
    text-align:center;
    color:var(--lpc-text);
}

.lpc-login-required h2{
    color:var(--lpc-navy-deep);
    font-size:26px;
    font-weight:700;
}

.lpc-login-required p{
    margin:9px 0 18px;
    color:var(--lpc-muted);
    font-size:13.5px;
}

.lpc-login-required a{
    all:unset;
    box-sizing:border-box;
    min-height:43px;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    padding:0 20px;
    border:1px solid var(--lpc-navy);
    border-radius:10px;
    background:var(--lpc-navy);
    color:#fff;
    font-family:var(--lpc-font);
    font-size:14px;
    font-weight:700;
    cursor:pointer;
}

.lpc-login-required a:hover{
    background:var(--lpc-navy-deep);
    border-color:var(--lpc-navy-deep);
}

/* View transitions */
.lpc-main.is-view-entering>*,
[data-lpc-right-sidebar].is-view-entering>*{
    animation:lpc-view-enter var(--lpc-slow) var(--lpc-ease-soft) both;
}

.lpc-main.is-view-entering>*:nth-child(2),
[data-lpc-right-sidebar].is-view-entering>*:nth-child(2){animation-delay:35ms}
.lpc-main.is-view-entering>*:nth-child(3),
[data-lpc-right-sidebar].is-view-entering>*:nth-child(3){animation-delay:65ms}

@keyframes lpc-view-enter{
    from{opacity:0;transform:translateY(8px)}
    to{opacity:1;transform:none}
}

/* Mobile navigation */
.lpc-mobile-bottom-nav{
    display:none;
}

/* Responsive */
@media (max-width:1360px){
    :root{
        --lpc-sidebar-width:250px;
    }

    .lpc-header-inner,
    .lpc-layout{
        width:calc(100% - 28px);
    }

    .lpc-header-inner{
        grid-template-columns:185px 88px minmax(240px,1fr) auto;
    }

    .lpc-brand-image{
        max-width:156px;
    }
}

@media (min-width:1025px) and (max-width:1180px){
    .lpc-app .lpc-layout{grid-template-columns:var(--lpc-sidebar-width) minmax(0,1fr);grid-template-areas:"left main"}
    .lpc-app.lpc-left-sidebar-collapsed .lpc-layout{grid-template-columns:76px minmax(0,1fr);grid-template-areas:"left main"}
    .lpc-app.lpc-without-left-sidebar .lpc-layout{grid-template-columns:minmax(0,1fr);grid-template-areas:"main"}
}

@media (max-width:1180px){
    :root{
        --lpc-sidebar-width:235px;
    }

    .lpc-header-inner{
        grid-template-columns:160px 76px minmax(210px,1fr) auto;
        gap:10px;
    }

    .lpc-brand-image{
        max-width:142px;
    }

    .lpc-layout{
        grid-template-columns:var(--lpc-sidebar-width) minmax(0,1fr);
        grid-template-areas:"left main";
        gap:14px;
    }

    .lpc-sidebar-right{
        display:none;
    }

}

@media (max-width:1024px){
    .lpc-app .lpc-sidebar-collapse-toggle{display:none}
    .lpc-header-inner{
        grid-template-columns:150px 50px minmax(180px,1fr) auto;
    }

    .lpc-header-search-panel{min-width:360px}

    .lpc-site-home-label{
        display:none;
    }

    .lpc-app .lpc-site-home{
        width:42px;
        min-width:42px;
        padding:0;
        border-radius:50%;
    }

    .lpc-layout{
        display:block;
        width:calc(100% - 24px);
        padding-top:12px;
    }

    .lpc-sidebar-left{
        position:fixed;
        left:0;
        top:0;
        bottom:auto;
        z-index:260;
        width:min(338px,90vw);
        height:100dvh;
        max-height:100dvh;
        padding:calc(14px + var(--lpc-safe-top)) 12px calc(20px + var(--lpc-safe-bottom)) 14px;
        overflow-y:auto;
        overflow-x:hidden;
        overscroll-behavior-y:contain;
        background:transparent;
        border-right:1px solid var(--lpc-border);
        transform:translate3d(-104%,0,0);
        transition:transform var(--lpc-medium) var(--lpc-ease-soft),box-shadow var(--lpc-medium) var(--lpc-ease);
        box-shadow:none;
        will-change:transform;
    }

    .lpc-sidebar-left>.lpc-sidebar-sticky{
        position:static;
        top:auto;
        min-height:max-content;
        max-height:none;
        overflow:visible;
        padding:0;
        scrollbar-gutter:auto;
    }

    .admin-bar .lpc-sidebar-left{
        top:32px;
        height:calc(100dvh - 32px);
        max-height:calc(100dvh - 32px);
    }

    .lpc-app.is-menu-open .lpc-sidebar-left{
        transform:translate3d(0,0,0);
        box-shadow:24px 0 60px rgba(7,31,88,.22);
    }

    .lpc-app .lpc-mobile-menu-button{
        display:grid;
    }

    .lpc-mobile-sidebar-head{
        display:flex;
        align-items:center;
        justify-content:space-between;
        gap:12px;
        padding:1px 2px 10px;
    }

    .lpc-drawer-logo{
        max-width:148px;
        max-height:38px;
    }

    .lpc-mobile-overlay{
        position:fixed;
        inset:0;
        z-index:250;
        display:block;
        background:rgba(5,22,51,.44);
        backdrop-filter:blur(3px);
        opacity:0;
        visibility:hidden;
        pointer-events:none;
        transition:opacity var(--lpc-medium) var(--lpc-ease),visibility 0s linear var(--lpc-medium);
    }

    .lpc-app.is-menu-open .lpc-mobile-overlay{
        opacity:1;
        visibility:visible;
        pointer-events:auto;
        transition-delay:0s;
    }
}

@media (max-width:782px){
    .admin-bar .lpc-header{
        top:46px;
    }

    .admin-bar .lpc-sidebar-left{
        top:46px;
        height:calc(100dvh - 46px);
        max-height:calc(100dvh - 46px);
    }
}

@media (max-width:767px){
    :root{
        --lpc-header-height:calc(58px + var(--lpc-safe-top));
        --lpc-mobile-nav-height:calc(68px + var(--lpc-safe-bottom));
    }

    /* Mobile form-control contract: iOS Safari auto-zooms focused controls below
     * 16px. Keep every text-entry/select surface at or above that threshold in
     * one canonical rule so individual modules cannot regress it. */
    .lpc-app :is(
        input:not([type]),
        input[type="text"],
        input[type="search"],
        input[type="email"],
        input[type="url"],
        input[type="tel"],
        input[type="number"],
        input[type="password"],
        input[type="date"],
        input[type="time"],
        input[type="datetime-local"],
        input[type="month"],
        input[type="week"],
        select,
        textarea,
        [contenteditable="true"]
    ){
        font-size:16px!important;
    }

    .lpc-app{
        min-height:100dvh;
        padding-bottom:var(--lpc-mobile-nav-height);
        background:transparent;
    }

    /* Messages is a true mobile viewport: the document does not compete with
     * the inbox/thread scroll regions. Header and bottom navigation remain
     * outside the scrolling chat canvas. */
    html:has(.lpc-app[data-current-view="chat"]),
    body:has(.lpc-app[data-current-view="chat"]){
        height:100%;
        overflow:hidden;
        overscroll-behavior:none;
    }

    .lpc-app[data-current-view="chat"]{
        position:fixed;
        inset:0;
        z-index:9000;
        display:flex;
        width:100%;
        max-width:none;
        height:100dvh;
        min-height:0;
        margin:0;
        flex-direction:column;
        padding-bottom:var(--lpc-mobile-nav-height);
        overflow:hidden;
    }

    .admin-bar .lpc-app[data-current-view="chat"]{
        top:46px;
        bottom:auto;
        height:calc(100dvh - 46px);
    }

    .lpc-app[data-current-view="chat"] .lpc-header{
        flex:0 0 auto;
    }

    .admin-bar .lpc-app[data-current-view="chat"] .lpc-header{
        top:0;
    }

    .lpc-app[data-current-view="chat"] .lpc-layout{
        display:flex;
        width:100%;
        height:auto;
        min-height:0;
        flex:1 1 auto;
        flex-direction:column;
        padding:0;
        overflow:hidden;
    }

    .lpc-app[data-current-view="chat"] .lpc-main{
        width:100%;
        height:auto;
        min-height:0;
        flex:1 1 auto;
        padding:0;
        overflow:hidden;
    }

    .lpc-header{
        position:sticky;
        top:0;
        box-shadow:0 4px 18px rgba(16,42,80,.075);
    }

    .lpc-header-inner{
        width:100%;
        min-height:var(--lpc-header-height);
        padding:calc(7px + var(--lpc-safe-top)) 10px 7px;
        display:flex;
        align-items:center;
        gap:6px;
    }

    .lpc-app .lpc-brand{
        width:auto;
        height:42px;
        min-width:0;
        margin-right:auto;
        padding:2px;
    }

    .lpc-brand-image{
        max-width:132px;
        max-height:34px;
    }

    .lpc-header-search,
    .lpc-app .lpc-site-home{
        display:none;
    }

    .lpc-header-actions{
        flex:0 0 auto;
        gap:4px;
    }

    .lpc-app .lpc-mobile-search-button{
        display:grid;
    }

    .lpc-app .lpc-icon-button,
    .lpc-app .lpc-mobile-menu-button{
        width:38px;
        height:38px;
        min-width:38px;
        min-height:38px;
        font-size:18px;
    }

    .lpc-app .lpc-profile-button{
        width:38px;
        height:38px;
        min-width:38px;
        min-height:38px;
        padding:2px;
        justify-content:center;
        border-radius:50%;
    }

    .lpc-profile-button img{
        width:34px;
        height:34px;
        min-width:34px;
    }

    .lpc-profile-button>span,
    .lpc-profile-button i{
        display:none;
    }

    .lpc-profile-menu{
        position:fixed;
        right:8px;
        top:calc(61px + var(--lpc-safe-top));
        width:205px;
    }

    .admin-bar .lpc-profile-menu{
        top:calc(107px + var(--lpc-safe-top));
    }

    .lpc-layout{
        width:100%;
        padding:8px 0 18px;
    }

    .lpc-main{
        width:100%;
        gap:8px;
        padding:0 8px;
        scroll-margin-top:64px;
    }

    .lpc-sidebar-right{
        display:none;
    }

    .lpc-stories-card,
    .lpc-composer-card,
    .lpc-feed-filter-card,
    .lpc-feed-empty-card,
    .lpc-content-card,
    .lpc-page-head{
        border-radius:13px;
        box-shadow:0 3px 14px rgba(16,42,80,.045);
    }

    .lpc-stories-card{
        padding:11px 10px 12px;
    }

    .lpc-section-heading{
        margin-bottom:7px;
        padding:0 3px;
    }

    .lpc-app .lpc-section-heading h2{
        font-size:16px;
        font-weight:700;
    }

    .lpc-stories-strip{
        gap:9px;
    }

    .lpc-app .lpc-story-item,
    .lpc-story-placeholder{
        flex-basis:64px;
        width:64px;
    }

    .lpc-story-ring{
        width:54px;
        height:54px;
    }

    .lpc-story-ring img,
    .lpc-story-ring>i{
        width:48px;
        height:48px;
    }

    .lpc-story-item strong{
        font-size:11.5px;
    }

    .lpc-composer-card{
        padding:10px;
    }

    .lpc-app .lpc-composer-avatar{
        width:40px;
        height:40px;
        min-width:40px;
        flex-basis:40px;
    }

    .lpc-app .lpc-composer-prompt{
        min-height:40px;
        padding:0 14px;
        font-size:13.5px;
    }

    .lpc-composer-actions{
        display:grid;
        grid-template-columns:repeat(7,minmax(0,1fr));
        align-items:center;
        gap:4px;
        margin-top:8px;
        padding-top:8px;
    }

    .lpc-app .lpc-composer-actions>button:not(.lpc-post-button),
    .lpc-app .lpc-post-button{
        width:100%;
        min-width:0;
        min-height:40px;
        margin:0;
        padding:0;
        border-radius:10px;
        gap:0;
    }

    .lpc-composer-actions>button span{
        display:none;
    }

    .lpc-composer-actions>button:not(.lpc-post-button) svg,
    .lpc-post-button svg{
        width:19px;
        height:19px;
    }

    .lpc-app .lpc-post-button{
        min-width:0;
        border-radius:10px;
    }

    .lpc-feed-filter-card{
        grid-template-columns:minmax(0,1fr);
        min-height:40px;
        padding:3px 5px;
        gap:4px;
    }

    .lpc-feed-tabs{
        width:100%;
        grid-template-columns:repeat(4,minmax(0,1fr));
        gap:0;
    }

    .lpc-app .lpc-feed-tabs button{
        min-width:0;
        min-height:34px;
        padding:0 5px;
        font-size:11.75px;
    }

    .lpc-feed-tabs button.is-active::after{
        left:20%;
        right:20%;
        bottom:0;
    }

    .lpc-feed-intelligence-note{
        gap:7px;
        padding:1px 5px 4px;
        font-size:10.5px;
    }

    .lpc-feed-intelligence-note>div{
        gap:6px;
    }

    .lpc-feed-intelligence-note strong{
        padding:2px 6px;
        font-size:9.75px;
    }

    .lpc-app .lpc-feed-refresh{
        width:30px;
        min-width:30px;
        min-height:30px;
        padding:0;
    }

    .lpc-feed-refresh span{
        display:none;
    }

    .lpc-feed-empty-card{
        min-height:260px;
        padding:32px 20px;
    }

    .lpc-feed-empty-visual{
        width:58px;
        height:58px;
        margin-bottom:13px;
        border-radius:18px;
        font-size:27px;
    }

    .lpc-app .lpc-feed-empty-card h2{
        font-size:18px;
        font-weight:700;
    }

    .lpc-app .lpc-feed-empty-card p{
        font-size:13px;
    }

    .lpc-page-head{
        min-height:128px;
        padding:20px;
        align-items:flex-end;
    }

    .lpc-app .lpc-page-head h1{
        font-size:28px;
        font-weight:700;
    }

    .lpc-app .lpc-page-head p{
        font-size:13.5px;
        line-height:1.5;
    }

    .lpc-app .lpc-page-head>.lpc-primary-button{
        display:none;
    }

    .lpc-content-card{
        padding:18px;
    }

    .lpc-empty-module{
        min-height:220px;
        flex-direction:column;
        padding:25px 18px;
        text-align:center;
    }

    .lpc-empty-module>div:last-child{
        text-align:center;
    }

    .lpc-module-search{
        grid-template-columns:auto minmax(0,1fr);
    }

    .lpc-app .lpc-module-search .lpc-primary-button{
        grid-column:1/-1;
        width:100%;
    }

    .lpc-mobile-bottom-nav{
        position:fixed;
        left:8px;
        right:8px;
        bottom:max(6px,env(safe-area-inset-bottom));
        z-index:230;
        height:58px;
        min-height:58px;
        display:grid;
        grid-template-columns:repeat(var(--lpc-mobile-nav-count,5),minmax(0,1fr));
        align-items:center;
        gap:4px;
        padding:5px 6px;
        overflow:visible;
        background:rgba(255,255,255,.96);
        border:1px solid #DCE3EA;
        border-radius:18px;
        box-shadow:0 10px 32px rgba(16,42,80,.16);
        backdrop-filter:blur(18px);
        -webkit-backdrop-filter:blur(18px);
    }

    .lpc-app .lpc-mobile-bottom-nav :is(button,a){
        position:relative;
        display:grid;
        place-items:center;
        min-width:0;
        width:100%;
        min-height:46px;
        height:46px;
        padding:0;
        border:0;
        border-radius:13px;
        background:transparent;
        color:#758398;
        font-size:0;
        line-height:1;
        text-decoration:none;
        box-shadow:none;
    }

    .lpc-mobile-bottom-nav .lpc-mobile-nav-icon-wrap{
        position:relative;
        display:grid;
        width:26px;
        height:26px;
        place-items:center;
        color:inherit;
        line-height:0;
    }

    .lpc-mobile-bottom-nav :is(button,a) svg{
        display:block;
        width:23px;
        height:23px;
        flex:none;
    }

    .lpc-mobile-bottom-nav .lpc-mobile-nav-label{
        display:none;
    }

    .lpc-app .lpc-mobile-bottom-nav :is(button,a):hover{
        background:#F3F6F5;
        color:var(--lpc-navy);
    }

    .lpc-app .lpc-mobile-bottom-nav :is(button,a):active{
        background:#E8EFEC;
        color:var(--lpc-navy-deep);
        transform:scale(.96);
    }

    .lpc-app .lpc-mobile-bottom-nav :is(button,a).is-active{
        background:#F8F2DD;
        color:#103D38;
    }

    .lpc-mobile-bottom-nav :is(button,a).is-active::before{
        content:"";
        position:absolute;
        left:50%;
        bottom:3px;
        width:4px;
        height:4px;
        margin-left:-2px;
        border-radius:50%;
        background:var(--lpc-amber);
    }

    .lpc-toast-region{
        left:8px;
        right:8px;
        bottom:calc(72px + env(safe-area-inset-bottom));
        align-items:center;
    }

    .lpc-toast{
        width:min(100%,340px);
    }
}

@media (max-width:480px){
    .lpc-header-inner{
        padding-left:8px;
        padding-right:8px;
    }

    .lpc-brand-image{
        max-width:120px;
    }

    .lpc-app .lpc-icon-button,
    .lpc-app .lpc-mobile-menu-button,
    .lpc-app .lpc-profile-button{
        width:36px;
        height:36px;
        min-width:36px;
        min-height:36px;
    }

    .lpc-profile-button img{
        width:32px;
        height:32px;
        min-width:32px;
    }

    .lpc-main{
        padding-left:6px;
        padding-right:6px;
    }

    .lpc-stories-strip{
        gap:7px;
    }

    .lpc-app .lpc-story-item,
    .lpc-story-placeholder{
        flex-basis:61px;
        width:61px;
    }

    .lpc-story-ring{
        width:51px;
        height:51px;
    }

    .lpc-story-ring img,
    .lpc-story-ring>i{
        width:45px;
        height:45px;
    }

    .lpc-composer-actions{
        gap:3px;
    }

    .lpc-app .lpc-composer-actions>button:not(.lpc-post-button),
    .lpc-app .lpc-post-button{
        min-height:38px;
        padding:0;
    }

    .lpc-composer-actions>button:not(.lpc-post-button) svg,
    .lpc-post-button svg{
        width:18px;
        height:18px;
    }

    .lpc-feed-filter-card{
        grid-template-columns:minmax(0,1fr);
        gap:3px;
        padding:3px 4px;
    }

    .lpc-app .lpc-feed-tabs button{
        min-height:33px;
        padding:0 3px;
        font-size:10.75px;
    }

    .lpc-page-head{
        padding:18px;
    }

    .lpc-app .lpc-page-head h1{
        font-size:24px;
    }
}

@media (max-width:360px){
    .lpc-brand-image{
        max-width:108px;
    }

    .lpc-header-actions{
        gap:2px;
    }

    .lpc-app .lpc-icon-button,
    .lpc-app .lpc-mobile-menu-button,
    .lpc-app .lpc-profile-button{
        width:34px;
        height:34px;
        min-width:34px;
        min-height:34px;
    }

    .lpc-profile-button img{
        width:30px;
        height:30px;
        min-width:30px;
    }

    .lpc-app .lpc-composer-actions>button:not(.lpc-post-button),
    .lpc-app .lpc-post-button{
        min-height:36px;
    }

    .lpc-composer-actions>button:not(.lpc-post-button) svg,
    .lpc-post-button svg{
        width:17px;
        height:17px;
    }

    .lpc-app .lpc-feed-tabs button{
        padding:0 3px;
        font-size:10.5px;
    }
}

/* Phase 30: shared viewport safety and long-content resilience. */
.lpc-app :where(.lpc-post-content,.lpc-comment-bubble,.lpc-chat-bubble,.lpc-group-chat-body,.lpc-profile-bio,.lpc-notification-message,.lpc-content-card p){
    overflow-wrap:anywhere;
    word-break:break-word;
}

.lpc-app :where(.lpc-feed-tabs,.lpc-profile-tabs,.lpc-settings-tabs,.lpc-content-share-types){
    -webkit-overflow-scrolling:touch;
}

@media (hover:none) and (pointer:coarse){
    .lpc-app button,
    .lpc-app a{
        -webkit-tap-highlight-color:transparent;
    }
}

@media (prefers-reduced-motion:reduce){
    .lpc-app,
    .lpc-app *,
    .lpc-app *::before,
    .lpc-app *::after{
        scroll-behavior:auto;
        animation-duration:.001ms;
        animation-iteration-count:1;
        transition-duration:.001ms;
    }
}

/* Shared reaction picker: one floating, edge-aware interaction surface for posts and comments. */
.lpc-a11y-live{
    position:fixed;
    width:1px;
    height:1px;
    margin:-1px;
    padding:0;
    overflow:hidden;
    clip:rect(0 0 0 0);
    clip-path:inset(50%);
    border:0;
    white-space:nowrap;
}

.lpc-reaction-picker.is-lpc-reaction-floating{
    position:fixed;
    z-index:100020;
    right:auto;
    bottom:auto;
    display:flex;
    align-items:center;
    gap:4px;
    width:max-content;
    max-width:calc(100vw - 20px);
    padding:6px;
    border:1px solid #D8E2EB;
    border-radius:999px;
    background:#fff;
    box-shadow:0 14px 36px rgba(18,47,84,.2);
    transform-origin:center bottom;
    animation:lpc-shared-reaction-picker-in .18s var(--lpc-ease-soft) both;
}
.lpc-reaction-picker.is-lpc-reaction-floating.opens-below{transform-origin:center top}
.lpc-reaction-picker--dark.is-lpc-reaction-floating{
    border-color:rgba(255,255,255,.17);
    background:rgba(8,17,33,.96);
    box-shadow:0 18px 42px rgba(0,0,0,.38);
    backdrop-filter:blur(14px);
}
.lpc-reaction-picker.is-lpc-reaction-floating .lpc-reaction-choice{
    position:relative;
    overflow:visible;
    display:grid;
    width:36px;
    height:36px;
    flex:0 0 36px;
    place-items:center;
    padding:0;
    border:1px solid transparent;
    border-radius:50%;
    background:transparent;
    color:#263F60;
    box-shadow:none;
    font-size:19px;
    line-height:1;
    transition:transform .17s var(--lpc-ease-soft),background-color .17s var(--lpc-ease),border-color .17s var(--lpc-ease),box-shadow .17s var(--lpc-ease);
}
.lpc-reaction-picker--dark.is-lpc-reaction-floating .lpc-reaction-choice{color:#fff}
.lpc-reaction-picker.is-lpc-reaction-floating .lpc-reaction-choice>span{display:grid;width:22px;height:22px;place-items:center;overflow:visible;line-height:1}
.lpc-reaction-picker.is-lpc-reaction-floating .lpc-reaction-choice img.emoji{display:block!important;width:20px!important;height:20px!important;max-width:20px!important;max-height:20px!important;margin:0!important;object-fit:contain!important}
.lpc-reaction-picker.is-lpc-reaction-floating .lpc-comment-reaction-remove,
.lpc-reaction-picker.is-lpc-reaction-floating .lpc-post-reaction-remove{display:grid;width:32px;height:32px;flex:0 0 32px;place-items:center;padding:0;border:0;border-radius:50%;color:#52677F;background:#F1F5F9;box-shadow:none;font-size:18px;font-weight:600;line-height:1}
.lpc-reaction-picker--dark.is-lpc-reaction-floating .lpc-comment-reaction-remove,
.lpc-reaction-picker--dark.is-lpc-reaction-floating .lpc-post-reaction-remove{color:#DDEBE5;background:rgba(255,255,255,.09)}
@media (hover:hover) and (pointer:fine){
    .lpc-reaction-picker.is-lpc-reaction-floating .lpc-reaction-choice::after{
        content:attr(data-lpc-reaction-label);
        position:absolute;
        left:50%;
        bottom:calc(100% + 8px);
        z-index:3;
        padding:5px 7px;
        border-radius:7px;
        background:#0B1E39;
        color:#fff;
        box-shadow:0 7px 18px rgba(8,28,55,.2);
        font-size:10px;
        font-weight:600;
        line-height:1;
        opacity:0;
        pointer-events:none;
        transform:translate(-50%,4px);
        transition:opacity .14s var(--lpc-ease),transform .14s var(--lpc-ease);
        white-space:nowrap;
    }
    .lpc-reaction-picker.is-lpc-reaction-floating .lpc-reaction-choice:hover::after,
    .lpc-reaction-picker.is-lpc-reaction-floating .lpc-reaction-choice:focus-visible::after{
        opacity:1;
        transform:translate(-50%,0);
    }
}
.lpc-reaction-picker.is-lpc-reaction-floating .lpc-reaction-choice:hover{
    background:#F2F6FA;
    transform:translateY(-3px) scale(1.1);
}
.lpc-reaction-picker--dark.is-lpc-reaction-floating .lpc-reaction-choice:hover{background:rgba(255,255,255,.11)}
.lpc-reaction-picker.is-lpc-reaction-floating .lpc-reaction-choice:focus-visible{
    outline:2px solid rgba(14,45,123,.28);
    outline-offset:1px;
    background:#F2F6FA;
}
.lpc-reaction-picker--dark.is-lpc-reaction-floating .lpc-reaction-choice:focus-visible{
    outline-color:rgba(248,184,97,.7);
    background:rgba(255,255,255,.11);
}
.lpc-reaction-picker.is-lpc-reaction-floating .lpc-reaction-choice.is-active{
    border-color:rgba(248,184,97,.7);
    background:#FFF8ED;
    box-shadow:0 0 0 3px rgba(248,184,97,.1);
    transform:scale(1.04);
}
.lpc-reaction-picker--dark.is-lpc-reaction-floating .lpc-reaction-choice.is-active{
    background:rgba(248,184,97,.18);
}
.lpc-reaction-trigger.is-picker-open{position:relative}
@keyframes lpc-shared-reaction-picker-in{
    from{opacity:0;transform:translateY(5px) scale(.96)}
    to{opacity:1;transform:none}
}
@media (hover:none) and (pointer:coarse){
    .lpc-reaction-picker.is-lpc-reaction-floating{gap:3px;padding:5px;max-width:calc(100vw - 16px)}
    .lpc-reaction-picker.is-lpc-reaction-floating .lpc-reaction-choice{width:36px;height:36px;flex-basis:36px;font-size:19px}
    .lpc-reaction-picker.is-lpc-reaction-floating .lpc-reaction-choice img.emoji{width:19px!important;height:19px!important;max-width:19px!important;max-height:19px!important}
    .lpc-reaction-picker.is-lpc-reaction-floating .lpc-reaction-choice:hover{transform:none;background:transparent}
    .lpc-reaction-picker.is-lpc-reaction-floating .lpc-reaction-choice:active{transform:scale(.92);background:#F2F6FA}
    .lpc-reaction-picker--dark.is-lpc-reaction-floating .lpc-reaction-choice:active{background:rgba(255,255,255,.12)}
}
@media (prefers-reduced-motion:reduce){
    .lpc-reaction-picker.is-lpc-reaction-floating{animation:none}
    .lpc-reaction-picker.is-lpc-reaction-floating .lpc-reaction-choice{transition:none}
}

/* Notifications: isolated Community activity system. */
.lpc-notification-nav-button{position:relative}
.lpc-notification-badge,
.lpc-mobile-notification-badge,
.lpc-nav-count,
.lpc-profile-notification-count{
    box-sizing:border-box;
    display:inline-flex;
    flex:0 0 auto;
    align-items:center;
    justify-content:center;
    max-width:none;
    overflow:visible;
    white-space:nowrap;
    text-align:center;
    font-variant-numeric:tabular-nums;
    line-height:1;
}
.lpc-notification-badge,
.lpc-mobile-notification-badge{
    min-width:20px;
    height:20px;
    padding:0 5px;
    border:2px solid var(--lpc-panel);
    border-radius:999px;
    background:#F8B861;
    color:#0E2D7B;
    font-size:10px;
    font-weight:600;
    box-shadow:0 3px 10px rgba(14,45,123,.12);
}
.lpc-notification-badge[hidden],
.lpc-mobile-notification-badge[hidden],
.lpc-nav-count[hidden],
.lpc-profile-notification-count[hidden]{display:none}
.lpc-notification-menu-wrap>.lpc-notification-nav-button>.lpc-notification-badge{
    position:absolute;
    top:-6px;
    right:-8px;
}
.lpc-nav-item .lpc-nav-count{
    margin-left:auto;
    min-width:24px;
    height:24px;
    padding:0 7px;
    border-radius:999px;
    background:rgba(255,255,255,.14);
    color:var(--lpc-sidebar-foreground);
    font-size:11px;
    font-weight:600;
}
.lpc-nav-item.is-active .lpc-nav-count,
.lpc-nav-item.has-unread.is-active .lpc-nav-count{
    background:rgba(255,255,255,.2);
    color:inherit;
}
.lpc-profile-notification-count{
    margin-left:auto;
    min-width:22px;
    height:22px;
    padding:0 6px;
    border-radius:999px;
    background:#EEF3FA;
    color:var(--lpc-navy);
    font-size:11px;
    font-weight:600;
}
.lpc-mobile-nav-icon-wrap{position:relative;display:inline-flex;align-items:center;justify-content:center}
.lpc-mobile-nav-icon-wrap>.lpc-mobile-notification-badge{
    position:absolute;
    top:-7px;
    right:-10px;
    min-width:18px;
    height:18px;
    padding:0 5px;
    border:2px solid #fff;
    border-radius:999px;
    font-size:9px;
    font-weight:700;
    line-height:14px;
}


.lpc-notification-menu-wrap{
    position:relative;
    display:inline-flex;
    align-items:center;
    justify-content:center;
    flex:0 0 auto;
}
.lpc-app .lpc-notification-nav-button.is-open{
    border-color:#D4DFEA;
    background:#F0F5FA;
    color:var(--lpc-navy-deep);
}
.lpc-app .lpc-notification-nav-button.has-live-notification svg{
    transform-origin:50% 12%;
    animation:lpc-notification-bell-live .62s var(--lpc-ease-soft) both;
}
@keyframes lpc-notification-bell-live{
    0%,100%{transform:rotate(0)}
    22%{transform:rotate(11deg)}
    48%{transform:rotate(-9deg)}
    72%{transform:rotate(5deg)}
}

/* Notification dropdown */
.lpc-notification-dropdown[hidden]{display:none}
.lpc-notification-dropdown{
    position:absolute;
    top:calc(100% + 11px);
    right:0;
    z-index:190;
    width:min(410px,calc(100vw - 24px));
    overflow:visible;
    border:1px solid #D9E3EC;
    border-radius:20px;
    background:#fff;
    box-shadow:0 26px 68px rgba(7,31,88,.2),0 7px 22px rgba(7,31,88,.08);
    opacity:0;
    transform:translateY(-6px) scale(.985);
    transform-origin:top right;
    pointer-events:none;
    transition:opacity .17s var(--lpc-ease),transform .17s var(--lpc-ease);
}
.lpc-notification-dropdown.is-open{opacity:1;transform:none;pointer-events:auto}
.lpc-notification-dropdown::before{
    content:"";
    position:absolute;
    top:-6px;
    right:17px;
    width:11px;
    height:11px;
    border-left:1px solid #D9E3EC;
    border-top:1px solid #D9E3EC;
    background:#fff;
    transform:rotate(45deg);
}
.lpc-notification-dropdown-head{
    position:relative;
    z-index:2;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    padding:15px 15px 13px;
    border-radius:20px 20px 0 0;
    border-bottom:1px solid #E7EDF3;
    background:linear-gradient(180deg,#fff,#FAFCFE);
}
.lpc-notification-dropdown-head>div:first-child{display:flex;min-width:0;flex-direction:column;gap:2px}
.lpc-notification-dropdown-head strong{color:#132F55;font-size:16px;font-weight:600;line-height:1.2}
.lpc-notification-dropdown-head span{color:var(--lpc-soft-text);font-size:11.5px;font-weight:500}
.lpc-notification-dropdown-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}
.lpc-app .lpc-notification-dropdown-settings,
.lpc-app .lpc-notification-dropdown-read-all{
    display:inline-flex;
    min-height:34px;
    align-items:center;
    justify-content:center;
    border:1px solid transparent;
    border-radius:10px;
    background:transparent;
    color:var(--lpc-navy);
    box-shadow:none;
    font-size:11.5px;
    font-weight:600;
    transition:background-color var(--lpc-fast) var(--lpc-ease),border-color var(--lpc-fast) var(--lpc-ease),color var(--lpc-fast) var(--lpc-ease),transform var(--lpc-fast) var(--lpc-ease);
}
.lpc-app .lpc-notification-dropdown-settings{width:34px;min-width:34px;padding:0}
.lpc-app .lpc-notification-dropdown-settings svg{width:16px;height:16px}
.lpc-app .lpc-notification-dropdown-read-all{padding:0 9px}
.lpc-app .lpc-notification-dropdown-settings:hover,
.lpc-app .lpc-notification-dropdown-read-all:hover{border-color:#D5E0EA;background:#F1F5F9;color:var(--lpc-navy-deep)}
.lpc-app .lpc-notification-dropdown-settings:active,
.lpc-app .lpc-notification-dropdown-read-all:active{transform:translateY(1px);background:#E9F0F7}
.lpc-app .lpc-notification-dropdown-settings:focus-visible,
.lpc-app .lpc-notification-dropdown-read-all:focus-visible{outline:3px solid var(--lpc-focus);outline-offset:1px}
.lpc-notification-dropdown-list{
    position:relative;
    z-index:1;
    max-height:min(440px,calc(100vh - 194px));
    overflow-x:visible;
    overflow-y:auto;
    overscroll-behavior:auto;
    scrollbar-width:thin;
    scrollbar-color:#C7D3DF transparent;
}
.lpc-notification-dropdown-list::-webkit-scrollbar{width:6px}
.lpc-notification-dropdown-list::-webkit-scrollbar-track{background:transparent}
.lpc-notification-dropdown-list::-webkit-scrollbar-thumb{border-radius:999px;background:#C7D3DF}
.lpc-notification-dropdown .lpc-notification-item{border-color:#EDF1F5}
.lpc-notification-dropdown .lpc-notification-item.is-unread{background:#F5F8FD}
.lpc-app .lpc-notification-dropdown .lpc-notification-open{grid-template-columns:42px minmax(0,1fr);gap:10px;min-height:70px;padding:10px 46px 10px 12px}
.lpc-notification-dropdown .lpc-notification-avatar-wrap,
.lpc-notification-dropdown .lpc-notification-avatar-wrap>img,
.lpc-notification-dropdown .lpc-notification-avatar-fallback{width:40px;height:40px}
.lpc-notification-dropdown .lpc-notification-type-icon{right:-3px;bottom:-2px;width:19px;height:19px;border-width:2px;font-size:10px}
.lpc-notification-dropdown .lpc-notification-type-icon svg{width:10px;height:10px}
.lpc-notification-dropdown .lpc-notification-message{font-size:12.75px;line-height:1.4}
.lpc-notification-dropdown .lpc-notification-meta{gap:6px}
.lpc-notification-dropdown .lpc-notification-time,
.lpc-notification-dropdown .lpc-notification-category-label{font-size:10.75px}
.lpc-notification-dropdown .lpc-notification-category-label{display:none}
.lpc-notification-dropdown .lpc-notification-actions{top:50%;right:8px;transform:translateY(-50%)}
.lpc-notification-dropdown .lpc-notifications-empty{min-height:155px;padding:28px 18px}
.lpc-notification-dropdown .lpc-notifications-empty>span{width:44px;height:44px;border-radius:14px}
.lpc-notification-dropdown .lpc-notifications-empty>span svg{width:21px;height:21px}
.lpc-notification-dropdown .lpc-notifications-empty strong{font-size:14px}
.lpc-notification-dropdown .lpc-notifications-empty p{font-size:12px}
.lpc-notification-dropdown-foot{padding:9px 10px 10px;border-radius:0 0 20px 20px;border-top:1px solid #E7EDF3;background:#FAFCFE}
.lpc-app .lpc-notification-dropdown-foot>button{
    width:100%;
    min-height:39px;
    padding:0 12px;
    border:1px solid #D9E3EC;
    border-radius:11px;
    background:#fff;
    color:var(--lpc-navy);
    box-shadow:0 3px 10px rgba(18,47,84,.04);
    font-size:12.5px;
    font-weight:600;
}
.lpc-app .lpc-notification-dropdown-foot>button:hover{border-color:#C4D2E0;background:#F4F8FB;color:var(--lpc-navy-deep)}
.lpc-app .lpc-notification-dropdown-foot>button:active{background:#EAF1F7}

/* Live notification popups */
.lpc-live-notification-region{
    position:fixed;
    right:18px;
    bottom:18px;
    z-index:1000500;
    display:flex;
    width:min(400px,calc(100vw - 28px));
    flex-direction:column;
    align-items:stretch;
    gap:10px;
    pointer-events:none;
}
.lpc-live-notification-toast{
    position:relative;
    overflow:hidden;
    border:1px solid #D6E2EC;
    border-radius:17px;
    background:rgba(255,255,255,.985);
    box-shadow:0 24px 64px rgba(7,31,88,.22),0 6px 18px rgba(7,31,88,.08);
    opacity:0;
    transform:translate3d(22px,8px,0) scale(.985);
    pointer-events:auto;
    transition:opacity .22s var(--lpc-ease),transform .22s var(--lpc-ease);
    backdrop-filter:blur(16px) saturate(145%);
}
.lpc-live-notification-toast.is-visible{opacity:1;transform:none}
.lpc-live-notification-toast.is-leaving{opacity:0;transform:translate3d(18px,4px,0) scale(.985)}
.lpc-live-notification-toast::before{content:"";position:absolute;top:0;left:0;width:4px;height:100%;background:var(--lpc-amber)}
.lpc-live-notification-toast-head{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 9px 0 14px}
.lpc-live-notification-toast-head>span{display:inline-flex;align-items:center;gap:6px;color:var(--lpc-navy);font-size:10.5px;font-weight:600;letter-spacing:.02em;text-transform:uppercase}
.lpc-live-notification-toast-head>span i{width:7px;height:7px;border-radius:50%;background:var(--lpc-amber);box-shadow:0 0 0 4px rgba(248,184,97,.18)}
.lpc-app .lpc-live-notification-close{display:grid;width:28px;height:28px;min-width:28px;min-height:28px;padding:0;place-items:center;border:0;border-radius:50%;background:transparent;color:#718196;box-shadow:none}
.lpc-app .lpc-live-notification-close:hover{background:#F0F4F8;color:var(--lpc-navy-deep)}
.lpc-live-notification-close svg{width:15px;height:15px}
.lpc-app .lpc-live-notification-open{display:grid;grid-template-columns:46px minmax(0,1fr);align-items:center;gap:11px;width:100%;min-height:74px;padding:7px 14px 12px;border:0;border-radius:0;background:transparent;box-shadow:none;appearance:none;color:var(--lpc-text);font:inherit;text-align:left}
.lpc-app .lpc-live-notification-open:hover{background:linear-gradient(90deg,rgba(14,45,123,.035),rgba(14,45,123,0))}
.lpc-app .lpc-live-notification-open:focus-visible{outline:2px solid rgba(14,45,123,.3);outline-offset:-3px}
.lpc-live-notification-open .lpc-notification-avatar-wrap,
.lpc-live-notification-open .lpc-notification-avatar-wrap>img,
.lpc-live-notification-open .lpc-notification-avatar-fallback{width:44px;height:44px}
.lpc-live-notification-open .lpc-notification-type-icon{width:20px;height:20px;right:-3px;bottom:-2px;font-size:10px}
.lpc-live-notification-open .lpc-notification-type-icon svg{width:10px;height:10px}
.lpc-live-notification-open .lpc-notification-message{font-size:13px;line-height:1.4}
.lpc-live-notification-open .lpc-notification-time{font-size:10.75px}
.lpc-live-notification-open .lpc-notification-category-label{display:none}

/* Full notifications view */
.lpc-notifications-page-head{margin-bottom:14px}
.lpc-notifications-shell{overflow:visible;border:1px solid var(--lpc-border);border-radius:20px;background:var(--lpc-panel);box-shadow:var(--lpc-shadow)}
.lpc-notifications-toolbar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 16px;border-bottom:1px solid var(--lpc-border);border-radius:20px 20px 0 0;background:linear-gradient(180deg,#fff,#FAFCFE)}
.lpc-notification-tabs{display:flex;min-width:0;align-items:center;gap:5px;overflow-x:auto;scrollbar-width:none;overscroll-behavior-inline:contain}
.lpc-notification-tabs::-webkit-scrollbar{display:none}
.lpc-app .lpc-notification-tabs>button{display:inline-flex;min-height:38px;padding:0 13px;align-items:center;gap:6px;white-space:nowrap;border:1px solid transparent;border-radius:999px;color:var(--lpc-muted);background:transparent;box-shadow:none;font-size:12.5px;font-weight:600;transition:background-color var(--lpc-fast) var(--lpc-ease),color var(--lpc-fast) var(--lpc-ease),border-color var(--lpc-fast) var(--lpc-ease),transform var(--lpc-fast) var(--lpc-ease)}
.lpc-app .lpc-notification-tabs>button:hover{border-color:#D8E3EC;background:#F3F7FA;color:var(--lpc-navy)}
.lpc-app .lpc-notification-tabs>button:active{transform:translateY(1px)}
.lpc-app .lpc-notification-tabs>button.is-active{border-color:rgba(14,45,123,.13);background:#EAF1FB;color:var(--lpc-navy)}
.lpc-app .lpc-notification-tabs>button:focus-visible{outline:3px solid var(--lpc-focus);outline-offset:1px}
.lpc-notification-tabs>button span{display:inline-grid;min-width:20px;height:20px;padding:0 6px;place-items:center;border-radius:999px;background:rgba(14,45,123,.08);font-size:10px;font-weight:600}
.lpc-notifications-toolbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:6px;flex:0 0 auto}
.lpc-app .lpc-notifications-clear-read,
.lpc-app .lpc-notifications-settings-button,
.lpc-app .lpc-notifications-mark-all{
    display:inline-flex;
    min-height:38px;
    padding:0 11px;
    align-items:center;
    justify-content:center;
    gap:6px;
    border:1px solid #D8E3EC;
    border-radius:10px;
    background:#fff;
    color:var(--lpc-navy);
    box-shadow:0 3px 10px rgba(18,47,84,.04);
    font-size:11.75px;
    font-weight:600;
    transition:background-color var(--lpc-fast) var(--lpc-ease),border-color var(--lpc-fast) var(--lpc-ease),color var(--lpc-fast) var(--lpc-ease),transform var(--lpc-fast) var(--lpc-ease);
}
.lpc-app .lpc-notifications-clear-read svg,
.lpc-app .lpc-notifications-settings-button svg,
.lpc-app .lpc-notifications-mark-all svg{width:15px;height:15px}
.lpc-app .lpc-notifications-clear-read:hover,
.lpc-app .lpc-notifications-settings-button:hover{border-color:#C4D2E0;background:#F4F8FB;color:var(--lpc-navy-deep)}
.lpc-app .lpc-notifications-mark-all{border-color:var(--lpc-amber);background:var(--lpc-amber);color:var(--lpc-navy-deep)}
.lpc-app .lpc-notifications-mark-all:hover{border-color:var(--lpc-amber-hover);background:var(--lpc-amber-hover);color:var(--lpc-navy-deep)}
.lpc-app .lpc-notifications-clear-read:active,
.lpc-app .lpc-notifications-settings-button:active,
.lpc-app .lpc-notifications-mark-all:active{transform:translateY(1px)}
.lpc-app .lpc-notifications-clear-read:focus-visible,
.lpc-app .lpc-notifications-settings-button:focus-visible,
.lpc-app .lpc-notifications-mark-all:focus-visible{outline:3px solid var(--lpc-focus);outline-offset:1px}
.lpc-app .lpc-notifications-clear-read:disabled,
.lpc-app .lpc-notifications-settings-button:disabled,
.lpc-app .lpc-notifications-mark-all:disabled{opacity:.58;cursor:wait}
.lpc-notifications-list{display:flex;flex-direction:column;min-height:80px}
.lpc-notification-item{position:relative;border-bottom:1px solid #E9EFF4;background:#fff;transition:background-color var(--lpc-fast) var(--lpc-ease)}
.lpc-notification-item:last-child{border-bottom:0}
.lpc-notification-item.is-unread{background:#F4F8FE}
.lpc-notification-item.is-entering{animation:lpc-notification-enter .24s var(--lpc-ease-soft) both}
@keyframes lpc-notification-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:none}}
.lpc-app .lpc-notification-open{display:grid;grid-template-columns:52px minmax(0,1fr);align-items:center;justify-content:stretch;gap:13px;width:100%;min-height:84px;padding:13px 64px 13px 18px;border:0;border-radius:0;background:transparent;box-shadow:none;font:inherit;appearance:none;color:var(--lpc-text);text-align:left;transition:background-color var(--lpc-fast) var(--lpc-ease)}
.lpc-app .lpc-notification-open:hover{background:rgba(14,45,123,.035)}
.lpc-app .lpc-notification-open:focus-visible{outline:2px solid rgba(14,45,123,.28);outline-offset:-3px;background:#F7FAFD}
.lpc-notification-avatar-wrap{position:relative;width:48px;height:48px;align-self:start}
.lpc-notification-avatar-wrap>img,
.lpc-notification-avatar-fallback{display:grid;width:48px;height:48px;place-items:center;overflow:hidden;border:1px solid #DCE5EE;border-radius:50%;background:#EEF3F8;color:var(--lpc-navy);object-fit:cover}
.lpc-notification-avatar-fallback svg{width:22px;height:22px}
.lpc-notification-type-icon{position:absolute;right:-4px;bottom:-3px;display:grid;width:22px;height:22px;place-items:center;border:2px solid #fff;border-radius:50%;background:var(--lpc-navy);color:#fff;box-shadow:0 3px 8px rgba(7,31,88,.2);font-size:12px;line-height:1}
.lpc-notification-type-icon svg{width:12px;height:12px}
.lpc-notification-copy{display:flex;min-width:0;flex-direction:column;align-items:flex-start;gap:5px}
.lpc-notification-message{color:#274466;font-size:14px;font-weight:400;line-height:1.43;overflow-wrap:anywhere}
.lpc-notification-message strong{color:#132F55;font-weight:600}
.lpc-notification-meta{display:flex;min-width:0;align-items:center;flex-wrap:wrap;gap:7px;color:var(--lpc-soft-text)}
.lpc-notification-time{color:inherit;font-size:11.25px;font-weight:500}
.lpc-notification-category-label{display:inline-flex;min-height:20px;padding:0 7px;align-items:center;border-radius:999px;background:#EDF2F7;color:#62758E;font-size:10px;font-weight:600;line-height:1}
.lpc-notification-item.is-unread .lpc-notification-time{color:var(--lpc-navy)}
.lpc-notification-unread-dot{display:block;width:7px;height:7px;border-radius:50%;background:var(--lpc-navy);box-shadow:0 0 0 3px rgba(14,45,123,.08)}
.lpc-notification-actions{position:absolute;top:12px;right:12px;z-index:7;display:flex;align-items:flex-start;justify-content:flex-end}
.lpc-app .lpc-notification-more{display:grid;width:34px;height:34px;min-width:34px;min-height:34px;padding:0;place-items:center;border:1px solid transparent;border-radius:10px;background:transparent;color:#718196;box-shadow:none;opacity:.68;transition:opacity var(--lpc-fast) var(--lpc-ease),background-color var(--lpc-fast) var(--lpc-ease),border-color var(--lpc-fast) var(--lpc-ease),color var(--lpc-fast) var(--lpc-ease)}
.lpc-notification-item:hover .lpc-notification-more,
.lpc-notification-more[aria-expanded="true"],
.lpc-notification-more:focus-visible{opacity:1}
.lpc-app .lpc-notification-more:hover,
.lpc-app .lpc-notification-more[aria-expanded="true"]{border-color:#D8E3EC;background:#F1F5F9;color:var(--lpc-navy-deep)}
.lpc-app .lpc-notification-more:focus-visible{outline:3px solid var(--lpc-focus);outline-offset:1px}
.lpc-notification-more svg{width:17px;height:17px}
.lpc-notification-action-menu[hidden]{display:none}
.lpc-notification-action-menu{position:absolute;top:38px;right:0;z-index:30;display:flex;width:190px;padding:6px;flex-direction:column;gap:2px;border:1px solid #D8E3EC;border-radius:12px;background:#fff;box-shadow:0 16px 42px rgba(7,31,88,.18)}
.lpc-app .lpc-notification-action-menu>button{display:flex;width:100%;min-height:38px;padding:0 10px;align-items:center;gap:9px;border:0;border-radius:8px;background:transparent;color:#294768;box-shadow:none;font-size:12px;font-weight:600;text-align:left}
.lpc-notification-action-menu>button svg{width:16px;height:16px;flex:0 0 auto}
.lpc-app .lpc-notification-action-menu>button:hover{background:#F1F5F9;color:var(--lpc-navy-deep)}
.lpc-app .lpc-notification-action-menu>button.is-danger{color:var(--lpc-danger)}
.lpc-app .lpc-notification-action-menu>button.is-danger:hover{background:#FFF2F3;color:#C93E47}
.lpc-notifications-pagination{display:flex;justify-content:center;padding:14px 18px 17px;border-top:1px solid var(--lpc-border);border-radius:0 0 20px 20px;background:#FAFCFE}
.lpc-notifications-pagination[hidden]{display:none}
.lpc-notifications-new{align-self:center;margin:12px auto 4px;min-height:36px;padding:0 15px;border:1px solid rgba(14,45,123,.16);border-radius:999px;background:#EDF3FC;color:var(--lpc-navy);font-size:12px;font-weight:600;box-shadow:0 5px 14px rgba(14,45,123,.08)}
.lpc-notifications-empty{display:flex;min-height:260px;padding:42px 24px;flex-direction:column;align-items:center;justify-content:center;gap:9px;text-align:center}
.lpc-notifications-empty>span{display:grid;width:54px;height:54px;place-items:center;border-radius:17px;background:#EDF3FC;color:var(--lpc-navy)}
.lpc-notifications-empty>span svg{width:25px;height:25px}
.lpc-notifications-empty strong{color:#19395F;font-size:16px;font-weight:600}
.lpc-notifications-empty p{max-width:430px;color:var(--lpc-muted);font-size:13px;line-height:1.5}
.lpc-notifications-loading{display:flex;min-height:190px;align-items:center;justify-content:center;gap:7px}
.lpc-notifications-loading i{width:8px;height:8px;border-radius:50%;background:var(--lpc-navy);animation:lpc-notification-loading .8s ease-in-out infinite alternate}
.lpc-notifications-loading i:nth-child(2){animation-delay:.12s}
.lpc-notifications-loading i:nth-child(3){animation-delay:.24s}
@keyframes lpc-notification-loading{from{opacity:.25;transform:translateY(2px)}to{opacity:1;transform:translateY(-2px)}}

/* Notification preferences dialog */
.lpc-notification-settings[hidden]{display:none}
.lpc-notification-settings{position:fixed;inset:0;z-index:1000600;display:grid;padding:20px;place-items:center;opacity:0;pointer-events:none;transition:opacity .18s var(--lpc-ease)}
.lpc-notification-settings.is-open{opacity:1;pointer-events:auto}
.lpc-app .lpc-notification-settings-backdrop{position:absolute;inset:0;width:100%;height:100%;min-height:0;padding:0;border:0;border-radius:0;background:rgba(5,22,52,.48);box-shadow:none;backdrop-filter:blur(4px)}
.lpc-notification-settings-card{position:relative;z-index:1;width:min(590px,100%);max-height:min(760px,calc(100dvh - 40px));overflow:hidden;border:1px solid #D8E3EC;border-radius:22px;background:#fff;box-shadow:0 30px 90px rgba(7,31,88,.28);transform:translateY(10px) scale(.99);transition:transform .2s var(--lpc-ease-soft)}
.lpc-notification-settings.is-open .lpc-notification-settings-card{transform:none}
.lpc-notification-settings-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:21px 22px 17px;border-bottom:1px solid #E8EEF4;background:linear-gradient(180deg,#fff,#FBFCFE)}
.lpc-notification-settings-head>div{min-width:0}
.lpc-notification-settings-head h2{margin:2px 0 4px;color:#12335C;font-size:22px;font-weight:600;line-height:1.2}
.lpc-notification-settings-head p{margin:0;color:var(--lpc-muted);font-size:12.5px;line-height:1.5}
.lpc-app .lpc-notification-settings-close{display:grid;width:38px;height:38px;min-width:38px;min-height:38px;padding:0;place-items:center;border:1px solid #DCE5EE;border-radius:11px;background:#fff;color:#667A93;box-shadow:none}
.lpc-app .lpc-notification-settings-close:hover{border-color:#C8D6E4;background:#F3F7FA;color:var(--lpc-navy-deep)}
.lpc-notification-settings-close svg{width:18px;height:18px}
.lpc-notification-settings-list{max-height:calc(min(760px,100dvh - 40px) - 174px);overflow-y:auto;padding:8px 14px;scrollbar-width:thin;scrollbar-color:#C7D3DF transparent}
.lpc-notification-setting-row{display:grid;grid-template-columns:42px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:68px;padding:10px 8px;border-bottom:1px solid #EDF1F5;cursor:pointer}
.lpc-notification-setting-row:last-child{border-bottom:0}
.lpc-notification-setting-row:hover{background:#FAFCFE}
.lpc-notification-setting-icon{display:grid;width:40px;height:40px;place-items:center;border-radius:12px;background:#EDF3FC;color:var(--lpc-navy)}
.lpc-notification-setting-icon svg{width:19px;height:19px}
.lpc-notification-setting-copy{display:flex;min-width:0;flex-direction:column;gap:2px}
.lpc-notification-setting-copy strong{color:#17385F;font-size:13.5px;font-weight:600}
.lpc-notification-setting-copy small{color:var(--lpc-muted);font-size:11.5px;line-height:1.42}
.lpc-switch{position:relative;display:inline-flex;width:44px;height:26px;flex:0 0 auto}
.lpc-switch input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}
.lpc-switch>span{position:absolute;inset:0;border:1px solid #C8D4E0;border-radius:999px;background:#DCE4EC;transition:background-color var(--lpc-fast) var(--lpc-ease),border-color var(--lpc-fast) var(--lpc-ease)}
.lpc-switch>span::after{content:"";position:absolute;top:3px;left:3px;width:18px;height:18px;border-radius:50%;background:#fff;box-shadow:0 2px 6px rgba(7,31,88,.18);transition:transform var(--lpc-fast) var(--lpc-ease)}
.lpc-switch input:checked+span{border-color:var(--lpc-navy);background:var(--lpc-navy)}
.lpc-switch input:checked+span::after{transform:translateX(18px)}
.lpc-switch input:focus-visible+span{outline:3px solid var(--lpc-focus);outline-offset:2px}
.lpc-notification-settings-foot{display:flex;min-height:65px;padding:11px 18px;align-items:center;justify-content:flex-end;gap:8px;border-top:1px solid #E8EEF4;background:#FAFCFE}
.lpc-notification-settings-foot>[data-lpc-notification-settings-status]{margin-right:auto;color:#4F6680;font-size:11.5px;font-weight:600}
.lpc-notification-settings-foot>[data-lpc-notification-settings-status].is-error{color:var(--lpc-danger)}
.lpc-notification-settings-foot .lpc-secondary-button,
.lpc-notification-settings-foot .lpc-primary-button{min-height:40px}

@media (max-width:920px){
    .lpc-notifications-toolbar{align-items:flex-start;flex-direction:column}
    .lpc-notification-tabs{width:100%;max-width:100%}
    .lpc-notifications-toolbar-actions{width:100%;justify-content:flex-end}
}

@media (max-width:767px){
    .lpc-notification-dropdown{position:fixed;top:calc(66px + var(--lpc-safe-top));left:8px;right:8px;width:auto;max-height:calc(100dvh - 78px - var(--lpc-safe-top));border-radius:17px;transform:translateY(-5px) scale(.99);transform-origin:top center}
    .admin-bar .lpc-notification-dropdown{top:calc(112px + var(--lpc-safe-top));max-height:calc(100dvh - 124px - var(--lpc-safe-top))}
    .lpc-notification-dropdown.is-open{transform:none}
    .lpc-notification-dropdown::before{display:none}
    .lpc-notification-dropdown-list{max-height:calc(100dvh - 196px)}
    .lpc-notification-dropdown-head{padding:12px;border-radius:17px 17px 0 0}
    .lpc-notification-dropdown-foot{border-radius:0 0 17px 17px}
    .lpc-app .lpc-notification-dropdown .lpc-notification-open{grid-template-columns:42px minmax(0,1fr);padding:10px 44px 10px 10px}
    .lpc-live-notification-region{left:8px;right:8px;bottom:calc(74px + env(safe-area-inset-bottom));width:auto;align-items:center}
    .lpc-live-notification-toast{width:min(100%,390px);border-radius:15px}
    .lpc-notifications-page-head{margin-bottom:10px}
    .lpc-notifications-shell{border-radius:16px}
    .lpc-notifications-toolbar{padding:11px 12px;gap:9px;border-radius:16px 16px 0 0}
    .lpc-app .lpc-notification-tabs>button{min-height:36px;padding:0 11px;font-size:12px}
    .lpc-notifications-toolbar-actions{justify-content:stretch;gap:5px}
    .lpc-app .lpc-notifications-clear-read,
    .lpc-app .lpc-notifications-settings-button,
    .lpc-app .lpc-notifications-mark-all{min-width:38px;flex:1;padding:0 8px;font-size:11px}
    .lpc-app .lpc-notification-open{grid-template-columns:46px minmax(0,1fr);gap:11px;min-height:78px;padding:12px 52px 12px 12px}
    .lpc-notification-avatar-wrap,.lpc-notification-avatar-wrap>img,.lpc-notification-avatar-fallback{width:44px;height:44px}
    .lpc-notification-type-icon{width:21px;height:21px;font-size:11px}
    .lpc-notification-message{font-size:13.5px}
    .lpc-notification-time{font-size:10.75px}
    .lpc-notification-category-label{font-size:9.75px}
    .lpc-notification-actions{top:10px;right:8px}
    .lpc-app .lpc-notification-more{width:34px;height:34px}
    .lpc-notification-action-menu{position:fixed;left:12px;right:12px;top:auto;bottom:calc(78px + env(safe-area-inset-bottom));width:auto;padding:8px;border-radius:14px;box-shadow:0 24px 70px rgba(7,31,88,.25)}
    .lpc-app .lpc-notification-action-menu>button{min-height:44px;font-size:12.5px}
    .lpc-notifications-empty{min-height:220px;padding:32px 18px}
    .lpc-notification-settings{padding:0;align-items:end}
    .lpc-notification-settings-card{width:100%;max-height:calc(100dvh - 12px);border-radius:22px 22px 0 0;transform:translateY(28px)}
    .lpc-notification-settings-head{padding:18px 17px 14px}
    .lpc-notification-settings-head h2{font-size:20px}
    .lpc-notification-settings-list{max-height:calc(100dvh - 192px);padding:6px 10px}
    .lpc-notification-setting-row{grid-template-columns:40px minmax(0,1fr) auto;padding:10px 6px}
    .lpc-notification-settings-foot{padding:10px 12px calc(10px + env(safe-area-inset-bottom));flex-wrap:wrap}
    .lpc-notification-settings-foot>[data-lpc-notification-settings-status]{width:100%;margin:0;order:-1;min-height:17px}
}

@media (max-width:430px){
    .lpc-notification-dropdown-head{gap:7px}
    .lpc-notification-dropdown-head strong{font-size:14.5px}
    .lpc-app .lpc-notification-dropdown-read-all{padding:0 6px;font-size:10.75px}
    .lpc-app .lpc-notification-dropdown-settings{width:32px;min-width:32px}
    .lpc-app .lpc-notification-dropdown .lpc-notification-open{grid-template-columns:39px minmax(0,1fr);gap:8px;padding:9px 42px 9px 9px}
    .lpc-notification-dropdown .lpc-notification-avatar-wrap,
    .lpc-notification-dropdown .lpc-notification-avatar-wrap>img,
    .lpc-notification-dropdown .lpc-notification-avatar-fallback{width:38px;height:38px}
    .lpc-notification-dropdown .lpc-notification-message{font-size:12.25px}
    .lpc-app .lpc-live-notification-open{grid-template-columns:42px minmax(0,1fr);gap:9px;padding-left:11px;padding-right:11px}
    .lpc-live-notification-open .lpc-notification-avatar-wrap,
    .lpc-live-notification-open .lpc-notification-avatar-wrap>img,
    .lpc-live-notification-open .lpc-notification-avatar-fallback{width:40px;height:40px}
    .lpc-notifications-toolbar-actions{display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
    .lpc-app .lpc-notifications-clear-read span,
    .lpc-app .lpc-notifications-settings-button span,
    .lpc-app .lpc-notifications-mark-all span{display:none}
    .lpc-app .lpc-notifications-clear-read,
    .lpc-app .lpc-notifications-settings-button,
    .lpc-app .lpc-notifications-mark-all{min-height:40px}
    .lpc-app .lpc-notification-open{grid-template-columns:42px minmax(0,1fr);gap:9px;padding:11px 48px 11px 10px}
    .lpc-notification-avatar-wrap,.lpc-notification-avatar-wrap>img,.lpc-notification-avatar-fallback{width:40px;height:40px}
    .lpc-notification-message{font-size:13px}
    .lpc-notification-setting-copy small{font-size:11px}
}

@media (prefers-reduced-motion:reduce){
    .lpc-app .lpc-notification-nav-button.has-live-notification svg{animation:none}
    .lpc-notification-dropdown,
    .lpc-live-notification-toast,
    .lpc-notification-settings,
    .lpc-notification-settings-card{transition:none}
}

/* Admin-controlled rail combinations remain stable through the tablet breakpoint. */
@media (min-width:1025px) and (max-width:1180px){
    .lpc-app.lpc-without-left-sidebar .lpc-layout,
    .lpc-app.lpc-without-left-sidebar.lpc-without-right-sidebar .lpc-layout{
        grid-template-columns:minmax(0,1fr);
        grid-template-areas:"main";
    }
}