/* Hide Figma-specific controls on every non-Home route. */
.figma-home-header{display:none}
/* Yangle Figma Home 390x844 — scoped to Home route only.
   Measurements are from the supplied Figma CSS; other tabs keep their prior styling. */
@import url('https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:opsz,wght@12..96,500;12..96,600;12..96,700;12..96,800&family=DM+Sans:wght@400;500;600;700&display=swap');
@media(max-width:899px){
 body.yangle-home{--bg:#EEF2E4;--surface:#FBFCF6;--surface-2:#EEF2E4;--line:#D3DCC4;--text:#0D2418;--muted:#5C7064;--g1:#CBF55C;--g2:#12A150;--g3:#0B5A33;--grad:linear-gradient(105deg,#0B5A33,#12A150);background:#EEF2E4!important;color:#0D2418!important;font-family:'DM Sans',sans-serif!important}
 body.yangle-home .shell{background:radial-gradient(circle 230px at calc(50% + 180px) -178px,#DCEFC9 99%,transparent 100%),radial-gradient(circle 110px at calc(50% - 250px) 129px,rgba(203,245,92,.1) 99%,transparent 100%),#EEF2E4!important;min-height:100dvh}
 body.yangle-home .topbar{height:98px;min-height:98px;display:flex!important;justify-content:center;padding:0 20px!important;background:transparent!important;border:0!important;box-shadow:none!important;backdrop-filter:none!important;position:relative!important;z-index:2}
 body.yangle-home .topbar>.brand,body.yangle-home .topbar>.header-create{display:none!important}
 body.yangle-home .figma-home-header{width:100%;max-width:350px;display:flex;align-items:center;justify-content:space-between;gap:10px;margin-top:20px}
 body.yangle-home .figma-wordmark{width:113px;height:38px;object-fit:contain;display:block;filter:none}
 body.yangle-home .figma-header-actions{display:flex;gap:10px}
 body.yangle-home .figma-header-btn{display:grid!important;place-items:center;position:relative;border:1px solid #D3DCC4!important;border-radius:50%!important;width:42px!important;height:42px!important;background:#FBFCF6!important;color:#0D2418!important;box-shadow:none!important;padding:0!important}
 body.yangle-home .figma-header-btn .icon{width:20px;height:20px}
 body.yangle-home .figma-notification-dot{position:absolute;right:5px;top:6px;width:10px;height:10px;border:1.5px solid #0D2418;border-radius:50%;background:#CBF55C}
 body.yangle-home .main{width:100%!important;max-width:390px!important;padding:0 20px calc(110px + env(safe-area-inset-bottom))!important;background:transparent!important;margin:0 auto!important}
 body.yangle-home .home-glows-panel{display:block!important;padding:0!important;margin:0 0 10px!important;background:transparent!important;box-shadow:none!important;border:0!important;border-radius:0!important}
 body.yangle-home .home-glows-heading{display:flex!important;align-items:center!important;justify-content:space-between!important;height:24px!important;margin:0 0 12px!important;padding:0!important;border:0!important}
 body.yangle-home .figma-glows-heading-left{display:flex!important;align-items:center!important;gap:8px}
 body.yangle-home .home-glows-heading h2{font-family:'Bricolage Grotesque',sans-serif!important;font-weight:700!important;font-size:20px!important;line-height:24px!important;letter-spacing:-.4px!important;margin:0!important;color:#0D2418!important}
 body.yangle-home .figma-glows-chip{display:inline-flex;align-items:center;height:20px;padding:3px 8px;border-radius:10px;background:#CBF55C;color:#0D2418;font:600 11px/14px 'DM Sans',sans-serif}
 body.yangle-home .home-glows-view-all{font:600 13px/17px 'DM Sans',sans-serif!important;color:#0B5A33!important;background:none!important;border:0!important;padding:0!important}
 body.yangle-home .home-glows-view-all .icon{display:none!important}
 body.yangle-home .tray{display:flex!important;gap:12px!important;width:calc(100% + 20px)!important;min-height:106px!important;overflow-x:auto!important;overflow-y:hidden!important;padding:0!important;margin:0!important;scrollbar-width:none}
 body.yangle-home .tray::-webkit-scrollbar{display:none}
 body.yangle-home .glow-item{display:flex!important;flex:0 0 66px!important;width:66px!important;max-width:66px!important;flex-direction:column!important;align-items:center!important;justify-content:flex-start!important;gap:5px!important;color:#0D2418!important;padding:0!important;background:none!important}
 body.yangle-home .glow-item .ring{box-sizing:border-box!important;width:66px!important;height:66px!important;min-width:66px!important;min-height:66px!important;border-radius:50%!important;border:3px solid #12A150!important;padding:4px!important;background:transparent!important;box-shadow:none!important}
 body.yangle-home .glow-item .ring.add{border:3px dashed #12A150!important}
 body.yangle-home .glow-item .ring .in{width:100%!important;height:100%!important;border-radius:50%!important;overflow:hidden!important;background:#DCEFC9!important;border:0!important}
 body.yangle-home .glow-item .ring .in .av{width:100%!important;height:100%!important;border-radius:50%!important}
 body.yangle-home .glow-item .name{font:500 12px/16px 'DM Sans',sans-serif!important;max-width:66px!important;text-overflow:ellipsis;overflow:hidden;white-space:nowrap;color:#0D2418!important}
 body.yangle-home .glow-item:first-child .name{text-transform:capitalize}
 body.yangle-home .glow-item:first-child::after{content:'Add';color:#5C7064;font:400 10.5px/14px 'DM Sans',sans-serif}
 body.yangle-home .home-slim-composer{box-sizing:border-box!important;display:flex!important;flex-direction:column!important;gap:12px!important;width:100%!important;min-height:135px!important;margin:0 0 10px!important;padding:14px!important;background:#FBFCF6!important;border:1px solid #D3DCC4!important;border-radius:28px 10px!important;box-shadow:none!important;color:#0D2418!important}
 body.yangle-home .figma-composer-input-row{display:flex;gap:10px;align-items:center;width:100%;min-width:0}
 body.yangle-home .figma-composer-input-row>.av{flex:0 0 40px!important;width:40px!important;height:40px!important;min-width:40px!important;min-height:40px!important;border-radius:20px 7px!important;overflow:hidden!important;background:#CBF55C!important;color:#0D2418!important}
 body.yangle-home .figma-composer-input-row>.av img{width:100%!important;height:100%!important;object-fit:cover!important}
 body.yangle-home .home-slim-input{flex:1;min-width:0;width:auto!important;max-width:none!important}
 body.yangle-home .home-slim-input textarea{background:#EEF2E4!important;border:0!important;border-radius:22px!important;padding:12px 16px!important;color:#0D2418!important;font:400 15px/20px 'DM Sans',sans-serif!important;height:44px!important;min-height:44px!important;box-shadow:none!important;resize:none!important}
 body.yangle-home .home-slim-input textarea::placeholder{color:#5C7064!important}
 body.yangle-home .home-slim-actions{display:flex!important;align-items:center!important;flex-wrap:nowrap!important;gap:2px!important;width:100%!important;border-top:1px solid #D3DCC4!important;padding:11px 0 0!important;margin:0!important}
 body.yangle-home .figma-action-name,body.yangle-home .figma-composer-extra{display:inline-flex;align-items:center;gap:5px;font:500 13px/17px 'DM Sans',sans-serif!important;color:#0D2418!important;white-space:nowrap;padding:5px 5px!important}
 body.yangle-home .figma-action-name .composer-media-btn{padding:0!important;border:0!important;background:none!important;color:#0B5A33!important;box-shadow:none!important}
 body.yangle-home .figma-composer-extra .icon{width:18px;height:18px;color:#0B5A33}
 body.yangle-home .home-slim-post-btn{margin-left:auto!important;flex:0 0 71px!important;height:36px!important;border-radius:18px 6px!important;background:#0B5A33!important;color:#FBFCF6!important;font:700 14px/18px 'DM Sans',sans-serif!important;padding:9px 12px!important;opacity:1!important}
 body.yangle-home .home-slim-post-btn:disabled{opacity:.5!important}
 body.yangle-home .figma-feed-filter{display:none!important}
 body.yangle-home .main .post.card{background:#FBFCF6!important;color:#0D2418!important;border:1px solid #D3DCC4!important;border-radius:28px 10px!important;box-shadow:none!important;padding:14px!important;margin:0 0 10px!important;width:100%!important}
 body.yangle-home .post-head{display:flex!important;gap:10px!important;align-items:center!important;margin-bottom:10px!important}
 body.yangle-home .post-head .av,body.yangle-home .post-avatar-link .av{width:44px!important;height:44px!important;min-width:44px!important;min-height:44px!important;border-radius:22px 8px!important;overflow:hidden!important}
 body.yangle-home .post-head .nm{font:600 16px/19px 'Bricolage Grotesque',sans-serif!important;color:#0D2418!important}
 body.yangle-home .post-head .sub{color:#5C7064!important;font:400 12px/16px 'DM Sans',sans-serif!important}
 body.yangle-home .post-text{color:#0D2418!important;font:400 15px/22px 'DM Sans',sans-serif!important;margin:0 0 10px!important}
 body.yangle-home .post-img{border-radius:20px 8px!important;max-width:100%!important}
 body.yangle-home .main .post .actions{display:flex!important;gap:6px!important;align-items:center!important;color:#5C7064!important}
 body.yangle-home .post .pop-btn{border-radius:18px!important;background:#CBF55C!important;color:#0D2418!important;padding:8px 12px!important}
 body.yangle-home .post .pop-btn .pop-flop-symbol{font-size:16px!important}
 body.yangle-home .post .pop-btn .pop-flop-word{font:700 13px/17px 'DM Sans',sans-serif!important}
 body.yangle-home .nav{position:fixed!important;left:max(0px,calc((100vw - 390px)/2 + 10px))!important;right:max(0px,calc((100vw - 390px)/2 + 10px))!important;bottom:calc(10px + env(safe-area-inset-bottom))!important;height:66px!important;display:flex!important;flex-direction:row!important;justify-content:space-around!important;align-items:center!important;gap:0!important;padding:7px!important;background:#0D2418!important;border:0!important;border-radius:40px!important;box-shadow:none!important;backdrop-filter:none!important;z-index:40}
 body.yangle-home .nav [data-nav]{flex:1 1 20%!important;min-width:0!important;max-width:none!important;width:auto!important;height:52px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;gap:3px!important;padding:6px 2px!important;border-radius:26px 9px!important;background:transparent!important;color:#D7E6D4!important;box-shadow:none!important;transform:none!important;font:500 11px/14px 'DM Sans',sans-serif!important}
 body.yangle-home .nav [data-nav] .label{display:block!important;font:500 11px/14px 'DM Sans',sans-serif!important}
 body.yangle-home .nav [data-nav] .icon{display:inline-flex!important;width:22px!important;height:22px!important;color:inherit!important}
 body.yangle-home .nav [data-nav].active{background:#CBF55C!important;color:#0D2418!important}
 body.yangle-home .nav .glows-nav-item .glows-nav-plus-only{display:none!important}
 body.yangle-home .nav .glows-nav-item::before{content:'✧';font-size:28px;line-height:22px}
 body.yangle-home .nav .brand,body.yangle-home .nav .spacer,body.yangle-home .nav a[href="#/admin"]{display:none!important}
}
/* Dark mode retains identical geometry; substitute only semantic surface values. */
@media(max-width:899px){
 html[data-theme="dark"] body.yangle-home{--bg:#101E16;--surface:#192D21;--surface-2:#243B2B;--text:#F2F7EC;--muted:#B7C7B9;--line:#3D5848;background:#101E16!important;color:#F2F7EC!important}
 html[data-theme="dark"] body.yangle-home .shell{background:radial-gradient(circle 230px at calc(50% + 180px) -178px,#1C3D2A 99%,transparent 100%),#101E16!important}
 html[data-theme="dark"] body.yangle-home .main .post.card,html[data-theme="dark"] body.yangle-home .home-slim-composer{background:#192D21!important;color:#F2F7EC!important;border-color:#3D5848!important}
 html[data-theme="dark"] body.yangle-home .post-head .nm,html[data-theme="dark"] body.yangle-home .post-text,html[data-theme="dark"] body.yangle-home .home-glows-heading h2,html[data-theme="dark"] body.yangle-home .glow-item .name{color:#F2F7EC!important}
 html[data-theme="dark"] body.yangle-home .home-slim-input textarea{background:#263D2F!important;color:#F2F7EC!important}
 html[data-theme="dark"] body.yangle-home .home-slim-actions{border-color:#3D5848!important}
 html[data-theme="dark"] body.yangle-home .figma-wordmark{filter:brightness(0) invert(94%)!important}
 html[data-theme="dark"] body.yangle-home .figma-header-btn{background:#243B2B!important;color:#F2F7EC!important;border-color:#3D5848!important}
 html[data-theme="dark"] body.yangle-home .figma-composer-extra,html[data-theme="dark"] body.yangle-home .figma-action-name{color:#F2F7EC!important}
}