*{box-sizing:border-box;margin:0;padding:0} :root{ --paper:#f3f1ec; /* fondo de la pagina, como el gris de old reddit pero calido */ --card:#fffdf9; /* columna de contenido */ --ink:#141210; --muted:#6f685d; --faint:#9a9186; --line:#d8d1c5; --line2:#e8e2d8; --hot:#cc3b12; /* acento: rank 1-3, votos, acciones */ --link:#1b3a6b; /* azul apagado, el guiño a old reddit sin copiarlo */ --gold:#a8782a; --head:#e9e3d8; --okbg:#e3f2e7; --okink:#2c6a3a; --infobg:#e3eaf7; --infoink:#2b4a7a; } /* modo oscuro: sigue al movil salvo que la persona elija (data-theme en ) */ @media(prefers-color-scheme:dark){:root:not([data-theme="light"]){ --paper:#0d0c0b; --card:#161412; --ink:#f0ece5; --muted:#a39b8f; --faint:#7a7266; --line:#2f2a24; --line2:#221f1a; --link:#8fb4e8; --head:#1b1814; --gold:#d6a94a; --okbg:#17301f; --okink:#7fd39a; --infobg:#1a2638; --infoink:#9dbbe8; }} :root[data-theme="dark"]{ --paper:#0d0c0b; --card:#161412; --ink:#f0ece5; --muted:#a39b8f; --faint:#7a7266; --line:#2f2a24; --line2:#221f1a; --link:#8fb4e8; --head:#1b1814; --gold:#d6a94a; --okbg:#17301f; --okink:#7fd39a; --infobg:#1a2638; --infoink:#9dbbe8; } html{-webkit-text-size-adjust:100%} body{background:var(--paper);color:var(--ink); font:13px/1.4 Verdana,Geneva,"DejaVu Sans",sans-serif} a{color:var(--link);text-decoration:none} a:hover{text-decoration:underline} /* ===== cabecera: la barra de destinos, como la tabmenu de old reddit ===== */ #header{background:var(--head);border-bottom:1px solid var(--line)} .hdr{max-width:1180px;margin:0 auto;padding:0 12px;display:flex;align-items:flex-end;gap:14px;flex-wrap:wrap} .logo{display:flex;align-items:center;gap:7px;color:var(--ink);padding:5px 0 4px;flex:0 0 auto} .logo:hover{text-decoration:none} .logo b{font-size:20px;font-weight:800;letter-spacing:-.035em} .logo .mark{width:22px;height:27px;overflow:visible;fill:none;stroke:var(--ink); stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round} .logo .mark .eye{fill:var(--ink);stroke:none} .logo .mark .ear{stroke:var(--hot)} .logo .mark .grill{stroke-width:1.4;opacity:.55} .logo:hover .mark{stroke:var(--hot)} .logo:hover .mark .eye{fill:var(--hot)} .tabmenu{list-style:none;display:flex;gap:2px;flex:1;overflow-x:auto;scrollbar-width:none;padding-top:8px} .tabmenu::-webkit-scrollbar{display:none} .tabmenu a{display:block;padding:4px 9px;font-size:12px;color:var(--muted);white-space:nowrap; border:1px solid transparent;border-bottom:0;border-radius:3px 3px 0 0} .tabmenu a:hover{background:rgba(0,0,0,.05);text-decoration:none} .tabmenu a[aria-current]{background:var(--card);border-color:var(--line);color:var(--ink);font-weight:700; margin-bottom:-1px;padding-bottom:5px} .hdr #acct{display:inline-flex;align-items:center;gap:6px;vertical-align:middle} .hdr .who-me{font-weight:700;color:var(--ink)} .ubtn-ph{display:inline-grid;place-items:center;width:22px;height:22px;border-radius:50%;background:#6c47ff;color:#fff;font-size:11px;font-weight:700;vertical-align:middle} .hdr .me{font-size:11px;color:var(--muted);padding:9px 0;flex:0 0 auto} /* ===== buscador ===== */ .hsearch{flex:0 0 auto;padding:6px 0} .hsearch input{font:inherit;font-size:12px;padding:4px 8px;width:150px;border:1px solid var(--line); background:var(--card);color:inherit;border-radius:2px} .searchbig{display:flex;gap:6px;margin-top:9px} .searchbig input{flex:1;font:inherit;font-size:15px;padding:9px;border:1px solid var(--line);background:var(--card);color:inherit;border-radius:2px} .searchbig button{font:inherit;font-weight:700;padding:0 16px;border:0;background:var(--ink);color:var(--card);border-radius:2px;cursor:pointer} @media(max-width:900px){.hsearch{display:none}} /* ===== dos columnas ===== */ #body{max-width:1180px;margin:0 auto;padding:0 12px;display:flex;gap:16px;align-items:flex-start} .content{flex:1;min-width:0;background:var(--card);border:1px solid var(--line);border-top:0; padding:0 0 22px} .side{flex:0 0 300px;margin-top:12px} .box{background:var(--card);border:1px solid var(--line);padding:12px;margin-bottom:12px} .box h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted); font-weight:700;margin-bottom:7px} .box p{font-size:12px;color:var(--muted);margin-bottom:8px;line-height:1.5} .box .big{font-size:26px;font-weight:700;color:var(--ink);line-height:1} .box dl{display:grid;grid-template-columns:auto 1fr;gap:3px 10px;font-size:12px} .box dt{color:var(--muted)} .box dd{text-align:right;font-weight:700;font-variant-numeric:tabular-nums} .side ul{list-style:none;font-size:12px} .side ul li{padding:2px 0} .submit{display:block;text-align:center;background:var(--hot);color:#fff;font-weight:700; font-size:13px;padding:9px;border:0} .submit:hover{text-decoration:none;filter:brightness(1.08)} /* ===== crumb + titular ===== */ .crumb{font-size:11px;color:var(--muted);padding:9px 14px 0} .pagehead{padding:6px 14px 10px;border-bottom:1px solid var(--line2)} .pagehead h1{font-size:19px;font-weight:700;letter-spacing:-.01em;line-height:1.25} .pagehead h1.one{font-size:clamp(15px,4.7vw,19px);white-space:nowrap} .pagehead .lede{font-size:12px;color:var(--muted);margin-top:4px} .sortbar{display:flex;gap:4px;padding:8px 14px;border-bottom:1px solid var(--line2);flex-wrap:wrap} .sortbar a{font-size:11px;padding:3px 8px;border:1px solid var(--line);border-radius:2px;color:var(--muted)} .sortbar a[aria-current]{background:var(--ink);color:var(--card);border-color:var(--ink);font-weight:700} .sortbar a:hover{text-decoration:none;border-color:var(--muted)} /* ===== el listado: denso, una fila = una linea de informacion ===== */ ol.things{list-style:none} .thing{display:flex;gap:8px;padding:9px 14px 9px 6px;border-bottom:1px solid var(--line2);align-items:flex-start} .thing:hover{background:rgba(0,0,0,.015)} .rank{flex:0 0 26px;text-align:right;font-size:15px;font-weight:700;color:var(--faint); font-variant-numeric:tabular-nums;padding-top:2px} .thing.top3 .rank{color:var(--hot)} .midcol{flex:0 0 46px;text-align:center;padding-top:1px} .midcol .score{font-size:16px;font-weight:700;color:var(--gold);line-height:1.1;font-variant-numeric:tabular-nums} .midcol .n{font-size:10px;color:var(--faint);display:block} .midcol .none{font-size:15px;color:var(--faint)} .tn{flex:0 0 70px;height:70px;object-fit:cover;background:var(--line2);border:1px solid var(--line)} .tn.ph{display:grid;place-items:center;background:hsl(var(--h) 42% 91%);border-color:hsl(var(--h) 30% 82%)} .tn.ph svg{width:44%;height:44%;fill:none;stroke:hsl(var(--h) 38% 36%);stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round} @media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .tn.ph{background:hsl(var(--h) 22% 20%);border-color:hsl(var(--h) 18% 28%)}:root:not([data-theme="light"]) .tn.ph svg{stroke:hsl(var(--h) 45% 72%)}} .entry{flex:1;min-width:0} .entry .title{font-size:16px;font-weight:700;color:var(--link);line-height:1.25} .entry .tagline{font-size:11px;color:var(--muted);margin-top:3px} .entry .tagline b{color:var(--ink)} .flat{list-style:none;display:flex;gap:10px;margin-top:5px;font-size:11px;font-weight:700} .flat a{color:var(--faint)} .flat a:hover{color:var(--ink);text-decoration:none} .verified{color:#2f7d5f;font-weight:700} /* ===== reviews ===== */ .rev{display:flex;gap:9px;padding:12px 14px;border-bottom:1px solid var(--line2)} .rev .vcol{flex:0 0 34px;text-align:center} .vote{border:0;background:none;cursor:pointer;color:var(--faint);font-size:14px;line-height:1;padding:1px 4px} .vote:hover{color:var(--hot)} .vote[aria-pressed=true]{color:var(--hot)} .vcount{font-size:12px;font-weight:700;font-variant-numeric:tabular-nums;display:block;margin:1px 0} .rev .rbody{flex:1;min-width:0} .rev .who{font-size:11px;color:var(--muted)} .rev .who b{color:var(--ink);font-size:12px} .rev .stars{color:var(--gold);font-weight:700} .rev p{margin:5px 0;font-size:13px;line-height:1.5;white-space:pre-wrap} .rev .shot{display:block;max-width:420px;width:100%;border:1px solid var(--line);margin-top:7px} .badge{font-size:10px;font-weight:700;color:#2f7d5f;border:1px solid #2f7d5f;padding:0 4px;white-space:nowrap} .rep{border:0;background:none;color:var(--faint);font:inherit;font-size:10px;cursor:pointer;padding:6px 0 0;text-decoration:underline;display:block} .rep:hover{color:var(--hot)} .badge.no{color:var(--faint);border-color:var(--line)} /* ===== grabadora: el gesto central de Rabbit ===== En movil ocupa la pantalla y el boton vive abajo, en la zona del pulgar. */ .rec{display:flex;flex-direction:column;gap:12px} .stage{border:1px solid var(--line);background:var(--card);padding:18px 14px;min-height:150px; display:flex;flex-direction:column;justify-content:center;gap:9px} .stage .hint{color:var(--muted);font-size:13px;line-height:1.5;text-align:center} .stage .live{text-align:center} .stage .live .big{font-size:40px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:-.03em; color:var(--hot);line-height:1} .stage .live .sub{font-size:12px;color:var(--muted);margin-top:5px} .wave{display:flex;align-items:flex-end;justify-content:center;gap:3px;height:34px;margin-top:11px} .wave i{width:4px;background:var(--hot);height:20%;border-radius:2px;animation:w .9s infinite ease-in-out} .wave i:nth-child(2){animation-delay:.1s}.wave i:nth-child(3){animation-delay:.2s} .wave i:nth-child(4){animation-delay:.3s}.wave i:nth-child(5){animation-delay:.4s} .wave i:nth-child(6){animation-delay:.5s}.wave i:nth-child(7){animation-delay:.6s} @keyframes w{0%,100%{height:18%}50%{height:100%}} .said-box{width:100%;font:inherit;font-size:15px;line-height:1.55;border:0;background:none;color:inherit; resize:vertical;min-height:100px;padding:0} .said-box:focus{outline:0} .stage .lbl{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--faint);font-weight:700} .recbtn{display:flex;flex-direction:column;align-items:center;gap:6px;margin:0 auto;border:0;background:none;color:var(--ink);font:inherit; font-weight:700;font-size:13px;padding:6px;cursor:pointer;-webkit-user-select:none;user-select:none} .recbtn .mic.xl{width:84px;height:84px;animation:ring 1.6s ease-out infinite} .recbtn.stop .mic.xl{animation:beat .9s ease-in-out infinite,ring .9s ease-out infinite} .recbtn .k{margin:0;opacity:1;font-size:13px;font-weight:700} .recbtn:disabled{opacity:.45} .recbtn .k{display:block;font-size:11px;font-weight:400;opacity:.85;margin-top:3px} .redo{font-size:11px;font-weight:700;color:var(--muted);background:none;border:0;cursor:pointer; text-decoration:underline;padding:0} /* ===== tours y actividades: destacado en el lateral ===== */ .tourbox{background:#fff3ea;border:2px solid var(--hot);padding:14px;margin-bottom:12px} .tourbox .lbl{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--hot);font-weight:800;margin-bottom:5px} .tourbox b{display:block;font-size:16px;line-height:1.3;color:var(--ink);margin-bottom:10px} .tourbtn{display:block;text-align:center;background:var(--ink);color:#fff;font-weight:700;font-size:14px;padding:11px;border-radius:2px} .tourbtn:hover{text-decoration:none;background:var(--hot)} .tourbox small{display:block;font-size:10px;color:var(--muted);margin-top:8px;line-height:1.45} @media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .tourbox{background:#2a1a12}} :root[data-theme="dark"] .tourbox{background:#2a1a12} /* ===== las 5 preguntas del lugar, en acordeon ===== */ .qhint{font-size:12px;color:var(--muted);padding:8px 14px 4px} .qa{border-bottom:1px solid var(--line2)} .qa>summary{list-style:none;cursor:pointer;padding:12px 14px;display:flex;gap:10px;align-items:baseline;justify-content:space-between} .qa>summary::-webkit-details-marker{display:none} .qa>summary::before{content:'+';font-weight:800;color:var(--hot);width:12px;flex:0 0 12px} .qa[open]>summary::before{content:'−'} .qtext{flex:1;font-size:15px;font-weight:700;color:var(--ink);line-height:1.3} .qcount{font-size:11px;color:var(--faint);white-space:nowrap} .qbody{padding:0 0 12px} .qbody .rev{padding-left:14px} .qans{display:inline-block;margin:10px 14px 0 36px;padding:9px 14px;border:1px solid var(--hot); color:var(--hot);font-weight:700;font-size:13px;border-radius:2px} .qans:hover{background:var(--hot);color:#fff;text-decoration:none} /* ===== ficha: datos del lugar y enlace de afiliado ===== */ .facts{padding:10px 14px;border-bottom:1px solid var(--line2);display:grid;gap:7px} .facts div{font-size:12px;line-height:1.5;color:var(--muted)} .facts i{display:block;font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.06em; color:var(--faint);font-weight:700} .tours{display:block;margin:12px 14px;padding:11px 13px;border:1px solid var(--line);background:var(--paper); font-weight:700;font-size:13px;color:var(--ink)} .tours:hover{border-color:var(--hot);text-decoration:none} .tours small{display:block;font-weight:400;font-size:11px;color:var(--faint);margin-top:3px} /* ===== la pregunta abierta de la ciudad ===== */ .prompt{border:1px solid var(--gold);background:var(--card);padding:12px 14px;margin:0 0 1px} .prompt .lbl{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.07em; color:var(--gold);font-weight:700;margin-bottom:4px} .prompt b{font-size:15px;font-weight:700;display:block;line-height:1.35} .prompt .ans{display:inline-block;margin-top:7px;font-size:12px;font-weight:700;color:var(--hot)} /* ===== directorio de ciudades ===== */ .dir{padding:0 14px 16px} .dir h3{font-size:12px;text-transform:uppercase;letter-spacing:.06em;color:var(--muted); font-weight:700;margin:16px 0 7px;padding-top:10px;border-top:1px solid var(--line2)} .dir ul{list-style:none;columns:2;column-gap:18px} .dir li{font-size:13px;padding:2px 0;break-inside:avoid} .dir li span{color:var(--faint);font-size:11px} @media(max-width:560px){.dir ul{columns:1}} /* ===== las tres notas: palabras, no estrellas ===== */ .axis{margin-top:15px} .axis .q{font-size:13px;font-weight:700;display:block;margin-bottom:6px} .axis .q em{font-style:normal;font-weight:400;color:var(--faint);font-size:11px} .opts{display:flex;gap:4px} .opts button{flex:1;font:inherit;font-size:11px;font-weight:700;padding:11px 2px;border:1px solid var(--line); background:var(--card);color:var(--muted);cursor:pointer;border-radius:2px;line-height:1.25;min-height:46px} .opts button[aria-pressed=true]{background:var(--ink);color:var(--card);border-color:var(--ink)} .opts button:nth-child(1)[aria-pressed=true]{background:#8d2b12;border-color:#8d2b12} .opts button:nth-child(5)[aria-pressed=true]{background:#2f7d5f;border-color:#2f7d5f} .verdict{font-weight:800;color:var(--gold)} .axes{display:flex;gap:14px;flex-wrap:wrap;margin-top:7px} .axes span{font-size:12px;font-weight:700} .axes i{display:block;font-style:normal;font-size:10px;text-transform:uppercase;letter-spacing:.06em; color:var(--faint);font-weight:700} .axes.small span{font-size:11px} .held{background:var(--gold);color:#fff;padding:11px 14px;font-size:12px;font-weight:700;line-height:1.45} /* ===== audio dentro de una review ===== */ .rev audio{width:100%;max-width:380px;height:34px;margin:6px 0 2px;display:block} .rev .said{font-size:13px;line-height:1.5;margin:5px 0;white-space:pre-wrap} .rev .said.raw{color:var(--muted);font-style:italic} .rev .tag + .tag{margin-left:10px} .rev .tag{font-size:10px;color:var(--faint);text-transform:uppercase;letter-spacing:.05em;font-weight:700} /* ===== formulario ===== */ .form{padding:14px} label{display:block;font-size:12px;font-weight:700;margin:14px 0 5px} input[type=file],textarea,select{width:100%;font:inherit;padding:7px;border:1px solid var(--line); background:var(--card);color:inherit;border-radius:2px} textarea{min-height:120px;resize:vertical;font-size:13px} .shotpick{display:block;border:2px dashed var(--line);padding:22px 14px;text-align:center;font-weight:700; cursor:pointer;font-size:13px} .shotpick:hover{border-color:var(--hot);color:var(--hot)} .shotpick small{display:block;font-weight:400;color:var(--muted);margin-top:4px;font-size:11px} .shotpick img{max-width:320px;width:100%;margin-top:9px;border:1px solid var(--line)} .rate{display:flex;gap:4px;margin-top:4px} .rate button{flex:0 0 42px;font-size:21px;line-height:1;padding:6px 0;border:1px solid var(--line); background:var(--card);cursor:pointer;color:var(--faint);border-radius:2px} .rate button[aria-pressed=true]{color:var(--gold);border-color:var(--gold)} .go{display:inline-block;margin:18px 0 8px;padding:10px 26px;font:inherit;font-weight:700;font-size:14px; border:0;background:var(--hot);color:#fff;cursor:pointer;border-radius:2px} .go:disabled{background:var(--line);color:var(--faint);cursor:not-allowed} .why{font-size:11px;color:var(--muted);margin-top:6px;line-height:1.5} .empty{padding:30px 14px;color:var(--muted);font-size:13px} h2.sec{font-size:13px;font-weight:700;padding:11px 14px 7px;border-bottom:1px solid var(--line2); text-transform:uppercase;letter-spacing:.05em;color:var(--muted)} /* ===== entrar y registrarse ===== */ .authbox{padding:16px 14px 22px;max-width:470px} /* ===== escuchar y voz guardada ===== */ .listen{border:1px solid var(--line);background:var(--card);color:var(--ink);font:inherit;font-size:11px;font-weight:700; padding:4px 10px;border-radius:999px;cursor:pointer;margin:6px 0 2px} .listen:hover,.listen.on{border-color:var(--hot);color:var(--hot)} .listen.all{display:inline-flex;align-items:center;box-sizing:border-box;height:38px;padding:0 16px;font-size:13px;border-radius:999px} .rev audio.voice{width:100%;max-width:380px;height:34px;margin:6px 0 0;display:block} .rmvoice{border:0;background:none;color:var(--faint);font:inherit;font-size:10px;text-decoration:underline;cursor:pointer;padding:4px 0 0;display:block} .keep{display:flex;gap:9px;align-items:flex-start;font-size:12px;font-weight:400;line-height:1.5;color:var(--muted); border:1px solid var(--line);padding:10px;margin-top:16px;background:var(--card)} .keep input{margin-top:3px;flex:0 0 auto} .keep b{color:var(--ink)} fieldset.keep{flex-direction:column;gap:6px;border:1px solid var(--line);padding:10px 12px;margin-top:14px} fieldset.keep legend{padding:0 4px} fieldset.keep label{display:flex;gap:7px;align-items:center;color:var(--ink);font-size:13px;margin:0} /* ===== about ===== */ .about p{font-size:14px;line-height:1.65;max-width:66ch} .about h2.sec{margin-top:6px} /* ===== nota del equipo: nunca se confunde con una respuesta de viajero ===== */ .team{margin:4px 14px 10px 36px;padding:10px 12px;background:var(--paper)} .team .lbl{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.06em;color:var(--link);font-weight:700;margin-bottom:4px} .team p{font-size:13px;line-height:1.55;margin:0} /* ===== perfil ===== */ .profile{display:flex;gap:14px;align-items:center} .avatar{flex:0 0 56px;height:56px;border-radius:50%;background:var(--ink);color:var(--card);display:flex; align-items:center;justify-content:center;font-size:24px;font-weight:800} .pstats{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:1px solid var(--line2)} .pstats div{padding:12px 14px;border-right:1px solid var(--line2)} .pstats div:last-child{border-right:0} .pstats b{display:block;font-size:22px;font-weight:800;font-variant-numeric:tabular-nums} .pstats span{font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.05em} .pans{border-bottom:1px solid var(--line2);padding-top:12px} .pq{display:block;padding:0 14px;font-weight:800;font-size:15px;color:var(--ink)} .pwhere{padding:2px 14px 0;font-size:11px;color:var(--muted)} .pans .rev{border-top:0} .author{color:inherit} .hdr a.who-me{font-weight:700;color:var(--ink)} @media(max-width:520px){.pstats{grid-template-columns:repeat(2,1fr)}.pstats div:nth-child(2){border-right:0}} /* ===== borrador guardado y aviso ===== */ .saved{padding:16px 0;font-size:14px;line-height:1.55} .toast{position:fixed;left:50%;bottom:calc(76px + env(safe-area-inset-bottom));transform:translateX(-50%); background:var(--ink);color:var(--card);padding:11px 16px;border-radius:3px;font-size:13px;z-index:50; max-width:92vw;box-shadow:0 4px 18px rgba(0,0,0,.18)} .toast a{color:#ffd9c9} /* ===== legal y pie ===== */ .legal .lede{padding:10px 14px 4px;font-size:13px;color:var(--muted)} .prose{padding:10px 14px 4px} .prose p{font-size:13px;line-height:1.6;margin-bottom:10px;max-width:68ch} .foot{max-width:1180px;margin:18px auto 22px;padding:0 12px;font-size:11px;color:var(--faint)} .foot a{color:var(--muted)} /* ===== barra inferior: SOLO movil ===== */ nav.bot{display:none} @media(max-width:900px){ .recpage .content{padding-bottom:0} .recpage .side{display:none} .recpage nav.bot{display:none} body.recpage{padding-bottom:0} .rec{min-height:calc(100dvh - 210px)} .stage{flex:1;min-height:190px;border-left:0;border-right:0} .recbar{position:fixed;left:0;right:0;bottom:0;padding:10px 12px calc(10px + env(safe-area-inset-bottom)); background:var(--card);border-top:1px solid var(--line);z-index:30} /* ya grabado: la caja deja de estirarse y el boton baja al flujo, para que se vean las notas */ .rec.done{min-height:0} .rec.done .stage{flex:none;min-height:0} .rec.done .recbar{position:static;padding:0;border-top:0;background:none} .recpage.done{padding-bottom:0} .opts button{font-size:11px;padding:13px 2px} #body{flex-direction:column;padding:0} .content{border-left:0;border-right:0;width:100%} .side{flex:auto;width:100%;margin-top:12px;padding:0 12px} body{padding-bottom:calc(56px + env(safe-area-inset-bottom))} nav.bot{display:flex;position:fixed;left:0;right:0;bottom:0; height:calc(56px + env(safe-area-inset-bottom));padding-bottom:env(safe-area-inset-bottom); background:var(--card);border-top:1px solid var(--line);z-index:20} nav.bot a{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px; font-size:10px;font-weight:700;color:var(--muted)} nav.bot a[aria-current]{color:var(--ink)} nav.bot a em{font-size:16px;font-style:normal;line-height:1} nav.bot a.add{color:var(--hot);justify-content:flex-end;padding-bottom:5px} nav.bot .mic{width:56px;height:56px;margin-top:-26px;box-shadow:0 6px 16px rgba(208,62,20,.38),0 0 0 4px var(--card)} .fab{display:none!important} .tn{flex-basis:56px;height:56px} .entry .title{font-size:15px} /* movil: fila 1 logo + cuenta, fila 2 ciudades a todo el ancho. channels y near me ya estan abajo */ .hdr{padding:0 12px;align-items:center;gap:0 10px} .logo{order:1} .hdr .me{order:2;margin-left:auto;padding:6px 0;font-size:12px} .hdr .navl{display:none} .tabmenu{order:3;flex:0 0 100%;padding-top:2px; -webkit-mask-image:linear-gradient(90deg,#000 88%,transparent);mask-image:linear-gradient(90deg,#000 88%,transparent)} } @media(max-width:520px){ .rank{flex-basis:20px;font-size:13px} .midcol{flex-basis:38px} .thing{padding:8px 10px 8px 4px;gap:6px} } #t.ending{color:var(--hot)} /* boton de grabar: circulo rojo con microfono. En movil vive en la barra de abajo, en escritorio flota */ .mic{display:grid;place-items:center;border-radius:50%;background:var(--hot);color:#fff;transition:transform .15s} .mic svg{width:46%;height:46%;fill:none;stroke:#fff;stroke-width:2;stroke-linecap:round;stroke-linejoin:round} a:hover .mic,a:active .mic{transform:scale(1.06)} .fab{position:fixed;right:28px;bottom:28px;z-index:25;text-decoration:none!important} .fab .mic{width:64px;height:64px;box-shadow:0 8px 22px rgba(208,62,20,.4)} .recpage .fab{display:none} /* hoja de preguntas que sube desde abajo */ .sheet{position:fixed;inset:0;z-index:60} .sheetbg{position:absolute;inset:0;background:rgba(0,0,0,.35);opacity:0;transition:opacity .2s} .sheetcard{position:absolute;left:0;right:0;bottom:0;max-width:560px;margin:0 auto;background:var(--card);border-radius:16px 16px 0 0; padding:8px 16px calc(14px + env(safe-area-inset-bottom));transform:translateY(100%);transition:transform .22s ease-out;box-shadow:0 -8px 30px rgba(0,0,0,.18)} .sheet.on .sheetbg{opacity:1}.sheet.on .sheetcard{transform:none} .grab{width:40px;height:4px;border-radius:2px;background:var(--line);margin:4px auto 12px} .sheett{display:block;font-size:15px;margin-bottom:8px} .sheetq{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:13px 2px;border-bottom:1px solid var(--line); color:var(--ink);font-weight:700;font-size:14px;text-decoration:none!important} .sheetq em{flex:0 0 auto;font-style:normal;font-weight:400;font-size:11px;color:var(--muted)} .sheetx{display:block;width:100%;margin-top:10px;padding:12px;border:1px solid var(--line);border-radius:999px;background:none;font:inherit;font-weight:700;color:var(--ink);cursor:pointer} /* leyenda y estado del autor */ .legend{border-top:1px solid var(--line)} .lrow{display:flex;gap:14px;align-items:center;padding:11px 14px;border-bottom:1px solid var(--line);font-size:13px;line-height:1.5} .lk{flex:0 0 150px;display:flex;align-items:center} .lchip{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.04em;color:var(--muted)} .mic.lg{width:40px;height:40px} .status{display:inline-block;margin-top:5px;padding:3px 10px;border-radius:999px;font-size:11px;font-weight:700;text-decoration:none!important; background:var(--line2);color:var(--ink)} .status.s1{background:#eef2f6;color:#3b5068}.status.s2{background:#e7f3ea;color:#2c6a3a}.status.s3{background:#fdf1dc;color:#8a5a0b} .status.s4{background:#fbe4dc;color:#a8360f}.status.s5{background:var(--hot);color:#fff} .tipq{margin-left:6px;border-radius:50%;width:17px;height:17px;display:inline-grid;place-items:center;padding:0;font-size:10px;vertical-align:middle} .box .tipq[data-tip]:hover::after,.box .tipq[data-tip]:focus::after{left:auto;right:-8px;width:230px} .step{display:inline-block;font-size:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:var(--hot);margin-bottom:4px} .pickwrap{padding:4px 0 10px} .picksearch{display:block;width:calc(100% - 28px);margin:6px 14px 10px;font:inherit;font-size:15px;padding:11px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:inherit} .picks{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:8px;padding:0 14px 10px} .pick{display:flex;gap:10px;align-items:center;padding:8px;border:1px solid var(--line);border-radius:12px;color:var(--ink);text-decoration:none!important;background:var(--card)} .pick:hover{border-color:var(--hot)} .pick .tn{flex:0 0 48px;height:48px;border-radius:8px} .pick b{display:block;font-size:14px;line-height:1.25}.pick small{display:block;font-size:11px;color:var(--muted);margin-top:2px} .pick[hidden],.pickcat[hidden]{display:none} .pickcat .sec{text-transform:capitalize} .pickwrap .sortbar{border:0;padding-top:0} .qpicks{display:flex;flex-direction:column;gap:8px;padding:6px 14px 12px} .qpick{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border:1px solid var(--line);border-radius:999px; color:var(--ink);font-weight:700;font-size:14px;text-decoration:none!important;background:var(--card)} .qpick:hover{border-color:var(--hot);color:var(--hot)} .qpick span{color:var(--hot)} .qpick.free{border-style:dashed} .qday{display:flex;align-items:center;gap:12px;margin:10px 14px 12px;padding:11px 14px;border:1px solid var(--line); border-radius:10px;background:var(--card);color:var(--ink);text-decoration:none!important} .qday:hover{border-color:var(--hot)} .qdt{flex:1;min-width:0} .qdl{display:block;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);margin-bottom:3px} .qdt b{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;font-size:14px;line-height:1.35} .qdgo{flex:0 0 auto;color:var(--hot);font-weight:800;font-size:13px} .langs{display:inline-flex;gap:2px;margin-left:6px;vertical-align:middle} .langs button{font:inherit;font-size:10px;font-weight:800;letter-spacing:.04em;padding:3px 7px;border:1px solid var(--line);background:var(--card); color:var(--muted);border-radius:999px;cursor:pointer} .langs button[aria-pressed=true]{background:var(--ink);color:var(--card);border-color:var(--ink)} .langs button.wait{opacity:.5;animation:beat .9s ease-in-out infinite} .player{display:inline-flex;align-items:center;gap:6px;height:38px;box-sizing:border-box;padding:0 5px 0 0;border:1px solid var(--line);border-radius:999px;background:var(--card)} .player .listen.all{border:0;background:none;height:36px;padding:0 8px 0 16px;white-space:nowrap} .player .plangs{border-left:1px solid var(--line);padding-left:6px} .plangs{display:inline-flex;gap:2px} .plangs button{font:inherit;font-size:10px;font-weight:800;padding:4px 7px;border:0;border-radius:999px;background:none;color:var(--muted);cursor:pointer} .plangs button[aria-pressed=true]{background:var(--ink);color:var(--card)} .player.wait{animation:beat .9s ease-in-out infinite} .snext{font-size:11px;color:var(--muted)} @media(max-width:520px){.lk{flex-basis:110px}} /* responder: pastilla roja con el mismo micro circular que la barra de abajo */ a.qans{display:inline-flex;align-items:center;gap:8px;height:38px;box-sizing:border-box;padding:0 16px 0 4px;border:0;border-radius:999px;background:var(--hot); color:#fff;font-weight:700;font-size:13px;text-decoration:none;box-shadow:0 4px 12px rgba(204,59,18,.28)} a.qans:hover{text-decoration:none;filter:brightness(1.06)} a.qans .mic{width:30px;height:30px;background:rgba(255,255,255,.2)} .qacts{display:flex;flex-wrap:wrap;align-items:center;gap:10px;margin:12px 14px 6px 36px} .qacts a.qans{margin:0} .qall{display:inline-block;margin:6px 14px 0 36px;font-size:12px;font-weight:700} iframe.recframe{display:block;width:calc(100% - 50px);margin:12px 14px 6px 36px;height:560px;border:1px solid var(--line);border-radius:12px;background:var(--card)} /* grabadora dentro de una ficha: sin cabecera, pie, barra ni lateral */ body.embed #header,body.embed .foot,body.embed nav.bot,body.embed .fab,body.embed .side,body.embed .crumb,body.embed .sheet{display:none!important} body.embed{padding-bottom:0!important;background:var(--card)} body.embed #body{padding:0;max-width:none} body.embed .content{border:0;width:100%} body.embed .recbar{position:static!important;background:none;border:0;padding:8px 0} body.embed .rec,body.embed .stage{min-height:0!important;flex:none!important} body.embed .stage{min-height:120px!important} /* embebida: la pregunta y el lugar ya se ven en la ficha, se va directo a grabar */ body.embed .pagehead,body.embed .prompt,body.embed label[for=place],body.embed #place,body.embed .held{display:none!important} body.embed .rec{margin-top:0!important} @media(max-width:900px){iframe.recframe{width:100%;margin:12px 0 6px;border-radius:0;border-left:0;border-right:0}.qall{margin-left:14px}} a.qans.wide{display:flex;width:100%;margin:12px 0 0;justify-content:center;padding:0 16px 0 4px;position:relative} a.qans.wide .mic{position:absolute;left:4px} /* latido: el micro rojo respira y suelta un anillo, en todas partes. Grabando, late mas rapido */ @keyframes beat{0%,100%{transform:scale(1)}14%{transform:scale(1.08)}28%{transform:scale(1)}42%{transform:scale(1.05)}70%{transform:scale(1)}} @keyframes ring{0%{box-shadow:0 0 0 0 rgba(204,59,18,.5)}100%{box-shadow:0 0 0 14px rgba(204,59,18,0)}} nav.bot .mic,.fab .mic{animation:beat 1.6s ease-in-out infinite,ring 1.6s ease-out infinite} a.qans{animation:ring 1.6s ease-out infinite} a.qans .mic{animation:beat 1.6s ease-in-out infinite} #t{animation:beat 1s ease-in-out infinite;display:inline-block} @media(prefers-reduced-motion:reduce){nav.bot .mic,.fab .mic,a.qans,a.qans .mic,#t,.recbtn.stop{animation:none}} /* tooltip propio del sello GPS: hover en escritorio, toque en movil (tabindex da el foco) */ .badge[data-tip]{position:relative;cursor:help} .badge[data-tip]:hover::after,.badge[data-tip]:focus::after{content:attr(data-tip);position:absolute;left:0;top:calc(100% + 6px);z-index:40; width:240px;padding:8px 10px;background:var(--ink);color:var(--card);font-family:inherit;font-size:12px;font-weight:400;line-height:1.45;text-transform:none;letter-spacing:0; border-radius:4px;box-shadow:0 6px 18px rgba(0,0,0,.18);white-space:normal} .langs[hidden],label[hidden]{display:none!important} /* movil: reproductor y responder a todo el ancho, uno encima del otro */ @media(max-width:600px){ body .qacts{flex-direction:column;align-items:stretch;margin:12px 14px 8px} body .qacts .player{justify-content:space-between;width:100%} body .qacts a.qans{display:flex;width:100%;justify-content:center;position:relative;padding:0 40px} body .qacts a.qans .mic{position:absolute;left:4px} body .qall{margin:8px 14px 0} } /* movil: filtros en una fila deslizable y acciones de cada lugar en una sola linea */ @media(max-width:600px){ .sortbar{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;-webkit-mask-image:linear-gradient(90deg,#000 85%,transparent);mask-image:linear-gradient(90deg,#000 85%,transparent)} .sortbar::-webkit-scrollbar{display:none} .sortbar a{flex:0 0 auto;white-space:nowrap;border-radius:999px;padding:5px 11px;font-size:12px} .flat{gap:14px;white-space:nowrap} .flat li.more{display:none} .flat{overflow:hidden;text-overflow:ellipsis} } /* perfil */ .phero{display:flex;gap:14px;align-items:center;padding:14px 14px 12px} .phero .avatar{flex:0 0 64px;height:64px;font-size:26px} .pwho h1{font-size:22px;line-height:1.1;margin-bottom:5px} .psince{font-size:12px;color:var(--muted);margin-top:6px} .pstats{grid-template-columns:repeat(4,1fr)} .pstats div{padding:10px 14px} .pstats b{font-size:20px} .pstats span{font-size:10px} .pnext{padding:12px 14px;border-bottom:1px solid var(--line2)} .pnt{font-size:12px;color:var(--muted);margin-bottom:8px} .pbar{display:flex;align-items:center;gap:10px;font-size:12px;margin-top:5px} .pbar span{flex:0 0 90px;color:var(--muted)} .pbar i{flex:1;height:6px;border-radius:3px;background:var(--line2);overflow:hidden} .pbar i b{display:block;height:100%;background:var(--hot);border-radius:3px} .pbar em{flex:0 0 42px;text-align:right;font-style:normal;font-variant-numeric:tabular-nums;color:var(--muted)} .pcta{padding:12px 14px 4px} .pcta a.qans.wide{margin:0} .pplace{border-bottom:1px solid var(--line)} .pphead{display:flex;gap:10px;align-items:center;padding:12px 14px 6px;color:var(--ink);text-decoration:none!important} .pphead .tn{flex:0 0 40px;height:40px;border-radius:8px} .pphead b{display:block;font-size:15px}.pphead small{display:block;font-size:11px;color:var(--muted)} .pcard{margin:6px 14px 10px 64px;padding:10px 12px;border:1px solid var(--line2);border-radius:12px;background:var(--card)} .pq2{display:block;font-weight:800;font-size:14px;color:var(--ink);margin-bottom:4px} .ptext{font-size:14px;line-height:1.5;display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden;cursor:pointer} .ptext.open{-webkit-line-clamp:unset} .pmeta{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px;font-size:11px;color:var(--muted)} .pmeta .again{margin-left:auto;font-weight:700;color:var(--hot)} @media(max-width:600px){.pcard{margin-left:14px}.pstats b{font-size:18px}} .pillars{max-width:1180px;margin:18px auto 0;padding:12px 14px;font-size:12px;line-height:1.9;color:var(--muted);border-top:1px solid var(--line)} .pillars b{color:var(--ink);margin-right:4px} body.embed .pillars{display:none} .alerts{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;margin:12px 14px 0;padding:10px 14px;border:1px solid var(--line);border-radius:10px;background:var(--card)} .alerts>div{flex:1;min-width:0}.alerts b{display:block;font-size:14px}.alerts span{display:block;font-size:12px;color:var(--muted);margin-top:2px} .alertsbtn{flex:0 0 auto;font:inherit;font-weight:800;font-size:13px;padding:8px 16px;border-radius:999px;border:0;background:var(--ink);color:var(--card);cursor:pointer} .alertsbtn:disabled{background:#2c6a3a} .alertsnote{flex-basis:100%;font-size:12px;color:var(--muted);margin:0}.alertsnote:empty{display:none} /* flujo de grabar: listas compactas en filas, como las preguntas de la ficha */ .pickwrap .picks{display:block;padding:0} .pickwrap .pick{border:0;border-bottom:1px solid var(--line2);border-radius:0;padding:9px 14px;background:none} .pickwrap .pick .tn{flex:0 0 34px;height:34px;border-radius:8px} .pickwrap .pick b{font-size:15px} .pickcat .sec{margin:0;border-bottom:1px solid var(--line)} .pickwrap .sortbar{margin-bottom:4px} .qpicks{display:block;padding:0;border-top:1px solid var(--line)} .qpick{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;border:0;border-bottom:1px solid var(--line2);border-radius:0;background:none;font-size:15px} .qpick i{font-style:normal;color:var(--hot);font-weight:800;flex:0 0 auto} .qpick b{flex:1;line-height:1.3} .qpick span{flex:0 0 auto;font-size:11px;font-weight:400;color:var(--muted);padding-top:3px} .qpick:hover b{color:var(--hot)} .qpick.free{border-style:solid} body.wide .side{display:none}body.wide .content{width:100%;max-width:none} .accountbox{min-height:70vh} .accountbox .cl-rootBox,.accountbox .cl-cardBox{width:100%!important;max-width:100%!important} .rno{display:inline-block;margin:0 6px 0 0;padding:3px 10px;border-radius:999px;background:var(--ink);color:var(--card);font-size:11px;font-weight:800;letter-spacing:.03em} /* constructor de rabbits */ .builder{padding:6px 14px 20px} .bprev{width:160px;height:160px;margin:6px auto 14px} .bprev svg,.avatar.rab svg,.minir svg{width:100%;height:100%;display:block} .brow{display:flex;flex-wrap:wrap;align-items:center;gap:8px;padding:9px 0;border-bottom:1px solid var(--line2)} .brow>span{flex:0 0 90px;font-size:12px;font-weight:800;text-transform:uppercase;letter-spacing:.05em;color:var(--muted)} .bopts{flex:1;display:flex;flex-wrap:wrap;gap:6px} .bopts button{display:inline-flex;align-items:center;gap:5px;font:inherit;font-size:12px;padding:6px 11px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--ink);cursor:pointer} .bopts button[aria-pressed=true]{background:var(--ink);color:var(--card);border-color:var(--ink)} .sw{width:12px;height:12px;border-radius:50%;border:1px solid rgba(0,0,0,.2)} .color-rabbit{background:#cc3b12}.color-ink{background:#1a1a1a}.color-sea{background:#1f6fb2}.color-moss{background:#3f7d4e}.color-gold{background:#c99a1c}.color-rose{background:#d24d7e}.color-violet{background:#6c47ff} .bg-sand{background:#f3eee4}.bg-white{background:#fff}.bg-sky{background:#dfeaf3}.bg-mint{background:#e1efe5}.bg-blush{background:#f5e2e6}.bg-night{background:#1a1a1a} .avatar.rab{background:none;padding:0;overflow:hidden} .minir{display:inline-block;width:22px;height:22px;vertical-align:middle;margin-right:4px} .brabbit{display:block;text-align:center;margin-top:10px;font-weight:700;font-size:13px} /* idioma en el boton Listen */ .lchip2{font:inherit;font-size:10px;font-weight:800;letter-spacing:.04em;margin-left:4px;padding:4px 7px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--muted);cursor:pointer;vertical-align:middle} .lmenu{position:absolute;z-index:50;margin-top:6px;display:flex;flex-direction:column;min-width:160px;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15)} .lmenu b{font-size:10px;text-transform:uppercase;letter-spacing:.07em;color:var(--muted);padding:4px 8px} .lmenu button{font:inherit;font-size:14px;text-align:left;padding:9px 10px;border:0;border-radius:8px;background:none;color:var(--ink);cursor:pointer} .lmenu button[aria-pressed=true]{background:var(--ink);color:var(--card)} .listen.all{border-radius:999px} .bbtn{font:inherit;font-weight:800;font-size:13px;padding:9px 16px;border-radius:999px;border:0;background:var(--ink);color:var(--card);cursor:pointer} .bbtn.hot{background:var(--hot)} .alertsnote{overflow-wrap:anywhere} /* nunca scroll horizontal: un texto largo no puede ensanchar la pagina (en la app instalada descuadra todo) */ body{overflow-x:clip} @media (display-mode: standalone){#header{padding-top:env(safe-area-inset-top)}} .avatar.rab{position:relative;overflow:visible} .avedit{position:absolute;right:-2px;bottom:-2px;width:26px;height:26px;display:grid;place-items:center;border-radius:50%;background:var(--hot);color:#fff;font-size:13px;text-decoration:none!important;box-shadow:0 0 0 3px var(--card)} /* cabecera con el rabbit de la persona */ .hdr .me{position:relative} .hrab{width:30px;height:30px;padding:0;border:0;background:none;border-radius:50%;cursor:pointer;vertical-align:middle;margin-left:6px} .hrab svg{width:100%;height:100%;display:block} .hmenu{position:absolute;right:0;top:calc(100% + 6px);z-index:60;display:flex;flex-direction:column;min-width:190px;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15)} .hmenu[hidden]{display:none} .hmenu a,.hmenu button{font:inherit;font-size:14px;text-align:left;padding:10px 12px;border:0;border-radius:8px;background:none;color:var(--ink);cursor:pointer;text-decoration:none!important} .hmenu a:hover,.hmenu button:hover{background:var(--line2)} .hmenu .hout{color:var(--hot)} /* feed y seguir */ .hometabs{border-bottom:1px solid var(--line)} .feedc{margin:10px 14px} .fhead{display:flex;align-items:center;gap:6px;flex-wrap:wrap;font-size:12px;color:var(--muted);margin-bottom:6px} .fhead b{color:var(--ink)} .h1row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px} .followbtn{flex:0 0 auto;font:inherit;font-weight:800;font-size:12px;padding:6px 12px;border-radius:999px;border:1px solid var(--ink);background:var(--card);color:var(--ink);cursor:pointer;margin-top:2px} .followbtn[aria-pressed=true]{background:var(--ink);color:var(--card)} /* constructor: rejilla fija, etiquetas alineadas, pastillas iguales */ .builder{max-width:560px;margin:0 auto} .bprev{width:150px;height:150px;margin:8px auto 18px} .brow{display:grid;grid-template-columns:110px 1fr;align-items:start;gap:10px;padding:12px 0} .brow>span{padding-top:7px;flex:none} .bopts{display:flex;flex-wrap:wrap;gap:6px} .bopts button{height:32px;min-width:64px;justify-content:center;padding:0 12px} .brow:last-child{display:flex;justify-content:center;gap:10px;border-bottom:0;padding-top:18px} @media(max-width:600px){.brow{grid-template-columns:1fr;gap:8px}.brow>span{padding-top:0}} /* home de preguntas */ .qcard{margin:10px 14px;padding:12px 14px;border:1px solid var(--line2);border-radius:14px;background:var(--card)} .qcwhere{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--muted);text-decoration:none!important} .qcwhere .tn{flex:0 0 26px;height:26px;border-radius:7px} .qcwhere small{display:inline;font-weight:400;margin-left:4px} .qcwhere small::before{content:'· '} .qctext{display:block;margin:8px 0 2px;font-size:17px;font-weight:800;line-height:1.3;color:var(--ink);text-decoration:none!important} .qcans{display:flex;gap:8px;margin-top:10px;padding-top:10px;border-top:1px dashed var(--line2);font-size:13px} .qcans .minir{flex:0 0 26px;width:26px;height:26px} .qcago{color:var(--muted);font-size:11px} .qcans .ptext{font-size:14px;margin:3px 0 6px;-webkit-line-clamp:3} .qcfoot{display:flex;justify-content:space-between;align-items:center;margin-top:10px} .qcn{font-size:12px;font-weight:700;color:var(--muted)} .qcgo{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 14px 0 3px;border-radius:999px;background:var(--hot);color:#fff!important;font-weight:800;font-size:13px;text-decoration:none!important} .qcgo .mic{width:26px;height:26px;background:rgba(255,255,255,.2)} .pager{display:flex;justify-content:space-between;align-items:center;margin:14px;font-size:13px;font-weight:700;color:var(--muted)} .pager a{padding:8px 14px;border:1px solid var(--line);border-radius:999px} .modnote{margin:12px 14px 0;padding:10px 14px;border-radius:10px;background:var(--line2);font-size:12px;line-height:1.5;color:var(--muted)} .addq{display:flex;flex-wrap:wrap;gap:8px;margin:14px} .addq input{flex:1;min-width:0;font:inherit;font-size:14px;padding:10px 14px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:inherit} .addq button{font:inherit;font-weight:800;padding:0 18px;border:0;border-radius:999px;background:var(--ink);color:var(--card);cursor:pointer} .addq .why{flex-basis:100%;margin:0} /* modo radio: barra fija con lo que suena y lo siguiente */ .radio{position:fixed;left:12px;right:12px;bottom:calc(68px + env(safe-area-inset-bottom));z-index:45;display:flex;align-items:center;gap:6px;max-width:560px;margin:0 auto; padding:8px 8px 8px 14px;border-radius:14px;background:var(--ink);color:var(--card);box-shadow:0 10px 30px rgba(0,0,0,.25);overflow:hidden} .radio[hidden]{display:none} .rtxt{flex:1;min-width:0}.rtxt small{display:block;font-size:10px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;opacity:.7} .rtxt b{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .radio button{flex:0 0 auto;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:inherit;font-size:13px;cursor:pointer} .rprog{position:absolute;left:0;bottom:0;height:3px;width:0;background:var(--hot)} .radio.wait .rprog{animation:rfill 3s linear forwards} @keyframes rfill{to{width:100%}} @media(min-width:901px){.radio{bottom:24px;right:110px}} /* iPhone amplia la pagina al tocar un campo con letra < 16 px, y con zoom la barra fija se descoloca */ @media(max-width:900px){input,select,textarea{font-size:16px!important}} .hrab{position:relative} .hrab.alerts-on::after{content:'';position:absolute;right:0;bottom:0;width:9px;height:9px;border-radius:50%;background:#2c9a4b;box-shadow:0 0 0 2px var(--head)} .hmenu .halerts{color:var(--ink)} .hmenu .halerts u{color:var(--muted)} /* respuesta: cabecera en una linea, texto, acciones, pie discreto */ .rhead{display:flex;align-items:center;gap:8px;min-width:0} .rhead .minir{flex:0 0 26px;width:26px;height:26px;margin:0} .rhead .who{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;font-size:13px;margin:0} .rhead .who .when{color:var(--muted);font-size:12px} .rhead .who .verdict{font-size:12px} .rev .said{margin:8px 0 0;font-size:15px;line-height:1.55} .ract{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;margin-top:10px} .ract .rfoot{margin-left:auto;display:flex;align-items:center;gap:10px} .ract .tag{margin:0;font-size:10px} .ract .rep{margin:0;font-size:11px} /* ficha: ranking primero, luego nota, notas y respuestas, en fichas iguales */ .pstat{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(0,1.5fr) minmax(0,1fr) minmax(0,1fr);gap:6px;margin-top:10px;max-width:460px} .pstat>*{display:flex;flex-direction:column;justify-content:center;min-width:0;padding:7px 10px;border:1px solid var(--line);border-radius:12px;background:var(--card);text-decoration:none!important;color:var(--ink)} .pstat b{font-size:18px;font-weight:800;line-height:1.1} .pstat span span,.pstat>*>span{font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis} .pstat .prank{background:var(--ink);border-color:var(--ink)} .pstat .prank b,.pstat .prank span{color:var(--card)} .pstat .pscore .verdict{color:var(--gold);font-weight:800} .pstat .none b{color:var(--muted)} .catli{display:flex;justify-content:space-between;gap:10px}.catli span{color:var(--muted);font-size:12px;font-variant-numeric:tabular-nums} .freeb{display:inline-block;padding:1px 7px;border-radius:999px;background:var(--okbg);color:var(--okink);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em} .opts{flex-wrap:wrap} .freeopt{flex:1 0 100%;padding:10px!important;background:var(--okbg)!important;color:var(--okink)!important;border-color:var(--okbg)!important;font-weight:800} .freeopt[aria-pressed=true]{background:#2c6a3a!important;color:#fff!important} .freelink{display:flex;justify-content:space-between;align-items:center;margin:10px 14px 0;padding:10px 14px;border-radius:10px;background:var(--okbg);color:var(--okink)!important;text-decoration:none!important;font-size:14px} .freelink span{font-weight:800} .teamb{display:inline-block;padding:1px 7px;border-radius:999px;background:var(--infobg);color:var(--infoink);font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.04em;position:relative;cursor:help} .teamb[data-tip]:hover::after,.teamb[data-tip]:focus::after{content:attr(data-tip);position:absolute;left:0;top:calc(100% + 6px);z-index:40;width:230px;padding:8px 10px;background:var(--ink);color:var(--card);font-family:inherit;font-size:12px;font-weight:400;line-height:1.45;text-transform:none;letter-spacing:0;border-radius:4px} .srcl{color:var(--infoink)!important;text-decoration:underline!important} .evwhen{margin-top:8px;font-size:13px;color:var(--ink)} /* oscuro: pastillas de nivel, tooltips y superficies con color fijo */ :root[data-theme="dark"] .status.s1,:root[data-theme="dark"] .status.s2,:root[data-theme="dark"] .status.s3,:root[data-theme="dark"] .status.s4{filter:brightness(.55) saturate(1.3);color:#fff} @media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .status.s1,:root:not([data-theme="light"]) .status.s2,:root:not([data-theme="light"]) .status.s3,:root:not([data-theme="light"]) .status.s4{filter:brightness(.55) saturate(1.3);color:#fff}} :root[data-theme="dark"] .tn.ph{background:hsl(var(--h) 22% 20%);border-color:hsl(var(--h) 18% 28%)} :root[data-theme="dark"] .tn.ph svg{stroke:hsl(var(--h) 45% 72%)} :root[data-theme="dark"] .radio{background:#2a2622} @media(prefers-color-scheme:dark){:root:not([data-theme="light"]) .radio{background:#2a2622}} .htheme{font:inherit;font-size:14px;text-align:left;padding:10px 12px;border:0;border-radius:8px;background:none;color:var(--ink);cursor:pointer} .ftheme{display:inline;padding:0;font-size:inherit;color:var(--link)} .freestrip{display:flex;align-items:center;gap:6px;margin:10px 14px 0;padding:8px 10px;border-radius:12px;background:var(--okbg);overflow-x:auto;scrollbar-width:none;white-space:nowrap} .freestrip::-webkit-scrollbar{display:none} .freestrip b{color:var(--okink);font-size:12px;margin-right:4px} .freestrip a{flex:0 0 auto;padding:4px 11px;border-radius:999px;background:var(--card);color:var(--okink)!important;font-size:12px;font-weight:700;text-decoration:none!important} /* frescura y respuestas habladas */ .chk{display:inline-flex;gap:4px} .chk button{font:inherit;font-size:11px;font-weight:700;padding:4px 9px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--muted);cursor:pointer} .chk button[data-v=true][aria-pressed=true]{background:var(--okbg);color:var(--okink);border-color:var(--okbg)} .chk button[data-v=outdated][aria-pressed=true]{background:#f6e2dc;color:#8d2b12;border-color:#f6e2dc} .fresh{margin-top:6px;font-size:11px;color:var(--okink)} .stale{margin-top:6px;font-size:11px;color:var(--hot);font-weight:700} .replyl{display:inline-block;margin-top:8px;font-size:12px;font-weight:700;color:var(--muted)} .replies{margin-top:10px;padding-left:12px;border-left:2px solid var(--line2)} .replies .rev{padding:8px 0;border:0} .replies .vcol{display:none} .morer summary{cursor:pointer;font-size:12px;font-weight:700;color:var(--link);padding:6px 0} .replyto{margin:10px 14px 0;padding:10px 12px;background:var(--line2);border-radius:8px;font-size:13px} .replyto p{color:var(--muted);margin-top:4px} /* menu lateral */ .burger{align-self:center;display:flex;flex-direction:column;gap:4px;width:34px;height:34px;padding:9px 7px;border:0;background:none;cursor:pointer;margin-right:-6px} .burger span{display:block;height:2px;border-radius:2px;background:var(--ink)} .drawer{position:fixed;inset:0;z-index:70} .drawerbg{position:absolute;inset:0;background:rgba(0,0,0,.35);opacity:0;transition:opacity .2s} .drawerp{position:absolute;top:0;bottom:0;left:0;width:min(300px,84vw);display:flex;flex-direction:column;padding:calc(14px + env(safe-area-inset-top)) 10px 14px;background:var(--card);transform:translateX(-100%);transition:transform .2s ease-out;overflow-y:auto} .drawer.on .drawerbg{opacity:1}.drawer.on .drawerp{transform:none} .drawerp a,.drawerp .htheme{padding:12px 10px;border-radius:8px;color:var(--ink);font-size:15px;font-weight:700;text-decoration:none!important;text-align:left} .drawerp a:hover{background:var(--line2)} .dsearch input{width:100%;font:inherit;font-size:16px;padding:10px 14px;margin-bottom:8px;border:1px solid var(--line);border-radius:999px;background:var(--paper);color:inherit} .hsearch{display:none!important} /* fila de respuesta: menu ⋯ */ .rmore{position:relative} .rmore summary{list-style:none;cursor:pointer;width:30px;height:30px;display:grid;place-items:center;border-radius:50%;color:var(--muted);font-weight:800} .rmore summary::-webkit-details-marker{display:none} .rmore[open] summary{background:var(--line2)} .rmore>div{position:absolute;right:0;top:34px;z-index:30;display:flex;flex-direction:column;min-width:190px;padding:6px;background:var(--card);border:1px solid var(--line);border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.15)} .rmore>div a,.rmore>div button{font:inherit;font-size:13px;font-weight:700;text-align:left;padding:9px 10px;border:0;border-radius:8px;background:none;color:var(--ink);cursor:pointer;text-decoration:none!important} .rmore .rhow{padding:6px 10px;font-size:11px;color:var(--muted);text-transform:uppercase;letter-spacing:.04em} .ract .rmore{margin-left:auto} a.teamb{text-decoration:none!important} /* listas compactas (near me) */ .things.tight .thing{padding:8px 14px 8px 4px;gap:8px} .things.tight .rank{flex-basis:18px;font-size:12px} .things.tight .entry .title{font-size:15px} .things.tight .tagline{margin-top:1px} @media(max-width:900px){.freestrip{display:none}} /* pie siempre abajo del todo, aunque la pagina sea corta */ body{min-height:100vh;min-height:100dvh;display:flex;flex-direction:column} body>#body{flex:1 0 auto;width:100%} .sec.vh{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)} .featb{display:inline-block;vertical-align:middle;padding:2px 8px;border-radius:999px;background:#fdf1dc;color:#8a5a0b;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.05em} .featbox{border-color:#e9cf9c}.featbox small{display:block;margin-top:6px;color:var(--muted);font-size:11px} .featbox ul{list-style:none;margin-top:8px}.featbox li{padding:4px 0} .plans{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:12px 14px} .plan{padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card)} .plan.hot{border-color:color-mix(in srgb,var(--gold) 45%,var(--line));background:color-mix(in srgb,var(--gold) 7%,var(--card))} .plan b{display:block;font-size:16px}.plan .price{display:block;font-size:24px;font-weight:800;margin:4px 0 8px}.plan .price small{font-size:12px;color:var(--muted)} .plan ul{padding-left:18px;font-size:13px;line-height:1.6} @media(max-width:600px){.plans{grid-template-columns:1fr}} /* pagina /add */ .addgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:10px;padding:0 14px 6px} .addc{display:flex;flex-direction:column;justify-content:space-between;gap:10px;padding:14px;border:1px solid var(--line);border-radius:14px;background:var(--card)} .addh{display:flex;gap:10px}.addh b{display:block;font-size:15px}.addh p{font-size:12px;color:var(--muted);margin-top:3px;line-height:1.45} .addh .mic,.addi{flex:0 0 36px;width:36px;height:36px;display:grid;place-items:center;border-radius:50%;background:var(--hot);color:#fff;font-weight:800} .addi{background:var(--ink);color:var(--card)} .addgo{display:flex;gap:6px}.addgo select{flex:1;min-width:0;font:inherit;font-size:14px;padding:8px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:inherit} .cpick{flex-wrap:wrap}.cpick select{flex:1 1 38%}.cpick button{min-height:36px} .addgo button{font:inherit;font-weight:800;font-size:13px;padding:0 14px;border:0;border-radius:999px;background:var(--hot);color:#fff;cursor:pointer} .addc .qans.wide{margin:0} .catgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:8px;padding:0 14px 10px} .catc{display:flex;flex-direction:column;align-items:flex-start;gap:4px;padding:10px;border:1px solid var(--line2);border-radius:12px} .catc .tn{flex:none;width:34px;height:34px;border-radius:8px}.catc b{text-transform:capitalize}.catc small{color:var(--muted)} .addbox ul{list-style:none;margin:6px 0 10px}.addbox li{padding:4px 0} /* Free destacado en la barra de abajo */ nav.bot a.freenav{color:var(--okink)} nav.bot a.freenav em{display:grid;place-items:center;width:28px;height:22px;border-radius:999px;background:var(--okbg);font-size:14px} nav.bot a.freenav[aria-current]{color:var(--okink)} /* tirar para recargar */ .ptr{position:fixed;top:calc(env(safe-area-inset-top) + 6px);left:50%;margin-left:-18px;width:36px;height:36px;z-index:90;display:grid;place-items:center; border-radius:50%;background:var(--card);box-shadow:0 4px 14px rgba(0,0,0,.18);transform:translateY(-60px);transition:transform .15s} .ptr span{font-weight:800;color:var(--muted);transition:transform .15s} .ptr.ready span{transform:rotate(180deg);color:var(--hot)} .ptr.spin span{animation:ptrs .7s linear infinite} @keyframes ptrs{to{transform:rotate(360deg)}} .vote.down{margin-top:2px} button.vote[aria-pressed=true]{color:var(--hot)}button.vote.down[aria-pressed=true]{color:#3b5068} .rmore .delmine{color:var(--hot)!important} .modal{position:fixed;inset:0;z-index:95;display:grid;place-items:center;padding:16px} .modalbg{position:absolute;inset:0;background:rgba(0,0,0,.4)} .modalc{position:relative;max-width:360px;width:100%;padding:18px;border-radius:16px;background:var(--card);box-shadow:0 20px 50px rgba(0,0,0,.3)} .modalc b{font-size:16px}.modalc p{margin:8px 0 14px;color:var(--muted);font-size:13px;line-height:1.5} .modalb{display:flex;justify-content:flex-end;gap:8px} .modalb button{font:inherit;font-weight:800;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);color:var(--ink);cursor:pointer} .modalb .danger{background:var(--hot);border-color:var(--hot);color:#fff} .instsheet{position:fixed;left:10px;right:10px;bottom:calc(72px + env(safe-area-inset-bottom));z-index:80;display:flex;align-items:center;gap:10px; padding:10px 10px 10px 12px;border-radius:16px;background:var(--card);border:1px solid var(--line);box-shadow:0 12px 34px rgba(0,0,0,.2);transform:translateY(140%);transition:transform .25s ease-out} .instsheet.on{transform:none} .instsheet img{flex:0 0 40px;border-radius:10px} .instsheet div{flex:1;min-width:0;font-size:12px;line-height:1.4}.instsheet div b{display:block;font-size:14px}.instsheet span{color:var(--muted)} .instgo{flex:0 0 auto;font:inherit;font-weight:800;padding:8px 14px;border:0;border-radius:999px;background:var(--hot);color:#fff} .instx{flex:0 0 auto;width:30px;height:30px;border:0;border-radius:50%;background:var(--line2);color:var(--muted);font-size:13px} .plans.one{grid-template-columns:1fr;max-width:460px} .dsec{display:block;margin:14px 10px 2px;padding-top:12px;border-top:1px solid var(--line2);font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)} .qdaycard .qdl{display:block;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted)} .admtabs{display:flex;gap:4px;overflow-x:auto;padding:0 14px 10px;border-bottom:1px solid var(--line)} .admtabs a{flex:0 0 auto;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:700;color:var(--muted);text-decoration:none} .admtabs a[aria-current]{background:var(--ink);color:var(--card)}.admtabs b{color:var(--hot)}.admtabs a[aria-current] b{color:inherit} .admacts{display:flex;gap:6px;margin-top:6px}.admacts:empty{display:none} .admb{font:inherit;font-size:12px;font-weight:800;padding:6px 12px;border:0;border-radius:999px;background:var(--hot);color:#fff;cursor:pointer} .admb.no{background:none;border:1px solid var(--line);color:var(--muted)} .admsearch{display:flex;gap:6px;flex-wrap:wrap;padding:12px 14px}.admsearch input{flex:1 1 120px;font:inherit;padding:7px 10px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:inherit} .admsearch button{font:inherit;font-weight:800;padding:0 14px;border:0;border-radius:999px;background:var(--ink);color:var(--card)} /* Add to Rabbit: una opcion por fila, horizontal (19-sep) */ .addgrid{grid-template-columns:1fr;gap:0;padding:0 14px 6px} .addc{flex-direction:row;align-items:center;gap:16px;border-radius:0;border-width:0 0 1px;padding:14px 0;background:none} .addc .addh{flex:1;min-width:0} .addc>form,.addc>.qans{flex:0 0 min(430px,52%);margin:0} .addc .qans.wide{border-radius:0;box-shadow:none} @media(max-width:700px){.addc{flex-direction:column;align-items:stretch}.addc>form,.addc>.qans{flex:none;width:100%}} .cpick{flex-wrap:nowrap}.cpick select{flex:1 1 0}.cpick button{flex:0 0 128px;white-space:nowrap;padding:0 8px} /* REGLA DURA: ningun formulario lleva radius (campos y sus botones) */ input,select,textarea,form button:not(.recbtn){border-radius:0!important} .addc .qans.wide::before,.addc .qans.wide::after{display:none} .addc .qans.wide{box-shadow:none!important} .upd{font-size:11px;color:var(--muted);margin-bottom:2px} .livebox dl{display:grid;grid-template-columns:1fr auto;gap:4px 10px;font-size:13px;margin:6px 0}.livebox dd{font-weight:700;text-align:right}.livebox small{color:var(--muted);font-size:11px} .radio .rlang{width:auto!important;padding:0 10px;font:inherit;font-size:11px;font-weight:800;letter-spacing:.04em} @media(min-width:901px){.mobonly{display:none}}@media(max-width:900px){.deskonly{display:none}} .side .plans.one{margin:0 0 12px}.ppnote{display:block;margin-top:8px;font-size:11px;color:var(--muted);text-align:center} .whenbar{display:flex;gap:4px;overflow-x:auto;padding:10px 14px;border-bottom:1px solid var(--line);scrollbar-width:none}.whenbar::-webkit-scrollbar{display:none} .whenbar a{flex:0 0 auto;padding:5px 11px;border:1px solid var(--line);font-size:12px;font-weight:700;color:var(--muted);text-decoration:none} .whenbar a[aria-current]{background:var(--ink);border-color:var(--ink);color:var(--card)}.whenbar .wsep{flex:0 0 1px;background:var(--line);margin:0 4px} .sidetop .alerts,.sidetop .freelink,.sidetop .qcard{margin:0 0 12px}.sidetop .qctext{font-size:16px}.sidetop .alerts{flex-wrap:wrap} .suggestq{flex-wrap:wrap}.suggestq input{flex:1 1 280px}.suggestq select{flex:0 0 auto;font:inherit;font-size:14px;padding:9px 10px;border:1px solid var(--line);background:var(--card);color:inherit}.suggestq .why{flex:1 0 100%;margin:4px 0 0} /* menu de la respuesta: arriba a la derecha, a la altura del autor, nunca en una linea suelta */ .rbody{position:relative}.rbody>.rhead{padding-right:34px} .ract .rmore{position:absolute;top:-6px;right:0;margin:0} .rmore summary{width:30px;height:30px;font-size:18px;line-height:1;letter-spacing:1px} .askedby{display:block;margin-top:3px;font-size:11px;font-weight:400;color:var(--muted)}.askedby a{color:inherit;text-decoration:underline} .askedline{margin-top:4px}.askedline .askedby{font-size:12px} .recentq ul{list-style:none;margin:6px 0 0;padding:0}.recentq li{padding:7px 0;border-top:1px solid var(--line2)}.recentq li:first-child{border-top:0} .recentq li a{font-weight:700;font-size:13px;line-height:1.35}.recentq small{display:block;font-size:11px;color:var(--muted);margin-top:2px} .qbar{display:flex;gap:6px;margin:0 14px 10px 36px}.pagehead .qbar{margin:10px 0 0} .qbar button{font:inherit;font-size:12px;font-weight:700;padding:5px 11px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--muted);cursor:pointer} .qbar .qwant b{color:var(--ink)}.qbar .qwant[aria-pressed=true]{background:var(--ink);border-color:var(--ink);color:var(--card)}.qbar .qwant[aria-pressed=true] b{color:inherit} .qcleft{display:inline-flex;align-items:center;gap:8px}.qwmini{font:inherit;font-size:12px;font-weight:700;padding:3px 9px;border:1px solid var(--line);border-radius:999px;background:var(--card);color:var(--muted);cursor:pointer} .qwmini b{color:var(--ink)}.qwmini[aria-pressed=true]{background:var(--ink);color:var(--card);border-color:var(--ink)}.qwmini[aria-pressed=true] b{color:inherit} .qhead{display:flex;align-items:flex-start;gap:10px}.qhead h1,.qhead .qctext{flex:1;min-width:0} .qa>summary .qwmini{flex:0 0 auto;align-self:flex-start;margin-top:-2px} .qwmini{position:relative;display:inline-flex;flex-direction:column;align-items:center;gap:0;min-width:34px;padding:3px 6px;line-height:1.1;font-size:11px} .qwmini b{font-size:12px} .qwmini.pop{animation:qpop .45s cubic-bezier(.3,1.6,.5,1)}@keyframes qpop{0%{transform:scale(1)}40%{transform:scale(1.28)}100%{transform:scale(1)}} .plusone{position:absolute;left:50%;top:-4px;transform:translateX(-50%);font-size:12px;font-weight:800;color:var(--hot);pointer-events:none;animation:qplus .9s ease-out forwards} @keyframes qplus{0%{opacity:0;transform:translate(-50%,0)}20%{opacity:1}100%{opacity:0;transform:translate(-50%,-22px)}} @media(prefers-reduced-motion:reduce){.qwmini.pop,.plusone{animation:none}} .warnbar{margin:12px 14px 0;padding:12px 14px;border:1px solid var(--hot);background:var(--card);color:var(--ink);font-size:13px;line-height:1.5}.warnbar b{color:var(--hot)} .qvote{display:flex;gap:12px;padding-left:10px}.qvote .qrail{flex:0 0 auto;padding-top:2px}.qvote .qcmain{flex:1;min-width:0} .qvote .qcwhere{margin-top:0}.qvote .qctext{display:block} .h1btns{display:inline-flex;gap:6px;flex:0 0 auto}.savebtn[aria-pressed=true]{background:var(--hot)!important;border-color:var(--hot)!important;color:#fff!important} .things .savebtn{align-self:center;margin-left:auto;flex:0 0 auto} .admwrap{overflow-x:auto;margin:0 0 8px}.admtable{width:100%;border-collapse:collapse;font-size:13px} .admtable th{position:sticky;top:0;background:var(--paper);text-align:left;font-size:10px;font-weight:800;letter-spacing:.07em;text-transform:uppercase;color:var(--muted);padding:9px 12px;border-bottom:1px solid var(--line);white-space:nowrap} .admtable td{padding:9px 12px;border-bottom:1px solid var(--line2);vertical-align:top}.admtable tr:hover td{background:var(--paper)} .admtable td small{display:block;font-size:11px;color:var(--muted);margin-top:2px}.admtable td small.warn{color:var(--hot);font-weight:700} .admtable td.acts{white-space:nowrap;text-align:right}.admtable td.acts form{display:inline-flex;gap:6px} .admtable .admtxt{display:block;max-width:520px;line-height:1.45}.admimg{display:block;max-width:160px;margin-top:6px} .st{display:inline-block;padding:2px 8px;font-size:11px;font-weight:700;border:1px solid var(--line);color:var(--muted);white-space:nowrap} .st-live{background:var(--okbg);color:var(--okink);border-color:var(--okbg)}.st-pending{background:var(--infobg);color:var(--infoink);border-color:var(--infobg)} .st-hidden,.st-rejected{color:var(--hot);border-color:var(--hot)} .admb{border-radius:0!important} .plays{font-size:11px;color:var(--muted);font-weight:700;white-space:nowrap}