:root{--bg:#050812;--panel:#0b1222;--panel2:#101a30;--text:#f7fbff;--muted:#8796ad;--blue:#168cff;--cyan:#35e8ff;--line:#1c2941}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 70% 0,#0a2b54 0,#050812 32%);color:var(--text);font-family:Inter,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}.shell{max-width:1180px;margin:auto;padding:0 18px}.top{height:68px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff10;position:sticky;top:0;background:#050812dd;backdrop-filter:blur(16px);z-index:10}.brand{display:flex;align-items:center;gap:10px;font-weight:900;letter-spacing:1px}.logo{width:38px;height:38px;border-radius:13px;background:linear-gradient(135deg,var(--blue),var(--cyan));display:grid;place-items:center;color:#02101f;font-size:23px;box-shadow:0 0 28px #168cff55}.btn{display:inline-flex;padding:11px 17px;border-radius:13px;background:linear-gradient(135deg,var(--blue),#36dfff);color:#001226;font-weight:800;border:0;cursor:pointer}.btn.ghost{background:#111b2d;color:white;border:1px solid var(--line)}.hero{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:60px}.eyebrow{color:var(--cyan);font-weight:800}.hero h1{font-size:clamp(55px,8vw,104px);line-height:.9;margin:14px 0}.hero h2{font-size:clamp(25px,4vw,48px);margin:0 0 18px}.hero p{color:#aab7ca;font-size:19px;line-height:1.7;max-width:630px}.mock,.card{background:linear-gradient(180deg,#0f192c,#09111f);border:1px solid #21324f;border-radius:24px;box-shadow:0 30px 80px #0008}.mock{padding:18px;transform:rotate(1deg)}.post{padding:18px;border-bottom:1px solid var(--line)}.avatar{width:46px;height:46px;border-radius:50%;background:linear-gradient(135deg,#334663,#17233a);display:inline-grid;place-items:center;font-weight:900}.verified{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;background:#168cff;color:white;font-size:12px;box-shadow:0 0 12px #168cff99}.meta{color:var(--muted);font-size:14px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;padding:40px 0 80px}.card{padding:24px}.card p{color:var(--muted);line-height:1.6}.auth{min-height:100vh;display:grid;place-items:center;padding:25px}.authbox{width:min(460px,100%);padding:30px}.field{margin:13px 0}.field label{display:block;color:#9dacbf;font-size:13px;margin-bottom:7px}.field input,.field textarea{width:100%;padding:14px;border-radius:13px;border:1px solid var(--line);background:#07101f;color:white;outline:none}.layout{display:grid;grid-template-columns:230px minmax(0,620px) 300px;gap:20px;padding-top:20px}.nav{position:sticky;top:88px;height:max-content}.nav a{display:block;padding:13px;border-radius:13px;margin:4px 0;color:#aebbd0}.nav a:hover{background:#101a2d;color:white}.composer{padding:18px;margin-bottom:16px}.composer textarea{width:100%;min-height:90px;background:transparent;border:0;color:white;resize:none;outline:none;font-size:16px}.bottom{display:none}.status{padding:12px 14px;border-radius:13px;background:#10213b;color:#a8d5ff;margin:12px 0}.profile-cover{height:180px;background:linear-gradient(135deg,#08244b,#0b6fa7);border-radius:22px 22px 0 0}.profile-body{padding:20px}.profile-pic{width:96px;height:96px;border:5px solid var(--panel);margin-top:-66px}.admin-stat{font-size:30px;font-weight:900}@media(max-width:900px){.hero{grid-template-columns:1fr;padding:70px 0}.grid{grid-template-columns:1fr}.layout{grid-template-columns:1fr;padding-bottom:80px}.nav,.right{display:none}.bottom{display:flex;position:fixed;bottom:0;left:0;right:0;height:66px;background:#07101ff5;border-top:1px solid var(--line);justify-content:space-around;align-items:center;z-index:20}.bottom a{font-size:12px;color:#aab7ca}.hero h1{font-size:64px}.mock{transform:none}}
/* DUNNO V1.2 brand upgrade */
.top{height:76px;background:rgba(3,8,19,.82);border-bottom:1px solid rgba(70,157,255,.14)}
.logo{overflow:hidden;background:#071225;padding:0;border:1px solid #1b65b8;width:42px;height:42px;box-shadow:0 0 30px #168cff44}.logo img{width:100%;height:100%;object-fit:cover;transform:scale(1.28)}.brand-word{font-size:19px;letter-spacing:1.6px}
.hero-upgrade{min-height:720px;grid-template-columns:.9fr 1.1fr;gap:42px;position:relative;overflow:visible}.hero-upgrade:before{content:"";position:absolute;width:520px;height:520px;background:#087dff18;filter:blur(60px);border-radius:50%;left:-240px;top:70px;pointer-events:none}.hero-copy{position:relative;z-index:2}.hero-copy h1{font-size:clamp(52px,6.7vw,88px);line-height:.98;letter-spacing:-4px;margin:20px 0}.hero-copy h1 span{background:linear-gradient(90deg,#fff,#47dfff);-webkit-background-clip:text;color:transparent}.hero-lead{font-size:18px!important;max-width:590px!important}.pulse-dot{width:8px;height:8px;border-radius:50%;display:inline-block;background:#36e8ff;box-shadow:0 0 14px #36e8ff;margin-right:8px}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.btn-lg{padding:14px 22px;border-radius:15px}.trust-row{display:flex;gap:18px;flex-wrap:wrap;margin-top:25px;color:#8294ad;font-size:13px}.hero-visual{position:relative;min-width:0}.brand-banner{width:100%;display:block;border-radius:28px;border:1px solid #238cff55;box-shadow:0 40px 100px #000b,0 0 70px #008cff1e;position:relative;z-index:1}.brand-glow{position:absolute;inset:15%;background:#009cff4a;filter:blur(80px);z-index:0}.floating-card{position:absolute;z-index:2;background:#081426e8;border:1px solid #237ee466;backdrop-filter:blur(18px);box-shadow:0 20px 60px #0008;border-radius:18px}.verified-float{right:-15px;bottom:-28px;padding:14px 18px;display:flex;align-items:center;gap:12px}.verified-float small{display:block;color:#8294ad;margin-top:3px}.verified.big{width:34px;height:34px;font-size:18px}.proof-strip{border-top:1px solid #1c2941;border-bottom:1px solid #1c2941;background:#07101c}.proof-inner{min-height:78px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#77869b;font-size:12px;letter-spacing:1.5px}.proof-inner strong,.proof-blue{color:#fff}.proof-blue{color:#37dfff!important}.section-block,.social-preview{padding-top:100px;padding-bottom:100px}.section-heading{max-width:720px;margin-bottom:35px}.section-heading h2,.cta-inner h2{font-size:clamp(34px,5vw,56px);letter-spacing:-2px;margin:10px 0 14px}.section-heading p{color:#8ea0b7;line-height:1.7}.feature-card{position:relative;overflow:hidden;min-height:270px}.feature-card:after{content:"";position:absolute;width:130px;height:130px;border-radius:50%;background:#008cff14;right:-50px;top:-50px}.feature-icon{width:48px;height:48px;display:grid;place-items:center;border-radius:15px;background:linear-gradient(135deg,#0b64d8,#1de2ff);font-weight:900;color:white;box-shadow:0 0 30px #168cff33}.feature-card a{color:#43dfff;font-weight:700;font-size:14px}.preview-grid{display:grid;grid-template-columns:1.05fr .95fr;gap:24px;align-items:center}.phone-card{background:#07101e;border:1px solid #20314d;border-radius:28px;padding:14px;box-shadow:0 35px 100px #0008;max-width:610px}.phone-top{display:flex;align-items:center;gap:9px;padding:4px 5px 14px}.phone-top img{width:32px;height:32px;border-radius:10px;object-fit:cover}.phone-top span{margin-left:auto}.story-row{display:flex;gap:10px;padding:4px 4px 14px}.story-row i{width:48px;height:48px;border-radius:50%;display:block;border:2px solid #1aa8ff;background:linear-gradient(135deg,#182941,#365c8d)}.premium-post{border:1px solid #1b2d48;border-radius:20px;background:#0a1425}.post-user{display:flex;gap:11px;align-items:center}.post-user button{margin-left:auto;background:none;border:0;color:#8391a7}.post-media{height:210px;border-radius:17px;background:radial-gradient(circle at 20% 20%,#087ef5,#07162e 45%,#030811);display:flex;align-items:center;justify-content:center;gap:18px;font-size:24px;letter-spacing:-1px}.media-mark{width:70px;height:70px;border-radius:23px;background:linear-gradient(135deg,#1178ff,#28e7ff);display:grid;place-items:center;font-size:42px;font-weight:900;box-shadow:0 0 35px #168cff66}.post-actions{display:flex;justify-content:space-between;color:#8796ad;padding-top:14px}.identity-panel{text-align:center;padding:40px}.identity-badge{margin:0 auto 18px}.verified.xlarge{width:62px;height:62px;font-size:34px;box-shadow:0 0 45px #168cff77}.identity-panel h3{font-size:34px;margin:8px 0}.identity-panel>p{color:#8796ad;line-height:1.7}.identity-line{display:flex;justify-content:space-between;gap:20px;border-top:1px solid #1c2941;padding:16px 0;text-align:left;color:#7f90a8}.identity-line b{color:#ddecff;text-align:right}.cta-section{padding:40px 0 100px}.cta-inner{background:linear-gradient(120deg,#08172d,#0b2f5e);border:1px solid #1d65ae;border-radius:30px;padding:38px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px;box-shadow:0 30px 90px #0007}.cta-inner img{width:88px;height:88px;border-radius:24px;object-fit:cover}.cta-inner h2{font-size:38px}.cta-inner p{color:#91a5bf;margin:0}
@media(max-width:900px){.hero-upgrade{padding-top:45px;min-height:auto;gap:35px}.hero-copy h1{letter-spacing:-2.5px}.hero-visual{margin-bottom:35px}.verified-float{right:8px;bottom:-24px}.proof-inner{overflow:auto;justify-content:flex-start;white-space:nowrap}.section-block,.social-preview{padding-top:70px;padding-bottom:70px}.preview-grid{grid-template-columns:1fr}.cta-inner{grid-template-columns:1fr;text-align:center}.cta-inner img{margin:auto}.cta-inner .btn{justify-content:center}.trust-row{gap:10px}.brand-banner{border-radius:20px}}
@media(max-width:520px){.top{height:68px}.brand-word{font-size:16px}.hero-copy h1{font-size:52px}.hero-actions .btn{flex:1;justify-content:center}.hero-lead{font-size:16px!important}.verified-float{position:relative;right:auto;bottom:auto;margin:-14px 12px 0}.section-heading h2{font-size:38px}.identity-panel{padding:28px 20px}.cta-inner{padding:28px 20px}.cta-inner h2{font-size:34px}.post-media{height:180px;font-size:19px}}

/* DUNNO V2 social experience */
:root{--bg:#030711;--panel:#09111f;--panel2:#0d1728;--line:#1b2a42;--text:#f7fbff;--muted:#8394ad;--blue:#078cff;--cyan:#19d5ff;--radius:22px}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 80% -10%,#06224b 0,transparent 30%),var(--bg);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}.topbar{height:72px;position:sticky;top:0;z-index:50;background:rgba(3,7,17,.84);backdrop-filter:blur(18px);border-bottom:1px solid rgba(255,255,255,.06);display:flex;align-items:center;justify-content:space-between;padding:0 max(24px,calc((100vw - 1260px)/2))}.brand{display:flex;align-items:center;gap:10px;font-size:20px;letter-spacing:.08em}.brand img{width:40px;height:40px;object-fit:contain}.top-actions{display:flex;align-items:center;gap:12px}.icon-btn{width:40px;height:40px;border:1px solid var(--line);border-radius:50%;display:grid;place-items:center}.avatar{display:inline-grid;place-items:center;border-radius:50%;object-fit:cover;flex:none;border:1px solid #243653;background:#12213a}.avatar-sm{width:38px;height:38px}.avatar-md{width:46px;height:46px}.avatar-lg{width:78px;height:78px}.avatar-fallback{font-weight:800;background:linear-gradient(145deg,#0a56d7,#08bff1)}.verified{display:inline-grid;place-items:center;width:18px;height:18px;border-radius:50%;font-size:11px;background:linear-gradient(145deg,var(--cyan),#075fff);color:#fff;box-shadow:0 0 16px rgba(9,143,255,.45);vertical-align:middle}.verified.mini{width:16px;height:16px;font-size:9px}.verified.large{width:42px;height:42px;font-size:22px}.app-shell{max-width:1260px;margin:22px auto 90px;padding:0 20px;display:grid;grid-template-columns:230px minmax(0,650px) 300px;gap:22px;align-items:start}.card{background:linear-gradient(180deg,rgba(14,24,42,.95),rgba(7,14,27,.95));border:1px solid var(--line);border-radius:var(--radius);box-shadow:0 16px 45px rgba(0,0,0,.2)}.side-nav{padding:12px;position:sticky;top:94px}.side-nav>a:not(.btn){padding:13px 14px;border-radius:14px;display:flex;gap:13px;align-items:center;color:#c9d5e5;margin:3px 0;font-weight:650}.side-nav>a span{font-size:21px}.side-nav>a.active,.side-nav>a:hover{background:#101e34;color:white}.nav-post{display:block;text-align:center;margin-top:14px}.btn{border:0;background:linear-gradient(100deg,#086bff,#04bde9);color:white;font-weight:800;padding:13px 20px;border-radius:14px;cursor:pointer;box-shadow:0 8px 28px rgba(4,126,255,.2)}.btn-small{padding:9px 14px;border-radius:11px}.btn-ghost{background:#0d1728;border:1px solid #243653;box-shadow:none}.feed{min-width:0}.feed-head{display:flex;align-items:center;justify-content:space-between;margin:4px 2px 16px}.feed-head h1{margin:0;font-size:26px}.trust-pill{font-size:12px;color:#b8c7d9;background:#09182c;border:1px solid #16345a;padding:7px 10px;border-radius:999px;display:flex;gap:6px;align-items:center}.composer{padding:17px;margin-bottom:16px}.composer-row{display:flex;gap:12px}.composer textarea{width:100%;min-height:84px;background:transparent;border:0;resize:none;color:white;font:inherit;font-size:17px;outline:none;padding:9px}.composer-tools{border-top:1px solid var(--line);padding-top:12px;display:flex;justify-content:space-between;align-items:center}.composer-tools>div{display:flex;gap:5px}.composer-tools button[type=button]{background:transparent;border:0;color:#77bfff;padding:8px;cursor:pointer}.post{margin-bottom:14px;padding:17px}.post header{display:flex;align-items:center;gap:11px}.post-who{display:flex;flex-direction:column;min-width:0}.post-who span,.muted{color:var(--muted)}.post-who span{font-size:13px;margin-top:2px}.more{margin-left:auto;background:transparent;border:0;color:var(--muted);font-size:18px}.post-body{font-size:16px;line-height:1.55;margin:16px 3px}.post-media{border-radius:17px;overflow:hidden;border:1px solid var(--line)}.post-media img{width:100%;display:block}.post-stats{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;padding:10px 2px}.post-actions{border-top:1px solid var(--line);display:grid;grid-template-columns:repeat(4,1fr);padding-top:7px}.post-actions form{margin:0}.post-actions button{width:100%;border:0;background:transparent;color:#a9b8ca;padding:8px 3px;cursor:pointer}.post-actions button b{font-size:18px;margin-right:5px}.post-actions button.on{color:#36a9ff}.comment-box{display:none;gap:8px;margin-top:10px}.comment-box.show{display:flex}.comment-box input{flex:1}.comment-box button{border:0;border-radius:10px;padding:0 14px;background:#0d77ff;color:white}.right-col{display:grid;gap:15px;position:sticky;top:94px}.right-col>.card{padding:18px}.right-col h3{margin:8px 0}.right-col p{color:var(--muted);font-size:13px;line-height:1.5}.verify-card{background:radial-gradient(circle at 100% 0,#08366a,transparent 55%),linear-gradient(180deg,#0d192b,#07101d)}.verify-card a,.see-all{color:#49baff;font-size:13px;font-weight:700}.suggestions h3{margin:0 0 14px}.person{display:flex;align-items:center;gap:9px;margin:13px 0}.person>div{min-width:0;flex:1;display:flex;flex-direction:column}.person b{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person span{font-size:11px;color:var(--muted)}.person button{border:0;background:#e9f5ff;color:#07111f;border-radius:999px;padding:6px 10px;font-weight:800}.search-card{display:flex;align-items:center;padding:10px 14px;margin-bottom:22px}.search-card input,.comment-box input,.form-stack input,.form-grid input{background:#081322;border:1px solid #20324c;color:white;border-radius:12px;padding:12px 13px;outline:none}.search-card input{flex:1;border:0;background:transparent;font-size:15px}.search-card button{background:transparent;border:0;color:#5abaff}.section-title{margin:10px 2px 16px}.section-title h2{margin:0 0 4px}.section-title span{font-size:13px;color:var(--muted)}.people-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.person-card{padding:0 16px 17px;text-align:center;overflow:hidden}.cover-mini{height:70px;margin:0 -16px -34px;background:linear-gradient(125deg,#052454,#0878ff 50%,#12d8ff)}.person-card .avatar{position:relative;border:4px solid #0a1322}.person-card h3{margin:9px 0 2px}.person-card>p{margin:2px;color:var(--muted);font-size:13px}.person-card .bio{min-height:38px;margin:10px 0}.bottom-nav{display:none}
.auth-wrap{max-width:1100px;margin:55px auto;padding:0 24px;display:grid;grid-template-columns:1fr 480px;gap:65px;align-items:center}.auth-brand img{width:100%;border-radius:24px;box-shadow:0 25px 90px rgba(0,90,255,.18)}.auth-brand h1{font-size:44px;margin:24px 0 8px}.auth-brand p{color:var(--muted);font-size:17px;line-height:1.6}.auth-card{padding:28px}.auth-card h2{margin-top:0}.auth-logo{display:flex;align-items:center;gap:12px;margin-bottom:20px}.auth-logo img{width:50px;height:50px;object-fit:contain}.auth-logo div{display:flex;flex-direction:column}.auth-logo b{font-size:20px}.auth-logo span{color:var(--muted);font-size:12px}.social-stack,.form-stack{display:grid;gap:10px}.social-btn{height:49px;border:1px solid #273954;border-radius:13px;display:flex;align-items:center;justify-content:center;gap:10px;background:#0b1627;font-weight:700}.social-btn:hover{border-color:#4d84c9;background:#0e1d32}.google-g{color:#fff;background:#4285f4;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;font-size:12px}.fb-f{font-family:Arial;font-size:22px;color:#4e8fff}.or{height:45px;display:flex;align-items:center;gap:10px;color:#657991;font-size:11px}.or:before,.or:after{content:"";height:1px;background:var(--line);flex:1}.form-stack label,.form-grid label{display:grid;gap:6px;color:#b9c7d8;font-size:12px}.form-stack input,.form-grid input{width:100%;font-size:14px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.form-grid .full{grid-column:1/-1}.auth-foot{text-align:center;color:var(--muted);font-size:13px}.auth-foot a{color:#4ab9ff}.tiny{font-size:11px!important;color:#667b96!important;line-height:1.45}.notice{padding:11px 13px;border-radius:11px;margin:10px 0;font-size:13px}.notice.error{background:#381421;border:1px solid #6b2039;color:#ffb9cc}.center-page{max-width:580px;margin:50px auto;padding:0 20px}.onboarding{padding:30px}.onboarding h1{font-size:34px;margin:8px 0}.step{color:#39b8ff;font-size:11px;font-weight:900;letter-spacing:.12em}.empty{padding:40px;text-align:center;color:var(--muted)}
@media(max-width:1000px){.app-shell{grid-template-columns:78px minmax(0,1fr) 280px}.side-nav>a:not(.btn){justify-content:center;font-size:0}.side-nav>a span{font-size:22px}.nav-post{font-size:0}.nav-post:after{content:'+';font-size:22px}.auth-wrap{grid-template-columns:1fr 440px;gap:30px}.auth-brand h1{font-size:36px}}
@media(max-width:780px){.topbar{height:60px;padding:0 14px}.brand strong{font-size:17px}.brand img{width:34px;height:34px}.app-shell{display:block;margin:12px auto 90px;padding:0 10px}.side-nav,.right-col{display:none}.feed-head{padding:4px 5px}.feed-head h1{font-size:22px}.composer,.post{border-radius:18px}.bottom-nav{position:fixed;z-index:80;bottom:0;left:0;right:0;height:68px;padding-bottom:env(safe-area-inset-bottom);background:rgba(5,10,20,.95);backdrop-filter:blur(18px);border-top:1px solid #1a2940;display:grid;grid-template-columns:repeat(5,1fr);align-items:center}.bottom-nav a{display:flex;flex-direction:column;align-items:center;gap:2px;color:#9aacbf;font-size:18px}.bottom-nav small{font-size:9px}.bottom-nav .create-dot{width:43px;height:43px;margin:auto;border-radius:15px;background:linear-gradient(145deg,#0574ff,#10d2f1);display:grid;place-items:center;color:white;font-size:27px;box-shadow:0 0 25px rgba(0,132,255,.3)}.people-grid{grid-template-columns:1fr 1fr}.auth-wrap{display:block;margin:22px auto;padding:0 14px}.auth-brand{display:none}.auth-card{padding:21px;border-radius:20px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.center-page{margin:25px auto}.trust-pill{display:none}}
@media(max-width:460px){.people-grid{grid-template-columns:1fr}.post-actions button{font-size:0}.post-actions button b{font-size:20px}.composer-tools button[type=button]{font-size:0}.composer-tools button[type=button]:first-child:after{content:'Photo';font-size:12px}.composer-tools button[type=button]:nth-child(2):after{content:'Video';font-size:12px}}

/* DUNNO V2.1 — true mobile-first responsive rebuild */
html,body{max-width:100%;overflow-x:hidden}img,video,iframe{max-width:100%;height:auto}.topbar{width:100%;left:0;right:0}.app-shell,.feed,.post,.composer,.card{min-width:0;max-width:100%}
@media(max-width:780px){
 body{background:linear-gradient(180deg,#050914 0,#050812 100%);padding:0;margin:0}
 .topbar{position:sticky;top:0;z-index:100;height:58px;padding:0 12px;background:rgba(4,9,19,.96);backdrop-filter:blur(20px);border-bottom:1px solid #17263d}
 .topbar .brand{gap:7px}.topbar .brand img{width:33px;height:33px;border-radius:10px}.topbar .brand strong{font-size:16px;letter-spacing:1px}.top-actions{gap:6px}.icon-btn{width:38px;height:38px;border-radius:12px}
 .app-shell{width:100%;max-width:none;margin:0 0 calc(76px + env(safe-area-inset-bottom));padding:0;display:block}
 .feed{width:100%;max-width:none}.feed-head{height:48px;margin:0;padding:0 14px;border-bottom:1px solid #142239;background:#060b16}.feed-head h1{font-size:20px}
 .composer{margin:8px 8px 7px;padding:13px;border-radius:16px}.composer-row{gap:9px}.composer textarea{min-height:65px;font-size:15px;padding:7px}.composer-tools{padding-top:9px}.composer-tools .btn{padding:9px 14px}
 .post{width:auto;margin:0 0 7px;padding:14px 12px;border-radius:0;border-left:0;border-right:0}.post header{gap:9px}.avatar{flex:0 0 auto}.post-body{font-size:15px;margin:13px 2px;overflow-wrap:anywhere}.post-media{width:100%;height:auto;max-height:none;border-radius:14px}.post-media img,.post-media video{width:100%;height:auto;object-fit:contain}.post-stats{padding:9px 1px}.post-actions{gap:0}.post-actions button{min-height:42px;padding:7px 1px}.comment-box{padding-bottom:2px}.comment-box input{min-width:0;width:100%}
 .profile-cover{height:125px;border-radius:0}.profile-body{padding:14px}.profile-pic{width:82px;height:82px;margin-top:-55px}.profile-body h1{font-size:23px}.profile-body .btn{max-width:100%}
 .search-card{margin:8px;border-radius:15px}.section-title{padding:0 12px}.people-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;padding:0 8px}.person-card{padding:0 10px 13px}.person-card .btn{width:100%;justify-content:center}.cover-mini{margin:0 -10px -31px}.person-card h3{font-size:14px;overflow-wrap:anywhere}.person-card .bio{font-size:12px}
 .center-page{width:100%;max-width:none;margin:0;padding:10px}.center-page>.card,.onboarding{border-radius:17px;padding:18px 14px}
 .auth-wrap{width:100%;max-width:none;margin:0;padding:12px 10px 30px}.auth-card{width:100%;padding:20px 14px;border-radius:18px}.auth-logo{margin-bottom:15px}.auth-logo img{width:43px;height:43px}.social-btn{height:47px}.form-stack input,.form-grid input{font-size:16px;min-height:48px}.form-grid{grid-template-columns:minmax(0,1fr);gap:10px}.form-grid .full{grid-column:1}.auth-card .btn{width:100%;justify-content:center;min-height:48px}
 .side-nav,.right-col{display:none!important}
 .bottom-nav{display:grid;position:fixed;z-index:120;left:0;right:0;bottom:0;width:100%;height:calc(64px + env(safe-area-inset-bottom));padding:4px 4px env(safe-area-inset-bottom);grid-template-columns:repeat(5,minmax(0,1fr));background:rgba(4,9,18,.97);border-top:1px solid #1b2b44;box-shadow:0 -8px 30px rgba(0,0,0,.3);backdrop-filter:blur(20px)}
 .bottom-nav a{min-width:0;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px;color:#91a2b8;font-size:20px;border-radius:13px}.bottom-nav a:active{background:#0d192b}.bottom-nav small{font-size:9px;line-height:1.1}.bottom-nav .create-dot{width:44px;height:44px;align-self:center;justify-self:center;margin:0;border-radius:15px;background:linear-gradient(145deg,#087cff,#20d9f5);font-size:27px;color:#fff;box-shadow:0 0 25px rgba(15,139,255,.35)}
 .hero-upgrade{display:block;padding:35px 14px 45px}.hero-copy h1{font-size:45px;letter-spacing:-2px}.hero-visual{margin-top:30px}.verified-float{max-width:calc(100% - 20px)}.proof-inner{padding:0 14px}.section-block,.social-preview{padding:55px 14px}.preview-grid{display:block}.phone-card{width:100%;padding:9px;border-radius:20px}.cta-section{padding:20px 12px 70px}.cta-inner{padding:24px 16px;border-radius:22px}
 table{display:block;width:100%;overflow-x:auto;-webkit-overflow-scrolling:touch}pre,code{max-width:100%;overflow:auto}
}
@media(max-width:390px){.people-grid{grid-template-columns:1fr}.post{padding-left:10px;padding-right:10px}.composer{margin-left:6px;margin-right:6px}.topbar{padding-left:9px;padding-right:9px}.hero-copy h1{font-size:40px}.bottom-nav small{font-size:8px}}
/* DUNNO V2.2 — Messaging + Notifications */
.badge-anchor{position:relative}.badge-anchor em{position:absolute;right:-4px;top:-5px;min-width:18px;height:18px;padding:0 5px;border-radius:10px;background:#168cff;color:#fff;font:800 10px/18px Inter,sans-serif;font-style:normal;border:2px solid #050914}.message-page{min-width:0}.message-search{display:flex;gap:9px;padding:12px;margin-bottom:10px}.message-search input{min-width:0;flex:1;background:#07111f;border:1px solid var(--line);color:#fff;border-radius:12px;padding:12px}.conversation-list,.search-people{padding:0;overflow:hidden}.conversation-row{display:flex;align-items:center;gap:12px;padding:14px 16px;border-bottom:1px solid var(--line);min-width:0}.conversation-row:last-child{border-bottom:0}.conversation-row:hover{background:#0d1829}.conversation-row>div{display:flex;flex-direction:column;min-width:0;flex:1}.conversation-row>div b,.conversation-row>div span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.conversation-row>div span{color:var(--muted);font-size:13px;margin-top:3px}.conversation-row>strong{font-size:12px;color:#48b9ff}.unread-dot{font-style:normal;display:grid;place-items:center;min-width:23px;height:23px;padding:0 6px;border-radius:99px;background:#168cff;color:white;font-size:11px;font-weight:900}.chat-shell{height:calc(100vh - 76px);max-width:900px;margin:auto;padding:16px}.chat-card{height:100%;display:grid;grid-template-rows:auto 1fr auto;background:#07101e;border:1px solid #1c2b43;border-radius:22px;overflow:hidden}.chat-head{height:68px;display:flex;align-items:center;gap:10px;padding:9px 14px;border-bottom:1px solid var(--line);background:#091425}.chat-head>a{font-size:30px}.chat-head>div{display:flex;flex:1;min-width:0;flex-direction:column}.chat-head span{font-size:11px;color:var(--muted)}.chat-head details{position:relative}.chat-head summary{list-style:none;cursor:pointer;font-size:20px}.chat-menu{position:absolute;right:0;top:30px;width:190px;background:#101b2c;border:1px solid #2a3b55;border-radius:12px;padding:6px;z-index:20}.chat-menu button{width:100%;border:0;background:transparent;color:#dce9f7;padding:10px;text-align:left;cursor:pointer}.chat-messages{overflow-y:auto;padding:22px;display:flex;flex-direction:column;gap:12px}.chat-intro{text-align:center;color:var(--muted);margin:auto}.bubble-wrap{display:flex;align-items:flex-end;gap:6px;max-width:78%}.bubble-wrap.mine{align-self:flex-end;flex-direction:row-reverse}.bubble-wrap.theirs{align-self:flex-start}.bubble{position:relative;background:#111e31;border:1px solid #1d304b;border-radius:18px 18px 18px 5px;padding:10px 12px;min-width:70px;max-width:100%}.mine .bubble{background:linear-gradient(145deg,#0878e8,#075bb8);border-color:#168cff;border-radius:18px 18px 5px 18px}.bubble p{margin:0 0 4px;line-height:1.45;overflow-wrap:anywhere}.bubble small{display:block;text-align:right;font-size:9px;color:#a9bed5}.bubble img,.bubble video{display:block;max-width:340px;max-height:420px;border-radius:12px;margin:2px 0 7px}.reaction{position:absolute;right:7px;bottom:-12px;background:#0a1424;border:1px solid #27405f;border-radius:99px;padding:2px 6px;font-size:10px;font-style:normal}.bubble-actions{display:flex;opacity:.25}.bubble-wrap:hover .bubble-actions{opacity:1}.bubble-actions button{border:0;background:transparent;color:#8ca0b8;cursor:pointer}.chat-compose{display:flex;align-items:flex-end;gap:8px;padding:10px;border-top:1px solid var(--line);background:#081322}.chat-compose textarea{flex:1;min-width:0;max-height:120px;resize:none;background:#0d192a;border:1px solid #213550;color:#fff;border-radius:16px;padding:12px;outline:none;font:inherit}.attach{width:42px;height:42px;border-radius:13px;background:#101e32;display:grid;place-items:center;font-size:23px;cursor:pointer}.attach input{display:none}.blocked-note{padding:16px;text-align:center;color:#f1b8c5;background:#28121a}.notification-list{padding:0;overflow:hidden}.notification-row{border-bottom:1px solid var(--line)}.notification-row:last-child{border:0}.notification-row button{width:100%;display:flex;gap:12px;text-align:left;border:0;background:transparent;color:#fff;padding:15px;cursor:pointer}.notification-row.unread button{background:#0b1d34}.notification-row button>i{font-style:normal;display:grid;place-items:center;width:38px;height:38px;flex:0 0 38px;border-radius:13px;background:#10233e;color:#47bdff}.secure-list .notification-row button>i{background:#0b3151;color:#43e4ff}.notification-row button>div{min-width:0}.notification-row p{margin:3px 0;color:#b2c0d0;line-height:1.4}.notification-row span{font-size:11px;color:var(--muted)}.notice-title{margin-top:20px}.text-btn{border:0;background:transparent;color:#4bbcff;cursor:pointer}.desktop-alert{display:grid}
@media(max-width:780px){.desktop-alert{display:none}.chat-shell{height:calc(100dvh - 58px);padding:0;margin:0 0 0;max-width:none}.chat-card{border:0;border-radius:0}.chat-head{height:60px;padding:7px 10px}.chat-messages{padding:14px 10px 22px}.bubble-wrap{max-width:88%}.bubble img,.bubble video{max-width:100%;max-height:55vh}.bubble-actions{opacity:.65}.chat-compose{padding:8px calc(8px + env(safe-area-inset-right)) calc(8px + env(safe-area-inset-bottom)) calc(8px + env(safe-area-inset-left))}.chat-compose .btn{padding:11px 13px}.message-search{margin:8px}.conversation-list,.search-people{border-radius:0;border-left:0;border-right:0}.conversation-row{padding:13px 12px}.notification-list{border-radius:0;border-left:0;border-right:0}.notice-title{padding:0 14px}.feed-head .text-btn{font-size:11px}}
/* DUNNO V2.3 — Advanced Profiles + Media */
.avatar-lg{width:104px;height:104px;font-size:32px;border:5px solid #09111f}.profile-card{padding:0;overflow:hidden}.profile-card .profile-cover{height:210px;border-radius:23px 23px 0 0;background-size:cover;background-position:center}.profile-top{display:flex;align-items:flex-start;justify-content:space-between;margin-top:-67px}.profile-buttons{display:flex;gap:8px;align-items:center;padding-top:76px}.icon-btn{width:42px;height:42px;border:1px solid var(--line);border-radius:14px;display:grid;place-items:center;background:#0b1628}.profile-body h1{margin:12px 0 2px}.profile-bio{white-space:normal;color:#d5dfeb!important;margin:14px 0 8px}.profile-link{color:#49bfff;font-size:14px}.profile-meta{color:var(--muted);font-size:13px;margin-top:9px}.profile-counts{display:flex;gap:20px;margin-top:16px;color:#a9b8ca;font-size:14px}.profile-counts b{color:#fff}.identity-chip{display:flex;gap:10px;align-items:center;width:max-content;max-width:100%;padding:9px 12px;border:1px solid #174f87;background:#092342;border-radius:14px;margin-top:13px}.identity-chip>div{display:flex;flex-direction:column}.identity-chip small{color:#91b7d8;margin-top:2px}.profile-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line)}.profile-tabs a{text-align:center;padding:14px;color:#91a3ba}.profile-tabs a.active{color:#fff;border-bottom:2px solid var(--blue)}.settings-card,.create-card{max-width:680px;margin:20px auto}.settings-card select{width:100%;min-height:48px;border:1px solid var(--line);background:#07101f;color:#fff;border-radius:13px;padding:12px}.settings-card hr{border:0;border-top:1px solid var(--line);margin:24px 0}.create-user{display:flex;gap:11px;align-items:center;margin:14px 0 20px}.create-user>div{display:flex;flex-direction:column}.create-user span{font-size:12px;color:var(--muted)}.upload-zone{display:flex!important;align-items:center;justify-content:center;min-height:110px;border:1px dashed #315276!important;border-radius:17px;background:#08182a;color:#55c5ff!important;cursor:pointer}.upload-zone input{display:none}.post-media-grid{display:grid;gap:3px;margin:10px -18px 4px;overflow:hidden}.post-media-grid.count-1{grid-template-columns:1fr}.post-media-grid.count-2,.post-media-grid.count-4{grid-template-columns:repeat(2,1fr)}.post-media-grid.count-3{grid-template-columns:repeat(2,1fr)}.post-media-grid.count-3>*:first-child{grid-row:span 2}.post-media-grid img,.post-media-grid video{width:100%;height:320px;object-fit:cover;background:#02050a}.post-media-grid.count-2 img,.post-media-grid.count-2 video,.post-media-grid.count-3 img,.post-media-grid.count-3 video,.post-media-grid.count-4 img,.post-media-grid.count-4 video{height:220px}
@media(max-width:780px){.profile-feed{padding-top:0}.profile-card{border-radius:0;border-left:0;border-right:0}.profile-card .profile-cover{height:145px;border-radius:0}.avatar-lg{width:88px;height:88px}.profile-top{margin-top:-58px}.profile-buttons{padding-top:65px}.profile-body{padding:0 14px 16px}.profile-counts{gap:14px;flex-wrap:wrap}.identity-chip{width:100%}.settings-card,.create-card{margin:8px 0;border-radius:0;border-left:0;border-right:0}.post-media-grid{margin-left:-12px;margin-right:-12px}.post-media-grid img,.post-media-grid video{height:55vw;max-height:330px}.post-media-grid.count-2 img,.post-media-grid.count-2 video,.post-media-grid.count-3 img,.post-media-grid.count-3 video,.post-media-grid.count-4 img,.post-media-grid.count-4 video{height:42vw;max-height:240px}}
/* DUNNO V2.4 — Discover, Trending & Search */
.discover-search{display:flex;align-items:center;gap:10px}.discover-search input[type=text],.discover-search input:not([type]){flex:1;min-width:0}.discover-tabs{display:flex;gap:6px;overflow-x:auto;padding:4px 0 12px;scrollbar-width:none}.discover-tabs::-webkit-scrollbar{display:none}.discover-tabs a{white-space:nowrap;padding:9px 13px;border:1px solid var(--line);border-radius:99px;color:#91a4bb;font-size:13px}.discover-tabs a.active{background:#0c66cf;border-color:#168cff;color:#fff;box-shadow:0 0 20px rgba(22,140,255,.18)}.trend-strip{display:flex;gap:9px;overflow-x:auto;padding:2px 0 16px;scrollbar-width:none}.trend-strip a{min-width:145px;padding:12px 14px;border:1px solid #183658;background:#08172a;border-radius:15px;display:flex;flex-direction:column}.trend-strip small,.account-label{color:var(--muted);font-size:11px;margin-top:3px}.discover-actions{display:flex;gap:8px;justify-content:center}.discover-actions form{margin:0}.btn.ghost{background:#0a1728;border:1px solid var(--line);box-shadow:none}.entity-link{color:#48bfff;font-weight:650}.trend-row{display:flex;justify-content:space-between;gap:10px;padding:10px 0;border-bottom:1px solid var(--line)}.trend-row:last-child{border-bottom:0}.trend-row span{color:var(--muted);font-size:11px}.discover-feed .section-title{margin-top:12px}
@media(max-width:780px){.discover-feed{padding-top:0}.discover-search{margin:8px 10px}.discover-search button{padding:10px 12px}.discover-tabs{padding:4px 10px 12px}.trend-strip{padding:0 10px 14px}.discover-feed .section-title{padding:0 12px}.discover-people{padding:0 10px}.discover-tabs a{font-size:12px;padding:8px 11px}}

/* DUNNO Fresh V1.1 — Premium Neutral Social UI */
:root{--bg:#08090b;--panel:#111318;--panel2:#171a20;--text:#f5f7fa;--muted:#8e96a3;--blue:#3767ff;--cyan:#3767ff;--line:#252932}
html{background:var(--bg)}
body{background:#08090b;color:var(--text)}
.top{background:rgba(8,9,11,.94);border-bottom:1px solid var(--line);box-shadow:none}
.logo{background:#101217;border:1px solid #292d36;box-shadow:none}
.btn{background:#3767ff;color:#fff;box-shadow:none;border:1px solid #3767ff}
.btn:hover{background:#2f5bea}
.btn.ghost{background:#14171c;color:#f5f7fa;border-color:#2a2e36}
.card,.mock{background:#111318;border-color:#252932;box-shadow:0 18px 50px rgba(0,0,0,.28)}
.field input,.field textarea,.settings-card select{background:#0d0f13;border-color:#292d36;color:#f5f7fa}
.meta,.card p,.profile-meta,.profile-counts,.account-label{color:#8e96a3}
.verified{background:#2f80ff;box-shadow:none}
.avatar{background:#1b1e24;border-color:#2a2e36}
.nav a{color:#a6adb8}.nav a:hover{background:#171a20;color:#fff}
.bottom{background:rgba(10,11,14,.97);border-color:#252932}.bottom a{color:#9ca4af}
.status{background:#151b2a;color:#bdcaff;border:1px solid #28345c}
.profile-cover{background:linear-gradient(135deg,#191c23,#242936)}
.composer textarea{color:#f5f7fa}
.hero-upgrade:before,.brand-glow{display:none}
.hero-copy h1 span{background:none;-webkit-background-clip:initial;color:#fff}
.eyebrow,.proof-blue,.feature-card a,.profile-link,.entity-link,.text-btn{color:#6f8fff!important}
.pulse-dot{background:#3767ff;box-shadow:none}
.brand-banner{border-color:#292d36;box-shadow:0 28px 70px rgba(0,0,0,.38)}
.floating-card{background:rgba(17,19,24,.96);border-color:#2b3039;box-shadow:0 18px 45px rgba(0,0,0,.32)}
.proof-strip{background:#0d0f12;border-color:#242830}
.feature-card:after{display:none}.feature-icon{background:#171d30;color:#7e9aff;box-shadow:none;border:1px solid #2a365d}
.phone-card,.premium-post{background:#101217;border-color:#272b33;box-shadow:0 24px 65px rgba(0,0,0,.32)}
.story-row i{border-color:#3767ff;background:#1a1d24}
.post-media{background:#171a20}.media-mark{background:#3767ff;box-shadow:none}
.identity-line{border-color:#252932}.identity-line b{color:#eef1f5}
.cta-inner{background:#111318;border-color:#2b3039;box-shadow:0 24px 65px rgba(0,0,0,.3)}
.conversation-row:hover,.conversation-row.active{background:#171a20}
.chat-card{background:#0f1115;border-color:#262a32}.chat-head,.chat-compose{background:#111318;border-color:#252932}
.chat-menu{background:#171a20;border-color:#2b3039}.chat-messages{background:#0c0e11}
.bubble{background:#191c22;border-color:#292e37}.mine .bubble{background:#3767ff;border-color:#3767ff}
.chat-compose textarea{background:#171a20;border-color:#2a2e36}.attach{background:#171a20}
.notification-row.unread button{background:#151a28}.notification-row button>i{background:#171d30;color:#7e9aff}.secure-list .notification-row button>i{background:#171d30;color:#7e9aff}
.profile-tabs a.active{border-color:#3767ff}.identity-chip{background:#13192a;border-color:#29365f}.identity-chip small{color:#9ba9c7}
.icon-btn{background:#15181d;border-color:#292d35}.upload-zone{background:#0f1115!important;border-color:#343a46!important;color:#7896ff!important}
.discover-tabs a.active{background:#3767ff;border-color:#3767ff;box-shadow:none}.trend-strip a{background:#12151b;border-color:#282d36}
.trend-row{border-color:#252932}
@media(max-width:780px){.card,.profile-card,.settings-card,.create-card,.notification-list,.conversation-list,.search-people{box-shadow:none}}

/* DUNNO Fresh V1.2 — Black / White theme switcher */
:root{--bg:#fff;--panel:#fff;--panel2:#f5f5f5;--text:#0a0a0a;--muted:#6b6b6b;--blue:#111;--cyan:#111;--line:#e5e5e5;--surface:#fff;--surface2:#f7f7f7;--input:#fff;--inverse:#fff}
html,body{background:#fff;color:#0a0a0a;color-scheme:light}
html[data-theme="dark"]{--bg:#000;--panel:#0a0a0a;--panel2:#121212;--text:#fff;--muted:#a0a0a0;--blue:#fff;--cyan:#fff;--line:#262626;--surface:#0a0a0a;--surface2:#121212;--input:#0a0a0a;--inverse:#000;color-scheme:dark}
html[data-theme="dark"],html[data-theme="dark"] body{background:#000;color:#fff}
body{background:var(--bg)!important;color:var(--text)!important}
.top,.topbar{background:color-mix(in srgb,var(--bg) 94%,transparent)!important;border-color:var(--line)!important;color:var(--text)!important}
.card,.mock,.phone-card,.premium-post,.floating-card,.chat-card,.chat-head,.chat-compose,.side-nav{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important;box-shadow:none!important}
.field input,.field textarea,.settings-card select,.chat-compose textarea,input,textarea,select{background:var(--input)!important;border-color:var(--line)!important;color:var(--text)!important}
input::placeholder,textarea::placeholder{color:var(--muted)!important}
.meta,.card p,.profile-meta,.profile-counts,.account-label,.nav a,.side-nav a,.bottom-nav a,.bottom a{color:var(--muted)!important}
.side-nav a:hover,.side-nav a.active,.nav a:hover,.conversation-row:hover,.conversation-row.active{background:var(--surface2)!important;color:var(--text)!important}
.btn{background:#0a0a0a!important;color:#fff!important;border-color:#0a0a0a!important;box-shadow:none!important}
html[data-theme="dark"] .btn{background:#fff!important;color:#000!important;border-color:#fff!important}
.btn.ghost,.btn-ghost,.icon-btn,.attach{background:var(--surface2)!important;color:var(--text)!important;border-color:var(--line)!important}
.verified{background:#1687ff!important;color:#fff!important;box-shadow:none!important}.verified.mini{background:#1687ff!important}
.logo{background:var(--surface2)!important;border-color:var(--line)!important;box-shadow:none!important}
.hero-upgrade:before,.brand-glow,.feature-card:after{display:none!important}.hero-copy h1 span{background:none!important;-webkit-background-clip:initial!important;color:var(--text)!important}
.eyebrow,.proof-blue,.feature-card a,.profile-link,.entity-link,.text-btn{color:var(--text)!important}.pulse-dot{background:var(--text)!important;box-shadow:none!important}
.proof-strip,.bottom,.bottom-nav{background:var(--bg)!important;border-color:var(--line)!important}.proof-inner strong{color:var(--text)!important}
.feature-icon,.notification-row button>i,.secure-list .notification-row button>i{background:var(--surface2)!important;color:var(--text)!important;border-color:var(--line)!important}
.story-row i{border-color:var(--text)!important;background:var(--surface2)!important}.post-media{background:var(--surface2)!important}.media-mark{background:var(--text)!important;color:var(--inverse)!important;box-shadow:none!important}
.profile-cover{background-color:#e9e9e9!important}html[data-theme="dark"] .profile-cover{background-color:#171717!important}
.identity-chip,.status,.notification-row.unread button,.trend-strip a,.upload-zone{background:var(--surface2)!important;border-color:var(--line)!important;color:var(--text)!important}.identity-chip small{color:var(--muted)!important}
.discover-tabs a{border-color:var(--line)!important;color:var(--muted)!important}.discover-tabs a.active{background:var(--text)!important;border-color:var(--text)!important;color:var(--inverse)!important}
.chat-messages{background:var(--bg)!important}.bubble{background:var(--surface2)!important;border-color:var(--line)!important;color:var(--text)!important}.mine .bubble{background:var(--text)!important;border-color:var(--text)!important;color:var(--inverse)!important}
.theme-toggle{width:42px;height:42px;border-radius:50%;border:1px solid var(--line);background:var(--surface2);color:var(--text);display:inline-grid;place-items:center;cursor:pointer;font-size:17px;line-height:1;transition:transform .15s ease}.theme-toggle:hover{transform:scale(1.04)}
html[data-theme="dark"] .theme-light-icon{display:none}.theme-dark-icon{display:none}html[data-theme="dark"] .theme-dark-icon{display:inline}
@media(max-width:780px){.theme-toggle{width:38px;height:38px}.brand-banner{filter:grayscale(1)}}

/* DUNNO V2 core social additions */
.composer-file{display:inline-flex;align-items:center;gap:6px;padding:8px 10px;border-radius:10px;cursor:pointer;color:var(--text);background:var(--surface2);border:1px solid var(--line);font-size:13px;font-weight:700}.composer-file input{display:none}.char-count{font-size:11px;color:var(--muted);margin-left:8px}.quick-preview{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:8px 0}.quick-preview img,.quick-preview video{width:100%;height:105px;object-fit:cover;border-radius:12px;border:1px solid var(--line);background:var(--surface2)}.post-actions{grid-template-columns:repeat(5,1fr)!important}.share-post{width:100%;border:0;background:transparent;color:var(--muted);cursor:pointer}.comment-row{display:flex;gap:9px;padding:11px 2px;border-top:1px solid var(--line)}.comment-row>div{min-width:0}.comment-row b{font-size:13px}.comment-row span{font-size:11px;color:var(--muted);margin-left:6px}.comment-row p{margin:4px 0 0;font-size:14px}.load-more{display:block;text-align:center;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);font-weight:750}.settings-page{padding-bottom:80px}.settings-section{padding:20px 0;border-top:1px solid var(--line)}.settings-section:first-of-type{margin-top:18px}.settings-section h2{font-size:18px;margin:0 0 6px}.theme-choice{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:14px}.theme-choice button{padding:13px;border-radius:12px;border:1px solid var(--line);background:var(--surface2);color:var(--text);cursor:pointer;font-weight:750}.theme-choice button.active{background:var(--text);color:var(--inverse);border-color:var(--text)}.settings-links{display:grid;gap:8px}.settings-links a{padding:12px 0;font-weight:700}.more{cursor:pointer}.post-who a:hover{text-decoration:underline}@media(max-width:600px){.quick-preview{grid-template-columns:repeat(2,1fr)}.post-actions button{font-size:11px}.post-actions button b{display:block;margin:0 0 2px}.theme-choice{grid-template-columns:1fr}.composer-tools>div{align-items:center}.composer-file{padding:7px}}

/* DUNNO V2.5 — Modern social UI rebuild */
:root{--bg:#fff;--surface:#fff;--surface-2:#f7f7f7;--text:#0a0a0a;--muted:#6f6f73;--line:#e8e8e8;--soft:#f2f2f2;--shadow:0 12px 34px rgba(0,0,0,.055);--radius:22px}
html[data-theme="dark"]{--bg:#000;--surface:#000;--surface-2:#0b0b0b;--text:#f5f5f5;--muted:#8f8f94;--line:#242424;--soft:#151515;--shadow:none}
html,body{background:var(--bg)!important;color:var(--text)!important}body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.01em}.topbar{height:64px!important;background:color-mix(in srgb,var(--bg) 92%,transparent)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(18px);padding:0 max(18px,calc((100vw - 1280px)/2))!important}.brand{gap:9px!important}.brand img{width:31px!important;height:31px!important;object-fit:contain}.brand strong{font-size:19px!important;letter-spacing:-.04em}.top-actions{gap:8px!important}.icon-btn,.theme-toggle{background:transparent!important;border:0!important;width:40px!important;height:40px!important;border-radius:50%!important;color:var(--text)!important}.icon-btn:hover,.theme-toggle:hover{background:var(--soft)!important}.app-shell{max-width:1280px!important;margin:0 auto!important;display:grid!important;grid-template-columns:220px minmax(0,620px) 320px!important;gap:34px!important;padding:24px 18px 90px!important}.side-nav.card{position:sticky!important;top:88px!important;align-self:start!important;border:0!important;box-shadow:none!important;background:transparent!important;padding:4px!important;border-radius:0!important}.side-nav a{min-height:50px!important;border-radius:999px!important;padding:0 16px!important;font-size:16px!important;font-weight:650!important;color:var(--text)!important;gap:14px!important}.side-nav a span{font-size:23px!important;width:28px!important;text-align:center}.side-nav a:hover,.side-nav a.active{background:var(--soft)!important}.side-nav .nav-post{margin-top:16px!important;background:var(--text)!important;color:var(--bg)!important;justify-content:center!important;height:50px!important}.feed{min-width:0}.feed-head{height:54px!important;margin:0!important;padding:0 2px!important;border:0!important;display:flex!important;align-items:center!important}.feed-head h1{font-size:22px!important;letter-spacing:-.045em!important}.trust-pill{display:none!important}.card{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--radius)!important;box-shadow:none!important}.composer{padding:16px!important;margin-bottom:12px!important}.composer-row{gap:12px!important}.composer textarea{min-height:72px!important;font-size:18px!important;line-height:1.45!important;background:transparent!important;border:0!important;padding:8px 2px!important;color:var(--text)!important;resize:none!important}.composer textarea:focus{outline:0!important}.composer-tools{border-top:1px solid var(--line)!important;margin-top:10px!important;padding-top:12px!important}.composer-file{border:0!important;background:transparent!important;padding:8px!important;font-weight:650!important}.composer-file:hover{background:var(--soft)!important;border-radius:999px!important}.btn{background:var(--text)!important;color:var(--bg)!important;border-color:var(--text)!important;border-radius:999px!important;font-weight:750!important;box-shadow:none!important}.post{border-radius:0!important;border-width:0 0 1px!important;margin:0!important;padding:18px 4px!important}.post:first-of-type{border-top:1px solid var(--line)!important}.post header{align-items:flex-start!important}.post-who b{font-size:15px!important}.post-who span{font-size:13px!important;color:var(--muted)!important}.post-body{font-size:16px!important;line-height:1.5!important;margin:10px 0 14px 52px!important}.post-media-grid{margin-left:52px!important;border-radius:18px!important;overflow:hidden!important;border:1px solid var(--line)!important}.post-media-grid img,.post-media-grid video{border-radius:0!important}.post-stats{margin-left:52px!important;color:var(--muted)!important;font-size:13px!important;border-bottom:0!important}.post-actions{margin-left:44px!important;border-top:0!important;padding-top:4px!important;justify-content:space-between!important}.post-actions button{background:transparent!important;border:0!important;color:var(--muted)!important;border-radius:999px!important;padding:8px 10px!important;font-size:13px!important}.post-actions button:hover{background:var(--soft)!important;color:var(--text)!important}.post-actions button.on{color:var(--text)!important}.comment-box{margin-left:52px!important;background:var(--surface-2)!important;border:0!important;border-radius:999px!important;padding:4px 6px 4px 14px!important}.comment-box input{background:transparent!important;border:0!important;color:var(--text)!important}.comment-box button{border-radius:999px!important;background:var(--text)!important;color:var(--bg)!important}.comment-row{margin-left:52px!important;border-top:0!important;background:var(--surface-2)!important;border-radius:16px!important;padding:10px!important;margin-top:8px!important}.right-col{position:sticky!important;top:88px!important;align-self:start!important}.right-col .card{border-radius:20px!important;background:var(--surface-2)!important;border:0!important;margin-bottom:14px!important}.verify-card,.suggestions{padding:18px!important}.verify-card h3,.suggestions h3{font-size:17px!important;letter-spacing:-.03em!important}.person{padding:12px 0!important;border-color:var(--line)!important}.person button{border-radius:999px!important;background:var(--text)!important;color:var(--bg)!important;border:0!important;padding:7px 14px!important;font-weight:700!important}.verified{background:#1687ff!important;color:white!important;border-radius:50%!important}.bottom-nav{background:color-mix(in srgb,var(--bg) 94%,transparent)!important;border-top:1px solid var(--line)!important;backdrop-filter:blur(20px)!important}.bottom-nav a{color:var(--muted)!important}.bottom-nav a b{font-size:22px!important}.bottom-nav .create-dot{background:var(--text)!important;color:var(--bg)!important;box-shadow:none!important;border:4px solid var(--bg)!important}.load-more{display:block!important;text-align:center!important;margin:20px auto!important;border:1px solid var(--line)!important;border-radius:999px!important;padding:10px 18px!important;width:max-content!important;color:var(--text)!important}.auth-shell,.landing{background:var(--bg)!important}.auth-card{border-radius:28px!important;box-shadow:var(--shadow)!important;border:1px solid var(--line)!important}.auth-card h1{letter-spacing:-.05em!important}.auth-card input,.auth-card select{border-radius:14px!important;background:var(--surface-2)!important;border:1px solid var(--line)!important;color:var(--text)!important}.profile-card,.profile-hero{border-radius:24px!important;overflow:hidden!important}.tabs,.filter-tabs{border-bottom:1px solid var(--line)!important;gap:4px!important}.tabs a,.filter-tabs a{border-radius:999px!important;color:var(--muted)!important}.tabs a.active,.filter-tabs a.active{background:var(--text)!important;color:var(--bg)!important}.search-box input{border-radius:999px!important;background:var(--surface-2)!important;border:1px solid var(--line)!important;color:var(--text)!important}.conversation,.notification-item{border-bottom:1px solid var(--line)!important}.conversation:hover,.notification-item:hover{background:var(--surface-2)!important}
@media(max-width:1050px){.app-shell{grid-template-columns:88px minmax(0,650px)!important;max-width:780px!important;gap:18px!important}.right-col{display:none!important}.side-nav a{justify-content:center!important;padding:0!important}.side-nav a:not(.nav-post){font-size:0!important}.side-nav a span{font-size:24px!important}.side-nav .nav-post{font-size:0!important;width:52px!important;margin:16px auto!important}.side-nav .nav-post:after{content:'+';font-size:27px!important}}
@media(max-width:720px){.topbar{height:56px!important;padding:0 14px!important}.brand strong{font-size:18px!important}.app-shell{display:block!important;padding:0 14px 88px!important}.side-nav{display:none!important}.feed-head{height:52px!important}.composer{margin:6px 0 10px!important;border-radius:18px!important}.composer textarea{font-size:17px!important}.post{padding:16px 0!important}.post-body,.post-media-grid,.post-stats{margin-left:48px!important}.post-actions{margin-left:38px!important}.comment-box,.comment-row{margin-left:48px!important}.bottom-nav{display:grid!important;grid-template-columns:repeat(5,1fr)!important;position:fixed!important;left:0!important;right:0!important;bottom:0!important;height:68px!important;padding-bottom:env(safe-area-inset-bottom)!important;z-index:1000!important}.bottom-nav small{font-size:10px!important}.bottom-nav .create-dot{width:48px!important;height:48px!important;margin:-12px auto 0!important;font-size:27px!important}.desktop-alert{display:none!important}.post-media-grid{border-radius:16px!important}.card{border-radius:18px!important}}

/* DUNNO V2.6 — feed & interface polish */
.topbar{height:66px!important}.app-shell{max-width:1340px!important;grid-template-columns:218px minmax(0,680px) 306px!important;gap:30px!important;padding-top:20px!important}.feed-head{height:50px!important}.feed-settings{margin-left:auto;color:var(--muted);font-weight:800;letter-spacing:1px;padding:8px 10px;border-radius:999px}.feed-settings:hover{background:var(--soft);color:var(--text)}
.appearance-control{display:flex;align-items:center;gap:7px;height:38px;padding:0 7px 0 12px;border:1px solid var(--line);border-radius:999px;background:var(--surface);font-size:12px;font-weight:700;color:var(--muted)}.appearance-control select{appearance:none;-webkit-appearance:none;border:0;background:var(--soft);color:var(--text);font:inherit;font-weight:750;border-radius:999px;padding:6px 22px 6px 9px;outline:0;cursor:pointer;background-image:linear-gradient(45deg,transparent 50%,currentColor 50%),linear-gradient(135deg,currentColor 50%,transparent 50%);background-position:calc(100% - 10px) 11px,calc(100% - 7px) 11px;background-size:3px 3px,3px 3px;background-repeat:no-repeat}.top-avatar{display:flex}.top-avatar .avatar{transition:transform .15s ease}.top-avatar:hover .avatar{transform:scale(1.04)}
.composer{border-radius:20px!important;padding:17px 17px 13px!important}.composer-row .avatar{margin-top:3px}.composer textarea{min-height:82px!important;font-size:19px!important;letter-spacing:-.025em!important}.composer-tools{padding-top:10px!important}.composer-file{font-size:13px!important}.char-count{font-size:12px!important}.composer-post{min-width:72px!important;height:36px!important;padding:0 18px!important}.quick-preview{margin-left:52px!important}
.post{padding:18px 2px 16px!important}.post header{padding:0 2px}.post .avatar{flex:0 0 auto}.post-who{line-height:1.25}.post-who b{font-weight:760!important}.post-body{font-size:15.5px!important;line-height:1.52!important}.post-stats{padding:10px 0 2px!important;display:flex!important;gap:14px!important;justify-content:flex-start!important}.post-actions{justify-content:flex-start!important;gap:18px!important}.post-actions form{flex:0!important}.post-actions button{min-width:42px!important;display:flex!important;align-items:center!important;gap:5px!important}.post-actions .share-post{margin-left:auto!important}.more{width:36px!important;height:32px!important;display:grid!important;place-items:center!important;border-radius:999px!important;background:transparent!important;border:0!important;color:var(--muted)!important}.more:hover{background:var(--soft)!important;color:var(--text)!important}.empty{min-height:190px!important;display:grid!important;place-content:center!important;text-align:center!important;border-style:dashed!important;background:var(--surface)!important}.empty h3{margin:0 0 6px!important}.empty p{margin:0!important;color:var(--muted)!important}
.right-col{top:86px!important}.account-trust{display:flex;align-items:center;gap:10px;padding:4px 4px 16px;margin-bottom:4px;border-bottom:1px solid var(--line)}.account-trust .verified{width:28px!important;height:28px!important;font-size:16px!important;flex:0 0 auto}.account-trust div{min-width:0;display:grid;gap:1px}.account-trust b{font-size:13px}.account-trust small{font-size:11px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.account-trust>a{margin-left:auto;font-size:12px;font-weight:750;color:var(--muted)}.right-col .card{padding:16px!important}.side-card-head{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.side-card-head h3{margin:0!important;font-size:18px!important}.side-card-head a{font-size:12px;color:var(--muted);font-weight:700}.person{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:9px!important}.person>div{min-width:0}.person>div b,.person>div span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.person button{font-size:12px!important;padding:7px 13px!important}.home-trend{display:grid;padding:11px 2px;border-top:1px solid var(--line)}.home-trend:first-of-type{border-top:0}.home-trend small,.home-trend span{font-size:11px;color:var(--muted)}.home-trend b{font-size:14px;margin:2px 0}.home-trend:hover b{text-decoration:underline}.trend-placeholder{padding:12px 2px 4px}.trend-placeholder b{font-size:14px}.trend-placeholder p{font-size:12px;line-height:1.5;color:var(--muted);margin:5px 0 10px}.trend-placeholder a{font-size:12px;font-weight:750}.right-footer{display:flex;flex-wrap:wrap;gap:7px 12px;padding:4px 5px;color:var(--muted);font-size:11px}.side-empty{font-size:12px!important}.bottom-nav a.active{color:var(--text)!important}
@media(max-width:1100px){.app-shell{grid-template-columns:82px minmax(0,680px)!important;max-width:810px!important;gap:20px!important}.right-col{display:none!important}}
@media(max-width:720px){.appearance-control{width:40px;height:40px;padding:0;border:0;background:transparent}.appearance-control>span{display:none}.appearance-control select{width:40px;height:40px;padding:0;color:transparent;background-color:var(--soft);background-image:none;border-radius:50%}.appearance-control:after{content:'◐';position:absolute;pointer-events:none;margin-left:13px;color:var(--text);font-size:16px}.app-shell{padding-left:12px!important;padding-right:12px!important}.feed-head{padding:0 2px!important}.composer{border-left:0!important;border-right:0!important;border-radius:0!important;margin-left:-12px!important;margin-right:-12px!important;padding-left:14px!important;padding-right:14px!important}.post{margin-left:-2px!important;margin-right:-2px!important}.post-actions{gap:4px!important;justify-content:space-between!important}.post-actions .share-post{margin-left:0!important}.post-actions button{font-size:0!important;min-width:38px!important;justify-content:center!important}.post-actions button b{font-size:19px!important;margin:0!important}.post-body,.post-media-grid,.post-stats{margin-left:48px!important}.quick-preview{margin-left:48px!important}}
/* DUNNO V2.7 — profiles & social connections */
.modern-profile{background:var(--surface);border:1px solid var(--line);border-radius:24px;overflow:hidden}.modern-profile .profile-cover{height:210px;background:var(--soft) center/cover no-repeat}.modern-profile .profile-body{padding:0 22px 18px}.modern-profile .profile-top{display:flex;justify-content:space-between;align-items:flex-start}.modern-profile .avatar-lg{width:108px;height:108px;margin-top:-54px;border:5px solid var(--surface);font-size:34px}.profile-buttons{display:flex;align-items:center;gap:8px;padding-top:12px}.profile-buttons form{margin:0}.profile-details{display:flex;flex-wrap:wrap;gap:8px 16px;color:var(--muted);font-size:13px;margin:10px 0}.profile-details a{color:var(--text);font-weight:650}.profile-counts{display:flex;gap:20px;margin-top:12px}.profile-counts a,.profile-counts span{color:var(--muted);font-size:13px}.profile-counts b{color:var(--text)}.identity-line{display:flex;align-items:center;gap:6px;margin-top:8px;font-size:12px;color:var(--muted)}.profile-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--surface)}.profile-tabs a{text-align:center;padding:14px 8px;color:var(--muted);font-weight:700;font-size:13px;border-bottom:2px solid transparent}.profile-tabs a.active{color:var(--text);border-bottom-color:var(--text)}.profile-post{border-bottom:1px solid var(--line)!important}.reply-card{display:flex;gap:11px;padding:18px 4px;border-bottom:1px solid var(--line)}.reply-card>div{min-width:0}.reply-card p{margin:8px 0;line-height:1.5}.reply-card a{font-size:12px;color:var(--muted)}.profile-menu{position:relative}.profile-menu summary{list-style:none;cursor:pointer}.profile-menu summary::-webkit-details-marker{display:none}.profile-menu-pop{position:absolute;right:0;top:44px;width:210px;background:var(--surface);border:1px solid var(--line);box-shadow:var(--shadow);border-radius:14px;padding:6px;z-index:30}.profile-menu-pop button{width:100%;text-align:left;border:0;background:transparent;color:var(--text);padding:11px;border-radius:9px;cursor:pointer}.profile-menu-pop button:hover{background:var(--soft)}.connection-list{background:var(--surface)}.connection-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:11px;padding:15px 4px;border-bottom:1px solid var(--line)}.connection-row>div{display:grid;min-width:0}.connection-row span,.connection-row small{color:var(--muted);font-size:12px}.connection-row small{margin-top:5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.connection-row .btn{padding:7px 14px;border-radius:999px}.feed-head>div h1{margin:0}.feed-head>div small{color:var(--muted)}
@media(max-width:720px){.modern-profile{margin:0 -12px;border-left:0;border-right:0;border-radius:0}.modern-profile .profile-cover{height:145px}.modern-profile .profile-body{padding:0 14px 15px}.modern-profile .avatar-lg{width:86px;height:86px;margin-top:-43px;border-width:4px}.profile-buttons{gap:5px}.profile-buttons .btn{padding:8px 11px}.profile-counts{gap:14px}.profile-tabs{margin:0 -12px}.profile-tabs a{font-size:12px;padding:13px 4px}.connection-row{padding:14px 2px}.connection-row small{max-width:190px}}

/* DUNNO V2.8 — messaging + notifications */
.modern-search{display:flex;align-items:center;gap:9px;margin:8px 0 16px;padding:10px 12px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.modern-search>span{color:var(--muted);font-size:19px}.modern-search input{flex:1;border:0!important;padding:7px!important;background:transparent!important;outline:0}.modern-inbox{border-top:1px solid var(--line)}.modern-inbox .conversation-row{border-bottom:1px solid var(--line);padding:15px 4px!important;border-radius:0!important}.conversation-row.has-unread b{font-weight:850}.conversation-row.has-unread span{color:var(--text)!important}.unread-dot{font-style:normal;min-width:22px;height:22px;padding:0 6px;display:grid;place-items:center;border-radius:999px;background:var(--text);color:var(--inverse);font-size:11px;font-weight:800}.chat-shell{min-height:calc(100vh - 66px);padding:18px}.chat-card{max-width:850px!important;height:calc(100vh - 102px)!important;margin:0 auto!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;border-radius:22px!important;overflow:hidden!important}.chat-head{position:relative!important;padding:12px 15px!important}.chat-messages{overflow-y:auto!important;padding:22px!important;scroll-behavior:smooth}.bubble-wrap{margin-bottom:10px!important}.bubble{max-width:min(560px,78vw)!important;border-radius:18px!important;padding:10px 13px!important}.bubble p{margin:0!important;line-height:1.42}.bubble small{display:block;margin-top:5px;opacity:.62;font-size:10px}.reply-preview{border-left:2px solid currentColor;padding:5px 8px;margin:0 0 7px;opacity:.68;font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.bubble-actions>button{border:0;background:transparent;color:var(--muted);cursor:pointer;padding:4px}.reply-bar{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;padding:8px 11px;border:1px solid var(--line);border-radius:11px;background:var(--soft);font-size:12px}.reply-bar[hidden]{display:none}.reply-bar button{border:0;background:transparent;color:var(--text);font-size:18px;cursor:pointer}.chat-compose{display:grid!important;grid-template-columns:auto minmax(0,1fr) auto!important;gap:8px!important;padding:11px!important}.chat-compose textarea{min-height:42px!important;max-height:120px!important;border-radius:16px!important;padding:11px 13px!important}.chat-compose .reply-bar{grid-row:1;grid-column:1/-1}.clean-notices{border-top:1px solid var(--line)}.clean-notices .notification-row{border-bottom:1px solid var(--line)}.clean-notices .notification-row button{display:grid!important;grid-template-columns:38px minmax(0,1fr) 8px!important;gap:11px!important;align-items:start!important;padding:15px 3px!important;border-radius:0!important;background:transparent!important}.clean-notices .notification-row button>i{width:36px!important;height:36px!important;border-radius:50%!important;display:grid!important;place-items:center!important;font-style:normal!important}.clean-notices .notification-row button>div{text-align:left}.clean-notices .notification-row button>em{width:7px;height:7px;border-radius:50%;background:var(--text);margin-top:8px}.notification-prefs form{display:grid;gap:2px;margin-top:12px}.notification-prefs label{display:flex;align-items:center;justify-content:space-between;padding:10px 0;border-top:1px solid var(--line);font-size:13px}.notification-prefs input[type=checkbox]{width:18px;height:18px;accent-color:var(--text)}.notification-prefs .btn{margin-top:10px}.badge-anchor em{font-style:normal}
@media(max-width:720px){.chat-shell{padding:0!important}.chat-card{height:calc(100dvh - 66px)!important;border:0!important;border-radius:0!important}.chat-messages{padding:14px 11px 18px!important}.chat-head{position:sticky!important;top:0;z-index:5}.chat-compose{position:sticky!important;bottom:0;z-index:5}.bubble{max-width:84vw!important}.message-page .feed-head{padding-top:6px!important}.modern-search{margin-left:-2px;margin-right:-2px}.modern-inbox .conversation-row{padding:14px 2px!important}}

/* DUNNO V2.9 — settings, privacy and security */
.settings-v29{max-width:780px!important;padding:0!important;overflow:hidden}.settings-title{padding:24px 24px 12px}.settings-title h1{margin:0 0 4px}.settings-tabs{display:flex;gap:4px;overflow-x:auto;padding:0 18px 12px;border-bottom:1px solid var(--line);scrollbar-width:none}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs a{white-space:nowrap;padding:8px 11px;border-radius:999px;background:var(--soft);font-size:12px;font-weight:750}.settings-section{padding:22px 24px!important;border-bottom:1px solid var(--line)}.settings-section:last-child{border-bottom:0}.settings-section h2{margin:0 0 14px}.settings-section h3{margin:24px 0 10px;font-size:14px}.setting-row,.session-row{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:13px 0;border-top:1px solid var(--line)}.setting-row>div,.session-row>div{display:grid;gap:3px}.setting-row span,.session-row span,.security-list span{font-size:12px;color:var(--muted)}.switch-row{display:flex!important;align-items:center;justify-content:space-between;gap:20px;padding:11px 0;border-top:1px solid var(--line)}.switch-row input{width:19px!important;height:19px!important;accent-color:var(--text)}.session-list,.security-list{margin-bottom:12px}.session-row em,.status-pill{font-style:normal;font-size:11px;font-weight:800;padding:5px 8px;border-radius:999px;background:var(--soft);color:var(--text)}.security-list>div{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:10px 0;border-top:1px solid var(--line);font-size:12px}.danger-zone details{border-top:1px solid var(--line);padding:13px 0}.danger-zone summary{cursor:pointer;font-weight:750}.danger-zone details form{padding-top:13px}.danger-btn{background:transparent!important;color:#c62828!important;border-color:#c62828!important}.compact-form{max-width:520px}.theme-choice{display:flex;gap:8px}.theme-choice button{border:1px solid var(--line);background:var(--soft);color:var(--text);border-radius:999px;padding:9px 15px;cursor:pointer;font-weight:700}.theme-choice button.active{background:var(--text);color:var(--inverse)}
@media(max-width:720px){.settings-v29{margin:0 -12px;border-left:0!important;border-right:0!important;border-radius:0!important}.settings-title{padding:18px 15px 10px}.settings-tabs{padding-left:11px;padding-right:11px}.settings-section{padding:20px 15px!important}.setting-row{align-items:flex-start}.security-list>div{align-items:flex-start;flex-direction:column;gap:2px}}


/* DUNNO V2.9.1 — UI stabilization: theme changes color only, never geometry */
:root{--soft:#f5f5f5;--shadow:0 10px 35px rgba(0,0,0,.05);--verify:#1687ff}
html[data-theme="dark"]{--soft:#141414;--shadow:none;--verify:#2f91ff}
html{background:var(--bg)}body{min-height:100vh;background:var(--bg)!important;color:var(--text)!important}
/* Keep all major surfaces structurally identical in light/dark */
.topbar,.side-nav,.right-card,.card,.composer,.post,.modern-profile,.profile-tabs,.auth-card,.phone-card,.premium-post,.identity-panel,.cta-inner{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important;box-shadow:none!important}
/* Profile polish */
.profile-feed{min-width:0}.modern-profile{border-radius:22px}.modern-profile .profile-cover{height:170px!important;background-color:var(--soft)!important;background-repeat:no-repeat!important;background-position:center!important;background-size:cover!important}.modern-profile .profile-body{padding:0 22px 20px!important}.modern-profile .avatar-lg{width:104px!important;height:104px!important;margin-top:-52px!important;border-color:var(--surface)!important;background:var(--text)!important;color:var(--inverse)!important}.modern-profile .profile-top{min-height:58px}.modern-profile h1{font-size:30px;letter-spacing:-.8px;margin:8px 0 1px!important}.profile-bio{color:var(--text)!important;line-height:1.5;margin:14px 0 8px!important}.profile-bio:empty{display:none}.profile-details{margin:9px 0!important}.profile-counts{margin-top:10px!important}.identity-line{margin:10px 0 2px!important;padding:0!important;border:0!important;justify-content:flex-start!important;color:var(--muted)!important}.identity-line .verified{width:18px;height:18px;flex:0 0 18px}.profile-tabs{border-color:var(--line)!important}.profile-tabs a.active{border-bottom-color:var(--text)!important}
.empty{min-height:170px!important;border:0!important;border-style:none!important;background:transparent!important;border-radius:0!important}.empty h3{font-size:16px;color:var(--muted)!important}
/* Header: compact appearance selector, same dimensions in both themes */
.appearance-control{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important}.appearance-control select{background:transparent!important;color:var(--text)!important;border:0!important}.top-actions .icon-btn{background:transparent!important}
/* Landing page: remove legacy blue/crypto treatment; preserve layout in both themes */
.hero-upgrade{min-height:650px}.hero-copy h1 span{color:var(--text)!important}.hero-lead,.section-heading p,.identity-panel>p,.cta-inner p,.trust-row{color:var(--muted)!important}.brand-banner{border-color:var(--line)!important;box-shadow:none!important}.floating-card{background:var(--surface)!important;border-color:var(--line)!important;color:var(--text)!important}.proof-strip{background:var(--surface)!important}.proof-blue{color:var(--text)!important}.feature-card{min-height:245px}.feature-icon{background:var(--text)!important;color:var(--inverse)!important;box-shadow:none!important}.feature-card a{color:var(--text)!important}.phone-card,.premium-post{background:var(--surface)!important}.story-row i{border-color:var(--line)!important;background:var(--soft)!important}.post-media{background:var(--soft)!important}.media-mark{background:var(--text)!important;color:var(--inverse)!important}.identity-line b{color:var(--text)!important}.cta-inner{background:var(--surface)!important;border:1px solid var(--line)!important;box-shadow:none!important}.verified,.verified.big,.verified.xlarge{background:var(--verify)!important;color:#fff!important}
/* Auth pages inherit neutral surfaces instead of legacy navy */
.auth-wrap .auth-brand p,.auth-foot,.tiny,.form-stack label,.form-grid label{color:var(--muted)!important}.social-btn{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}.social-btn:hover{background:var(--soft)!important;border-color:var(--text)!important}.auth-brand img{box-shadow:none!important;border:1px solid var(--line)}
@media(max-width:720px){.modern-profile .profile-cover{height:135px!important}.modern-profile .profile-body{padding:0 14px 16px!important}.modern-profile .avatar-lg{width:88px!important;height:88px!important;margin-top:-44px!important}.modern-profile h1{font-size:25px}.empty{min-height:145px!important}.hero-upgrade{min-height:auto}}

/* =========================================================
   DUNNO V3.0 — FUTURE WHITE UI
   White-first design system. Dark mode changes tokens only.
   ========================================================= */
:root{
 --bg:#ffffff;--surface:#ffffff;--surface-2:#f7f8fa;--surface-3:#f1f3f5;
 --text:#08090a;--muted:#73777f;--line:#e8e9ec;--line-strong:#d8dade;
 --inverse:#ffffff;--verify:#0a84ff;--danger:#d92d20;
 --shadow-sm:0 1px 2px rgba(0,0,0,.03),0 8px 30px rgba(0,0,0,.035);
 --shadow-float:0 18px 60px rgba(0,0,0,.08);
 --radius:18px;--radius-lg:26px;
}
html[data-theme="dark"]{
 --bg:#080808;--surface:#0d0d0e;--surface-2:#141416;--surface-3:#1b1b1e;
 --text:#f7f7f8;--muted:#999da5;--line:#242427;--line-strong:#323236;
 --inverse:#080808;--verify:#2997ff;--danger:#ff6259;
 --shadow-sm:none;--shadow-float:0 18px 60px rgba(0,0,0,.32);
}
html,body{background:var(--bg)!important;color:var(--text)!important}
body{font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;letter-spacing:-.01em}
body:before,body:after{display:none!important}
a{transition:color .18s ease,background .18s ease,border-color .18s ease,opacity .18s ease,transform .18s ease}
.card{background:var(--surface)!important;border:1px solid var(--line)!important;border-radius:var(--radius-lg)!important;box-shadow:var(--shadow-sm)!important}
.meta,.muted,.tiny{color:var(--muted)!important}

/* integrated floating header */
.topbar{height:72px!important;max-width:1440px;margin:0 auto;padding:0 26px!important;background:color-mix(in srgb,var(--bg) 88%,transparent)!important;border-bottom:1px solid var(--line)!important;backdrop-filter:blur(22px) saturate(1.35)!important;position:sticky;top:0;z-index:100}
.brand{gap:9px!important;font-size:17px!important;letter-spacing:.08em!important}.brand img{width:34px!important;height:34px!important;border-radius:11px!important;box-shadow:none!important}.top-actions{gap:7px!important}.top-actions .icon-btn,.top-avatar{width:38px!important;height:38px!important;border-radius:13px!important;border:1px solid transparent!important}.top-actions .icon-btn:hover,.top-avatar:hover{background:var(--surface-2)!important;border-color:var(--line)!important}.appearance-control{height:38px!important;border-radius:13px!important;padding:0 9px!important;background:var(--surface-2)!important;border:1px solid var(--line)!important}.appearance-control span{display:none!important}.appearance-control select{font-size:12px!important;font-weight:750!important;min-width:68px!important;outline:0!important}

/* app geometry */
.app-shell{max-width:1370px!important;margin:0 auto!important;display:grid!important;grid-template-columns:220px minmax(0,690px) 300px!important;gap:34px!important;padding:28px 24px 70px!important;align-items:start!important}.feed{min-width:0!important}.feed-head{padding:3px 2px 18px!important;border:0!important}.feed-head h1{font-size:29px!important;letter-spacing:-1px!important;margin:0!important}.feed-head p{color:var(--muted)!important;margin-top:5px!important}
.side-nav{position:sticky!important;top:100px!important;padding:8px!important;border:0!important;background:transparent!important;box-shadow:none!important;border-radius:20px!important}.side-nav a{min-height:48px!important;padding:0 13px!important;border-radius:15px!important;font-size:14px!important;font-weight:690!important;color:var(--muted)!important;display:flex!important;align-items:center!important;gap:12px!important}.side-nav a span:not(.verified){width:24px!important;text-align:center!important;font-size:19px!important;color:var(--text)!important}.side-nav a:hover{background:var(--surface-2)!important;color:var(--text)!important}.side-nav a.active{background:var(--text)!important;color:var(--inverse)!important}.side-nav a.active span{color:var(--inverse)!important}.side-nav .nav-post{margin-top:16px!important;background:var(--text)!important;color:var(--inverse)!important;justify-content:center!important;border-radius:15px!important;box-shadow:none!important}.side-nav .verified.mini{background:var(--verify)!important;color:#fff!important}
.right-col{display:grid!important;gap:14px!important;position:sticky!important;top:100px!important}.right-col>.card{padding:18px!important;border-radius:22px!important;background:var(--surface-2)!important;border-color:transparent!important}.right-col h3{font-size:15px!important;margin:0 0 12px!important;letter-spacing:-.3px!important}

/* feed composer and posts */
.composer{padding:18px!important;margin-bottom:12px!important;border-radius:24px!important}.composer-row{gap:12px!important}.composer textarea{background:transparent!important;border:0!important;padding:7px 2px!important;min-height:72px!important;font-size:17px!important;line-height:1.45!important;resize:none!important;box-shadow:none!important}.composer textarea:focus{outline:0!important}.composer-tools{border-top:1px solid var(--line)!important;margin-top:10px!important;padding-top:12px!important}.composer-file{background:var(--surface-2)!important;border:0!important;border-radius:12px!important}.composer-post,.btn{background:var(--text)!important;color:var(--inverse)!important;border:1px solid var(--text)!important;box-shadow:none!important;border-radius:13px!important;font-weight:760!important}.btn.ghost,.btn-ghost{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line-strong)!important}.btn:hover{transform:translateY(-1px)}
.post{padding:20px 20px 14px!important;margin-bottom:10px!important;border-radius:24px!important;background:var(--surface)!important}.post-who{align-items:center!important}.post-who .avatar,.avatar-sm{box-shadow:0 0 0 1px var(--line)!important}.post-body{font-size:15.5px!important;line-height:1.58!important;margin-top:13px!important}.post-media-grid{margin:14px -2px 4px!important;border-radius:18px!important;overflow:hidden!important;background:var(--surface-2)!important}.post-media-grid img,.post-media-grid video{max-height:620px!important;object-fit:cover!important}.post-stats{padding:10px 1px 8px!important;color:var(--muted)!important;border-bottom:1px solid var(--line)!important}.post-actions{padding-top:7px!important;display:grid!important;grid-template-columns:repeat(4,1fr)!important}.post-actions button,.post-actions a{min-height:36px!important;border-radius:12px!important;color:var(--muted)!important}.post-actions button:hover,.post-actions a:hover{background:var(--surface-2)!important;color:var(--text)!important}.post-actions .on{color:var(--text)!important}.comment-box{background:var(--surface-2)!important;border:0!important;border-radius:15px!important}.comment-row{border-color:var(--line)!important}
.empty{background:transparent!important;border:0!important;box-shadow:none!important;min-height:190px!important;display:grid!important;place-items:center!important;text-align:center!important;color:var(--muted)!important}

/* profile: editorial white-first */
.modern-profile{overflow:visible!important;border-radius:28px!important}.modern-profile .profile-cover{height:190px!important;border-radius:27px 27px 0 0!important;background:linear-gradient(135deg,var(--surface-3),var(--surface-2))!important}.modern-profile .profile-body{padding:0 24px 24px!important}.modern-profile .avatar-lg{width:112px!important;height:112px!important;margin-top:-56px!important;border:5px solid var(--surface)!important;box-shadow:0 7px 25px rgba(0,0,0,.08)!important}.profile-top{align-items:flex-start!important}.profile-buttons{padding-top:12px!important}.modern-profile h1{font-size:31px!important;letter-spacing:-1.1px!important}.profile-bio{max-width:580px!important}.profile-counts{display:flex!important;gap:22px!important}.profile-tabs{margin-top:12px!important;background:transparent!important;border:0!important;border-bottom:1px solid var(--line)!important;box-shadow:none!important;border-radius:0!important}.profile-tabs a{padding:14px 15px!important;color:var(--muted)!important}.profile-tabs a.active{color:var(--text)!important;border-bottom:2px solid var(--text)!important}.identity-line{font-size:12px!important}.verified{background:var(--verify)!important;color:#fff!important;box-shadow:none!important}

/* discover */
.discover-search{padding:10px!important;border-radius:18px!important;background:var(--surface-2)!important;border:0!important}.discover-search input{background:transparent!important;border:0!important;font-size:16px!important}.discover-tabs{display:flex!important;gap:6px!important;overflow:auto!important;padding:12px 0!important}.discover-tabs a{padding:8px 13px!important;border-radius:999px!important;background:var(--surface-2)!important;color:var(--muted)!important;font-size:12px!important;font-weight:750!important}.discover-tabs a.active{background:var(--text)!important;color:var(--inverse)!important}.trend-strip{gap:7px!important}.trend-strip a{background:var(--surface-2)!important;border:0!important;border-radius:999px!important}.discover-people{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:10px!important}.person-card{padding:16px!important;border-radius:22px!important}.cover-mini{height:72px!important;background:var(--surface-2)!important;border-radius:15px!important}

/* messaging / notifications */
.modern-search{background:var(--surface-2)!important;border:0!important;border-radius:16px!important}.conversation-row{border-color:var(--line)!important;border-radius:16px!important}.conversation-row:hover{background:var(--surface-2)!important}.has-unread{background:var(--surface-2)!important}.unread-dot{background:var(--text)!important}.chat-card{border-radius:26px!important;overflow:hidden!important}.chat-head,.chat-compose{background:var(--surface)!important;border-color:var(--line)!important}.chat-messages{background:var(--bg)!important}.bubble{background:var(--surface-2)!important;border:0!important}.bubble.mine{background:var(--text)!important;color:var(--inverse)!important}.clean-notices .notification-row button{padding:16px 6px!important}.clean-notices .notification-row button:hover{background:var(--surface-2)!important}.clean-notices .notification-row button>em{background:var(--verify)!important}

/* settings */
.settings-v29{border-radius:28px!important}.settings-title{padding:28px 26px 14px!important}.settings-title h1{font-size:30px!important;letter-spacing:-1px!important}.settings-tabs{padding:0 22px 14px!important}.settings-tabs a{background:transparent!important;color:var(--muted)!important;border:1px solid var(--line)!important}.settings-tabs a:hover{color:var(--text)!important;background:var(--surface-2)!important}.settings-section{padding:24px 26px!important}.setting-row,.session-row,.switch-row,.security-list>div{border-color:var(--line)!important}.theme-choice button{background:var(--surface-2)!important;border:0!important}.theme-choice button.active{background:var(--text)!important;color:var(--inverse)!important}

/* auth: white editorial, no dark-card feeling */
.auth-wrap{min-height:calc(100vh - 72px)!important;background:var(--bg)!important;display:grid!important;grid-template-columns:minmax(280px,460px) minmax(420px,560px)!important;justify-content:center!important;align-items:center!important;gap:90px!important;padding:56px 24px!important}.auth-brand{text-align:left!important;max-width:430px!important}.auth-brand img{width:58px!important;height:58px!important;border:0!important;border-radius:18px!important}.auth-brand h1{font-size:54px!important;line-height:.98!important;letter-spacing:-2.4px!important;margin:18px 0 14px!important}.auth-brand p{font-size:17px!important;line-height:1.55!important}.auth-card{padding:30px!important;border-radius:30px!important;box-shadow:var(--shadow-float)!important}.social-btn{min-height:48px!important;border-radius:14px!important}.form-stack input,.form-grid input,.form-stack select,.form-grid select,.form-stack textarea{background:var(--surface-2)!important;color:var(--text)!important;border:1px solid transparent!important;border-radius:14px!important;min-height:48px!important}.form-stack input:focus,.form-grid input:focus{border-color:var(--line-strong)!important;outline:0!important;background:var(--surface)!important}

/* public landing: clean future identity product */
.hero-upgrade{min-height:720px!important;grid-template-columns:1.05fr .95fr!important;gap:70px!important;padding-top:65px!important;padding-bottom:70px!important}.hero-copy .eyebrow,.section-heading .eyebrow,.cta-inner .eyebrow{color:var(--muted)!important;font-size:11px!important;letter-spacing:.13em!important}.pulse-dot{background:var(--verify)!important;box-shadow:none!important}.hero-copy h1{font-size:clamp(64px,8vw,112px)!important;line-height:.88!important;letter-spacing:-6px!important;color:var(--text)!important}.hero-copy h1 span{position:relative!important}.hero-copy h1 span:after{content:"";position:absolute;left:3%;right:3%;bottom:-6px;height:5px;border-radius:5px;background:var(--verify)}.hero-lead{font-size:19px!important;max-width:610px!important;line-height:1.65!important}.hero-actions{gap:9px!important}.hero-actions .btn{padding:14px 20px!important;border-radius:15px!important}.trust-row{gap:18px!important;font-size:12px!important}.hero-visual{position:relative!important}.brand-glow{display:none!important}.brand-banner{border-radius:30px!important;background:var(--surface-2)!important;border:1px solid var(--line)!important;box-shadow:var(--shadow-float)!important;filter:saturate(.78) contrast(1.02)!important}.floating-card{border-radius:18px!important;box-shadow:var(--shadow-float)!important}.proof-strip{border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}.proof-inner{min-height:76px!important;color:var(--muted)!important}.proof-inner strong{color:var(--text)!important}.section-block,.social-preview{padding-top:100px!important;padding-bottom:100px!important}.section-heading h2{font-size:clamp(38px,5vw,62px)!important;letter-spacing:-2.5px!important;line-height:1!important}.feature-grid{gap:12px!important}.feature-card{padding:28px!important;border-radius:28px!important}.feature-icon{width:44px!important;height:44px!important;border-radius:14px!important}.phone-card,.identity-panel{border-radius:30px!important}.cta-section{padding:40px 0 80px!important;background:var(--bg)!important}.cta-inner{border-radius:30px!important;padding:32px!important}.cta-inner h2{letter-spacing:-1.4px!important}

/* responsive */
@media(max-width:1100px){.app-shell{grid-template-columns:82px minmax(0,680px) 270px!important;gap:20px!important}.side-nav a{justify-content:center!important;padding:0!important;font-size:0!important}.side-nav a span{font-size:20px!important}.side-nav .nav-post{font-size:0!important}.side-nav .nav-post:after{content:"+";font-size:24px!important}.auth-wrap{gap:45px!important}}
@media(max-width:900px){.app-shell{grid-template-columns:76px minmax(0,1fr)!important;max-width:820px!important}.right-col{display:none!important}.hero-upgrade{grid-template-columns:1fr!important;min-height:auto!important}.hero-visual{max-width:620px!important}.auth-wrap{grid-template-columns:minmax(0,560px)!important}.auth-brand{text-align:center!important;margin:auto!important}.auth-brand h1{font-size:42px!important}.auth-brand p{max-width:440px!important;margin-inline:auto!important}}
@media(max-width:720px){.topbar{height:62px!important;padding:0 14px!important}.brand strong{font-size:14px!important}.brand img{width:31px!important;height:31px!important}.appearance-control{display:none!important}.app-shell{display:block!important;padding:12px 0 82px!important}.side-nav{position:fixed!important;left:0!important;right:0!important;bottom:0!important;top:auto!important;z-index:90!important;display:grid!important;grid-template-columns:repeat(5,1fr)!important;background:color-mix(in srgb,var(--surface) 92%,transparent)!important;border-top:1px solid var(--line)!important;border-radius:0!important;padding:6px max(8px,env(safe-area-inset-left)) calc(6px + env(safe-area-inset-bottom))!important;backdrop-filter:blur(22px)!important}.side-nav a{display:none!important}.side-nav a:nth-child(1),.side-nav a:nth-child(2),.side-nav a:nth-child(3),.side-nav a:nth-child(4),.side-nav a:nth-child(5){display:flex!important;min-height:48px!important;background:transparent!important;color:var(--muted)!important}.side-nav a.active{color:var(--text)!important}.side-nav a.active span{color:var(--text)!important}.feed{padding:0 12px!important}.feed-head{padding:9px 4px 14px!important}.feed-head h1{font-size:25px!important}.composer,.post,.modern-profile,.settings-v29{border-left:0!important;border-right:0!important;border-radius:20px!important}.post{padding:16px 14px 11px!important}.modern-profile .profile-cover{height:145px!important}.modern-profile .profile-body{padding:0 15px 18px!important}.modern-profile .avatar-lg{width:92px!important;height:92px!important;margin-top:-46px!important}.modern-profile h1{font-size:26px!important}.discover-people{grid-template-columns:1fr!important}.auth-wrap{display:block!important;padding:34px 16px 70px!important}.auth-brand{margin-bottom:26px!important}.auth-brand h1{font-size:36px!important;letter-spacing:-1.6px!important}.auth-card{padding:22px!important;border-radius:24px!important;box-shadow:none!important}.hero-upgrade{padding-top:45px!important;padding-bottom:50px!important}.hero-copy h1{font-size:60px!important;letter-spacing:-3.5px!important}.hero-lead{font-size:16px!important}.hero-visual{margin-top:15px!important}.floating-card{position:relative!important;inset:auto!important;margin:-24px 14px 0!important}.section-block,.social-preview{padding-top:65px!important;padding-bottom:65px!important}.section-heading h2{font-size:39px!important;letter-spacing:-1.8px!important}.feature-grid{grid-template-columns:1fr!important}.cta-inner{display:grid!important;gap:18px!important}.settings-v29{margin:0!important}}

/* =========================================================
   DUNNO V3.1 — Mobile & Future UI Refinement
   Mobile-first geometry. Theme changes tokens only.
   ========================================================= */
:root{
  --control-radius:12px;
  --control-radius-sm:10px;
  --mobile-gutter:14px;
  --mobile-nav-h:70px;
}

/* One consistent control language */
.btn,.btn-small,.composer-post,.comment-box button,.person button,.conversation-row strong,.text-btn{
  border-radius:var(--control-radius)!important;
}
.btn{min-height:44px;align-items:center;justify-content:center;padding:10px 17px!important}
.btn-small{min-height:38px;padding:8px 13px!important}
.icon-btn{border-radius:var(--control-radius)!important;transition:background .16s ease,transform .16s ease!important}
.icon-btn:active,.btn:active{transform:scale(.97)!important}
.top-avatar,.top-avatar .avatar{border-radius:50%!important}

/* Header: compact product chrome rather than a desktop navbar */
.topbar{isolation:isolate!important}
.top-actions{min-width:0!important}
.badge-anchor{position:relative!important}
.badge-anchor em{position:absolute!important;top:-3px!important;right:-4px!important;min-width:17px!important;height:17px!important;padding:0 4px!important;border-radius:9px!important;background:var(--text)!important;color:var(--inverse)!important;border:2px solid var(--bg)!important;font-size:9px!important;font-style:normal!important;line-height:13px!important;text-align:center!important}

/* Bottom navigation is the only mobile navigation. */
@media(max-width:720px){
  html,body{width:100%!important;max-width:100%!important;overflow-x:hidden!important}
  body{padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))!important}

  .topbar{
    height:56px!important;
    min-height:56px!important;
    padding:0 max(var(--mobile-gutter),env(safe-area-inset-left)) 0 max(var(--mobile-gutter),env(safe-area-inset-right))!important;
    background:color-mix(in srgb,var(--bg) 96%,transparent)!important;
    border-bottom:1px solid var(--line)!important;
    box-shadow:none!important;
  }
  .brand{gap:7px!important;min-width:0!important}
  .brand img{width:29px!important;height:29px!important;border-radius:9px!important}
  .brand strong{font-size:15px!important;letter-spacing:-.03em!important}
  .top-actions{gap:3px!important}
  .appearance-control{display:none!important}
  .top-actions .icon-btn{width:36px!important;height:36px!important;font-size:17px!important;border-radius:11px!important}
  .top-actions .top-avatar{display:grid!important;width:36px!important;height:36px!important;place-items:center!important;margin-left:1px!important}
  .top-actions .top-avatar .avatar,.top-actions .avatar-sm{width:32px!important;height:32px!important}
  .badge-anchor em{top:-2px!important;right:-3px!important}

  .app-shell{display:block!important;width:100%!important;max-width:100%!important;margin:0!important;padding:0 0 10px!important}
  .side-nav{display:none!important}
  .right-col{display:none!important}
  .feed{width:100%!important;max-width:100%!important;min-width:0!important;padding:0!important}
  .feed-head{min-height:58px!important;margin:0!important;padding:13px var(--mobile-gutter) 10px!important;border-bottom:1px solid var(--line)!important}
  .feed-head h1{font-size:23px!important;line-height:1.15!important;letter-spacing:-.7px!important}
  .feed-head small,.feed-head span{font-size:12px!important}

  /* Native social-feed surfaces: edge-to-edge with controlled rhythm. */
  .composer{margin:0!important;padding:14px var(--mobile-gutter)!important;border:0!important;border-bottom:8px solid var(--surface-2)!important;border-radius:0!important;box-shadow:none!important}
  .composer-row{gap:10px!important}
  .composer textarea{min-height:68px!important;padding:6px 0!important;font-size:16px!important}
  .composer-tools{margin-top:8px!important;padding-top:10px!important;gap:8px!important}
  .composer-tools>div{min-width:0!important;overflow-x:auto!important;scrollbar-width:none!important}
  .composer-tools>div::-webkit-scrollbar{display:none!important}
  .composer-file{min-height:38px!important;border-radius:10px!important;white-space:nowrap!important}
  .composer-post{min-width:72px!important;min-height:38px!important;border-radius:11px!important}

  .post{width:100%!important;margin:0!important;padding:15px var(--mobile-gutter) 10px!important;border:0!important;border-bottom:1px solid var(--line)!important;border-radius:0!important;box-shadow:none!important;overflow:hidden!important}
  .post header{gap:10px!important}
  .post .avatar-md{width:42px!important;height:42px!important}
  .post-body{margin:12px 0!important;font-size:15.5px!important;line-height:1.48!important;overflow-wrap:anywhere!important}
  .post-media{width:calc(100% + (var(--mobile-gutter) * 2))!important;margin-left:calc(var(--mobile-gutter) * -1)!important;border-left:0!important;border-right:0!important;border-radius:0!important;max-height:none!important}
  .post-media img,.post-media video{width:100%!important;height:auto!important;max-height:72vh!important;object-fit:cover!important}
  .post-actions{gap:0!important;margin:0 -5px!important}
  .post-actions button{min-height:40px!important;padding:7px 2px!important;font-size:12px!important}
  .post-actions button b{font-size:17px!important;margin-right:3px!important}
  .comment-box{min-width:0!important}
  .comment-box input{min-width:0!important}

  /* Profile scales deliberately instead of compressing desktop. */
  .profile-feed{padding:0!important}
  .modern-profile{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  .modern-profile .profile-cover{height:132px!important;border-radius:0!important}
  .modern-profile .profile-body{padding:0 var(--mobile-gutter) 16px!important}
  .modern-profile .avatar-lg{width:86px!important;height:86px!important;margin-top:-43px!important;border-width:4px!important}
  .profile-top{align-items:flex-start!important;gap:8px!important}
  .profile-buttons{gap:6px!important;flex-wrap:wrap!important;justify-content:flex-end!important}
  .profile-buttons .btn{min-height:38px!important;padding:7px 12px!important;font-size:12px!important;border-radius:11px!important}
  .profile-buttons .icon-btn{width:38px!important;height:38px!important;border-radius:11px!important}
  .modern-profile h1{font-size:24px!important;line-height:1.08!important;margin-top:10px!important}
  .profile-bio{font-size:14px!important;line-height:1.5!important}
  .profile-details{gap:8px 12px!important;font-size:12px!important;flex-wrap:wrap!important}
  .profile-counts{gap:17px!important;overflow-x:auto!important;white-space:nowrap!important;padding-bottom:2px!important}
  .profile-tabs{display:grid!important;grid-template-columns:repeat(4,1fr)!important;overflow:visible!important;border-top:1px solid var(--line)!important;border-bottom:1px solid var(--line)!important}
  .profile-tabs a{min-width:0!important;padding:13px 3px!important;text-align:center!important;font-size:12px!important}

  /* Search / discover stays inside the viewport. */
  .discover-feed,.message-page{padding:0!important}
  .discover-search,.modern-search,.message-search{margin:12px var(--mobile-gutter)!important;width:auto!important;min-width:0!important;border-radius:14px!important}
  .discover-search input,.modern-search input,.message-search input{min-width:0!important;width:100%!important}
  .discover-tabs{padding:4px var(--mobile-gutter) 10px!important;gap:6px!important;scroll-padding-left:var(--mobile-gutter)!important}
  .discover-tabs a{flex:0 0 auto!important;border-radius:10px!important}
  .discover-people,.people-grid{grid-template-columns:1fr!important;padding:0 var(--mobile-gutter)!important}
  .person-card{border-radius:18px!important}

  /* Settings and forms use full mobile width without clipping. */
  .settings-v29{margin:0!important;border:0!important;border-radius:0!important;box-shadow:none!important}
  .settings-title{padding:20px var(--mobile-gutter) 10px!important}
  .settings-title h1{font-size:26px!important}
  .settings-tabs{padding:0 var(--mobile-gutter) 12px!important;overflow-x:auto!important;flex-wrap:nowrap!important;scrollbar-width:none!important}
  .settings-tabs a{flex:0 0 auto!important;border-radius:10px!important}
  .settings-section{padding:18px var(--mobile-gutter)!important}
  .setting-row,.session-row,.switch-row{min-width:0!important;gap:10px!important}
  input,select,textarea{max-width:100%!important}

  /* Chat becomes a true mobile conversation screen. */
  .chat-card{border:0!important;border-radius:0!important;box-shadow:none!important;margin:0!important;min-height:calc(100dvh - 56px - var(--mobile-nav-h))!important}
  .chat-head{position:sticky!important;top:56px!important;z-index:5!important;padding:10px var(--mobile-gutter)!important}
  .chat-messages{padding:14px var(--mobile-gutter)!important}
  .chat-compose{position:sticky!important;bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))!important;padding:9px var(--mobile-gutter)!important;gap:7px!important}
  .chat-compose input,.chat-compose textarea{min-width:0!important}

  /* One polished bottom nav, with a distinct create action. */
  .bottom-nav{
    display:grid!important;
    position:fixed!important;
    z-index:120!important;
    left:0!important;right:0!important;bottom:0!important;
    width:100%!important;
    height:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))!important;
    grid-template-columns:repeat(5,minmax(0,1fr))!important;
    align-items:start!important;
    padding:5px max(5px,env(safe-area-inset-left)) env(safe-area-inset-bottom) max(5px,env(safe-area-inset-right))!important;
    background:color-mix(in srgb,var(--surface) 96%,transparent)!important;
    border-top:1px solid var(--line)!important;
    box-shadow:0 -10px 30px color-mix(in srgb,var(--text) 5%,transparent)!important;
    backdrop-filter:blur(24px)!important;
  }
  .bottom-nav a{height:58px!important;min-width:0!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;gap:2px!important;border-radius:11px!important;color:var(--muted)!important;font-size:20px!important;font-weight:600!important}
  .bottom-nav a.active{color:var(--text)!important}
  .bottom-nav a:active{background:var(--surface-2)!important}
  .bottom-nav small{font-size:9px!important;line-height:1!important;letter-spacing:0!important}
  .bottom-nav .create-dot{width:44px!important;height:44px!important;min-height:44px!important;align-self:center!important;justify-self:center!important;margin:4px auto 0!important;border-radius:13px!important;background:var(--text)!important;color:var(--inverse)!important;font-size:25px!important;line-height:1!important;box-shadow:none!important}

  /* Public pages: no accidental horizontal scroll. */
  .shell{width:100%!important;max-width:100%!important;padding-left:var(--mobile-gutter)!important;padding-right:var(--mobile-gutter)!important}
  .hero-upgrade{width:100%!important;overflow:hidden!important;padding-top:34px!important}
  .hero-copy h1{font-size:clamp(46px,15vw,64px)!important;letter-spacing:-3px!important}
  .hero-actions .btn{width:auto!important}
  .brand-banner{max-width:100%!important;height:auto!important}
  .feature-card,.phone-card,.identity-panel,.cta-inner{max-width:100%!important}
}

@media(max-width:430px){
  :root{--mobile-gutter:13px}
  .brand strong{font-size:14px!important}
  .top-actions .icon-btn{width:34px!important;height:34px!important}
  .top-actions .top-avatar{width:34px!important;height:34px!important}
  .post-actions button{font-size:11px!important}
  .profile-buttons{max-width:66%!important}
}

@media(max-width:375px){
  :root{--mobile-gutter:11px}
  .brand strong{display:none!important}
  .topbar{height:54px!important;min-height:54px!important}
  .feed-head h1{font-size:21px!important}
  .profile-buttons .btn{padding-inline:9px!important}
  .post-actions button b{margin-right:0!important}
  .post-actions button{font-size:0!important}
  .post-actions button b{font-size:18px!important}
  .bottom-nav small{font-size:8px!important}
}

@media(max-width:330px){
  .top-actions{gap:1px!important}
  .top-actions .icon-btn{width:32px!important;height:32px!important}
  .top-actions .top-avatar{width:32px!important;height:32px!important}
  .profile-tabs a{font-size:11px!important}
}

/* DUNNO V3.1.1 — remove authenticated mobile header completely.
   Mobile navigation is handled by the fixed bottom navigation. */
@media (max-width:720px){
  body.has-app-nav .topbar{display:none!important}
  body.has-app-nav .chat-head{top:0!important}
  body.has-app-nav .chat-card{min-height:calc(100dvh - var(--mobile-nav-h))!important}
}

/* DUNNO V3.1.2 — restore global mobile header; hide only Settings section tabs on mobile. */
@media (max-width:780px){
  body.has-app-nav .topbar{display:flex!important}
  body.has-app-nav .chat-card{min-height:calc(100dvh - 56px - var(--mobile-nav-h))!important}
  .settings-page .settings-tabs{display:none!important}
  .settings-page .settings-title{padding-bottom:16px!important;border-bottom:1px solid var(--line)!important}
}
.profile-logout{background:#111!important;color:#fff!important;box-shadow:none!important}
[data-theme="dark"] .profile-logout{background:#fff!important;color:#000!important}
@media(max-width:430px){.profile-buttons{gap:6px!important}.profile-logout{padding:9px 11px!important;font-size:13px!important}}

/* DUNNO V3.1.3 — white-first mobile header + verification alignment */
@media (max-width:780px){
  /* The mobile product header is intentionally light-first. Dark mode only
     changes its tokens when the user explicitly selects dark appearance. */
  .topbar,
  body.has-app-nav .topbar{
    background:#fff!important;
    color:#0a0a0a!important;
    border-bottom:1px solid #ececec!important;
    box-shadow:0 1px 0 rgba(0,0,0,.02)!important;
    backdrop-filter:saturate(180%) blur(18px)!important;
  }
  .topbar .brand,.topbar .brand strong,.topbar .icon-btn{color:#0a0a0a!important}
  .topbar .icon-btn{background:#f7f7f7!important;border:1px solid #ededed!important;box-shadow:none!important}
  .topbar .top-avatar .avatar{border-color:#e7e7e7!important;background:#f5f5f5!important}
  .topbar .badge-anchor em{background:#0a0a0a!important;color:#fff!important;border-color:#fff!important}

  html[data-theme="dark"] .topbar,
  html[data-theme="dark"] body.has-app-nav .topbar{
    background:#050505!important;
    color:#fff!important;
    border-bottom-color:#202020!important;
  }
  html[data-theme="dark"] .topbar .brand,
  html[data-theme="dark"] .topbar .brand strong,
  html[data-theme="dark"] .topbar .icon-btn{color:#fff!important}
  html[data-theme="dark"] .topbar .icon-btn{background:#111!important;border-color:#222!important}
  html[data-theme="dark"] .topbar .top-avatar .avatar{border-color:#252525!important;background:#111!important}
  html[data-theme="dark"] .topbar .badge-anchor em{background:#fff!important;color:#000!important;border-color:#050505!important}
}

/* One verification badge geometry everywhere. */
.verified,.verified.mini,.verified.large{
  display:inline-flex!important;
  align-items:center!important;
  justify-content:center!important;
  flex:0 0 auto!important;
  vertical-align:-.12em!important;
  line-height:1!important;
  margin-left:4px!important;
  transform:none!important;
}
.verified{width:17px!important;height:17px!important;font-size:10px!important}
.verified.mini{width:15px!important;height:15px!important;font-size:9px!important;margin-left:3px!important}
.verified.large{width:36px!important;height:36px!important;font-size:19px!important;margin-left:6px!important}

/* DUNNO V3.3 — Trust & Safety */
.trust-shell{max-width:760px;margin:38px auto;padding:0 18px}.report-card,.status-card{padding:30px;border-radius:20px}.trust-kicker{font-size:11px;font-weight:800;letter-spacing:.14em;color:var(--muted);margin-bottom:8px}.trust-form{display:grid;gap:18px;margin-top:24px}.trust-form label,.status-card label{display:grid;gap:8px;font-weight:700}.trust-form select,.trust-form textarea,.status-card textarea,.enforce-row input,.mod-item select{width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:12px}.trust-form textarea,.status-card textarea{min-height:130px;resize:vertical}.status-reason{display:grid;gap:4px;padding:16px;border-radius:14px;background:var(--surface-2);margin:18px 0}.status-reason small{color:var(--muted)}.back-link{display:inline-block;margin-bottom:22px;color:var(--muted)}
.admin-trust{max-width:1280px;margin:32px auto;padding:0 20px}.admin-trust-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.mod-grid{display:grid;grid-template-columns:1.4fr 1fr;gap:18px}.mod-panel{padding:22px;border-radius:18px}.mod-item{padding:16px 0;border-top:1px solid var(--line)}.mod-item:first-of-type{border-top:0}.mod-item>div{display:grid;gap:4px}.mod-item span,.audit-row span,.audit-row small{color:var(--muted);font-size:13px}.mod-item p{margin:8px 0}.mod-item form{display:flex;gap:8px;align-items:center;margin-top:10px}.enforce-row{flex-wrap:wrap}.enforce-row input{flex:1 1 180px}.enforce-row button,.mod-item select{border:1px solid var(--line);background:var(--surface-2);color:var(--text);border-radius:10px;padding:9px 11px}.enforce-row .danger{background:#111;color:#fff}.audit-panel{margin-top:18px}.audit-row{display:grid;grid-template-columns:160px 1fr auto;gap:12px;padding:12px 0;border-top:1px solid var(--line)}
.post-more-menu{position:relative;margin-left:auto}.post-more-menu summary{list-style:none;cursor:pointer}.post-more-menu summary::-webkit-details-marker{display:none}.post-more-pop{position:absolute;right:0;top:34px;z-index:20;min-width:180px;padding:7px;background:var(--surface);border:1px solid var(--line);border-radius:12px;box-shadow:0 12px 36px rgba(0,0,0,.1)}.post-more-pop a{display:block;padding:10px;border-radius:8px;color:var(--text);font-size:13px}.post-more-pop a:hover{background:var(--surface-2)}
@media(max-width:780px){.trust-shell{margin:16px auto;padding:0 12px}.report-card,.status-card{padding:20px;border-radius:16px}.admin-trust{padding:0 12px;margin:18px auto}.admin-trust-head{display:grid}.mod-grid{grid-template-columns:1fr}.audit-row{grid-template-columns:1fr;gap:3px}.mod-item form{align-items:stretch;flex-wrap:wrap}}


/* DUNNO V3.4 — dual verification, rebuilt white-first verification page */
:root{--face-verify:#7c3aed;--face-soft:#f5f0ff}
[data-theme="dark"]{--face-soft:#171124}
.verified.face-verified,.trust-icon.face-verified{background:var(--face-verify)!important;color:#fff!important}.verified.identity-verified,.trust-icon.identity-verified{background:var(--verify)!important;color:#fff!important}
.verify-v34{max-width:1080px;margin:0 auto;padding:48px 24px 110px}.verify-v34-head{display:grid;grid-template-columns:44px 1fr;gap:18px;align-items:start;max-width:790px}.verify-back{width:42px;height:42px;display:grid;place-items:center;border:1px solid var(--line);border-radius:13px;color:var(--text);font-size:20px}.verify-v34-head span,.trust-kicker{font-size:10px;font-weight:850;letter-spacing:.15em;color:var(--muted)}.verify-v34-head h1{font-size:clamp(36px,6vw,64px);line-height:.98;letter-spacing:-2.8px;margin:7px 0 14px}.verify-v34-head p{font-size:16px;line-height:1.65;color:var(--muted);margin:0}.verify-choice-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:34px}.verify-choice{border:1px solid var(--line);border-radius:28px;padding:28px;background:var(--surface);min-width:0}.verify-choice.face-choice{background:linear-gradient(180deg,var(--face-soft),var(--surface) 38%)}.verify-choice.identity-choice{background:linear-gradient(180deg,var(--surface-2),var(--surface) 38%)}.trust-icon{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;font-size:20px;font-weight:900;margin-bottom:24px}.verify-choice h2{font-size:28px;letter-spacing:-.8px;margin:7px 0 8px}.verify-choice>p{color:var(--muted);line-height:1.55;min-height:50px}.verify-choice ul{list-style:none;padding:0;margin:22px 0;display:grid;gap:11px}.verify-choice li{font-size:13px}.verify-choice li:before{content:'✓';font-weight:900;margin-right:9px}.trust-action{width:100%;height:48px;border:0;border-radius:13px;color:#fff;font-weight:800;cursor:pointer}.trust-action.violet{background:var(--face-verify)}.trust-action.blue{background:var(--verify)}.identity-options{display:grid;grid-template-columns:1fr 1fr;gap:8px}.identity-options select{min-width:0;width:100%;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:12px;padding:12px}.identity-options .trust-action{grid-column:1/-1}.verify-current,.verify-notice{display:flex;align-items:center;gap:14px;border:1px solid var(--line);border-radius:18px;padding:18px;margin-top:28px;background:var(--surface)}.verify-current>div:first-child .verified{width:38px!important;height:38px!important;font-size:19px!important}.verify-current small{font-size:9px;letter-spacing:.13em;color:var(--muted)}.verify-current h2{margin:2px 0}.verify-current p,.verify-notice span{margin:0;color:var(--muted);font-size:13px}.verify-notice{display:grid;gap:3px}.verify-notice.warn{border-style:dashed}.verify-explain{margin-top:18px;border:1px solid var(--line);border-radius:18px;padding:17px 20px;display:flex;align-items:center;justify-content:center;gap:20px;background:var(--surface)}.verify-explain>div{display:grid;gap:3px}.verify-explain span{font-size:11px;color:var(--muted)}.verify-explain i{color:var(--muted);font-style:normal}.dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:5px}.violet-dot{background:var(--face-verify)}.blue-dot{background:var(--verify)}.verify-privacy{text-align:center;max-width:720px;margin:18px auto 0;color:var(--muted);font-size:11px;line-height:1.5}
@media(max-width:720px){.verify-v34{padding:22px 14px 100px}.verify-v34-head{grid-template-columns:36px 1fr;gap:11px}.verify-back{width:34px;height:34px;border-radius:10px}.verify-v34-head h1{font-size:38px;letter-spacing:-1.8px}.verify-v34-head p{font-size:14px}.verify-choice-grid{grid-template-columns:1fr;gap:12px;margin-top:22px}.verify-choice{border-radius:20px;padding:21px}.verify-choice>p{min-height:0}.identity-options{grid-template-columns:1fr}.verify-explain{align-items:stretch;justify-content:flex-start;flex-direction:column;gap:10px}.verify-explain i{transform:rotate(90deg);width:12px}.verify-current{align-items:flex-start}}


/* DUNNO V3.5 — Verification shell repair */
.verification-shell{align-items:start!important}
.verification-shell .verify-v34{min-width:0;width:100%;max-width:none;margin:0;padding:28px 0 110px}
.verification-rail{padding-top:28px}
.verify-side-card{padding:18px;border-radius:18px}
.verify-side-card small{font-size:10px;letter-spacing:.14em;color:var(--muted);font-weight:800}
.verify-side-card h3{margin:6px 0 8px}.verify-side-card p{font-size:13px;line-height:1.55;color:var(--muted)}
@media(max-width:900px){.verification-rail{display:none!important}}
@media(max-width:720px){.verification-shell .verify-v34{padding:18px var(--mobile-gutter) 100px!important}.verification-shell{padding-bottom:0!important}}
/* DUNNO V3.6 — advanced security */
.security-auth{max-width:520px;margin-inline:auto}.security-2fa{margin-top:24px;padding-top:20px;border-top:1px solid var(--border)}.twofa-setup,.recovery-box{margin-top:14px;padding:16px;border:1px solid var(--border);border-radius:14px;background:var(--surface-soft)}.setup-key{display:block;padding:12px;margin:10px 0;font-size:15px;letter-spacing:1.5px;overflow-wrap:anywhere}.recovery-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:12px}.recovery-grid code{padding:9px;border:1px solid var(--border);border-radius:9px;text-align:center}.inline-session-action{margin-left:auto}.admin-security{padding-top:30px}.security-stats{margin:18px 0}.security-staff-row,.security-event-row{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:12px;align-items:center;padding:13px 0;border-bottom:1px solid var(--border)}.security-staff-row div,.security-event-row div{display:flex;flex-direction:column;gap:3px}.security-staff-row span,.security-event-row span,.security-event-row small{color:var(--text-muted)}.security-event-row{grid-template-columns:minmax(0,1fr) minmax(110px,auto) auto}.status-pill.ok{border-color:#b7e2c4}.status-pill.warn{border-color:#e5c36c}@media(max-width:700px){.recovery-grid{grid-template-columns:1fr}.security-event-row{grid-template-columns:1fr}.inline-session-action{margin-left:0}}

/* =========================================================
   DUNNO V3.6.1 — Advanced Cards & Component System
   White-first surfaces. Dark mode changes tokens, not geometry.
   ========================================================= */
:root{
  --card-bg:#fff;--card-soft:#f7f7f8;--card-elevated:#fff;
  --card-border:#e9e9ec;--card-border-strong:#dedee3;
  --card-shadow:0 1px 2px rgba(0,0,0,.035),0 10px 32px rgba(0,0,0,.035);
  --card-shadow-hover:0 2px 6px rgba(0,0,0,.045),0 16px 42px rgba(0,0,0,.06);
  --card-radius:20px;--compact-radius:16px;--feature-radius:24px;
}
[data-theme="dark"]{
  --card-bg:#0b0b0c;--card-soft:#121214;--card-elevated:#101012;
  --card-border:#232326;--card-border-strong:#303034;
  --card-shadow:0 1px 2px rgba(0,0,0,.25),0 12px 36px rgba(0,0,0,.18);
  --card-shadow-hover:0 2px 8px rgba(0,0,0,.32),0 18px 48px rgba(0,0,0,.24);
}

/* Base surface language */
.card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:var(--card-radius);box-shadow:none;transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease;background-clip:padding-box}
.right-col>.card,.verify-side-card,.notification-prefs{border-radius:var(--compact-radius);background:var(--card-soft)}
.card h3{letter-spacing:-.025em}

/* Composer = feature card */
.composer{border-radius:var(--feature-radius);padding:18px 18px 14px;border-color:var(--card-border-strong);box-shadow:var(--card-shadow)}
.composer:focus-within{border-color:#cfcfd5;box-shadow:0 0 0 3px rgba(0,0,0,.035),var(--card-shadow)}
[data-theme="dark"] .composer:focus-within{border-color:#414146;box-shadow:0 0 0 3px rgba(255,255,255,.045),var(--card-shadow)}
.composer textarea{font-size:17px;line-height:1.5;min-height:76px}
.composer-tools{border-top:1px solid var(--card-border);padding-top:12px;margin-top:10px}
.composer-file{border:1px solid var(--card-border);background:var(--card-soft);border-radius:10px;padding:8px 11px;font-weight:700}
.composer-post{min-width:82px;border-radius:12px}

/* Post content cards */
.post.card,.profile-post.post{padding:18px;border-radius:var(--card-radius);border-color:var(--card-border);box-shadow:none;overflow:visible}
.post.card:hover{border-color:var(--card-border-strong);box-shadow:var(--card-shadow)}
.post header{align-items:flex-start;gap:11px}
.post-who{min-width:0;line-height:1.25}
.post-who b{font-size:15px;letter-spacing:-.012em}
.post-who span{display:block;margin-top:3px;font-size:13px}
.post-body{font-size:15.5px;line-height:1.58;margin:13px 0 14px;letter-spacing:-.006em}
.more,.post-more-menu>summary{width:34px;height:34px;border-radius:10px;display:inline-grid;place-items:center;background:transparent;border:0}
.more:hover,.post-more-menu>summary:hover{background:var(--card-soft)}
.post-media-grid{border-radius:16px;overflow:hidden;border:1px solid var(--card-border);background:var(--card-soft);gap:2px}
.post-media-grid img,.post-media-grid video{display:block;width:100%;height:100%;object-fit:cover}
.post-stats{padding:10px 2px 0;color:var(--muted);font-size:13px}
.post-actions{margin-top:10px;padding-top:9px;border-top:1px solid var(--card-border)}
.post-actions button,.post-actions a{border-radius:10px;min-height:36px;transition:background .15s ease,transform .15s ease}
.post-actions button:hover,.post-actions a:hover{background:var(--card-soft)}
.post-actions button:active,.post-actions a:active{transform:scale(.97)}
.post-more-pop,.profile-menu-pop{border:1px solid var(--card-border);border-radius:14px;box-shadow:0 18px 50px rgba(0,0,0,.12);overflow:hidden;background:var(--card-elevated)}

/* People/discovery cards */
.people-grid{gap:14px}
.person-card{position:relative;border:1px solid var(--card-border);border-radius:20px;background:var(--card-bg);padding:0 16px 16px;overflow:hidden;box-shadow:none;transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}
.person-card:hover{transform:translateY(-2px);border-color:var(--card-border-strong);box-shadow:var(--card-shadow-hover)}
.person-card .cover-mini{height:76px;margin:0 -16px 0;background-color:var(--card-soft);background-size:cover;background-position:center}
.person-card>.avatar,.person-card>.avatar-lg{margin-top:-28px;border:4px solid var(--card-bg);position:relative}
.person-card h3{margin:8px 0 2px;font-size:17px;letter-spacing:-.025em}
.person-card>p{margin:0;color:var(--muted)}
.person-card .account-label{display:inline-flex;margin-top:8px;padding:5px 8px;border-radius:8px;background:var(--card-soft);font-size:11px;font-weight:750;color:var(--muted)}
.person-card .bio{min-height:40px;margin-top:10px!important;font-size:13px;line-height:1.45}
.discover-actions{display:flex;gap:8px;margin-top:13px}
.discover-actions .btn{flex:1;border-radius:11px}

/* Right rail compact cards */
.suggestions,.trending-card{padding:14px!important}
.side-card-head{padding:1px 2px 10px}
.side-card-head h3{font-size:16px;margin:0}
.side-card-head a{font-size:12px;font-weight:700;color:var(--muted)}
.person{padding:10px 2px;border-top:1px solid var(--card-border);gap:9px}
.person:first-of-type{border-top:0}
.person>div{min-width:0;flex:1}
.person b,.person span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block}
.person form button{border:1px solid #111;background:#111;color:#fff;border-radius:10px;padding:7px 11px;font-weight:750}
[data-theme="dark"] .person form button{background:#fff;color:#090909;border-color:#fff}
.home-trend{display:block;padding:11px 2px;border-top:1px solid var(--card-border);border-radius:0}
.home-trend:hover{background:transparent;transform:translateX(2px)}
.home-trend small,.home-trend span{display:block;color:var(--muted);font-size:11px}
.home-trend b{display:block;margin:2px 0;font-size:14px}
.trend-placeholder{padding:8px 2px 3px}

/* Trust / identity feature card */
.account-trust{border:1px solid var(--card-border);border-radius:16px;background:linear-gradient(145deg,var(--card-bg),var(--card-soft));padding:12px 13px;box-shadow:none}
.account-trust .verified{width:28px;height:28px;display:grid;place-items:center;border-radius:50%}
.verify-side-card{padding:16px!important}
.verify-side-card small{font-size:10px;letter-spacing:.12em;font-weight:850;color:var(--muted)}
.verify-side-card p{line-height:1.5}

/* Profile feature card */
.profile-card.modern-profile{border:1px solid var(--card-border);border-radius:24px;background:var(--card-bg);overflow:hidden;box-shadow:var(--card-shadow)}
.profile-cover{background-color:var(--card-soft)}
.profile-body{padding-left:20px;padding-right:20px}
.profile-buttons .btn,.profile-buttons .icon-btn{border-radius:11px}
.profile-tabs{padding:0 10px;border-top:1px solid var(--card-border)}
.profile-tabs a{position:relative;border:0!important}
.profile-tabs a.active:after{content:"";position:absolute;left:24%;right:24%;bottom:0;height:3px;border-radius:3px;background:currentColor}
.profile-counts{gap:18px}
.identity-line{display:inline-flex;align-items:center;gap:6px;background:var(--card-soft);border:1px solid var(--card-border);padding:6px 9px;border-radius:10px}
.reply-card{border:1px solid var(--card-border);border-radius:16px;background:var(--card-bg);padding:14px}

/* Notifications = compact activity cards */
.clean-notices{display:grid;gap:8px}
.notification-row{border:1px solid var(--card-border);border-radius:16px;background:var(--card-bg);overflow:hidden}
.notification-row button{padding:13px 14px;border:0;background:transparent;width:100%;text-align:left}
.notification-row:hover{border-color:var(--card-border-strong);box-shadow:var(--card-shadow)}
.notification-row.unread{background:var(--card-soft)}
.notification-row i{width:34px;height:34px;border-radius:10px;background:var(--card-soft);display:grid;place-items:center;font-style:normal;font-weight:800}
.notification-row.unread i{background:var(--text);color:var(--bg)}
.notification-row em{width:7px;height:7px;border-radius:50%;background:#111}
[data-theme="dark"] .notification-row em{background:#fff}

/* Settings = section cards, not one giant box */
.settings-card.settings-v29{background:transparent;border:0;box-shadow:none;padding:0}
.settings-title{margin-bottom:14px}
.settings-tabs{background:var(--card-soft);border:1px solid var(--card-border);border-radius:14px;padding:5px;gap:3px}
.settings-tabs a{border-radius:9px;padding:8px 10px}
.settings-section{background:var(--card-bg);border:1px solid var(--card-border);border-radius:18px;padding:18px;margin:12px 0;box-shadow:none}
.settings-section h2{letter-spacing:-.03em;margin-top:0}
.switch-row{border-top:1px solid var(--card-border);padding:12px 0}

/* Empty states */
.empty.card,.empty{border:1px dashed var(--card-border-strong);border-radius:18px;background:transparent;padding:28px 20px;text-align:center}
.empty h3{margin:0 0 5px;letter-spacing:-.025em}
.empty p{margin:0;color:var(--muted)}

/* Buttons: consistent shape hierarchy */
.btn{border-radius:12px;font-weight:780;letter-spacing:-.01em;box-shadow:none;transition:transform .15s ease,opacity .15s ease,background .15s ease}
.btn:hover{transform:translateY(-1px)}
.btn:active{transform:translateY(0) scale(.985)}
.btn-small{border-radius:10px}
.icon-btn{border-radius:11px}

/* Mobile: edge-to-edge content cards, retained rounded feature cards */
@media(max-width:700px){
  .feed{padding-left:0!important;padding-right:0!important}
  .feed>.composer,.feed>.post.card,.feed>.empty.card,.profile-feed>.profile-post,.notification-list{border-left:0;border-right:0;border-radius:0;box-shadow:none}
  .feed>.composer{padding:14px 16px;margin-bottom:8px}
  .post.card,.profile-post.post{padding:15px 16px}
  .post.card:hover{box-shadow:none}
  .post-media-grid{border-radius:13px;margin-left:0;margin-right:0}
  .profile-card.modern-profile{border-left:0;border-right:0;border-radius:0;box-shadow:none}
  .profile-body{padding-left:16px;padding-right:16px}
  .person-card{border-radius:17px}
  .notification-row{border-left:0;border-right:0;border-radius:0}
  .settings-page{padding-left:12px!important;padding-right:12px!important}
  .settings-section{border-radius:16px;padding:16px}
  .settings-tabs{border-radius:13px;overflow-x:auto;white-space:nowrap}
}

/* DUNNO V4.0.1 — Topics & Communities polished discovery surfaces */
.v4-feed{min-width:0}
.v4-feed .feed-head{padding-bottom:4px}
.v4-search{display:flex;align-items:center;gap:10px;padding:12px 14px;margin:0 0 14px;border-radius:18px;box-shadow:none}
.v4-search>span{width:32px;height:32px;display:grid;place-items:center;color:var(--muted);flex:0 0 auto}
.v4-search input{min-width:0;flex:1;height:42px;border:0!important;background:transparent!important;padding:0 4px!important;font-size:14px;outline:0;box-shadow:none!important}
.v4-search .btn{flex:0 0 auto}
.topic-grid,.community-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;align-items:stretch}
.topic-card{display:flex;flex-direction:column;min-width:0;min-height:205px;padding:20px;border-radius:22px;text-decoration:none;overflow:hidden;position:relative;box-shadow:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.topic-card:after{content:'#';position:absolute;right:15px;top:4px;font-size:74px;font-weight:900;line-height:1;color:var(--soft);z-index:0;pointer-events:none}
.topic-card>*{position:relative;z-index:1}.topic-card:hover{transform:translateY(-2px);border-color:var(--card-border-strong);box-shadow:var(--shadow-soft)}
.topic-category{display:inline-flex;align-items:center;align-self:flex-start;min-height:27px;padding:0 9px;border-radius:8px;background:var(--soft);color:var(--muted);font-size:11px;font-weight:760;letter-spacing:.01em}
.topic-card h2{font-size:23px;line-height:1.08;letter-spacing:-.045em;margin:18px 0 8px;color:var(--text)}
.topic-card p{margin:0;color:var(--muted);line-height:1.48;font-size:14px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.topic-card footer{margin-top:auto;padding-top:18px;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:11px;border-top:1px solid var(--card-border)}
.topic-card footer b{color:var(--text)}
.topic-hero{display:flex;align-items:flex-start;justify-content:space-between;gap:22px;padding:24px;border-radius:24px;margin-bottom:12px}
.topic-hero h2{font-size:30px;letter-spacing:-.045em;margin:12px 0 6px}.topic-hero p{color:var(--muted);line-height:1.55;max-width:620px}.topic-hero small{color:var(--muted)}
.discover-tabs{display:flex;gap:7px;overflow-x:auto;padding:0 0 12px;scrollbar-width:none}.discover-tabs::-webkit-scrollbar{display:none}.discover-tabs a{flex:0 0 auto;display:inline-flex;align-items:center;min-height:36px;padding:0 13px;border:1px solid var(--card-border);border-radius:10px;background:var(--card-soft);color:var(--muted);font-size:12px;font-weight:760}.discover-tabs a.active{background:var(--text);border-color:var(--text);color:var(--bg)}
.community-card{display:flex;flex-direction:column;min-width:0;overflow:hidden;border-radius:22px;box-shadow:none;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}.community-card:hover{transform:translateY(-2px);border-color:var(--card-border-strong);box-shadow:var(--shadow-soft)}
.community-cover{height:92px;display:flex;align-items:flex-end;padding:14px;text-decoration:none;background:linear-gradient(145deg,var(--soft),var(--surface-2));border-bottom:1px solid var(--card-border)}
.community-monogram{width:50px;height:50px;border-radius:15px;display:grid;place-items:center;background:var(--text);color:var(--bg);font-size:20px;font-weight:850;box-shadow:0 0 0 4px var(--card-bg)}
.community-body{display:flex;flex-direction:column;flex:1;padding:18px}.community-body h2{font-size:22px;letter-spacing:-.04em;line-height:1.1;margin:12px 0 8px}.community-body h2 a{color:var(--text)}.community-body p{color:var(--muted);font-size:14px;line-height:1.48;margin:0;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
.community-meta{display:flex;gap:7px;flex-wrap:wrap;margin-top:auto;padding-top:17px;color:var(--muted);font-size:11px}.community-meta span+span:before{content:'•';margin-right:7px}
.trust-chip{align-self:flex-start;margin-top:10px;padding:6px 9px;border-radius:8px;background:var(--soft);font-size:11px;font-weight:780}.trust-face{color:#7c3aed;background:rgba(124,58,237,.09)}.trust-identity{color:#1685ff;background:rgba(22,133,255,.09)}
.right-col>.card{border-radius:20px;padding:18px}.right-col>.card h3{font-size:15px;letter-spacing:-.025em;margin:0 0 9px}.right-col>.card p{font-size:13px;line-height:1.55;margin:0}.right-col>.card+.card{margin-top:12px}
@media(max-width:1050px){.topic-grid,.community-grid{grid-template-columns:1fr}}
@media(max-width:700px){.v4-feed .feed-head{padding:8px 16px 12px!important}.v4-search{margin:0 12px 10px;border-radius:16px;padding:8px 10px}.v4-search input{font-size:16px}.discover-tabs{padding:0 12px 10px}.topic-grid,.community-grid{display:block}.topic-card,.community-card{margin:0 0 8px;border-left:0;border-right:0;border-radius:0;transform:none!important;box-shadow:none!important}.topic-card{min-height:175px;padding:18px 16px}.topic-card:after{right:16px;font-size:60px}.topic-card h2{font-size:21px}.community-cover{height:78px;padding:12px 16px}.community-body{padding:16px}.topic-hero{margin:0;border-left:0;border-right:0;border-radius:0;padding:18px 16px;flex-direction:column}.topic-hero form,.topic-hero .btn{width:100%}.right-col{display:none!important}}
.social-disabled{cursor:not-allowed;opacity:.58;justify-content:flex-start!important;padding:0 16px!important}.social-disabled small{margin-left:auto;color:var(--muted);font-size:10px;font-weight:700}.social-disabled:hover{transform:none!important;border-color:var(--line)!important;background:var(--surface)!important}

/* DUNNO V4.0.2 — email-first authentication */
.auth-intro{color:var(--muted);margin:-4px 0 18px;line-height:1.55}.verify-email-wrap{min-height:calc(100vh - 82px);display:grid;place-items:center;padding:42px 18px}.verify-email-card{width:min(100%,520px);padding:34px;border-radius:24px}.verify-email-logo{width:48px;height:48px;border-radius:14px;display:block;margin-bottom:24px}.verify-kicker{font-size:11px;font-weight:800;letter-spacing:.13em;color:var(--muted)}.verify-email-card h1{font-size:32px;letter-spacing:-.045em;margin:10px 0 10px}.verify-email-card>p{color:var(--muted);line-height:1.6;margin:0 0 22px}.verify-code-form{display:grid;gap:14px}.verify-code-input{text-align:center!important;font-family:"Courier New",monospace!important;font-size:30px!important;font-weight:800!important;letter-spacing:10px!important;height:66px!important;border-radius:15px!important;background:var(--card-soft)!important}.verify-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:18px 0}.verify-actions form{margin:0}.verify-actions a,.text-button{font:inherit;font-size:13px;font-weight:750;color:var(--text);background:none;border:0;padding:0;cursor:pointer;text-decoration:none}.verify-security{margin-top:22px;padding:15px 16px;border-radius:13px;background:var(--card-soft);color:var(--muted);font-size:12px;line-height:1.55}.verify-security strong{color:var(--text)}
@media(max-width:600px){.verify-email-wrap{padding:18px 0;align-items:start}.verify-email-card{border-left:0;border-right:0;border-radius:0;padding:28px 20px}.verify-email-card h1{font-size:28px}.verify-code-input{font-size:27px!important;letter-spacing:8px!important}}


/* DUNNO V4.0.4 — advanced authentication + unified desktop settings shell */
.auth-v404{max-width:1120px;grid-template-columns:minmax(0,1fr) 470px;gap:58px;margin-top:42px}.auth-v404 .auth-brand{position:relative}.auth-v404 .auth-brand>img{border-radius:28px;box-shadow:0 30px 80px rgba(0,0,0,.10)}.auth-brand-copy{padding:24px 4px 0}.auth-kicker{font-size:10px;font-weight:850;letter-spacing:.18em;color:var(--muted)}.auth-v404 .auth-brand h1{font-size:42px;letter-spacing:-.055em;line-height:1.02;margin:10px 0}.auth-v404 .auth-brand p{max-width:560px;font-size:15px;margin:0}.auth-trust-row{display:flex;gap:14px;flex-wrap:wrap;margin-top:18px;color:var(--muted);font-size:11px;font-weight:700}.auth-v404 .auth-card{padding:30px;border-radius:26px;box-shadow:0 24px 70px rgba(0,0,0,.08);border-color:var(--card-border)}.auth-v404 .auth-logo{margin-bottom:24px}.auth-v404 .auth-logo img{width:44px;height:44px}.auth-v404 .auth-logo b{font-size:16px}.auth-card-heading{margin-bottom:20px}.auth-card-heading h2{font-size:28px;letter-spacing:-.045em;margin:0 0 5px}.auth-card-heading p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.auth-form{gap:13px}.auth-form label>span:first-child{font-size:11px;font-weight:750;color:var(--text);margin-bottom:1px}.auth-field{position:relative;display:flex;align-items:center;height:52px;border:1px solid var(--card-border-strong);border-radius:13px;background:var(--card-soft);transition:border-color .15s ease,box-shadow .15s ease,background .15s ease}.auth-field:focus-within{border-color:var(--text);background:var(--card-bg);box-shadow:0 0 0 3px rgba(100,100,100,.08)}.auth-field .field-icon{width:42px;display:grid;place-items:center;color:var(--muted);font-size:14px;font-weight:800;flex:0 0 auto}.auth-field input{height:100%!important;min-width:0;flex:1;border:0!important;background:transparent!important;border-radius:0!important;padding:0 12px 0 0!important;color:var(--text)!important;box-shadow:none!important;outline:0!important;font-size:14px!important}.auth-field input[type=date]{padding-left:13px!important}.password-toggle{height:34px;margin-right:7px;padding:0 9px;border:0;border-radius:8px;background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:800;cursor:pointer}.auth-submit{height:50px;margin-top:3px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;font-size:14px;background:var(--text)!important;color:var(--bg)!important}.auth-form-meta{display:flex;justify-content:flex-end;color:var(--muted);font-size:10px}.auth-hidden-link{display:none}.auth-security-note{display:grid;gap:3px;margin-top:17px;padding:13px 14px;border-radius:12px;background:var(--card-soft);font-size:11px;color:var(--muted);line-height:1.45}.auth-security-note b{color:var(--text);font-size:11px}.password-strength{display:grid;grid-template-columns:repeat(4,1fr);gap:4px;margin-top:5px}.password-strength i{height:3px;border-radius:3px;background:var(--line)}.password-strength small{grid-column:1/-1;color:var(--muted);font-size:9px;line-height:1.35}.password-strength[data-score="1"] i:nth-child(1),.password-strength[data-score="2"] i:nth-child(-n+2),.password-strength[data-score="3"] i:nth-child(-n+3),.password-strength[data-score="4"] i{background:var(--text)}
.settings-shell{grid-template-columns:230px minmax(0,720px) 260px;max-width:1280px}.settings-main{min-width:0}.settings-shell .settings-v29{max-width:none!important;border-radius:24px!important}.settings-shell .settings-tabs{position:sticky;top:72px;z-index:20;background:color-mix(in srgb,var(--card-bg) 92%,transparent);backdrop-filter:blur(16px);border-radius:0;border-width:1px 0;padding:9px 20px!important}.settings-shell .settings-tabs a{transition:background .15s ease,color .15s ease,transform .15s ease}.settings-shell .settings-tabs a:hover{transform:translateY(-1px)}.settings-shell .settings-section{scroll-margin-top:135px}.settings-context{padding:18px!important}.settings-context small{font-size:9px;font-weight:850;letter-spacing:.14em;color:var(--muted)}.settings-context h3{margin:7px 0 2px!important}.settings-context>p{margin:0 0 13px!important}.settings-context>a{display:inline-block;margin-top:12px;font-size:12px;font-weight:750}.settings-context-status{display:flex;align-items:center;justify-content:space-between;padding:9px 0;border-top:1px solid var(--line);font-size:11px}.settings-context-status span{color:var(--muted)}.settings-context-status b{font-size:10px}.settings-shell .side-nav{box-shadow:none}
@media(max-width:1000px){.settings-shell{grid-template-columns:78px minmax(0,1fr) 240px}.auth-v404{grid-template-columns:1fr 430px;gap:30px}}
@media(max-width:780px){.auth-v404{display:block;margin:10px auto 30px;padding:0 12px}.auth-v404 .auth-brand{display:none}.auth-v404 .auth-card{padding:20px 17px;border-radius:20px;box-shadow:none}.auth-v404 .auth-logo{margin-bottom:17px}.auth-v404 .auth-logo img{width:38px;height:38px}.auth-v404 .auth-logo b{font-size:14px}.auth-v404 .auth-logo span{font-size:10px}.auth-card-heading{margin-bottom:16px}.auth-card-heading h2{font-size:23px}.auth-card-heading p{font-size:12px}.auth-form{gap:10px}.auth-field{height:48px;border-radius:12px}.auth-field input{font-size:14px!important}.auth-field .field-icon{width:38px}.auth-submit{height:48px}.auth-foot{font-size:12px;margin:14px 0 0}.auth-security-note{margin-top:14px;padding:11px 12px}.auth-v404 .form-grid{grid-template-columns:1fr}.auth-v404 .form-grid .full{grid-column:auto}.settings-shell{display:block;margin:12px auto 90px;padding:0 12px}.settings-shell>.side-nav,.settings-rail{display:none!important}.settings-shell .settings-v29{margin:0!important;border-left:1px solid var(--card-border)!important;border-right:1px solid var(--card-border)!important;border-radius:18px!important}.settings-shell .settings-tabs{display:none!important}}
@media(max-width:390px){.auth-v404{padding:0 8px}.auth-v404 .auth-card{padding:17px 14px}.auth-card-heading h2{font-size:21px}.auth-field{height:46px}.auth-security-note{font-size:10px}}


/* DUNNO V4.0.7 — Administration & platform pages */
.admin-pro{max-width:1240px;padding-top:30px;padding-bottom:60px}.admin-pro-head{display:flex;justify-content:space-between;gap:18px;align-items:flex-end;flex-wrap:wrap;margin-bottom:22px}.admin-pro-head h1{font-size:38px;letter-spacing:-.055em;margin:5px 0}.admin-kpis{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:18px 0}.admin-kpis .card{padding:20px}.admin-kpis b{display:block;font-size:28px;letter-spacing:-.04em}.admin-kpis span{font-size:11px;color:var(--muted)}.admin-module-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.admin-module{padding:22px;text-decoration:none;min-height:175px;transition:transform .15s ease,border-color .15s ease}.admin-module:hover{transform:translateY(-2px);border-color:var(--card-border-strong)}.admin-module>span{font-size:10px;font-weight:850;color:var(--muted)}.admin-module h2{font-size:20px;margin:28px 0 7px}.admin-module p{font-size:12px;color:var(--muted);line-height:1.55;margin:0}.admin-filter{display:grid;grid-template-columns:1fr 180px auto;gap:10px;margin:18px 0}.admin-table-card,.admin-panel,.admin-form-card{padding:22px}.admin-table{min-width:900px}.admin-table-card{overflow:auto}.admin-tr{display:grid;grid-template-columns:2fr 1fr 1.35fr .8fr 1fr;gap:14px;align-items:center;padding:13px 4px;border-bottom:1px solid var(--line);font-size:12px}.admin-tr>span{min-width:0}.admin-tr b{display:block}.admin-tr small,.admin-list-item small,.ticket-admin small{display:block;color:var(--muted);margin-top:3px}.admin-th{font-size:10px;font-weight:850;color:var(--muted);text-transform:uppercase;letter-spacing:.08em}.inline-admin{display:flex;gap:6px;align-items:center}.inline-admin select{min-width:0;height:36px;padding:0 8px}.inline-admin button,.admin-list-item button{height:34px;padding:0 10px;border:1px solid var(--line);border-radius:9px;background:var(--card-soft);color:var(--text);font-weight:750;cursor:pointer}.danger{color:#c73737!important}.admin-split{display:grid;grid-template-columns:1fr 1fr;gap:14px}.admin-list-item{display:flex;justify-content:space-between;gap:14px;align-items:center;padding:14px 0;border-bottom:1px solid var(--line)}.admin-list-item form{display:flex;gap:6px}.ticket-admin{padding:18px 0;border-bottom:1px solid var(--line)}.ticket-admin-top{display:flex;justify-content:space-between;gap:12px}.ticket-admin p{font-size:13px;line-height:1.6}.ticket-reply{display:grid;grid-template-columns:1fr auto;gap:8px;margin-top:10px}.ticket-reply textarea{min-height:70px}.public-info{max-width:1080px;padding:52px 18px 80px}.info-hero{max-width:720px;margin-bottom:26px}.info-hero h1,.policy-card h1{font-size:44px;letter-spacing:-.06em;margin:8px 0 12px}.info-hero p,.policy-lead{color:var(--muted);font-size:16px;line-height:1.65}.info-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:14px}.info-card,.policy-card{padding:28px}.info-card h3{font-size:15px;margin:24px 0 5px}.info-card p,.policy-card p{color:var(--muted);line-height:1.7}.policy-card{max-width:820px;margin:auto}.policy-card h2{margin-top:30px;font-size:20px}.auth-wrap{min-height:calc(100vh - 90px);display:grid;place-items:center;padding:30px 16px}.auth-wrap .auth-card{width:min(100%,480px);padding:30px}.auth-wrap .auth-card h1{font-size:30px;letter-spacing:-.045em}.auth-wrap .auth-card>a.btn{display:inline-flex;margin-top:12px}
@media(max-width:950px){.admin-kpis{grid-template-columns:repeat(2,1fr)}.admin-module-grid{grid-template-columns:repeat(2,1fr)}.admin-split,.info-grid{grid-template-columns:1fr}}
@media(max-width:650px){.admin-pro{padding:18px 12px 90px}.admin-pro-head h1,.info-hero h1,.policy-card h1{font-size:30px}.admin-kpis{grid-template-columns:1fr 1fr}.admin-module-grid{grid-template-columns:1fr}.admin-filter{grid-template-columns:1fr}.admin-split{display:block}.admin-panel{margin-bottom:12px}.admin-list-item{align-items:flex-start;flex-direction:column}.ticket-reply{grid-template-columns:1fr}.public-info{padding:28px 12px 80px}.info-card,.policy-card{padding:20px}.admin-module{min-height:140px}}
/* DUNNO V4.1 — app interaction states */
.app-toast{position:fixed;left:50%;bottom:86px;z-index:9999;transform:translate(-50%,18px);opacity:0;pointer-events:none;background:var(--text);color:var(--bg);padding:11px 16px;border-radius:13px;font-size:13px;font-weight:750;box-shadow:0 12px 36px rgba(0,0,0,.16);transition:.2s ease}.app-toast.show{opacity:1;transform:translate(-50%,0)}.app-toast.error{background:#b42318;color:#fff}.is-busy{opacity:.68;pointer-events:none}.post{transition:opacity .18s ease,transform .18s ease}.post-actions button{transition:background .15s ease,color .15s ease,transform .12s ease}.post-actions button:active{transform:scale(.94)}
/* DUNNO V4.2 optimistic app interactions */
.post-actions form.syncing button,.discover-actions form.syncing button,.person form.syncing button,.profile-buttons form.syncing button{pointer-events:none}
.post-actions button,.discover-actions button,.person button,.profile-buttons button{transition:transform .12s ease,background-color .16s ease,color .16s ease,opacity .16s ease}
.post-actions button:active,.discover-actions button:active,.person button:active,.profile-buttons button:active{transform:scale(.96)}
.comment-pending{opacity:.68}.comment-pending-avatar{width:34px;height:34px;border-radius:50%;background:var(--soft,#eef1f5);flex:0 0 34px}.optimistic-remove{opacity:0!important;transform:scale(.985);pointer-events:none;transition:opacity .16s ease,transform .16s ease}.load-more.loading{opacity:.65;pointer-events:none}

/* V4.2.1 — app-style authentication */
.auth-live-status{display:none;margin:0 0 13px;padding:11px 13px;border-radius:11px;font-size:12px;font-weight:700;line-height:1.4}.auth-live-status.error,.auth-live-status.success{display:block}.auth-live-status.error{background:rgba(198,40,30,.09);color:#b42318;border:1px solid rgba(198,40,30,.15)}.auth-live-status.success{background:rgba(18,125,72,.09);color:#087443;border:1px solid rgba(18,125,72,.15)}.auth-form.is-submitting .auth-field{opacity:.78}.auth-submit:disabled{cursor:wait;opacity:.88}.auth-spinner{width:16px;height:16px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;display:inline-block;animation:dunnoAuthSpin .65s linear infinite}.auth-card.auth-success{transform:translateY(-2px);transition:transform .2s ease,box-shadow .2s ease}.auth-card.auth-success .auth-submit{background:#0a7a46!important;color:#fff!important}@keyframes dunnoAuthSpin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){.auth-spinner{animation-duration:1.4s}.auth-card.auth-success{transform:none}}

/* DUNNO V4.3 — mobile web app experience */
:root{--mobile-nav-h:64px;--mobile-top-h:56px}
@media(max-width:700px){
 html,body{overscroll-behavior-y:none} body.has-app-nav{padding-bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom));-webkit-tap-highlight-color:transparent}
 .topbar{position:sticky;top:0;z-index:100;height:calc(var(--mobile-top-h) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);backdrop-filter:saturate(180%) blur(18px);-webkit-backdrop-filter:saturate(180%) blur(18px);background:color-mix(in srgb,var(--bg) 88%,transparent);border-bottom:1px solid var(--card-border)}
 .topbar .brand strong{font-size:18px}.topbar .appearance-control{display:none}.topbar .icon-btn{width:38px;height:38px}.topbar .top-actions{gap:6px}
 .app-shell{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0!important}.side-nav,.right-col{display:none!important}.feed{width:100%!important;max-width:none!important;margin:0!important}
 .feed-head{position:sticky;top:calc(var(--mobile-top-h) + env(safe-area-inset-top));z-index:70;min-height:48px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);border-bottom:1px solid var(--card-border);padding:10px 16px!important}.feed-head h1{font-size:20px!important;margin:0}.feed-head small{font-size:11px}
 .bottom-nav{position:fixed!important;left:0;right:0;bottom:0;z-index:120;display:grid!important;grid-template-columns:repeat(5,1fr);height:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom));padding:5px 8px env(safe-area-inset-bottom);background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:saturate(180%) blur(20px);-webkit-backdrop-filter:saturate(180%) blur(20px);border-top:1px solid var(--card-border)}
 .bottom-nav>a{min-width:0;height:54px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;border-radius:12px;color:var(--muted);text-decoration:none;position:relative}.bottom-nav>a.active{color:var(--text)}.bottom-nav b{font-size:21px;line-height:1}.bottom-nav small{font-size:10px;font-weight:720}.bottom-nav .create-dot{width:46px;height:40px;min-height:40px;align-self:center;justify-self:center;border-radius:13px;background:var(--text);color:var(--bg);font-size:28px;line-height:1;padding:0;box-shadow:0 6px 20px rgba(0,0,0,.12)}
 .post.card{margin-bottom:7px}.post header{align-items:center}.post-body{font-size:15px;line-height:1.48}.post-actions{min-height:45px}.post-actions button{min-height:44px;touch-action:manipulation}.post-actions button b{font-size:19px}.post-media-grid img,.post-media-grid video{max-height:72vh;object-fit:cover}
 .composer{display:none}.mobile-compose-fab{position:fixed;right:16px;bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 14px);z-index:110;width:52px;height:52px;border:0;border-radius:16px;background:var(--text);color:var(--bg);font-size:28px;display:grid;place-items:center;box-shadow:0 12px 30px rgba(0,0,0,.2);text-decoration:none}
 .comment-box.show{position:fixed;z-index:150;left:0;right:0;bottom:0;display:flex!important;gap:8px;padding:12px 12px calc(12px + env(safe-area-inset-bottom));background:var(--card-bg);border-top:1px solid var(--card-border);box-shadow:0 -18px 50px rgba(0,0,0,.14);animation:dunnoSheetUp .18s ease}.comment-box.show:before{content:'';position:absolute;width:36px;height:4px;border-radius:4px;background:var(--card-border-strong);top:5px;left:50%;transform:translateX(-50%)}.comment-box.show input{font-size:16px!important;min-height:44px;margin-top:4px}.comment-box.show button{min-width:64px;margin-top:4px}.comment-sheet-backdrop{position:fixed;inset:0;z-index:140;background:rgba(0,0,0,.26);backdrop-filter:blur(1px);-webkit-backdrop-filter:blur(1px)}
 .message-page .message-search{margin:10px 12px}.modern-inbox{border-left:0!important;border-right:0!important;border-radius:0!important}.conversation-row{min-height:72px;padding:11px 16px!important}.conversation-row:active{background:var(--soft)}
 .center-page{min-height:calc(100dvh - var(--mobile-top-h));padding:0!important;display:block!important}.create-card{border:0!important;border-radius:0!important;box-shadow:none!important;min-height:calc(100dvh - var(--mobile-top-h));padding:18px 16px!important}.create-card textarea{font-size:18px!important;min-height:180px;border:0!important;padding:14px 0!important;box-shadow:none!important}.create-card .btn{min-height:46px}
 .topic-grid,.community-grid,.person-grid{scroll-margin-bottom:80px}.load-more{display:block;margin:12px 16px 20px;text-align:center;min-height:44px;padding:12px}.app-toast{bottom:calc(var(--mobile-nav-h) + env(safe-area-inset-bottom) + 12px);max-width:calc(100vw - 28px);white-space:normal;text-align:center}
 .mobile-page-enter{animation:dunnoPageIn .16s ease}.mobile-nav-leaving{opacity:.72;transform:translateX(-5px);transition:opacity .12s ease,transform .12s ease}
}
@keyframes dunnoSheetUp{from{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes dunnoPageIn{from{opacity:.55;transform:translateY(5px)}to{opacity:1;transform:none}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.comment-box.show,.mobile-page-enter{animation:none}.mobile-nav-leaving{transition:none}}

/* DUNNO V4.4 — native mobile experience */
@media(max-width:700px){
 :root{--keyboard-offset:0px} body{touch-action:pan-y;background:var(--bg)}
 .app-shell,.feed{min-height:100dvh}.card{box-shadow:none}.post.card{border-radius:0!important;border-left:0!important;border-right:0!important;margin:0!important;border-top:0!important;border-bottom:1px solid var(--card-border)!important;padding:14px 15px!important}
 .post header{min-height:44px}.post-who b{font-size:14px}.post-who span{font-size:12px}.post-body{margin:10px 0 12px!important}.post-media-grid{margin-left:-15px!important;margin-right:-15px!important;border-radius:0!important;overflow:hidden}.post-media-grid img,.post-media-grid video{width:100%;border-radius:0!important;touch-action:manipulation}
 .post-stats{padding:10px 0 5px!important}.post-actions{display:grid!important;grid-template-columns:repeat(5,1fr);margin:0 -7px!important}.post-actions form,.post-actions>button{min-width:0!important}.post-actions button{width:100%;font-size:11px!important;gap:3px!important;padding:7px 2px!important}.post-actions button b{display:block;font-size:20px!important}
 .comment-box.show{bottom:var(--keyboard-offset)!important;border-radius:20px 20px 0 0;padding-top:18px!important;transition:bottom .12s ease}.comment-box.show input{border-radius:18px!important;background:var(--card-soft)!important}.comment-row{padding:10px 0!important}
 .discover-search{position:sticky;top:calc(var(--mobile-top-h) + env(safe-area-inset-top));z-index:69;margin:0!important;border-radius:0!important;border-left:0!important;border-right:0!important;padding:9px 12px!important}.discover-tabs{overflow-x:auto!important;scrollbar-width:none;padding:8px 12px!important;gap:18px!important;background:var(--bg);position:sticky;top:calc(var(--mobile-top-h) + env(safe-area-inset-top) + 61px);z-index:68}.discover-tabs::-webkit-scrollbar{display:none}.discover-tabs a{white-space:nowrap;flex:0 0 auto}
 .notification-list{border-radius:0!important;border-left:0!important;border-right:0!important}.notification-row button{min-height:68px!important;padding:12px 15px!important}.notification-row.unread{background:color-mix(in srgb,#1877f2 7%,var(--card-bg))}.notification-row.unread button:after{content:'';width:7px;height:7px;border-radius:50%;background:#1877f2;position:absolute;right:13px;top:15px}
 .chat-shell{height:100dvh!important;padding:0!important}.chat-card{height:100dvh!important;border:0!important;border-radius:0!important}.chat-head{padding-top:calc(10px + env(safe-area-inset-top))!important;min-height:calc(58px + env(safe-area-inset-top));position:sticky;top:0;z-index:20;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(18px)}.chat-messages{overscroll-behavior:contain;padding-bottom:18px!important}.chat-compose{position:sticky!important;bottom:var(--keyboard-offset)!important;padding-bottom:calc(8px + env(safe-area-inset-bottom))!important;background:var(--bg);z-index:25}.chat-compose textarea{font-size:16px!important;max-height:180px;resize:none}.chat-compose .btn{min-height:44px}
 .profile-tabs,.settings-tabs{overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}.profile-tabs::-webkit-scrollbar,.settings-tabs::-webkit-scrollbar{display:none}
 .load-more{font-size:0;border:0!important;background:transparent!important;min-height:70px}.load-more:after{content:'';display:block;width:24px;height:24px;margin:18px auto;border:2px solid var(--card-border-strong);border-top-color:var(--text);border-radius:50%;animation:dunnoNativeSpin .7s linear infinite}
 .app-pressed{transform:scale(.96)!important;opacity:.72!important;transition:transform .08s ease,opacity .08s ease!important}
 .mobile-media-viewer{position:fixed;inset:0;z-index:500;background:#000;display:none;align-items:center;justify-content:center;padding:0}.mobile-media-viewer.show{display:flex;animation:dunnoViewerIn .14s ease}.mobile-media-viewer img{max-width:100%;max-height:100dvh;object-fit:contain}.mobile-media-viewer button{position:absolute;top:calc(12px + env(safe-area-inset-top));right:14px;z-index:2;width:42px;height:42px;border:0;border-radius:50%;background:rgba(20,20,20,.7);color:#fff;font-size:28px}.double-liked{animation:dunnoHeartPop .38s ease}
 .bottom-nav a{touch-action:manipulation}.bottom-nav a.active:after{content:'';position:absolute;top:1px;width:20px;height:2px;border-radius:2px;background:currentColor}.mobile-compose-fab{display:none!important}
}
@keyframes dunnoNativeSpin{to{transform:rotate(360deg)}}@keyframes dunnoViewerIn{from{opacity:.4}to{opacity:1}}@keyframes dunnoHeartPop{50%{transform:scale(.985);filter:brightness(1.12)}}
@media(max-width:700px) and (prefers-reduced-motion:reduce){.load-more:after,.mobile-media-viewer.show,.double-liked{animation:none}}

/* DUNNO V4.5 — persistent app-shell navigation */
.app-route-progress{position:fixed;z-index:1000;left:0;top:0;width:0;height:2px;opacity:0;pointer-events:none;background:currentColor;transition:width .18s ease,opacity .16s ease}.app-route-progress.show{width:72%;opacity:.75}.app-routing .app-route-progress{animation:dunnoRouteProgress 1.1s ease-in-out infinite}.app-routing main{cursor:progress}.app-view-enter{animation:dunnoAppViewIn .14s ease both}
@keyframes dunnoRouteProgress{0%{width:8%}55%{width:68%}100%{width:92%}}@keyframes dunnoAppViewIn{from{opacity:.72;transform:translateY(3px)}to{opacity:1;transform:none}}
@media(max-width:700px){.app-route-progress{top:env(safe-area-inset-top);height:2px}.app-routing .bottom-nav{pointer-events:none}.app-routing .bottom-nav a.active{opacity:.72}main[aria-busy="true"]{min-height:65dvh}.mobile-nav-leaving{opacity:1!important;transform:none!important}.app-view-enter{will-change:opacity,transform}}
@media(prefers-reduced-motion:reduce){.app-route-progress,.app-view-enter{animation:none!important;transition:none!important}}

/* DUNNO V4.6 — permanent application chrome */
[data-app-persistent="bottom-nav"]{contain:layout style;isolation:isolate}
@media(min-width:721px){body.has-app-nav>[data-app-persistent="bottom-nav"]{display:none!important}}
@media(max-width:720px){
 body.has-app-nav{padding-bottom:calc(72px + env(safe-area-inset-bottom))}
 body.has-app-nav>[data-app-persistent="bottom-nav"]{display:grid!important}
 body.has-app-nav main{min-height:calc(100dvh - 128px)}
 .app-routing main{opacity:.985}
}

/* DUNNO V5 — dedicated comment thread surface */
.comments-sheet{position:fixed;inset:0;z-index:1200;display:none}.comments-sheet.show{display:block}.comments-scrim{position:absolute;inset:0;background:rgba(0,0,0,.38);backdrop-filter:blur(2px)}.comments-panel{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);width:min(680px,calc(100% - 28px));height:min(720px,82vh);background:var(--card,#fff);border:1px solid var(--line,#e8e8e8);border-radius:22px;box-shadow:0 22px 70px rgba(0,0,0,.22);display:flex;flex-direction:column;overflow:hidden}.comments-panel>header{height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;border-bottom:1px solid var(--line,#eee);flex:0 0 auto}.comments-close{border:0;background:transparent;font-size:28px;line-height:1;cursor:pointer}.comments-grab{display:none}.comments-list{overflow:auto;overscroll-behavior:contain;padding:12px 16px;flex:1}.comments-list .comment-row{display:flex;gap:10px;padding:12px 0;border-bottom:1px solid var(--line,#eee)}.comments-list .comment-row:last-child{border-bottom:0}.comment-content{min-width:0}.comment-content p{margin:5px 0 0;white-space:pre-wrap;overflow-wrap:anywhere}.comment-content span,.comments-empty,.comments-loading{color:var(--muted,#6b7280);font-size:13px}.comments-empty,.comments-loading{text-align:center;padding:44px 14px}.comments-more{margin:4px auto 10px;border:0;background:transparent;font-weight:700;cursor:pointer}.comments-composer{display:flex;gap:10px;align-items:flex-end;padding:12px 14px max(12px,env(safe-area-inset-bottom));border-top:1px solid var(--line,#eee);background:var(--card,#fff)}.comments-composer textarea{flex:1;min-height:44px;max-height:120px;resize:none;border:1px solid var(--line,#ddd);border-radius:18px;padding:11px 14px;font:inherit;background:var(--bg,#fff);color:inherit}.comments-composer button{height:42px;padding:0 16px;border:0;border-radius:14px;font-weight:800;cursor:pointer}.comments-open{overflow:hidden}
@media(max-width:700px){.comments-panel{left:0;bottom:0;transform:none;width:100%;height:min(78dvh,760px);border-radius:22px 22px 0 0;border-left:0;border-right:0;border-bottom:0}.comments-grab{display:block;width:42px;height:4px;border-radius:4px;background:#aaa;margin:8px auto 0}.comments-panel>header{height:48px}.comments-list{padding:8px 14px}.comments-composer textarea{font-size:16px}.post>.comment-row,.post>.comment-box{display:none!important}}


/* DUNNO V5.1 — Posts & Conversations */
.post-actions{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;align-items:stretch!important;gap:4px!important}
.post-actions form,.post-actions>button{min-width:0!important;width:100%!important;margin:0!important}
.post-actions form button,.post-actions>button{width:100%!important;white-space:nowrap!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:5px!important;padding:8px 3px!important}
.post-actions .share-post{grid-column:auto!important;margin:0!important}
.comment-row{display:flex;gap:10px;padding:11px 4px;border-bottom:1px solid var(--line);align-items:flex-start}.comment-content{flex:1;min-width:0}.comment-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.comment-author,.comment-handle{color:inherit;text-decoration:none}.comment-handle,.comment-head span,.comment-tools{color:var(--muted);font-size:12px}.comment-content p{margin:5px 0 7px;line-height:1.45}.comment-tools{display:flex;gap:14px;align-items:center}.comment-tools button,.comment-tools a{border:0;background:none;padding:0;color:var(--muted);font:inherit;font-weight:650;text-decoration:none;cursor:pointer}.comment-tools button:hover,.comment-tools a:hover{color:var(--text)}.comment-follow{margin:0}.comment-follow button{border:1px solid var(--line);background:var(--text);color:var(--bg);font-weight:750;border-radius:10px;padding:6px 10px;cursor:pointer}.comment-follow button.following{background:var(--surface);color:var(--text)}.comment-avatar-link{flex:0 0 auto}.comments-list{overflow-y:auto;overscroll-behavior:contain}.comments-composer textarea{resize:none}
@media(max-width:720px){.post-actions{gap:1px!important;margin:0 -5px!important}.post-actions form button,.post-actions>button{font-size:0!important;padding:8px 1px!important}.post-actions button b{font-size:19px!important;margin:0!important}.comment-follow button{padding:5px 8px;font-size:11px}}


/* DUNNO V5.1.1 — comments component finishing pass */
.comments-panel{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}
.comments-panel>header,.comments-composer{background:var(--surface)!important;color:var(--text)!important;border-color:var(--line)!important}
.comments-panel>header strong,.comments-close{color:var(--text)!important}
.comments-list{background:var(--surface)!important;color:var(--text)!important}
.comments-list .comment-row{background:transparent!important;border-color:var(--line)!important}
.comment-author,.comment-author b,.comment-content p{color:var(--text)!important}
.comment-handle,.comment-head span,.comment-tools,.comments-empty,.comments-loading{color:var(--muted)!important}
.comment-tools{gap:16px!important;margin-top:2px!important}
.comment-tools button,.comment-tools a{appearance:none!important;-webkit-appearance:none!important;border:0!important;background:transparent!important;color:var(--muted)!important;padding:2px 0!important;border-radius:0!important;box-shadow:none!important;font-size:12px!important;font-weight:700!important}
.comment-tools button:hover,.comment-tools a:hover{color:var(--text)!important}
.comments-composer textarea{background:var(--surface-2)!important;color:var(--text)!important;border-color:var(--line)!important;caret-color:var(--text)!important}
.comments-composer textarea::placeholder{color:var(--muted)!important}
.comments-composer button{background:var(--text)!important;color:var(--bg)!important}
html[data-theme="dark"] .comments-scrim{background:rgba(0,0,0,.72)!important}
html[data-theme="dark"] .comments-panel{box-shadow:0 24px 80px rgba(0,0,0,.72)!important}
html[data-theme="dark"] .comments-grab{background:#555!important}

/* DUNNO V6.0 — unified mobile application components */
.comment-like.active,.reply-like.active{color:#e5485d!important}.comment-replies{margin:8px 0 2px 34px;border-left:1px solid var(--line);padding-left:12px}.comment-reply-row{display:flex;gap:9px;padding:9px 0}.comment-reply-row .avatar{width:30px!important;height:30px!important}.comments-empty.compact{padding:12px;text-align:left}.v6-reply-context{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;font-size:12px;color:var(--muted);padding:0 4px 5px}.v6-reply-context button{height:auto!important;padding:2px 6px!important;background:transparent!important;color:var(--muted)!important;font-size:18px}.v6-pending{opacity:.65}.v6-story-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v6-story-card{position:relative;overflow:hidden;border:1px solid var(--line);border-radius:18px;background:var(--surface);padding:10px}.v6-story-card>img:not(.avatar),.v6-story-card video{width:100%;aspect-ratio:9/14;object-fit:cover;border-radius:13px;margin-top:8px}.v6-cards{display:grid;gap:12px}.v6-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:12px}.v6-metrics .card{display:flex;flex-direction:column;gap:4px}.v6-metrics b{font-size:28px}.v6-metrics span{color:var(--muted);font-size:12px}
@media(max-width:700px){.comments-panel{height:92dvh!important;max-height:none!important}.comments-list{padding-bottom:12px!important}.comments-composer{position:sticky!important;bottom:0!important;display:grid!important;grid-template-columns:minmax(0,1fr) auto!important;z-index:3}.comments-composer textarea{min-height:44px!important;max-height:130px!important}.comment-replies{margin-left:22px}.v6-story-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;padding:0 8px}.v6-story-card{border-radius:14px;padding:7px}.v6-metrics{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.v6-metrics .card{padding:12px 8px}.v6-metrics b{font-size:22px}}

/* DUNNO V6.1 — engagement counts live beside their action icons */
.post-stats{display:none!important}
.post-actions .action-count{font-size:12px;font-weight:800;line-height:1;color:inherit;min-width:0}
.post-actions .action-label{font-size:12px;line-height:1}
.post-actions button b{display:inline-flex!important;align-items:center;justify-content:center}
.post-time{cursor:help}
@media(max-width:720px){.post-actions button{font-size:12px!important}.post-actions .action-label{display:none!important}.post-actions .action-count{display:inline!important;font-size:11px!important}.post-actions button b{font-size:19px!important}.post-actions form button,.post-actions>button{gap:4px!important}}

/* DUNNO V6.2 — stable SPA runtime: chrome never disappears while views load */
html.app-routing body.has-app-nav>.topbar,
html.app-routing body.has-app-nav>[data-app-persistent="bottom-nav"],
html.app-routing .side-nav{opacity:1!important;transform:none!important;visibility:visible!important}
html.app-routing main{cursor:progress!important;opacity:1!important}
html.app-routing main>.feed,html.app-routing main>.settings-main,html.app-routing main>.right-col{opacity:1!important}
.app-route-progress{background:var(--text)!important;z-index:5000!important}
.dunno-offline body.has-app-nav:before{content:'Offline — showing available content';position:fixed;left:50%;top:calc(8px + env(safe-area-inset-top));transform:translateX(-50%);z-index:5001;background:var(--text);color:var(--bg);font-size:12px;font-weight:800;padding:7px 11px;border-radius:10px;box-shadow:0 6px 22px rgba(0,0,0,.18)}
@media(max-width:720px){html.app-routing body.has-app-nav>[data-app-persistent="bottom-nav"]{display:grid!important;pointer-events:auto!important}.app-route-progress{top:env(safe-area-inset-top)!important}.app-view-enter{animation:dunnoSpaViewIn .12s ease both}}
@keyframes dunnoSpaViewIn{from{opacity:.86}to{opacity:1}}
@media(prefers-reduced-motion:reduce){.app-view-enter{animation:none!important}}


/* DUNNO V6.3 — comments are an in-app view, not a popup */
#dunnoComments.comments-sheet{position:fixed;inset:0;z-index:1400;display:none;pointer-events:none}
#dunnoComments.comments-sheet.show{display:block;pointer-events:auto}
#dunnoComments .comments-scrim{position:absolute;inset:0;background:rgba(0,0,0,.18);backdrop-filter:none;-webkit-backdrop-filter:none}
#dunnoComments .comments-panel{position:absolute;top:0;right:0;bottom:0;left:auto;transform:none;width:min(620px,46vw);height:100dvh;max-height:none;border:0;border-left:1px solid var(--line);border-radius:0;box-shadow:-18px 0 48px rgba(0,0,0,.12);background:var(--surface);display:flex;flex-direction:column;overflow:hidden}
#dunnoComments .comments-panel>header{height:60px;display:grid;grid-template-columns:44px 1fr 44px;align-items:center;padding:0 12px;border-bottom:1px solid var(--line);background:var(--surface)}
#dunnoComments .comments-panel>header strong{text-align:center;font-size:16px}
#dunnoComments .comments-back{width:40px;height:40px;border:0;border-radius:12px;background:transparent;color:var(--text);font-size:25px;cursor:pointer}
#dunnoComments .comments-back:hover{background:var(--surface-2)}
#dunnoComments .comments-header-spacer{width:40px}
#dunnoComments .comments-list{flex:1;min-height:0;overflow-y:auto;padding:8px 18px 24px;background:var(--surface)}
#dunnoComments .comments-composer{position:relative;bottom:auto;flex:0 0 auto;padding:10px 14px max(10px,env(safe-area-inset-bottom));background:var(--surface);border-top:1px solid var(--line)}
#dunnoComments .comments-composer textarea{background:var(--surface-2);font-size:16px}
html.comments-open,html.comments-open body{overflow:hidden!important}
@media(max-width:700px){
 #dunnoComments.comments-sheet{background:var(--surface)}
 #dunnoComments .comments-scrim{display:none}
 #dunnoComments .comments-panel{inset:0;width:100%;height:100dvh;max-height:none!important;border:0;border-radius:0!important;box-shadow:none;transform:none}
 #dunnoComments .comments-panel>header{height:56px;padding-top:env(safe-area-inset-top)}
 #dunnoComments .comments-list{padding:6px 14px 18px}
 #dunnoComments .comments-composer{position:sticky!important;bottom:var(--keyboard-offset,0px)!important;z-index:4}
 #dunnoComments .comment-replies{margin-left:20px}
 .comment-sheet-backdrop{display:none!important}
}
@media(prefers-reduced-motion:no-preference){
 #dunnoComments.comments-sheet.show .comments-panel{animation:dunnoCommentsIn .18s ease-out}
 @keyframes dunnoCommentsIn{from{opacity:.6;transform:translateX(16px)}to{opacity:1;transform:translateX(0)}}
 @media(max-width:700px){#dunnoComments.comments-sheet.show .comments-panel{animation:dunnoCommentsMobileIn .16s ease-out}@keyframes dunnoCommentsMobileIn{from{opacity:.65;transform:translateX(10px)}to{opacity:1;transform:translateX(0)}}}
}

/* DUNNO V6.4 — Messages & real-time chat experience */
.v64-chat-status{font-size:11px;color:var(--muted)}
.v64-date-separator{align-self:center;margin:10px 0;padding:5px 9px;border-radius:999px;background:var(--surface-2);color:var(--muted);font-size:10px;font-weight:750}
.bubble-wrap.v64-pending{opacity:.68}.bubble-wrap.v64-failed .bubble{outline:1px solid #d14343}.v64-send-state{font-size:9px;opacity:.7}
.bubble-actions{gap:2px;transition:opacity .16s ease}.bubble-actions button{min-width:30px;min-height:30px;border-radius:10px!important}.bubble-actions button:hover{background:var(--surface-2)!important;color:var(--text)!important}
.v64-reactions{display:flex;gap:4px;position:absolute;right:7px;bottom:-13px;background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:2px 6px;font-size:11px}
.v64-reaction-picker{position:absolute;z-index:40;display:flex;gap:2px;padding:5px;background:var(--surface);border:1px solid var(--line);border-radius:999px;box-shadow:0 10px 35px rgba(0,0,0,.16)}.v64-reaction-picker button{border:0;background:transparent;font-size:18px;width:32px;height:32px;border-radius:50%;cursor:pointer}.v64-reaction-picker button:hover{background:var(--surface-2)}
.v64-file-preview{grid-column:1/-1;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 10px;background:var(--surface-2);border-radius:12px;font-size:12px}.v64-file-preview[hidden]{display:none}.v64-file-preview button{border:0;background:transparent;color:var(--text);font-size:18px;cursor:pointer}
.v64-new-messages{position:absolute;left:50%;bottom:84px;transform:translateX(-50%);z-index:12;border:1px solid var(--line);background:var(--surface);color:var(--text);border-radius:999px;padding:8px 12px;font-weight:750;box-shadow:0 8px 30px rgba(0,0,0,.12);cursor:pointer}.chat-card{position:relative}.chat-messages{scrollbar-width:thin}
.chat-compose textarea{overflow-y:auto}.chat-compose textarea:focus{border-color:color-mix(in srgb,var(--text) 30%,var(--line))!important}
.conversation-row .v64-preview{display:flex;align-items:center;gap:5px}.conversation-row.has-unread{font-weight:700}
@media(max-width:720px){.bubble-actions{opacity:.72}.v64-reaction-picker{position:fixed;left:50%!important;right:auto!important;bottom:calc(78px + env(safe-area-inset-bottom));transform:translateX(-50%)}.chat-compose{grid-template-columns:auto minmax(0,1fr) auto!important}.chat-compose .btn{min-width:58px}.v64-new-messages{bottom:calc(78px + env(safe-area-inset-bottom))}}


/* DUNNO v6.5 profile editor + viewport chat polish */
.profile-editor-page{padding:28px 18px 110px!important}.profile-editor-shell{width:min(760px,100%);margin:0 auto}.profile-editor-head{display:flex;align-items:flex-start;gap:14px;margin:0 0 18px}.profile-editor-back{display:grid;place-items:center;width:42px;height:42px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);font-size:28px;text-decoration:none}.profile-editor-kicker{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--muted)}.profile-editor-head h1{margin:3px 0 4px;font-size:30px;letter-spacing:-.8px}.profile-editor-head p,.profile-editor-card-head p{margin:0;color:var(--muted);font-size:13px}.profile-editor-form{display:grid;gap:14px}.profile-editor-card{padding:0!important;overflow:hidden;border-radius:22px!important}.profile-editor-card-head{padding:18px 20px;border-bottom:1px solid var(--line)}.profile-editor-card-head h2{font-size:16px;margin:0 0 4px}.profile-media-preview{position:relative;padding-bottom:42px}.profile-cover-preview{height:170px;background:linear-gradient(135deg,var(--surface-2),var(--soft));background-size:cover;background-position:center}.profile-avatar-preview{position:absolute;left:22px;bottom:0;border:4px solid var(--surface);border-radius:50%;background:var(--surface)}.profile-avatar-preview .avatar{width:82px!important;height:82px!important}.profile-upload-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:18px 20px 20px}.profile-upload{display:flex;flex-direction:column;gap:3px;padding:14px;border:1px solid var(--line);border-radius:15px;background:var(--surface-2);cursor:pointer}.profile-upload span{font-size:13px;font-weight:750;color:var(--text)}.profile-upload small{font-size:10px;color:var(--muted)}.profile-upload input{margin-top:8px;min-height:auto!important;background:transparent!important;border:0!important;padding:0!important;font-size:12px}.profile-editor-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;padding:20px}.profile-editor-fields label{display:grid;gap:7px}.profile-editor-fields label>span,.profile-select-row>span{font-size:12px;font-weight:750}.profile-editor-fields input,.profile-editor-fields textarea,.profile-select-row select{width:100%;border:1px solid var(--line)!important;background:var(--surface-2)!important;color:var(--text)!important;border-radius:14px!important;padding:12px 13px!important;font:inherit;outline:0}.profile-editor-fields input:focus,.profile-editor-fields textarea:focus,.profile-select-row select:focus{border-color:var(--line-strong)!important;background:var(--surface)!important}.profile-editor-wide{grid-column:1/-1}.profile-editor-wide small{text-align:right;color:var(--muted);font-size:10px}.profile-select-row{display:grid;grid-template-columns:1fr minmax(180px,240px);align-items:center;gap:14px;padding:18px 20px}.profile-editor-actions{position:sticky;bottom:12px;z-index:12;display:flex;justify-content:flex-end;gap:9px;padding:10px;border:1px solid var(--line);border-radius:17px;background:color-mix(in srgb,var(--surface) 90%,transparent);backdrop-filter:blur(18px);box-shadow:var(--shadow-float)}

/* Keep chat inside the visible application viewport so the composer is always reachable. */
.chat-shell{height:calc(100dvh - 66px)!important;min-height:0!important;overflow:hidden!important;padding:12px 18px!important}.chat-card{height:100%!important;min-height:0!important;grid-template-rows:auto minmax(0,1fr) auto!important}.chat-messages{min-height:0!important;overflow-y:auto!important;overscroll-behavior:contain}.chat-compose{position:relative!important;bottom:auto!important;flex-shrink:0!important;background:var(--surface)!important;padding-bottom:calc(11px + env(safe-area-inset-bottom))!important}
@media(max-width:720px){.profile-editor-page{padding:10px 10px 96px!important}.profile-editor-head{padding:2px 2px 0}.profile-editor-head h1{font-size:25px}.profile-editor-card{border-radius:18px!important}.profile-cover-preview{height:130px}.profile-upload-grid,.profile-editor-fields{grid-template-columns:1fr;padding:14px}.profile-editor-wide{grid-column:auto}.profile-select-row{grid-template-columns:1fr;padding:15px}.profile-editor-actions{bottom:calc(var(--mobile-nav-h) + 8px + env(safe-area-inset-bottom));margin:0 2px}.chat-shell{height:calc(100dvh - 66px - var(--mobile-nav-h) - env(safe-area-inset-bottom))!important;padding:0!important}.chat-card{height:100%!important}.chat-head{padding-top:10px!important;min-height:58px!important}.chat-compose{position:relative!important;bottom:auto!important;padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important}.chat-messages{padding-bottom:12px!important}}

/* DUNNO V6.6 — remaining application pages and card system */
:root{--app-card-radius:18px;--app-card-gap:12px}
.settings-main,.discover-feed,.v4-feed{min-width:0}
.settings-v29{background:transparent!important;border:0!important;box-shadow:none!important;padding:0!important}
.settings-title{padding:4px 2px 14px}.settings-title h1{margin:0 0 3px;font-size:28px}.settings-tabs{position:sticky;top:64px;z-index:18;display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;padding:8px;margin:0 0 12px;background:color-mix(in srgb,var(--bg) 92%,transparent);backdrop-filter:blur(14px);border:1px solid var(--line);border-radius:15px}.settings-tabs::-webkit-scrollbar{display:none}.settings-tabs a{flex:0 0 auto;padding:9px 11px;border-radius:10px;color:var(--muted);font-size:12px;font-weight:800;text-decoration:none}.settings-tabs a:hover,.settings-tabs a.active{background:var(--surface-2);color:var(--text)}
.settings-section{scroll-margin-top:132px;background:var(--surface);border:1px solid var(--line);border-radius:var(--app-card-radius);padding:18px;margin:0 0 var(--app-card-gap);box-shadow:0 1px 0 rgba(0,0,0,.02)}.settings-section>h2{font-size:17px;margin:0 0 12px}.settings-section>h3{font-size:14px}.setting-row{min-height:58px;border-bottom:1px solid var(--line);padding:11px 0}.setting-row:last-child{border-bottom:0}.setting-row>div{min-width:0}.setting-row span{display:block;color:var(--muted);font-size:12px;margin-top:3px}.settings-section input:not([type=checkbox]):not([type=radio]),.settings-section select,.settings-section textarea{width:100%;min-height:44px;border:1px solid var(--line);border-radius:12px;background:var(--surface-2);color:var(--text);padding:10px 12px;font-size:16px}.switch-row{min-height:48px;padding:8px 0;border-bottom:1px solid var(--line)}.switch-row:last-of-type{border-bottom:0}.danger-zone{border-color:color-mix(in srgb,#d14343 30%,var(--line))}.settings-context{border-radius:var(--app-card-radius)!important}
.notification-list.clean-notices{display:grid;gap:8px}.v6-notification{margin:0!important}.v6-notification button{width:100%;text-align:left;border:1px solid var(--line)!important;border-radius:16px!important;background:var(--surface)!important;padding:13px!important}.v6-notification.unread button{background:color-mix(in srgb,var(--surface) 92%,#3578ff 8%)!important;border-color:color-mix(in srgb,var(--line) 70%,#3578ff 30%)!important}.v6-notification button i{flex:0 0 38px;width:38px;height:38px;border-radius:12px;background:var(--surface-2);display:grid;place-items:center;font-style:normal}.notification-prefs{border-radius:var(--app-card-radius)!important}.notification-prefs label{min-height:43px;border-bottom:1px solid var(--line)}
.discover-search,.topic-card,.community-card,.person-card,.connection-row,.v6-cards>.card,.v6-story-card,.verify-choice,.v6-metrics>.card{border-radius:var(--app-card-radius)!important}.discover-tabs,.profile-tabs{overflow-x:auto;scrollbar-width:none}.discover-tabs::-webkit-scrollbar,.profile-tabs::-webkit-scrollbar{display:none}.discover-tabs a,.profile-tabs a{white-space:nowrap}.people-grid,.topic-grid,.community-grid,.v6-cards{gap:var(--app-card-gap)!important}
.app-inline-status{position:fixed;left:50%;bottom:calc(82px + env(safe-area-inset-bottom));transform:translateX(-50%) translateY(8px);z-index:2200;max-width:min(90vw,420px);padding:10px 13px;border:1px solid var(--line);border-radius:12px;background:var(--text);color:var(--bg);font-size:12px;font-weight:800;box-shadow:0 12px 40px rgba(0,0,0,.18);opacity:0;pointer-events:none;transition:.18s ease}.app-inline-status.show{opacity:1;transform:translateX(-50%) translateY(0)}
@media(max-width:720px){.settings-main{padding:0 10px 100px!important}.settings-title{padding:10px 4px 8px}.settings-title h1{font-size:24px}.settings-tabs{top:calc(54px + env(safe-area-inset-top));margin-inline:-2px;padding:6px}.settings-section{padding:15px;border-radius:16px;margin-bottom:9px}.settings-rail{display:none!important}.feed-head{padding-inline:4px}.notification-list.clean-notices{gap:6px}.v6-notification button{border-radius:14px!important;padding:11px!important}.people-grid,.topic-grid,.community-grid,.v6-cards{grid-template-columns:1fr!important}.connection-row{padding:11px!important}.app-inline-status{bottom:calc(76px + env(safe-area-inset-bottom))}}

/* DUNNO V6.7 */
.v67-app-form{display:grid;gap:12px;padding:18px;margin-bottom:18px}.v67-app-form h2{margin:0}.v67-app-form input,.v67-app-form textarea{width:100%;box-sizing:border-box}.v67-app-form textarea{min-height:92px;resize:vertical}.v67-inline{display:grid;grid-template-columns:1fr 110px;gap:10px}.v67-form-status{min-height:18px;font-size:.86rem;opacity:.75}.v67-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:14px}.v67-listing>img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:14px;margin-bottom:12px}@media(max-width:700px){.v67-app-form{border-radius:18px}.v67-inline{grid-template-columns:1fr 90px}}

/* DUNNO V6.8 — all-in-one missing-pieces polish */
.v68-connection-search{width:100%;box-sizing:border-box;margin:0 0 10px;padding:12px 14px;border:1px solid var(--line);border-radius:14px;background:var(--surface);color:var(--text);font:inherit;outline:0}.v68-connection-search:focus{border-color:var(--line-strong)}
.v68-network{position:fixed;z-index:4000;top:calc(10px + env(safe-area-inset-top));left:50%;transform:translate(-50%,-20px);opacity:0;pointer-events:none;padding:9px 13px;border-radius:12px;background:var(--text);color:var(--bg);font-size:12px;font-weight:800;box-shadow:0 10px 30px rgba(0,0,0,.18);transition:.2s}.v68-network.show,.v68-network.online{opacity:1;transform:translate(-50%,0)}
.community-actions form,.topic-hero form{display:inline-flex}.community-actions button,.topic-hero button{min-width:112px}.connection-row[hidden]{display:none!important}
@media(max-width:720px){.v68-connection-search{position:sticky;top:calc(58px + env(safe-area-inset-top));z-index:12;margin-bottom:8px}.v68-network{top:calc(8px + env(safe-area-inset-top));max-width:calc(100vw - 24px);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}}


/* DUNNO V7 application feed tabs */
.v7-feed-tabs{display:grid;grid-template-columns:1fr 1fr auto;align-items:stretch;padding:0!important}
.v7-feed-tabs>a:not(.feed-settings){display:flex;align-items:center;justify-content:center;min-height:54px;font-weight:700;color:var(--muted);border-bottom:2px solid transparent;text-decoration:none}
.v7-feed-tabs>a.active{color:var(--text);border-bottom-color:var(--text)}
.v7-feed-tabs .feed-settings{align-self:center;margin-right:12px}


/* DUNNO V7.1 — complete responsive application shell */
@media (min-width:901px){
 body.has-app-nav>.bottom-nav{display:none!important}
 body.has-app-nav>.topbar{height:64px!important;padding:0 max(22px,calc((100vw - 1340px)/2))!important}
 body.has-app-nav .app-shell{display:grid!important;grid-template-columns:240px minmax(520px,680px) minmax(280px,340px)!important;gap:28px!important;width:min(1340px,100%)!important;max-width:1340px!important;margin:0 auto!important;padding:18px 22px 80px!important;align-items:start!important}
 body.has-app-nav .app-shell>.side-nav{display:flex!important;flex-direction:column!important;position:sticky!important;top:82px!important;align-self:start!important;padding:2px 8px 18px 0!important;background:transparent!important;border:0!important;box-shadow:none!important;max-height:calc(100vh - 94px)!important;overflow:auto!important}
 body.has-app-nav .side-nav>a{display:flex!important;align-items:center!important;gap:15px!important;min-height:46px!important;padding:0 14px!important;margin:1px 0!important;border-radius:14px!important;color:var(--text)!important;font-size:15px!important;font-weight:650!important}
 body.has-app-nav .side-nav>a span{width:26px!important;text-align:center!important;font-size:21px!important;flex:0 0 26px!important}
 body.has-app-nav .side-nav>a b{font:inherit!important}
 body.has-app-nav .side-nav>a:hover,body.has-app-nav .side-nav>a.active{background:var(--soft)!important}
 body.has-app-nav .side-nav>.nav-post{justify-content:center!important;margin:12px 8px 0!important;min-height:46px!important;background:var(--text)!important;color:var(--bg)!important}
 body.has-app-nav .app-shell>.feed{grid-column:2!important;width:100%!important;min-width:0!important}
 body.has-app-nav .app-shell>.right-col{display:grid!important;grid-column:3!important;gap:14px!important;position:sticky!important;top:82px!important;align-self:start!important;min-width:0!important}
 .v7-feed-tabs{display:grid!important;grid-template-columns:1fr 1fr auto!important;height:54px!important;border-bottom:1px solid var(--line)!important;margin-bottom:0!important;padding:0!important}
 .v7-feed-tabs>a:not(.feed-settings){display:grid!important;place-items:center!important;position:relative!important;font-size:14px!important;font-weight:700!important;color:var(--muted)!important}
 .v7-feed-tabs>a.active{color:var(--text)!important}.v7-feed-tabs>a.active:after{content:"";position:absolute;bottom:-1px;width:62px;height:3px;background:var(--text);border-radius:3px 3px 0 0}
 .feed-settings{width:48px!important;display:grid!important;place-items:center!important;color:var(--muted)!important}
 .composer{margin:0!important;border-radius:0!important;border-width:0 0 1px!important;padding:15px 14px!important}.composer textarea{min-height:68px!important;overflow:visible!important}
 .post{padding:17px 14px!important}.post-body,.post-media-grid,.post-stats,.post-actions{margin-left:50px!important}
 .right-col>.card{margin:0!important}.v71-side-search{height:46px;display:flex;align-items:center;gap:9px;padding:0 14px;background:var(--soft);border:1px solid transparent;border-radius:16px}.v71-side-search:focus-within{background:var(--surface);border-color:var(--line-strong)}.v71-side-search input{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--text);font:inherit}.v71-side-search span{color:var(--muted)}
}
@media (min-width:901px) and (max-width:1160px){body.has-app-nav .app-shell{grid-template-columns:78px minmax(520px,680px)!important;max-width:800px!important;gap:18px!important}body.has-app-nav .app-shell>.right-col{display:none!important}body.has-app-nav .side-nav>a{justify-content:center!important;padding:0!important}body.has-app-nav .side-nav>a b{display:none!important}body.has-app-nav .side-nav>.nav-post{font-size:0!important;width:48px!important;margin:12px auto!important}body.has-app-nav .side-nav>.nav-post:after{content:"+";font-size:25px!important}}
@media (max-width:900px){body.has-app-nav .app-shell{display:block!important;width:100%!important;max-width:none!important;margin:0!important;padding:0 0 calc(76px + env(safe-area-inset-bottom))!important}body.has-app-nav .app-shell>.side-nav,body.has-app-nav .app-shell>.right-col{display:none!important}body.has-app-nav>.bottom-nav{display:grid!important}.v7-feed-tabs{position:sticky;top:58px;z-index:20;background:color-mix(in srgb,var(--bg) 94%,transparent);backdrop-filter:blur(18px);display:grid!important;grid-template-columns:1fr 1fr auto!important;padding:0!important}.v7-feed-tabs>a:not(.feed-settings){display:grid;place-items:center;font-weight:750}.v7-feed-tabs>a.active{border-bottom:2px solid var(--text)}.feed-settings{display:grid;place-items:center;width:44px}.composer textarea{min-height:74px!important}.post-body,.post-media-grid,.post-stats{margin-left:48px!important}}
.v71-view-head{display:flex!important;align-items:center!important;gap:12px!important;border-bottom:1px solid var(--line)!important}.v71-view-head h1{margin:0!important}.v71-view-head small{color:var(--muted)}.v71-back{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:22px}.v71-back:hover{background:var(--soft)}.v71-side-card{padding:18px!important}.v71-side-card h3{margin:0 0 6px}.v71-side-card p{margin:0;color:var(--muted);font-size:13px;line-height:1.5}.v71-detail-stats{display:flex;gap:20px;margin:16px 0 5px 50px;padding:13px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);color:var(--muted);font-size:13px}.v71-detail-stats b{color:var(--text)}.v71-open-thread{margin:14px 0 4px 50px}.v71-bookmark{border-bottom:1px solid var(--line)!important}


/* DUNNO V7.2 — application form/media repair */
.v67-app-form,.create-card{background:var(--surface)!important;color:var(--text)!important;border:1px solid var(--line)!important;box-shadow:none!important}
.v67-app-form input,.v67-app-form textarea,.v67-app-form select,.create-card textarea{min-height:46px;border:1px solid var(--line)!important;border-radius:12px!important;background:var(--surface-2)!important;color:var(--text)!important;padding:11px 12px!important;font:inherit!important;outline:0}
.v67-app-form input:focus,.v67-app-form textarea:focus,.create-card textarea:focus{border-color:var(--line-strong)!important;background:var(--surface)!important}
.v67-app-form input[type=file]{padding:10px!important}.v67-app-form .btn,.create-card .btn{justify-content:center}
.v6-cards{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.v67-event,.v67-listing{padding:18px!important;min-width:0}.v67-event h3,.v67-listing h3{margin:8px 0}.v67-event p,.v67-listing p{overflow-wrap:anywhere}
.v72-media-preview{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;margin:10px 0}.v72-preview-item{min-height:70px;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--surface-2);display:grid;place-items:center;color:var(--muted);font-size:12px}.v72-preview-item img{width:100%;height:150px;object-fit:cover;display:block}
.upload-zone{background:var(--surface-2)!important;border-color:var(--line-strong)!important;color:var(--text)!important}.create-card{padding:18px!important}.create-card>h1{display:none}.create-card .form-stack{display:grid;gap:12px}.create-card textarea{width:100%;resize:vertical;min-height:130px}
.profile-cover,.profile-cover-preview,.cover-mini{background-size:cover!important;background-position:center!important;background-repeat:no-repeat!important}
@media(max-width:900px){.v6-cards{grid-template-columns:1fr}.v67-app-form,.create-card{border-left:0!important;border-right:0!important;border-radius:0!important;margin:0!important}.v72-preview-item img{height:42vw;max-height:230px}}


/* DUNNO V7.3 — unified cards + light/dark contrast repair */
:root{--v73-card:#fff;--v73-card-soft:#f7f8fa;--v73-card-border:#e5e7eb;--v73-menu-text:#17181b;--v73-menu-muted:#60656f;--v73-hover:#f1f3f5;--v73-card-shadow:0 1px 2px rgba(0,0,0,.025),0 10px 30px rgba(0,0,0,.035)}
html[data-theme="dark"]{--v73-card:#0d0d0e;--v73-card-soft:#141416;--v73-card-border:#27272b;--v73-menu-text:#f5f5f6;--v73-menu-muted:#a3a3aa;--v73-hover:#18181b;--v73-card-shadow:none}
body.has-app-nav .side-nav{opacity:1!important;filter:none!important}
body.has-app-nav .side-nav>a{color:var(--v73-menu-text)!important;opacity:1!important;background:transparent!important}
body.has-app-nav .side-nav>a b,body.has-app-nav .side-nav>a span{color:inherit!important;opacity:1!important}
body.has-app-nav .side-nav>a:hover{background:var(--v73-hover)!important;color:var(--v73-menu-text)!important}
body.has-app-nav .side-nav>a.active{background:var(--text)!important;color:var(--inverse)!important}
body.has-app-nav .side-nav>.nav-post{background:var(--text)!important;color:var(--inverse)!important;border:1px solid var(--text)!important}
body.has-app-nav .side-nav>.nav-post:hover{opacity:.9!important;background:var(--text)!important;color:var(--inverse)!important}
.topbar,.bottom-nav{color:var(--text)!important}.topbar .brand,.topbar .icon-btn,.topbar .appearance-control,.bottom-nav a{opacity:1!important}
.appearance-control,.appearance-control select{color:var(--text)!important;background:var(--surface-2)!important}

/* one premium card language across application pages */
.card,.settings-section,.settings-context,.notification-prefs,.v6-notification button,.conversation-list,.search-people,.chat-card,.profile-editor-card,.v67-event,.v67-listing,.v6-story-card,.create-card,.v67-app-form,.community-card,.topic-card{
 background:var(--v73-card)!important;border:1px solid var(--v73-card-border)!important;box-shadow:var(--v73-card-shadow)!important;color:var(--text)!important
}
.card,.settings-section,.settings-context,.notification-prefs,.conversation-list,.search-people,.chat-card,.profile-editor-card,.create-card,.v67-app-form{border-radius:20px!important}
.v67-event,.v67-listing,.v6-story-card,.community-card,.topic-card{border-radius:18px!important;transition:transform .16s ease,border-color .16s ease,box-shadow .16s ease}
.v67-event:hover,.v67-listing:hover,.v6-story-card:hover,.community-card:hover,.topic-card:hover{transform:translateY(-2px);border-color:var(--line-strong)!important;box-shadow:0 12px 32px rgba(0,0,0,.06)!important}
.right-col>.card{background:var(--v73-card-soft)!important;border:1px solid var(--v73-card-border)!important}
.v71-side-search,.discover-search input,.v68-connection-search,.settings-section input:not([type=checkbox]):not([type=radio]),.settings-section select,.settings-section textarea,.v67-app-form input,.v67-app-form textarea,.v67-app-form select,.create-card textarea,.chat-compose textarea{background:var(--v73-card-soft)!important;color:var(--text)!important;border-color:var(--v73-card-border)!important;opacity:1!important}
.v71-side-search input{color:var(--text)!important}.v71-side-search input::placeholder,.discover-search input::placeholder,textarea::placeholder,input::placeholder{color:var(--v73-menu-muted)!important;opacity:1!important}
.settings-tabs a,.discover-tabs a,.profile-tabs a,.v7-feed-tabs>a:not(.feed-settings){opacity:1!important;color:var(--v73-menu-muted)!important}.settings-tabs a.active,.discover-tabs a.active,.profile-tabs a.active,.v7-feed-tabs>a.active{color:var(--text)!important}
.feed-head h1,.settings-title h1,.profile-editor-head h1,.v71-view-head h1{color:var(--text)!important;opacity:1!important}
.meta,.muted,.tiny,.setting-row span,.profile-editor-head p,.profile-editor-card-head p{color:var(--v73-menu-muted)!important;opacity:1!important}

/* richer event + marketplace cards */
.v6-cards{gap:16px!important}.v67-event,.v67-listing{padding:0!important;overflow:hidden!important}.v67-event>*:not(img):not(video),.v67-listing>*:not(img):not(video){margin-left:18px!important;margin-right:18px!important}.v67-event>:first-child:not(img):not(video),.v67-listing>:first-child:not(img):not(video){margin-top:18px!important}.v67-event>:last-child,.v67-listing>:last-child{margin-bottom:18px!important}.v67-listing img,.v67-event img{width:100%!important;max-height:240px!important;object-fit:cover!important;display:block!important;margin:0!important}.v67-event h3,.v67-listing h3{font-size:17px!important;letter-spacing:-.02em!important}.v67-event p,.v67-listing p{color:var(--v73-menu-muted)!important;line-height:1.5!important}

/* mobile cards remain full-width without washed-out menus */
@media(max-width:900px){body.has-app-nav .bottom-nav{background:color-mix(in srgb,var(--bg) 96%,transparent)!important}.bottom-nav a{color:var(--v73-menu-text)!important;opacity:1!important}.bottom-nav a.active{color:var(--text)!important}.card,.settings-section,.profile-editor-card,.create-card,.v67-app-form{box-shadow:none!important}.v67-event,.v67-listing{border-radius:16px!important}}

/* DUNNO V7.4 — media alignment + standard application loading feedback */
.quick-preview{margin:10px 0 0!important;width:100%!important;max-width:100%!important;box-sizing:border-box!important;grid-template-columns:repeat(2,minmax(0,1fr))!important;overflow:hidden}
.quick-preview img,.quick-preview video{width:100%!important;max-width:100%!important;height:auto!important;aspect-ratio:16/10;object-fit:cover;display:block!important;min-width:0!important}
.post-media-grid{width:100%!important;max-width:100%!important;box-sizing:border-box!important;overflow:hidden!important}
.post-media-grid img,.post-media-grid video{display:block!important;width:100%!important;max-width:100%!important;min-width:0!important}
.composer,.composer-row,.post,.post-body{min-width:0!important;max-width:100%!important;box-sizing:border-box!important}

/* centered route loader: visible for real navigation waits, without blanking persistent chrome */
.app-route-loader{position:fixed;z-index:1300;left:50%;top:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:50%;background:color-mix(in srgb,var(--surface) 94%,transparent);border:1px solid var(--line);box-shadow:0 14px 42px rgba(0,0,0,.14);display:grid;place-items:center;opacity:0;visibility:hidden;transform:scale(.92);transition:opacity .14s ease,transform .14s ease,visibility .14s;pointer-events:none;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}
.app-route-loader:before{content:'';width:22px;height:22px;border-radius:50%;border:2.5px solid var(--line-strong);border-top-color:var(--text);animation:dunnoV74Spin .72s linear infinite}
.app-routing .app-route-loader{opacity:1;visibility:visible;transform:scale(1)}
.app-routing main>.feed,.app-routing main>.center-page,.app-routing main>.message-page{opacity:.86;transition:opacity .12s ease}
@keyframes dunnoV74Spin{to{transform:rotate(360deg)}}

/* action-level loading is local, so the whole app never flashes for likes/follows/posts */
button.is-loading,.btn.is-loading{position:relative;pointer-events:none;opacity:.78}
button.is-loading:after,.btn.is-loading:after{content:'';display:inline-block;width:13px;height:13px;margin-left:8px;vertical-align:-2px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:dunnoV74Spin .65s linear infinite}

@media(max-width:720px){
 .quick-preview{margin:9px 0 0!important;grid-template-columns:repeat(2,minmax(0,1fr))!important}
 .quick-preview img,.quick-preview video{height:auto!important;aspect-ratio:1/1}
 .post-body,.post-media-grid,.post-stats{margin-left:0!important;margin-right:0!important}
 .post-media-grid{border-radius:14px!important;margin-top:10px!important}
 .post-media-grid img,.post-media-grid video{border-radius:0!important}
 .app-route-loader{top:46%;width:42px;height:42px;margin:-21px 0 0 -21px}
}
@media(prefers-reduced-motion:reduce){.app-route-loader:before,button.is-loading:after,.btn.is-loading:after{animation:none}}

/* DUNNO V7.5 — conversation layout repair */
body.has-app-nav .chat-app-layout{grid-template-columns:220px minmax(0,850px)!important;justify-content:center!important;gap:34px!important;align-items:stretch!important}
body.has-app-nav .chat-app-layout>.chat-shell{width:100%!important;max-width:850px!important;margin:0!important;padding:0!important;height:calc(100dvh - 112px)!important;min-height:520px!important;overflow:hidden!important}
body.has-app-nav .chat-app-layout .chat-card{width:100%!important;max-width:none!important;height:100%!important;margin:0!important;border-radius:20px!important;display:grid!important;grid-template-rows:auto minmax(0,1fr) auto!important;overflow:hidden!important}
body.has-app-nav .chat-app-layout .chat-head{min-width:0!important;background:var(--v73-card)!important}
body.has-app-nav .chat-app-layout .chat-head>a{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;font-size:27px!important;line-height:1}
body.has-app-nav .chat-app-layout .chat-head>a:hover{background:var(--v73-hover)!important}
body.has-app-nav .chat-app-layout .chat-messages{min-width:0!important;min-height:0!important;overflow-y:auto!important;background:var(--bg)!important}
body.has-app-nav .chat-app-layout .chat-compose{min-width:0!important;width:100%!important;background:var(--v73-card)!important;border-top:1px solid var(--v73-card-border)!important}
body.has-app-nav .chat-app-layout .chat-compose textarea{width:100%!important;min-width:0!important}
body.has-app-nav .chat-app-layout .bubble-wrap{min-width:0!important;max-width:min(78%,620px)!important}
body.has-app-nav .chat-app-layout .bubble{min-width:0!important;max-width:100%!important;overflow:hidden!important}
body.has-app-nav .chat-app-layout .bubble img,body.has-app-nav .chat-app-layout .bubble video{max-width:min(100%,460px)!important;height:auto!important;object-fit:contain!important}
@media(max-width:900px){body.has-app-nav .chat-app-layout{display:block!important;padding:0 0 calc(var(--mobile-nav-h) + env(safe-area-inset-bottom))!important}body.has-app-nav .chat-app-layout>.side-nav{display:none!important}body.has-app-nav .chat-app-layout>.chat-shell{width:100%!important;max-width:none!important;height:calc(100dvh - 64px - var(--mobile-nav-h) - env(safe-area-inset-bottom))!important;min-height:0!important;padding:0!important}body.has-app-nav .chat-app-layout .chat-card{border-left:0!important;border-right:0!important;border-radius:0!important}body.has-app-nav .chat-app-layout .chat-messages{padding:14px 10px!important}body.has-app-nav .chat-app-layout .bubble-wrap{max-width:88%!important}body.has-app-nav .chat-app-layout .chat-compose{padding:8px 10px calc(8px + env(safe-area-inset-bottom))!important}}


/* DUNNO V7.6 — desktop feed geometry repair
   Desktop content/media must remain inside the center column. Earlier V7 rules
   indented body/media/actions by 50px while keeping width:100%, causing the
   media to overflow to the right. */
@media (min-width:901px){
 body.has-app-nav .app-shell>.feed{overflow:hidden!important}
 body.has-app-nav .post{overflow:hidden!important}
 body.has-app-nav .post-body,
 body.has-app-nav .post-media-grid,
 body.has-app-nav .post-stats,
 body.has-app-nav .post-actions,
 body.has-app-nav .quick-preview{
   margin-left:0!important;
   margin-right:0!important;
   width:100%!important;
   max-width:100%!important;
   min-width:0!important;
   box-sizing:border-box!important
 }
 body.has-app-nav .post-media-grid{display:grid!important;overflow:hidden!important}
 body.has-app-nav .post-media-grid img,
 body.has-app-nav .post-media-grid video{width:100%!important;max-width:100%!important;height:auto!important;object-fit:cover!important}
 body.has-app-nav .composer{overflow:hidden!important}
 body.has-app-nav .quick-preview{overflow:hidden!important}
}


/* DUNNO V7.7 — verification workflow + optional verification prompt */
.verify-submit-form{display:grid;gap:10px;margin-top:18px}.verify-upload{display:grid;gap:5px;padding:13px;border:1px dashed var(--line-strong);border-radius:14px;background:var(--surface-2);cursor:pointer}.verify-upload b{font-size:13px}.verify-upload span{font-size:11px;color:var(--muted)}.verify-upload input{width:100%;font-size:12px}.verify-consent{display:flex;align-items:flex-start;gap:8px;color:var(--muted);font-size:11px;line-height:1.4}.verify-consent input{margin-top:2px}.verify-wide{grid-column:1/-1}.verify-file-preview{display:flex;gap:8px;flex-wrap:wrap}.verify-file-preview img{width:70px;height:70px;object-fit:cover;border:1px solid var(--line);border-radius:12px}.verify-evidence-links{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0}.v77-verify-promo{position:relative!important;padding:18px!important;background:linear-gradient(145deg,color-mix(in srgb,var(--verify) 8%,var(--surface)),var(--surface))!important}.v77-promo-icon{display:grid;width:36px;height:36px;place-items:center;border-radius:50%;background:var(--verify);color:#fff;font-weight:900;margin-bottom:10px}.v77-verify-promo small{font-size:9px;letter-spacing:.13em;color:var(--muted);font-weight:850}.v77-verify-promo h3{margin:4px 0 6px}.v77-verify-promo p{margin:0 0 12px;color:var(--muted);font-size:12px;line-height:1.45}.v77-verify-promo .btn{display:inline-flex;text-decoration:none}.v77-promo-close{position:absolute;right:9px;top:8px;border:0;background:transparent;color:var(--muted);font-size:20px;cursor:pointer}
@media(max-width:720px){.identity-options{display:grid!important;grid-template-columns:1fr!important}.verify-upload,.verify-consent,.verify-wide{grid-column:1!important}}


/* DUNNO V8 — core social completion */
.v8-five-actions{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:2px!important}.v8-five-actions form{display:contents!important}.v8-five-actions button{width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:6px!important;min-width:0!important}.v8-five-actions button.on{font-weight:800!important}.v8-help-hero{padding:24px!important}.v8-help-hero h2{font-size:24px;margin:0 0 7px}.v8-help-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;padding:14px}.v8-help-grid>a{display:grid;gap:7px;text-decoration:none;padding:20px!important}.v8-help-grid span{color:var(--muted);font-size:13px;line-height:1.45}.v8-error{min-height:calc(100dvh - 80px);display:grid;place-content:center;text-align:center;justify-items:center;gap:12px;padding:30px}.v8-error-code{font-size:64px;font-weight:900;letter-spacing:-.06em}.v8-error h1{margin:0}.v8-error p{color:var(--muted);max-width:460px}.settings-section#muted{scroll-margin-top:90px}
@media(max-width:700px){.v8-five-actions button span{display:none}.v8-five-actions button{font-size:18px!important}.v8-help-grid{grid-template-columns:1fr;padding:10px}.v8-help-hero{padding:18px!important}}

/* DUNNO V8.1 — completion design layer */
.v81-detail-card{padding:0;overflow:hidden}.v81-detail-card>:not(.v81-hero-media){margin-left:24px;margin-right:24px}.v81-detail-card>.v67-actions{margin-bottom:24px}.v81-hero-media{display:block;width:100%;max-height:520px;object-fit:cover;background:var(--soft,#f4f4f5)}.v81-eyebrow{display:block;padding-top:22px;font-size:11px;font-weight:800;letter-spacing:.12em;color:var(--muted,#6b7280)}.v81-detail-card h1{font-size:clamp(26px,4vw,42px);line-height:1.05;margin-top:8px}.v81-lead{font-size:16px;line-height:1.65}.v81-price{font-size:28px;font-weight:850;margin-top:8px}.v81-meta-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:22px;margin-bottom:22px}.v81-meta-grid span{padding:14px;border:1px solid var(--border,#e5e7eb);border-radius:16px;display:flex;flex-direction:column;gap:5px}.v81-seller{display:flex;gap:12px;align-items:center;margin-top:22px;margin-bottom:22px;padding:16px;border:1px solid var(--border,#e5e7eb);border-radius:18px}.v81-seller>div{display:flex;flex-direction:column}.v81-section{margin-top:16px}.v81-story-link{display:block}.v81-story-view{width:min(620px,100%);min-height:calc(100dvh - 70px);margin:0 auto;background:#050505;color:#fff;position:relative;display:flex;flex-direction:column}.v81-story-view header{display:flex;justify-content:space-between;align-items:center;padding:18px;position:relative;z-index:2}.v81-story-view header a{display:flex;gap:9px;align-items:center;color:#fff;text-decoration:none}.v81-story-progress{height:3px;background:#333;margin:10px 16px 0;border-radius:999px;overflow:hidden}.v81-story-progress i{display:block;width:100%;height:100%;background:#fff;animation:v81story 6s linear}.v81-story-stage{flex:1;display:grid;place-items:center;min-height:0}.v81-story-stage img,.v81-story-stage video{max-width:100%;max-height:72dvh;object-fit:contain}.v81-story-view>p{padding:16px 20px;margin:0}.v81-story-viewers{margin:0 16px 18px;background:#171717;border-radius:14px;padding:12px}.v81-story-viewers a{display:flex;align-items:center;gap:8px;color:#fff;text-decoration:none;padding:7px}.danger{color:#b42318!important}@keyframes v81story{from{width:0}to{width:100%}}
@media(max-width:700px){.v81-meta-grid{grid-template-columns:1fr}.v81-detail-card>:not(.v81-hero-media){margin-left:16px;margin-right:16px}.v81-story-view{min-height:100dvh}}
\n/* DUNNO V8.2 — application stabilization */
.bubble-actions{opacity:.72!important;gap:3px;align-items:center}
.bubble-wrap:hover .bubble-actions,.bubble-wrap:focus-within .bubble-actions{opacity:1!important}
.bubble-actions button{width:32px;height:32px;display:grid;place-items:center;padding:0!important;border-radius:50%!important;color:var(--muted)!important;font-size:19px!important;font-weight:700;line-height:1;transition:background .16s ease,color .16s ease,transform .16s ease}
.bubble-actions button:hover,.bubble-actions button:focus-visible{background:var(--surface-2)!important;color:var(--text)!important;outline:none}
.bubble-actions .v64-react-message{color:color-mix(in srgb,var(--text) 72%,var(--muted))!important}
.bubble-actions .v64-react-message:hover,.bubble-actions .v64-react-message.active{color:#e54867!important;background:color-mix(in srgb,#e54867 10%,transparent)!important}
.bubble-actions .v64-hide-message:hover{color:#d53c50!important}
.reaction{color:var(--text)!important;background:var(--surface)!important;border-color:var(--line)!important;box-shadow:0 2px 8px rgba(0,0,0,.08)}
.nav-live-count{margin-left:auto;min-width:20px;height:20px;padding:0 6px;border-radius:999px;display:grid;place-items:center;background:var(--text);color:var(--inverse);font-size:10px;font-style:normal;font-weight:850}
.nav-live-count[hidden]{display:none!important}
html[data-theme="light"] .bubble-actions button{color:#68717d!important}
html[data-theme="light"] .bubble-actions button:hover{color:#08090b!important;background:#eef0f3!important}
html[data-theme="light"] .bubble-actions .v64-react-message{color:#5c6673!important}
html[data-theme="light"] .bubble-actions .v64-react-message:hover,html[data-theme="light"] .bubble-actions .v64-react-message.active{color:#d72f53!important;background:#fff0f3!important}
@media(max-width:900px){.bubble-actions{opacity:.9!important}.bubble-actions button{width:34px;height:34px}.nav-live-count{position:absolute;right:10px;top:6px}}


/* DUNNO V8.4 — shell spacing, verification seal and platform polish */
.verified{display:inline-grid!important;place-items:center!important;width:18px!important;height:18px!important;border:0!important;border-radius:0!important;background:none!important;box-shadow:none!important;color:inherit!important;vertical-align:-3px!important;line-height:1!important;overflow:visible!important}
.verified .verified-svg{display:block;width:100%;height:100%;overflow:visible;filter:drop-shadow(0 1px 1px rgba(0,0,0,.12))}
.verified .verified-seal{fill:#1d9bf0}
.verified.face-verified .verified-seal{fill:#8b5cf6}
.verified.identity-verified .verified-seal{fill:#1d9bf0}
.verified .verified-check{fill:none;stroke:#fff;stroke-width:2.35;stroke-linecap:round;stroke-linejoin:round}
.verified.mini{width:15px!important;height:15px!important;vertical-align:-2px!important}.verified.big{width:34px!important;height:34px!important}.verified.large{width:42px!important;height:42px!important}.verified.xlarge{width:62px!important;height:62px!important}
.identity-line .verified{flex:0 0 auto}

/* All desktop application pages begin comfortably below the persistent header. */
@media(min-width:901px){
 body.has-app-nav .app-shell{padding-top:34px!important}
 body.has-app-nav .app-shell>.side-nav,body.has-app-nav .app-shell>.right-col{top:98px!important;max-height:calc(100vh - 110px)!important}
 body.has-app-nav .feed-head{margin-top:0!important;padding-top:0!important}
 body.has-app-nav .feed-head h1,body.has-app-nav .settings-title h1,body.has-app-nav .v71-view-head h1{line-height:1.14!important}
}
@media(max-width:900px){body.has-app-nav .app-shell>.feed,body.has-app-nav .app-shell>.center-page,body.has-app-nav .app-shell>.message-page{padding-top:12px}}

/* DUNNO V8.5 — final core-social typography + component normalization */
.post-body{font-size:16px!important;line-height:1.55!important;font-weight:600!important;letter-spacing:-.01em!important;color:var(--text)!important;overflow-wrap:anywhere}
.post-body a{font-weight:750!important;color:var(--text)!important;text-decoration:none}.post-body a:hover{text-decoration:underline}
.post-who>b,.post-who>b>a{font-weight:800!important;color:var(--text)!important}.post-who>span{font-weight:500!important;color:var(--muted)!important}
.comment-content>p,.reply-card p{font-weight:560;line-height:1.52;color:var(--text)}
.post-actions button,.comment-tools button,.message-actions button{font-weight:700}
.v85-ticket-list{display:grid;gap:10px;margin-top:18px}.v85-ticket{padding:16px;border:1px solid var(--line);border-radius:16px;background:var(--surface)}.v85-ticket-head{display:flex;justify-content:space-between;gap:12px;align-items:center}.v85-ticket-head span{font-size:12px;font-weight:800;text-transform:capitalize;color:var(--muted)}.v85-ticket p{margin:8px 0;color:var(--muted)}.v85-ticket small{color:var(--muted)}
.v85-analytics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:12px 0 18px}.v85-analytics .card{padding:18px}.v85-analytics b{display:block;font-size:26px;letter-spacing:-.04em}.v85-analytics span{font-size:12px;color:var(--muted);font-weight:650}
.v85-save-listing.on{background:var(--text)!important;color:var(--inverse)!important}
@media(max-width:900px){.post-body{font-size:16px!important;font-weight:600!important}.v85-analytics{grid-template-columns:repeat(2,1fr)}}


/* DUNNO V8.5.1 — verification seal + post readability correction */
.verified{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;min-width:18px!important;background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;padding:0!important;vertical-align:-3px!important;overflow:visible!important}
.verified .verified-svg{display:block!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:none!important;overflow:visible!important;filter:drop-shadow(0 1px 1px rgba(0,0,0,.12))}
.verified.mini,.verified.mini .verified-svg{width:15px!important;height:15px!important;min-width:15px!important}.verified.big,.verified.big .verified-svg{width:34px!important;height:34px!important;min-width:34px!important}.verified.large,.verified.large .verified-svg{width:42px!important;height:42px!important;min-width:42px!important}.verified.xlarge,.verified.xlarge .verified-svg{width:62px!important;height:62px!important;min-width:62px!important}
.post-body{font-size:17px!important;line-height:1.52!important;font-weight:700!important;color:#111214!important;letter-spacing:-.012em!important}
html[data-theme="dark"] .post-body{color:#f5f5f6!important}
.post-body a{font-weight:800!important;color:inherit!important}
.account-trust>.verified{width:26px!important;height:26px!important;min-width:26px!important}.account-trust>.verified .verified-svg{width:26px!important;height:26px!important;min-width:26px!important}
@media(max-width:900px){.post-body{font-size:16.5px!important;font-weight:700!important}}


/* DUNNO V8.5.2 — single verification renderer */
.verified::before,.verified::after{content:none!important;display:none!important}
.verified{isolation:isolate!important;flex:none!important}
.verified .verified-svg{shape-rendering:geometricPrecision!important}


/* DUNNO V8.5.3 — definitive verification rosette + global desktop title clearance */
.verified,.verified.identity-verified,.verified.face-verified{display:inline-flex!important;align-items:center!important;justify-content:center!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;padding:0!important;margin:0 1px!important;border:0!important;border-radius:0!important;background:transparent!important;background-image:none!important;box-shadow:none!important;overflow:visible!important;vertical-align:-3px!important;line-height:0!important}
.verified::before,.verified::after{content:none!important;display:none!important}
.verified>.verified-svg{display:block!important;width:18px!important;height:18px!important;min-width:18px!important;max-width:18px!important;overflow:visible!important;shape-rendering:geometricPrecision!important}
.verified>.verified-svg .verified-rosette{stroke:none!important}
.verified>.verified-svg .verified-check{fill:none!important;stroke:#fff!important;stroke-width:2.25!important;stroke-linecap:round!important;stroke-linejoin:round!important}
.verified.mini,.verified.mini>.verified-svg{width:15px!important;height:15px!important;min-width:15px!important;max-width:15px!important}.verified.big,.verified.big>.verified-svg{width:34px!important;height:34px!important;min-width:34px!important;max-width:34px!important}.verified.large,.verified.large>.verified-svg{width:42px!important;height:42px!important;min-width:42px!important;max-width:42px!important}.verified.xlarge,.verified.xlarge>.verified-svg{width:62px!important;height:62px!important;min-width:62px!important;max-width:62px!important}
@media(min-width:901px){body.has-app-nav .app-shell{padding-top:58px!important}body.has-app-nav .app-shell>.side-nav,body.has-app-nav .app-shell>.right-col{top:116px!important;max-height:calc(100vh - 128px)!important}body.has-app-nav .feed-head,body.has-app-nav .settings-title,body.has-app-nav .v71-view-head,body.has-app-nav .section-title:first-child{margin-top:0!important;padding-top:0!important}}

/* DUNNO V8.6 — page-header flow repair + authoritative post typography
   Page titles/subtitles stay in normal flow. This intentionally replaces the
   earlier padding-only workarounds that could create empty space without fixing
   title/subtitle collisions. */
.feed-head:not(.v7-feed-tabs){height:auto!important;min-height:0!important;display:flex!important;align-items:flex-start!important;justify-content:space-between!important;margin:0 2px 18px!important;padding:0!important;border:0!important;background:transparent!important;overflow:visible!important}
.feed-head:not(.v7-feed-tabs)>div{display:grid!important;grid-auto-flow:row!important;align-content:start!important;gap:5px!important;min-width:0!important}
.feed-head:not(.v7-feed-tabs) h1{display:block!important;margin:0!important;padding:0!important;font-size:28px!important;line-height:1.12!important;letter-spacing:-.035em!important;color:var(--text)!important;position:static!important;transform:none!important}
.feed-head:not(.v7-feed-tabs) h1 + span,.feed-head:not(.v7-feed-tabs) h1 + small{display:block!important;margin:0!important;padding:0!important;line-height:1.45!important;color:var(--muted)!important;position:static!important;transform:none!important}
.settings-title,.v71-view-head,.section-title{position:static!important;transform:none!important}
.settings-title>div,.v71-view-head>div{display:grid!important;gap:5px!important}.settings-title h1,.v71-view-head h1,.section-title h2{margin-top:0!important;margin-bottom:0!important;line-height:1.12!important}.settings-title h1 + p,.v71-view-head h1 + p,.section-title h2 + span{margin-top:0!important;line-height:1.45!important}
@media(min-width:901px){body.has-app-nav .app-shell{padding-top:34px!important}body.has-app-nav .app-shell>.side-nav,body.has-app-nav .app-shell>.right-col{top:98px!important;max-height:calc(100vh - 110px)!important}}
@media(max-width:900px){.feed-head:not(.v7-feed-tabs){padding:10px 16px 12px!important;margin:0!important;border-bottom:1px solid var(--card-border)!important;background:color-mix(in srgb,var(--bg) 92%,transparent)!important}.feed-head:not(.v7-feed-tabs) h1{font-size:22px!important}.feed-head:not(.v7-feed-tabs)>div{gap:3px!important}}

/* Actual user-authored post copy is primary content, not muted metadata. */
.post-body{color:#000!important;font-size:17px!important;font-weight:700!important;line-height:1.55!important;letter-spacing:-.01em!important;opacity:1!important}
.post-body *{color:inherit!important}.post-body a{color:#000!important;font-weight:800!important}
html[data-theme="dark"] .post-body,html[data-theme="dark"] .post-body *,html[data-theme="dark"] .post-body a{color:#fff!important}
@media(max-width:900px){.post-body{font-size:16.5px!important;font-weight:700!important}}

/* DUNNO v8.6.1 — selected tab contrast correction
   Selected filter tabs use a dark fill in both themes, so their labels must
   remain explicitly white. This final rule intentionally wins over the
   inherited v7.3 menu-muted rule. */
.discover-tabs a.active,
.discover-tabs a.active:visited,
.discover-tabs a.active:hover,
.discover-tabs a.active:focus-visible {
  background:#000 !important;
  border-color:#000 !important;
  color:#fff !important;
  -webkit-text-fill-color:#fff !important;
  opacity:1 !important;
}

/* Keep the same selected-state contract on compact filter/tab controls that
   use a black selected surface. */
@media (prefers-contrast: more) {
  .discover-tabs a.active { outline:2px solid currentColor; outline-offset:2px; }
}

/* V8.6.2 — readable feed copy without heavy bold weight */
.post-body{
  color:#000!important;
  font-weight:400!important;
  opacity:1!important;
}
.post-body *{
  color:inherit!important;
  font-weight:inherit!important;
}
.post-body a{
  color:#000!important;
  font-weight:400!important;
}
html[data-theme="dark"] .post-body,
html[data-theme="dark"] .post-body *,
html[data-theme="dark"] .post-body a{
  color:#fff!important;
}
@media(max-width:900px){.post-body{font-weight:400!important}}


/* V8.7 — shared social interaction components */
.notification-tabs{display:flex;gap:8px;flex-wrap:wrap;margin:12px 0 4px}.notification-tabs a{padding:8px 12px;border:1px solid var(--border,#e5e7eb);border-radius:10px;color:var(--text,#111);text-decoration:none;font-weight:600}.notification-tabs a.active{background:#000;color:#fff!important;border-color:#000}.chat-typing{padding:7px 16px;font-size:13px;color:var(--muted,#667085);border-bottom:1px solid var(--border,#e5e7eb)}.comment-tools .comment-edit{font-weight:600}.comment-tools a{color:inherit;text-decoration:none}.profile-tabs a.active,.settings-tabs a.active{font-weight:700}
html[data-theme="dark"] .notification-tabs a.active{background:#fff;color:#000!important;border-color:#fff}

/* DUNNO V8.8 */
.v88-market-filters{display:grid;grid-template-columns:minmax(0,1fr) 180px 140px auto;gap:10px;align-items:center}.v88-story-nav{position:absolute;z-index:3;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:rgba(0,0,0,.55);color:#fff!important;font-size:30px;text-decoration:none}.v88-story-nav.prev{left:12px}.v88-story-nav.next{right:12px}.v81-story-stage{position:relative}@media(max-width:720px){.v88-market-filters{grid-template-columns:1fr 1fr}.v88-market-filters input:first-child{grid-column:1/-1}.v88-market-filters .btn{grid-column:1/-1}}


/* DUNNO v10.2.1 — owner post controls */
.post header{position:relative}
.own-post-menu{margin-left:auto;position:relative}
.own-post-menu>summary{list-style:none;cursor:pointer}
.own-post-menu>summary::-webkit-details-marker{display:none}
.post-more-pop form{margin:0}
.post-more-pop .danger-menu-action{width:100%;border:0;background:transparent;color:#d92d20;text-align:left;padding:10px 12px;font:inherit;cursor:pointer;border-radius:8px}
.post-more-pop .danger-menu-action:hover{background:rgba(217,45,32,.08)}
.edit-post-card{padding:22px}
.edit-post-form textarea{width:100%;min-height:180px;resize:vertical;font:inherit;line-height:1.55;color:var(--text);background:var(--card);border:1px solid var(--card-border);border-radius:14px;padding:14px 15px;outline:none}
.edit-post-form textarea:focus{border-color:var(--text);box-shadow:0 0 0 3px color-mix(in srgb,var(--text) 10%,transparent)}
.edit-post-actions{display:flex;justify-content:flex-end;gap:10px;align-items:center}
.edit-post-note{margin:14px 0 0}
@media(max-width:700px){.edit-post-card{padding:16px}.edit-post-actions{display:grid;grid-template-columns:1fr 1fr}.edit-post-actions .btn{text-align:center;justify-content:center}}

/* V10.2.4: homepage verification emblem — rosette, not a square. */
.social-preview .identity-panel .identity-badge{display:flex!important;align-items:center!important;justify-content:center!important;margin:0 auto 18px!important;width:56px!important;height:56px!important;background:transparent!important;box-shadow:none!important;border:0!important}
.social-preview .identity-panel .home-trust-emblem{display:block!important;width:52px!important;height:52px!important;line-height:0!important;background:none!important;border:0!important;box-shadow:none!important}
.social-preview .identity-panel .home-trust-emblem svg{display:block!important;width:100%!important;height:100%!important;overflow:visible!important}
.social-preview .identity-panel .home-trust-emblem svg path:last-child{stroke-width:2.5!important}

/* V10.2.5 — all public homepage badges use the same trusted SVG renderer */
.home-hero-verified{display:inline-flex;align-items:center;justify-content:center;flex:none}
.home-hero-verified .verified,.home-hero-verified .verified>.verified-svg{width:26px!important;height:26px!important;min-width:26px!important;max-width:26px!important}
.home-hero-verified .verified-check{stroke-width:1.75!important}
.social-preview .post-user .verified,.social-preview .post-user .verified>.verified-svg{width:16px!important;height:16px!important;min-width:16px!important;max-width:16px!important}
.social-preview .post-user .verified-check{stroke-width:1.8!important}
.social-preview .identity-panel .home-trust-emblem svg path:last-child{stroke-width:1.75!important}

/* V10.2.6 — homepage live public post preview */
.social-preview .home-live-post{padding:18px!important;border-radius:20px!important;margin:0!important;background:var(--surface)!important}.social-preview .home-live-post .post-user{display:flex;align-items:center;gap:12px}.social-preview .home-live-post .post-user .avatar{width:44px;height:44px}.social-preview .home-live-body{color:var(--text)!important;font-size:16px!important;font-weight:400!important;line-height:1.55!important;overflow-wrap:anywhere}.social-preview .home-live-media{display:block;width:100%;max-height:300px;object-fit:cover;border-radius:14px}.social-preview .home-preview-link{display:inline-block;margin-top:14px;font-weight:700;text-decoration:underline;text-underline-offset:3px}.social-preview .home-preview-empty{padding:26px 12px;text-align:center}.social-preview .home-preview-empty p{color:var(--muted)}.social-preview .identity-badge .verified{width:52px!important;height:52px!important;display:inline-flex!important;align-items:center;justify-content:center;background:none!important}.social-preview .identity-badge .verified-svg{width:52px!important;height:52px!important}

/* v10.3.6: Saved cover photos must not be replaced by theme background shorthand. */
.modern-profile .profile-cover[style*="background-image"]{background-image:var(--dunno-cover-image,none)!important}
/* The CSS custom property is set by the server only for uploaded cover images. */
.profile-editor-page .profile-editor-card{border:1px solid var(--line)!important;border-radius:20px!important;box-shadow:none!important;background:var(--surface)!important}
.profile-editor-page .profile-editor-card-head{padding:22px 24px!important}
.profile-editor-page .profile-editor-card-head h2{font-size:17px!important;letter-spacing:-.025em}
.profile-editor-page .profile-upload{border-radius:16px!important;transition:border-color .18s,background-color .18s,transform .18s}
.profile-editor-page .profile-upload:hover{border-color:var(--text)!important;transform:translateY(-1px)}
.profile-editor-page .profile-editor-fields input:focus-visible,.profile-editor-page .profile-editor-fields textarea:focus-visible,.profile-editor-page .profile-select-row select:focus-visible{outline:2px solid var(--text)!important;outline-offset:2px}
.profile-editor-page .profile-editor-actions button{min-height:44px}
@media(max-width:720px){.profile-editor-page .profile-editor-card-head{padding:17px!important}.profile-editor-page .profile-editor-card{border-radius:17px!important}}

/* DUNNO v10.3.8 — prevent nav flashes on initial render and browser restore */
body.has-app-nav .topbar,body.has-app-nav .side-nav,body.has-app-nav .bottom-nav{animation:none!important;transition-property:background-color,color,border-color!important;visibility:visible!important;opacity:1!important;transform:none!important}
body.has-app-nav.mobile-nav-leaving,body.has-app-nav.mobile-page-enter{animation:none!important;opacity:1!important;transform:none!important}
@media(max-width:900px){body.has-app-nav>.bottom-nav{display:grid!important;position:fixed!important;visibility:visible!important;opacity:1!important;transform:none!important;z-index:120!important}body.has-app-nav .app-shell>.side-nav{display:none!important}}
@media(min-width:901px){body.has-app-nav>.bottom-nav{display:none!important}body.has-app-nav .app-shell>.side-nav{display:flex!important}}

/* DUNNO v10.3.9 — mobile layout containment and comfortable tap targets */
html,body{max-width:100%;overflow-x:clip}
.app-shell,.app-shell>*{min-width:0;box-sizing:border-box}
@media(max-width:900px){
 body.has-app-nav .app-shell{width:100%!important;max-width:100%!important;display:block!important;margin:0 auto!important;padding-left:12px!important;padding-right:12px!important;padding-bottom:calc(92px + env(safe-area-inset-bottom))!important}
 body.has-app-nav .app-shell>.feed,body.has-app-nav .app-shell>.center-page,body.has-app-nav .app-shell>.message-page,body.has-app-nav .app-shell>.settings-shell,body.has-app-nav .app-shell>.profile-editor-page{width:100%!important;max-width:100%!important;min-width:0!important;margin-left:auto!important;margin-right:auto!important}
 body.has-app-nav .app-shell>.right-col{display:none!important}
 .app-shell img,.app-shell video,.app-shell iframe{max-width:100%}
 .app-shell input,.app-shell textarea,.app-shell select{max-width:100%;min-width:0;box-sizing:border-box}
 .app-shell .form-grid,.app-shell .profile-editor-fields,.app-shell .settings-grid{min-width:0}
 .app-shell .card,.app-shell .settings-card,.app-shell .profile-editor-card,.app-shell .profile-card{max-width:100%;min-width:0;overflow-wrap:anywhere}
 .app-shell button,.app-shell .btn{min-height:40px}
}
@media(max-width:540px){
 body.has-app-nav .app-shell{padding-left:10px!important;padding-right:10px!important}
 .app-shell .form-grid{grid-template-columns:minmax(0,1fr)!important}
 .app-shell .profile-editor-card,.app-shell .settings-card{padding-left:14px;padding-right:14px}
 .app-shell .profile-editor-card-head{padding-left:0!important;padding-right:0!important}
 .app-shell .profile-editor-actions{display:flex;flex-wrap:wrap;gap:10px}
 .app-shell .profile-editor-actions>*{flex:1 1 140px}
}
/* Lightweight load indicator, independent from the navigation shell */
#dunno-page-loader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:var(--bg,#fff);opacity:1;transition:opacity .18s ease;pointer-events:none}
#dunno-page-loader.is-done{opacity:0;visibility:hidden}
#dunno-page-loader .dunno-load-mark{width:34px;height:34px;border:3px solid color-mix(in srgb,var(--text,#111) 14%,transparent);border-top-color:var(--text,#111);border-radius:50%;animation:dunno-spin .7s linear infinite}
@keyframes dunno-spin{to{transform:rotate(360deg)}}
@media(prefers-reduced-motion:reduce){#dunno-page-loader .dunno-load-mark{animation:none}}