:root {
    --reel-bg: #0c100e;
    --reel-panel: #131a16;
    --reel-panel-2: #1a241e;
    --reel-line: rgba(255,255,255,.1);
    --reel-text: #f7f5ef;
    --reel-muted: rgba(247,245,239,.64);
    --reel-green: #48a66f;
    --reel-gold: #d9b459;
}

.reels-app { min-height: 100vh; color: var(--reel-text); background: radial-gradient(circle at 10% 14%, rgba(70,139,92,.14), transparent 22rem), radial-gradient(circle at 90% 40%, rgba(217,180,89,.1), transparent 20rem), var(--reel-bg); }
.reels-app .site-navbar { background: rgba(12,16,14,.94); border-bottom: 1px solid var(--reel-line); backdrop-filter: blur(18px); }
.reels-app .navbar-brand, .reels-app .nav-contact a, .reels-app .nav-categories a { color: var(--reel-text) !important; }
.reels-app .nav-search .form-control, .reels-app .nav-search .form-control:focus { color: #fff !important; background: #1a211d !important; border-color: rgba(255,255,255,.16) !important; box-shadow: none !important; }
.reels-app .nav-search .form-control::placeholder { color: rgba(255,255,255,.48); }
.reels-app .nav-search .form-control:-webkit-autofill, .reels-app .nav-search .form-control:-webkit-autofill:hover, .reels-app .nav-search .form-control:-webkit-autofill:focus { -webkit-text-fill-color: #fff !important; -webkit-box-shadow: 0 0 0 1000px #1a211d inset !important; }

/* Navbar --------------------------------------------------------------- */
.social-navbar { position: sticky; top: 0; z-index: 300; background: rgba(255,253,249,.94); border-bottom: 1px solid rgba(63,74,65,.1); backdrop-filter: blur(18px); }
.social-nav-shell { min-height: 68px; display: flex; align-items: center; gap: .8rem; }
.navbar-brand { display: inline-flex; align-items: center; gap: .45rem; flex: 0 0 auto; color: #183c2b !important; font-size: 1rem; text-decoration: none; white-space: nowrap; }
.brand-mark { width: 37px; height: 37px; display: inline-grid; place-items: center; color: #fff; background: linear-gradient(135deg,#2d8557,#c9a143); border-radius: 14px; box-shadow: 0 7px 18px rgba(47,111,78,.24); }
.nav-categories { display: flex; align-items: center; gap: .15rem; min-width: 0; }
.nav-categories a { padding: .43rem .52rem; color: #46554c; text-decoration: none; font-size: .75rem; font-weight: 800; white-space: nowrap; border-radius: 9px; }
.nav-categories a:hover, .nav-categories-all { color: #197446 !important; background: rgba(61,144,89,.1); }
.nav-contact { display: flex; align-items: center; gap: .55rem; margin-inline-start: auto; }
.nav-contact a, .nav-share-site { color: #506159; text-decoration: none; font-family: inherit; font-size: .78rem; font-weight: 800; }
.nav-share-site { border: 1px solid #d9e4dc; background: #fff; border-radius: 12px; padding: .42rem .65rem; display: inline-flex; gap: .36rem; align-items: center; cursor: pointer; }
.nav-share-site svg, .reels-site-share svg { width: 16px; height: 16px; fill: none; stroke: currentColor; stroke-width: 1.8; }
.nav-left-zone { display: flex; align-items: center; gap: .55rem; }
.nav-prompt { align-items: center; gap: .28rem; color: #7b6a3f; font-size: .72rem; font-weight: 800; white-space: nowrap; }
.nav-search { display: flex; align-items: center; gap: .35rem; min-width: 215px; }
.nav-search .form-control { height: 36px; border-radius: 12px; font-family: inherit; font-size: .75rem; }
.nav-search .btn { height: 36px; border-radius: 10px; padding-inline: .7rem; font-size: .72rem; font-weight: 800; }
.nav-user { display: flex; align-items: center; gap: .25rem; white-space: nowrap; }
.nav-login, .nav-register, .nav-logout { border: 0; text-decoration: none; border-radius: 10px; padding: .42rem .58rem; font-family: inherit; font-size: .72rem; font-weight: 800; }
.nav-login { color: #2d4a39; }
.nav-register { color: #fff; background: #28794f; }
.nav-logout { color: #9b413e; background: transparent; }
.nav-user-name { max-width: 85px; overflow: hidden; text-overflow: ellipsis; color: #247448; font-size: .72rem; font-weight: 800; }
.daily-visit-bar { color: rgba(255,255,255,.73); background: rgba(0,0,0,.13); border-top: 1px solid rgba(255,255,255,.06); }
.reels-app .daily-visit-bar { background: rgba(0,0,0,.2); border-top-color: rgba(255,255,255,.05); }
.daily-visit-bar .container { min-height: 26px; display: flex; align-items: center; justify-content: center; gap: .32rem; font-size: .68rem; }
.daily-visit-bar strong { color: #f6ce69; }
.daily-visit-dot { width: 6px; height: 6px; border-radius: 50%; background: #57c477; box-shadow: 0 0 10px #57c477; }
.mobile-nav-panel { padding: .8rem 0 1rem; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .45rem; }
.mobile-nav-panel a, .mobile-nav-panel button { color: #fff; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.1); text-align: center; border-radius: 12px; padding: .65rem; text-decoration: none; font: inherit; font-size: .8rem; }

.site-flash { position: fixed; top: 106px; right: 50%; transform: translateX(50%); z-index: 999; max-width: calc(100% - 30px); padding: .7rem 1rem; border-radius: 999px; color: #fff; box-shadow: 0 12px 32px rgba(0,0,0,.22); font-size: .78rem; font-weight: 800; }
.site-flash-success { background: #28794f; }.site-flash-error { background: #a44643; }

/* Reels ---------------------------------------------------------------- */
.reels-page { width: min(100%, 1360px); margin: 0 auto; padding: 16px 20px 52px; }
.reels-topline { display: flex; align-items: center; justify-content: space-between; gap: 1rem; width: min(100%, 920px); margin: 0 auto 10px; }
.reels-kicker { color: var(--reel-gold); font-size: .71rem; font-weight: 800; }
.reels-topline h1 { margin: .1rem 0 0; font-size: 1.1rem; color: #fff; font-weight: 800; }
.reels-site-share { border: 1px solid rgba(255,255,255,.15); background: rgba(255,255,255,.06); color: #fff; border-radius: 999px; padding: .46rem .75rem; display: inline-flex; align-items: center; gap: .35rem; font: inherit; font-size: .73rem; font-weight: 800; cursor: pointer; }
.reels-site-share:hover { background: #fff; color: #152018; }
.category-rail-wrap { width: min(100%, 920px); margin: 0 auto 13px; overflow: hidden; }
.category-rail { display: flex; align-items: center; justify-content: center; gap: .5rem; overflow-x: auto; padding: 4px 1px 10px; scrollbar-width: none; }
.category-rail::-webkit-scrollbar { display:none; }
.reel-category-chip { color: rgba(255,255,255,.8); border: 1px solid rgba(255,255,255,.15); border-radius: 999px; padding: .44rem .72rem; text-decoration: none; font-size: .74rem; font-weight: 800; white-space: nowrap; transition:.18s ease; }
.reel-category-chip small { color: rgba(255,255,255,.48); margin-right:.24rem; }.reel-category-chip:hover,.reel-category-chip.is-active { color:#111; background:#fff; border-color:#fff; }.reel-category-chip.is-active small{color:#657066;}
.reels-feed-shell { display: grid; grid-template-columns: minmax(190px,1fr) minmax(320px,440px) minmax(190px,1fr); align-items: center; gap: clamp(18px,4vw,75px); }
.reels-side-copy,.reels-side-stats { flex-direction: column; align-items: flex-start; color: var(--reel-muted); }
.reels-side-copy span { color: var(--reel-gold); font-size:.72rem; font-weight:800; }.reels-side-copy h2 { margin:.55rem 0; color:#fff; font-size:clamp(1.2rem,2vw,1.85rem); font-weight:800; line-height:1.55; }.reels-side-copy p { max-width:230px; margin:0 0 1rem; font-size:.79rem; line-height:2; }.reels-side-copy a { color:#fff; border:1px solid rgba(255,255,255,.18); border-radius:999px; padding:.55rem .75rem; text-decoration:none; font-size:.72rem; font-weight:800; }
.reels-side-stats { align-items:flex-end; text-align:left; }.reels-side-stat strong { color:#f7d46f; font-size:2rem; font-weight:800; }.reels-side-stat span { font-size:.75rem; }.reels-side-divider { width:100%; max-width:180px; height:1px; margin:1rem 0; background:rgba(255,255,255,.12); }.reels-side-stats p { max-width:200px; font-size:.78rem; line-height:2; }
.reels-feed { height: calc(100vh - 212px); min-height: 540px; max-height: 800px; overflow-y:auto; scroll-snap-type:y mandatory; overscroll-behavior-y:contain; scrollbar-width:none; border-radius:30px; }
.reels-feed::-webkit-scrollbar {display:none;}.reel-item{height:100%;min-height:100%;display:grid;place-items:center;scroll-snap-align:start;scroll-snap-stop:always;padding-bottom:10px;}
.reel-frame { position:relative; width:min(100%,430px); height:100%; overflow:hidden; border-radius:29px; background:#080b09; box-shadow:0 26px 72px rgba(0,0,0,.48); isolation:isolate; }
.reel-media { position:absolute; inset:0; overflow:hidden; background:#0b0f0c; z-index:0; }.reel-media-blur{position:absolute;inset:-36px;background-size:cover;background-position:center;filter:blur(28px) brightness(.42) saturate(.78);transform:scale(1.12);}.reel-media-blur::after{content:'';position:absolute;inset:0;background:rgba(0,0,0,.25);}
.reel-image { position:absolute; inset:0; z-index:1; width:100%; height:100%; object-fit:contain; object-position:center; display:block; }.reel-image-fallback{position:absolute;inset:0;display:grid;place-items:center;padding:42px;text-align:center;background:linear-gradient(135deg,#315d45,#b38c3d);font-size:1.4rem;font-weight:800;line-height:2;}
.reel-gradient{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,rgba(0,0,0,.44) 0%,transparent 29%,transparent 46%,rgba(0,0,0,.86) 100%);}
.reel-head{position:absolute;z-index:4;top:15px;right:15px;left:15px;display:flex;justify-content:flex-start;}.reel-category-badge{color:#fff;background:rgba(0,0,0,.38);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(9px);padding:.4rem .68rem;border-radius:999px;text-decoration:none;font-size:.72rem;font-weight:800;}
.reel-action-stack{position:absolute;z-index:5;left:13px;bottom:132px;display:flex;flex-direction:column;gap:12px;}.reel-action{border:0;background:transparent;color:#fff;display:flex;flex-direction:column;align-items:center;gap:2px;padding:0;min-width:45px;text-decoration:none;font:inherit;cursor:pointer;text-shadow:0 2px 7px rgba(0,0,0,.7);}.reel-action-icon{width:43px;height:43px;display:grid;place-items:center;border-radius:50%;background:rgba(10,13,11,.58);border:1px solid rgba(255,255,255,.12);backdrop-filter:blur(10px);transition:.2s ease;}.reel-action-icon svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;}.reel-heart-icon svg{fill:transparent;}.reel-action.is-liked .reel-heart-icon{background:#ef5e75;color:#fff;border-color:#ef5e75;}.reel-action.is-liked .reel-heart-icon svg{fill:currentColor;}.reel-action:hover .reel-action-icon{background:#fff;color:#121713;transform:scale(1.08);}.reel-action small{font-size:.67rem;font-weight:800;}
.reel-content{position:absolute;z-index:5;right:16px;left:75px;bottom:17px;color:#fff;}.reel-title{margin:0 0 .35rem;color:#fff;font-size:1.02rem;font-weight:800;line-height:1.65;}.reel-text-row{display:flex;align-items:flex-start;gap:.45rem;}.reel-text{margin:0 0 .55rem;flex:1;font-size:.75rem;line-height:1.82;color:rgba(255,255,255,.93);display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;}.inline-copy-button{flex:0 0 auto;display:inline-flex;align-items:center;gap:.25rem;color:#fff;border:1px solid rgba(255,255,255,.2);background:rgba(0,0,0,.25);border-radius:9px;padding:.3rem .38rem;font:inherit;font-size:.62rem;font-weight:800;cursor:pointer;}.inline-copy-button svg{width:14px;height:14px;fill:none;stroke:currentColor;stroke-width:1.8;}.inline-copy-button small{font-size:.57rem;color:#e8d186;}.reel-stats{display:flex;flex-wrap:wrap;gap:.45rem .65rem;color:rgba(255,255,255,.8);font-size:.64rem;font-weight:700;}.reel-stats b{font-weight:800;}
.reels-pagination{max-width:430px;margin:10px auto 0;}.reels-pagination nav{display:flex;justify-content:center;}.reels-pagination .pagination{--bs-pagination-bg:rgba(255,255,255,.08);--bs-pagination-border-color:rgba(255,255,255,.1);--bs-pagination-color:#fff;--bs-pagination-hover-color:#111;--bs-pagination-hover-bg:#fff;--bs-pagination-hover-border-color:#fff;--bs-pagination-active-bg:#fff;--bs-pagination-active-border-color:#fff;--bs-pagination-active-color:#111;}
.reels-empty{min-height:520px;width:min(100%,430px);margin:auto;display:grid;place-content:center;text-align:center;padding:35px 24px;background:#182019;border-radius:28px;}.reels-empty h2{font-size:1.25rem;font-weight:800;}.reels-empty p{color:var(--reel-muted);}.reels-empty-icon{color:#f3d067;font-size:2.4rem;}
.reels-mobile-nav{position:fixed;z-index:80;right:0;left:0;bottom:0;display:flex;justify-content:space-around;background:rgba(12,16,14,.95);border-top:1px solid var(--reel-line);backdrop-filter:blur(15px);padding:8px env(safe-area-inset-right) calc(8px + env(safe-area-inset-bottom)) env(safe-area-inset-left);}.reels-mobile-nav a{display:flex;flex-direction:column;gap:2px;align-items:center;color:rgba(255,255,255,.6);text-decoration:none;font-size:.64rem;font-weight:800;}.reels-mobile-nav span{font-size:1.08rem;}.reels-mobile-nav a.is-active{color:#f4d06d;}

/* Sheets ---------------------------------------------------------------- */
.share-sheet,.comments-sheet{position:fixed;inset:0;z-index:1000;opacity:0;visibility:hidden;transition:.2s ease;}.share-sheet.is-open,.comments-sheet.is-open{opacity:1;visibility:visible;}.share-sheet-backdrop,.comments-sheet-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.58);backdrop-filter:blur(3px);}.share-sheet-panel,.comments-sheet-panel{position:absolute;right:50%;bottom:18px;transform:translate(50%,20px);width:min(500px,calc(100% - 24px));background:#fffdf8;color:#273229;border-radius:26px;padding:26px;box-shadow:0 24px 70px rgba(0,0,0,.35);transition:.24s ease;}.share-sheet.is-open .share-sheet-panel,.comments-sheet.is-open .comments-sheet-panel{transform:translate(50%,0);}.share-sheet-close{position:absolute;top:13px;left:14px;width:31px;height:31px;border:0;border-radius:50%;background:#eef2ed;font-size:1.3rem;line-height:1;cursor:pointer;}.share-sheet-kicker,.comments-sheet-header span{color:#2b8a57;font-size:.7rem;font-weight:800;}.share-sheet-panel h2{margin:.3rem 0 .35rem;font-size:1.12rem;font-weight:800;}.share-sheet-panel p{color:#68756d;font-size:.77rem;line-height:1.8;}.share-sheet-options{display:grid;gap:.6rem;margin-top:1rem;}.share-choice{display:flex;align-items:center;gap:.75rem;width:100%;padding:.75rem;border:1px solid #e6ebe6;background:#fff;border-radius:16px;text-align:right;font-family:inherit;cursor:pointer;}.share-choice:hover,.share-choice.is-primary{border-color:#59a875;background:#eff8f1;}.share-choice:disabled{opacity:.48;cursor:wait;}.share-choice-icon{width:42px;height:42px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:#27794e;border-radius:13px;font-size:1.1rem;}.share-choice strong,.share-choice small{display:block;}.share-choice strong{font-size:.82rem;}.share-choice small{margin-top:.13rem;color:#7a857f;font-size:.66rem;}.share-sheet-note{text-align:center!important;margin:.9rem 0 0!important;font-size:.67rem!important;}
.comments-sheet-panel{bottom:10px;max-height:min(720px,calc(100vh - 25px));display:flex;flex-direction:column;padding:18px;}.comments-sheet-header{display:flex;align-items:center;justify-content:space-between;gap:1rem;border-bottom:1px solid #ecf0eb;padding:0 0 12px;}.comments-sheet-header h2{margin:2px 0 0;font-size:1.05rem;font-weight:800;}.comments-sheet-header button{width:32px;height:32px;border:0;border-radius:50%;background:#eef2ed;font-size:1.25rem;cursor:pointer;}.comments-login-note{display:none;margin:10px 0 0;padding:.6rem .75rem;color:#855a14;background:#fff4d7;border-radius:12px;font-size:.72rem;}.comments-login-note.is-visible{display:block;}.comments-login-note a{color:#247448;font-weight:800;}.comments-list{min-height:120px;overflow:auto;display:flex;flex-direction:column;gap:.65rem;padding:13px 2px;}.comment-item{padding:.7rem .75rem;background:#f6f7f4;border:1px solid #edf0eb;border-radius:15px;}.comment-item-head{display:flex;justify-content:space-between;gap:.6rem;margin-bottom:.25rem;}.comment-item strong{font-size:.76rem;}.comment-item time{color:#8a958f;font-size:.64rem;}.comment-item p{margin:0;color:#425148;font-size:.74rem;line-height:1.8;white-space:pre-line;}.comments-empty{padding:1.6rem;text-align:center;color:#89948e;font-size:.78rem;}.comment-form{display:flex;align-items:flex-end;gap:.5rem;border-top:1px solid #ecf0eb;padding-top:12px;}.comment-form textarea{flex:1;resize:none;border:1px solid #dfe7e0;border-radius:14px;padding:.6rem .7rem;font-family:inherit;font-size:.75rem;outline:0;}.comment-form textarea:focus{border-color:#5ca979;box-shadow:0 0 0 3px rgba(92,169,121,.12);}.comment-form button{border:0;border-radius:13px;padding:.62rem .8rem;background:#28794f;color:#fff;font-family:inherit;font-size:.72rem;font-weight:800;}.comment-form button:disabled{opacity:.6;}
.share-toast{position:fixed;z-index:1200;right:50%;bottom:25px;transform:translate(50%,20px);max-width:calc(100% - 30px);padding:.62rem 1rem;color:#fff;background:rgba(14,24,18,.95);border-radius:999px;text-align:center;font-size:.75rem;font-weight:800;opacity:0;pointer-events:none;transition:.2s ease;}.share-toast.is-visible{opacity:1;transform:translate(50%,0);}

/* Categories ------------------------------------------------------------ */
.categories-app{min-height:100vh;background:radial-gradient(circle at 12% 0%,rgba(226,191,106,.22),transparent 28%),linear-gradient(180deg,#fcfaf5,#f2ede4);color:#263129;}.category-explore-page{padding:clamp(24px,5vw,60px) 0 70px;}.category-explore-hero{position:relative;overflow:hidden;display:flex;align-items:flex-end;justify-content:space-between;gap:1.4rem;margin-bottom:2rem;padding:clamp(24px,4vw,42px);color:#fff;border-radius:34px;background:radial-gradient(circle at 88% 18%,rgba(232,197,105,.43),transparent 22%),linear-gradient(125deg,#153d2b,#2f694e 50%,#9a752c 145%);box-shadow:0 24px 60px rgba(38,61,46,.16);}.category-explore-hero>*{position:relative;z-index:1;}.category-explore-kicker{color:#f8dd90;font-size:.78rem;font-weight:800;}.category-explore-hero h1{margin:.5rem 0;font-size:clamp(1.55rem,3vw,2.6rem);font-weight:800;}.category-explore-hero p{max-width:650px;margin:0;color:rgba(255,255,255,.85);line-height:1.9;}.category-explore-actions{display:flex;gap:.55rem;flex-wrap:wrap;}.category-explore-btn{padding:.64rem .85rem;border-radius:999px;text-decoration:none;font-size:.76rem;font-weight:800;white-space:nowrap;}.category-explore-btn.is-light{color:#fff;background:rgba(255,255,255,.13);border:1px solid rgba(255,255,255,.23);}.category-explore-btn.is-gold{color:#2d341f;background:#f1ca68;}.category-visual-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:clamp(12px,2vw,20px);}.category-visual-card{position:relative;min-height:260px;aspect-ratio:4/5;overflow:hidden;color:#fff;background:#3d5646;border-radius:27px;text-decoration:none;box-shadow:0 16px 38px rgba(41,52,43,.14);transition:.25s ease;isolation:isolate;}.category-visual-card:hover{transform:translateY(-6px);color:#fff;box-shadow:0 24px 45px rgba(41,52,43,.2);}.category-visual-card img,.category-visual-fallback{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;}.category-visual-fallback{display:grid;place-items:center;background:linear-gradient(145deg,#2b6045,#bf9644);font-size:3rem;font-weight:800;}.category-visual-shade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 27%,rgba(6,13,8,.88));z-index:1;}.category-visual-content{position:absolute;z-index:2;right:16px;left:16px;bottom:16px;}.category-visual-count{display:inline-block;padding:.3rem .55rem;margin-bottom:.45rem;background:rgba(255,255,255,.16);border-radius:999px;backdrop-filter:blur(8px);font-size:.64rem;font-weight:800;}.category-visual-content h2{margin:0 0 .3rem;color:#fff;font-size:1.1rem;font-weight:800;}.category-visual-content p{display:-webkit-box;margin:0;color:rgba(255,255,255,.85);font-size:.69rem;line-height:1.8;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;}.category-visual-arrow{position:absolute;z-index:2;top:14px;left:14px;width:34px;height:34px;display:grid;place-items:center;background:rgba(0,0,0,.25);border-radius:50%;backdrop-filter:blur(8px);}.category-explore-empty{grid-column:1/-1;padding:55px 25px;text-align:center;color:#637169;background:#fff;border:1px dashed #d5cbb9;border-radius:28px;}.category-explore-pagination{margin-top:25px;}.category-explore-pagination nav{display:flex;justify-content:center;}

/* Auth ------------------------------------------------------------------ */
.auth-app{min-height:100vh;background:linear-gradient(135deg,#f6faf7,#f6efe1);}.auth-page{min-height:calc(100vh - 94px);display:grid;place-items:center;padding:35px 16px;}.auth-card{width:min(450px,100%);padding:32px;background:#fff;border:1px solid #eee4d5;border-radius:30px;box-shadow:0 20px 60px rgba(33,63,47,.12);}.auth-kicker{color:#28794f;font-size:.74rem;font-weight:800;}.auth-card h1{margin:.4rem 0 .45rem;color:#183c2b;font-size:1.55rem;font-weight:800;}.auth-card>p{margin:0 0 1.3rem;color:#718077;font-size:.8rem;line-height:1.9;}.auth-card form{display:grid;gap:.48rem;}.auth-card label{color:#425148;font-size:.75rem;font-weight:800;margin-top:.45rem;}.auth-card input{height:45px;border:1px solid #dfe7e0;border-radius:13px;padding:0 .8rem;font-family:inherit;outline:0;}.auth-card input:focus{border-color:#54a36f;box-shadow:0 0 0 3px rgba(84,163,111,.12);}.auth-card button{margin-top:1rem;height:45px;border:0;border-radius:13px;color:#fff;background:#28794f;font-family:inherit;font-weight:800;}.auth-error{margin-top:.55rem;color:#a44643;background:#fff1ef;padding:.55rem .7rem;border-radius:10px;font-size:.72rem;}.auth-switch{margin:1.1rem 0 0!important;text-align:center;}.auth-switch a{color:#28794f;font-weight:800;}

@media (max-width:1199.98px){.reels-feed-shell{grid-template-columns:minmax(300px,440px);justify-content:center;}.reels-feed{width:100%;}.nav-prompt{display:none!important;}.nav-categories a{font-size:.7rem;}}
@media (max-width:991.98px){.social-nav-shell{flex-wrap:wrap;padding-block:.5rem;}.nav-left-zone{margin-inline-start:auto;}.navbar-toggler{border-color:rgba(255,255,255,.16)!important;}.reels-app .navbar-toggler-icon{filter:invert(1);}.nav-search{min-width:180px;}.category-visual-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}
@media (max-width:767.98px){.social-nav-shell{min-height:58px;gap:.5rem;}.navbar-brand{font-size:.88rem;}.brand-mark{width:32px;height:32px;border-radius:11px;}.nav-left-zone{order:3;width:100%;}.nav-search{flex:1;min-width:0;}.nav-user{display:none;}.daily-visit-bar .container{font-size:.62rem;}.reels-page{padding:10px 0 74px;}.reels-topline{padding:0 14px;margin-bottom:6px;}.reels-kicker{font-size:.62rem;}.reels-topline h1{font-size:.94rem;}.reels-site-share{padding:.37rem .58rem;font-size:.65rem;}.category-rail-wrap{padding-inline:12px;margin-bottom:7px;}.category-rail{justify-content:flex-start;padding-bottom:6px;}.reel-category-chip{font-size:.68rem;padding:.38rem .6rem;}.reels-feed{height:calc(100dvh - 177px);min-height:450px;border-radius:0;max-height:none;}.reel-item{padding:0;}.reel-frame{width:100%;border-radius:0;}.reel-action-stack{left:10px;bottom:130px;gap:10px;}.reel-action-icon{width:39px;height:39px;}.reel-content{right:14px;left:67px;bottom:15px;}.reel-title{font-size:.93rem;}.reel-text{font-size:.7rem;-webkit-line-clamp:2;}.inline-copy-button{font-size:.58rem;}.reel-stats{font-size:.59rem;gap:.32rem .48rem;}.share-sheet-panel,.comments-sheet-panel{right:0;bottom:0;transform:translate(0,100%);width:100%;border-radius:24px 24px 0 0;padding:21px 15px calc(16px + env(safe-area-inset-bottom));}.share-sheet.is-open .share-sheet-panel,.comments-sheet.is-open .comments-sheet-panel{transform:translate(0,0);}.reels-mobile-nav{display:flex!important;}.category-explore-page{padding:18px 0 38px;}.category-explore-page .container{padding-inline:13px;}.category-explore-hero{display:block;padding:26px 20px;border-radius:25px;margin-bottom:15px;}.category-explore-hero h1{font-size:1.45rem;}.category-explore-actions{margin-top:1rem;}.category-visual-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;}.category-visual-card{min-height:215px;border-radius:21px;}.category-visual-content{right:13px;left:13px;bottom:13px;}.category-visual-content h2{font-size:.93rem;}.site-flash{top:88px;font-size:.68rem;}.auth-page{min-height:calc(100vh - 92px);padding:22px 15px;}.auth-card{padding:26px 21px;border-radius:25px;}}