:root{
  --red:#C3111A;--red2:#E90F25;--red-dark:#970B13;--ink:#111111;--muted:#6E6E73;
  --paper:#FFFFFF;--bg:#F4F4F1;--line:#E8E8E4;--yellow:#EFC02E;--blue:#78B7E9;
  --shadow:0 16px 44px rgba(23,23,23,.08);--soft-shadow:0 7px 25px rgba(23,23,23,.06);
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:var(--bg);color:var(--ink);font-family:"Hanken Grotesk","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;overflow-x:hidden}
button,input,textarea{font:inherit}
button{cursor:pointer}
a{text-decoration:none;color:inherit}
svg{display:block}
::selection{background:#ffd8dc;color:#840b13}

/* Brand pre-header */
.demo-ribbon{height:34px;background:var(--red);color:#fff;display:flex;align-items:center;justify-content:center;gap:9px;font-size:11px;font-weight:850;letter-spacing:.11em;text-transform:uppercase;position:relative;z-index:80}
.demo-ribbon b{display:inline-flex;align-items:center;gap:6px}.demo-dot{width:6px;height:6px;border-radius:50%;background:var(--yellow);box-shadow:0 0 0 4px rgba(239,192,46,.18)}

/* Header */
.topbar{height:76px;background:rgba(255,255,255,.94);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,0,0,.07);position:sticky;top:0;z-index:70}
.topbar-inner{height:100%;max-width:1370px;margin:auto;padding:0 26px;display:grid;grid-template-columns:240px minmax(260px,520px) 1fr;align-items:center;gap:24px}
.logo-wrap{display:flex;align-items:center;gap:11px;min-width:0}.logo{width:126px;height:auto;display:block}.agora-tag{font-size:10px;font-weight:900;letter-spacing:.16em;color:var(--red);border-left:1px solid #ddd;padding-left:11px;white-space:nowrap}
.search-wrap{height:44px;position:relative}.search-wrap .ico{position:absolute;left:15px;top:50%;transform:translateY(-50%);color:#808087;pointer-events:none}.search{width:100%;height:44px;border-radius:14px;border:1px solid #e4e4e2;background:#f7f7f5;padding:0 42px 0 44px;outline:none;font-size:13px;color:#222;transition:.2s}
.search:focus{background:#fff;border-color:#cfcfca;box-shadow:0 0 0 4px rgba(195,17,26,.08)}.search-shortcut{position:absolute;right:10px;top:50%;transform:translateY(-50%);border:1px solid #ddd;border-bottom-width:2px;border-radius:7px;padding:2px 6px;font-size:10px;font-weight:800;color:#888;background:#fff}
.header-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px}.location-btn,.franchise-btn,.circle-btn{border:1px solid #e5e5e2;background:#fff;color:#222;height:42px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;gap:8px;font-size:12px;font-weight:800;transition:.18s}
.location-btn{padding:0 14px}.franchise-btn{padding:0 16px;background:#111;color:#fff;border-color:#111}.circle-btn{width:42px;padding:0;display:none}.location-btn:hover{border-color:#bbb;transform:translateY(-1px)}.franchise-btn:hover{background:var(--red);border-color:var(--red);transform:translateY(-1px)}
body.franchise-mode .franchise-btn{background:var(--red);border-color:var(--red)}

/* App shell */
.app-shell{max-width:1370px;margin:0 auto;padding:26px 26px 100px;display:grid;grid-template-columns:222px minmax(0,650px) 318px;gap:26px;align-items:start}
.side{position:sticky;top:102px}
.left-nav{padding:10px 0}.nav-label{font-size:10px;text-transform:uppercase;letter-spacing:.16em;color:#999;font-weight:900;padding:0 14px 10px}.nav-list{display:flex;flex-direction:column;gap:5px}.nav-item{height:48px;border:none;background:transparent;border-radius:14px;padding:0 13px;display:flex;align-items:center;gap:13px;color:#5a5a5f;font-weight:780;font-size:13px;text-align:left;transition:.18s;position:relative}.nav-item svg{width:21px;height:21px}.nav-item:hover{background:#fff;color:#111}.nav-item.active{background:#fff;color:var(--red);box-shadow:var(--soft-shadow)}.nav-item.active:before{content:"";position:absolute;left:-4px;width:4px;height:24px;border-radius:10px;background:var(--red)}.nav-badge{margin-left:auto;min-width:20px;height:20px;border-radius:10px;background:#efeff0;color:#777;font-size:10px;font-weight:900;display:flex;align-items:center;justify-content:center;padding:0 6px}.nav-item.active .nav-badge{background:#ffe7e9;color:var(--red)}
.left-divider{height:1px;background:#e5e5e1;margin:17px 12px}.left-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:16px;box-shadow:var(--soft-shadow);overflow:hidden;position:relative}.left-card:after{content:"P";position:absolute;right:-12px;bottom:-30px;font-size:112px;font-weight:1000;color:rgba(195,17,26,.05);line-height:1}.left-card-kicker{display:flex;align-items:center;gap:7px;font-size:9px;font-weight:900;letter-spacing:.14em;text-transform:uppercase;color:var(--red);margin-bottom:8px}.left-card h3{font-size:16px;line-height:1.13;margin:0 0 8px;letter-spacing:-.02em}.left-card p{font-size:11px;color:#777;line-height:1.5;margin:0 0 13px}.left-card button,.left-card a{height:35px;border:0;border-radius:10px;background:#f1f1ef;font-size:11px;font-weight:850;padding:0 12px;position:relative;z-index:2;display:inline-flex;align-items:center}.left-mini{font-size:10px;line-height:1.65;color:#8a8a8f;padding:16px 13px}.left-mini a:hover{color:var(--red)}

/* Main */
.main{min-width:0}.hero-card{height:186px;border-radius:26px;background:linear-gradient(125deg,#a50d15 0%,#d0101c 57%,#ed2436 100%);color:#fff;position:relative;overflow:hidden;padding:26px 28px;box-shadow:0 22px 55px rgba(159,9,19,.24);margin-bottom:17px}.hero-card:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(0,0,0,.14),transparent 60%)}.hero-pattern{position:absolute;right:-22px;top:-32px;width:250px;height:250px;opacity:.19;background-image:linear-gradient(45deg,#fff 25%,transparent 25%),linear-gradient(-45deg,#fff 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#fff 75%),linear-gradient(-45deg,transparent 75%,#fff 75%);background-size:38px 38px;background-position:0 0,0 19px,19px -19px,-19px 0}.hero-p{position:absolute;right:27px;bottom:-41px;font-size:210px;line-height:1;font-weight:1000;color:rgba(255,255,255,.13);letter-spacing:-.12em}.hero-content{position:relative;z-index:2;max-width:420px}.hero-kicker{font-size:10px;text-transform:uppercase;letter-spacing:.17em;font-weight:900;color:#ffd4d7;margin-bottom:9px;display:flex;align-items:center;gap:7px}.hero-card h1{font-size:34px;line-height:.98;letter-spacing:-.045em;margin:0 0 10px;font-weight:1000}.hero-card p{font-size:13px;line-height:1.45;margin:0 0 17px;color:rgba(255,255,255,.82);max-width:380px}.hero-actions{display:flex;gap:9px}.hero-actions button,.hero-actions a{height:36px;border-radius:11px;border:1px solid rgba(255,255,255,.28);padding:0 13px;background:rgba(255,255,255,.13);color:#fff;font-weight:850;font-size:11px;display:flex;align-items:center;gap:7px}.hero-actions button:first-child,.hero-actions a:first-child{background:#fff;color:#a80f17;border-color:#fff}.hero-actions button:hover,.hero-actions a:hover{transform:translateY(-1px)}

.stories-card{background:#fff;border:1px solid var(--line);border-radius:22px;padding:16px 17px 15px;margin-bottom:17px;box-shadow:var(--soft-shadow)}.section-mini-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.section-mini-head strong{font-size:13px;letter-spacing:-.01em}.section-mini-head button{border:0;background:transparent;color:var(--red);font-size:10px;font-weight:900}.stories{display:flex;gap:14px;overflow-x:auto;padding:1px 1px 5px;scrollbar-width:none}.stories::-webkit-scrollbar{display:none}.story{flex:0 0 66px;border:0;background:transparent;padding:0;display:flex;flex-direction:column;align-items:center;gap:7px;color:#333}.story-ring{width:60px;height:60px;border-radius:50%;padding:3px;background:conic-gradient(var(--red),#f0545f,var(--yellow),var(--red));position:relative;transition:.18s}.story-ring:after{content:"";position:absolute;inset:3px;border:2px solid #fff;border-radius:50%;pointer-events:none}.story.seen .story-ring{background:#d8d8d5}.story-img{width:100%;height:100%;border-radius:50%;object-fit:cover;display:block}.story-name{font-size:9.5px;font-weight:800;width:72px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;text-align:center}.story:hover .story-ring{transform:scale(1.05)}

.feed-tools{display:flex;align-items:center;justify-content:space-between;margin:1px 0 13px;padding:0 3px}.feed-tabs{display:flex;gap:7px;overflow:auto;scrollbar-width:none}.feed-tabs::-webkit-scrollbar{display:none}.feed-tab{height:34px;border-radius:11px;border:1px solid #e2e2df;background:transparent;padding:0 13px;font-size:10px;font-weight:900;color:#777;white-space:nowrap}.feed-tab.active{background:#111;border-color:#111;color:#fff}.feed-tab:hover{border-color:#aaa}.feed-view{display:flex;gap:6px}.view-btn{width:34px;height:34px;border:1px solid #e2e2df;background:#fff;border-radius:11px;display:flex;align-items:center;justify-content:center;color:#777}.view-btn.active{color:var(--red)}

.post{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;box-shadow:var(--soft-shadow);margin-bottom:19px;transition:.2s}.post:hover{box-shadow:var(--shadow);transform:translateY(-1px)}.post.hidden{display:none}.post-header{height:70px;padding:0 17px;display:flex;align-items:center}.avatar{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid #e5e5e5;background:#fff}.avatar.official{padding:3px}.post-meta{margin-left:11px;min-width:0}.post-title{display:flex;align-items:center;gap:5px;font-size:12.5px;font-weight:900;line-height:1.25}.verified{width:14px;height:14px;border-radius:50%;background:var(--red);display:inline-flex;align-items:center;justify-content:center;color:#fff}.verified svg{width:9px;height:9px}.post-location{font-size:10px;color:#858589;margin-top:3px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.post-menu{margin-left:auto;border:0;background:transparent;width:34px;height:34px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#888}.post-menu:hover{background:#f4f4f2}.post-media{position:relative;background:#eee;overflow:hidden}.post-media.ratio-45{aspect-ratio:4/5}.post-media.ratio-square{aspect-ratio:1/1}.post-media.ratio-wide{aspect-ratio:4/3}.post-media img{width:100%;height:100%;object-fit:cover;display:block}.post-media .media-label{position:absolute;left:14px;top:14px;background:rgba(17,17,17,.76);backdrop-filter:blur(7px);color:#fff;border-radius:10px;padding:7px 10px;font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.post-media .media-number{position:absolute;right:14px;top:14px;background:rgba(17,17,17,.76);backdrop-filter:blur(7px);color:#fff;border-radius:10px;padding:7px 10px;font-size:9px;font-weight:900}.post-media .event-overlay{position:absolute;left:15px;right:15px;bottom:15px;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-radius:16px;padding:13px;display:flex;align-items:center;gap:11px}.event-date{width:43px;height:46px;border-radius:12px;background:var(--red);color:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.event-date b{font-size:18px}.event-date span{font-size:8px;text-transform:uppercase;font-weight:900;letter-spacing:.08em}.event-copy strong{font-size:11.5px;display:block}.event-copy span{font-size:9.5px;color:#777;display:block;margin-top:3px}.event-overlay button{margin-left:auto;height:31px;border:0;border-radius:10px;background:#111;color:#fff;padding:0 10px;font-size:9px;font-weight:900}
.post-body{padding:13px 17px 17px}.post-actions{height:38px;display:flex;align-items:center;gap:5px;margin:0 -5px 5px}.action-btn{border:0;background:transparent;width:37px;height:37px;border-radius:50%;display:flex;align-items:center;justify-content:center;color:#242426;transition:.15s}.action-btn svg{width:22px;height:22px}.action-btn:hover{background:#f5f5f2}.action-btn.active.like{color:var(--red);animation:pop .22s ease}.action-btn.active.save{color:#111}.action-btn.push{margin-left:auto}@keyframes pop{50%{transform:scale(1.27)}}.post-dots{display:flex;gap:4px;align-items:center;margin-left:6px}.post-dot{width:5px;height:5px;border-radius:50%;background:#d8d8d8}.post-dot.active{background:var(--red);width:13px;border-radius:4px}.likes{font-size:11px;font-weight:900;margin-bottom:7px}.caption{font-size:11.5px;line-height:1.52;color:#333}.caption b{font-weight:900}.caption .hash{color:var(--red);font-weight:750}.post-time{font-size:8.5px;text-transform:uppercase;letter-spacing:.08em;color:#aaa;margin-top:8px;font-weight:800}.post-ctas{display:flex;gap:8px;margin-top:13px}.post-cta{height:36px;flex:1;border-radius:11px;border:1px solid #e3e3df;background:#f7f7f5;font-size:10px;font-weight:900;color:#333;display:flex;align-items:center;justify-content:center;gap:7px}.post-cta.primary{background:var(--red);color:#fff;border-color:var(--red)}.post-cta:hover{transform:translateY(-1px)}

/* Right */
.right-stack{display:flex;flex-direction:column;gap:15px}.right-card{background:#fff;border:1px solid var(--line);border-radius:20px;box-shadow:var(--soft-shadow);overflow:hidden}.right-head{padding:17px 17px 11px;display:flex;align-items:center;justify-content:space-between}.right-head h3{font-size:12.5px;margin:0;font-weight:950;letter-spacing:-.01em}.right-head button,.right-head a{border:0;background:transparent;font-size:9px;font-weight:900;color:var(--red)}
.near-hero{margin:0 12px 12px;border-radius:16px;background:linear-gradient(135deg,#f1e6e4,#f7f7f4);height:164px;position:relative;overflow:hidden}.map-grid{position:absolute;inset:0;opacity:.55;background-image:linear-gradient(#d6d4cf 1px,transparent 1px),linear-gradient(90deg,#d6d4cf 1px,transparent 1px);background-size:24px 24px;transform:rotate(-12deg) scale(1.4)}.map-river{position:absolute;left:-30px;right:-30px;top:67px;height:30px;border-radius:50%;background:#cfe5ef;transform:rotate(-11deg)}.map-road{position:absolute;width:230px;height:8px;background:#fff;box-shadow:0 0 0 1px #ddd;left:15px;top:75px;transform:rotate(23deg);border-radius:20px}.map-pin{position:absolute;left:55%;top:41%;width:44px;height:44px;border-radius:50% 50% 50% 0;background:var(--red);transform:rotate(-45deg);box-shadow:0 8px 18px rgba(195,17,26,.28)}.map-pin:after{content:"P";position:absolute;inset:8px;background:#fff;border-radius:50%;transform:rotate(45deg);display:flex;align-items:center;justify-content:center;font-weight:1000;color:var(--red);font-size:13px}.near-info{position:absolute;left:12px;right:12px;bottom:11px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border-radius:13px;padding:10px 11px;display:flex;align-items:center}.near-info strong{font-size:10.5px;display:block}.near-info span{font-size:8.5px;color:#777;display:block;margin-top:2px}.open-dot{width:7px;height:7px;border-radius:50%;background:#20aa63;margin-right:8px;box-shadow:0 0 0 4px rgba(32,170,99,.12)}.near-info button,.near-info a{margin-left:auto;border:0;background:#111;color:#fff;border-radius:9px;height:29px;padding:0 9px;font-size:8.5px;font-weight:900;display:inline-flex;align-items:center}
.upcoming-list{padding:0 12px 12px;display:flex;flex-direction:column;gap:8px}.upcoming{border:1px solid #ecece8;border-radius:14px;padding:10px;display:grid;grid-template-columns:43px 1fr auto;align-items:center;gap:9px;transition:.16s}.upcoming:hover{border-color:#d5d5d0;background:#fafafa}.date-box{width:43px;height:43px;border-radius:11px;background:#fff2f3;color:var(--red);display:flex;flex-direction:column;align-items:center;justify-content:center;line-height:1}.date-box b{font-size:16px}.date-box span{font-size:7.5px;font-weight:900;text-transform:uppercase}.upcoming strong{font-size:10px;display:block}.upcoming p{font-size:8.5px;color:#888;margin:3px 0 0;line-height:1.3}.upcoming svg{width:14px;height:14px;color:#aaa}
.unit-list{padding:0 13px 13px;display:flex;flex-direction:column;gap:12px}.unit-row{display:flex;align-items:center}.unit-row img{width:36px;height:36px;border-radius:50%;object-fit:cover}.unit-row-copy{margin-left:9px;min-width:0}.unit-row-copy strong{display:block;font-size:10.5px}.unit-row-copy span{display:block;font-size:8.5px;color:#888;margin-top:2px}.unit-row button,.unit-row a{margin-left:auto;border:0;background:#fff1f2;color:var(--red);height:28px;border-radius:9px;padding:0 9px;font-size:8.5px;font-weight:900;display:inline-flex;align-items:center}.right-footer{font-size:8.5px;color:#9b9b9f;line-height:1.65;padding:0 6px}.right-footer b{color:#777}

/* Franchise compose */
.compose-fab{position:fixed;right:28px;bottom:27px;height:52px;padding:0 19px 0 14px;border:0;border-radius:17px;background:var(--red);color:#fff;display:none;align-items:center;gap:10px;font-size:12px;font-weight:900;box-shadow:0 18px 38px rgba(195,17,26,.32);z-index:72}.compose-fab span{width:28px;height:28px;border-radius:10px;background:rgba(255,255,255,.18);display:flex;align-items:center;justify-content:center}.compose-fab:hover{transform:translateY(-2px)}body.franchise-mode .compose-fab{display:flex}

/* Modals / overlays */
.overlay{position:fixed;inset:0;background:rgba(10,10,10,.66);backdrop-filter:blur(12px);z-index:120;display:none;align-items:center;justify-content:center;padding:20px}.overlay.open{display:flex}.modal{width:min(720px,100%);max-height:90vh;background:#fff;border-radius:26px;box-shadow:0 28px 80px rgba(0,0,0,.28);overflow:hidden;animation:modalIn .2s ease}.modal.small{width:min(520px,100%)}@keyframes modalIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}.modal-head{height:68px;border-bottom:1px solid #ecece8;display:flex;align-items:center;padding:0 22px}.modal-head h2{font-size:16px;margin:0}.modal-head p{font-size:9px;margin:4px 0 0;color:#888}.close-btn{margin-left:auto;width:35px;height:35px;border:0;border-radius:11px;background:#f3f3f1;display:flex;align-items:center;justify-content:center}.modal-body{padding:20px 22px 23px;overflow:auto;max-height:calc(90vh - 68px)}.compose-grid{display:grid;grid-template-columns:1fr 260px;gap:18px}.compose-label{font-size:9px;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:#888;margin:0 0 8px}.type-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin-bottom:16px}.type-card{height:68px;border:1px solid #e5e5e1;border-radius:14px;background:#fff;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;font-size:8px;font-weight:850;color:#666}.type-card svg{width:18px}.type-card.active{border-color:var(--red);background:#fff3f4;color:var(--red)}.upload-zone{height:170px;border:1.5px dashed #d5d5d0;border-radius:16px;background:#fafaf8;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;color:#777;margin-bottom:14px}.upload-zone span{width:42px;height:42px;border-radius:13px;background:#fff;border:1px solid #e4e4e0;display:flex;align-items:center;justify-content:center;color:var(--red);margin-bottom:8px}.upload-zone b{font-size:10.5px}.upload-zone small{font-size:8.5px;margin-top:4px;color:#999}.field{margin-bottom:11px}.field label{display:block;font-size:8.5px;font-weight:900;text-transform:uppercase;letter-spacing:.1em;color:#888;margin-bottom:6px}.field input,.field textarea,.field select{width:100%;border:1px solid #e2e2de;background:#fff;border-radius:12px;padding:10px 11px;outline:none;font-size:10.5px;color:#222}.field textarea{min-height:78px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:var(--red);box-shadow:0 0 0 3px rgba(195,17,26,.07)}.preview-phone{border:1px solid #dededa;border-radius:23px;padding:9px;background:#f5f5f3;position:sticky;top:0}.phone-notch{width:68px;height:16px;background:#111;border-radius:0 0 12px 12px;margin:-9px auto 8px}.preview-card{background:#fff;border-radius:15px;overflow:hidden}.preview-head{height:42px;display:flex;align-items:center;padding:0 9px}.preview-head img{width:25px;height:25px;border-radius:50%}.preview-head b{font-size:8px;margin-left:7px}.preview-img{aspect-ratio:4/5;background:url('/assets/images/seed/716dd73c2fe8cbb2.webp') center/cover}.preview-copy{padding:9px;font-size:7.5px;line-height:1.45}.modal-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.modal-actions button{height:38px;border-radius:11px;border:1px solid #ddd;background:#fff;padding:0 14px;font-size:10px;font-weight:900}.modal-actions .primary{background:var(--red);color:#fff;border-color:var(--red)}
.story-modal{width:min(390px,100%);height:min(700px,88vh);border-radius:25px;position:relative;overflow:hidden;background:#111;box-shadow:0 28px 80px rgba(0,0,0,.35)}.story-bg{position:absolute;inset:0;background-size:cover;background-position:center}.story-shade{position:absolute;inset:0;background:linear-gradient(180deg,rgba(0,0,0,.45),transparent 32%,transparent 68%,rgba(0,0,0,.56))}.story-progress{position:absolute;left:12px;right:12px;top:11px;height:3px;border-radius:3px;background:rgba(255,255,255,.38);overflow:hidden}.story-progress:after{content:"";position:absolute;inset:0;background:#fff;transform-origin:left;animation:progress 6s linear forwards}@keyframes progress{from{transform:scaleX(0)}to{transform:scaleX(1)}}.story-top{position:absolute;left:14px;right:14px;top:24px;display:flex;align-items:center;color:#fff}.story-top img{width:34px;height:34px;border-radius:50%;border:2px solid #fff}.story-top b{font-size:10px;margin-left:8px}.story-top span{font-size:8px;color:rgba(255,255,255,.72);margin-left:6px}.story-top button{margin-left:auto;border:0;background:rgba(0,0,0,.22);color:#fff;width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center}.story-bottom{position:absolute;left:18px;right:18px;bottom:20px;color:#fff}.story-bottom .tag{display:inline-block;background:var(--red);padding:6px 9px;border-radius:8px;font-size:8px;font-weight:900;text-transform:uppercase;letter-spacing:.09em}.story-bottom h3{font-size:25px;line-height:1.02;margin:10px 0 8px;letter-spacing:-.03em}.story-bottom p{font-size:10px;line-height:1.5;color:rgba(255,255,255,.8)}.story-bottom button{height:38px;border:0;border-radius:12px;background:#fff;color:#111;padding:0 13px;font-size:9px;font-weight:900}
.toast{position:fixed;left:50%;bottom:26px;transform:translate(-50%,20px);background:#111;color:#fff;border-radius:13px;padding:12px 15px;font-size:10px;font-weight:800;opacity:0;pointer-events:none;transition:.2s;z-index:200;box-shadow:0 14px 30px rgba(0,0,0,.24)}.toast.show{opacity:1;transform:translate(-50%,0)}
.search-panel{position:absolute;left:0;right:0;top:52px;background:#fff;border:1px solid #e5e5e1;border-radius:16px;box-shadow:var(--shadow);padding:8px;display:none;z-index:100}.search-panel.open{display:block}.search-result{height:48px;border-radius:11px;padding:0 9px;display:flex;align-items:center}.search-result:hover{background:#f6f6f4}.search-result img{width:31px;height:31px;border-radius:50%;object-fit:cover}.search-result div{margin-left:9px}.search-result b{font-size:10px;display:block}.search-result span{font-size:8px;color:#888}.search-empty{padding:18px;text-align:center;font-size:10px;color:#888}

/* mobile nav */
.mobile-nav{display:none;position:fixed;left:0;right:0;bottom:0;height:67px;padding-bottom:env(safe-area-inset-bottom);background:rgba(255,255,255,.96);backdrop-filter:blur(16px);border-top:1px solid #e7e7e3;z-index:75;align-items:center;justify-content:space-around}.mobile-nav button,.mobile-nav a{width:52px;height:46px;border:0;background:transparent;color:#666;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;font-size:7px;font-weight:850}.mobile-nav button svg,.mobile-nav a svg{width:21px;height:21px}.mobile-nav button.active,.mobile-nav a.active{color:var(--red)}.mobile-nav .mobile-compose{display:none;width:47px;height:47px;border-radius:16px;background:var(--red);color:#fff;margin-top:-24px;box-shadow:0 10px 24px rgba(195,17,26,.25)}body.franchise-mode .mobile-nav .mobile-compose{display:flex}

@media(max-width:1120px){
  .topbar-inner{grid-template-columns:220px minmax(260px,1fr) auto}.location-btn span,.franchise-btn span{display:none}.location-btn,.franchise-btn{width:42px;padding:0}.app-shell{grid-template-columns:202px minmax(0,650px);max-width:950px}.right-side{display:none}
}
@media(max-width:820px){
  .demo-ribbon{height:28px;font-size:9px}.topbar{height:64px}.topbar-inner{grid-template-columns:1fr auto;padding:0 16px;gap:10px}.logo{width:108px}.agora-tag{font-size:8px}.search-wrap{display:none}.header-actions{gap:7px}.circle-btn{display:inline-flex}.app-shell{display:block;padding:16px 14px 92px;max-width:680px}.left-side{display:none}.hero-card{height:190px;border-radius:22px;padding:23px 21px}.hero-card h1{font-size:30px}.stories-card{border-radius:19px}.feed-tools{position:sticky;top:72px;z-index:25;background:var(--bg);padding:8px 0;margin:0 0 5px}.post{border-radius:20px}.right-side{display:none}.compose-fab{display:none!important}.mobile-nav{display:flex}.story-modal{height:82vh}.modal{border-radius:22px}.compose-grid{grid-template-columns:1fr}.preview-phone{display:none}.type-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:480px){
  .demo-ribbon span:last-child{display:none}.demo-ribbon{white-space:nowrap}.agora-tag{display:none}.topbar-inner{padding:0 12px}.header-actions .franchise-btn{display:none}.hero-card{height:188px;margin-bottom:12px}.hero-card h1{font-size:28px}.hero-card p{font-size:11.5px;max-width:260px}.hero-actions button:nth-child(2){display:none}.stories-card{margin:0 -2px 12px;padding:14px 12px}.feed-tabs{gap:6px}.feed-tab{padding:0 11px}.post{margin:0 -2px 14px;border-radius:18px}.post-header{height:64px;padding:0 13px}.post-body{padding:11px 13px 15px}.post-ctas{gap:6px}.post-cta{font-size:9px}.event-overlay{display:none!important}.toast{bottom:82px}
}