/* ── XVIEW — SHARED STYLES — TWITTER/X BLUE THEME ── */
@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}

:root{
  --bg:210 25% 6%;
  --fg:0 0% 95%;
  --card:210 22% 9%;
  --card-fg:0 0% 95%;
  --primary:203 89% 53%;
  --primary-fg:0 0% 100%;
  --secondary:210 20% 13%;
  --secondary-fg:0 0% 85%;
  --muted:210 18% 15%;
  --muted-fg:210 12% 52%;
  --accent:203 89% 40%;
  --border:210 18% 17%;
  --gradient-primary:linear-gradient(135deg,hsl(203,89%,53%),hsl(220,90%,58%));
  --gradient-text:linear-gradient(135deg,hsl(203,89%,53%),hsl(220,90%,65%));
  --gradient-hero-bg:radial-gradient(ellipse at center top,hsl(203 89% 53% / 0.08) 0%,transparent 60%);
}

body{font-family:'Inter',sans-serif;background:hsl(var(--bg));color:hsl(var(--fg));-webkit-font-smoothing:antialiased;line-height:1.6}
.container{max-width:1200px;margin:0 auto;padding:0 1.5rem}
.muted{color:hsl(var(--muted-fg))}
.gradient-text{background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.gradient-primary{background:var(--gradient-primary)}
.glass-card{background:hsl(var(--card)/0.5);backdrop-filter:blur(8px);border:1px solid hsl(var(--border)/0.5);border-radius:0.75rem}
.section-badge{display:inline-flex;align-items:center;gap:0.5rem;padding:0.375rem 1rem;border-radius:9999px;font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:hsl(var(--primary));background:hsl(var(--primary)/0.1);border:1px solid hsl(var(--primary)/0.2)}
.btn{display:inline-flex;align-items:center;gap:0.5rem;background:var(--gradient-primary);color:#fff;font-weight:700;font-size:1.125rem;padding:1rem 2.5rem;border-radius:9999px;border:none;cursor:pointer;transition:opacity 0.2s;text-decoration:none}
.btn:hover{opacity:0.9}
.btn-sm{font-size:0.875rem;padding:0.625rem 1.25rem;font-weight:600}

/* NAV */
nav{position:fixed;top:0;left:0;right:0;z-index:50;border-bottom:1px solid hsl(var(--border)/0.5);background:hsl(var(--bg)/0.85);backdrop-filter:blur(12px)}
nav .inner{display:flex;align-items:center;justify-content:space-between;height:4rem}
nav .logo{display:flex;align-items:center;gap:0.5rem;font-size:1.125rem;font-weight:700;text-decoration:none;color:hsl(var(--fg))}
nav .logo-icon{background:var(--gradient-primary);border-radius:0.5rem;padding:0.375rem;display:flex}
nav .links{display:none;gap:2rem;list-style:none}
nav .links a{font-size:0.875rem;color:hsl(var(--muted-fg));text-decoration:none;transition:color 0.2s}
nav .links a:hover{color:hsl(var(--fg))}
nav .links a.active{color:hsl(var(--fg))}
nav .right{display:flex;align-items:center;gap:0.75rem}
.online{display:none;align-items:center;gap:0.375rem;font-size:0.75rem;color:hsl(var(--muted-fg))}
.online .dot{width:0.5rem;height:0.5rem;border-radius:50%;background:#22c55e;animation:pulse-dot 2s infinite}
@keyframes pulse-dot{0%,100%{opacity:1}50%{opacity:0.5}}
@media(min-width:768px){nav .links{display:flex}.online{display:flex}}

.mob-menu{display:none;flex-direction:column;position:fixed;top:4rem;left:0;right:0;background:hsl(var(--bg));border-bottom:1px solid hsl(var(--border)/0.5);padding:1rem 1.5rem;z-index:49;gap:0.25rem}
.mob-menu.open{display:flex}
.mob-menu a{color:hsl(var(--muted-fg));text-decoration:none;padding:0.6rem 0.5rem;font-size:0.9rem;border-radius:0.5rem;transition:color 0.2s,background 0.2s}
.mob-menu a:hover{color:hsl(var(--fg));background:hsl(var(--muted)/0.4)}
.mob-label{font-size:0.7rem;font-weight:700;text-transform:uppercase;letter-spacing:0.08em;color:hsl(var(--muted-fg));padding:0.6rem 0.5rem 0.2rem;margin-top:0.3rem}
.hamburger{display:flex;flex-direction:column;gap:5px;cursor:pointer;padding:0.4rem;background:none;border:none}
.hamburger span{width:20px;height:2px;background:hsl(var(--muted-fg));border-radius:2px;display:block}
@media(min-width:768px){.hamburger{display:none}}

/* HERO */
.hero{position:relative;padding:8rem 0 8rem;overflow:hidden;text-align:center}
.hero::before{content:'';position:absolute;inset:0;background:var(--gradient-hero-bg)}
.hero .content{position:relative;padding:25px}
.hero .tag{display:inline-flex;align-items:center;gap:0.5rem;padding:0.5rem 1rem;border-radius:9999px;background:hsl(var(--primary)/0.1);border:1px solid hsl(var(--primary)/0.2);font-size:0.75rem;font-weight:600;text-transform:uppercase;letter-spacing:0.05em;color:hsl(var(--primary));margin-bottom:2rem}
.hero h1{font-size:clamp(2.5rem,7vw,4.5rem);font-weight:900;line-height:1.1;margin-bottom:1.5rem}
.hero .sub{max-width:40rem;margin:0 auto 1rem;font-size:1.125rem;color:hsl(var(--muted-fg))}
.hero .note{font-size:0.875rem;color:hsl(var(--muted-fg));margin-bottom:2rem}
.hero .note strong{color:hsl(var(--fg))}
.badges{display:flex;flex-wrap:wrap;justify-content:center;gap:1.5rem;margin-top:2.5rem;font-size:0.875rem;color:hsl(var(--muted-fg))}
.badges span{display:flex;align-items:center;gap:0.5rem}

/* STATS */
.stats{padding:4rem 0;border-top:1px solid hsl(var(--border)/0.5);border-bottom:1px solid hsl(var(--border)/0.5);background:hsl(var(--secondary)/0.3)}
.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:2rem;text-align:center}
@media(min-width:768px){.stats-grid{grid-template-columns:repeat(4,1fr)}}
.stat-number{font-size:clamp(2rem,4vw,3rem);font-weight:900;letter-spacing:-0.025em;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:flex;align-items:center;justify-content:center;gap:0.25rem}
.stat-label{font-size:0.875rem;color:hsl(var(--muted-fg));margin-top:0.25rem}

/* HOW IT WORKS */
.how{padding:5rem 0}
.how .grid{display:grid;gap:2rem;max-width:52rem;margin:0 auto}
@media(min-width:768px){.how .grid{grid-template-columns:repeat(3,1fr)}}
.step{padding:2rem;text-align:center;position:relative;transition:border-color 0.2s}
.step:hover{border-color:hsl(var(--primary)/0.3)}
.step .num{position:absolute;top:-1rem;left:50%;transform:translateX(-50%);width:2rem;height:2rem;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:0.875rem;font-weight:700;color:#fff}
.step h3{font-size:1.125rem;font-weight:600;margin:0.5rem 0}
.step p{font-size:0.875rem;color:hsl(var(--muted-fg))}

/* FEATURES */
.features{padding:5rem 0;background:hsl(var(--secondary)/0.2)}
.features-grid{display:grid;gap:1.5rem;max-width:64rem;margin:0 auto}
@media(min-width:640px){.features-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.features-grid{grid-template-columns:repeat(3,1fr)}}
.feat{padding:1.5rem;transition:border-color 0.2s}
.feat:hover{border-color:hsl(var(--primary)/0.3)}
.feat h3{font-weight:600;margin:1rem 0 0.5rem}
.feat p{font-size:0.875rem;color:hsl(var(--muted-fg));line-height:1.6}

/* GUIDE */
.guide{padding:5rem 0}
.guide-inner{max-width:48rem}
.guide h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;margin-bottom:2rem}
.guide .body{color:hsl(var(--muted-fg));line-height:1.8}
.guide .body h3{font-size:1.25rem;font-weight:600;color:hsl(var(--fg));margin:1.5rem 0 0.5rem}
.guide .body strong{color:hsl(var(--fg))}

/* REVIEWS */
.reviews{padding:5rem 0}
.reviews-grid{display:grid;gap:1.5rem;max-width:64rem;margin:0 auto}
@media(min-width:640px){.reviews-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.reviews-grid{grid-template-columns:repeat(3,1fr)}}
.review-card{padding:1.5rem;transition:border-color 0.2s}
.review-card:hover{border-color:hsl(var(--primary)/0.3)}
.review-stars{color:#facc15;font-size:0.875rem;margin-bottom:0.75rem;letter-spacing:0.1em}
.review-text{font-size:0.875rem;color:hsl(var(--muted-fg));line-height:1.7;margin-bottom:1.1rem;font-style:italic}
.review-author{display:flex;align-items:center;gap:0.65rem}
.review-av{width:34px;height:34px;border-radius:50%;background:var(--gradient-primary);display:flex;align-items:center;justify-content:center;font-size:0.85rem;flex-shrink:0}
.review-name{font-size:0.875rem;font-weight:600}
.review-role{font-size:0.75rem;color:hsl(var(--muted-fg))}
.review-check{margin-left:auto;color:#4ade80;font-size:0.72rem;white-space:nowrap}

/* BLOG */
.blog-section{padding:5rem 0;background:hsl(var(--secondary)/0.2)}
.blog-head{display:flex;justify-content:space-between;align-items:flex-end;flex-wrap:wrap;gap:1rem;margin-bottom:2.5rem}
.blog-grid{display:grid;gap:1.5rem;max-width:64rem;margin:0 auto}
@media(min-width:640px){.blog-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.blog-grid{grid-template-columns:repeat(3,1fr)}}
.blog-card{display:block;text-decoration:none;color:inherit;transition:border-color 0.2s}
.blog-card:hover{border-color:hsl(var(--primary)/0.3)}
.blog-thumb{height:160px;display:flex;align-items:center;justify-content:center;font-size:2.5rem;position:relative;border-radius:0.5rem;overflow:hidden;margin-bottom:1rem}
.blog-tag{position:absolute;top:10px;left:10px;background:hsl(var(--primary));color:#fff;font-size:0.65rem;font-weight:700;padding:0.2rem 0.55rem;border-radius:9999px}
.blog-meta{color:hsl(var(--muted-fg));font-size:0.75rem;margin-bottom:0.4rem}
.blog-card h3{font-size:0.97rem;font-weight:600;margin-bottom:0.4rem;line-height:1.4;color:hsl(var(--fg))}
.blog-card p{font-size:0.85rem;color:hsl(var(--muted-fg));line-height:1.6;margin-bottom:0.75rem}
.blog-read{color:hsl(var(--primary));font-size:0.82rem;font-weight:600}

/* FAQ */
.faq{padding:5rem 0;background:hsl(var(--secondary)/0.2)}
.faq-inner{max-width:48rem;margin:0 auto}
details{margin-bottom:0.75rem;border-radius:0.75rem;overflow:hidden}
details summary{padding:1rem 1.5rem;font-size:0.875rem;font-weight:500;cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;color:hsl(var(--fg))}
details summary::-webkit-details-marker{display:none}
details summary::after{content:'＋';font-size:1.25rem;color:hsl(var(--muted-fg));transition:transform 0.2s}
details[open] summary::after{content:'－'}
details .answer{padding:0 1.5rem 1rem;font-size:0.875rem;color:hsl(var(--muted-fg));line-height:1.6}

/* CTA */
.cta{padding:5rem 0;position:relative;overflow:hidden;text-align:center}
.cta::before{content:'';position:absolute;inset:0;background:var(--gradient-hero-bg)}
.cta .content{position:relative}
.cta h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;margin-bottom:1rem}
.cta p{color:hsl(var(--muted-fg));max-width:32rem;margin:0 auto 2rem}

/* PAGE HERO */
.page-hero{padding:7rem 0 4rem;position:relative;overflow:hidden;text-align:center}
.page-hero::before{content:'';position:absolute;inset:0;background:var(--gradient-hero-bg)}
.page-hero .content{position:relative}
.page-hero h1{font-size:clamp(2rem,5vw,3.5rem);font-weight:900;line-height:1.1;margin-bottom:1rem}
.page-hero p{color:hsl(var(--muted-fg));max-width:40rem;margin:0 auto;font-size:1.05rem}

/* FOOTER */
footer{padding:2.5rem 0;border-top:1px solid hsl(var(--border)/0.5)}
footer .inner{display:flex;flex-direction:column;align-items:center;gap:1rem}
@media(min-width:768px){footer .inner{flex-direction:row;justify-content:space-between}}
footer .logo{display:flex;align-items:center;gap:0.5rem;font-weight:600;text-decoration:none;color:hsl(var(--fg))}
footer .logo-icon{background:var(--gradient-primary);border-radius:0.5rem;padding:0.375rem;display:flex}
footer p{font-size:0.75rem;color:hsl(var(--muted-fg))}
footer .ft-links{display:flex;gap:1.5rem;flex-wrap:wrap;justify-content:center}
footer .ft-links a{font-size:0.75rem;color:hsl(var(--muted-fg));text-decoration:none;transition:color 0.2s}
footer .ft-links a:hover{color:hsl(var(--fg))}

/* UTILITIES */
.text-center{text-align:center}
.mb-14{margin-bottom:3.5rem}
.mt-4{margin-top:1rem}
.mb-3{margin-bottom:0.75rem}
.text-primary{color:hsl(var(--primary))}
.text-green{color:#4ade80}
.text-yellow{color:#facc15}
.sec-head{text-align:center;margin-bottom:3.5rem}
.sec-head .section-badge{margin-bottom:1rem;display:block}
.sec-head h2{font-size:clamp(1.5rem,3vw,2.25rem);font-weight:700;margin-bottom:0.75rem}
.sec-head p{color:hsl(var(--muted-fg))}

.inner-section{padding:5rem 0}
.inner-section-alt{padding:5rem 0;background:hsl(var(--secondary)/0.2)}
.inner-grid-2{display:grid;gap:1.5rem}
@media(min-width:768px){.inner-grid-2{grid-template-columns:1fr 1.4fr}}
.inner-grid-3{display:grid;gap:1.5rem}
@media(min-width:640px){.inner-grid-3{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.inner-grid-3{grid-template-columns:repeat(3,1fr)}}
.inner-grid-4{display:grid;gap:1.5rem}
@media(min-width:640px){.inner-grid-4{grid-template-columns:repeat(2,1fr)}}
@media(min-width:1024px){.inner-grid-4{grid-template-columns:repeat(4,1fr)}}

.info-card{padding:1.5rem;transition:border-color 0.2s}
.info-card:hover{border-color:hsl(var(--primary)/0.3)}
.info-card .ico{font-size:2rem;margin-bottom:0.85rem}
.info-card h3{font-size:1rem;font-weight:600;margin-bottom:0.4rem}
.info-card p{font-size:0.875rem;color:hsl(var(--muted-fg));line-height:1.6}

.form-group{margin-bottom:1.1rem}
.form-group label{display:block;font-size:0.82rem;font-weight:600;color:hsl(var(--fg));margin-bottom:0.38rem}
.form-group input,.form-group select,.form-group textarea{width:100%;background:hsl(var(--muted)/0.3);border:1px solid hsl(var(--border)/0.5);border-radius:0.5rem;padding:0.7rem 1rem;color:hsl(var(--fg));font-family:'Inter',sans-serif;font-size:0.9rem;outline:none;resize:vertical;transition:border-color 0.2s}
.form-group input::placeholder,.form-group textarea::placeholder{color:hsl(var(--muted-fg))}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{border-color:hsl(var(--primary)/0.6)}
.form-group select option{background:hsl(var(--bg));color:hsl(var(--fg))}
.form-group textarea{min-height:130px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:1rem}
@media(max-width:600px){.form-row{grid-template-columns:1fr}}

.prose{max-width:48rem;margin:0 auto;color:hsl(var(--muted-fg));line-height:1.8}
.prose h2{font-size:1.35rem;font-weight:700;color:hsl(var(--fg));margin:2rem 0 0.75rem}
.prose h3{font-size:1.1rem;font-weight:600;color:hsl(var(--fg));margin:1.5rem 0 0.5rem}
.prose p{margin-bottom:1rem}
.prose ul{margin:0.75rem 0 1rem 1.5rem}
.prose li{margin-bottom:0.4rem}
.prose strong{color:hsl(var(--fg))}
.prose a{color:hsl(var(--primary));text-decoration:underline}

.stats-row{display:flex;gap:1px;background:hsl(var(--border)/0.5);border-radius:1rem;overflow:hidden}
.stat-block{flex:1;background:hsl(var(--card)/0.6);padding:2.5rem 1rem;text-align:center}
.stat-block strong{display:block;font-size:2.2rem;font-weight:900;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;margin-bottom:0.25rem}
.stat-block span{font-size:0.85rem;color:hsl(var(--muted-fg))}
@media(max-width:640px){.stats-row{flex-direction:column;gap:1px}}

.team-grid{display:grid;gap:1.5rem}
@media(min-width:480px){.team-grid{grid-template-columns:repeat(2,1fr)}}
@media(min-width:768px){.team-grid{grid-template-columns:repeat(3,1fr)}}
@media(min-width:1024px){.team-grid{grid-template-columns:repeat(5,1fr)}}
.team-card{padding:1.75rem 1.25rem;text-align:center;transition:border-color 0.2s}
.team-card:hover{border-color:hsl(var(--primary)/0.3)}
.team-av{width:64px;height:64px;border-radius:50%;margin:0 auto 1rem;display:flex;align-items:center;justify-content:center;font-size:1.8rem;background:var(--gradient-primary)}
.team-card h3{font-size:0.95rem;font-weight:600;margin-bottom:0.25rem}
.team-card p{font-size:0.8rem;color:hsl(var(--muted-fg))}

/* Tweet grid */
.tgrid{display:grid;gap:1rem}
.tc{background:hsl(var(--card)/0.6);border:1px solid hsl(var(--border)/0.5);border-radius:0.75rem;padding:1.25rem;transition:border-color 0.2s,transform 0.2s;cursor:pointer}
.tc:hover{border-color:hsl(var(--primary)/0.4);transform:translateY(-2px)}
.tc-text{font-size:0.9rem;line-height:1.6;margin-bottom:0.75rem;color:hsl(var(--fg))}
.tc-meta{display:flex;gap:1.25rem;font-size:0.78rem;color:hsl(var(--muted-fg))}
.tc-meta span{display:flex;align-items:center;gap:0.3rem}

/* Viewer specific */
.viewer-search-box{max-width:36rem;margin:2rem auto 0;display:flex;background:hsl(var(--card)/0.5);backdrop-filter:blur(8px);border:1px solid hsl(var(--border)/0.5);border-radius:9999px;overflow:hidden;transition:border-color 0.2s,box-shadow 0.3s}
.viewer-search-box:focus-within{border-color:hsl(var(--primary)/0.5);box-shadow:0 0 0 3px hsl(var(--primary)/0.12)}
.vs-prefix{padding:0.75rem 0.9rem 0.75rem 1.4rem;display:flex;align-items:center;color:hsl(var(--muted-fg));font-size:0.9rem;white-space:nowrap;flex-shrink:0}
.viewer-search-box input{flex:1;background:none;border:none;outline:none;color:hsl(var(--fg));font-family:'Inter',sans-serif;font-size:1rem;padding:0.75rem 0;min-width:0}
.viewer-search-box input::placeholder{color:hsl(var(--muted-fg))}
.viewer-search-box button{background:var(--gradient-primary);color:#fff;border:none;padding:0 1.6rem;font-family:'Inter',sans-serif;font-size:0.9rem;font-weight:600;cursor:pointer;transition:opacity 0.2s;white-space:nowrap;flex-shrink:0}
.viewer-search-box button:hover{opacity:0.88}
.res-section{padding:3rem 0 5rem}
.v-empty{text-align:center;padding:5rem 2rem;border:1px dashed hsl(var(--border)/0.5);border-radius:0.75rem;max-width:36rem;margin:0 auto}
.v-empty-ico{font-size:3rem;margin-bottom:1rem}
.v-empty h3{font-size:1.1rem;font-weight:600;margin-bottom:0.5rem}
.v-empty p{color:hsl(var(--muted-fg));font-size:0.875rem}
.p-result{display:none;max-width:52rem;margin:0 auto}
.p-result.show{display:block}
.p-banner{height:180px;background:linear-gradient(135deg,hsl(203,89%,20%),hsl(203,89%,38%),hsl(220,90%,45%));border-radius:0.75rem 0.75rem 0 0;position:relative}
.p-banner::after{content:'';position:absolute;inset:0;background:linear-gradient(to top,hsl(var(--card)/0.9),transparent 50%);border-radius:inherit}
.p-body{background:hsl(var(--card)/0.5);backdrop-filter:blur(8px);border:1px solid hsl(var(--border)/0.5);border-top:none;border-radius:0 0 0.75rem 0.75rem;padding:1.5rem 2rem 2rem}
.p-top{display:flex;gap:1.4rem;align-items:flex-start;flex-wrap:wrap;margin-top:-3rem;position:relative;z-index:1;margin-bottom:1.5rem}
.p-ava{width:80px;height:80px;border-radius:50%;background:var(--gradient-primary);border:4px solid hsl(var(--card));display:flex;align-items:center;justify-content:center;font-size:2rem;flex-shrink:0;overflow:hidden}
.p-info{flex:1;padding-top:3rem;min-width:180px}
.p-info h2{font-size:1.4rem;font-weight:700;margin-bottom:0.2rem}
.p-handle{color:hsl(var(--muted-fg));font-size:0.875rem;margin-bottom:0.5rem}
.p-bio{color:hsl(var(--muted-fg));font-size:0.875rem;line-height:1.6}
.p-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:hsl(var(--border)/0.5);border-radius:0.75rem;overflow:hidden;margin-bottom:1.5rem}
.ps{background:hsl(var(--muted)/0.3);padding:0.9rem;text-align:center}
.ps strong{display:block;font-size:1.2rem;font-weight:800;background:var(--gradient-text);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.ps span{color:hsl(var(--muted-fg));font-size:0.72rem}
.p-acts{display:flex;gap:0.6rem;flex-wrap:wrap;margin-bottom:1.75rem}
.p-btn{display:inline-flex;align-items:center;gap:0.45rem;background:hsl(var(--muted)/0.4);border:1px solid hsl(var(--border)/0.5);color:hsl(var(--muted-fg));padding:0.5rem 1rem;border-radius:9999px;font-size:0.84rem;font-weight:500;cursor:default;text-decoration:none}
.p-btn-main{background:var(--gradient-primary);border:none;color:#fff;cursor:pointer}
.p-btn-main:hover{opacity:0.9}
.vg-lbl{font-size:0.75rem;font-weight:600;color:hsl(var(--muted-fg));margin-bottom:0.75rem;text-transform:uppercase;letter-spacing:0.05em}
.p-note{margin-top:1.25rem;text-align:center;color:hsl(var(--muted-fg));font-size:0.78rem;padding:0.8rem 1rem;background:hsl(var(--muted)/0.2);border-radius:0.5rem}
@keyframes blink{0%,100%{opacity:1}50%{opacity:0}}
@media(max-width:600px){.p-stats{grid-template-columns:repeat(2,1fr)}.p-top{flex-direction:column}.p-info{padding-top:0}.viewer-search-box{flex-direction:column;border-radius:0.75rem}.vs-prefix{padding:0.7rem 1rem}.viewer-search-box button{padding:0.85rem}}